:root{font-family:Arial,Helvetica,sans-serif;color:#1a2416;background:#f5f6f1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid #bded00;outline-offset:3px}
.site-header{background:#202428;color:#f3f5f0;border-bottom:2px solid #c5f500}
.header-container{width:min(100% - 48px,1216px);margin-inline:auto}
.header-top{border-bottom:1px solid #353b3d;color:#bfc7c1;font-size:11px;font-weight:700;letter-spacing:.015em}
.top-inner{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.top-inner span:first-child{display:flex;align-items:center;gap:16px}
.top-inner i{width:4px;height:4px;border-radius:50%;background:#c5f500}
.header-main{min-height:116px;display:grid;grid-template-columns:230px minmax(280px,610px) 1fr;align-items:center;gap:42px}
.brand{display:inline-flex;align-items:center;width:200px}
.brand img{display:block;width:100%;height:auto}
.header-search{height:46px;display:flex;min-width:0;border:1px solid #3c4549;border-radius:5px;background:#15191c;overflow:hidden}
.header-search:focus-within{border-color:#c5f500}
.header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;padding:0 17px;font-size:15px}
.header-search input::placeholder{color:#a0aaa0}
.header-search button{width:54px;flex:none;border:0;background:#c5f500;color:#101811;display:grid;place-items:center;cursor:pointer}
.header-search button:hover{background:#dbff4b}
.header-shortcut{justify-self:end;white-space:nowrap;font-size:14px;font-weight:700}
.header-shortcut span{color:#c5f500;margin-left:8px;font-size:20px}
.header-shortcut:hover{color:#c5f500}
.header-nav{border-top:1px solid #353b3d}
.nav-inner{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-links{display:flex;align-items:stretch;gap:32px;align-self:stretch}
.nav-links a{position:relative;display:flex;align-items:center;white-space:nowrap;color:#e3e9e2;font-size:13px;font-weight:700}
.nav-links a:hover,.nav-links .current{color:#c5f500}
.nav-links .current::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#c5f500}
.nav-inner>span{color:#aab4a9;font-size:11px;font-weight:700;letter-spacing:.08em}
.hero{background:radial-gradient(circle at 82% 26%,#e8f3cf 0,transparent 34%),linear-gradient(112deg,#f9faf5,#eef3e6 64%,#e5efd9);border-bottom:1px solid #dce6d0}
.hero-inner{max-width:1320px;margin:auto;padding:72px 28px 78px}
.eyebrow{color:#779409;font-size:12px;font-weight:800;letter-spacing:.2em}
.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.055em;max-width:750px;margin:20px 0;color:#172115}
.hero p{color:#596b55;font-size:18px;line-height:1.55;max-width:600px;margin:0 0 32px}
.hero a,.filters button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;background:#c5f500;color:#142000;font-weight:800;padding:15px 22px;border-radius:7px;cursor:pointer}
.hero a:hover,.filters button:hover{background:#d8ff4c}
.catalog{max-width:1320px;margin:auto;padding:64px 28px 90px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.section-heading h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;margin:10px 0 0}
.count{color:#66735e;font-size:14px}
.filters{display:flex;align-items:center;gap:12px;margin-bottom:28px;scroll-margin-top:24px}
.filters select{width:min(320px,100%);min-height:49px;border:1px solid #d6dfcb;background:white;border-radius:7px;padding:0 16px;color:#1a2416}
.filters .clear{color:#4b6530;font-weight:700;padding:10px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{background:white;border:1px solid #e0e7d8;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #1730060a}
.product-image{height:235px;background:#edf1e8;position:relative;display:flex;align-items:center;justify-content:center}
.product-image img{width:100%;height:100%;object-fit:contain;padding:14px}
.image-placeholder{font-size:36px;letter-spacing:-.08em;font-weight:900;color:#8bad22;text-align:center}
.image-placeholder span{display:block;font-size:11px;letter-spacing:.18em;color:#657d28}
.badge{position:absolute;top:14px;left:14px;background:#c5f500;color:#162400;font-size:11px;font-weight:900;text-transform:uppercase;padding:7px 11px;border-radius:4px}
.product-content{padding:18px;display:flex;flex-direction:column;min-height:170px}
.category{text-transform:uppercase;color:#6c8c10;font-size:11px;font-weight:800;letter-spacing:.1em}
.product-content h3{font-size:17px;line-height:1.3;margin:9px 0;min-height:44px}
.product-content small{color:#73806c}
.price{margin-top:auto;padding-top:16px;font-size:21px;font-weight:900}
.price .consult{font-size:15px;color:#66735e}
.empty{padding:60px 20px;text-align:center;background:#fff;border:1px solid #e0e7d8;border-radius:12px;color:#66735e}
.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:34px;color:#53644b;font-size:14px}
.pagination a{font-weight:800;color:#334d05}
.pagination a:hover{text-decoration:underline}
footer{background:#202428;color:#bfcdb4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px max(28px,calc((100vw - 1264px)/2));font-size:13px}
footer img{width:115px}
@media(max-width:1050px){
  .header-main{grid-template-columns:185px minmax(230px,1fr) auto;gap:22px}
  .brand{width:170px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:750px){
  .header-container{width:min(100% - 36px,1216px)}
  .top-inner{min-height:36px}
  .top-inner span:last-child{display:none}
  .header-main{min-height:0;grid-template-columns:1fr auto;gap:12px 16px;padding-block:14px}
  .brand{width:156px}
  .header-shortcut{font-size:12px}
  .header-search{grid-column:1/-1;grid-row:2;width:100%}
  .nav-inner{min-height:47px}
  .nav-links{gap:24px;overflow-x:auto}
  .nav-links a{font-size:12px}
  .nav-inner>span{display:none}
  .hero-inner{padding:58px 20px 64px}
  .catalog{padding:48px 20px 70px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-image{height:180px}
  .product-content{padding:14px}
  .section-heading{align-items:start;flex-direction:column}
  .product-content h3{font-size:15px}
  footer{padding:24px 20px}
}
@media(max-width:440px){
  .header-main{grid-template-columns:1fr auto}
  .brand{width:134px}
  .header-shortcut{font-size:11px}
  .header-search{height:44px}
  .nav-links{gap:20px}
  .hero p{font-size:16px}
  .filters{flex-wrap:wrap}
  .filters .group{flex:1 1 100%}
  .filters select{width:100%}
  .filters button{flex:1}
  .product-image{height:145px}
  .product-content{min-height:160px}
  .image-placeholder{font-size:28px}
  .price{font-size:18px}
}