.shop-page{background:#151020}.shop-page .header{background:#15102025;backdrop-filter:blur(12px)}.shop-page .header.is-scrolled{background:#151020f5}.shop-hero{position:relative;isolation:isolate;min-height:550px;display:flex;align-items:center;padding:150px 0 75px;overflow:hidden;color:#fff}.shop-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-3}.shop-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100c1bea,#100c1b80 50%,#100c1b15),linear-gradient(0deg,#15102070,transparent);z-index:-2}.shop-hero .eyebrow{font-size:9px;letter-spacing:3px;color:#d5b5ef}.shop-hero h1{font-size:clamp(58px,6vw,88px);line-height:1;margin:24px 0}.shop-hero h1 span{color:#cd9bed}.shop-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#d8cde1}.shop-hero .button{margin-top:27px;border-radius:15px;padding:18px 25px;gap:22px}.hero-caption{position:absolute;right:4%;bottom:22px;font-size:7px;letter-spacing:2px;color:#dcc5ed99}.shop-surface{position:relative;background:#efecf5 url('assets/district-map.svg') center top/1300px;color:#221b30;padding:65px 0 30px;scroll-margin-top:95px}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:38px;align-items:start}.shop-main{min-width:0}.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.shop-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}.shop-heading h2{font-size:47px;line-height:1.1}.preview-chip{font-size:8px;letter-spacing:1px;border:1px solid #b69acb80;color:#8b62aa;border-radius:20px;padding:8px 11px;white-space:nowrap}#category-description{font-size:13px;line-height:1.8;color:#7d7089;max-width:700px;margin:16px 0 28px}.shop-sidebar{position:sticky;top:120px;background:#ffffffb8;border:1px solid #cbbbd844;border-radius:21px;padding:24px 17px}.shop-sidebar>.eyebrow{font-size:8px;letter-spacing:2px;margin:0 10px 18px}#shop-categories{display:grid;gap:5px}.category-button{display:flex;align-items:center;gap:12px;border:0;border-radius:13px;background:transparent;color:#665671;text-align:left;padding:14px 12px;font-size:12px;font-weight:650;cursor:pointer;transition:background .25s,transform .3s}.category-button:hover{background:#ece3f4;transform:translateX(-3px)}.category-button[aria-pressed=true]{background:#30213f;color:white;box-shadow:0 7px 17px #3c22551a}.category-button svg{width:21px;height:21px;color:#ac7ad4;flex-shrink:0}.category-button[aria-pressed=true] svg{color:#d5aff4}.saved-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding:16px 10px;background:none;border:0;border-top:1px solid #ddcfe9;color:#6e4f88;font-size:12px;cursor:pointer}.saved-button b{border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#e9def2}.shop-support{border-radius:15px;margin-top:13px;padding:20px;background:linear-gradient(145deg,#e5d7f2,#f4eaf1)}.shop-support>svg{width:25px;color:#9a5bca}.shop-support h3{font:700 16px Barlow,sans-serif;margin:12px 0 8px}.shop-support p{font-size:12px;color:#806d8d;line-height:1.7}.shop-support a{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:11px;font-weight:700;color:#8152a5}.shop-support a svg{width:17px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{background:#ffffffd9;border:1px solid #cab6db44;border-radius:21px;overflow:hidden;transition:transform .35s,box-shadow .35s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #51356c15}.product-visual{height:205px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#8050a1,#1f162e 72%);display:grid;place-items:center}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.product-card:hover .product-visual img{transform:scale(1.04)}.product-body{padding:22px}.product-label{font-size:8px;color:#a170c2;letter-spacing:1.6px;text-transform:uppercase}.product-body h3{font:700 23px Barlow,sans-serif;margin:8px 0 11px}.product-body p{font-size:12px;line-height:1.75;color:#80718b;min-height:42px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #ebe3f0}.price-pending{font-size:10px;color:#9988a5}.product-open{border:0;background:#eee4f7;color:#8855b0;display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:11px;cursor:pointer;font-size:11px;font-weight:700;transition:transform .3s,background .3s}.product-open:hover{transform:translateX(3px);background:#e1cfee}.product-open svg{width:15px;height:15px}.product-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.product-stats span{background:#f0eaf6;color:#886b9a;border-radius:7px;padding:6px 8px;font-size:9px}.coin-art{position:relative;display:flex;align-items:center;justify-content:center;gap:0;transform:rotate(-12deg)}.coin-art span{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f6defe,#c085eb 38%,#6f3e9d);border:5px double #e7c1ff;box-shadow:5px 7px 0 #653782,10px 17px 30px #0007;color:#f7e9ff;font:800 28px 'Barlow Condensed',sans-serif}.coin-art span+span{margin-left:-25px;transform:translateY(20px)}.coin-art .coin-small{width:65px;height:65px;font-size:21px}.visual-caption{position:absolute;bottom:16px;left:20px;color:#dcc8ee88;font-size:7px;letter-spacing:2px}.vip-art{width:130px;height:145px;clip-path:polygon(50% 0,94% 22%,88% 76%,50% 100%,12% 76%,6% 22%);background:linear-gradient(140deg,#f4deff,#9b64c7 50%,#4e2b78);display:grid;place-items:center;filter:drop-shadow(0 15px 10px #0005)}.vip-art svg{width:65px;height:65px;stroke:#f5e7ff}.vip-gold{background:linear-gradient(140deg,#fff0cb,#d6ad67 50%,#805c35)}.vip-platin{background:linear-gradient(140deg,#f9ecff,#cc9cff 50%,#7241a7)}.vip-list{padding:0;list-style:none;display:grid;gap:12px;margin-top:20px;font-size:12px;color:#7b688a}.vip-list li:before{content:'✓';color:#ad77d4;margin-right:9px}.vip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vip-grid .product-body{padding:20px 16px}.vip-grid .product-bottom{flex-wrap:wrap}.vip-grid .product-visual{height:185px}.draft-note{font-size:11px;color:#977aa9;line-height:1.7;padding:18px 0}.comparison{border:1px solid #d9cce5;border-radius:15px;background:#fff9;margin-top:22px;padding:20px}.comparison summary{cursor:pointer;font-size:13px;font-weight:700;color:#5b3c74}.comparison-scroll{overflow:auto;margin-top:18px}.comparison table{width:100%;border-collapse:collapse;font-size:12px;min-width:460px}.comparison th,.comparison td{padding:13px 8px;border-bottom:1px solid #eadff0;text-align:left}.comparison th{color:#70428f}.comparison td{color:#897394}.outfit-art svg{width:140px;height:140px;stroke:#d4b5ec;stroke-width:.8;fill:#7951a155;filter:drop-shadow(0 10px 15px #0005)}.gift-art{width:200px;height:115px;border-radius:14px;transform:rotate(-10deg);background:linear-gradient(125deg,#b46fe6,#5e337e);border:1px solid #d8afff88;box-shadow:0 15px 30px #0005;padding:20px;position:relative}.gift-art:after{content:'✦';position:absolute;right:18px;bottom:8px;font-size:62px;color:#eac8ff}.gift-art small{font-size:8px;letter-spacing:2px;color:#e7cdf9}.gift-art strong{display:block;margin-top:17px;font:700 25px 'Barlow Condensed',sans-serif;color:white}.mlo-art{width:185px;height:140px;transform:skewY(-8deg);border:1px solid #b480e5;box-shadow:14px 15px 0 #563873;background:repeating-linear-gradient(0deg,transparent 0 29px,#ae78dc33 30px),repeating-linear-gradient(90deg,#563d7460 0 35px,#c395e533 36px);display:grid;place-items:center}.mlo-art svg{width:75px;height:75px;color:#dab9f4}.shop-note{display:flex;align-items:center;gap:14px;border-top:1px solid #d8c9e4;margin-top:45px;padding-top:23px;color:#9785a5;font-size:11px;line-height:1.7}.shop-note svg{width:22px;flex-shrink:0}.shop-faq details{padding:23px;border:1px solid #d6c7e2;border-radius:16px;background:#fff9;margin-bottom:13px}.shop-faq summary{cursor:pointer;font-weight:700;font-size:15px}.shop-faq p{font-size:13px;line-height:1.8;color:#87728f;margin-top:15px}.shop-faq a{color:#9863c4;text-decoration:underline}#product-dialog{width:min(600px,calc(100% - 30px));max-height:85vh;overflow:auto;padding:35px;background:#f5f0fa;border:1px solid #b388d0;border-radius:23px;color:#2c2038}#product-dialog::backdrop{background:#100a1bd9;backdrop-filter:blur(8px)}.product-close{position:absolute;top:13px;right:16px;border:0;background:#e9ddf3;border-radius:50%;width:30px;height:30px;color:#7d519b;font-size:24px;cursor:pointer}#product-title{font-size:37px;margin:18px 0}#product-detail p{font-size:14px;line-height:1.8;color:#80678f}#product-detail ul{padding-left:20px;color:#80678f;font-size:13px;line-height:2}#product-detail .button{border-radius:12px;margin-top:22px;padding:16px 22px}#product-detail .product-visual{border-radius:15px;margin-top:10px;height:230px}.saved-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #ddd0e7}.saved-row button{background:none;border:0;color:#9564b9;cursor:pointer}.shop-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:15px 23px;background:#2f203e;color:white;border:1px solid #ad7bd3;border-radius:14px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:1000}.shop-toast.show{opacity:1;transform:translate(-50%,0)}.shop-page button:focus-visible,.shop-page summary:focus-visible{outline:2px solid #ad7bd3;outline-offset:4px}@media(max-width:1000px){.shop-layout{grid-template-columns:minmax(0,1fr) 210px;gap:23px}.vip-grid{grid-template-columns:1fr}.vip-grid .product-card{display:grid;grid-template-columns:150px 1fr}.vip-grid .product-visual{height:100%;min-height:235px}.vip-art{width:110px;height:130px}.product-visual{height:175px}.product-body{padding:18px}.product-body h3{font-size:20px}}@media(max-width:700px){.shop-hero{min-height:510px;padding-top:130px}.shop-hero h1{font-size:58px}.shop-hero>img{object-position:65% center}.shop-layout{display:flex;flex-direction:column;gap:25px}.shop-sidebar{position:static;order:-1;width:100%;padding:12px;background:#fff9}.shop-sidebar>.eyebrow,.shop-support{display:none}#shop-categories{display:flex;overflow:auto;gap:6px;padding-bottom:5px}.category-button{white-space:nowrap;padding:12px;font-size:11px}.category-button svg{width:17px}.saved-button{margin:6px 0 0;padding:9px 10px}.shop-main{width:100%}.shop-heading h2{font-size:36px}.shop-surface{padding-top:26px}.product-grid{gap:13px}.product-visual{height:155px}.product-body{padding:16px}.product-body h3{font-size:19px}.product-bottom{flex-wrap:wrap}.coin-art span{width:65px;height:65px}.coin-art .coin-small{width:50px;height:50px}.gift-art{width:145px;height:95px;padding:14px}.gift-art strong{font-size:20px}.gift-art:after{font-size:45px}.outfit-art svg{width:110px;height:110px}.mlo-art{width:130px;height:105px}.product-label{font-size:7px}.hero-caption{font-size:6px}.vip-grid .product-body{padding:20px}.shop-note{margin-top:30px}}@media(max-width:420px){.product-grid:not(.vip-grid){grid-template-columns:1fr}.product-visual{height:210px}.vip-grid .product-card{display:block}.vip-grid .product-visual{height:170px;min-height:0}.product-body h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.product-card,.product-visual img,.category-button{transition:none}}
.product-open,.category-button{position:relative;overflow:hidden}.product-open:after,.category-button:after{content:'';position:absolute;inset:-40% auto -40% -65%;width:40%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:skewX(-20deg);pointer-events:none}.product-open:hover:after,.category-button:hover:after{animation:shop-shine .85s ease-out}@keyframes shop-shine{to{left:140%}}@media(prefers-reduced-motion:reduce){.product-open:hover:after,.category-button:hover:after{animation:none}}
@media(max-width:700px){.category-button{flex:0 0 auto;overflow:hidden}}
