.product-center{background:#f8f9f6;color:#263f30;font:14px/1.7 Arial,sans-serif;padding-bottom:64px}.center-container{max-width:1320px;width:calc(100% - 64px);margin:auto}.center-hero{background:#eef1e9;border-bottom:1px solid #dfe6d8;padding:22px 0 0}.center-breadcrumb{display:flex;gap:14px;font-size:11px;color:#7b8a76;margin-bottom:30px}.center-breadcrumb a{color:#536b4c}.center-hero-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.center-kicker{font:600 9px/1.6 Arial;letter-spacing:2px;color:#9b7b48}.center-hero h1{font:400 clamp(32px,3.7vw,50px)/1.15 Georgia,serif;letter-spacing:-1px;margin:16px 0 18px;color:#243f2f}.center-hero h1 em{color:#82916e;font-weight:400}.center-hero p{font-size:13px;color:#74826c;margin-bottom:30px}.center-project{border-left:1px solid #cdd8c2;padding:18px 0 18px 28px;font-size:12px;color:#7e8d72;min-width:210px}.center-project span{display:block;color:#365637;margin-top:8px;font-weight:600}.center-summary{display:flex;gap:40px;border-top:1px solid #d9e2cf;padding:17px 0;font-size:10px;letter-spacing:.4px;color:#6e7e62}.center-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;padding-top:34px}.center-sidebar{align-self:start}.center-sidebar-heading{font-size:13px;font-weight:600;border-bottom:1px solid #dce4d5;padding:0 0 17px}.center-category-list{padding:10px 0 25px}.category-filter{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;text-align:left;cursor:pointer;color:#73816a;padding:12px 13px;font-size:12px;border-radius:4px;margin:2px 0}.category-filter b{font-size:10px;font-weight:400;color:#97a18c}.category-filter:hover{background:#edf1e8}.category-filter.active{background:#264333;color:#fff}.category-filter.active b{color:#c6d3bb}.center-help{background:#ecf0e6;border:1px solid #dfe6d6;padding:24px 20px}.center-help>span{font:600 8px Arial;letter-spacing:1.5px;color:#a1824f}.center-help h2{font:400 25px/1.2 Georgia;letter-spacing:-.5px;margin:17px 0;color:#3c5636}.center-help p{font-size:12px;line-height:1.8;color:#7b886f;margin-bottom:18px}.center-help a{font-size:11px;border-bottom:1px solid #a5b396;padding-bottom:5px}.center-toolbar{display:flex;gap:12px;background:#fff;border:1px solid #e2e7dc;padding:14px;border-radius:6px}.center-search-label{flex:1;position:relative;min-width:0}.center-search-label input{width:100%;background:#f6f8f2;border:1px solid #e3e9dc;border-radius:4px;padding:12px 40px 12px 14px;font:13px Arial;color:#3b573c;height:44px}.center-search-label>span:last-child{position:absolute;right:14px;top:4px;font-size:26px;color:#859576}.center-structure-label select{height:44px;border:1px solid #e3e9dc;background:#fff;border-radius:4px;padding:0 12px;font:12px Arial;color:#62745a;max-width:180px}.center-result-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 0}.center-result-bar p{margin:0;font-size:11px;color:#85917c}.center-result-bar>div{display:flex;gap:18px;align-items:center;font-size:11px;color:#85917c}.center-result-bar select{border:0;background:transparent;color:#3c5737;font-size:11px;padding:5px}.center-result-bar button{border:0;border-bottom:1px solid #bcc9af;background:none;padding:3px 0;font-size:11px;color:#6f8064;cursor:pointer}.center-active-filter{font-size:11px;margin:0 0 18px;color:#6d7d60}.center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.center-card{background:#fff;border:1px solid #e3e8dd;border-radius:6px;overflow:hidden;transition:box-shadow .2s,transform .2s}.center-card[hidden]{display:none}.center-card:hover{box-shadow:0 8px 24px #263f300c;transform:translateY(-3px)}.center-card-image{display:block;position:relative;overflow:hidden;background:#f1f3ed;aspect-ratio:1}.center-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.center-card:hover .center-card-image img{transform:scale(1.025)}.center-card-image>span{position:absolute;bottom:12px;right:12px;font-size:10px;color:#35502e;background:#fffffff2;padding:6px 10px;border-radius:3px;opacity:0;transition:opacity .2s}.center-card:hover .center-card-image>span,.center-card:focus-within .center-card-image>span{opacity:1}.center-card-body{padding:17px}.center-card-category{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#a08b63;display:block;margin-bottom:8px}.center-card h2{font:500 14px/1.6 Arial;letter-spacing:0;color:#354c34;margin:0 0 15px;min-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.center-card-foot{border-top:1px solid #eef1e9;padding-top:12px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#8b977f}.center-card-foot a{color:#526e43}.center-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:35px 0 20px}.center-pagination button{border:1px solid #dfe6d6;background:#fff;border-radius:4px;color:#657c53;font-size:12px;min-width:35px;height:35px;padding:0 12px;cursor:pointer}.center-pagination button[aria-current]{background:#294734;border-color:#294734;color:white}.center-pagination button:disabled{opacity:.4;cursor:default}.center-pagination>span{color:#89987c}.center-bottom-note{color:#98a38d;font-size:10px;text-align:center}.center-empty{text-align:center;background:white;padding:65px 20px;border:1px solid #e3e8dc}.center-empty h2{font:400 28px Georgia;letter-spacing:0}.center-empty p{font-size:13px;color:#7e8d72}.center-empty button{background:#294734;border:0;color:#fff;padding:12px 22px;cursor:pointer;border-radius:4px}.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}
@media(max-width:1050px){.center-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.center-container{width:calc(100% - 32px)}.center-hero-row{display:block}.center-project{display:none}.center-summary{gap:15px;flex-wrap:wrap;font-size:9px}.center-layout{display:block;padding-top:24px}.center-sidebar-heading{padding-bottom:10px}.center-category-list{display:flex;overflow-x:auto;gap:8px;padding:12px 0 20px}.category-filter{white-space:nowrap;width:auto;flex-shrink:0;font-size:11px;border:1px solid #dfe6d7;padding:9px 12px}.category-filter b{padding-left:5px}.center-help{display:none}.center-toolbar{padding:10px;gap:8px}.center-structure-label select{max-width:135px;font-size:11px}.center-search-label input{font-size:11px}.center-grid{gap:12px}.center-card-body{padding:12px}.center-card h2{font-size:12px;min-height:39px}.center-card-category{font-size:7px}.center-card-foot{font-size:9px}.center-result-bar{flex-wrap:wrap;gap:7px;padding:17px 0}.center-result-bar>div{gap:12px}.center-hero h1{font-size:35px}.center-card-image>span{display:none}.center-breadcrumb{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.center-card,.center-card-image img,.center-card-image>span{transition:none}}