:root{
  --navy:#071a3a;--navy2:#0c2852;--blue:#0b66e8;--blue2:#084da8;
  --yellow:#ffd21a;--red:#e21d2e;--green:#16a56a;--text:#101827;--muted:#667085;
  --line:#e5e7eb;--soft:#f6f8fb;--white:#fff;--shadow:0 10px 30px rgba(7,26,58,.08);
  --radius:12px;--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{background:var(--navy);color:#fff;font-size:12px}
.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar span{opacity:.95}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.head-main{display:grid;grid-template-columns:185px 1fr auto;gap:18px;align-items:center;padding:14px 0}.logo{font-weight:900;letter-spacing:-2px;font-size:38px;line-height:.75;color:var(--navy)}.logo small{display:block;font-size:11px;letter-spacing:2px;margin-left:3px;margin-top:8px}
.search{display:flex;border:1px solid #d9dee8;border-radius:9px;height:46px;overflow:hidden}.search select{border:0;border-right:1px solid var(--line);padding:0 14px;background:#fff;color:#263244}.search input{border:0;outline:0;flex:1;padding:0 15px}.search button{width:54px;border:0;background:var(--navy);color:#fff}
.tools{display:flex;gap:18px;align-items:center}.tool{display:flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap}.tool b{display:block;font-size:13px}.tool .ico{font-size:22px}.cart-badge{position:relative}.cart-badge em{position:absolute;top:-8px;right:-8px;background:var(--red);color:#fff;font-style:normal;font-size:10px;min-width:17px;height:17px;border-radius:99px;display:grid;place-items:center}
.nav{border-top:1px solid #f0f1f4}.nav .container{display:flex;align-items:center}.cat-btn{background:var(--navy);color:#fff;padding:14px 20px;font-weight:800;border:0}.navlinks{display:flex;gap:30px;padding:0 28px;font-size:13px;font-weight:800;align-items:center;flex:1}.navlinks a{padding:15px 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{border-color:var(--blue);color:var(--blue)}.offer{background:var(--red);color:#fff;border:0;padding:10px 18px;border-radius:7px;font-weight:800;font-size:12px}
.hero-wrap{background:var(--soft);padding:10px 0 20px}.hero{display:grid;grid-template-columns:240px 1fr;min-height:330px;border-radius:0 0 var(--radius) var(--radius);overflow:hidden}
.sidecats{background:#fff;border:1px solid var(--line)}.sidecats h3{margin:0;background:var(--navy);color:#fff;padding:15px 18px;font-size:14px}.sidecats a{display:flex;justify-content:space-between;padding:11px 17px;border-bottom:1px solid #f0f1f4;font-size:12px}.sidecats a:hover{color:var(--blue);background:#f8fbff}
.hero-main{position:relative;overflow:hidden;background:linear-gradient(110deg,#071a3a,#0c315f);color:#fff;padding:48px 42px;display:flex;align-items:center}.hero-main:after{content:"";position:absolute;right:0;top:0;width:58%;height:100%;background:url('assets/hero-products.jpg') center/cover no-repeat;opacity:.95;mix-blend-mode:screen}#siteHero{display:none;position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.95}#siteHero[src]{display:block}.hero-main:has(#siteHero[src]):after{display:none}.hero-copy{position:relative;z-index:2;max-width:430px}.eyebrow{color:var(--yellow);font-weight:900;font-size:12px;letter-spacing:.6px}.hero h1{font-size:48px;line-height:1.02;margin:13px 0}.hero h1 span{color:var(--yellow)}.hero p{color:#e9eef7;line-height:1.6;max-width:380px}.btn{border:0;border-radius:7px;padding:13px 20px;font-weight:800}.btn-primary{background:var(--blue);color:#fff}.btn-yellow{background:var(--yellow);color:#111}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}.actions{display:flex;gap:10px;margin-top:22px}
.trust{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:14px}.trust .item{padding:14px 10px;border-right:1px solid var(--line);display:flex;gap:10px;align-items:center}.trust .item:last-child{border:0}.trust .ico{font-size:20px}.trust b{font-size:11px;display:block}.trust small{font-size:10px;color:var(--muted)}
.section{padding:28px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-head h2{margin:0;font-size:23px}.section-head a{font-size:12px;color:var(--blue);font-weight:800}
.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.cat-card{border:1px solid var(--line);border-radius:9px;padding:13px 8px;text-align:center;transition:.2s;background:#fff}.cat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cat-card img{width:100%;height:88px;object-fit:contain}.cat-card b{font-size:11px;display:block;line-height:1.25;margin-top:7px}.cat-card small{color:var(--blue);font-size:10px}
.tabs{display:flex;gap:22px;font-size:12px;font-weight:800}.tabs button{border:0;background:none;padding:5px 0;border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue)}
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;position:relative;transition:.2s}.product:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.badge{position:absolute;left:10px;top:10px;color:#fff;font-size:10px;padding:4px 6px;border-radius:4px;background:var(--red);font-weight:900}.badge.new{background:var(--green)}.badge.dlm{background:var(--navy)}.product-img{height:150px;display:grid;place-items:center;margin:10px 0}.product-img img{max-width:95%;max-height:145px;object-fit:contain}.brand{font-size:10px;color:#596273}.product h3{font-size:12px;line-height:1.35;margin:4px 0 7px}.rating{font-size:10px;color:#f4a400}.rating span{color:#667085;margin-left:4px}.price{font-size:15px;font-weight:900;margin:7px 0}.old{text-decoration:line-through;color:#9aa2af;font-size:10px;margin-left:5px;font-weight:500}.product-actions{display:flex;gap:7px}.add{flex:1;background:var(--navy);color:#fff;border:0;border-radius:5px;padding:9px;font-size:10px;font-weight:900}.wish{width:35px;border:1px solid var(--line);background:#fff;border-radius:5px}
.deals{background:linear-gradient(100deg,#061938,#0c315f);color:#fff;border-radius:10px;padding:16px;display:grid;grid-template-columns:200px 1fr;gap:14px}.deal-intro h2{margin:5px 0 8px;font-size:24px}.deal-intro p{font-size:11px;color:#d9e3f2;line-height:1.5}.deal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.deal{background:#fff;color:var(--text);border-radius:8px;padding:10px;display:grid;grid-template-columns:90px 1fr;gap:8px}.deal img{width:90px;height:95px;object-fit:contain}.deal b{font-size:11px}.deal .price{font-size:13px}.countdown{display:flex;gap:3px;margin-top:7px}.countdown span{background:#f3f5f8;border-radius:4px;padding:4px;font-size:9px;text-align:center}.brands{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.brand-card{border:1px solid var(--line);border-radius:8px;padding:18px 10px;text-align:center;font-weight:900;font-size:16px;color:#173b70;background:#fff}.brand-card:nth-child(4){color:#1f4dca}.brand-card:nth-child(5){color:#e32b39}.brand-card:nth-child(6){color:#222}.brand-card:nth-child(7){background:#ef5a22;color:#fff}.brand-card:nth-child(8){color:#20a85b}
.why{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.why .item{text-align:center;padding:12px}.why .ico{font-size:24px}.why b{display:block;font-size:11px;margin-top:7px}.why small{font-size:10px;color:var(--muted)}
.newsletter{background:var(--navy);color:#fff;border-radius:10px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.newsletter h3{margin:0 0 5px}.newsletter p{margin:0;color:#d7dfed;font-size:11px}.news-form{display:flex;min-width:430px}.news-form input{flex:1;border:0;padding:12px;border-radius:6px 0 0 6px}.news-form button{border:0;background:var(--blue);color:#fff;padding:0 18px;border-radius:0 6px 6px 0;font-weight:800}
footer{background:#f5f7fa;margin-top:30px}.foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px;padding:35px 0}.foot-grid h4{font-size:12px}.foot-grid a,.foot-grid p{display:block;font-size:11px;color:#596273;margin:8px 0;line-height:1.5}.copyright{border-top:1px solid var(--line);padding:12px 0;font-size:10px;color:#667085;display:flex;justify-content:space-between}
.shop-hero{background:var(--soft);padding:28px 0}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:15px}.shop-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.filters{border:1px solid var(--line);border-radius:10px;padding:15px;height:max-content;position:sticky;top:90px}.filters h3{margin-top:0;font-size:15px}.filter-group{border-top:1px solid var(--line);padding:15px 0}.filter-group h4{font-size:12px;margin:0 0 10px}.filter-group label{display:block;font-size:11px;margin:9px 0;color:#4b5563}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.shop-toolbar select{border:1px solid var(--line);padding:9px;border-radius:7px}.shop-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,15,35,.55);z-index:80;display:none}.modal-backdrop.open{display:block}.drawer{position:fixed;right:0;top:0;height:100%;width:min(440px,100%);background:#fff;z-index:90;transform:translateX(100%);transition:.25s;box-shadow:-20px 0 50px rgba(0,0,0,.18);padding:20px;overflow:auto}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer h2{margin:0;font-size:20px}.close{border:0;background:#f2f4f7;border-radius:6px;width:35px;height:35px}.cart-item{display:grid;grid-template-columns:75px 1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-item img{width:70px;height:70px;object-fit:contain}.cart-item h4{font-size:12px;margin:3px 0}.qty{display:flex;align-items:center;gap:8px;margin-top:7px}.qty button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:4px}.drawer-total{padding-top:18px}.row{display:flex;justify-content:space-between;margin:9px 0;font-size:12px}.row.total{font-size:17px;font-weight:900;border-top:1px solid var(--line);padding-top:14px}.full{width:100%;margin-top:10px}.drawer-total .full{display:block;margin-top:18px}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:35px 0}.gallery{border:1px solid var(--line);border-radius:12px;min-height:430px;display:grid;place-items:center}.gallery img{max-width:85%;max-height:400px;object-fit:contain}.detail h1{font-size:30px;margin:5px 0 12px}.detail .price{font-size:25px}.specs{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.specs li{font-size:12px;margin:8px 0;color:#4b5563}.quantity{display:flex;align-items:center;gap:10px;margin:18px 0}.quantity input{width:60px;padding:10px;border:1px solid var(--line);border-radius:6px;text-align:center}.checkout{padding:35px 0}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.form-card,.summary-card{border:1px solid var(--line);border-radius:12px;padding:22px}.form-card h2,.summary-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:7px;padding:11px;outline:0}.field textarea{min-height:90px;resize:vertical}
.mobile-menu{display:none}.empty{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:1050px){.head-main{grid-template-columns:150px 1fr auto}.tools .tool:nth-child(1){display:none}.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(3,1fr)}.brands{grid-template-columns:repeat(4,1fr)}.why{grid-template-columns:repeat(3,1fr)}.trust{grid-template-columns:repeat(3,1fr)}.trust .item:nth-child(3){border:0}.hero{grid-template-columns:200px 1fr}.shop-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar .container{height:auto;padding:8px 0;justify-content:center}.topbar span:nth-child(2){display:none}.head-main{grid-template-columns:1fr auto;gap:10px}.logo{font-size:32px}.search{grid-column:1/-1;grid-row:2}.tools .tool:not(.cart-badge){display:none}.navlinks,.cat-btn{display:none}.nav .container{justify-content:flex-end;padding:6px 0}.mobile-menu{display:block;border:0;background:var(--navy);color:#fff;padding:10px 14px;border-radius:6px}.hero{grid-template-columns:1fr}.sidecats{display:none}.hero-main{min-height:390px;padding:35px 24px}.hero-main:after,#siteHero[src]{width:100%;opacity:.35}.hero h1{font-size:40px}.trust{grid-template-columns:repeat(2,1fr)}.trust .item{border-bottom:1px solid var(--line)}.categories{grid-template-columns:repeat(2,1fr)}.products,.shop-products{grid-template-columns:repeat(2,1fr)}.deals{grid-template-columns:1fr}.deal-grid{grid-template-columns:1fr}.brands{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:repeat(2,1fr)}.newsletter{display:block}.news-form{min-width:0;margin-top:15px}.foot-grid{grid-template-columns:1fr 1fr;gap:15px}.foot-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:5px}.shop-layout{grid-template-columns:1fr}.filters{position:static}.product-detail,.checkout-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section{padding:22px 0}.section-head{align-items:center}.tabs{overflow:auto;white-space:nowrap}}

.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:7px;font-size:12px;font-weight:800;z-index:200;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.notice-box{position:fixed;inset:0;margin:auto;width:min(400px,92vw);height:fit-content;background:rgba(255,255,255,.98);color:#111;padding:18px 20px 16px;border-radius:10px;font-size:13px;line-height:1.6;box-shadow:0 20px 60px rgba(0,0,0,.35);border:1px solid #f59e0b;z-index:400}.notice-box b{color:#b45309;display:block;margin-bottom:4px}.notice-box p{margin:4px 0 10px}.notice-box button{margin-top:6px;border:0;background:var(--blue);color:#fff;padding:8px 18px;border-radius:6px;font-weight:800;cursor:pointer}