.filter-accordion{background:#fff;border:1px solid #e8ece4;border-radius:20px;flex-direction:column;gap:0;font-family:Inter,sans-serif;display:flex;position:sticky;top:100px;overflow:hidden}.filter-header{border-bottom:1px solid #e8ece4;justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.filter-title{color:#1a2a18;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:600}.filter-clear{color:#4a5a48;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.filter-clear:hover{color:#1a2a18;background:#e8ece4}.filter-section{border-bottom:1px solid #e8ece4}.filter-section:last-child{border-bottom:none}.filter-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 24px;transition:background .2s;display:flex}.filter-section-header:hover{background:#f8faf6}.filter-section-title{color:#1a2a18;text-transform:uppercase;letter-spacing:.8px;font-size:14px;font-weight:600}.filter-chevron{color:#7a8a78;transition:transform .3s}.filter-section.is-open .filter-chevron{transform:rotate(180deg)}.filter-section-content{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.filter-section.is-open .filter-section-content{max-height:400px;padding-bottom:16px}.filter-list{flex-direction:column;gap:2px;margin:0;padding:0 16px;list-style:none;display:flex}.filter-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .2s;display:flex}.filter-item:hover{background:#f4f6f2}.filter-item.is-active{background:#e8ece4}.filter-item.is-active .filter-item-name{color:#1a2a18;font-weight:600}.filter-item-name{color:#4a5a48;font-size:14px;transition:color .2s}.filter-item:hover .filter-item-name{color:#1a2a18}.filter-item-count{color:#9aaa98;background:#f4f6f2;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:500;transition:all .2s}.filter-item.is-active .filter-item-count{color:#fff;background:#4a5a48}@media (max-width:1023px){.filter-accordion{border-radius:16px;position:static}.filter-header{padding:20px 20px 16px}.filter-section-header{padding:16px 20px}.filter-list{padding:0 12px}.filter-item{padding:10px}}@media (max-width:767px){.filter-accordion{border-radius:14px}.filter-header{padding:16px 16px 14px}.filter-title{font-size:16px}.filter-section-header{padding:14px 16px}.filter-section-title{font-size:13px}.filter-list{padding:0 10px}.filter-item{padding:9px 10px}.filter-item-name{font-size:13px}.filter-item-count{padding:2px 6px;font-size:11px}}@media (max-width:479px){.filter-header{padding:14px 14px 12px}.filter-clear{padding:5px 10px;font-size:12px}.filter-section-header{padding:12px 14px}.filter-section-title{letter-spacing:.6px;font-size:12px}.filter-list{padding:0 8px}.filter-item{padding:8px}.filter-item-name{font-size:12px}}@media (hover:none){.filter-section-header:hover,.filter-item:hover{background:0 0}.filter-item:hover .filter-item-name{color:#4a5a48}.filter-clear:hover{background:0 0}.filter-section-header:active{background:#f8faf6}.filter-item:active{background:#f4f6f2}.filter-clear:active{background:#e8ece4}}
.products-page{background:#fafcf8;min-height:100vh}.products-loading,.products-error{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.products-loading .loading-spinner{border:4px solid #e8ece4;border-top-color:#4a5a48;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.products-loading p,.products-error p{color:#6a7a68;margin:0;font-size:16px}.products-error .retry-btn{color:#fff;cursor:pointer;background:#4a5a48;border:none;border-radius:10px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.products-error .retry-btn:hover{background:#1a2a18}.products-header{z-index:10;background:linear-gradient(135deg,#e8ece4 0%,#d4dcd0 100%);margin-bottom:0;padding:60px 40px;position:relative}.products-header-content{text-align:center;max-width:1400px;margin:0 auto}.products-title{color:#1a2a18;letter-spacing:-1px;margin:0 0 12px;font-size:clamp(32px,5vw,48px);font-weight:400}.products-subtitle{color:#5a6a58;max-width:500px;margin:0 auto;font-size:16px}.products-toolbar{background:#fafcf8;border-bottom:1px solid #e8ece4;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:24px 40px;display:flex}.toolbar-left{align-items:center;gap:20px;display:flex}.toolbar-right{align-items:center;gap:16px;display:flex}.mobile-filter-toggle{color:#1a2a18;cursor:pointer;background:#fff;border:1px solid #e8ece4;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:none}.mobile-filter-toggle:hover{border-color:#4a5a48}.filter-count{color:#fff;background:#4a5a48;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.products-search{flex:1;align-items:center;max-width:300px;display:flex;position:relative}.products-search .search-icon{color:#6a7a68;pointer-events:none;position:absolute;left:12px}.products-search .search-input{color:#1a2a18;background:#fff;border:1px solid #e8ece4;border-radius:10px;width:100%;padding:12px 40px;font-size:16px;transition:all .2s}.products-search .search-input::placeholder{color:#9aaa98}.products-search .search-input:focus{border-color:#4a5a48;outline:none;box-shadow:0 0 0 3px #4a5a481a}.products-search .search-clear{color:#4a5a48;cursor:pointer;background:#e8ece4;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;right:8px}.products-search .search-clear:hover{background:#d4dcd0}.results-count{color:#6a7a68;font-size:16px}.sort-wrapper{align-items:center;gap:10px;display:flex}.sort-label{color:#6a7a68;font-size:16px}.custom-sort-dropdown{width:220px;position:relative}.sort-trigger{color:#1a2a18;cursor:pointer;background:#fff;border:1px solid #e8ece4;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:16px;transition:all .2s;display:flex}.sort-trigger:hover,.sort-trigger.is-open{border-color:#4a5a48}.sort-arrow{color:#4a5a48;transition:transform .2s}.sort-arrow.rotated{transform:rotate(180deg)}.sort-options-menu{z-index:50;opacity:0;visibility:hidden;background:#fff;border:1px solid #e8ece4;border-radius:10px;width:100%;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 4px 20px #00000014}.sort-options-menu.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.sort-option{color:#4a5a48;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:15px;transition:background .15s;display:flex}.sort-option:hover{color:#1a2a18;background:#f4f6f2}.sort-option.is-selected{color:#1a2a18;background:#f0f3ee;font-weight:500}.check-icon{color:#1a2a18}.products-main{grid-template-columns:280px 1fr;gap:40px;max-width:1400px;margin:0 auto;padding:40px;display:grid}.products-sidebar{font-family:Inter,sans-serif;position:relative}.products-content{flex-direction:column;gap:24px;display:flex}.active-filters{flex-wrap:wrap;gap:10px;padding-bottom:8px;display:flex}.filter-tag{color:#1a2a18;cursor:pointer;background:#e8ece4;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:inline-flex}.filter-tag:hover{background:#d4dcd0}.filter-tag svg{opacity:.6}.filter-tag:hover svg{opacity:1}.filter-tag-clear{color:#6a7a68;background:0 0;border:1px dashed #9aaa98}.filter-tag-clear:hover{color:#1a2a18;background:#f4f6f2;border-color:#4a5a48}.products-pagination{justify-content:center;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.products-pagination-btn{color:#4a5a48;cursor:pointer;background:#fff;border:1px solid #e8ece4;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.products-pagination-btn:hover:not(:disabled){background:#f4f6f2;border-color:#4a5a48}.products-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.products-pagination-numbers{align-items:center;gap:.4rem;display:inline-flex}.products-page-number{color:#4a5a48;cursor:pointer;background:#fff;border:1px solid #e8ece4;border-radius:10px;width:36px;height:36px;font-size:.85rem;font-weight:600;transition:all .2s}.products-page-number:hover{background:#f4f6f2;border-color:#4a5a48}.products-page-number.is-active{color:#fff;background:#4a5a48;border-color:#4a5a48}.products-pagination-ellipsis{color:#8a9a88;padding:0 .1rem;font-weight:700}.mobile-filters-overlay{z-index:20000;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s;position:fixed;inset:0}.mobile-filters-overlay.is-open{visibility:visible;opacity:1}.mobile-filters-backdrop{background:#00000080;position:absolute;inset:0}.mobile-filters-drawer{background:#fff;flex-direction:column;width:100%;max-width:360px;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-filters-overlay.is-open .mobile-filters-drawer{transform:translate(0)}.mobile-filters-header{border-bottom:1px solid #e8ece4;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mobile-filters-header h2{color:#1a2a18;margin:0;font-size:18px;font-weight:600}.mobile-filters-close{color:#4a5a48;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobile-filters-close:hover{background:#f4f6f2}.mobile-filters-content{flex:1;padding:0;overflow-y:auto}.mobile-filters-content .filter-accordion{border:none;border-radius:0}.mobile-filters-content .filter-header{display:none}.mobile-filters-footer{border-top:1px solid #e8ece4;padding:20px 24px}.mobile-filters-apply{color:#fff;cursor:pointer;background:#4a5a48;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600;transition:all .2s}.mobile-filters-apply:hover{background:#1a2a18}@media (max-width:1399px){.products-main{grid-template-columns:260px 1fr;gap:32px;padding:32px}.products-toolbar{padding:20px 32px}.products-header{padding:50px 32px}}@media (max-width:1279px){.products-main{grid-template-columns:240px 1fr;gap:28px;padding:28px 24px}.products-toolbar{padding:18px 24px}.products-header{padding:44px 24px}}@media (max-width:1023px){.products-sidebar{display:none}.products-main{grid-template-columns:1fr;padding:24px}.mobile-filter-toggle{display:flex}.products-header{padding:40px 24px}.products-toolbar{padding:16px 24px}}@media (max-width:767px){.products-header{padding:36px 20px}.products-toolbar{flex-direction:column;align-items:stretch;gap:16px;padding:16px 20px}.toolbar-left{flex-direction:column;order:1;gap:12px;width:100%;display:flex}.toolbar-right{flex-direction:column;order:2;gap:12px;width:100%;display:flex}.results-count{text-align:center;color:#6a7a68;border-top:1px solid #e8ece4;order:3;width:100%;padding-top:12px;font-size:13px}.mobile-filter-toggle{justify-content:center;width:100%;padding:12px;display:flex}.products-search{width:100%;max-width:none}.products-search .search-input{padding:12px 40px}.sort-wrapper{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.sort-label{color:#4a5a48;margin-bottom:2px;font-size:16px;font-weight:500;display:block}.custom-sort-dropdown{width:100%}.sort-trigger{width:100%;padding:12px 16px;font-size:16px}.products-main{gap:20px;padding:20px}.active-filters{gap:8px}.filter-tag{padding:6px 12px;font-size:12px}.mobile-filters-drawer{max-width:100%}.products-pagination{flex-wrap:wrap}.products-pagination-btn span{display:none}}@media (max-width:639px){.products-header{padding:32px 16px}.products-toolbar,.products-main{padding:16px}}@media (max-width:479px){.products-header{padding:28px 12px}.products-toolbar{gap:14px;padding:14px 12px}.products-main{padding:12px}.filter-tag{padding:5px 10px;font-size:11px}}@media (hover:none){.mobile-filter-toggle:hover,.sort-trigger:hover{border-color:#e8ece4}.filter-tag:hover{background:#e8ece4}.filter-tag-clear:hover{color:#6a7a68;background:0 0;border-color:#9aaa98}.mobile-filters-close:hover{background:0 0}.mobile-filters-apply:hover{background:#4a5a48}.mobile-filter-toggle:active{background:#f4f6f2}.filter-tag:active{background:#d4dcd0}.mobile-filters-apply:active{background:#1a2a18}}