/* Formulaire d'achat Shortkard : mise en page de la production (formulaire à gauche, panier à droite), couleurs du Kit. */
.sks { --sks-texte: var(--e-global-color-primary, #192850); --sks-accent: var(--e-global-color-accent, #FF5A37); --sks-bleu: #0069E6; --sks-cyan: #00EDED;
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 60px; color: var(--sks-texte); align-items: start;
  font-family: var(--e-global-typography-text-font-family), sans-serif; }
.sks input, .sks select, .sks button { font-family: inherit; }
.sks-titre, .sks h3, .sks h2 { font-family: var(--e-global-typography-primary-font-family), sans-serif; color: var(--sks-bleu); font-size: 22px; font-weight: 700; margin: 34px 0 14px; padding-bottom: 10px; border-bottom: 1px solid #C9C2B4; }
.sks-form > .sks-titre:first-of-type { margin-top: 0; }
.sks-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.sks-grille[hidden] { display: none; }
.sks-large { grid-column: 1 / -1; }
.sks-champ { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 15px; }
.sks .sks-champ input, .sks .sks-champ select, .sks .sks-select { height: 52px; border: 1px solid transparent; border-radius: 14px; background: #fff; padding: 0 16px;
  font-size: 16px; color: var(--sks-texte); width: 100%; box-shadow: none; }
.sks .sks-champ input:focus, .sks .sks-champ select:focus { outline: none; border-color: var(--sks-cyan); box-shadow: 0 0 0 3px rgba(0, 237, 237, .25); }
.sks-invalide input { border-color: #D93025 !important; }
.sks-erreur, .sks-erreur-globale { color: #D93025; font-style: normal; font-weight: 500; font-size: 14px; }
.sks-modes { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 4px 0 18px; font-weight: 600; }
.sks-modes label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.sks-note { margin: 0; font-size: 15px; opacity: .8; }
.sks-label { margin: 6px 0 0; font-weight: 600; }
.sks-accord { display: flex; gap: 10px; align-items: flex-start; margin: 26px 0 8px; font-weight: 600; font-size: 15px; }
.sks-accord.sks-invalide { color: #D93025; }
.sks-accord a { color: var(--sks-bleu); }
.sks .sks-bouton { font-family: var(--e-global-typography-accent-font-family), sans-serif; margin-top: 14px; background: var(--sks-accent); color: #fff; border: 0; border-radius: 40px; padding: 16px 42px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .5px; cursor: pointer; }
.sks .sks-bouton:disabled { opacity: .6; cursor: wait; }
.sks-cote { display: flex; flex-direction: column; gap: 28px; position: sticky; top: 120px; }
.sks-panier, .sks-inclus { background: #fff; border-radius: 14px; padding: 28px; }
.sks-panier h3, .sks-inclus h3 { border: 0; margin: 0 0 16px; padding: 0; }
.sks-ligne { display: flex; justify-content: space-between; align-items: center; border: 2px solid var(--sks-cyan); border-radius: 10px; padding: 12px 14px; margin: 0 0 10px; font-weight: 600; }
.sks-ligne strong { color: var(--sks-bleu); font-size: 22px; }
.sks-engagement { color: var(--sks-accent); font-weight: 600; margin: 0; }
.sks-inclus ul { margin: 0; padding-left: 18px; line-height: 1.8; }
.sks-merci { display: block; background: #fff; border-radius: 14px; padding: 40px; text-align: center; }
.sks-merci h2 { color: var(--sks-bleu); margin: 0 0 12px; }
@media (max-width: 1024px) { .sks { grid-template-columns: minmax(0, 1fr); } .sks-cote { position: static; order: -1; } }
@media (max-width: 767px) { .sks-grille { grid-template-columns: minmax(0, 1fr); } }