:root{--g:#74CC48;--gd:#4dad27;--b:#07090a;--c:#111417;--w:#fff;--bg:#f5f6f7;--line:#dfe4e7;--muted:#707980;--red:#e53d39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#121416}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{background:#050607;color:#d9dfe2;padding:8px 3%;display:flex;justify-content:space-between;gap:16px;font-size:13px}.top>div{display:flex;gap:20px;flex-wrap:wrap}.accent{color:var(--g);font-weight:800}.head{background:#08090a;color:#fff;display:grid;grid-template-columns:320px 1fr 420px;gap:22px;align-items:center;padding:16px 3%}.logo img{width:300px;height:92px;object-fit:cover;object-position:left center;border-radius:7px}.search{display:flex;height:48px;background:#fff;border-radius:6px;overflow:hidden}.search input{flex:1;border:0;padding:0 17px}.search select{border:0;border-left:1px solid #ddd;padding:0 14px}.search button{border:0;width:56px;background:var(--g);font-size:21px}.contact{display:flex;justify-content:flex-end;align-items:center;gap:14px}.phone{font-size:22px;font-weight:900}.phone small{display:block;font-size:12px;color:#bbc3c8;font-weight:400}.btn{border:0;border-radius:6px;padding:13px 18px;font-weight:800}.green{background:var(--g);color:#071008}.darkbtn{background:#101315;color:#fff;border:1px solid #454b50}.outline{background:transparent;color:var(--g);border:1px solid var(--g)}.nav{background:#111417;color:#fff;display:flex;padding:0 3%;position:sticky;top:0;z-index:50;border-top:1px solid #1c2023;border-bottom:1px solid #1c2023}.nav a{padding:18px 23px;font-weight:800;font-size:14px;white-space:nowrap}.nav a:hover,.nav a.active{background:var(--g);color:#071008}.hero{background:linear-gradient(90deg,#08090a 0%,#08090a 43%,#171a1d 100%);color:#fff;display:grid;grid-template-columns:43% 57%;min-height:345px}.copy{padding:43px 5% 36px 7%}.eyebrow{color:var(--g);font-weight:900;letter-spacing:.08em}.hero h1{font-size:48px;line-height:1;margin:12px 0}.hero h1 span{color:var(--g)}.hero p{font-size:17px;line-height:1.55;color:#d8dee2}.visual{background-size:cover;background-position:center;position:relative}.visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090a 0%,rgba(8,9,10,.15) 35%,transparent 60%)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.benefits{background:#0e1113;color:#fff;padding:18px 3%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.benefit{border:1px solid #30363a;border-radius:10px;padding:18px;display:flex;gap:12px;align-items:center}.benefit i{font-style:normal;font-size:29px;color:var(--g)}.benefit b{display:block}.benefit small{color:#aeb6bb}.section{max-width:1536px;margin:auto;padding:34px 3%}.white{background:#fff;max-width:none}.dark{background:#0d1012;color:#fff;max-width:none}.section h2{font-size:28px;margin:0 0 18px}.section h2 span{color:var(--g)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.img{height:185px;display:grid;place-items:center;background:#fff;overflow:hidden}.img img{width:100%;height:100%;object-fit:contain}.pad{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.badge{align-self:flex-start;padding:5px 8px;background:var(--g);border-radius:4px;font-size:11px;font-weight:900}.badge.red{background:var(--red);color:#fff}.badge.blue{background:#2587d6;color:#fff}.rating{color:#f5ad00}.price{font-size:25px;font-weight:900}.old{font-size:13px;color:#777;text-decoration:line-through;margin-left:8px}.stock{color:#299a28;font-weight:800;font-size:13px}.card-actions{display:grid;gap:8px;margin-top:auto}.card-actions button{padding:11px;border-radius:5px;border:1px solid #cbd1d5;background:#fff;font-weight:800}.card-actions .primary{background:var(--g);border-color:var(--g)}.brands{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.brand{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:78px;display:grid;place-items:center;text-align:center;font-weight:900}.layout{display:grid;grid-template-columns:270px 1fr;gap:22px}.side{background:#15191c;color:#fff;border-radius:9px;padding:18px;height:max-content}.side label,.side a{display:block;margin:10px 0}.side input{accent-color:var(--g)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.job{min-height:215px;background:linear-gradient(180deg,#252a2e,#0e1012);color:#fff;border:1px solid #30363a;border-radius:10px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.job .ico{font-size:42px;color:var(--g)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{background:#15191c;color:#fff;border:1px solid #30363a;border-radius:10px;padding:20px}.service .ico{font-size:38px}.product{display:grid;grid-template-columns:42% 38% 20%;gap:18px}.gallery,.pinfo,.buy{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.gallery{display:grid;place-items:center}.gallery img{width:100%;max-height:500px;object-fit:contain}.buy{height:max-content}.buy .price{font-size:35px;color:#409b22}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.spec{border:1px solid var(--line);padding:12px;text-align:center;border-radius:6px}.cart{display:grid;grid-template-columns:1fr 370px;gap:28px}.cartlist{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.row{display:grid;grid-template-columns:1fr 130px 140px 130px;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #e8ecee}.prod{display:flex;gap:14px;align-items:center}.prod img{width:90px;height:90px;object-fit:contain}.qty{display:flex;gap:10px;align-items:center}.qty button{width:30px;height:30px}.summary{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;height:max-content}.summary h3{margin:0;background:#111;color:#fff;padding:18px}.inside{padding:18px}.sum{display:flex;justify-content:space-between;margin:12px 0}.total{font-size:24px;color:#409b22;font-weight:900}.checkout{display:grid;grid-template-columns:1fr 400px;gap:28px}.form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #cfd5d9;border-radius:5px}.wide{grid-column:1/-1}.option{border:1px solid #d5dade;border-radius:8px;padding:13px;margin:8px 0;display:flex;justify-content:space-between}.option.active{border-color:var(--g);background:#f2faee}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;margin:18px 0}.step{font-weight:800;color:#777}.step.active{color:#2c941a}.progrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.procard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.procard .ico{font-size:34px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contactbox,.map{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.mapbox{height:320px;background:linear-gradient(135deg,#e8eef1,#f7f9fa);border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:#5e676e;font-weight:800}.news{display:grid;grid-template-columns:260px 1fr;gap:22px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.article img{width:100%;height:180px;object-fit:cover}.article .body{padding:16px}.tag{color:var(--g);font-weight:900;font-size:12px}.account{display:grid;grid-template-columns:250px 1fr;gap:22px}.anav{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;height:max-content}.anav a{display:block;padding:12px;border-radius:6px}.anav a.active,.anav a:hover{background:#eef8e9;color:#2d8c1c}.dashcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dash{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.num{font-size:29px;font-weight:900}.orders{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:18px;overflow:hidden}.order{display:grid;grid-template-columns:1fr 120px 120px;gap:10px;align-items:center;padding:15px 18px;border-bottom:1px solid #e8ecee}.footbenefits{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 3%;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.footbenefits div{display:flex;gap:10px;align-items:center}.footbenefits i{font-style:normal;font-size:28px;color:var(--g)}.footer{background:#070809;color:#d4dadd;padding:30px 4%;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:26px}.footer h4{color:#fff;margin:0 0 10px}.footer a{display:block;margin:8px 0;color:#c4cbd0;font-size:13px}.mark{font-size:27px;font-weight:900;color:#fff}.mark span{color:var(--g)}
@media(max-width:1050px){.head{grid-template-columns:1fr}.contact{justify-content:flex-start}.nav{overflow:auto}.hero{grid-template-columns:1fr}.visual{min-height:260px}.benefits,.cards,.jobs,.services,.dashcards{grid-template-columns:repeat(2,1fr)}.brands{grid-template-columns:repeat(4,1fr)}.layout,.product,.cart,.checkout,.contactgrid,.news,.account{grid-template-columns:1fr}.progrid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.top>div span:nth-child(n+3){display:none}.logo img{width:270px}.nav a{padding:15px 13px}.hero h1{font-size:38px}.benefits,.cards,.jobs,.services,.brands,.progrid,.dashcards,.articles,.footbenefits{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.footer{grid-template-columns:1fr}.row{grid-template-columns:1fr 90px 90px}.row .subtotal{display:none}.steps{grid-template-columns:1fr 1fr}}