/* SANG conversielaag: wachtlijst, sticky CTA, aantalkiezer, verzendbalk */
:root{--sc-green:#1F8A5B}

/* ---------- wachtlijst modal ---------- */
.wl-ov{position:fixed;inset:0;z-index:100001;display:none;align-items:center;justify-content:center;padding:1.25rem;background:rgba(8,3,5,0.84);backdrop-filter:blur(6px)}
.wl-ov.on{display:flex}
.wl-card{position:relative;max-width:460px;width:100%;background:linear-gradient(150deg,#240915 0%,#150510 100%);border:1px solid rgba(196,98,45,0.3);border-radius:6px;padding:2.5rem 2rem 2rem;box-shadow:0 30px 70px rgba(0,0,0,0.6);max-height:92vh;overflow-y:auto}
.wl-card::before{content:"";position:absolute;inset:0;border-radius:6px;padding:1px;background:linear-gradient(155deg,rgba(242,196,99,0.55),rgba(196,98,45,0.15) 55%,rgba(242,196,99,0.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.wl-x{position:absolute;top:.4rem;right:.4rem;background:none;border:none;color:var(--tan);cursor:pointer;padding:.7rem;line-height:0;min-width:44px;min-height:44px}
.wl-x:hover{color:var(--cream)}
.wl-eb{font-family:var(--sans);color:var(--terra);font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;margin-bottom:.9rem}
.wl-card h3{font-family:var(--serif);font-weight:900;color:var(--cream);font-size:clamp(1.7rem,6vw,2.25rem);line-height:1.05;margin-bottom:.75rem}
.wl-card h3 em{font-style:italic;color:var(--orange)}
.wl-card p.wl-lede{font-family:var(--sans);color:var(--tan);font-size:.92rem;line-height:1.65;margin-bottom:1.35rem}
.wl-basket{display:flex;align-items:center;gap:.55rem;font-family:var(--sans);font-size:.78rem;color:var(--cream);background:rgba(196,98,45,0.12);border:1px solid rgba(196,98,45,0.28);border-radius:4px;padding:.6rem .8rem;margin-bottom:1.1rem;line-height:1.4}
.wl-basket b{color:var(--gold)}
.wl-form{display:flex;flex-direction:column;gap:.6rem}
.wl-form input{font-family:var(--sans);font-size:.95rem;color:var(--cream);background:rgba(245,234,208,0.06);border:1px solid rgba(196,98,45,0.35);border-radius:4px;padding:.95rem 1rem;outline:none;width:100%}
.wl-form input:focus{border-color:var(--terra);background:rgba(245,234,208,0.09)}
.wl-form input::placeholder{color:rgba(156,122,90,0.8)}
.wl-submit{width:100%;justify-content:center;border-radius:4px;padding:1.05rem 1.5rem}
.wl-err{font-family:var(--sans);font-size:.78rem;color:#f0a0a0}
.wl-alt{display:flex;align-items:center;gap:.6rem;justify-content:center;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(196,98,45,0.16);font-family:var(--sans);font-size:.82rem;color:var(--tan);text-decoration:none;transition:color .2s}
.wl-alt:hover{color:var(--cream)}
.wl-alt svg{flex:none;color:#4ac05f}
.wl-fine{font-family:var(--sans);font-size:.68rem;color:rgba(156,122,90,0.7);text-align:center;margin-top:.85rem;line-height:1.5}
.wl-ok{text-align:center;padding:.5rem 0}
.wl-ok .wl-tick{width:56px;height:56px;border-radius:50%;margin:0 auto 1.1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,168,41,0.6);color:var(--gold);background:radial-gradient(circle at 34% 28%,rgba(244,168,41,0.25),rgba(139,26,47,0.1) 72%)}

/* ---------- sticky mobiele actiebalk ---------- */
.sc-bar{position:fixed;left:0;right:0;bottom:0;z-index:9989;display:none;align-items:center;gap:.75rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(18,5,10,0.96);backdrop-filter:blur(14px);border-top:1px solid rgba(196,98,45,0.25);transform:translateY(110%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.sc-bar.on{transform:translateY(0)}
.sc-bar-info{flex:1;min-width:0;font-family:var(--sans);line-height:1.25}
.sc-bar-info b{display:block;color:var(--cream);font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-bar-info span{display:block;color:var(--gold);font-size:.68rem;letter-spacing:.02em;margin-top:2px}
.sc-bar-btn{flex:none;font-family:var(--sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);background:linear-gradient(135deg,var(--terra),var(--wine));border:none;border-radius:4px;padding:.95rem 1.3rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}
@media (max-width:860px){.sc-bar{display:flex}body.sc-bar-space{padding-bottom:72px}}
body.age-locked .sc-bar{transform:translateY(110%)}

/* ---------- verzendvoortgang op de bestelpagina ---------- */
.ship-goal{max-width:640px;margin:0 auto 2.25rem;border:1px solid rgba(244,168,41,0.28);border-radius:6px;background:linear-gradient(135deg,rgba(139,26,47,0.28),rgba(196,98,45,0.06) 70%);padding:1.05rem 1.25rem}
.ship-goal-top{display:flex;align-items:center;gap:.6rem;font-family:var(--sans);font-size:.86rem;color:var(--cream);line-height:1.4}
.ship-goal-top svg{flex:none;color:var(--gold)}
.ship-goal-top b{color:var(--gold)}
.ship-goal-track{height:6px;border-radius:100px;background:rgba(245,234,208,0.12);overflow:hidden;margin-top:.7rem}
.ship-goal-track i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--terra),var(--gold));transition:width .45s cubic-bezier(.4,0,.2,1);width:0}
.ship-goal.done{border-color:rgba(31,138,91,0.5);background:linear-gradient(135deg,rgba(31,138,91,0.18),rgba(244,168,41,0.05) 70%)}
.ship-goal.done .ship-goal-top svg,.ship-goal.done .ship-goal-top b{color:#7fd4a3}

/* ---------- aantalkiezer op de productkaart ---------- */
.qty{display:flex;align-items:center;justify-content:center;gap:.9rem;width:100%}
.qty-lbl{font-family:var(--sans);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tan)}
.qty-step{display:inline-flex;align-items:center;border:1px solid rgba(196,98,45,0.35);border-radius:100px;overflow:hidden}
.qty-step button{width:46px;height:46px;background:transparent;border:none;color:var(--cream);font-size:1.3rem;line-height:1;cursor:pointer;transition:background .2s}
.qty-step button:hover:not(:disabled){background:rgba(196,98,45,0.16)}
.qty-step button:disabled{opacity:.28;cursor:not-allowed}
.qty-step span{min-width:38px;text-align:center;font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--cream)}
.qty-sum{font-family:var(--sans);font-size:.72rem;color:var(--tan);text-align:center;margin-top:.55rem}
.qty-sum b{color:rgba(245,234,208,0.9)}
.card-nudge{display:flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.72rem;color:var(--gold);line-height:1.4;text-align:left}
.card-nudge svg{flex:none}
.card-nudge.done{color:#7fd4a3}

/* ---------- FAQ ---------- */
.faq{padding:4.5rem 0 5rem}
.faq-head{text-align:center;margin-bottom:2.5rem}
.faq-head h2{font-family:var(--serif);font-weight:900;color:var(--cream);font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.05;margin-top:.7rem}
.faq-head h2 em{font-style:italic;color:var(--orange)}
.faq-list{max-width:44rem;margin:0 auto;border-top:1px solid rgba(196,98,45,.18)}
.faq-item{border-bottom:1px solid rgba(196,98,45,.18)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.15rem .25rem;font-family:var(--serif);font-weight:700;font-size:1.05rem;color:var(--cream);line-height:1.35;transition:color .2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--gold)}
.faq-item summary::after{content:'';flex:none;width:11px;height:11px;margin-top:.42rem;border-right:1.5px solid var(--terra);border-bottom:1.5px solid var(--terra);transform:rotate(45deg);transition:transform .25s}
.faq-item[open] summary::after{transform:rotate(-135deg)}
.faq-item p{font-family:var(--sans);color:var(--tan);font-size:.92rem;line-height:1.7;padding:0 3rem .3rem .25rem;margin-bottom:1.15rem}
.faq-item p b{color:rgba(245,234,208,.9);font-weight:600}
.faq-foot{text-align:center;margin-top:2.25rem;font-family:var(--sans);font-size:.88rem;color:var(--tan)}
.faq-foot a{color:var(--terra);text-decoration:none;border-bottom:1px solid rgba(196,98,45,.4)}
.faq-foot a:hover{color:var(--gold)}
@media (max-width:520px){.faq-item p{padding-right:1rem}}

/* ---------- koopblok op de smaakpagina's ---------- */
.pbuy{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;max-width:22rem;margin-bottom:.5rem;padding:1.25rem 1.35rem;border:1px solid rgba(196,98,45,.28);border-radius:6px;background:linear-gradient(150deg,rgba(139,26,47,.22),rgba(196,98,45,.05) 70%)}
.pbuy-price{display:flex;flex-direction:column;gap:.15rem}
.pbuy-amt{font-family:var(--serif);font-weight:700;font-size:1.9rem;color:var(--cream);line-height:1}
.pbuy-sub{font-family:var(--sans);font-size:.72rem;color:var(--tan)}
.pbuy .qty{justify-content:flex-start;width:auto}
.pbuy .buy-btn{width:100%;justify-content:center}
.pbuy-note{display:flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.72rem;color:var(--gold);line-height:1.4}
.pbuy-note svg{flex:none}
@media (max-width:860px){.pbuy{margin-left:auto;margin-right:auto;align-items:center;text-align:center}.pbuy .qty{justify-content:center}}