/* Shared navigation and a modestly larger featured-card stage. */
body.storefront-ui .pattern-bar{height:3px;background:linear-gradient(90deg,#c9aa50,#f7dfa0 30%,#7f72ce 70%,#d8bc68)}
body.storefront-ui .sa-top{background:linear-gradient(115deg,#121a2e,#1b2540);border-bottom:1px solid #ffffff0c;box-shadow:0 4px 22px #090f1d12}
body.storefront-ui .sa-top__row{width:min(1320px,calc(100% - 40px));min-height:78px;padding:13px 0 11px;gap:24px}
body.storefront-ui .sa-top__row .sa-top__brand{gap:11px}
body.storefront-ui .sa-top__row .sa-top__brand img{width:45px;height:45px;box-shadow:0 0 0 1px #f0d78a60,0 5px 16px #050b1b44}
body.storefront-ui .sa-top__row .sa-top__brand span{font-size:20px;letter-spacing:-.025em}
body.storefront-ui .sa-search{height:48px;max-width:790px;border-radius:14px;box-shadow:0 4px 12px #00000012}
body.storefront-ui .sa-search__cat{border-radius:14px 0 0 14px;background:#f8f9fc;color:#303a51;font-weight:600}
body.storefront-ui .sa-search>button[type=submit]{background:#d6b65e;color:#182039;border-radius:0 14px 14px 0;min-width:52px}
body.storefront-ui .sa-search>button[type=submit]:hover{background:#efcf78}
body.storefront-ui .sa-utils{gap:10px}
body.storefront-ui .sa-utils .sa-login{font-weight:500;color:#e2e7f3}
body.storefront-ui .sa-utils>.sa-cta{border-radius:12px;padding-inline:17px;min-height:40px;font-weight:650}
body.storefront-ui .sa-utils details>summary{border-radius:10px}
body.storefront-ui .sa-sub{width:min(1320px,calc(100% - 40px));min-height:62px;align-items:center;gap:16px;padding:8px 0 12px;overflow:visible;border-top:1px solid #ffffff0a}
.sa-sub__links{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;flex:1}
body.storefront-ui .sa-sub__a{gap:8px;min-height:40px;height:auto;padding:8px 11px;border-radius:11px;font-size:13px;line-height:1.4;font-weight:500;letter-spacing:0;color:#ced5e5!important;transition:background .18s,color .18s}
body.storefront-ui .sa-sub__a>i{font-size:14px;color:#8998b5;width:18px;text-align:center;flex:none}
body.storefront-ui .sa-sub__a--type>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffff08;color:#beb5ff}
body.storefront-ui .sa-sub__a[data-nav-type=entertainment]>i{color:#f6a7c7}
body.storefront-ui .sa-sub__a[data-nav-type=learning]>i{color:#98e1cb}
body.storefront-ui .sa-sub__a[data-nav-type=vpn]>i{color:#a9ccff}
body.storefront-ui .sa-sub__a[data-nav-type=gift-cards]>i{color:#f2d68f}
body.storefront-ui .sa-sub__a:hover{color:#fff!important;background:#ffffff09}
body.storefront-ui .sa-sub__a.is-on{color:#fff!important;background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff12}
body.storefront-ui .sa-sub__a.is-on>i{color:#f0d78a}
body.storefront-ui .sa-sub__plus{margin-left:auto;gap:10px;border-radius:12px;background:linear-gradient(115deg,#dfc16c,#cbaa52);color:#172036!important;padding:12px 16px;min-height:42px;height:auto;font-size:12px;font-weight:650;box-shadow:0 4px 12px #00000012}
body.storefront-ui .sa-sub__plus>i:last-child{font-size:10px;opacity:.65}
.sa-sub__account{display:none}
body.storefront-ui .sa-top :is(a,button,summary,select):focus-visible{outline:2px solid #f0d78a;outline-offset:3px;box-shadow:none}
body.storefront-ui .sa-hero-band{padding:38px 0 54px}
body.storefront-ui .sa-hero-band__in{width:min(1360px,calc(100% - 48px))}
body.storefront-ui .sa-hero-kicker{margin-bottom:22px}
body.storefront-ui .sa-hero-kicker h2{font-size:28px;line-height:1.3}
body.storefront-ui .sa-hot{gap:20px}
@media(min-width:768px) and (max-width:1100px){
 body.storefront-ui .sa-top__row{gap:14px;width:calc(100% - 32px)}
 body.storefront-ui .sa-top__row .sa-top__brand span{font-size:18px}
 body.storefront-ui .sa-utils .sa-login__extra{display:none}
 body.storefront-ui .sa-sub{width:calc(100% - 32px);gap:12px}
 body.storefront-ui .sa-sub__a{padding:7px 9px;font-size:12px}
 body.storefront-ui .sa-sub__a>i{font-size:12px}
 body.storefront-ui .sa-sub__a--type>i{width:23px;height:23px}
 body.storefront-ui .sa-hero-band__in{width:calc(100% - 32px)}
 body.storefront-ui .sa-hot{gap:14px}
}
@media(max-width:767px){
 body.storefront-ui .sa-top__row{width:calc(100% - 32px);min-height:0;padding:9px 0 11px;gap:8px}
 body.storefront-ui .sa-top__row .sa-top__brand{gap:8px}
 body.storefront-ui .sa-top__row .sa-top__brand img{width:34px;height:34px}
 body.storefront-ui .sa-top__row .sa-top__brand span{font-size:17px}
 body.storefront-ui .sa-utils{gap:2px}
 body.storefront-ui .sa-utils .sa-login{padding:0 8px;font-size:12px}
 body.storefront-ui .sa-search{height:44px;border-radius:13px}
 body.storefront-ui .sa-search input,body.storefront-ui .sa-search>button{height:44px}
 body.storefront-ui .sa-search>button[type=submit]{min-width:50px;border-radius:0 13px 13px 0}
 body.storefront-ui .sa-menu-toggle{background:#ffffff07;border:1px solid #ffffff0a;border-radius:11px}
 body.storefront-ui .sa-sub,body.storefront-ui .sa-sub.is-open{width:min(356px,91vw);height:calc(100dvh - var(--sa-header-bottom,122px));max-height:calc(100dvh - var(--sa-header-bottom,122px));align-items:stretch;gap:12px;overflow-x:hidden;overflow-y:auto;padding:16px 14px max(24px,env(safe-area-inset-bottom));border-top:1px solid #ffffff10;background:linear-gradient(150deg,#17223b,#111a2e)}
 .sa-sub__links{display:flex;flex-direction:column;align-items:stretch;flex:none;gap:5px}
 body.storefront-ui .sa-sub__a{min-height:48px;padding:10px 13px;border-radius:12px;font-size:14px;gap:13px;white-space:normal}
 body.storefront-ui .sa-sub__a>i,body.storefront-ui .sa-sub__a--type>i{display:grid;place-items:center;width:30px;height:30px;font-size:16px;border-radius:9px}
 .sa-sub__account{display:flex;flex-direction:column;gap:5px;border-top:1px solid #ffffff12;padding-top:10px}
 body.storefront-ui .sa-sub__plus{margin:3px 0 0;justify-content:center;min-height:48px;padding:12px 15px;font-size:13px}
 body.storefront-ui .sa-hero-band{padding:24px 0 28px}
 body.storefront-ui .sa-hero-band__in{width:calc(100% - 32px)}
 body.storefront-ui .sa-hero-kicker{margin-bottom:18px}
 body.storefront-ui .sa-hero-kicker h2{font-size:23px}
 body.storefront-ui .sa-hot{grid-auto-columns:clamp(224px,74vw,304px);gap:14px}
}
@media(min-width:768px) and (max-width:1100px){
 body.storefront-ui .sa-hot{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(224px,26vw,280px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:3px 0 16px;scrollbar-width:thin;scrollbar-color:#d4b45a transparent}
 body.storefront-ui .sa-hot__tile{scroll-snap-align:start}
}