.shop-hero{position:relative;padding:36px 40px;background:radial-gradient(ellipse at right top,#77422230,transparent 70%),linear-gradient(125deg,#12242a,#111b22);border:1px solid #75543a;border-top:2px solid #d59450;display:flex;justify-content:space-between;align-items:center;gap:24px}.shop-hero h1{font:3.7rem/1.1 var(--serif);margin:15px 0;color:#f0d8b9}.shop-hero p{color:var(--muted);line-height:1.8;margin-bottom:24px}.shop-hero .eyebrow{color:#eeb66e}.shop-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 17px #62d7dd26);flex-shrink:0}.shop-season{color:#bcd4d5;font-size:.8rem;letter-spacing:.06em}.shop-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 16px}.shop-filters,.shop-subfilters{display:flex;gap:6px;flex-wrap:wrap}.shop-filters button,.shop-subfilters button{font:inherit;cursor:pointer;background:transparent;border:1px solid transparent;color:#a6b5b8;padding:12px 18px}.shop-filters button.selected{color:#f4d6ad;border-color:#976d43;background:#7b522921}.shop-filters button:hover,.shop-subfilters button:hover{color:#eee2d1;border-color:#655442}.shop-subfilters button{font-size:.86rem;padding:9px 14px}.shop-subfilters button.selected{color:#aadfe2;border-color:#4c7980;background:#163c3e50}.shop-search input{font:inherit;max-width:100%;width:265px;color:var(--text);background:#0c1a22;border:1px solid var(--line);padding:12px 15px}.shop-results{display:flex;justify-content:space-between;align-items:center;color:#83989d;font-size:.85rem;margin:24px 0 18px}.shop-results p{margin:0}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shop-card{background:#101d25;border:1px solid #263c43;min-width:0;display:flex;flex-direction:column}.shop-image{position:relative;cursor:pointer;border:0;display:block;width:100%;padding:0;background:#080f16;overflow:hidden;aspect-ratio:1.18}.shop-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s;max-width:100%}.shop-image:hover img{transform:scale(1.03)}.shop-permanent{position:absolute;left:15px;top:15px;font:400 .69rem/1.4 var(--sans);letter-spacing:.04em;border:1px solid #7a888563;background:#09151dde;color:#d3ded6;padding:5px 9px}.shop-permanent.inline{position:static;display:inline-block;margin:6px 0}.shop-card-body{padding:23px 22px 20px;display:flex;flex-direction:column;flex-grow:1}.shop-kind{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;color:#daa067;margin:0 0 12px}.shop-card h2{font:1.34rem/1.35 var(--serif);color:#e7dfd2;margin:0 0 10px;min-height:3.5rem}.shop-compatibility{font-size:.77rem;color:#91a2a7;margin:0 0 16px;line-height:1.6}.shop-benefit{font-size:.86rem;color:#c4cfca;margin:0 0 24px}.shop-card-bottom{border-top:1px solid #2b4144;padding-top:18px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto}.shop-card-bottom strong{color:#e9bd7d;font-size:.95rem;font-weight:500}.shop-detail{border:0;background:transparent;padding:4px 0;color:#add6d9;cursor:pointer;font:inherit;font-size:.75rem}.shop-detail span{margin-left:4px}.shop-note{border-left:2px solid #94703e;padding:20px 24px;background:#101e24;margin-top:36px;color:#aab9bc;line-height:1.8}.shop-note strong{color:#e8d7bd;font:1.45rem var(--serif)}.shop-help{font-size:.78rem;line-height:1.75;color:#849a9f}.shop-note p:last-child{margin-bottom:0}.shop-dialog{border:1px solid #667f80;padding:0;background:#0d1c24;color:var(--text);max-width:min(910px,calc(100vw - 36px));width:910px;max-height:calc(100vh - 36px);overflow:auto}.shop-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.shop-dialog::backdrop{background:#02090ded;backdrop-filter:blur(4px)}.shop-dialog-image{background:#070f16;align-self:stretch;display:flex;align-items:center}.shop-dialog-image img{width:100%;height:auto;object-fit:contain}.shop-dialog-copy{padding:45px 34px 32px}.shop-dialog h2{font:2rem/1.3 var(--serif);margin:16px 0;color:#efddc3}.shop-dialog-copy>p:not(.shop-help):not(.shop-dialog-price){font-size:.85rem;color:#a8babd;line-height:1.75}.shop-dialog ul{padding-left:18px;color:#c6d0cc;line-height:1.85;font-size:.9rem}.shop-dialog-price{color:#ecc487;font:1.6rem var(--serif);margin:24px 0 18px}.shop-purchase{width:100%;cursor:not-allowed;background:#243239;color:#a3b1b2;border-color:#435359;opacity:.75}.shop-close{position:absolute;right:12px;top:12px;width:35px;height:35px;cursor:pointer;border:1px solid #7d979861;background:#112631;color:#dfebeb;font:1.5rem var(--sans)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shop-filters button:focus-visible,.shop-subfilters button:focus-visible,.shop-image:focus-visible,.shop-detail:focus-visible,.shop-close:focus-visible{outline:2px solid #80d6dc;outline-offset:3px}.shop-subfilters[hidden],.shop-empty[hidden]{display:none}
@media(max-width:1080px){.shop-grid{gap:16px}.shop-card-body{padding:19px 17px}.shop-hero h1{font-size:3rem}}
@media(max-width:800px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-bar{align-items:flex-start;flex-direction:column}.shop-search,.shop-search input{width:100%}.shop-hero{padding:26px}.shop-logo{width:90px;height:90px}.shop-hero h1{font-size:2.5rem}.shop-dialog[open]{grid-template-columns:1fr}.shop-dialog-image{max-height:270px;justify-content:center}.shop-dialog-image img{width:auto;max-width:100%;max-height:270px}.shop-dialog-copy{padding:26px}}
@media(max-width:480px){.shop-grid{grid-template-columns:1fr}.shop-hero{padding:24px 20px;align-items:flex-start}.shop-logo{position:absolute;right:16px;top:18px;width:52px;height:52px}.shop-hero .eyebrow{padding-right:45px;font-size:.65rem}.shop-hero h1{font-size:2.15rem}.shop-hero p{font-size:.88rem;line-height:1.75}.shop-filters{gap:3px}.shop-filters button{padding:10px 11px;font-size:.86rem}.shop-results{font-size:.78rem}.shop-card h2{min-height:0}.shop-card-body{padding:21px}.shop-note{padding:19px}.shop-dialog h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.shop-image img{transition:none}}
