/* Existing storefront, ordered discovery. No changes to the approved character pixels. */
.hero--editorial .hero-wordmark{opacity:.35}
.hero--editorial .copy{top:335px;width:320px}
.hero--editorial h1#headline{font-size:42px;line-height:1.5;text-wrap:balance}
.hero--editorial .plane{overflow:hidden}
.hero--editorial .stage{isolation:isolate}
.hero--editorial .hero-product{animation:none}
.hero--editorial .hero-product .merch-art{transform-origin:50% 75%}
#shelves{padding:64px var(--gutter);max-width:1600px;margin:auto;scroll-margin-top:90px}
.department-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.department-heading h2{font-size:36px;margin:10px 0 0;line-height:1.5}
.section-index{color:#b8b4af;font:600 14px var(--latin);letter-spacing:.12em}
.department-heading p{color:#b8b4af;font-size:16px;line-height:1.8;max-width:370px;margin:0}
.departments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #49494b;border-radius:10px;overflow:hidden;background:#202225}
.departments button{position:relative;display:grid;gap:10px;text-align:start;padding:24px;color:#f2eee7;background:transparent;border:0;border-inline-end:1px solid #49494b;min-height:145px;cursor:pointer}
.departments button:last-child{border-inline-end:0}
.departments button[aria-selected=true]{background:#942b3c}
.departments button[aria-selected=true]::after{content:"";position:absolute;inset-inline:24px;bottom:0;height:2px;background:#ff5261}
.departments button:focus-visible{outline:3px solid #f2eee7;outline-offset:-5px}
.departments strong{font:700 25px var(--latin);text-align:start}
.departments span{font-size:14px;line-height:1.7;color:#ddd7d1}
.departments .department-index{position:absolute;inset-inline-end:20px;top:18px;font:500 14px var(--latin);opacity:.55}
#shelves .shelf{padding:30px 0 0;border:0;max-width:none;margin:0;scroll-margin-top:110px}
#shelves .shelf[hidden]{display:none}
#shelves .head{margin-bottom:22px;align-items:center}
#shelves .head h3{font:700 24px var(--latin);margin:0 0 8px}
#shelves .head .tag{font-size:16px;line-height:1.7;color:#b8b4af;margin:0}
#shelves .head .all{font-size:16px;min-height:44px;display:flex;align-items:center}
#shelves .product-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:22px}
#shelves .product-cover{min-width:0;height:100%;border:1px solid #ffffff16;background:#222427;border-radius:8px;overflow:hidden}
#shelves .product-cover>.merch-art{height:245px;aspect-ratio:auto}
#shelves .product-cover .name{font-size:23px}
#shelves .product-info{padding:22px}
#shelves .category-types{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0;border:0}
#shelves .category-types a{padding:12px 18px;font-size:15px;min-height:48px;display:flex;gap:24px;border:1px solid #ffffff20;border-radius:5px;background:#202225}
.art-valorant-account img{object-position:35% center;transform:scale(1.08)}
.art-valorant-account{background:#412129}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.account-card{padding:0;background:#222427;border:1px solid #44474b;border-radius:8px;overflow:hidden;text-decoration:none;color:#f2eee7;text-align:start;cursor:pointer;display:flex;flex-direction:column}
.account-card>.merch-art{height:235px;width:100%}
.account-card>div,.account-copy{padding:22px;display:grid;gap:12px}
.account-card h3{font:700 28px var(--latin);margin:0}
.account-card p{font-size:16px;margin:0;color:#c7c0b9}
.account-card small{font-size:14px}.account-copy strong{font-size:20px}
.account-image{height:235px;width:100%;object-fit:contain;background:#17191b}
.account-placeholder{height:200px;display:grid;place-items:center;font:700 26px var(--latin);background:linear-gradient(135deg,#492a30,#252527)}
.account-card:focus-visible{outline:3px solid #f2eee7;outline-offset:4px}
.catalog-empty{padding:32px;border:1px solid #48484a;border-radius:8px;background:#222427;max-width:700px}
.catalog-empty h3{font-size:24px;margin:0 0 14px}.catalog-empty p{color:#c7c0b9;line-height:1.9;font-size:16px}
#cat-panel.browsing{display:block}#cat-panel.browsing #live{display:none}
#cat-panel.browsing .supplier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#cat-panel:not(.browsing) .supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.supplier-back{margin-bottom:18px;min-height:44px;font-size:14px}
.supplier-detail[hidden],#supplier-selected[hidden]{display:none}
.supplier-card img{height:210px}
.mast.has-selection-art{min-height:310px}
@media(max-width:1100px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cat-panel.browsing .supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.departments button{padding:20px 16px}.departments strong{font-size:21px}}
@media(max-width:640px){
 .hero--editorial .hero-wordmark{opacity:.65}
 .hero--editorial .copy{top:auto;width:auto}
 .hero--editorial h1#headline{font-size:30px}
 .hero--editorial .motion-toggle{top:365px}
 #shelves{padding:38px 16px}
 .department-heading{display:block;margin-bottom:22px}.department-heading h2{font-size:29px}.department-heading p{margin-top:12px;font-size:16px}
 .departments{grid-template-columns:1fr 1fr}.departments button{min-height:136px;padding:20px 16px;gap:8px;border-bottom:1px solid #49494b}.departments button:nth-child(2){border-inline-end:0}.departments button:nth-child(n+3){border-bottom:0}
 .departments strong{font-size:21px}.departments span{font-size:16px}.departments .department-index{font-size:14px;inset-inline-end:12px;top:8px}
 #shelves .head{display:block}#shelves .head .all{margin-top:12px}#shelves .head h3{font-size:24px}
 #shelves .product-grid{grid-template-columns:1fr;gap:18px}#shelves .product-cover>.merch-art{height:225px}
 #shelves .product-info{padding:20px}#shelves .category-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}#shelves .category-types a{font-size:16px;line-height:1.7;padding:14px 12px;gap:8px;justify-content:space-between}
 .account-grid{grid-template-columns:1fr}.account-card small{font-size:16px}.account-card>.merch-art{height:230px}
 #cat-panel.browsing .supplier-grid,#cat-panel:not(.browsing) .supplier-grid{grid-template-columns:1fr 1fr}.supplier-back{font-size:16px}.supplier-card img{height:160px}
 .catalog-empty{padding:22px}
}