/* UI craft credit: unslop by @heydamir, CC BY 4.0. */
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card .product-footer{flex-wrap:nowrap!important;gap:12px!important;width:100%!important;align-items:center!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card .price-pair{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;flex:1 1 auto!important;min-width:0!important;gap:2px!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card .product-price{display:block!important;font-size:18px!important;line-height:26px!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;word-spacing:normal!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card .product-old-price{font-size:12px!important;line-height:16px!important;white-space:nowrap!important;font-weight:600!important;letter-spacing:0!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card:not(.is-skin) .skin-quick-add{position:static!important;inset:auto!important;flex:0 0 40px!important;display:block!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;align-self:center!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card:not(.is-skin) .skin-quick-add button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;background:var(--primary-soft)!important;color:var(--primary)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card:not(.is-skin) .skin-quick-add button.is-in-cart{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card:not(.is-skin) .product-more{flex:none!important;align-self:center!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card.is-skin .product-name{height:auto!important;min-height:0!important;max-height:36px!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card.is-skin .product-footer{border-top:1px solid var(--border,#dce4ef)!important;padding-top:8px!important;margin-top:2px!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card.is-skin .product-price{font-size:16px!important;line-height:24px!important}
html[data-theme=dark] .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card.is-skin .product-footer{border-top-color:var(--border,#334155)!important}
/* One continuous store section instead of three separate panels. */
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group{display:grid!important;gap:20px!important;margin:0 0 32px!important;padding:24px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:var(--surface)!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group .home-category-section{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group .sf-store-products{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group .sf-store-products .sf-section-head{margin-bottom:16px!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group>.hero-grid{margin:0!important;gap:0!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group .home-steam-details{margin:0!important;box-shadow:none!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group .home-steam-desktop{margin:0!important;box-shadow:none!important}
/* The account heading is itself the profile link. Logout remains a CSRF POST. */
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-menu{width:292px!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-menu>.sf-profile-account{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-height:0!important;margin:0!important;padding:12px 12px 16px!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;color:var(--text)!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-account .sf-profile-menu-name{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;font-size:15px!important;line-height:22px!important;font-weight:700!important;color:var(--text)!important;white-space:normal!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-account .sf-profile-account-caption{font-size:12px!important;line-height:18px!important;font-weight:600!important;color:var(--muted)!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-menu .sf-profile-balance{gap:10px!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-menu .sf-profile-balance-amount{margin-left:auto!important;white-space:nowrap!important;font-size:13px!important;line-height:20px!important;font-weight:700!important;color:var(--primary)!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-logout{margin:8px 0 0!important;padding:8px 0 0!important;border-top:1px solid var(--line)!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-logout button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#dc2626!important;font-size:13px!important;font-weight:650!important;line-height:20px!important;text-align:left!important;cursor:pointer!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-logout button:hover{background:#fef2f2!important}
html[data-theme=dark] .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-logout button{color:#f87171!important}
html[data-theme=dark] .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-profile-logout button:hover{background:#311c24!important}
/* Original supplied bitmap: no regeneration, recoloring or blur. */
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-banner-carousel .home-banner-slide{height:auto!important;align-self:stretch!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-banner-carousel .home-banner-slide.home-banner-intro{padding:0!important;min-height:392px!important;aspect-ratio:2170/725!important;background:#e8f0ff!important;align-items:stretch!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-banner{container-type:inline-size!important;position:relative!important;isolation:isolate!important;width:100%!important;min-height:392px!important;align-self:stretch!important;overflow:hidden!important;background:#e8f0ff!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-art{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:none!important;filter:none!important;transform:none!important;opacity:1!important;pointer-events:none!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy{position:absolute!important;top:calc(50% - 8cqw)!important;left:5%!important;z-index:2!important;width:45.5%!important;max-width:none!important;margin:0!important;padding:0!important;color:#0f172a!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy h2{margin:0!important;font-size:clamp(24px,2.35cqw,38px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important;color:#0f172a!important;text-transform:none!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy p{display:block!important;margin:20px 0 0!important;padding:0!important;font-size:clamp(14px,1.36cqw,22px)!important;line-height:1.45!important;font-weight:600!important;letter-spacing:0!important;color:#283447!important;max-width:none!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta{display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;gap:24px!important;margin-top:28px!important;padding:14px 22px!important;min-height:48px!important;max-width:100%!important;border:0!important;border-radius:14px!important;background:#2563eb!important;color:#fff!important;font-size:clamp(14px,1.3cqw,19px)!important;line-height:20px!important;font-weight:700!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transition:background .16s,transform .16s!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta:hover{background:#1d4ed8!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta:active{transform:translateY(1px)!important}
.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-mobile-brand{display:none!important}
@media(max-width:1100px) and (min-width:701px){.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy{left:5%!important;width:45%!important;top:calc(50% - 8.5cqw)!important}.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy h2{font-size:clamp(22px,2.7cqw,28px)!important}.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy p{margin-top:12px!important;font-size:14px!important}.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta{margin-top:16px!important;min-height:44px!important;padding:10px 16px!important;gap:12px!important;font-size:14px!important}}
@media(max-width:700px){
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group{gap:16px!important;padding:16px!important;border-radius:16px!important;margin-bottom:28px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .home-store-group .sf-store-products .sf-section-head{margin-bottom:12px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card .product-footer{gap:8px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card:not(.is-skin) .product-price{font-size:16px!important;line-height:24px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card:not(.is-skin) .skin-quick-add{flex-basis:32px!important;width:32px!important;height:36px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card:not(.is-skin) .skin-quick-add button{width:32px!important;min-width:32px!important;height:36px!important;min-height:36px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .product-card.is-skin .product-footer{padding-top:8px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-banner-carousel .home-banner-slide{min-height:560px!important;height:560px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-banner-carousel .home-banner-slide.home-banner-intro{min-height:560px!important;height:560px!important;aspect-ratio:auto!important;background:#e8f0ff!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-banner{min-height:560px!important;height:560px!important;background:#e8f0ff!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-art{inset:auto -4% 8px auto!important;width:180%!important;height:auto!important;object-fit:contain!important;object-position:center!important;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000)!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy{inset:24px 24px auto!important;top:24px!important;left:24px!important;right:24px!important;width:auto!important;max-width:none!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-mobile-brand{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:20px!important;color:#0f172a!important;font-size:13px!important;font-weight:800!important;line-height:18px!important;white-space:nowrap!important;letter-spacing:-.3px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-mobile-brand img{display:block!important;position:static!important;width:32px!important;height:32px!important;object-fit:contain!important;max-width:none!important;transform:none!important;filter:none!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-mobile-brand b{color:#2563eb!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy h2{font-size:27px!important;line-height:1.12!important;letter-spacing:-.025em!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy p{margin-top:16px!important;font-size:14px!important;line-height:1.5!important;max-height:none!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta{margin-top:20px!important;padding:12px 16px!important;min-height:44px!important;font-size:14px!important;gap:16px!important;border-radius:12px!important}
 .storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta svg{width:20px!important;height:20px!important}
}
@media(max-width:360px){.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy{inset:20px 20px auto!important;width:auto!important}.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy h2{font-size:24px!important}.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-mobile-brand{font-size:11px!important;gap:6px!important}.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-copy p{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.storefront-v4.storefront-v4.storefront-v4.storefront-v4.storefront-v4 .sf-intro-cta{transition:none!important}}
