.ks-filter-drawer-backdrop { display: none; } .ks-product-filters .wpc-filters-open-button-container a { border: 1px solid #C9AA7E !important; background: rgba(255, 253, 252, .96) !important; color: #2F2418 !important; box-shadow: 0 7px 18px rgba(47, 36, 24, .10) !important; text-decoration: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease !important; } .ks-product-filters .wpc-filters-open-button-container a *, .ks-product-filters .wpc-filters-open-button-container a svg { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; } .ks-product-filters .wpc-filters-open-button-container a:hover, .ks-product-filters .wpc-filters-open-button-container a:focus-visible { border-color: #2F2418 !important; background: #2F2418 !important; color: #FFFDFC !important; box-shadow: 0 10px 22px rgba(47, 36, 24, .18) !important; transform: translateY(-1px) !important; outline: none !important; } .ks-product-filters .wpc-filters-open-button-container a:active { border-color: #19120D !important; background: #19120D !important; color: #FFFDFC !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25) !important; transform: translateY(1px) !important; } @media (max-width: 767px) { body.ks-filter-drawer-open { overflow: hidden !important; } .ks-product-filters .wpc-filters-widget-content { display: block !important; position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: auto !important; z-index: 1000001 !important; width: min(88vw, 380px) !important; max-width: 380px !important; height: 100vh !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; visibility: hidden !important; opacity: 0 !important; background: #FFFDFC !important; box-shadow: 18px 0 46px rgba(25, 18, 13, .22) !important; transform: translateX(-104%) !important; transition: transform .28s cubic-bezier(.22, .61, .36, 1), opacity .2s ease, visibility 0s linear .28s !important; will-change: transform; } html[dir="rtl"] .ks-product-filters .wpc-filters-widget-content { right: 0 !important; left: auto !important; box-shadow: -18px 0 46px rgba(25, 18, 13, .22) !important; transform: translateX(104%) !important; } body.ks-filter-drawer-open .ks-product-filters .wpc-filters-widget-content { visibility: visible !important; opacity: 1 !important; transform: translateX(0) !important; transition-delay: 0s !important; } .ks-product-filters .wpc-widget-close-container { position: sticky !important; top: 0 !important; z-index: 4 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 64px !important; margin: 0 !important; padding: 12px 16px !important; border-bottom: 1px solid #DDD4C8 !important; background: #FFFDFC !important; } .ks-product-filters .wpc-widget-popup-title { color: #191516 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; } .ks-product-filters .wpc-widget-close-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; border: 1px solid #C9AA7E !important; background: #FFFDFC !important; color: #2F2418 !important; cursor: pointer !important; } .ks-product-filters .wpc-widget-close-icon:hover, .ks-product-filters .wpc-widget-close-icon:focus-visible { border-color: #2F2418 !important; background: #2F2418 !important; color: #FFFDFC !important; outline: none !important; } .ks-product-filters .wpc-filters-scroll-container { height: calc(100vh - 64px) !important; height: calc(100dvh - 64px) !important; max-height: none !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding: 16px 18px 110px !important; scrollbar-width: thin; } .ks-product-filters .wpc-filters-widget-containers-wrapper, .ks-product-filters .wpc-filters-widget-wrapper { min-height: 0 !important; max-height: none !important; overflow: visible !important; } .ks-filter-drawer-backdrop { position: fixed; inset: 0; z-index: 1000000; display: block; visibility: hidden; opacity: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: rgba(25, 18, 13, .56); backdrop-filter: blur(2px); cursor: pointer; transition: opacity .22s ease, visibility 0s linear .22s; } body.ks-filter-drawer-open .ks-filter-drawer-backdrop { visibility: visible; opacity: 1; transition-delay: 0s; } } @media (prefers-reduced-motion: reduce) { .ks-product-filters .wpc-filters-widget-content, .ks-filter-drawer-backdrop, .ks-product-filters .wpc-filters-open-button-container a { transition: none !important; transform: none !important; } }