:root{--ink:#111827;--navy:#101a2b;--navy2:#17243a;--red:#e31b23;--red2:#b90f17;--green:#169447;--amber:#b76e00;--muted:#6b7280;--bg:#f4f6f9;--line:#e4e8ee;--white:#fff;--shadow:0 12px 30px rgba(15,23,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}.wrap{width:min(1440px,100%);margin:auto;padding:0 28px}.topline{background:#09111f;color:#dce3ed;font-size:13px}.topline a{color:white;text-decoration:none}.topline-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.mainhead{background:var(--navy);padding:18px 0}.head-inner{display:flex;align-items:center;gap:26px}.logo{font-size:28px;font-weight:950;letter-spacing:-1px;color:white;text-decoration:none;white-space:nowrap}.logo span{color:var(--red)}.logo small{display:block;font-size:9px;letter-spacing:3px;color:#aab4c3;text-align:center}.search{position:relative;display:flex;flex:1}.search input{width:100%;height:52px;border:0;border-radius:9px 0 0 9px;padding:0 18px;font-size:16px;outline:none}.search>button{width:118px;border:0;border-radius:0 9px 9px 0;background:var(--red);color:white;font-weight:800;cursor:pointer}.cart-button{position:relative;border:1px solid #ffffff2b;background:#ffffff0b;color:white;border-radius:10px;height:52px;padding:0 18px;font-size:16px;font-weight:700;cursor:pointer}.cart-count{display:inline-grid;place-items:center;background:var(--red);border-radius:99px;min-width:23px;height:23px;margin-left:6px}nav{background:var(--navy2)}.nav-inner{display:flex;gap:34px;min-height:45px;align-items:center}.nav-inner a{color:#ecf1f8;text-decoration:none;font-size:14px;font-weight:650}.nav-inner .wa-link{margin-left:auto;color:#72db91}.hero{background:radial-gradient(circle at 75% 30%,#374a68 0,#19263a 36%,#101a2b 75%);color:white;padding:54px 0}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900;color:var(--red)}.hero .eyebrow{color:#ff777d}.hero h1{font-size:48px;line-height:1.08;margin:10px 0 15px;max-width:780px;letter-spacing:-1.5px}.hero p{font-size:19px;color:#cad4e2;line-height:1.55;max-width:750px}.hero-actions{display:flex;gap:12px;margin-top:26px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:9px;min-height:46px;padding:0 20px;text-decoration:none;font-weight:800;cursor:pointer}.primary{background:var(--red);color:white}.primary:hover{background:var(--red2)}.secondary{border:1px solid #cbd3df;background:white;color:var(--ink)}.hero .secondary{border-color:#ffffff4a;color:white;background:#ffffff0e}.trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#cbd5e1;font-size:14px}.hero-card{background:#fff;color:var(--ink);border-radius:18px;padding:28px;box-shadow:0 24px 50px #0004}.hero-card .hero-icon{font-size:48px;color:var(--red);margin-bottom:12px}.hero-card b{font-size:21px}.hero-card p{font-size:14px;color:var(--muted)}.hero-card a{color:var(--red);font-weight:800;text-decoration:none}.numbers{background:white;border-bottom:1px solid var(--line)}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr)}.numbers-grid>div{padding:25px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column}.numbers-grid>div:last-child{border:0}.numbers b{font-size:28px}.numbers span{font-size:14px;color:var(--muted)}.catalog-section{padding-top:46px;padding-bottom:55px}.catalog-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.catalog-head h2,.benefits h2{font-size:34px;margin:7px 0}.catalog-head p{margin:0;color:var(--muted)}.availability-tabs{display:flex;background:white;padding:4px;border:1px solid var(--line);border-radius:10px}.availability-tabs a{padding:9px 14px;text-decoration:none;border-radius:7px;color:var(--muted);font-weight:700}.availability-tabs a.active{background:var(--navy);color:white}.catalog-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.filters{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;height:max-content;max-height:720px;overflow:auto;position:sticky;top:10px}.filters h3{margin-top:0}.filter-link{display:flex;justify-content:space-between;gap:12px;padding:9px 8px;border-radius:7px;text-decoration:none;font-size:14px}.filter-link:hover,.filter-link.selected{background:#eef2f7;color:var(--red);font-weight:700}.filter-link em{font-style:normal;color:#9ca3af}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{height:145px;display:grid;place-items:center;background:linear-gradient(145deg,#fafbfd,#edf1f6);text-decoration:none}.product-image span{font-size:48px;filter:grayscale(1);opacity:.55}.product-body{padding:15px;display:flex;flex-direction:column;flex:1}.product-brand{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:800}.product-name{font-weight:750;line-height:1.35;text-decoration:none;margin:6px 0;min-height:57px}.product-article{font-size:13px;color:var(--muted)}.product-bottom{margin-top:auto;padding-top:13px;display:flex;justify-content:space-between;align-items:end;gap:8px}.price{font-size:21px;font-weight:900;white-space:nowrap}.stock{font-size:12px;font-weight:750;margin-top:5px}.stock.in{color:var(--green)}.stock.order{color:var(--amber)}.add-icon{width:40px;height:40px;border-radius:10px;border:0;background:var(--red);color:white;font-size:25px;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:30px}.pagination a{background:white;border:1px solid var(--line);padding:10px 15px;border-radius:8px;text-decoration:none}.empty{background:white;border:1px solid var(--line);padding:60px;text-align:center;border-radius:14px}.benefits{background:white;padding:55px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.benefit-grid article{border:1px solid var(--line);border-radius:14px;padding:24px}.benefit-grid article>div{font-size:32px}.benefit-grid h3{margin-bottom:8px}.benefit-grid b{color:var(--red)}.benefit-grid p{font-size:14px;color:var(--muted);line-height:1.5}footer{background:#0d1727;color:#c8d1df;padding:42px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:30px}.footer-logo{display:inline-block}.footer-grid h4{color:white;margin:0 0 10px}.footer-grid p{line-height:1.6;font-size:14px}.copyright{text-align:center;border-top:1px solid #ffffff18;padding:18px;margin-top:30px;font-size:12px}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:100;padding:20px}.modal.show{display:grid;place-items:center}.modalbox{width:min(760px,100%);max-height:92vh;overflow:auto;background:white;border-radius:16px;padding:25px;position:relative}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:32px;cursor:pointer}.cart-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:13px 0}.cart-row span{font-size:13px;color:var(--muted)}.qty{display:flex;align-items:center;gap:8px}.qty button,.trash{border:1px solid var(--line);background:white;border-radius:6px;width:29px;height:29px;cursor:pointer}.cart-total{font-size:22px;font-weight:900;text-align:right;margin:20px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:700;margin:10px 0}input,select,textarea{width:100%;border:1px solid #ccd3dd;border-radius:8px;padding:11px;font:inherit;margin-top:6px;background:white}.full{width:100%}.mobile-cart{display:none}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#111827;color:white;padding:12px 20px;border-radius:9px;z-index:200;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.suggest{display:none;position:absolute;top:56px;left:0;right:118px;background:white;border-radius:10px;box-shadow:var(--shadow);z-index:50;overflow:hidden}.suggest.open{display:block}.suggest a{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;border-bottom:1px solid var(--line);text-decoration:none}.suggest a:hover{background:#f7f8fa}.suggest small{display:block;color:var(--muted);margin-top:3px}.suggest strong{white-space:nowrap}.suggest-empty{padding:16px;color:var(--muted)}.product-page{padding-top:32px;padding-bottom:60px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:20px}.product-detail{display:grid;grid-template-columns:410px minmax(0,1fr) 250px;gap:32px;background:white;border:1px solid var(--line);border-radius:16px;padding:30px}.detail-image{height:360px;border-radius:12px;background:#f2f5f8;display:grid;place-items:center;font-size:90px;color:#aeb7c4}.product-detail h1{font-size:34px;margin:8px 0 14px}.sku{color:var(--muted)}.detail-price{font-size:38px;font-weight:950;margin:24px 0 10px}.note{color:var(--muted);font-size:13px}.big{margin:8px 8px 0 0;min-height:50px}.detail-info{border-left:1px solid var(--line);padding-left:25px}.detail-info p{padding-bottom:15px;border-bottom:1px solid var(--line);font-size:14px}.related{margin-top:35px}.products.compact{grid-template-columns:repeat(6,1fr)}.admin-body{background:#eef1f5}.login-card{width:min(420px,92vw);margin:9vh auto;background:white;border-radius:16px;padding:34px;box-shadow:var(--shadow)}.login-card .logo{color:var(--navy);display:inline-block}.login-card h1{margin-bottom:4px}.login-card p{color:var(--muted)}.back{display:block;text-align:center;margin-top:20px;color:var(--muted)}.alert{padding:13px 16px;border-radius:9px;margin:12px 0}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.admin-side{background:var(--navy);padding:25px 18px;color:white}.admin-side nav{background:none;margin-top:40px;display:flex;flex-direction:column;gap:7px}.admin-side nav a{padding:12px;border-radius:8px;text-decoration:none;color:#cad3e0}.admin-side nav a.active,.admin-side nav a:hover{background:#ffffff14;color:white}.admin-main{padding:30px;min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h1{margin:4px 0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.admin-stats>div,.admin-card{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.admin-stats span{display:block;color:var(--muted);font-size:13px}.admin-stats b{font-size:30px}.admin-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:20px}.admin-card h2{margin-top:0}.upload{border:2px dashed #cbd2dc;border-radius:10px;padding:25px;text-align:center;margin-bottom:12px}.upload input{margin-top:12px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.table-wrap{overflow:auto;padding:0}.table-wrap table,.order-page table{border-collapse:collapse;width:100%;background:white}.table-wrap th,.table-wrap td,.order-page th,.order-page td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table-wrap th{background:#f8fafc;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center}.admin-search{display:flex}.admin-search input{margin:0;border-radius:8px 0 0 8px}.admin-search button{border:0;background:var(--red);color:white;padding:0 18px;border-radius:0 8px 8px 0}.inline-form{display:flex;align-items:center;gap:6px}.inline-form input[type=number]{width:100px;margin:0}.inline-form input[type=checkbox]{width:auto;margin:0}.inline-form button{border:0;background:var(--navy);color:white;padding:8px;border-radius:6px}.order-page{max-width:1000px;margin:30px auto}.order-info{display:grid;grid-template-columns:1fr 1fr}.order-total{text-align:right;font-size:24px;font-weight:900;margin-top:20px}@media(max-width:1150px){.products{grid-template-columns:repeat(3,1fr)}.hero-inner{grid-template-columns:1fr 310px}.product-detail{grid-template-columns:320px 1fr}.detail-info{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.products.compact{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.topline{display:none}.head-inner{flex-wrap:wrap}.logo{font-size:24px}.search{order:3;width:100%}.cart-button span{display:none}.nav-inner{gap:18px}.hero{padding:35px 0}.hero-inner{grid-template-columns:1fr}.hero-card{display:none}.hero h1{font-size:36px}.numbers-grid{grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.filters{position:static;max-height:210px}.products{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr}.detail-image{height:260px}.admin-shell{grid-template-columns:1fr}.admin-side{padding:15px}.admin-side nav{margin-top:15px;flex-direction:row;overflow:auto}.admin-main{padding:18px}.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:560px){.wrap{padding:0 14px}.mainhead{padding:13px 0}.head-inner{gap:12px}.search input{font-size:14px}.search>button{width:80px}.suggest{right:80px}.nav-inner{overflow:auto}.nav-inner a{white-space:nowrap}.hero h1{font-size:31px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.trust{gap:8px;flex-direction:column}.numbers b{font-size:23px}.catalog-head{align-items:flex-start;gap:15px;flex-direction:column}.products{grid-template-columns:1fr}.product-image{height:120px}.benefit-grid,.footer-grid,.form-grid,.admin-form-grid,.order-info{grid-template-columns:1fr}.modal{padding:8px}.cart-row{grid-template-columns:1fr auto}.cart-row>b,.trash{grid-row:2}.mobile-cart{display:block;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:11px;text-align:center;z-index:40;font-weight:800}.admin-stats{grid-template-columns:1fr 1fr}.admin-header{align-items:flex-start;flex-direction:column}.admin-search{width:100%}}