
:root{--ink:#142521;--muted:#5e6c65;--paper:#f6f5ef;--white:#fff;--green:#c4ef66;--green-dark:#456b39;--line:#dce2d8;--forest:#183a32;--soft:#eaf0e7;--shadow:0 18px 48px rgba(20,37,33,.1);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.topbar{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(246,245,239,.96);position:sticky;top:0;z-index:2;backdrop-filter:blur(12px)}.nav{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;background:#000;border-radius:12px;display:grid;place-items:center}.brand-mark img{width:28px;height:28px;object-fit:contain}.brand-css{background:var(--green);padding:2px 6px;border-radius:5px;font-size:.7rem;color:var(--forest)}.brand small{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.brand-name{display:flex;align-items:center;gap:7px}.navlinks{display:flex;gap:22px;color:#44574d;font-size:.87rem;font-weight:650}.btn{display:inline-flex;background:var(--forest);color:white;border-radius:999px;padding:12px 18px;font-weight:750}.btn:hover{background:#28564a}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--green-dark)}.intro{padding:70px 0 34px}.intro h1{font-size:clamp(2.5rem,6vw,4.3rem);letter-spacing:-.06em;line-height:1;margin:10px 0 16px}.intro p{color:var(--muted);max-width:760px}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,180px));gap:10px;margin:24px 0 14px}.toolbar input,.toolbar select{min-height:48px;border:1px solid var(--line);border-radius:14px;padding:0 14px;font:inherit;background:white;color:var(--ink)}.count{color:var(--muted);font-size:.85rem;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:90px}.card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-height:330px;box-shadow:0 6px 24px rgba(20,37,33,.035)}.card[hidden]{display:none}.photo{height:170px;flex:0 0 170px;overflow:hidden;background:#fff;display:grid;place-items:center;padding:12px;border-bottom:1px solid var(--line)}.photo img.product{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.photo img.logo{max-width:145px;max-height:45px;object-fit:contain}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--green-dark);font-weight:800}.status{color:#7c6950}.card h2{font-size:1.2rem;line-height:1.18;letter-spacing:-.035em;margin:9px 0}.card p{font-size:.87rem;color:var(--muted);margin:0 0 15px}.category{display:inline-flex;align-self:flex-start;margin-top:7px;padding:4px 9px;border-radius:999px;background:#f0f5e9;color:#456b39;font-size:.69rem;font-weight:750}.metric{color:#40533a;background:#f0f5e9;border-radius:10px;padding:7px 10px;font-size:.75rem;margin-bottom:14px}.card .btn{margin-top:auto;align-self:flex-start;font-size:.82rem;padding:9px 14px}.empty{grid-column:1/-1;border:1px dashed #b9c8b8;border-radius:20px;padding:36px;color:var(--muted);text-align:center}.footer{background:#102b25;color:white;padding:35px 0}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer p{font-size:.8rem;color:#bdcbc2;margin:6px 0 0}.footer a{color:#d7e0d9;font-weight:700}.product-hero{padding:44px 0 80px}.crumb{font-size:.82rem;color:var(--muted);margin-bottom:24px}.product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.product-photo{background:white;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);height:470px;padding:22px;display:grid;place-items:center;overflow:hidden;min-width:0}.product-photo img:not(.fallback){display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.product-photo .fallback{display:block;width:auto;height:auto;max-width:60%;max-height:100px;object-fit:contain}.product-title h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1;letter-spacing:-.06em;margin:12px 0}.product-title .subtitle{font-size:1.08rem;color:var(--muted);margin-bottom:20px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.badge{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:white;color:#43584b;font-size:.75rem;font-weight:700}.info-card{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;margin-top:20px}.info-card h2{font-size:1.1rem;margin:0 0 12px}.info-card ul{padding-left:20px;margin:0;display:grid;gap:8px}.info-card li{color:#485950}.official{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.note{font-size:.79rem;color:var(--muted);margin-top:17px}.back{font-weight:750;color:var(--green-dark)}.compare-toggle{border:1px solid var(--line);background:white;color:var(--forest);border-radius:999px;padding:8px 12px;font-weight:750;cursor:pointer}.compare-toggle[aria-pressed=true]{background:var(--soft)}.compare-bar{position:fixed;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);width:min(720px,calc(100% - 30px));padding:12px 16px;background:var(--forest);color:white;border-radius:18px;box-shadow:0 16px 40px #14252144;display:flex;align-items:center;justify-content:space-between;gap:12px}.compare-bar[hidden]{display:none}.compare-bar button{border:0;border-radius:999px;background:var(--green);color:var(--ink);font-weight:800;padding:10px 15px;cursor:pointer}.compare-bar .clear-compare{background:transparent;color:white;text-decoration:underline;padding:6px}.compare-dialog{border:0;border-radius:22px;padding:24px;width:min(1100px,calc(100% - 24px));max-height:min(85vh,800px);box-shadow:var(--shadow);color:var(--ink)}.compare-dialog::backdrop{background:#102b25aa}.compare-dialog h2{margin:0 0 6px}.compare-dialog p{color:var(--muted);margin:0 0 18px}.compare-table-wrap{overflow:auto}.compare-table{border-collapse:collapse;width:100%;min-width:600px;background:white}.compare-table th,.compare-table td{border:1px solid var(--line);text-align:left;padding:10px 12px;vertical-align:top}.compare-table th:first-child{position:sticky;left:0;background:#f0f5e9;min-width:170px}.compare-table td{min-width:190px}.compare-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.compare-actions button{border:0;border-radius:999px;padding:10px 16px;background:var(--forest);color:white;font:inherit;font-weight:750;cursor:pointer}.compare-actions .close-compare{background:var(--soft);color:var(--ink)}@media(max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr 1fr;gap:24px}.product-photo{height:390px}}@media(max-width:680px){.wrap{width:calc(100% - 30px)}.navlinks{display:none}.brand small{display:none}.topbar{height:66px}.topbar .btn{padding:9px 12px;font-size:.78rem}.intro{padding-top:48px}.toolbar{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-photo{height:310px}.footer .wrap{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-media{min-width:0}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.product-gallery img{display:block;width:100%;height:118px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:15px;padding:6px}@media(max-width:820px){.product-gallery img{height:95px}}
