@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#18201c;background:#f5f6f2;font-synthesis:none;--green:#163f32;--lime:#d9ee48;--line:#d9ddd5}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2))}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope;font-weight:800;font-size:17px;line-height:1.05}.brand small{display:block;font:500 11px DM Sans;color:#6d756f;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.mark{background:var(--green);color:var(--lime);border-radius:9px;padding:11px 8px}main{max-width:1240px;margin:auto;padding:0 24px 64px}.hero{background:var(--green);color:#fff;margin:32px 0 22px;border-radius:22px;padding:48px clamp(24px,7vw,86px);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:340px;height:340px;border:70px solid #245746;border-radius:50%;right:-100px;top:-120px}.eyebrow{color:#91b5a7;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.hero h1,.detail h1{font:800 clamp(32px,5vw,56px)/1.05 Manrope;margin:8px 0}.hero>p:not(.eyebrow){color:#c5d4ce}.search{position:relative;z-index:1;margin-top:28px;max-width:720px;height:60px;background:#fff;border-radius:10px;display:flex;align-items:center;color:#26342e;box-shadow:0 12px 30px #071d1660}.search span{font-size:28px;padding-left:20px}.search input{border:0;outline:0;width:100%;height:100%;padding:0 18px;background:transparent;font-size:16px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0 20px}.toolbar select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 34px 11px 12px;color:#39423d}.result-head{border-top:1px solid var(--line);font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;min-height:265px;display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #293d3320;border-color:#b8c0b9}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{font-size:11px;text-transform:uppercase;color:#315b4d;background:#e9f0ec;border-radius:50px;padding:5px 8px}.sku{font:600 12px monospace;color:#6d756f}.card h2{font:700 19px/1.3 Manrope;margin:20px 0 7px}.maker{margin:0;color:#356352;font-weight:600}.fitment{color:#5c645f;font-size:14px;margin:22px 0 2px}.more{color:#799086;font-size:12px;margin:3px 0}.card-bottom{border-top:1px solid #ebede9;margin-top:auto;padding-top:16px}.card-bottom strong{font:700 18px Manrope}.card-bottom span{font-size:13px;color:#356352}.skeleton{animation:pulse 1.2s infinite alternate;background:#e9ece7}@keyframes pulse{to{opacity:.45}}.state{text-align:center;padding:80px 20px}.error{color:#8a2727}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:34px}.pagination button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px}.pagination button:disabled{opacity:.4}footer{background:#102d24;color:#aebfb8;text-align:center;padding:28px;font-size:13px}.detail{padding-top:34px}.back{color:#49675c}.detail-head{display:grid;grid-template-columns:1fr 300px;gap:60px;padding:48px 0;border-bottom:1px solid var(--line)}.detail .eyebrow{color:#467161}.lead{font-size:18px;color:#5c645f;max-width:700px}.detail aside{background:#fff;border-radius:14px;padding:25px;display:flex;flex-direction:column;height:max-content;border:1px solid var(--line)}.detail aside span{font-size:13px;color:#6d756f}.detail aside strong{font:800 29px Manrope;margin:8px 0 22px}.primary{background:var(--lime);color:#17271f;border-radius:8px;text-align:center;padding:13px;font-weight:700}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:40px 0}.detail h2{font:700 20px Manrope}.fitment-row{background:#fff;padding:18px;border-radius:10px;border:1px solid var(--line);margin:9px 0}.fitment-row p{margin:8px 0 0;color:#656e69}dl{display:grid;grid-template-columns:1fr 1fr;margin:0}dt,dd{padding:11px 0;border-bottom:1px solid var(--line);margin:0}dt{color:#6b746f}.links{border-top:1px solid var(--line);padding-top:25px}.links a{display:inline-block;margin:0 16px 10px 0;color:#285b49;font-weight:600}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.detail-head,.detail-grid{grid-template-columns:1fr}.detail-head{gap:20px}.detail aside{max-width:400px}}@media(max-width:560px){main{padding-inline:14px}.hero{margin-top:14px;padding:32px 20px}.grid{grid-template-columns:1fr}.toolbar select{width:100%}.detail-head{padding-top:30px}}