/* V11 — visual system rebuild */
:root{--navy:#09182e;--deep:#050e1e;--gold:#f5bc2e;--ink:#182538;--muted:#687588;--bg:#f4f6f9}
html,body{max-width:100%;overflow-x:clip}body{background:var(--bg);font-family:Arial,Helvetica,sans-serif;line-height:1.45} .wrap{width:min(1200px,calc(100% - 44px))}
.topline{height:34px;background:#07101f;color:#e9eef6;letter-spacing:.6px;font-size:10px;font-weight:700;gap:15px}
.topline span{color:var(--gold)}header{background:#0b1d35;box-shadow:none;position:relative;top:auto;border-bottom:1px solid #ffffff12}
.head{height:86px;gap:22px}.brand-wordmark{width:175px;min-width:175px;flex-shrink:0;white-space:nowrap}.brand-wordmark span{font-size:32px;letter-spacing:-1.5px;color:#fff}.brand-wordmark small{font-size:10px;letter-spacing:3.5px;color:var(--gold)}
.search{border-radius:9px;height:48px;box-shadow:0 2px 8px #0000000a}.search input{font-size:14px}.search button{background:var(--gold);font-size:26px}
.headbtn{font-size:21px}.headbtn span{font-size:12px}.cartbtn{font-size:22px}nav{background:#102842;border-bottom:3px solid var(--gold)}.nav{height:49px;gap:24px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav a{font-size:12px;flex:none}.nav a:first-child{color:#fff}.nav a:hover{color:var(--gold)}
main{min-height:45vh}.campaign-slider,.home-page .campaign-slider{margin:26px 0 22px;border-radius:14px;box-shadow:none;background:#071a34}.campaign-viewport,.home-page .campaign-viewport{aspect-ratio:3.4/1;min-height:0}.campaign-slide img{object-fit:cover;background:#071a34}.campaign-arrow{width:36px;height:36px;background:#071b36cc;border:0}.campaign-dots{bottom:10px}
.benefits,.home-page .benefits{margin:0 0 42px;background:#fff;border:1px solid #e7ebf0;border-radius:12px;box-shadow:none}.benefits>div{padding:17px 12px;grid-template-columns:30px 1fr}.benefits span{font-size:22px}.benefits b{font-size:12px}.benefits small{font-size:10px}
.departments{margin-bottom:42px}.section-head{margin-bottom:19px;align-items:center}.section-head h2,.about h2,.contact h2{font-size:clamp(23px,2.5vw,31px);font-weight:800;letter-spacing:-.8px}.section-head p{margin:5px 0 0}.overline{letter-spacing:1.2px;color:#9a7100}.deptgrid{gap:10px}.dept{border:1px solid #e2e8f0;border-radius:12px;padding:19px 9px;box-shadow:none}.dept .symbol{font-size:27px;margin-bottom:8px}.dept:hover{transform:translateY(-2px)}
.catalog{margin-bottom:36px}.catalog-controls select{border-radius:9px}.filters{gap:7px}.filter{border-radius:9px;padding:9px 14px}.products,.home-page .products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product{min-width:0;display:flex;flex-direction:column;border:1px solid #e3e8ef;border-radius:12px;box-shadow:none;overflow:hidden}.product:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0c20350d}.product-img{width:100%;height:auto;aspect-ratio:1/1;min-height:0;padding:16px;background:#fff;overflow:hidden;display:grid;place-items:center}.product-img img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;transform:none!important}.product-body{display:flex;flex-direction:column;flex:1;padding:14px}.product-body h3{font-size:14px;line-height:1.4;min-height:40px;max-height:60px;overflow:hidden;margin:7px 0}.product-body p{font-size:11px;line-height:1.5;max-height:49px;overflow:hidden;margin:0 0 12px;color:#748095}.product-body .price{margin-top:auto;font-size:21px;font-weight:800;letter-spacing:-.6px;color:#0d2949}.product-body .price small{font-size:10px;font-weight:500;letter-spacing:0;line-height:1.5;color:#7b8795}.product .add{margin-top:12px;width:100%;border-radius:8px;min-height:41px;background:#0e2b4c;color:#fff;font-size:12px}.product .add:hover{background:#194777}.product .fav{background:#fff;box-shadow:0 2px 10px #00000010;border-radius:50%;top:10px;right:10px}.home-all{margin-top:22px}.primary{background:var(--gold);color:#07172b}.home-cta{border-radius:14px;background:#102c4b;padding:26px 30px;margin:30px 0 50px}.home-cta p{color:#d7e1ee}
footer{background:#08172a}.foot{gap:35px}.copyright{line-height:1.5}.page-hero{background:#0d2847;border-radius:14px}.page-content{padding-top:30px}.info-card,.steps article,.company-card,.story-lead,.story-chapter,.story-values,.story-ending{border-radius:13px;box-shadow:none}.story-layout{gap:22px}.drawer{max-width:min(430px,100vw)}.modal{max-width:calc(100vw - 30px)}.wa-float{z-index:30}
.reveal-ready{opacity:1!important;transform:none!important}.brand-marquee,.motion-statement,.scroll-progress{display:none!important}
@media(max-width:1000px){.head{gap:13px}.headbtn span{display:none}.nav{gap:20px}.products,.home-page .products{grid-template-columns:repeat(3,minmax(0,1fr))}.deptgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits>div:nth-child(2){border-right:0}.benefits>div:nth-child(-n+2){border-bottom:1px solid #e7edf4}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.topline{height:28px;font-size:8px;letter-spacing:0;gap:8px}.topline span:nth-of-type(2),.topline span:nth-of-type(2)+*{display:none}header{position:relative}.head{height:auto;min-height:112px;display:grid;grid-template-columns:1fr auto auto auto;grid-template-rows:50px 48px;gap:6px 12px;padding:8px 0 10px}.brand-wordmark{width:auto;min-width:0;grid-column:1;grid-row:1}.brand-wordmark span{font-size:24px}.brand-wordmark small{font-size:8px;letter-spacing:2.5px}.headbtn,.cartbtn{justify-content:center;min-width:30px;padding:0}.headbtn span{display:none}.search{grid-column:1/-1;grid-row:2;height:45px}.search input{font-size:13px}.nav{height:43px;gap:19px}.nav a{font-size:11px}.nav-whats{margin-left:0}.campaign-slider,.home-page .campaign-slider{margin:13px 0 14px;border-radius:9px}.campaign-viewport,.home-page .campaign-viewport{aspect-ratio:2.25/1}.campaign-slide img{object-fit:contain}.campaign-arrow{width:26px;height:26px;font-size:21px}.campaign-arrow.prev{left:5px}.campaign-arrow.next{right:5px}.campaign-dots{bottom:5px}.campaign-dots button{width:6px;height:6px}.campaign-dots button.active{width:18px}.benefits,.home-page .benefits{margin-bottom:28px}.benefits>div{padding:12px 8px;grid-template-columns:25px 1fr}.benefits span{font-size:18px}.benefits b{font-size:10px}.benefits small{font-size:9px}.section-head{gap:8px;flex-wrap:wrap}.section-head h2{font-size:22px}.section-head>a{font-size:11px}.deptgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dept{padding:13px 5px}.dept .symbol{font-size:23px;margin-bottom:5px}.dept b{font-size:10px}.products,.home-page .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-img{aspect-ratio:1/1;padding:9px}.product-body{padding:10px}.product-body h3{font-size:12px;min-height:34px;max-height:52px}.product-body p{display:none}.product-body .price{font-size:16px}.product-body .price small{font-size:9px}.product .add{min-height:38px;font-size:10px;padding:8px 5px}.home-cta{padding:20px;gap:10px}.page-hero{padding:27px 18px}.page-content{padding:20px 0 35px}.foot{gap:20px}.wa-float{right:13px;bottom:14px;width:52px;height:52px}}
@media(max-width:380px){.products,.home-page .products{gap:7px}.product-body .price{font-size:14px}.head{gap:5px 9px}.brand-wordmark span{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
