main .hero-showcase .hero-static{padding:20px;background:transparent;align-self:center;height:auto;}
main .hero-showcase .hero-static img{display:block;width:100%;height:auto;border-radius:12px;}
/* Clean Split hero + Editorial navigation. */
body .topline{display:none;}
body > header{min-height:76px;}
body > header .brand{white-space:nowrap;flex-shrink:0;}
.editorial-nav{display:flex;align-items:center;gap:22px;border-left:1px solid #e5e7eb;padding-left:24px;}
.editorial-nav a{font-size:12px;white-space:nowrap;padding:12px 0;}
.editorial-nav a:hover{text-decoration:underline;text-underline-offset:5px;}
body > header #searchForm{max-width:260px;margin-left:auto;}
body > header #search{font-size:12px;}
body > header .header-actions #openCart,body > header .header-actions .header-login{border:0;border-radius:0;background:transparent;font-weight:500;}
body > header .header-actions .header-login{border-left:1px solid #e5e7eb;}
main .hero.hero-showcase{grid-template-columns:1fr 1.05fr;border:0;border-radius:0;background:linear-gradient(130deg,#fff 20%,#f0f2f5 70%,#e8ebef);}
main .hero.hero-showcase .hero-copy{padding:44px 0 28px 32px;}
main .hero.hero-showcase h1{font-size:clamp(34px,4.4vw,66px);font-weight:800;letter-spacing:-2.7px;}
main .hero.hero-showcase .hero-copy p{font-size:16px;color:#596068;}
main .hero.hero-showcase .primary{border-radius:28px;padding:15px 26px;min-width:160px;}
main .hero.hero-showcase .hero-static{padding:0;align-self:stretch;display:flex;min-width:0;}
main .hero.hero-showcase .hero-static img{border-radius:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;}
main .hero.hero-showcase .hero-brands{background:white;padding:24px 20px;font-size:16px;}
@media(max-width:1100px){body > header{flex-wrap:wrap;}.editorial-nav{order:3;flex-basis:100%;justify-content:center;border:0;padding:0;}}
@media(max-width:680px){body > header #searchForm{order:2;max-width:none;margin:0;}.editorial-nav{gap:22px;}main .hero.hero-showcase{grid-template-columns:1fr;}main .hero.hero-showcase .hero-copy{padding:28px 22px 16px;}main .hero.hero-showcase h1{font-size:39px;letter-spacing:-1.8px;}main .hero.hero-showcase .hero-copy p{font-size:14px;}main .hero.hero-showcase .hero-static{height:auto;}main .hero.hero-showcase .hero-static img{height:auto;}main .hero.hero-showcase .hero-brands{font-size:11px;padding:20px 14px;}}
/* Compact storefront header; retain comfortable control targets. */
body > header{padding:10px 5vw;gap:28px;}
body > header .brand{font-size:22px;gap:8px;}
body > header .brand img{width:36px;height:36px;}
body > header #search{padding:10px 16px;}
body > header #searchForm{min-height:40px;}
body > header #openCart,body > header .header-login{padding:9px 14px;min-height:40px;}
@media(max-width:680px){body > header{padding:8px 5vw;gap:10px;}body > header .header-actions{margin-left:auto;}body > header #openCart,body > header .header-login{padding:9px 11px;}}
/* Storefront-only theme; billing/admin styles are unchanged. */
:root { --yellow:#2563eb; --line:#e2e8f0; }
body { background:#f8fafc; }
.brand img { border-radius:50%; object-fit:contain; }
.topline { background:#12356b; }
.hero { background:#edf4ff; }
.hero-art { background:radial-gradient(ellipse at center,#dbeafe 0,transparent 66%); }
h1 > span,.eyebrow,.product-category { color:#2563eb; }
.eyebrow > span { background:#2563eb; }
.hero-tags,.hero p { color:#526780; }
.primary,#categories button.active { background:#1d4ed8; color:white; }
#searchForm { background:#f1f5fb; border-color:#dbe4f0; }
#searchForm button,#openCart,.detail-cart-controls .cart-primary,.order-cart .cart-primary { background:#2563eb; color:white; border-color:#2563eb; }
.bottom-banner { background:#dbeafe; }
.service-strip b { color:#7494bf; }
.gallery-thumbs button[aria-pressed=true] { border-color:#2563eb; }
.variant-options button[aria-pressed=true] { border-color:#2563eb; background:#eff6ff; }
.search-suggestion:hover,.search-suggestion[aria-selected=true] { background:#eff6ff; }
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible { outline-color:#2563eb; }
input[type=checkbox] { accent-color:#2563eb; }
#catalogPagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin-top:24px; font-size:13px; }
#catalogPagination button { padding:10px 16px; background:white; color:#182128; border:1px solid #d1d5db; border-radius:6px; min-height:44px; }
#catalogPagination button:disabled { opacity:.4; cursor:default; }
.results-bar { flex-wrap:wrap; align-items:center; gap:12px; }
.header-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.header-login { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:12px 16px; border:1px solid #9ca3af; border-radius:7px; background:white; color:#182128; font-size:13px; font-weight:700; }
.hero h1 { min-height:2.14em; }
.hero h1 > span { color:inherit; }
#heroMotionToggle { margin-top:12px; padding:5px 8px; border:1px solid #d1d5db; border-radius:5px; background:white; color:#4b5563; font-size:11px; }

/* Plain white theme, retaining the supplied blue brand artwork. */
:root { --yellow:#fff; --line:#e5e7eb; }
body,.topline,.hero,.hero-art,.bottom-banner,#searchForm { background:#fff; color:#182128; }
.topline,.hero,.bottom-banner { border:1px solid #e5e7eb; }
.primary,#categories button.active,#searchForm button,#openCart,
.detail-cart-controls .cart-primary,.order-cart .cart-primary {
  background:#fff; color:#182128; border:1px solid #9ca3af;
}
#categories button.active,.variant-options button[aria-pressed=true] { box-shadow:inset 0 0 0 1px #374151; }
h1 > span,.eyebrow,.product-category,.hero-tags,.hero p,.service-strip b { color:#4b5563; }
.eyebrow > span { background:#6b7280; }
.gallery-thumbs button[aria-pressed=true],.variant-options button[aria-pressed=true] { border-color:#374151; background:#fff; }
.search-suggestion:hover,.search-suggestion[aria-selected=true] { background:#f3f4f6; }
/* Reference-inspired monochrome product showcase. */
main .hero-showcase{position:relative;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#fff 0%,#f5f8fb 40%,#e9edf2 40%,#f8fafc 53%,#edf0f4 53%,#fff 100%);border-radius:10px;isolation:isolate;}
main .hero-showcase .hero-copy{padding:32px 0 22px 42px;}
.hero-brand{display:flex;gap:8px;align-items:center;margin-bottom:22px;font-size:22px;font-weight:800;line-height:1;letter-spacing:-.8px;}
.hero-brand img{object-fit:contain;border-radius:50%;}.hero-brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:5px;}
main .hero-showcase .eyebrow{font-size:8px;letter-spacing:1.6px;}
main .hero-showcase h1{font-size:clamp(32px,3.7vw,58px);color:#0c1419;letter-spacing:-2px;margin:12px 0;}
main .hero-showcase p{color:#26323b;font-size:12px;}
main .hero-showcase .primary{background:#0c171d;color:white;border:0;border-radius:9px;min-width:135px;margin-top:8px;}
main .hero-showcase #heroMotionToggle{display:block;background:transparent;border:0;padding:3px 0;font-size:10px;margin-top:10px;}
main .hero-showcase .hero-featured{padding:0 22px;overflow:visible;min-height:330px;background:transparent;}
main .hero-showcase .hero-featured-label{position:absolute;right:34px;top:24px;white-space:pre-line;font-family:cursive;font-style:italic;font-size:clamp(22px,2.5vw,36px);letter-spacing:-1px;line-height:1.05;color:#182128;transform:rotate(-9deg);z-index:3;}
main .hero-showcase .hero-picks{position:relative;display:block;height:300px;}
main .hero-showcase .hero-pick{position:absolute;display:block;padding:0;border:0;background:transparent;border-radius:12px;width:64%;height:190px;left:3%;top:23px;transition:transform .2s;}
main .hero-showcase .hero-pick:nth-child(2){width:57%;height:160px;left:42%;top:92px;}
main .hero-showcase .hero-pick:nth-child(3){width:76%;height:150px;left:4%;top:172px;}
main .hero-showcase .hero-pick-art{height:100%;background:transparent;overflow:visible;mix-blend-mode:multiply;}
main .hero-showcase .hero-pick-art img,main .hero-showcase .hero-pick-art svg{object-fit:contain;filter:none;}
main .hero-showcase .hero-pick-copy{position:absolute;left:5%;bottom:0;width:90%;padding:7px;background:#fffffff2;border:1px solid #dce1e5;border-radius:5px;opacity:0;pointer-events:none;z-index:5;}
main .hero-showcase .hero-pick:hover,main .hero-showcase .hero-pick:focus-visible{transform:translateY(-4px);z-index:4;}
main .hero-showcase .hero-pick:hover .hero-pick-copy,main .hero-showcase .hero-pick:focus-visible .hero-pick-copy{opacity:1;}
.hero-benefits{grid-column:1/-1;display:flex;gap:32px;padding:10px 42px 22px;}.hero-benefits>span{display:flex;gap:10px;align-items:center;font-size:24px;}.hero-benefits strong{font-size:10px;font-weight:600;}.hero-benefits small{display:block;font-size:9px;font-weight:400;margin-top:4px;}
.hero-brands{grid-column:1/-1;display:flex;justify-content:space-evenly;gap:16px;padding:17px 30px;background:#ffffff65;border-top:1px solid #e6e9ed;font-size:12px;font-weight:700;}.hero-brands span:first-child{font-weight:500;font-style:italic;}
@media(max-width:680px){main .hero-showcase{grid-template-columns:1fr;}main .hero-showcase .hero-copy{padding:25px 25px 0;}main .hero-showcase h1{font-size:40px;}main .hero-showcase .hero-featured{min-height:290px;padding:0 20px;}main .hero-showcase .hero-picks{height:280px;}main .hero-showcase .hero-featured-label{top:4px;font-size:26px;}main .hero-showcase .hero-pick{height:170px;top:0;}main .hero-showcase .hero-pick:nth-child(2){height:140px;top:68px;}main .hero-showcase .hero-pick:nth-child(3){top:140px;height:140px;}.hero-benefits{padding:15px 22px;gap:14px;flex-wrap:wrap;}.hero-benefits>span{font-size:19px;}.hero-brands{flex-wrap:wrap;font-size:10px;gap:15px;padding:16px;}}
/* Compact whole catalog cards; preserve the original image proportions. */
.products{gap:14px;}
.products .product-art img{width:85%;height:85%;inset:7.5%;object-fit:contain;}
.products .product-art svg{width:72%;max-height:136px;}
.products .product-body{padding:13px;}
.products .product h3{margin:7px 0 10px;font-size:12px;line-height:1.4;}
.products .product-description{font-size:11px;margin:6px 0;}
.products .price{font-size:18px;}
.products .card-foot{padding-top:10px;margin-top:10px;}
@media(min-width:1100px){.products{grid-template-columns:repeat(5,minmax(0,1fr));}}
@media(max-width:680px){.products{gap:10px;}.products .product-body{padding:10px;}.products .product h3{font-size:11px;}.products .price{font-size:16px;}}
/* Soft, separated frames keep each rotating product easy to see. */
main .hero-showcase .hero-featured{padding:60px 26px 18px;}
main .hero-showcase .hero-featured-label{top:10px;right:34px;font-size:28px;}
main .hero-showcase .hero-picks{height:270px;}
main .hero-showcase .hero-pick,
main .hero-showcase .hero-pick:nth-child(2),
main .hero-showcase .hero-pick:nth-child(3){width:44%;height:148px;padding:12px;border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(145deg,#ffffffed,#f4f6f9d9);box-shadow:0 12px 32px #34465812,inset 0 1px 0 white;left:2%;top:8px;}
main .hero-showcase .hero-pick:nth-child(2){left:52%;top:45px;}
main .hero-showcase .hero-pick:nth-child(3){left:8%;top:170px;height:115px;}
main .hero-showcase .hero-pick-art{overflow:hidden;border-radius:16px;mix-blend-mode:multiply;}
main .hero-showcase .hero-pick-copy{bottom:5px;}
@media(max-width:680px){main .hero-showcase .hero-featured{padding:60px 20px 22px;min-height:370px;}main .hero-showcase .hero-featured-label{top:8px;right:24px;font-size:25px;}main .hero-showcase .hero-picks{height:285px;}main .hero-showcase .hero-pick,main .hero-showcase .hero-pick:nth-child(2){height:140px;}main .hero-showcase .hero-pick:nth-child(3){height:110px;top:165px;}}