/* The phone home has its own density; desktop keeps the full storefront. */
.mobile-categories-all{display:none}
@media(max-width:980px) and (min-width:761px){
 .store-body:has(.store-main[data-section=home]) .store-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:14px;padding-block:16px}
 .store-body:has(.store-main[data-section=home]) .store-header>.store-brand{grid-area:1/1;min-width:0}
 .store-body:has(.store-main[data-section=home]) .store-header>.member-header-actions{grid-area:1/2;display:flex;gap:10px;margin:0;min-width:0}
 .store-body:has(.store-main[data-section=home]) .store-header .header-balance,.store-body:has(.store-main[data-section=home]) .store-header .header-sell,.store-body:has(.store-main[data-section=home]) .store-header .support-top{display:none}
 .store-body:has(.store-main[data-section=home]) .store-header>.store-cart{grid-area:1/3}
 .store-body:has(.store-main[data-section=home]) .store-header>.store-search{grid-area:2/1/3/-1;width:100%;margin:0}
}
@media(max-width:760px){
 .store-body .store-header{grid-template-columns:minmax(0,1fr) auto 40px 40px;gap:10px 7px;padding:12px 0 14px;align-items:center}
 .store-body .store-header>.store-brand{grid-area:1/1;min-width:0;width:100%;gap:8px}
 .store-body .store-header .brand-mark{height:32px;width:32px;flex-basis:32px}
 .store-body .store-header .store-brand strong{font-size:clamp(16px,4.5vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.6px;min-width:0}
 .store-body .store-header>.member-header-actions{display:contents}
 .store-body .store-header .header-seller-story{grid-area:1/2;display:flex;width:auto;max-width:74px;min-height:40px;padding:8px 10px;border:1px solid var(--s-line);border-radius:12px;background:var(--s-surface);font-size:10px;line-height:1.3;white-space:normal;justify-content:center;text-align:center}
 .store-body .store-header .header-seller-story .ico{display:none}
 .store-body .store-header>.store-cart{grid-area:1/3;min-width:0;width:40px;height:40px;border-radius:12px}
 .store-body .store-header .member-link{grid-area:1/4;min-width:0;width:40px;height:40px;border-radius:12px}
 .store-body .store-header>.store-search{grid-area:2/1/3/-1;min-height:46px;border-radius:13px;gap:9px}
 .store-body .store-header .store-search input{font-size:16px;padding-block:10px}
 .store-body .store-header .store-search button{width:36px;height:36px;flex-basis:36px;border-radius:9px}
 .store-body .store-main[data-section=home]{gap:24px;padding-top:14px;padding-bottom:24px}
 .store-body .store-main[data-section=home]>:is(section,div){margin-block:0}
 .store-body .store-main[data-section=home]>.game-spotlights-section{margin-block:0!important}
 .store-body .store-main[data-section=home] .store-section-heading{min-width:0;margin-bottom:13px;gap:12px}
 .store-body .store-main[data-section=home] .store-section-heading h2{font-size:18px;line-height:1.3;letter-spacing:-.45px}
 .store-body .store-main[data-section=home] .store-section-heading>div{min-width:0}
 .store-body .catalog-categories .store-section-heading{align-items:center;margin-bottom:10px}
 .store-body .mobile-categories-all{display:inline-flex;align-items:center;gap:5px;font-size:11px;min-height:32px;flex:none;color:var(--s-muted);padding:0}
 .mobile-categories-all .ico{height:13px;width:13px}
 .store-body .store-main[data-section=home] .category-tiles{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,minmax(72px,auto));grid-auto-flow:column;grid-auto-columns:minmax(76px,1fr);gap:6px 10px;margin:0;padding:0 1px 5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:1px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--s-muted) 25%,transparent) transparent;touch-action:pan-x pan-y pinch-zoom}
 .store-body .store-main[data-section=home] .category-tiles>button,.store-body .store-main[data-section=home] .category-tiles>button:nth-child(11){grid-column:auto;grid-row:auto;display:grid;grid-template-rows:38px minmax(24px,auto);align-content:start;align-items:start;gap:6px;min-height:72px;padding:2px;border:0;border-radius:12px;scroll-snap-align:start}
 .store-body .store-main[data-section=home] .category-tiles>button>span,.store-body .store-main[data-section=home] .category-tiles .category-illustration{height:38px;width:38px;flex-basis:38px}
 .store-body .store-main[data-section=home] .category-tiles strong{font-size:10px;line-height:1.25;min-height:24px;font-weight:550;overflow-wrap:normal;hyphens:auto}
 .store-body .store-main[data-section=home] .home-campaigns{border-radius:18px;min-width:0}
 .store-body .store-main[data-section=home] .home-campaigns .store-hero.campaign{min-height:212px;height:100%;padding:18px 17px 48px;border-radius:18px}
 .store-body .store-main[data-section=home] .home-campaigns .campaign-copy{width:64%;max-width:64%}
 .store-body .store-main[data-section=home] .home-campaigns .campaign-copy h1,.store-body .store-main[data-section=home] .home-campaigns .campaign-copy h2{font-size:clamp(23px,5.9vw,29px);line-height:1.12;letter-spacing:-.9px;margin:8px 0 9px}
 .store-body .store-main[data-section=home] .home-campaigns .campaign-copy>p{font-size:11px;line-height:1.55;margin:7px 0 12px;max-width:27ch}
 .store-body .store-main[data-section=home] .home-campaigns .store-btn{min-height:36px;padding:8px 11px;font-size:10px;border-radius:9px;gap:10px}
 .store-body .store-main[data-section=home] .home-campaigns .catalog-kicker{font-size:8px;letter-spacing:.4px}
 .store-body .store-main[data-section=home] .home-campaigns .has-depth-art>.depth-scene{width:45%;height:165px;inset-block:0;inset-inline-end:-4%;margin-block:auto;opacity:.95}
 .store-body .store-main[data-section=home] .home-campaigns .campaign-controls{inset-inline:12px;bottom:3px;gap:0;justify-content:flex-start}
 .store-body .store-main[data-section=home] .home-campaigns .campaign-controls>button{height:38px;width:34px;min-height:38px}
 .store-body .store-main[data-section=home] .home-campaigns .campaign-dots button{height:38px;width:23px}
 .store-body .store-main[data-section=home] .popular-games-section .catalog-game-grid{display:grid;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:82px;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 1px 7px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--s-muted) 25%,transparent) transparent}
 .store-body .store-main[data-section=home] .popular-games-section .popular-game-card{grid-template-rows:54px minmax(30px,auto) 17px;padding:0;scroll-snap-align:start;border-radius:12px}
 .store-body .store-main[data-section=home] .popular-games-section .popular-game-card>.catalog-visual{height:54px;--mark-width:48px;--mark-height:48px}
 .store-body .store-main[data-section=home] .popular-games-section .popular-game-card>strong{font-size:10px;line-height:14px;min-height:30px;height:auto;margin:0;font-weight:550}
 .store-body .store-main[data-section=home] .popular-games-section .popular-game-card>small{font-size:9px;line-height:15px}
 .store-body .store-main[data-section=home] .premium-showcase.home-curated{padding:16px 12px;border-radius:18px}
 .store-body .store-main[data-section=home] .home-section .store-section-heading{flex-wrap:wrap;align-items:flex-start;gap:9px}
 .store-body .store-main[data-section=home] .home-section .store-section-heading>div:first-child{flex:1 1 145px}
 .store-body .store-main[data-section=home] .home-section-actions{flex:0 0 auto;gap:8px;max-width:100%}
 .store-body .store-main[data-section=home] .rail-buttons button{width:30px;height:30px}
 .store-body .store-main[data-section=home] .home-rail{gap:11px;scrollbar-width:none;scroll-snap-type:none;padding-bottom:2px}
 .store-body .store-main[data-section=home] .home-rail>.product-card{flex-basis:calc((100% - 11px)/2);scroll-snap-align:start}
 .store-body .store-main[data-section=home] .home-rail .product-info{padding:11px 10px;min-height:190px}
 .store-body .store-main[data-section=home] .home-rail .product-bottom strong{font-size:clamp(15px,4.4vw,19px);letter-spacing:-.6px;line-height:24px;overflow-wrap:anywhere}
 .store-body .store-main[data-section=home] .home-rail .product-arrow{display:none}
 .store-body .store-main[data-section=home] .home-rail .product-seller>span{min-width:0}
 .store-body .store-main[data-section=home] .home-rail .product-seller strong{max-width:100%;text-overflow:ellipsis}
 .store-body .store-main[data-section=home] .home-rail .listing-stats{gap:3px}
 .store-body .store-main[data-section=home] .home-rail .card-stat-corner{max-width:calc(100% - 12px);inset-inline-end:6px;bottom:6px;overflow:hidden;padding:4px 5px}
 .store-body .store-main[data-section=home] .home-mini-ads{display:grid;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:85%;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}
 .store-body .store-main[data-section=home] .home-mini-ad[data-design-depth]{min-height:118px;height:auto;padding:17px;scroll-snap-align:start;gap:2px}
 .store-body .store-main[data-section=home] .home-mini-ad strong{font-size:19px;max-width:15ch;line-height:1.18}
 .store-body .store-main[data-section=home] .home-mini-ad small{font-size:8px;max-width:21ch;margin-bottom:7px}
 .store-body .store-main[data-section=home] .home-mini-ad .depth-tile-scene{height:90px;width:87px}
 .store-body .store-main[data-section=home] .home-mini-ad>div>span{font-size:9px;margin-top:9px}
 .store-body .store-main[data-section=home] .subscription-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 .store-body .store-main[data-section=home] .subscription-tiles>button{min-width:0;padding:11px 3px;gap:8px;border-radius:12px}
 .store-body .store-main[data-section=home] .subscription-tiles strong{font-size:9px;line-height:1.4;overflow-wrap:anywhere}
 .store-body .store-main[data-section=home] .subscription-tiles .catalog-visual{height:30px;width:30px}
 .store-body .store-main[data-section=home] .console-stage h2{font-size:32px;letter-spacing:-1.2px;max-width:13ch;margin:12px 0}
 .store-body .store-main[data-section=home] .console-gallery-stage .console-stage-copy{padding:24px 20px 0}
 .store-body .store-main[data-section=home] .console-device-stack{padding:22px 14px;gap:8px}
 .store-body .store-main[data-section=home] .console-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .store-body .store-main[data-section=home] .console-entry{padding:14px 10px;gap:8px;align-items:flex-start}
 .store-body .store-main[data-section=home] .console-entry strong{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 .store-body .store-main[data-section=home] .console-entry small{font-size:9px;line-height:1.6}
 .store-body .store-main[data-section=home] .console-nav-icon{height:28px;width:28px;flex:0 0 28px;border-radius:8px}
 .store-body .store-main[data-section=home] .console-nav-arrow{display:none}
 .store-body .store-main[data-section=home] .console-platforms{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-block:12px;gap:12px}
 .store-body .store-main[data-section=home] .console-platforms>button{flex:none;white-space:nowrap}
 .store-body .store-main[data-section=home] .console-platforms .catalog-visual{height:23px;width:23px}
 .store-body .store-main[data-section=home] .home-rail .physical-game-card .product-photo,.store-body .store-main[data-section=home] .home-rail .console-accessory-card .product-photo{height:160px}
 .store-body .store-main[data-section=home] .home-small-campaigns .campaign-pair{margin:0;gap:10px}
 .store-body .store-main[data-section=home] .home-small-campaigns .campaign{height:135px;min-height:135px}
 .store-body .store-main[data-section=home] .home-gift-section>.home-section{margin-top:16px}
 .store-body .store-main[data-section=home] .home-gift-section .gift-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
 .store-body .store-main[data-section=home] .gift-grid .catalog-game>.catalog-visual.game-brand{height:34px;width:34px;--mark-height:34px}
 .store-body .store-main[data-section=home] .gift-grid .catalog-game{gap:7px;padding:0;min-width:0}
 .store-body .store-main[data-section=home] .gift-grid strong{font-size:9px;line-height:1.35;min-height:25px;margin:0;overflow-wrap:anywhere}
 .store-body .store-main[data-section=home] .digital-grid{grid-template-columns:1fr;gap:9px}
 .store-body .store-main[data-section=home] .digital-card{min-height:76px;padding:14px 16px}
 .store-body .store-main[data-section=home] .digital-card>strong{font-size:14px}
 .store-body .store-main[data-section=home] .universe-directory{padding:22px 15px;border-radius:19px}
 html[dir=rtl] .store-body .mobile-categories-all>.ico{transform:scaleX(-1)}
 html[dir=rtl] .store-body .store-main[data-section=home] .console-gallery-stage .console-stage-copy{padding:24px 20px 0}
}
@media(max-width:360px){
 .store-body .store-header{gap:10px 5px;grid-template-columns:minmax(0,1fr) auto 36px 36px}
 .store-body .store-header .header-seller-story{padding:7px;font-size:9px;max-width:60px;min-height:36px}
 .store-body .store-header .member-link,.store-body .store-header>.store-cart{height:36px;width:36px;border-radius:10px}
 .store-body .store-header .brand-mark{height:29px;width:29px;flex-basis:29px}
 .store-body .store-header .store-brand{gap:6px}
 .store-body .store-main[data-section=home] .category-tiles{grid-auto-columns:minmax(70px,1fr);gap:8px}
 .store-body .store-main[data-section=home] .home-rail>.product-card{flex-basis:76%}
 .store-body .store-main[data-section=home] .home-rail .product-bottom strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.store-body .store-main[data-section=home] :is(.category-tiles,.catalog-game-grid,.home-rail,.home-mini-ads){scroll-behavior:auto;scroll-snap-type:none}}
@media(max-width:760px){
 .store-body .store-main[data-section=home]>*{min-width:0;max-width:100%}
 .store-body .store-main[data-section=home] :is(.category-tiles,.catalog-game-grid,.home-mini-ads){width:100%;min-width:0;max-width:100%;box-sizing:border-box}
}

@media(max-width:760px){
 .store-body .store-main[data-section=home] :is(.catalog-categories,.popular-games-section)>.store-section-heading>button{min-height:32px}
 .store-body .store-header:has(.header-seller-story){grid-template-columns:minmax(0,1fr) auto 44px 44px}
 .store-body .store-header:has(.header-seller-story)>.store-cart{width:44px;height:40px}
 .store-body .store-header:has(.header-seller-story) .member-link{width:44px;height:40px}
}
@media(max-width:360px){.store-body .store-header:has(.header-seller-story){grid-template-columns:minmax(0,1fr) auto 38px 38px}.store-body .store-header:has(.header-seller-story)>.store-cart,.store-body .store-header:has(.header-seller-story) .member-link{width:38px;height:38px}}
@media(max-width:760px){
 .store-body .store-main[data-section=home] .home-campaigns .campaign-copy .store-btn{margin-top:0}
 .store-body .store-main[data-section=home] .home-campaigns .flat-campaign .campaign-copy>p{font-size:11px;line-height:1.55}
 .store-body .store-main[data-section=home] .home-campaigns .store-hero.campaign{padding-bottom:43px}
 .store-body:has(.store-main[data-section=home]) .payment-strip{padding-block:18px}
 .store-body:has(.store-main[data-section=home]) .payment-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
 .store-body:has(.store-main[data-section=home]) .payment-track{display:flex;flex-wrap:nowrap;width:max-content;animation:payment-flow-right 100s linear infinite}
 .store-body:has(.store-main[data-section=home]) .payment-track>div{display:flex;width:max-content;min-width:0;flex:none;flex-wrap:nowrap;gap:10px;padding-inline:0 10px}
 .store-body:has(.store-main[data-section=home]) .payment-track>div>.payment-brand{min-width:100px;width:100px;height:38px;font-size:12px}
 .store-body:has(.store-main[data-section=home]) .payment-track .payment-brand svg{max-width:76px;max-height:24px}
 .store-body:has(.store-main[data-section=home]) .payment-viewport:active .payment-track{animation-play-state:paused}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 .store-body:has(.store-main[data-section=home]) .payment-viewport{overflow-x:auto;scrollbar-width:none;mask-image:none}
 .store-body:has(.store-main[data-section=home]) .payment-track{animation:none}
 .store-body:has(.store-main[data-section=home]) .payment-track>div[aria-hidden=true]{display:none}
}
