.storefront-body{background:#fff;color:#253451;--store-line:#e8edf5;--store-navy:#091c51;--store-blue:#0959f4}
.storefront-body .shell{width:min(1320px,calc(100% - 64px))}
.storefront-topbar{background:var(--store-navy);color:#c6d5fa;font-size:10px;letter-spacing:1.5px}
.storefront-topbar .shell{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:33px}
.storefront-topbar a{color:#fff;letter-spacing:.2px;font-size:11px}
.storefront-topbar a span{margin-left:8px;color:#85c7ff}
.storefront-body .catalog-header{border-color:var(--store-line)}
.storefront-body .header-row{min-height:98px;gap:30px}
.storefront-body .catalog-logo{width:225px}
.storefront-body .header-row nav{gap:28px}
.storefront-body .header-row nav a{font-size:13px;font-weight:600;position:relative;padding-block:15px}
.storefront-body .header-row nav a.active::after{position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--store-blue);content:''}
.storefront-header-search{display:flex;align-items:center;gap:10px;color:#64718c;font-size:12px;padding-left:26px;border-left:1px solid var(--store-line)}
.storefront-body .catalog-main{padding-top:26px;padding-bottom:75px;min-height:60vh}
.storefront-banner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:365px;isolation:isolate;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 81% 10%,#1c4c91 0,transparent 52%),linear-gradient(115deg,#071737 0%,#112e66 60%,#175993 100%);color:#fff}
.storefront-banner::before{position:absolute;inset:0;z-index:-1;content:'';opacity:.12;background-image:linear-gradient(#b6ddff 1px,transparent 1px),linear-gradient(90deg,#b6ddff 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000)}
.storefront-banner-copy{position:relative;z-index:2;padding:44px 0 40px 52px}
.storefront-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;background:#ffffff0b;border:1px solid #ffffff22;border-radius:30px;color:#d3e5ff;font-size:9px;letter-spacing:1.4px;font-weight:600}
.storefront-pill>span{color:#5bc8ff;font-size:13px}
.storefront-banner h1{font-size:clamp(40px,4.5vw,61px);line-height:1.04;letter-spacing:-2.4px;font-weight:750;color:#fff;margin:22px 0 16px}
.storefront-banner h1>span,.storefront-banner-title>span{color:#85c5ff}
.storefront-banner-copy>p:not(.storefront-banner-title){color:#c1cee6;line-height:1.75;font-size:14px;margin-bottom:24px}
.storefront-cta{display:inline-flex;align-items:center;gap:26px;color:#fff;font-size:12px;font-weight:650;padding:11px 0;border-bottom:1px solid #6faaff}
.storefront-cta>span{color:#85c5ff;font-size:18px;line-height:1}
.storefront-banner-art{position:relative;min-width:0}
.storefront-sales-girl{position:absolute;bottom:0;right:34px;width:auto;height:calc(100% - 24px);max-width:110%;object-fit:contain;object-position:right bottom;z-index:1;filter:drop-shadow(0 15px 24px #0002)}
.storefront-orbit{position:absolute;display:block;width:360px;height:360px;border-radius:50%;border:1px solid #75b7ff33;right:25px;bottom:-50px;transform:rotate(-25deg)}
.orbit-two{width:450px;height:450px;right:-20px;bottom:-96px;border-style:dashed;border-color:#75b7ff22}
.storefront-art-caption{position:absolute;top:34px;right:35px;font-size:42px;font-weight:900;line-height:.95;color:#ffffff0d;letter-spacing:-2px;transform:rotate(6deg)}
.storefront-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 50px;padding:0;background:transparent}
.storefront-benefits>div{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;border:1px solid #e1e8f4;border-radius:12px;background:#edf2fa}
.benefit-icon{width:41px;height:41px;display:grid;place-items:center;background:#dce8fc;border-radius:50%;color:var(--store-blue);font-size:22px;font-weight:500}
.storefront-benefits>div:nth-child(2) .benefit-icon{font-size:10px;font-weight:800}
.storefront-benefits p{margin:0;font-size:12px;line-height:1.6}
.storefront-benefits strong{display:block;color:var(--store-navy);font-weight:650}
.storefront-benefits small{display:block;font-size:11px;color:#7c879d}
.storefront-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.storefront-section-heading .eyebrow{font-size:9px;letter-spacing:1.7px}
.storefront-section-heading h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:7px 0 0;font-weight:700}
.storefront-section-heading h2>span{color:var(--store-blue)}
.storefront-count{color:#778299;background:#e5ebf5;border:1px solid #d9e2f0;padding:5px 12px;border-radius:20px;font-size:11px;white-space:nowrap}
.storefront-filters{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#e9eff8;border:1px solid #d7e1f0;border-radius:10px;margin-bottom:26px}
.storefront-search{flex:1;display:flex;align-items:center;gap:10px;color:#8b97ad;min-width:0}
.storefront-search input{border:0!important;background:transparent!important;padding:8px 0!important;font-size:13px;min-width:0}
.storefront-search input::placeholder{color:#8b97ad}
.storefront-search svg{flex-shrink:0}
.storefront-sort{display:flex;align-items:center;gap:10px;border-left:1px solid #dce4f1;padding-left:18px}
.storefront-sort>span{font-size:11px;white-space:nowrap;color:#7c879b}
.storefront-sort select{width:155px;border:0;background:transparent;padding:8px 20px 8px 0;color:#334564;font-size:12px;font-weight:600}
.storefront-filters .btn{padding:10px 18px;font-size:12px;border-radius:7px;gap:20px}
.storefront-filters .btn>span{font-size:16px}
.storefront-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.storefront-product-grid .product-card{border-color:#e8edf4;border-radius:12px;box-shadow:0 3px 10px #0c245003}
.storefront-product-grid .product-photo{aspect-ratio:1;background:linear-gradient(145deg,#f6f8fc,#edf2f9);position:relative;padding:24px;overflow:hidden}
.storefront-product-grid .product-photo>img{transition:transform .35s}
.storefront-product-grid .product-card:hover .product-photo>img{transform:scale(1.06)}
.product-quick-view{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;background:#ffffffeb;border:1px solid #fff;border-radius:6px;padding:9px 12px;font-size:10px;color:var(--store-navy);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.product-card:hover .product-quick-view,.product-card:focus-visible .product-quick-view{opacity:1;transform:none}
.storefront-product-grid .product-card-copy{padding:20px}
.product-card-brand{font-size:8px;font-weight:700;color:#8c98ad;letter-spacing:1.6px}
.storefront-product-grid .product-card h2{font-size:17px;letter-spacing:-.3px;margin:7px 0 9px}
.storefront-product-grid .product-card strong{font-size:16px;color:var(--store-navy)}
.product-card-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf4ff;color:var(--store-blue)}
.storefront-empty{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:32px;border:1px dashed #cfdcef;border-radius:12px;background:linear-gradient(110deg,#e8f0fc,#f0f4fa)}
.empty-store-icon{display:grid;place-items:center;flex:0 0 74px;height:74px;border-radius:20px;background:#d5e4fc;color:#4e7ad3}
.storefront-empty>div{flex:1}
.storefront-empty h3{font-size:21px;letter-spacing:-.5px;color:var(--store-navy);margin:7px 0}
.storefront-empty p{font-size:12px;line-height:1.7;color:#78869d;margin:0;max-width:500px}
.storefront-empty .eyebrow{font-size:8px;letter-spacing:1.4px}
.storefront-empty .btn{font-size:11px;gap:16px}
.storefront-discover{margin-top:55px}
.storefront-section-heading .quiet-link{font-size:11px}
.storefront-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.storefront-service-card{position:relative;display:block;overflow:hidden;height:230px;border-radius:12px;background:#102754;color:#fff;isolation:isolate}
.storefront-service-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;z-index:-2}
.storefront-service-card::before{position:absolute;inset:0;content:'';background:linear-gradient(180deg,#07173633,#0717361a 25%,#071736ed);z-index:-1}
.storefront-service-card:hover>img{transform:scale(1.05)}
.service-number{position:absolute;top:17px;left:18px;font-size:8px;letter-spacing:1.3px;color:#e2eaf6}
.storefront-service-card>div{position:absolute;bottom:19px;left:19px;right:19px}
.storefront-service-card h3{color:white;font-size:19px;letter-spacing:-.5px;margin:0 0 5px}
.storefront-service-card p{color:#c9d5e8;font-size:10px;margin:0;padding-right:20px}
.storefront-service-card>div>span{position:absolute;right:0;bottom:0;font-size:21px;color:#b2d6ff}
.storefront-body .catalog-footer{background:var(--store-navy);color:#a9b9da;border:0;font-size:11px;padding-block:26px}
.storefront-banner-compact{min-height:180px;grid-template-columns:1fr 40%;margin-bottom:36px}
.storefront-banner-compact .storefront-banner-copy{padding:24px 36px}
.storefront-banner-compact .storefront-pill{font-size:8px;padding:4px 10px}
.storefront-banner-title{font-size:28px;letter-spacing:-.8px;line-height:1.15;font-weight:700;color:white;margin:13px 0 5px}
.storefront-banner-compact .storefront-cta{font-size:10px;padding:7px 0}
.storefront-banner-compact .storefront-sales-girl{height:calc(100% - 12px);right:60px}
.storefront-banner-compact .storefront-art-caption{font-size:30px;top:25px}
.storefront-body .breadcrumb{font-size:11px;margin-bottom:28px}
.storefront-body .breadcrumb a{font-size:11px}
.storefront-body .gallery-main{border-color:var(--store-line);background:#f7f9fc}
.storefront-body .detail-price{font-size:32px;letter-spacing:-.6px}
.storefront-body .detail-summary{font-size:16px}
.storefront-body .product-description{font-size:14px;color:#66748d;line-height:1.9}
.storefront-body .product-description h2,.storefront-body .specifications h2{font-size:18px}
@media(min-width:1500px){.storefront-banner{min-height:400px}.storefront-banner-copy{padding-top:48px;padding-bottom:44px}.storefront-banner h1{font-size:64px}.storefront-banner-compact{min-height:190px}}
@media(max-width:1050px){.storefront-body .header-row{gap:24px;min-height:90px}.storefront-header-search{display:none}.storefront-body .header-row nav{gap:18px}.storefront-body .catalog-logo{width:200px}.storefront-banner-copy{padding:35px 0 30px 32px}.storefront-banner{min-height:345px}.storefront-banner h1{font-size:52px}.storefront-sales-girl{right:8px;max-width:120%;height:calc(100% - 24px)}.storefront-pill{font-size:8px;letter-spacing:.8px}.storefront-benefits{gap:10px}.storefront-benefits>div{gap:10px}.storefront-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.storefront-empty{flex-wrap:wrap}.storefront-service-grid{gap:12px}.storefront-service-card{height:210px}.storefront-service-card h3{font-size:17px}.storefront-service-card p{font-size:9px}.storefront-banner-compact{min-height:180px}.storefront-banner-compact .storefront-sales-girl{right:10px}}
@media(max-width:700px){.storefront-body .shell{width:calc(100% - 32px)}.storefront-topbar{font-size:8px;letter-spacing:.7px}.storefront-topbar .shell{min-height:29px}.storefront-topbar a{font-size:9px}.storefront-body .header-row{padding-block:16px;gap:14px;justify-content:center}.storefront-body .catalog-logo{width:185px}.storefront-body .header-row nav{width:100%;justify-content:center;gap:22px}.storefront-body .header-row nav a{font-size:11px;padding-block:8px}.storefront-body .header-row nav a.active::after{bottom:0}.storefront-body .catalog-main{padding-top:16px;padding-bottom:45px}.storefront-banner{grid-template-columns:1.1fr .9fr;min-height:310px;border-radius:12px}.storefront-banner-copy{padding:28px 0 28px 22px}.storefront-banner h1{font-size:42px;letter-spacing:-1.6px;margin-top:18px}.storefront-pill{font-size:6px;letter-spacing:.5px;padding:5px 7px;gap:5px;white-space:nowrap}.storefront-pill>span{font-size:9px}.storefront-banner-copy>p:not(.storefront-banner-title){font-size:11px;max-width:205px;line-height:1.7}.desktop-break{display:none}.storefront-cta{font-size:10px;gap:10px}.storefront-sales-girl{height:calc(100% - 60px);max-width:180%;right:-35px}.storefront-art-caption{font-size:24px;top:25px;right:20px}.storefront-orbit{right:-130px}.orbit-two{right:-170px}.storefront-benefits{margin:16px 0 32px;gap:10px;padding:0}.storefront-benefits>div{gap:8px;flex-direction:column;text-align:center;padding:14px 8px}.benefit-icon{width:30px;height:30px;font-size:17px}.storefront-benefits strong{font-size:9px}.storefront-benefits small{font-size:8px;line-height:1.5}.storefront-benefits>div:nth-child(2) .benefit-icon{font-size:8px}.storefront-section-heading{gap:12px;margin-bottom:18px}.storefront-section-heading h2{font-size:23px;letter-spacing:-.7px}.storefront-section-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.storefront-count{font-size:9px;padding:4px 9px}.storefront-filters{flex-wrap:wrap;padding:10px 12px;gap:10px}.storefront-search{flex-basis:100%;border-bottom:1px solid var(--store-line);padding-bottom:8px}.storefront-search input{font-size:12px}.storefront-sort{border:0;padding-left:0;flex:1;gap:6px}.storefront-sort>span{font-size:9px}.storefront-sort select{font-size:10px;width:135px}.storefront-filters .btn{font-size:10px;padding:8px 10px;gap:7px}.storefront-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.storefront-product-grid .product-photo{padding:16px;background:linear-gradient(145deg,#e1eaf7,#ccdbee);border-bottom:1px solid #c5d4e8}.storefront-product-grid .product-card-copy{padding:13px}.storefront-product-grid .product-card h2{font-size:15px}.storefront-product-grid .product-card strong{font-size:13px}.product-card-arrow{width:25px;height:25px;font-size:14px}.product-quick-view{display:none}.storefront-empty{padding:22px;gap:16px}.empty-store-icon{flex-basis:50px;height:50px;border-radius:12px}.empty-store-icon svg{width:27px}.storefront-empty>div{flex-basis:calc(100% - 70px)}.storefront-empty h3{font-size:17px}.storefront-empty p{font-size:11px}.storefront-empty .eyebrow{font-size:7px;letter-spacing:.8px}.storefront-empty .btn{margin-left:66px;font-size:10px}.storefront-discover{margin-top:36px}.storefront-section-heading .quiet-link{font-size:9px;max-width:85px;text-align:right}.storefront-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.storefront-service-card{height:195px}.storefront-service-card h3{font-size:17px}.storefront-service-card>div{left:15px;right:15px;bottom:17px}.service-number{left:15px;font-size:7px}.storefront-service-card p{font-size:9px}.storefront-banner-compact{min-height:185px;grid-template-columns:1fr 38%;margin-bottom:26px}.storefront-banner-compact .storefront-banner-copy{padding:20px}.storefront-banner-title{font-size:23px;max-width:230px}.storefront-banner-compact .storefront-pill{font-size:6px}.storefront-banner-compact .storefront-sales-girl{height:calc(100% - 20px);right:-26px}.storefront-banner-compact .storefront-art-caption{display:none}.storefront-body .catalog-footer{font-size:10px}}
@media(max-width:390px){.storefront-topbar a{display:none}.storefront-banner h1{font-size:36px}.storefront-banner-copy{padding-left:18px}.storefront-banner-copy>p:not(.storefront-banner-title){font-size:10px;max-width:155px}.storefront-sales-girl{right:-55px;height:calc(100% - 65px)}.storefront-pill{font-size:5px}.storefront-section-heading h2{font-size:21px}.storefront-body .header-row nav{gap:17px}.storefront-banner-compact .storefront-sales-girl{right:-40px}.storefront-banner-title{font-size:20px}}

/* Compact shared branding replaces the promotional banner. */
.storefront-body .catalog-header{position:relative;isolation:isolate;background:radial-gradient(ellipse at 81% 10%,#1c4c91 0,transparent 52%),linear-gradient(115deg,#071737 0%,#112e66 60%,#175993 100%);border-bottom:1px solid #ffffff20;color:#fff}
.storefront-body .catalog-header::before{position:absolute;inset:0;z-index:-1;content:'';opacity:.1;background-image:linear-gradient(#b6ddff 1px,transparent 1px),linear-gradient(90deg,#b6ddff 1px,transparent 1px);background-size:55px 55px;pointer-events:none}
.storefront-body .header-row{min-height:116px;flex-wrap:nowrap;padding-block:8px;justify-content:space-between}
.storefront-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.storefront-logo-panel{display:flex;align-items:center;gap:14px;background:#fff;padding:8px 15px;border-radius:8px;box-shadow:0 4px 20px #0001}
.storefront-body .storefront-logo-panel .catalog-logo{width:210px}
.navbar-sales-girl{width:105px;height:96px;object-fit:contain;object-position:center bottom;flex-shrink:0}
.storefront-body .header-row nav a{color:#e0eaff}
.storefront-body .header-row nav a:hover,.storefront-body .header-row nav a.active{color:#fff}
.storefront-body .header-row nav a.active::after{background:#7bcaff}
@media(max-width:700px){.storefront-body .header-row{flex-wrap:wrap;justify-content:center;gap:4px;padding-top:12px;padding-bottom:14px}.storefront-brand{gap:10px}.storefront-logo-panel{padding:10px 12px}.storefront-body .storefront-logo-panel .catalog-logo{width:180px}.navbar-sales-girl{width:90px;height:82px}.storefront-body .header-row nav{width:100%}}

/* Keep the branding and navigation within the page content column. */
.storefront-body .catalog-header,.storefront-topbar{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.storefront-body .catalog-header{border-radius:0 0 12px 12px;overflow:hidden}
.storefront-body .catalog-header .header-row,.storefront-topbar .shell{width:calc(100% - 32px)}
@media(max-width:950px){.storefront-body .header-row{flex-wrap:wrap;justify-content:center;gap:12px}.storefront-body .header-row nav{justify-content:center}}
@media(max-width:700px){.storefront-body .catalog-header,.storefront-topbar{width:calc(100% - 32px)}.storefront-logo-panel{gap:10px;padding:6px 10px}.storefront-body .storefront-logo-panel .catalog-logo{width:clamp(130px,42vw,180px)}.navbar-sales-girl{width:80px;height:78px}}

.recent-products{margin:32px 0;padding:24px;background:#f4f7fc;border:1px solid #e1e8f4;border-radius:12px}
.recent-products-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.recent-products-heading .eyebrow{font-size:8px;letter-spacing:1.4px}
.recent-products-heading h2{font-size:21px;letter-spacing:-.5px;margin:5px 0 0}
.recent-products-heading>a{font-size:11px;font-weight:600;color:#0755ec;white-space:nowrap}
.recent-products-list{display:flex;flex-direction:column;gap:12px}
.recent-product{display:flex;align-items:center;gap:16px;padding:14px;background:#fff;border:1px solid #e2e9f4;border-radius:9px;transition:border-color .2s,box-shadow .2s}
.recent-product:hover{border-color:#abc6ef;box-shadow:0 4px 14px #0a1d5508}
.recent-product-photo{display:grid;place-items:center;width:82px;height:82px;flex-shrink:0;background:#f3f6fb;border-radius:7px;padding:6px;overflow:hidden;color:#7f9cc6}
.recent-product-photo img{width:100%;height:100%;object-fit:contain}
.recent-product-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.recent-product-copy strong{color:#0a1d55;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.recent-product-copy small{font-size:11px;color:#8793a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-product-copy>span{font-size:13px;color:#0755ec;font-weight:700}
.recent-product-arrow{display:grid;place-items:center;width:27px;height:27px;background:#edf4ff;border-radius:50%;color:#0755ec;flex-shrink:0;font-size:16px}
@media(max-width:700px){.recent-products{padding:18px;margin-block:26px}.recent-product{gap:11px;padding:11px}.recent-product-photo{width:65px;height:65px}.recent-product-copy strong{font-size:12px}.recent-product-copy small{font-size:10px}.recent-product-copy>span{font-size:12px}.recent-products-heading h2{font-size:19px}.recent-product-arrow{width:23px;height:23px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.recent-product{transition:none}}
