.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-deep);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)}