.shop-hero{position:relative;padding-top:28px;background:radial-gradient(ellipse at 15% 10%,#f4672f14,transparent 65%),var(--b-ink)}.shop-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}.shop-hero .breadcrumb{margin-bottom:32px}.shop-hero h1{margin:0 0 24px}.shop-hero-text{max-width:520px;color:var(--b-page-muted);font-size:18px;line-height:1.65;margin:0 0 30px}.shop-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.shop-perks{list-style:none;margin:44px 0 0;padding:24px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--ed-line)}.shop-perks li{display:flex;gap:14px;align-items:center;min-width:0}.shop-perks svg{box-sizing:content-box;padding:12px;background:var(--b-orange);color:#fff;border-radius:50%;outline:1px solid var(--b-orange);outline-offset:4px;margin:4px;flex:none}.shop-perks strong{display:block;font-weight:600;font-size:15px}.shop-perks span{display:block;font-size:13px;color:var(--b-page-muted)}.shop-rail{background:var(--b-coal);border-block:1px solid var(--ed-line)}.shop-rail-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:20px;padding-block:26px 20px;scrollbar-width:thin;scrollbar-color:var(--b-orange) var(--b-coal)}.shop-cat{flex:1 0 88px;min-width:0;display:grid;justify-items:center;align-content:start;gap:8px;background:none;border:0;padding:4px;color:#fff;scroll-snap-align:start;cursor:pointer}.shop-cat-img{width:76px;aspect-ratio:1;display:grid;place-items:center;background:#fff;border:3px solid var(--b-coal);outline:2px solid #767676;border-radius:50%;overflow:hidden;transition:outline-color .2s,transform .2s}.shop-cat-img img{width:100%;height:100%;object-fit:contain;padding:7px}.shop-cat-all .shop-cat-img{color:#fff;background:var(--b-orange);outline-color:var(--b-orange)}.shop-cat:hover .shop-cat-img{transform:translateY(-2px);outline-color:var(--b-orange)}.shop-cat-name{font-size:13px;line-height:1.3;text-align:center;font-weight:600}.shop-cat small{font-size:12px;color:var(--b-page-muted)}.shop-cat[aria-pressed=true] .shop-cat-img{outline:3px solid var(--b-orange)}.shop-cat[aria-pressed=true] .shop-cat-name{color:var(--b-orange-2)}.shop-toolbar{position:sticky;top:84px;z-index:20;background:#121212f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--ed-line)}.shop-toolbar-row{padding-block:14px}.shop-search,.shop-toolbar-row{display:flex;align-items:center;gap:10px}.shop-search{flex:1;min-width:0;min-height:48px;padding:0 16px;background:var(--b-coal);border:1px solid #767676;border-radius:999px;color:var(--b-page-muted)}.shop-search:focus-within{outline:2px solid var(--b-orange);outline-offset:2px}.b-inner .shop-search input{min-height:46px;border:0;outline:0;background:transparent;margin:0;padding:0;box-shadow:none}.shop-chip{display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:0 16px;background:var(--b-coal);border:1px solid #767676;border-radius:999px;font-size:14px;color:#fff;cursor:pointer}.shop-chip[aria-pressed=true]{background:var(--b-orange);color:var(--b-ink);border-color:var(--b-orange)}.b-inner .shop-select select{min-height:48px;margin:0;padding:10px 28px 10px 14px;border-radius:999px;background-color:var(--b-coal);font-size:14px}.shop-select{min-width:0}.shop-body{padding-block:clamp(34px,5vw,56px) clamp(60px,8vw,100px)}.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.shop-head .ed-label{margin-bottom:12px}.shop-head h2{margin:0}.shop-head-desc{margin:12px 0 0;color:var(--b-page-muted);max-width:560px;font-size:16px}.shop-count{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;color:var(--b-page-muted)}.shop-count .clear-filters{display:inline-flex;align-items:center;gap:6px;min-height:44px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:0;font-size:13px;color:var(--b-orange-2);cursor:pointer}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.shop-custom{margin-top:clamp(44px,7vw,80px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center;padding:clamp(24px,4vw,40px);background:var(--b-coal);border:1px solid var(--ed-line);border-top:4px solid var(--b-orange);border-radius:12px;color:#fff}.shop-custom>svg{color:var(--b-orange)}.shop-custom h2{font-size:clamp(1.6rem,2.4vw,2.4rem);margin:0 0 12px}.shop-custom p{margin:0;color:var(--b-page-muted);font-size:16px;max-width:560px}.shop-custom-actions{display:grid;gap:14px;justify-items:start}.shop-body .demo-caption{margin-top:22px}@media (max-width:1100px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-perks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.shop-custom,.shop-hero-grid{grid-template-columns:minmax(0,1fr)}.shop-toolbar-row{flex-wrap:wrap}.shop-search{flex:1 1 100%}.shop-select{flex:1}}@media (max-width:700px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-toolbar-row{gap:8px;padding-block:10px}.shop-chip{padding-inline:12px}.b-inner .shop-select select{font-size:13px;padding-inline:10px 20px}.shop-head{flex-direction:column;align-items:flex-start}.shop-perks{gap:24px 16px;margin-top:30px}.shop-perks li{flex-direction:column;align-items:flex-start;gap:12px}.shop-perks strong{font-size:14px}.shop-perks span{font-size:12px}.shop-hero-text{font-size:17px}}