.shop-main{padding:150px var(--pad) 90px}
.shop-intro{display:flex;align-items:end;gap:36px;flex-wrap:wrap;margin-bottom:75px}
.shop-intro>.eyebrow{width:100%;color:#666;margin-bottom:-12px}
.shop-intro h1{font-size:clamp(85px,12vw,190px);line-height:1.05;letter-spacing:-.065em;font-weight:400}
.shop-intro>.button{margin-left:auto;margin-bottom:15px}
.shop-intro h1>.asterisk{display:inline-block;width:auto}
.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}
.shop-product{min-width:0;scroll-margin-top:110px}
.shop-tee{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;border-bottom:1px solid #ccc;padding-bottom:65px}
.shop-tee .tee-slides{aspect-ratio:4/5}
.shop-tee .shop-copy h2{font-size:clamp(42px,4.5vw,75px);letter-spacing:-.05em;margin-top:28px}
.shop-copy h2{font-size:clamp(27px,2.7vw,42px);letter-spacing:-.045em;font-weight:400;line-height:1.15}
.shop-price{font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap}
.shop-tee .shop-price{font-size:28px;margin-top:18px}
.shop-number{color:#777;font-size:13px}
.shop-description{font-size:16px;line-height:1.6;margin:20px 0 26px;color:#555}
.shop-note{font-size:14px;line-height:1.5;color:#666;margin-top:18px}
.shop-product-title{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin-top:14px}
.shop-art{position:relative;width:100%;aspect-ratio:1.15;background:#f5f5f3;display:grid;place-items:center;overflow:hidden;padding:35px;margin-bottom:25px}
.shop-art img{width:100%;height:100%;object-fit:contain;max-height:100%;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.shop-art:hover img{transform:scale(1.035)}
.shop-art img[src*="cologne"]{width:75%;height:85%}
.shop-art img[src*="sticker"]{width:95%;height:auto}
.shop-enlarge{position:absolute;bottom:18px;left:20px;font-size:14px;opacity:0;translate:0 5px;transition:opacity .25s,translate .3s}
.shop-art:hover .shop-enlarge,.shop-art:focus-visible .shop-enlarge{opacity:1;translate:none}
.shop-order-link{display:inline-block;border-bottom:1px solid #777;padding-bottom:6px;font-size:15px}
.shop-order-link:hover{color:var(--red);border-color:var(--red)}
.shop-order{border-top:1px solid #ccc;margin-top:75px;padding-top:40px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.shop-order h2{font-size:clamp(30px,4vw,65px);font-weight:400;letter-spacing:-.045em}
.shop-zoom{width:min(900px,calc(100% - 28px));max-height:92dvh;background:#fff}
.shop-zoom>img{width:100%;height:75dvh;padding:30px;object-fit:contain}
@media(max-width:640px){.shop-main{padding-top:110px;padding-bottom:55px}.shop-intro{gap:25px;margin-bottom:40px}.shop-intro h1{font-size:24vw}.shop-intro>.button{margin:0}.shop-intro>.eyebrow{margin-bottom:-12px}.shop-grid{grid-template-columns:1fr;gap:42px}.shop-tee{display:block;padding-bottom:42px}.shop-tee .shop-copy{margin-top:28px}.shop-tee .shop-copy h2{font-size:13vw;margin-top:16px}.shop-art{aspect-ratio:1.1;padding:26px}.shop-enlarge{opacity:1;translate:none}.shop-order{margin-top:50px;padding-top:30px;display:block}.shop-order>.button{margin-top:25px}.shop-zoom>img{height:65dvh;padding:20px}}
@media(prefers-reduced-motion:reduce){.shop-art img,.shop-enlarge{transition:none}}