


.gcf .gcvis{display:flex;align-items:center;justify-content:center;aspect-ratio:1;
  background:#fff;padding:clamp(24px,5vw,56px)}
@media(max-width:900px){.gcf .gcvis{aspect-ratio:auto;padding:28px 16px}.cadprev{width:min(240px,64%)}}


.cadprev{width:min(300px,70%);aspect-ratio:2/3;border-radius:var(--r14);overflow:hidden;background:#f6f3ec;
  border:1px solid var(--line);box-shadow:0 18px 40px -14px rgba(27,27,47,.35);display:flex;
  flex-direction:column;text-align:center;font-family:Georgia,"Times New Roman",serif}
.cadprev .cp-band{flex:none;height:9%}
.cadprev .cp-in{flex:1;display:flex;flex-direction:column;padding:8% 7% 7%;min-height:0}
.cadprev .cp-titre{font-size:clamp(15px,1.6vw,19px);font-weight:600;line-height:1.12}
.cadprev .cp-kick{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#928b7c;
  font-family:system-ui,sans-serif;margin-top:12px}
.cadprev .cp-montant{font-size:clamp(36px,4.4vw,50px);font-weight:800;letter-spacing:-.02em;margin-top:2px}
.cadprev .cp-msg{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--t-md,15px);font-style:italic;
  line-height:1.45;white-space:pre-wrap;word-break:break-word;color:#22201b;overflow:hidden}
.cadprev .cp-de{font-size:var(--t-xs,12px);color:#6d675b;min-height:16px}
.cadprev .cp-code{margin-top:12px;padding:8px;border:1px dashed #cfc7b6;border-radius:var(--r8);background:#fffdf7;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#928b7c;font-family:system-ui,sans-serif}


.gcf .gcmt .fopt{position:relative;text-align:center}
.gcf .gcmt .f1{justify-content:center;font-size:var(--t-md,15px)}
.gcf .gcmt input{position:absolute;opacity:0;pointer-events:none}
.gcf .gcmt .fopt:has(input:focus-visible){outline:2px solid var(--coral);outline-offset:2px}


.gcf .gcchamps{display:grid;gap:18px}
.gcf .gcchamps .lbl2{display:block;margin-bottom:8px}
.gcf .row{display:flex;flex-wrap:wrap;gap:8px}
.gcf .row label{cursor:pointer}
.gcf .row input{position:absolute;opacity:0;pointer-events:none}
.gcf .sw{display:block;padding:7px 13px;border-radius:calc(var(--arrondi)*99);border:2px solid transparent;
  background:color-mix(in srgb,var(--sc) 14%,#fff);color:var(--sc);font-size:var(--t-sm,13px);font-weight:700}
.gcf .row input:checked + .sw{border-color:currentColor}
.gcf .row input:focus-visible + .sw{outline:2px solid var(--coral);outline-offset:2px}
.gcf input.txt,.gcf textarea{width:100%;border:1px solid var(--line);border-radius:var(--r10);padding:11px 13px;
  font-family:inherit;font-size:var(--t-md,15px);background:#fbfaf6;color:var(--ink)}
.gcf textarea{resize:vertical}
.gcf .two{display:flex;gap:10px;flex-wrap:wrap}
.gcf .two>div{flex:1;min-width:220px}
.gcf .sous{display:block;font-size:var(--t-xs,12px);color:var(--mute);margin-bottom:3px}
.gcf .err{color:#b3261e;font-size:var(--t-xs,12px);margin-top:4px}


.gcf .achat .addb{padding:17px 34px}
@media(max-width:560px){.gcf .achat .addb{flex:1 1 auto}}


.gcf .fpres a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}


.boutik .gcconds{max-width:780px;margin:clamp(32px,5vw,56px) 0 clamp(24px,4vw,40px);
  font-size:var(--t-sm,13px);line-height:1.65;color:var(--mute)}
.boutik .gcconds p{margin:0 0 .8em}
.boutik .gcconds a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}


.gcf .gcvis.gcphoto{padding:0;background:#f3efe6}
.gcf .gcvis.gcphoto img{display:block;width:100%;height:100%;object-fit:cover}
