/* Public Galaxy surfaces. Scoped away from the customer account and Admin. */
.storefront-shell{background:radial-gradient(ellipse at 90% 0%,#0070d113,transparent 36%),#040b10;color:#e9f3f8}
.storefront-shell .wrap{width:min(1280px,calc(100% - 64px))}
.storefront-shell>header{min-height:82px;padding-block:12px;padding-inline:max(32px,calc((100% - 1280px)/2));border-color:#1a3442;background:#050d12;gap:24px}
.storefront-shell>header nav{gap:24px;font-size:.78rem}
.storefront-shell>header nav a{color:#a9bfcb}
.storefront-shell>header nav a:hover{color:#66cbff}
.storefront-shell>header nav a:last-child,.storefront-shell .menu-toggle{border:1px solid #254452;border-radius:8px;padding:10px 16px;background:#07131b}
.storefront-shell .section{padding-block:64px}
.storefront-shell .eyebrow{font-size:.67rem;letter-spacing:.16em;color:#62c9f5;margin-bottom:14px;line-height:1.6}
.storefront-shell h1{font-size:clamp(2.6rem,4.8vw,4.5rem);letter-spacing:-.055em;line-height:1.08;margin-bottom:18px;text-wrap:balance}
.storefront-shell h2{font-size:clamp(1.8rem,3.1vw,2.65rem);line-height:1.15;margin-bottom:18px}
.storefront-shell h3{line-height:1.4}
.storefront-shell h1>span,.storefront-shell h2>span{color:#29b5ff}
.storefront-shell p{line-height:1.7}
.storefront-shell .section-heading{align-items:center;gap:24px;padding-bottom:20px;border-bottom:1px solid #193342}
.storefront-shell .section-heading .eyebrow{margin-bottom:10px}
.storefront-shell .section-heading h2{margin:0}
.storefront-shell .section-heading>.button{flex:0 0 auto}
.storefront-shell .button{border-radius:8px;min-height:44px;padding:11px 16px;border-color:#244b5e;color:#c9e9f6;letter-spacing:.015em;font-size:.78rem;gap:12px;background:#081820}
.storefront-shell .button:hover{border-color:#47bce9;background:#0c2632}
.storefront-shell .button.primary{background:linear-gradient(110deg,#0070d1,#159bdc 52%,#20c794);border-color:#179acb;color:white;box-shadow:0 6px 18px #0070d11c}
.storefront-shell .button.primary:hover{filter:brightness(1.1)}
.storefront-shell :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #63cfff;outline-offset:4px}
.storefront-shell .product-grid{gap:18px}
.storefront-shell .product-card{border:1px solid #1c3b4b;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#0b1d27,#07131b);box-shadow:none}
.storefront-shell .product-card:hover{border-color:#35768f;box-shadow:0 12px 24px #0002;transform:none}
.storefront-shell .product-card .placeholder,.storefront-shell .product-image{height:148px;border-bottom:1px solid #1b3845}
.storefront-shell .product-card .placeholder{background:radial-gradient(ellipse at 80% 20%,#29b5ff14,transparent 55%),linear-gradient(135deg,#0d2735,#07161e 75%);color:#7f9eae}
.storefront-shell .product-card .card-body{padding:20px;gap:0}
.storefront-shell .card-body h3{font-size:1rem;line-height:1.4;letter-spacing:-.015em;margin-bottom:10px}
.storefront-shell .card-body>p{font-size:.82rem;margin-bottom:16px;color:#9cb8c7}
.storefront-shell .card-description{min-height:2.9em}
.storefront-shell .platform-badges{gap:5px;padding-top:6px}
.storefront-shell .badge{font-size:.6rem;padding:4px 6px;border-radius:5px;letter-spacing:.01em}
.storefront-shell .badge.xbox{color:#6fdcaa;border-color:#28d78240;background:#28d7820b}
.storefront-shell .badge.playstation{color:#80d1ff;border-color:#29b5ff40;background:#0070d113}
.storefront-shell .card-price{font-size:1.3rem;margin:18px 0 16px;line-height:1.35;color:#eaf7fc}
.storefront-shell .card-actions .button{min-height:42px;white-space:normal}
.storefront-shell .filter-bar{margin:14px 0 22px;font-size:.78rem}
.storefront-shell .filters{gap:7px}
.storefront-shell .filters button{border:1px solid #23414f;border-radius:7px;background:#07151d;color:#a6c0ce;min-height:40px;padding:9px 14px;font-size:.75rem}
.storefront-shell .filters button[aria-pressed=true]{background:#0d3042;color:#7bd6ff;border-color:#2a7294}
.storefront-shell .service-tools{gap:20px;margin-top:28px;padding:18px;border:1px solid #1c3543;border-radius:12px;background:#07151c}
.storefront-shell .service-actions{gap:10px}
.storefront-shell :is(input,select,textarea){border:1px solid #284958;border-radius:8px;background:#050f16;color:#e6f3f9;padding:12px;min-height:44px;font:inherit;font-size:.875rem;max-width:100%}
.storefront-shell :is(input,textarea)::placeholder{color:#7695a6}
.storefront-shell label{line-height:1.55;font-size:.83rem;color:#bdd1dc}
.storefront-shell :is(input[type=checkbox],input[type=radio]){min-height:0;width:18px;height:18px;flex:none;accent-color:#20a9dd}
.storefront-shell .gallery-section{background:#061018;border-color:#163443}
.storefront-shell .gallery-grid{gap:18px;margin-top:24px}
.storefront-shell .gallery-item{border:1px solid #1f3e4e;border-radius:12px;overflow:hidden;background:#0a1b25}
.storefront-shell .gallery-item:hover{border-color:#3895b7;box-shadow:0 10px 26px #0003}
.storefront-shell .gallery-meta{padding:14px 16px;gap:10px;font-size:.78rem;line-height:1.55}
.storefront-shell .gallery-meta>span{min-width:0;overflow-wrap:anywhere}
.storefront-shell .steps{gap:16px;margin-top:26px}
.storefront-shell .steps article{padding:22px;border:1px solid #1c3a49;border-radius:12px;background:linear-gradient(140deg,#0a1e29,#071319);box-shadow:none}
.storefront-shell .steps article>span{font-size:1.55rem;color:#51c2f1;letter-spacing:-.04em}
.storefront-shell .steps h3{margin:18px 0 10px;font-size:.95rem}
.storefront-shell .steps p{margin:0;font-size:.82rem;color:#a0bbca}
.storefront-shell .faq-section{gap:52px}
.storefront-shell .faq-section details{border:1px solid #1d3947;border-radius:10px;margin-bottom:10px;padding:0 18px;background:#07151d}
.storefront-shell .faq-section summary{padding:19px 26px 19px 0;font-size:.85rem;line-height:1.55}
.storefront-shell .faq-section details p{padding:0 24px 18px 0;margin:0;font-size:.82rem}
.storefront-shell .contact-section{padding:32px;border:1px solid #1f4855;border-radius:14px;background:linear-gradient(110deg,#0a2231,#071b20);gap:36px}
.storefront-shell .contact-section h2{font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:14px}
.storefront-shell .contact-section .contact-links{gap:10px}
.storefront-shell .contact-links>a{border:1px solid #234956;border-radius:9px;padding:13px 16px;background:#07171f;gap:18px;font-size:.8rem;align-items:center}
.storefront-shell footer{gap:18px 28px;margin-top:32px!important;padding-block:32px}
.storefront-shell footer .legal-links{gap:6px 18px}
.storefront-shell footer .legal-links a{color:#9fbdcd;font-size:.74rem;padding:8px 0}
.storefront-shell footer>small{padding-top:20px;border-color:#1c3543;letter-spacing:.09em;line-height:1.7}
.storefront-shell dialog{border:1px solid #2c5263;border-radius:16px;padding:28px;background:#07151e;box-shadow:0 28px 90px #0009;max-height:90dvh}
.storefront-shell .close-dialog{border-radius:9px;background:#0a202c;border-color:#315364;font-size:1rem}
.storefront-shell dialog h2{font-size:1.8rem;margin-top:8px;line-height:1.25}
.storefront-shell dialog h3{font-size:1rem;margin:22px 0 10px}
.storefront-shell dialog p{font-size:.875rem;color:#abc1ce}
.storefront-shell .service-info-panel{background:#081822;border-color:#2a4e60;border-radius:14px}
.storefront-shell .service-info-panel-header,.storefront-shell .service-info-panel-body{padding:20px}
.storefront-shell .service-info-panel-body p{font-size:.85rem;line-height:1.75}
.storefront-shell .legal{max-width:850px;line-height:1.75}
.storefront-shell .policy-page h2{font-size:1.35rem;margin:34px 0 14px}
.storefront-shell .policy-page p,.storefront-shell .policy-page li{font-size:.9rem;color:#b4c9d5;line-height:1.8}
.storefront-shell .policy-page ul{padding-left:24px}
.storefront-shell[data-page=home] .hero,.storefront-shell[data-page=home] .hero-copy{min-height:600px}
.storefront-shell[data-page=home] .hero-copy{padding-block:62px 48px}
.storefront-shell[data-page=home] #hero-title{font-size:clamp(4.3rem,7vw,6.75rem);line-height:.94}
.storefront-shell[data-page=home] .hero-platforms{width:min(490px,100%);border-radius:10px;box-shadow:none}
.storefront-shell[data-page=home] .platform-card{min-height:64px}
.storefront-shell[data-page=home] .benefits{gap:12px;padding-block:14px}
.storefront-shell[data-page=home] .benefits>div{min-height:92px;padding:18px 14px 18px 56px!important;border-radius:10px!important;box-shadow:none}
.storefront-shell[data-page=home] .benefits>div::before{left:14px;width:30px;height:30px;border-radius:8px}
.storefront-shell[data-page=home] .benefits span{font-size:.6rem;margin-bottom:7px}
.storefront-shell[data-page=home] .benefits strong{font-size:.82rem}
.storefront-shell[data-page=home] .benefits small{font-size:.7rem;margin-top:5px}
.storefront-shell .reviews-section{padding-block:56px}
.storefront-shell .reviews-header h2{margin-bottom:12px}
.storefront-shell .reviews-empty{border:1px solid #1c3b4b;border-radius:12px;background:#081a24;padding:24px;color:#a6c1d0;font-size:.85rem}
@media(max-width:1100px){
 .storefront-shell>header{flex-wrap:wrap}
 .storefront-shell .service-tools{align-items:stretch}
 .storefront-shell .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .storefront-shell[data-page=home] .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .storefront-shell .wrap{width:calc(100% - 40px)}
 .storefront-shell>header{min-height:74px;padding:12px 20px}
 .storefront-shell .section{padding-block:44px}
 .storefront-shell .section-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px}
 .storefront-shell .section-heading>.button{font-size:.72rem;min-height:40px}
 .storefront-shell .product-grid{gap:14px}
 .storefront-shell .faq-section{gap:24px}
 .storefront-shell .contact-section{padding:26px;gap:24px}
 .storefront-shell[data-page=home] .hero,.storefront-shell[data-page=home] .hero-copy{min-height:530px}
 .storefront-shell[data-page=home] .hero-copy{width:100%;max-width:580px;padding:48px 0}
 .storefront-shell[data-page=home] #hero-title{font-size:clamp(3.35rem,10.5vw,5.4rem);max-width:560px}
 .storefront-shell[data-page=home] .hero-copy .eyebrow{font-size:.6rem;padding:7px 10px;letter-spacing:.12em}
 .storefront-shell[data-page=home] .hero-panel::before{background:linear-gradient(90deg,#02070bee,#02070b82),linear-gradient(0deg,#02070b99,transparent)}
}
@media(max-width:520px){
 .storefront-shell .wrap{width:calc(100% - 32px)}
 .storefront-shell>header{padding-inline:16px}
 .storefront-shell h1{font-size:2.65rem}
 .storefront-shell h2{font-size:1.9rem}
 .storefront-shell .section{padding-block:36px}
 .storefront-shell .service-tools{padding:14px;gap:14px;margin-top:22px}
 .storefront-shell .service-actions{width:100%;flex-direction:column}
 .storefront-shell .service-actions>*{width:100%}
 .storefront-shell :is(input,select,textarea){font-size:16px}
 .storefront-shell .product-grid{grid-template-columns:1fr;gap:16px}
 .storefront-shell .product-card .placeholder,.storefront-shell .product-image{height:150px}
 .storefront-shell .product-card .card-body{padding:19px}
 .storefront-shell .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .storefront-shell .gallery-meta{padding:12px;font-size:.7rem;flex-direction:column;gap:5px}
 .storefront-shell .gallery-item .gallery-image{height:220px}
 .storefront-shell .steps{grid-template-columns:1fr;gap:12px}
 .storefront-shell .steps article{padding:19px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px 14px}
 .storefront-shell .steps article>span{grid-row:1 / span 2;font-size:1.25rem}
 .storefront-shell .steps h3{margin:0}
 .storefront-shell .steps p{grid-column:2;font-size:.8rem}
 .storefront-shell .contact-section{padding:22px;border-radius:12px}
 .storefront-shell footer{display:grid;gap:18px;margin-top:26px!important}
 .storefront-shell .legal-links{margin:0;width:100%}
 .storefront-shell dialog{padding:20px;width:calc(100% - 24px);border-radius:12px}
 .storefront-shell dialog h2{font-size:1.5rem}
 .storefront-shell[data-page=home] .hero,.storefront-shell[data-page=home] .hero-copy{min-height:510px}
 .storefront-shell[data-page=home] .hero-copy{padding:38px 0}
 .storefront-shell[data-page=home] .actions{margin-top:23px}
 .storefront-shell[data-page=home] .actions .button{min-height:46px;padding:11px;font-size:.7rem;border-radius:8px}
 .storefront-shell[data-page=home] .hero-sub{font-size:.98rem;margin-bottom:9px}
 .storefront-shell[data-page=home] .hero-platforms{margin-top:17px}
 .storefront-shell[data-page=home] .platform-card{min-height:60px;padding:12px 10px;gap:9px}
 .storefront-shell[data-page=home] .platform-card strong{font-size:.79rem}
 .storefront-shell[data-page=home] .platform-card small{font-size:.59rem}
 .storefront-shell[data-page=home] .benefits{gap:10px}
 .storefront-shell[data-page=home] .benefits>div{padding:15px!important;min-height:118px}
 .storefront-shell[data-page=home] .benefits>div::before{display:none}
 .storefront-shell[data-page=home] .benefits span{font-size:.58rem}
 .storefront-shell[data-page=home] .benefits strong{font-size:.77rem}
 .storefront-shell[data-page=home] .benefits small{font-size:.67rem;line-height:1.55}
}
@media(prefers-reduced-motion:reduce){.storefront-shell :is(a,button){transition:none}}

.storefront-shell .access-panel,.storefront-shell .setup-card{background:linear-gradient(140deg,#0a1e29,#07141b);border:1px solid #224251;border-radius:13px;padding:26px;box-shadow:none}
.storefront-shell .access-panel h2,.storefront-shell .setup-card h2{font-size:1.35rem;margin-bottom:14px;line-height:1.35}
.storefront-shell .access-panel form{gap:18px}
.storefront-shell .access-panel label{font-size:.82rem;display:grid;gap:7px}
.storefront-shell .access-panel input,.storefront-shell .access-panel textarea{border-radius:8px;background:#050f16;border-color:#2a4959;font-size:.875rem}
.storefront-shell .checkout-card{border-radius:14px;box-shadow:none;border-color:#234959}
.storefront-shell .checkout-section,.storefront-shell .checkout-side>section,.storefront-shell .checkout-side>fieldset{border-color:#203e4c;background:#07161f}
.storefront-shell .review-card{border-radius:12px;background:#091b25;border-color:#234250;padding:22px}
.storefront-shell .verified-badge{border-radius:5px;font-size:.7rem;padding:4px 7px}
.storefront-shell .support-message{border-radius:10px;border-color:#29b5ff;background:#0a1d29}
.storefront-shell .support-message.support-team{border-color:#28d782;background:#0a201f}
@media(max-width:520px){.storefront-shell .access-panel,.storefront-shell .setup-card{padding:20px}.storefront-shell .access-panel input,.storefront-shell .access-panel textarea{font-size:16px}}

.storefront-shell .placeholder .category-label{bottom:auto;right:auto;min-height:0;height:auto;border-radius:5px;line-height:1.5;padding:4px 7px}
.storefront-shell .media-caption{font-size:.7rem;color:#7fa1b4;text-align:center;margin:10px 0 18px}

.storefront-shell .review-policy-note{font-size:.8rem;color:#90b0c2;max-width:750px;line-height:1.7;margin-bottom:24px}
.storefront-shell .review-guidance{border-left:2px solid #29b5ff;background:#0a2532;padding:14px;font-size:.84rem;border-radius:6px}

.storefront-shell .mobile-nav{gap:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #224452;background:#06121af5}
.storefront-shell .mobile-nav a,.storefront-shell .mobile-nav a:last-child{min-width:0;min-height:48px;padding:5px 2px;border:0;border-radius:7px;gap:5px;white-space:nowrap;font-size:.65rem;color:#8eb4c9;background:transparent;line-height:1.3}
.storefront-shell .mobile-nav a[aria-current=page]{background:#0e2b3b;color:#73d3ff}
.storefront-shell .mobile-nav .mobile-nav-icon{font-size:1rem;line-height:1.2}

.storefront-shell .account-recommendation{padding:16px;border-radius:10px;border-color:#234957;background:#0a202b}
.storefront-shell .account-recommendation strong{font-size:.85rem;line-height:1.5}
.storefront-shell .account-recommendation p{font-size:.78rem;margin-bottom:12px}
.storefront-shell .account-recommendation-actions .button{font-size:.73rem;min-height:40px;padding:9px 12px}
@media(max-width:700px){
 .storefront-shell .product-detail{gap:22px}
 .storefront-shell .product-detail-media .placeholder,.storefront-shell .product-detail-media .product-image{height:145px;min-height:0}
 .storefront-shell .product-detail-media .media-caption{display:none}
 .storefront-shell .product-detail-main .eyebrow{margin-bottom:9px}
 .storefront-shell .product-lead{font-size:.82rem}
 .storefront-shell .product-choices h3{margin-top:20px}
 .storefront-shell .variant-row{padding:14px;border:1px solid #274856;border-radius:9px;background:#091d28;margin-bottom:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}
 .storefront-shell .variant-row .button{grid-column:1/-1;min-height:42px}
 .storefront-shell .variant-row strong{font-size:.85rem}
 .storefront-shell .variant-row small{font-size:.68rem}
 .storefront-shell .account-recommendation-actions{flex-direction:row}
 .storefront-shell .account-recommendation-actions .button{width:auto;flex:1;min-width:0}
 .storefront-shell .product-detail-aside{padding:18px;border-radius:10px;background:#091d26}
}

@media(max-width:520px){
 .storefront-shell .checkout-summary{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:8px}
 .storefront-shell .checkout-summary>div:first-child{order:1}
 .storefront-shell .checkout-summary>div:last-child{order:2}
 .storefront-shell .checkout-summary>div:nth-child(2){order:3;grid-column:1/-1}
 .storefront-shell .checkout-summary>div:nth-child(3){order:4;grid-column:1/-1}
 .storefront-shell .checkout-summary>div{padding:10px}
 .storefront-shell .checkout-summary strong{font-size:.83rem;line-height:1.45}
 .storefront-shell .checkout-summary #checkout-price{font-size:1.15rem;color:#7cd9ff}
 .storefront-shell .checkout-card{padding:14px}
 .storefront-shell .checkout-section,.storefront-shell .checkout-side>section,.storefront-shell .checkout-side>fieldset{padding:16px}
}

.storefront-shell .product-visual .placeholder .category-label{display:none}
.storefront-shell .gallery-empty{grid-column:1/-1;padding:28px;border:1px solid #224251;border-radius:12px;background:#091b24;color:#a4bdcb;max-width:none;font-size:.85rem;line-height:1.7}
.storefront-shell .review-policy-note{margin-top:8px}

.storefront-shell .policy-list{gap:0;margin-bottom:16px}
.storefront-shell .policy-list label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:9px 0;font-size:.83rem;font-weight:400;line-height:1.55}
.storefront-shell .policy-list label>span{min-width:0;overflow-wrap:normal}
.storefront-shell .policy-list a{color:#a9d8ed;text-decoration:underline;text-decoration-color:#2e657c;text-underline-offset:4px;word-break:normal;overflow-wrap:normal}
.storefront-shell .policy-list input{margin:0;width:18px;height:18px;min-height:0}

.storefront-shell .checkout-payment-section{min-width:0;margin:0;padding:20px;border-color:#254b5e;border-radius:12px;background:#07161f}
.storefront-shell .checkout-payment-section legend{padding:0 7px;font-size:.88rem;color:#dbedf6}
.storefront-shell .checkout-payment-section .payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.storefront-shell .checkout-payment-section .payment-methods label{padding:15px;min-height:70px;font-size:.85rem;flex-wrap:wrap;line-height:1.45}
.storefront-shell .checkout-payment-section .payment-methods label span{width:100%;padding-left:29px}
.storefront-shell .checkout-payment-section .payment-methods label:has(input:checked){border-color:#29b5ff;background:#0c2a3b;box-shadow:none}
@media(max-width:520px){
 .storefront-shell .checkout-payment-section{padding:16px}
 .storefront-shell .checkout-payment-section .payment-methods{grid-template-columns:1fr;gap:10px}
 .storefront-shell .checkout-payment-section .payment-methods label{min-height:68px;padding:13px}
}

/* Header menus float over the page; opening them never changes header height. */
.storefront-shell>header #navigation>.authenticated-orders-link{display:none}
.storefront-shell .customer-header-tools{position:relative;gap:8px;flex:0 0 auto}
.storefront-shell .customer-header-tools details{border:0;margin:0;padding:0;background:transparent;position:relative}
.storefront-shell .customer-header-tools summary{height:42px;min-height:42px;box-sizing:border-box;margin:0;border:1px solid #254452;border-radius:8px;background:#07131b;color:#bde5fa;padding:0 12px;list-style:none;cursor:pointer;font-size:.8rem;line-height:1.3}
.storefront-shell .customer-header-tools summary::-webkit-details-marker{display:none}
.storefront-shell .notification-bell>summary{display:grid;place-items:center;width:42px;min-width:42px;padding:0}
.storefront-shell .notification-bell>summary:after{content:none}
.storefront-shell .notification-bell svg{width:20px;height:20px}
.storefront-shell .notification-count{right:-4px;top:-5px;min-width:17px;height:17px;font:700 10px/17px system-ui;padding:0 4px}
.storefront-shell .account-menu>summary{display:flex;align-items:center;gap:10px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.storefront-shell .account-menu>summary:after{position:static;font-size:.85rem;flex:0 0 auto}
.storefront-shell .account-popover,.storefront-shell .notification-popover{position:absolute;right:0;top:calc(100% + 8px);width:210px;z-index:60;border:1px solid #254452;border-radius:10px;background:#07131b;box-shadow:0 16px 40px #0008;padding:6px;overflow:auto;max-height:min(420px,calc(100dvh - 110px))}
.storefront-shell .account-popover>a,.storefront-shell .account-popover>button{display:block;width:100%;min-height:40px;padding:10px 12px;border:0!important;border-radius:6px!important;background:transparent!important;color:#b6d0df;font:inherit;font-size:.8rem;text-align:left;white-space:nowrap;cursor:pointer}
.storefront-shell .account-popover>a:hover,.storefront-shell .account-popover>button:hover{background:#102b3b!important;color:#6ed4ff}
.storefront-shell .notification-popover{width:310px;padding:8px;max-height:min(380px,calc(100dvh - 110px))}
.storefront-shell .notification-popover-title{display:block;padding:6px 10px 8px;color:#e1f3fc;font-size:.85rem}
.storefront-shell .notification-preview{display:grid!important;gap:4px;padding:10px!important;border:0!important;border-bottom:1px solid #193442!important;border-radius:0!important;background:transparent!important;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.storefront-shell .notification-preview strong{font-size:.8rem;line-height:1.4}
.storefront-shell .notification-preview span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.76rem;line-height:1.5}
.storefront-shell .notification-preview small{font-size:.68rem}
.storefront-shell .notification-popover>.button{display:flex;justify-content:center;margin:8px 0 0;padding:9px 12px;min-height:40px;font-size:.75rem}
@media(max-width:800px){
 .storefront-shell .customer-header-tools{width:100%;justify-content:space-between}
 .storefront-shell .customer-header-tools .account-menu{width:auto}
 .storefront-shell .account-menu>summary{max-width:180px}
 .storefront-shell .notification-popover{left:0;right:auto;width:min(310px,calc(100vw - 44px));position:absolute;top:calc(100% + 8px)}
 .storefront-shell .account-popover{width:min(210px,calc(100vw - 44px))}
}

@media(max-width:1100px){.storefront-shell>header nav{gap:4px}.storefront-shell>header #navigation>a{min-height:40px;padding:10px 12px}.storefront-shell>header #navigation.open{max-height:calc(100dvh - 160px);overflow:auto}}
@media(max-width:800px){.storefront-shell .notification-popover{position:fixed;left:16px;right:16px;top:80px;width:auto;max-height:min(360px,calc(100dvh - 164px))}.storefront-shell .account-popover{position:fixed;right:16px;top:80px;max-height:calc(100dvh - 164px)}}

.storefront-shell .service-game-bar{display:flex;align-items:center;gap:14px;margin:28px 0 12px;padding:14px 16px;border:1px solid #244452;border-radius:10px;background:#07151d}
.storefront-shell .service-filter-label{display:block;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:#84b8d0;flex:0 0 auto}
.storefront-shell .service-category-filter{display:grid;gap:10px;min-width:0}
.storefront-shell .service-platform select{min-height:44px;width:100%;padding:10px 12px;background:#07131b;border:1px solid #254452;border-radius:8px;color:#c2dbe8;font:inherit}
.storefront-shell .service-empty{grid-column:1/-1;border:1px solid #254452;border-radius:10px;padding:24px;color:#a8c2d1;font-size:.9rem}
@media(max-width:800px){.storefront-shell .service-game-bar{margin-top:22px;gap:12px}.storefront-shell .service-actions{width:100%}.storefront-shell .service-actions>label{width:100%}.storefront-shell .service-platform select{font-size:16px}}