.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}