.shop-page{--paper: #fff;--ink: #0a0a0a;--paper-2: #f6f2ea;--line: rgba(0,0,0,.1);--shop-pad: clamp(64px, 10vh, 152px);--shop-gutter: clamp(20px, 5vw, 88px);background:var(--paper);color:var(--ink)}.shop-page .header a{color:#ffffffdb}.shop-page .header a:hover{color:var(--hot)}.shop-page .header{position:sticky;top:0;z-index:200;background:var(--black);border-bottom:1px solid rgba(255,255,255,.08)}.cart-btn{position:relative;background:transparent;border:0;cursor:pointer;color:var(--white);font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:8px 4px 8px 10px}.cart-btn:hover{color:var(--hot)}.cart-badge{position:absolute;top:-2px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hot);color:#fff;font-size:11px;font-family:var(--sans);letter-spacing:0;display:grid;place-items:center;line-height:1}.shop-hero{padding:clamp(48px,12vh,168px) var(--shop-gutter) clamp(32px,6vh,72px);max-width:1000px}.shop-eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--hot);margin:0 0 18px}.shop-title{font-family:var(--song);font-weight:400;font-size:clamp(2.4rem,6.4vw,5.4rem);line-height:1.02;letter-spacing:.01em;margin:0}.shop-intro{max-width:52ch;margin:22px 0 0;color:#0009;font-family:var(--sans);font-size:clamp(15px,1.3vw,19px);line-height:1.6}.shop-filter{display:flex;flex-wrap:wrap;gap:10px;padding:0 var(--shop-gutter) clamp(28px,5vh,56px)}.chip{background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:#0000008c;transition:all .3s var(--ease, ease)}.chip:hover{color:var(--ink);border-color:#0000004d}.chip--on{background:var(--ink);color:#fff;border-color:var(--ink)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(30px,4vw,80px) clamp(24px,3.5vw,64px);padding:0 var(--shop-gutter) var(--shop-pad)}.gtile{display:block;text-decoration:none}.gtile-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}.gtile--big{grid-column:1 / -1}.gtile--big .gtile-media{aspect-ratio:16 / 8}.ph-mark{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--song);font-size:clamp(3rem,8vw,7rem);color:#0a0a0a24;-webkit-user-select:none;user-select:none}.media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.gtile-media,.media-img,.ph-mark{transition:transform .8s cubic-bezier(.16,1,.3,1)}.gtile:hover .media-img,.gtile:hover .ph-mark{transform:scale(1.045)}.gtile-view{position:absolute;left:14px;bottom:14px;z-index:2;background:#fffffff0;color:var(--ink);font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;opacity:0;transform:translateY(6px);transition:all .4s cubic-bezier(.16,1,.3,1)}.gtile:hover .gtile-view{opacity:1;transform:none}.gtile-body{padding:18px 2px 0}.gtile-name{font-family:var(--song);font-weight:400;font-size:clamp(18px,1.6vw,24px);line-height:1.2;margin:0}.gtile-blurb{font-family:var(--sans);font-size:14px;line-height:1.5;color:#0000008c;margin:7px 0 0;max-width:40ch}.gtile-price{font-family:var(--sans);font-size:15px;margin-top:10px;letter-spacing:.02em}.reveal-up{opacity:0;transform:translateY(26px);transition:opacity .9s,transform .9s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.reveal-up.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal-up{opacity:1;transform:none;transition:none}}.pdp{padding:0 var(--shop-gutter) var(--shop-pad)}.pdp-back,.link-hot{display:inline-block;font-family:var(--sans);font-size:13px;letter-spacing:.08em;color:#0000008c;padding:clamp(24px,5vh,48px) 0 8px}.pdp-back:hover,.link-hot:hover,.link-hot{color:var(--hot)}.pdp-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,96px);align-items:start;margin-top:12px}.pdp-gallery{position:relative}.pdp-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}.pdp-info{position:sticky;top:112px;padding-top:8px}.pdp-eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--hot)}.pdp-name{font-family:var(--song);font-weight:400;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.05;margin:14px 0 0}.pdp-price{font-family:var(--sans);font-size:22px;margin-top:16px}.pdp-desc{font-family:var(--sans);font-size:16px;line-height:1.7;color:#000000b3;max-width:46ch;margin:22px 0 0}.pdp-label{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#00000073;margin:30px 0 12px}.pdp-variants{display:flex;flex-wrap:wrap;gap:10px}.vbtn{background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer;font-family:var(--sans);font-size:14px;transition:all .3s ease}.vbtn:hover{border-color:#0006}.vbtn--on{background:var(--ink);color:#fff;border-color:var(--ink)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px}.qty--lg{transform:scale(1.05);transform-origin:left}.qty-btn{width:40px;height:40px;background:transparent;border:0;cursor:pointer;font-size:18px;color:var(--ink)}.qty-btn:hover{color:var(--hot)}.qty-n{min-width:34px;text-align:center;font-family:var(--sans);font-size:15px}.blockbtn-hot,.blockbtn-line{display:block;width:100%;text-align:center;cursor:pointer;font-family:var(--sans);font-size:14px;letter-spacing:.12em;text-transform:uppercase;padding:18px;border:0;transition:all .3s ease}.blockbtn-hot{background:var(--hot);color:#fff}.blockbtn-hot:hover{background:var(--ink)}.blockbtn-line{background:transparent;color:var(--ink);border:1px solid var(--ink)}.blockbtn-line:hover{background:var(--ink);color:#fff}.pdp-add{margin-top:28px}.pdp-details{margin-top:30px;border-top:1px solid var(--line)}.pdp-details summary{list-style:none;cursor:pointer;padding:18px 0 16px;font-family:var(--sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.pdp-details summary::-webkit-details-marker{display:none}.pdp-details summary:after{content:"+";float:right;color:var(--hot)}.pdp-details[open] summary:after{content:"–"}.pdp-details-body{font-family:var(--sans);font-size:14px;line-height:1.7;color:#0009;margin:0 0 20px}.pdp-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.pdp-trust-item{font-family:var(--sans);font-size:11.5px;letter-spacing:.08em;color:#00000080}.pdp-trust-item:before{content:"· ";color:var(--hot)}.pdp-missing{font-family:var(--song);font-size:24px;padding:80px 0 12px}.pdp-related{margin-top:clamp(64px,10vh,128px)}.pdp-related-h{font-family:var(--song);font-weight:400;font-size:clamp(1.4rem,2.2vw,2rem);margin:0 0 28px}.pdp-related-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,40px)}.rtile{display:block}.rtile-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}.rtile-name{font-family:var(--song);font-size:16px;margin-top:12px}.rtile-price{font-family:var(--sans);font-size:13px;color:#0000008c;margin-top:4px}.cart-backdrop{position:fixed;inset:0;z-index:900;background:#00000073;opacity:0;transition:opacity .38s ease}.cart-backdrop.on{opacity:1}.cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:901;width:min(440px,92vw);background:var(--paper);color:var(--ink);display:flex;flex-direction:column;box-shadow:-20px 0 60px #0000002e;transform:translate(100%);transition:transform .42s cubic-bezier(.16,1,.3,1)}.cart-drawer.on{transform:none}.cart-head{display:flex;align-items:center;justify-content:space-between;padding:26px 26px 18px;border-bottom:1px solid var(--line)}.cart-title{font-family:var(--song);font-weight:400;font-size:22px;margin:0}.cart-x{background:none;border:0;font-size:18px;cursor:pointer;color:var(--ink)}.cart-x:hover{color:var(--hot)}.cart-body{flex:1;overflow-y:auto;padding:8px 26px}.cart-empty{padding:60px 0;text-align:center}.cart-empty-msg{font-family:var(--song);font-size:18px;color:#0000008c}.cart-line{display:grid;grid-template-columns:68px 1fr auto;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.cart-thumb{position:relative;width:68px;height:84px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}.cart-thumb .ph-mark{font-size:1.8rem}.cart-line-mid{display:flex;flex-direction:column;gap:4px}.cart-line-name{font-family:var(--song);font-size:16px}.cart-line-var{font-family:var(--sans);font-size:12px;color:#00000080}.cart-line-mid .qty{margin-top:8px;align-self:flex-start}.cart-line-mid .qty-btn{width:32px;height:32px;font-size:15px}.cart-line-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.cart-line-price{font-family:var(--sans);font-size:15px}.cart-remove{background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0006}.cart-remove:hover{color:var(--hot)}.cart-foot{padding:20px 26px 26px;border-top:1px solid var(--line)}.cart-subtotal{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--sans);font-size:14px;letter-spacing:.1em;text-transform:uppercase}.cart-sub-val{font-size:20px;letter-spacing:0}.cart-note{font-family:var(--sans);font-size:12px;color:#00000080;margin:10px 0 18px;line-height:1.5}.blockbtn-hot+.cart-note,.cart-foot .blockbtn-line{margin-top:10px}.confirm-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:14px}.confirm-price{white-space:nowrap}.cart-subtotal--confirm{padding:16px 0 4px}.confirm-wechat{text-align:center;margin-top:22px}.confirm-qr{width:132px;height:132px;object-fit:contain}.confirm-wechat-id{font-family:var(--sans);font-size:13px;letter-spacing:.08em;color:#000000a6;margin-top:8px}@media(max-width:860px){.shop-grid{grid-template-columns:1fr}.gtile--big{grid-column:auto}.gtile--big .gtile-media{aspect-ratio:4 / 5}.pdp-wrap{grid-template-columns:1fr}.pdp-info{position:static}.pdp-related-row{grid-template-columns:1fr 1fr}}