/* Corto Shop - configurateur v2, cartes façon Skiset */
.ck,.ck-modal{--ck-ink:#0B3B46;--ck-bg:#fff;--ck-soft:#F4F8F7;--ck-line:rgba(11,59,70,.12);--ck-red:#E30613;--ck-on:#E30613;--ck-on-ink:#fff;--ck-chip-ink:#F4F8F7;--ck-chip-line:rgba(255,255,255,.25);--ck-label:#a9c3be;--ck-display:"Big Shoulders Display",Impact,sans-serif;--ck-mono:"JetBrains Mono",ui-monospace,monospace}
/* Filtres */
.ck-filters{display:grid;gap:12px;margin-bottom:30px}
.ck-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.ck-label{min-width:86px;font-family:var(--ck-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ck-label)}
.ck-chips{display:flex;flex-wrap:wrap;gap:8px}
.ck-chip{appearance:none;font:inherit;font-weight:600;font-size:.95rem;padding:9px 18px;border-radius:999px;border:1.5px solid var(--ck-chip-line);background:transparent;color:var(--ck-chip-ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ck-chip:hover{border-color:var(--ck-chip-ink)}
.ck-chip.is-on{background:var(--ck-on);border-color:var(--ck-on);color:var(--ck-on-ink);font-weight:700}
.ck-select{position:relative;color:var(--ck-chip-ink)}
.ck-duration{appearance:none;font:inherit;font-weight:600;padding:9px 42px 9px 18px;border-radius:999px;border:1.5px solid var(--ck-chip-line);background:transparent;color:var(--ck-chip-ink);cursor:pointer}
.ck-duration option{color:#0B3B46}
.ck-select:after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.ck-hint{font-size:.86rem;color:var(--ck-label)}
.ck-chip:focus-visible,.ck-duration:focus-visible,.ck-add:focus-visible,.ck-radio:focus-visible,.ck-tile input:focus-visible+.ck-tile-img{outline:3px solid var(--ck-on);outline-offset:2px}

/* Grille */
.ck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ck-grid[data-count="1"]{grid-template-columns:minmax(0,440px)}
.ck-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,440px))}

/* Carte */
.ck-card{position:relative;display:flex;flex-direction:column;background:var(--ck-bg);color:var(--ck-ink);border-radius:7px;padding:26px 26px 22px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px -24px rgba(0,0,0,.45);transition:box-shadow .3s,transform .3s,opacity .3s}
.ck-card.is-selected{box-shadow:0 0 0 3px var(--ck-red),0 18px 40px -24px rgba(0,0,0,.45)}
.ck-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ck-name{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--ck-display);font-weight:900;text-transform:uppercase;font-size:2.3rem;line-height:1;letter-spacing:0}
.ck-mark{width:24px;height:24px;flex-shrink:0}
.ck-t-loisir .ck-name{color:#4C7F8A}
.ck-t-inter .ck-name{color:var(--ck-red)}
.ck-t-confirme .ck-name{color:#0B1626}
.ck-t-scoot .ck-name{color:#0B1626}
.ck-t-kid .ck-name,.ck-t-luge .ck-name{color:#4C7F8A}
.ck-radio{appearance:none;flex-shrink:0;position:relative;width:30px;height:30px;border-radius:50%;border:2px solid #cfd6d8;background:#fff;cursor:pointer;transition:border-color .2s}
.ck-radio:hover{border-color:var(--ck-ink)}
.ck-radio[aria-pressed="true"]{border-color:var(--ck-red)}
.ck-radio[aria-pressed="true"]:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ck-red)}
.ck-radio[data-n]:not([data-n=""]):before{content:attr(data-n);position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;border-radius:4.5px;background:var(--ck-ink);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;padding:0 4px}
.ck-levels{display:flex;gap:6px;margin-top:14px;min-height:34px}
.ck-levels--none{min-height:0;margin-top:6px}
.ck-lv{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.ck-lv svg{width:20px;height:20px}
.ck-lv--vert{background:#1f9d55}.ck-lv--bleu{background:#1e6fd9}.ck-lv--rouge{background:#e30613}.ck-lv--noir{background:#111}
.ck-who{margin:12px 0 0;font-weight:700;font-size:1.02rem}
.ck-tag{margin:4px 0 0;font-size:.98rem;line-height:1.45;color:#2d4a52;min-height:4.35em}
.ck-price{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 20px;min-height:84px}
.ck-plabel{display:block;font-size:.95rem}
.ck-amount{display:block;font-family:var(--ck-display);font-weight:900;font-size:2.8rem;line-height:1}
.ck-dur{display:block;font-size:.8rem;color:#5d7378;margin-top:2px}
.ck-tbc{position:absolute;right:92px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#b00510;border:1.5px dashed #E30613;border-radius:3px;padding:4px 7px;background:#fff8e7}
.ck-pill{width:78px;height:78px;border-radius:50%;background:var(--ck-red);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.15rem;flex-shrink:0;transform:scale(.6);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .25s}
.ck-pill.is-on{transform:none;opacity:1}
/* Matériel */
.ck-gear{display:grid;grid-template-columns:38% 1fr;gap:14px;align-items:stretch;flex:1}
.ck-gear--solo{grid-template-columns:38% 1fr}
.ck-main{display:grid;place-items:center;min-height:300px;--ck-gear:var(--ck-red)}
.ck-t-loisir .ck-main{--ck-gear:#6FB43F}
.ck-t-inter .ck-main{--ck-gear:#5a3d9a}
.ck-t-confirme .ck-main{--ck-gear:#1E5C66}
.ck-t-kid .ck-main{--ck-gear:#F2A229}
.ck-main svg,.ck-main img{max-height:300px;width:auto;max-width:100%}
.ck-side{display:flex;flex-direction:column;gap:10px}
.ck-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 10px;border:1px solid var(--ck-line);border-radius:3px;background:#FAFBFB;cursor:pointer;transition:opacity .2s,border-color .2s}
.ck-tile input{position:absolute;left:12px;top:50%;transform:translateY(-70%);width:22px;height:22px;margin:0;accent-color:var(--ck-red);cursor:pointer}
.ck-tile-img{display:grid;place-items:center;height:86px;padding-left:30px}
.ck-tile-img svg,.ck-tile-img img{height:86px;width:auto}
.ck-tile-txt{font-size:.92rem;text-align:center}
.ck-tile:not(.is-on) .ck-tile-img{opacity:.35;filter:grayscale(1)}
.ck-tile:not(.is-on) .ck-tile-txt{color:#5d7378}
.ck-tile:hover{border-color:var(--ck-ink)}
.ck-model{margin:auto 0 0;padding-top:8px;font-size:.92rem;line-height:1.45;color:#2d4a52}
.ck-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--ck-line)}
.ck-save{font-size:.82rem;font-weight:700;color:#1f9d55}
.ck-add{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:700;padding:12px 20px;border-radius:999px;background:var(--ck-red);color:#fff;margin-left:auto;transition:transform .2s,background .2s}
.ck-add:hover{transform:translateY(-2px)}
.ck-add.is-added{background:#1f9d55}
/* Panier */
.ck-cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ck-cart-head span{font-size:.8rem;opacity:.7}
.ck-cart-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ck-cart-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(11,59,70,.12)}
.ck-cart-list small{display:block;opacity:.7;font-size:.78rem}
.ck-cart-list button{appearance:none;border:1px solid rgba(11,59,70,.2);background:transparent;color:inherit;width:26px;height:26px;border-radius:50%;cursor:pointer}
.ck-cart-total{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0}
.ck-cart-total strong{font-size:1.5rem}
.ck-cart-go{display:block;text-align:center;padding:12px;border-radius:999px;background:#E30613;color:#fff;text-decoration:none;font-weight:700}
.ck-cart-empty{margin:0;font-size:.9rem;opacity:.75}
.ck-form-msg{margin:14px 0 0;padding:12px 14px;border-radius:5px;background:rgba(31,157,85,.15);font-size:.9rem}
/* Responsive */
@media (max-width:1100px){.ck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .ck-grid,.ck-grid[data-count="2"]{grid-template-columns:1fr}
  .ck-card{padding:20px 18px 18px}
  .ck-main{min-height:240px}.ck-main svg,.ck-main img{max-height:240px}
  .ck-tag{min-height:0}
  .ck-label{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){.ck *{transition:none!important}}

/* Popup d'informations */
body.ck-lock{overflow:hidden}
.ck-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px}
.ck-modal[hidden]{display:none}
.ck-modal-bg{position:absolute;inset:0;background:rgba(6,30,36,.72);backdrop-filter:blur(4px)}
.ck-dialog{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#0B3B46;border-radius:9px;padding:28px 28px 24px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:ckIn .3s cubic-bezier(.2,.8,.2,1)}
@keyframes ckIn{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.ck-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(11,59,70,.18);background:#fff;font-size:1.4rem;line-height:1;cursor:pointer;color:#0B3B46}
.ck-m-kicker{display:block;padding-right:44px;font-family:var(--ck-mono,monospace);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#E30613}
.ck-m-title{margin:6px 40px 0 0;font-family:var(--ck-display,Impact,sans-serif);font-weight:900;text-transform:uppercase;font-size:2.2rem;line-height:1}
.ck-m-sum{margin:6px 0 0;color:#44545A;font-size:.92rem}
.ck-fs{border:0;margin:20px 0 0;padding:0}
.ck-fs legend{padding:0;margin-bottom:10px;font-weight:700;font-size:1rem}
.ck-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ck-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.ck-field label{font-size:.82rem;font-weight:600}
.ck-field input,.ck-field textarea{font:inherit;padding:11px 12px;border:1.5px solid rgba(11,59,70,.2);border-radius:5px;background:#F4F8F7;color:#0B3B46;width:100%}
.ck-field input:focus,.ck-field textarea:focus{outline:none;border-color:#0B3B46;background:#fff}
.ck-hint-f{font-size:.74rem;color:#5d7378}
.ck-err{font-size:.78rem;color:#c00510;font-weight:600;min-height:0}
.ck-field.is-bad input,.ck-field.is-bad textarea{border-color:#E30613;background:#fff5f5}
.ck-m-req{margin:16px 0 0;font-size:.8rem;color:#5d7378}
.ck-m-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.ck-m-cancel{appearance:none;border:1.5px solid rgba(11,59,70,.25);background:#fff;color:#0B3B46;font:inherit;font-weight:700;padding:12px 20px;border-radius:999px;cursor:pointer}
.ck-m-actions .ck-add{margin-left:0}
@media (max-width:560px){.ck-fields{grid-template-columns:1fr}.ck-dialog{padding:22px 18px 18px}.ck-m-title{font-size:1.8rem}}

/* Formulaire final */
.ck-recap{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:6px 16px 4px}
.ck-recap .ck-cart-list li{border-color:rgba(255,255,255,.14)}
.ck-recap .ck-cart-list button{border-color:rgba(255,255,255,.3)}
.ck-recap .ck-cart-empty{padding:12px 0}
.ck-j1{margin:8px 0 0;padding:10px 12px;border-radius:5px;background:#FFF4D6;color:#5b4208;font-size:.86rem;font-weight:600}
.ck-j1[hidden]{display:none}
.ck-reserve{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}
.ck-reserve input{width:20px;height:20px;margin-top:2px;accent-color:#E30613;flex-shrink:0}
.ck-form-msg{margin:14px 0 0;padding:0;font-size:.92rem;font-weight:600}
.ck-form-msg.is-ko{padding:12px 14px;border-radius:5px;background:#ffe3e3;color:#8a0a10}
.is-loading{opacity:.7;cursor:progress}
.ck-done{border:2px solid #E30613;border-radius:9px;padding:26px}
.ck-done[hidden]{display:none}
.ck-done b.ref{font-family:var(--ck-display,Impact,sans-serif);font-weight:900;font-size:2.4rem;color:#E30613;display:block;line-height:1;margin:6px 0 10px}
.ck-done .ck-done-j1{margin-top:12px;padding:10px 12px;border-radius:5px;background:#FFF4D6;color:#5b4208;font-weight:600}
.ck-done .ck-done-j1[hidden]{display:none}
.ck-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Photos produit (packshots Rossignol) */
.ck-main{position:relative}
.ck-main .ck-photo{position:absolute;inset:0 0 18px;width:100%;height:calc(100% - 18px);max-height:none;object-fit:contain;background:#fff}
.ck-main.has-photo > svg{visibility:hidden}
.ck-nc{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.66rem;letter-spacing:.02em;color:#7d9693;font-style:italic}

/* Réservation famille : plusieurs personnes par pack */
.ck-known{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;padding:10px 12px;border-radius:6px;background:#F1F7F6;font-size:.85rem;color:#44545A}
.ck-known[hidden]{display:none}
.ck-known-list{display:flex;flex-wrap:wrap;gap:6px}
.ck-kn{appearance:none;border:1.5px solid #1E5C66;background:#fff;color:#1E5C66;font:inherit;font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:999px;cursor:pointer}
.ck-kn:hover{background:#1E5C66;color:#fff}
.ck-person{padding:14px 14px 16px;border:1px solid rgba(11,59,70,.12);border-radius:7px;margin-top:14px}
.ck-person legend{display:flex;align-items:center;gap:10px;width:100%;padding:0 4px;margin-bottom:6px}
.ck-prm{margin-left:auto;appearance:none;border:0;background:none;color:#E30613;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:underline}
.ck-prm[hidden]{display:none}
.ck-addp{appearance:none;display:block;width:100%;margin-top:12px;padding:12px 16px;border:1.5px dashed rgba(11,59,70,.35);border-radius:7px;background:#fff;color:#0B3B46;font:inherit;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}
.ck-addp:hover{border-color:#E30613;background:#FFF6F6;color:#E30613}
.ck-csum{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 12px;border-radius:6px;background:#F1F7F6;font-size:.88rem}
.ck-csum[hidden],.ck-cfields[hidden]{display:none}
.ck-cedit{appearance:none;border:0;background:none;color:#E30613;font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;text-decoration:underline;margin-left:auto}

/* Photos chaussures / boots (packshots Rossignol) */
.ck-tile-img{position:relative}
.ck-tile-img:not(.has-photo) > img{position:absolute;opacity:0;pointer-events:none}
.ck-tile-img.has-photo > svg{display:none}
.ck-tile-img.has-photo > img{height:96px}
.ck-model small{display:block;margin-top:4px;font-size:.8rem;color:#5d7378}

/* Visuels en largeur (snowscoot, luge) : photo pleine largeur, options dessous */
.ck-gear--wide{grid-template-columns:1fr}
.ck-gear--wide .ck-main{min-height:250px}
.ck-gear--wide .ck-main .ck-photo{padding:6px 10px}
.ck-gear--wide .ck-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ck-gear--wide .ck-side .ck-model{grid-column:1/-1}

/* Popup condensée : une ligne de choix + une ligne de mensurations par personne */
.ck-dialog{width:min(720px,100%);padding:22px 24px 20px}
.ck-m-title{font-size:1.9rem}
.ck-m-sum{font-weight:600;color:#0B3B46}
.ck-fs{margin-top:14px}
.ck-fs legend{margin-bottom:8px;font-size:.95rem}
.ck-fields{gap:8px 10px}
.ck-field{gap:3px}
.ck-field label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#44545A}
.ck-field input{padding:8px 10px;font-size:.95rem}
.ck-person{padding:10px 12px 12px;margin-top:10px;border:1px solid rgba(11,59,70,.14);border-radius:7px;background:#fff}
.ck-ph{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ck-pn{font-weight:700;font-size:.95rem}
.ck-pp{margin-left:auto;font-family:var(--ck-display,Impact,sans-serif);font-weight:900;font-size:1.35rem;color:#E30613;line-height:1}
.ck-person .ck-prm{margin-left:0}
.ck-pchoice{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ck-sel{appearance:none;font:inherit;font-size:.88rem;font-weight:600;color:#0B3B46;background:#F1F7F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B3B46' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center/10px;border:1.5px solid rgba(11,59,70,.2);border-radius:999px;padding:7px 30px 7px 12px;cursor:pointer}
.ck-sel:focus{outline:none;border-color:#0B3B46}
.ck-sel--static{background-image:none;padding-right:12px;cursor:default}
.ck-opt{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1.5px solid rgba(11,59,70,.2);font-size:.84rem;cursor:pointer;user-select:none}
.ck-opt input{width:16px;height:16px;margin:0;accent-color:#E30613}
.ck-opt b{font-weight:700;color:#44545A}
.ck-opt:has(input:checked){border-color:#E30613;background:#FFF4F4}
.ck-pf{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}
.ck-pf .ck-f-name{grid-column:span 2}
.ck-m-note{margin:8px 0 0;font-size:.76rem;color:#5d7378}
.ck-m-note:empty{display:none}
.ck-addp{padding:9px 14px;margin-top:10px}
.ck-known{margin-top:12px;padding:8px 10px}
.ck-m-req{margin-top:12px;font-size:.76rem}
.ck-m-actions{margin-top:14px}
.ck-m-cancel{padding:10px 18px}
@media (max-width:560px){.ck-pf{grid-template-columns:repeat(3,1fr)}.ck-pf .ck-f-name{grid-column:1/-1}.ck-dialog{padding:18px 14px 16px}.ck-opt{font-size:.8rem;padding:5px 9px}.ck-sel{font-size:.84rem}}