:root{--green-dark:#606e52;--green-mid:#91a56e;--green-light:#f3f5ed;--text-dark:#2d2d2d;--text-muted:#6b7280;--white:#fff;--shadow-soft:0 4px 20px #0000000d;--font-heading:"Playfair Display",serif;--font-ui:"Inter","Helvetica",Arial,sans-serif}.products-section{text-align:center;min-height:100vh;font-family:var(--font-ui);background-color:#fcfcf9;padding:0 5% 60px}.products-title{font-family:var(--font-heading);color:var(--green-dark);letter-spacing:-.5px;margin-bottom:12px;font-size:3rem;font-weight:500}.products-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:1.15rem;line-height:1.6}.category-filter{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px;display:flex}.category-filter button{background:var(--white);color:var(--green-dark);cursor:pointer;border:1.5px solid #e5e7eb;border-radius:50px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-filter button:hover,.category-filter button.active{background:var(--green-dark);color:var(--white);border-color:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 20px #606e5240}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;width:100%;margin:0 auto;padding-bottom:40px;display:grid}@media (max-width:600px){.products-section{padding:0 20px}.products-title{margin-top:-30px;font-size:2.2rem}.product-grid{grid-template-columns:1fr;gap:16px}}.back-btn{color:var(--green-dark,#606e52);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin-top:20px;margin-bottom:20px;padding:0;font-size:1rem;font-weight:700;transition:transform .3s,color .3s;display:flex}.listing-top-nav{justify-content:flex-start;margin-bottom:25px;display:flex}.back-btn{color:var(--green-dark,#606e52);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:1rem;font-weight:700;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s;display:flex}.back-btn:hover{color:var(--green-mid,#91a56e);transform:translate(-5px)}.back-btn svg{font-size:.9rem}.no-results{color:#8f8b84;font-size:1.1rem;font-style:italic}.portfolio-section{text-align:left;margin-top:50px}.portfolio-section h2{font-family:var(--font-heading);color:var(--green-dark);letter-spacing:-.02em;align-items:center;gap:15px;margin-bottom:25px;font-size:2rem;font-weight:500;display:flex;position:relative}.portfolio-section h2:after{content:"";background:linear-gradient(90deg,#606e5233,#0000);flex:1;height:1px;margin-top:4px}.portfolio-section h2 svg{color:var(--green-mid);opacity:.9;font-size:1.6rem}@media (max-width:600px){.portfolio-section h2{margin-bottom:20px;font-size:1.5rem}.portfolio-section h2:after{display:none}}