@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#20241f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#f6f7f4;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #e9ebe6;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,24px);display:flex}.brand-logo{letter-spacing:-.8px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:flex}.logo-mark{color:#fff;background:#244d3a;border-radius:11px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.topbar-note{color:#777d75;font-size:13px}.main-content{flex:1;width:min(1280px,90%);margin:0 auto}.page-intro{justify-content:space-between;align-items:center;gap:20px;padding:42px 0 32px;display:flex}.eyebrow{letter-spacing:1.8px;color:#67836f;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:700}.page-intro h1,.detail-info h1{letter-spacing:-1.5px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(27px,3.2vw,40px);font-weight:800;line-height:1.15}.intro-copy{color:#777d75;margin:12px 0 0;font-size:14px}.intro-badge{color:#385d45;white-space:nowrap;background:#e7eee6;border:1px solid #dbe5d9;border-radius:100px;padding:12px 15px;font-size:12px}.intro-badge span{margin-left:9px}.listing-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:30px;padding-bottom:50px;display:grid}.filters-panel{background:#fff;border:1px solid #e7e9e3;border-radius:13px;padding:21px;position:sticky;top:18px}.filters-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.filters-heading h2,.results-header h2{margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.reset-button{color:#56745c;background:0 0;border:0;padding:3px;font-size:11px;font-weight:700}.filter-group{flex-direction:column;gap:9px;margin-bottom:22px;display:flex}.filter-group label{color:#3b403a;font-size:12px;font-weight:700}.filter-group select,.filter-group input{color:#454b43;background:#fff;border:1px solid #e0e3dc;border-radius:7px;outline:none;width:100%;min-width:0;padding:10px 9px;font-size:12px}.filter-group select:focus,.filter-group input:focus{border-color:#65866b;box-shadow:0 0 0 2px #e7eee6}.price-inputs{align-items:center;gap:6px;display:flex}.price-inputs span{color:#999;font-size:10px}.filter-hint{color:#999;margin:0;font-size:10px;line-height:1.5}.results-header{justify-content:space-between;align-items:center;margin:4px 0 18px;display:flex}.results-header p{color:#858a82;margin:5px 0 0;font-size:12px}.sort-label{color:#7a8078;background:#fff;border:1px solid #e7e9e3;border-radius:7px;padding:8px 10px;font-size:11px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.product-card{background:#fff;border:1px solid #e9ebe6;border-radius:12px;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.product-card:hover{border-color:#d2ddd1;transform:translateY(-3px);box-shadow:0 9px 25px #263c2910}.product-image-wrap{box-sizing:border-box;background:#f0f2ee;flex:0 0 185px;justify-content:center;align-items:center;height:185px;min-height:185px;padding:17px;display:flex;position:relative;overflow:hidden}.product-image-wrap img{object-fit:contain;object-position:center;mix-blend-mode:multiply;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.product-card-content{flex-direction:column;flex:1;padding:14px;display:flex}.product-category{text-transform:uppercase;letter-spacing:1px;color:#7b927b;font-size:9px;font-weight:700}.product-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:39px;margin:7px 0 18px;font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{font-family:Manrope,sans-serif;font-size:16px;font-weight:800}.rating{color:#6b7168;font-size:11px}.rating span,.detail-rating span:first-child{color:#b17b29}.pagination{justify-content:center;align-items:center;gap:22px;margin-top:28px;display:flex}.pagination button,.back-button{color:#3e4c40;background:#fff;border:1px solid #e0e4dc;border-radius:7px;padding:10px 13px;font-size:12px}.pagination span{color:#777;font-size:12px}.message-panel{text-align:center;background:#fff;border:1px solid #e7e9e3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:200px;padding:28px;display:flex}.message-panel h2,.message-panel h3{margin:0;font-family:Manrope,sans-serif}.message-panel p{color:#777;margin:0;font-size:13px}.loader{border:2px solid #dce4da;border-top-color:#42694c;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.primary-button{color:#fff;background:#244d3a;border:0;border-radius:7px;padding:11px 17px;font-size:12px;font-weight:600}.error-panel{color:#8c3838}.detail-page{padding:29px 0 50px}.back-button{margin-bottom:20px}.detail-card{background:#fff;border:1px solid #e7e9e3;border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.detail-image-wrap{background:#eff1ed;place-items:center;min-height:450px;padding:38px;display:grid}.detail-image-wrap img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;max-height:460px}.detail-info{padding:42px 38px}.detail-info h1{letter-spacing:-1px;font-size:31px}.detail-rating{align-items:center;gap:14px;margin-top:15px;font-size:12px;display:flex}.detail-rating span:last-child{color:#5d7b60;background:#e9f0e7;border-radius:20px;padding:5px 9px}.detail-price{margin:24px 0 14px;font-family:Manrope,sans-serif;font-size:30px;font-weight:800}.detail-description{color:#777d75;font-size:13px;line-height:1.8}.detail-specs{border-top:1px solid #e9ebe6;margin-top:25px;padding-top:10px}.detail-specs div{border-bottom:1px solid #eff0ec;justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.detail-specs span{color:#81877e}.detail-specs strong{text-align:right;font-weight:600}.detail-back-cta{width:100%;margin-top:24px}.detail-footnote{text-align:center;color:#999;margin-top:15px;font-size:10px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.footer{text-align:center;color:#8a9086;background:#fff;border-top:1px solid #e5e8e1;padding:20px;font-size:11px}@media (width<=900px){.listing-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image-wrap{flex-basis:170px;height:170px;min-height:170px}.detail-info{padding:30px 25px}.detail-image-wrap{min-height:380px}}@media (width<=600px){.topbar{height:64px;padding:0 5%}.topbar-note{font-size:10px}.main-content{width:90%}.page-intro{align-items:flex-start;padding:30px 0 23px}.intro-badge{display:none}.intro-copy{font-size:12px;line-height:1.6}.listing-layout{grid-template-columns:1fr;gap:20px}.filters-panel{padding:17px;position:static}.filters-heading{margin-bottom:16px}.filter-group{margin-bottom:14px}.filter-group:last-of-type{margin-bottom:10px}.filter-hint{display:none}.price-inputs{max-width:280px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image-wrap{flex-basis:135px;height:135px;min-height:135px;padding:10px}.product-card-content{padding:11px}.product-card h3{min-height:36px;margin-bottom:13px;font-size:12px}.product-price{font-size:14px}.rating{font-size:10px}.results-header{margin-top:0}.detail-card{grid-template-columns:1fr}.detail-image-wrap{height:280px;min-height:260px;padding:25px}.detail-info{padding:25px 21px}.detail-info h1{font-size:26px}.detail-price{margin-top:20px;font-size:26px}.pagination{gap:13px}.pagination button{padding:9px;font-size:11px}}
