/* cml-bon-cadeau 1.6.0 — page bon cadeau v2 (maquette validée le 30.10.2026). Tout est préfixé .bcx / bcx-. */
.bcx{--bor:#4A1F23;--honey:#C28A33;--link:#9A6B22;--gold:#E4B968;--cream:#F4EEE1;--box:#F7F2E8;--ink:#2E2C26;--muted:#6B665B;--k:#111;font-family:Jost,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-size:17px;line-height:1.55;overflow-x:hidden}
.bcx *{box-sizing:border-box}
.bcx h1,.bcx h2,.bcx h3,.bcx h4,.bcx h5,.bcx p{margin:0;padding:0}
.bcx .bcx-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.bcx .bcx-on{display:none}
.bcx.is-bn .bcx-off{display:none}
.bcx.is-bn span.bcx-on,.bcx.is-bn small.bcx-on{display:inline}
.bcx.is-bn .bcx-amt small.bcx-on{display:block}
.bcx.is-bn .bcx-ribbon.bcx-on{display:block}
.bcx.is-bn .bcx-badge.bcx-on,.bcx.is-bn .bcx-row.bcx-on{display:flex}
/* bande du haut : l'en-tête transparent du site se pose dessus */
.bcx-top{background:var(--bor)}
.bcx.is-bn .bcx-top{background:var(--k);padding-top:128px}
.bcx-ribbon{background:var(--k);color:var(--gold);text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;padding:10px 16px}
.bcx-ribbon b{color:#fff;font-weight:600}
/* HERO */
.bcx-hero{position:relative;min-height:640px;color:#fff;overflow:hidden;display:flex;align-items:center;background:var(--bor);padding:150px 0 70px}
.bcx.is-bn .bcx-hero{padding-top:70px}
.bcx-hero:before{content:"";position:absolute;top:0;bottom:0;right:0;left:46%;background:linear-gradient(180deg,rgba(20,12,12,.5),rgba(20,12,12,0) 150px),var(--bcx-hero) center/cover;transform:scale(1.04)}
.bcx.is-bn .bcx-hero:before{background:var(--bcx-hero) center/cover}
.bcx-hero .bcx-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;width:100%}
.bcx-kick{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--gold)}
.bcx-kick.bcx-honey{color:var(--honey)}
.bcx-hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:68px;line-height:1.02;margin:14px 0 18px;color:#fff}
.bcx-hero h1 em{color:var(--gold);font-style:italic;font-weight:500}
.bcx-hero p{font-size:19px;color:#EADFD6;max-width:480px}
.bcx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}
.bcx-chips span{border:1px solid rgba(228,185,104,.55);color:#F4EEE1;padding:6px 14px;border-radius:30px;font-size:14px}
.bcx-hbtn{display:flex;flex-wrap:wrap;gap:10px}
.bcx a.bcx-btn,.bcx button.bcx-btn{display:inline-block;background:var(--gold);color:var(--bor);font-weight:600;padding:16px 30px;text-decoration:none;border-radius:2px;letter-spacing:.3px;border:0;cursor:pointer;font-size:16px;font-family:Jost,Helvetica,sans-serif;text-transform:none;line-height:1.3;box-shadow:none}
.bcx a.bcx-btn.bcx-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
/* CARTE CADEAU */
.bcx-card{width:100%;max-width:460px;aspect-ratio:1.6;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(228,185,104,.35) inset;color:#fff}
.bcx-card .bcx-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:background-image .4s}
.bcx-card .bcx-sh{position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,0,0,.05) 20%,rgba(30,10,12,.85) 100%)}
.bcx-card .bcx-foil{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,240,200,.28) 45%,transparent 60%);mix-blend-mode:screen;animation:bcxShine 5s infinite}
@keyframes bcxShine{0%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
@media(prefers-reduced-motion:reduce){.bcx-card .bcx-foil{animation:none}}
.bcx-card .bcx-in{position:absolute;inset:0;padding:22px 26px;display:flex;flex-direction:column;justify-content:space-between}
.bcx-ctop{display:flex;justify-content:space-between;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.bcx-val{font-family:"Playfair Display",Georgia,serif;font-size:52px;font-weight:600;line-height:1;white-space:nowrap}
.bcx-val small{font-size:20px;font-weight:500;margin-right:6px;color:var(--gold)}
.bcx-for{font-size:15px;color:#F1E6DC}
.bcx-for b{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:500;font-size:22px;color:#fff}
.bcx-cmsg{font-size:13px;color:#E7D8CC;margin-top:4px;font-style:italic;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bcx-cbot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;font-size:11px;letter-spacing:1.5px;color:#E7D8CC;text-transform:uppercase}
.bcx-tilt{transform:perspective(1200px) rotateY(-14deg) rotateX(6deg) rotate(-3deg)}
.bcx-stack{position:relative;justify-self:center;width:100%;max-width:460px}
.bcx-stack .bcx-back{position:absolute;top:-26px;right:-34px;transform:perspective(1200px) rotateY(-14deg) rotateX(6deg) rotate(5deg);opacity:.55;filter:blur(.5px)}
.bcx-badge{position:absolute;bottom:-30px;left:-26px;z-index:5;width:104px;height:104px;border-radius:50%;background:var(--k);color:var(--gold);flex-direction:column;align-items:center;justify-content:center;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,.4);transform:rotate(-12deg);border:2px solid var(--gold)}
.bcx-badge span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.bcx-badge b{font-family:"Playfair Display",Georgia,serif;font-size:30px;line-height:1}
/* SECTIONS */
.bcx-sec{padding:84px 0}
.bcx h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:44px;line-height:1.12;color:var(--bor)}
.bcx h2 em{font-style:italic;font-weight:500;color:var(--honey)}
.bcx-lead{color:var(--muted);font-size:18px;margin-top:10px!important;max-width:640px}
.bcx-ctr{text-align:center}.bcx-ctr .bcx-lead{margin-left:auto!important;margin-right:auto!important}
.bcx-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.bcx-house{position:relative;height:300px;border-radius:6px;overflow:hidden;color:#fff;display:flex;align-items:flex-end;text-align:left}
.bcx-house img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bcx-house:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.75))}
.bcx-house div{position:relative;z-index:2;padding:22px 24px}.bcx-house b{font-family:"Playfair Display",Georgia,serif;font-size:26px;display:block;font-weight:600}
.bcx-uses{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.bcx-uses span{background:#fff;border:1px solid #E6DCC7;padding:10px 18px;border-radius:30px;font-size:15px}
.bcx-prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:40px}   /* §bc7 3 ou 4 cartes */
.bcx-prod{background:#fff;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;border:2px solid transparent;position:relative;text-align:center}
.bcx-prod:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(74,31,35,.15)}
.bcx-prod.is-on{border-color:var(--honey)}
.bcx-prod img{width:100%;height:210px;object-fit:cover;display:block}
.bcx-prod[data-k="yoga"] img{object-position:center 60%}   /* §bc7 cours au bord du lac */
.bcx-prod .bcx-in{padding:20px 22px 22px}
.bcx-tag{position:absolute;top:14px;left:14px;background:var(--gold);color:var(--bor);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:2px}
.bcx-prod h3{font-family:"Playfair Display",Georgia,serif;font-size:25px;color:var(--bor);font-weight:600}
.bcx-prod p{color:var(--muted);font-size:15px;margin:4px 0 14px}
.bcx-price{text-align:left}.bcx-price b{font-family:"Playfair Display",Georgia,serif;font-size:28px;color:var(--bor);font-weight:600;white-space:nowrap}.bcx-price s{color:#A79E8D;font-size:16px;margin-left:10px}
.bcx-cfg{background:#fff;scroll-margin-top:90px}
#bcx-idees{scroll-margin-top:90px}
.bcx-cgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;margin-top:40px;align-items:start}
.bcx-step{border-top:1px solid #EADFCB;padding:26px 0}
.bcx-step h4{display:flex;align-items:center;gap:12px;font-family:"Playfair Display",Georgia,serif;font-size:22px;color:var(--bor);margin-bottom:16px;font-weight:600}
.bcx-step h4 i{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--bor);color:var(--gold);display:inline-flex;align-items:center;justify-content:center;font-family:Jost,Helvetica,sans-serif;font-size:15px;flex:none}
.bcx-amts{display:flex;flex-wrap:wrap;gap:10px}
.bcx button.bcx-amt{border:1.5px solid #D9CDB4;background:var(--box);color:var(--ink);padding:12px 18px;border-radius:4px;cursor:pointer;font:400 16px/1.4 Jost,Helvetica,sans-serif;min-width:92px;text-align:center;text-transform:none;letter-spacing:0;box-shadow:none}
.bcx button.bcx-amt.is-on{border-color:var(--bor);background:var(--bor);color:#fff}
.bcx-amt small{font-size:12px;color:var(--honey)}.bcx-amt.is-on small{color:var(--gold)}
.bcx input[type=range]{width:100%;margin-top:18px;accent-color:var(--bor);border:0;padding:0;background:transparent;box-shadow:none;height:auto;min-height:0}
.bcx-hint{font-size:13px;color:var(--muted)}
.bcx-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bcx button.bcx-dz{height:96px;border-radius:8px;background-size:cover;background-position:center;cursor:pointer;position:relative;border:3px solid transparent;padding:0;box-shadow:none}
.bcx button.bcx-dz.is-on{border-color:var(--honey)}.bcx-dz span{position:absolute;bottom:6px;left:8px;right:6px;line-height:1.15;color:#fff;font:500 13px Jost,Helvetica,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.6);text-transform:none;letter-spacing:0}
.bcx-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bcx label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}
.bcx input[type=text],.bcx input[type=email],.bcx input[type=date],.bcx textarea{width:100%;border:1px solid #D9CDB4;background:var(--box);padding:12px 14px;font-family:Jost,Helvetica,sans-serif;font-size:16px;border-radius:3px;color:var(--ink);box-shadow:none}
.bcx textarea{height:90px;resize:none}
.bcx-seg{display:flex;gap:10px;margin-top:12px}
.bcx-seg button{flex:1;text-align:center;border:1.5px solid #D9CDB4;background:#fff;color:var(--ink);padding:10px;border-radius:4px;cursor:pointer;font:400 15px/1.3 Jost,Helvetica,sans-serif;text-transform:none;letter-spacing:0;box-shadow:none}
.bcx-seg button.is-on{border-color:var(--bor);color:var(--bor);font-weight:600;background:var(--box)}
.bcx-date{margin-top:12px;max-width:260px}
.bcx-side{position:sticky;top:110px}
.bcx-sum{background:var(--cream);border-radius:8px;padding:24px;margin-top:22px}
.bcx-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:15px}
.bcx.is-bn #bcxSfull{text-decoration:line-through;color:#A79E8D}
.bcx-row.bcx-bnrow{color:#1a1a1a;background:var(--gold);margin:6px -10px;padding:6px 10px;border-radius:3px;font-weight:500}
.bcx-row.bcx-tot{border-top:1px solid #DCCFB6;margin-top:8px;padding-top:12px;font-size:18px;font-weight:600;color:var(--bor)}
.bcx-sval,.bcx-valid{font-size:13px;color:var(--muted);margin-top:6px}
.bcx button.bcx-pay{width:100%;margin-top:16px;background:var(--bor);color:#fff;padding:17px;font-size:17px}
.bcx button.bcx-pay[disabled]{opacity:.6;cursor:wait}
.bcx-err{color:#b3402f;font-size:14px;margin-top:8px;min-height:1px}
.bcx-secure{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}
.bcx-how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.bcx-how div{text-align:center}.bcx-how b{font-family:"Playfair Display",Georgia,serif;font-size:56px;color:var(--honey);line-height:1;display:block;font-weight:600}
.bcx-how h5{font-family:"Playfair Display",Georgia,serif;font-size:22px;color:var(--bor);margin:6px 0;font-weight:600}
.bcx-faq{max-width:820px;margin:34px auto 0;text-align:left}.bcx-faq details{border-top:1px solid #DCCFB6;padding:16px 0}.bcx-faq summary{cursor:pointer;font-family:"Playfair Display",Georgia,serif;font-size:20px;color:var(--bor)}.bcx-faq p{margin-top:8px;color:var(--muted)}
.bcx-end{background:var(--bor);color:#fff}.bcx-end h2{color:#fff}.bcx-end h2 em{color:var(--gold)}.bcx-end p{color:#E6D3C9;margin:12px 0 26px}
@media(max-width:900px){
 .bcx.is-bn .bcx-top{padding-top:104px}
 .bcx-hero{padding:120px 0 360px;min-height:0}.bcx.is-bn .bcx-hero{padding-top:40px}
 .bcx-hero:before,.bcx.is-bn .bcx-hero:before{left:0;top:auto;height:340px;background:var(--bcx-hero) center/cover}
 .bcx-hero .bcx-wrap,.bcx-cgrid,.bcx-two{grid-template-columns:1fr}
 .bcx-hero h1{font-size:46px}.bcx-prods,.bcx-how{grid-template-columns:1fr}.bcx-stack{margin-top:20px}.bcx-side{position:static}.bcx h2{font-size:34px}
 .bcx-stack .bcx-back{right:-10px}.bcx-badge{left:-6px}
}
@media(max-width:520px){.bcx-f2{grid-template-columns:1fr}.bcx-seg{flex-direction:column}.bcx-val{font-size:42px}.bcx-card .bcx-in{padding:18px 20px}.bcx-cbot{font-size:9px;letter-spacing:1px}.bcx-sec{padding:60px 0}}