.prod-art{aspect-ratio:4/3;place-items:center;display:grid;overflow:hidden}.prod-art svg{width:62%;height:62%}.status-pill{z-index:3;position:absolute;top:1rem;left:1rem}.gallery{aspect-ratio:1;border:1px solid var(--line);border-radius:1.5rem;place-items:center;display:grid;position:relative;overflow:hidden}.gallery svg{width:62%;height:auto}.mug-photo{object-fit:cover}.thumb-photo{object-fit:cover;border-radius:.55rem;width:100%;height:100%}.thumb{aspect-ratio:1;border:2px solid var(--line);cursor:pointer;background:var(--paper);border-radius:.9rem;place-items:center;width:4.5rem;transition:border-color .2s,transform .2s;display:grid}.thumb.is-on{border-color:var(--amber);transform:translateY(-2px)}.thumb:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.spec{border-bottom:1px solid var(--line);gap:.6rem;padding:.7rem 0;display:flex}.spec svg{width:1.2rem;height:1.2rem;color:var(--amber-ink);flex-shrink:0;margin-top:.1rem}.step-card{background:var(--paper);border:1px solid var(--line);border-radius:1.4rem;padding:1.5rem}.step-n{width:2.4rem;height:2.4rem;font-family:var(--font-display);color:#fff6e6;background:linear-gradient(180deg, var(--amber), var(--amber-deep));border-radius:999px;place-items:center;font-weight:600;display:grid}.pick{border:2px solid var(--line);background:var(--paper);cursor:pointer;border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;min-height:44px;padding:.6rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.pick:hover{transform:translateY(-2px)}.pick.is-on{border-color:var(--amber);background:var(--cream-2);box-shadow:0 0 0 3px #f2ce7559}.pick:focus-visible{outline:3px solid var(--violet);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mug-stars,.steam,.thumb,.pick{transition:none}}html[data-motion=min] .mug-stars,html[data-motion=min] .steam{transition:none}.star-band{isolation:isolate;background:radial-gradient(120% 90% at 78% 18%,#3b3470 0%,#2b2a55 45%,#232149 100%);position:relative;overflow:hidden}.fmt-chips{flex-wrap:wrap;gap:.55rem;display:flex}.fmt-chip{color:#fdf3df;background:#ffffff0d;border:1px solid #f2ce7552;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.86rem;font-weight:700;display:inline-flex}.fmt-chip svg{width:1.05rem;height:1.05rem;color:var(--gold);flex-shrink:0}.fmt-chip.best{border-color:var(--gold);background:#f2ce7529}.bigwrap{perspective:1400px;place-items:center;display:grid}.bigcover{aspect-ratio:3/4;color:#fff6e6;transform-origin:0;background:linear-gradient(160deg,#7d72c4,#2b2a55 78%);border-radius:.5rem 1.1rem 1.1rem .5rem;flex-direction:column;width:clamp(14rem,24vw,18.5rem);padding:1.7rem 1.5rem 1.8rem;transition:transform .6s cubic-bezier(.2,.8,.3,1);display:flex;position:relative;transform:rotateY(-16deg)rotateX(4deg);box-shadow:0 50px 90px -42px #000000b3,inset 0 0 0 1px #ffffff24,inset 8px 0 16px -9px #00000073}.group:hover .bigcover{transform:rotateY(-7deg)rotateX(2deg)}.bigcover:before{content:"";background:#0000003d;border-radius:.5rem 0 0 .5rem;width:.6rem;position:absolute;top:0;bottom:0;left:0}.bc-stars i{background:var(--gold);border-radius:999px;width:.34rem;height:.34rem;position:absolute;box-shadow:0 0 7px 1px #f2ce75d9}.bc-illu{text-align:center;background-color:#ffffff14;background-image:repeating-linear-gradient(135deg,#ffffff29 0 7px,#ffffff0d 7px 14px);border:2px solid #ffffff80;border-radius:999px;place-items:center;width:7rem;height:7rem;margin:.3rem auto .2rem;display:grid;box-shadow:0 0 0 6px #ffffff1a,0 0 30px #f2ce7573}.bc-illu span{font-family:var(--font-body);opacity:.82;font-size:.56rem;font-style:italic;line-height:1.25}.bc-eyebrow{text-align:center;letter-spacing:.18em;text-transform:uppercase;opacity:.82;margin-top:.3rem;font-size:.62rem}.bc-title{text-align:center;font-family:var(--font-cormorant), var(--font-display);text-shadow:0 2px 16px #0000004d;margin-top:.2rem;font-size:2.3rem;font-weight:600;line-height:.98}.bc-sub{text-align:center;font-family:var(--font-cormorant), var(--font-display);opacity:.95;margin-top:.45rem;font-size:1.2rem;font-style:italic}.bc-sub b{font-style:normal;font-weight:600}.bc-rule{background:#f2ce75b3;border-radius:2px;width:2.4rem;height:2px;margin:.7rem auto 0}@media (prefers-reduced-motion:reduce){.group:hover .bigcover{transition:none}}html[data-motion=min] .bigcover,html[data-motion=min] .group:hover .bigcover{transform:rotateY(-16deg)rotateX(4deg)}.naam-proef{justify-items:center;gap:.25rem;display:grid}.naam-proef>.kaft-wikkel{width:100%;max-width:28rem}.proef-veld{background:#fffaf01f;border:1px solid #fffaf04d;border-radius:999px;align-items:center;gap:.6rem;margin-top:.9rem;padding:.4rem .5rem .4rem .9rem;display:inline-flex}.proef-veld .label-eyebrow{color:#f8efddbf}.proef-veld input{font:inherit;color:#3a2a1a;background:#fffaf0eb;border:none;border-radius:999px;width:10rem;min-width:0;padding:.45rem .9rem;font-size:.95rem}.proef-veld input::placeholder{color:#987}.proef-veld input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.belofte-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.belofte{border:1px solid var(--line);background:var(--paper);box-shadow:0 18px 40px -30px var(--shadow);border-radius:1.25rem;align-items:flex-start;gap:.9rem;padding:1.15rem 1.25rem;display:flex}.belofte .ico{color:#fff6e6;background:linear-gradient(180deg, var(--amber), var(--amber-deep));border-radius:.8rem;flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;display:grid}.wacht-kaart{background:var(--paper);box-shadow:0 22px 50px -38px var(--shadow);border:1px solid #8f84bd8c;border-radius:1.5rem;padding:1.25rem 1.35rem}.wacht-kaart .font-display{color:var(--ink)}.wacht-teller{letter-spacing:.04em;color:var(--violet-ink);margin-top:.8rem;font-size:.78rem;font-weight:700}[data-voorraad=wacht] .gallery:after,[data-voorraad=wacht] .prod-art:after{content:"";pointer-events:none;background:radial-gradient(80% 70% at 40% 30%,#fffaf059,#0000 70%);position:absolute;inset:0}[data-voorraad=wacht] .gallery img,[data-voorraad=wacht] .prod-art{filter:saturate(.8)}.herkomst{background:var(--cream-2);border:1px solid var(--line);border-radius:1.75rem;grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:center;gap:2rem;padding:1.5rem;display:grid}@media (max-width:860px){.herkomst{grid-template-columns:minmax(0,1fr);gap:1.25rem}}.herkomst-beeld{aspect-ratio:4/3;border-radius:1.25rem;position:relative;overflow:hidden}.herkomst-beeld img{object-fit:cover;width:100%;height:100%}.herkomst-citaat{font-family:var(--font-display);color:var(--ink);margin:.8rem 0 0;padding-left:1.1rem;font-size:1.25rem;line-height:1.45;position:relative}.herkomst-citaat:before{content:"";background:linear-gradient(180deg, var(--gold), var(--amber));border-radius:999px;width:3px;position:absolute;top:.2rem;bottom:.2rem;left:0}.ander-ding{border:1px solid var(--line);background:var(--paper);border-radius:1rem;align-items:center;gap:.85rem;padding:.7rem .9rem;transition:transform .25s cubic-bezier(.2,.8,.3,1),border-color .25s;display:flex}.ander-ding:hover{border-color:var(--amber);transform:translateY(-3px)}.ander-beeld{background:var(--cream-2);border-radius:.8rem;flex-shrink:0;place-items:center;width:3.4rem;height:3.4rem;display:grid;overflow:hidden}.ander-beeld img,.ander-beeld svg{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.ander-ding,.ander-ding:hover{transition:none;transform:none}}.dank-kaart{background:linear-gradient(160deg,#fbf0d8,#f3dca8);border:1px solid #bd74304d;border-radius:2rem;padding:1.5rem 1.25rem 2rem;position:relative;overflow:hidden;box-shadow:0 34px 80px -50px #bd7430b3}html[data-night] .dank-kaart{background:linear-gradient(160deg, #3a3570, var(--night));border-color:#f2ce754d}.dank-kaart h1,.dank-kaart .lede{color:#3a2a1a}html[data-night] .dank-kaart h1{color:#f8efdd}html[data-night] .dank-kaart .lede{color:#fffaf0d9}.dank-stralen{pointer-events:none;mix-blend-mode:soft-light;opacity:.8;background:conic-gradient(from 0deg, transparent 0 9%, #fff0c880 11%, transparent 14%, transparent 32%, #fff0c866 35%, transparent 38%, transparent 62%, #fff0c873 65%, transparent 68%);width:120vmax;height:120vmax;margin-left:-60vmax;animation:120s linear infinite rays;position:absolute;top:-60%;left:50%}.dank-sterren{pointer-events:none;position:absolute;inset:0}.dank-sterren i{background:radial-gradient(circle, #fff6e6, var(--gold));border-radius:999px;width:5px;height:5px;animation:9s ease-in-out infinite rise;position:absolute;bottom:-1rem;box-shadow:0 0 10px #f2ce75e6}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:.9}to{opacity:0;transform:translateY(-22rem)scale(1)}}@media (prefers-reduced-motion:reduce){.dank-stralen,.dank-sterren i{animation:none}.dank-sterren{display:none}}