:root{--filter-drawer-bg:#ffffff;--filter-drawer-overlay-bg:rgba(0,0,0,0.5);--filter-btn-bg:var(--color-primary,#659C24);--filter-btn-color:#ffffff;--filter-badge-bg:#e74c3c;--filter-badge-color:#ffffff;--filter-drawer-shadow:0 -8px 30px rgba(0,0,0,0.15);--filter-drawer-radius:20px 20px 0 0;--filter-drawer-transition:transform 0.35s cubic-bezier(0.32,0.72,0,1);--filter-close-color:#555555;--filter-header-border:#ebebeb}.btn-filter-mobile{display:none}@media(max-width:1199px){.btn-filter-mobile{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--filter-btn-bg);color:var(--filter-btn-color);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;position:relative;transition:background-color .2s ease,transform .15s ease}.btn-filter-mobile:hover{background-color:#55851d;transform:translateY(-1px)}.btn-filter-mobile:active{transform:translateY(0)}.btn-filter-mobile .filter-badge{position:absolute;top:-8px;right:-8px;background-color:var(--filter-badge-bg);color:var(--filter-badge-color);font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}}.filter-drawer-overlay{display:none}@media(max-width:1199px){.filter-drawer-overlay{display:block;position:fixed;inset:0;background-color:var(--filter-drawer-overlay-bg);z-index:1040;opacity:0;pointer-events:none;transition:opacity .3s ease}.filter-drawer-overlay.visible{opacity:1;pointer-events:all}}@media(min-width:1200px){.filter-drawer{display:block!important;position:static!important;transform:none!important}}@media(max-width:1199px){.filter-drawer{position:fixed;bottom:0;left:0;right:0;z-index:1050;background-color:var(--filter-drawer-bg);border-radius:var(--filter-drawer-radius);box-shadow:var(--filter-drawer-shadow);max-height:85vh;overflow-y:auto;transform:translateY(100%);transition:var(--filter-drawer-transition)}.filter-drawer.open{transform:translateY(0)}.filter-drawer:before{content:"";display:block;width:40px;height:4px;background-color:#ddd;border-radius:2px;margin:12px auto 4px}}@media(min-width:1200px){.filter-drawer--mobile{display:none!important}}.filter-drawer-header{display:none}@media(max-width:1199px){.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;border-bottom:1px solid var(--filter-header-border)}.filter-drawer-header .filter-drawer-title{font-size:17px;font-weight:700;color:#222;margin:0}.filter-drawer-header .filter-drawer-close{background:none;border:none;cursor:pointer;color:var(--filter-close-color);font-size:22px;line-height:1;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.filter-drawer-header .filter-drawer-close:hover{background-color:#f5f5f5}.filter-drawer-body{padding:16px 20px 32px}}.mobile-filter-bar{display:none}@media(max-width:1199px){.mobile-filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.shop-grid-sidebar-area .col-xl-3{display:none}.shop-grid-sidebar-area .col-xl-9{width:100%;max-width:100%;flex:0 0 100%}}