.ks-product-filters .wpc-term-count { display: inline-flex !important; align-items: baseline !important; width: auto !important; min-width: 0 !important; white-space: nowrap !important; } .ks-product-filters .wpc-term-count-brackets-open, .ks-product-filters .wpc-term-count-brackets-close, .ks-product-filters .wpc-term-count-value { display: inline !important; } @media (min-width: 768px) { .ks-product-filters .wpc-filters-open-button-container { display: none !important; } } @media (max-width: 767px) { .ksgfa-filter-sidebar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 62px !important; height: 62px !important; margin: 0 !important; padding: 10px 13px !important; border: 1px solid rgba(122, 90, 58, .18) !important; background: #FFFDFC !important; box-sizing: border-box !important; } .ksgfa-filter-sidebar > .ksgfa-filter-heading, .ksgfa-filter-sidebar > .ks-product-filters, .ksgfa-filter-sidebar > .ksgfa-filter-heading .elementor-widget-container, .ksgfa-filter-sidebar > .ksgfa-filter-heading .elementor-heading-title, .ksgfa-filter-sidebar > .ks-product-filters .elementor-widget-container, .ksgfa-filter-sidebar > .ks-product-filters .wpc-filters-open-button-container { display: flex !important; align-items: center !important; align-self: center !important; min-width: 0 !important; min-height: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .ksgfa-filter-sidebar > .ksgfa-filter-heading { justify-self: start !important; justify-content: flex-start !important; } .ksgfa-filter-sidebar > .ks-product-filters { justify-self: end !important; justify-content: flex-end !important; } .ksgfa-filter-sidebar > .ksgfa-filter-heading .elementor-heading-title { justify-content: flex-start !important; transform: none !important; } .ks-product-filters .wpc-filters-open-button-container { width: auto !important; } .ks-product-filters .wpc-filters-open-button-container > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 84px !important; min-height: 40px !important; height: 40px !important; margin: 0 !important; padding: 8px 12px !important; border: 1px solid rgba(122, 90, 58, .30) !important; border-radius: 0 !important; background: rgba(255, 253, 252, .98) !important; color: #2F2418 !important; box-shadow: 0 3px 9px rgba(47, 36, 24, .055) !important; line-height: 1 !important; text-decoration: none !important; box-sizing: border-box !important; } .ks-product-filters .wpc-filters-open-button-container .wpc-button-inner { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: auto !important; min-height: 0 !important; height: auto !important; margin: 0 !important; line-height: 1 !important; } .ks-product-filters .wpc-filters-open-button-container .wpc-icon-html-wrapper { top: auto !important; margin: 0 !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 5px 12px rgba(47, 36, 24, .10) !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 1px 3px rgba(0, 0, 0, .18) !important; transform: translateY(1px) !important; } .ks-filter-chips, .ks-filter-chips > .elementor-widget-container, .ks-filter-chips .widget_wpc_chips_widget, .ks-filter-chips .wpc-custom-selected-terms { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .ks-filter-chips .wpc-filter-chips-list { display: flex !important; flex-wrap: wrap !important; align-items: center !important; align-content: center !important; justify-content: flex-start !important; gap: 6px !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 8px 0 !important; list-style: none !important; box-sizing: border-box !important; } .ks-filter-chips .wpc-filter-chips-list > li, .ks-filter-chips .wpc-filter-chips-list > li > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; min-height: 32px !important; margin: 0 !important; line-height: 1.2 !important; box-sizing: border-box !important; } .ks-filter-chips .wpc-filter-chips-list > li > a { padding-top: 6px !important; padding-bottom: 6px !important; } html[dir="rtl"] .ks-filter-chips .wpc-filter-chips-list { justify-content: flex-start !important; } .ks-product-filters .wpc-widget-close-container { position: sticky !important; top: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 40px !important; grid-template-areas: "title close" !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 62px !important; height: 62px !important; margin: 0 !important; padding: 11px 15px !important; border-bottom: 1px solid rgba(122, 90, 58, .16) !important; background: #FFFDFC !important; box-sizing: border-box !important; } .ks-product-filters .wpc-widget-popup-title { grid-area: title !important; position: static !important; inset: auto !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; align-self: center !important; justify-self: stretch !important; width: auto !important; min-height: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; color: #191516 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; text-align: left !important; } .ks-product-filters a.wpc-widget-close-icon { grid-area: close !important; position: relative !important; inset: auto !important; display: block !important; align-self: center !important; justify-self: end !important; width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(122, 90, 58, .28) !important; border-radius: 0 !important; background: #FFFDFC !important; color: #2F2418 !important; box-shadow: none !important; box-sizing: border-box !important; cursor: pointer !important; } .ks-product-filters a.wpc-widget-close-icon .wpc-icon-html-wrapper { display: none !important; } .ks-product-filters a.wpc-widget-close-icon::before, .ks-product-filters a.wpc-widget-close-icon::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; width: 14px !important; height: 1.5px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: currentColor !important; transform-origin: center !important; pointer-events: none !important; } .ks-product-filters a.wpc-widget-close-icon::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .ks-product-filters a.wpc-widget-close-icon::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ks-product-filters a.wpc-widget-close-icon:hover, .ks-product-filters a.wpc-widget-close-icon:focus-visible { border-color: #2F2418 !important; background: #2F2418 !important; color: #FFFDFC !important; outline: none !important; } html[dir="rtl"] .ksgfa-filter-sidebar { grid-template-columns: auto minmax(0, 1fr) !important; } html[dir="rtl"] .ksgfa-filter-sidebar > .ksgfa-filter-heading { grid-column: 2 !important; justify-self: end !important; justify-content: flex-end !important; } html[dir="rtl"] .ksgfa-filter-sidebar > .ks-product-filters { grid-column: 1 !important; justify-self: start !important; justify-content: flex-start !important; } html[dir="rtl"] .ks-product-filters .wpc-widget-close-container { grid-template-columns: 40px minmax(0, 1fr) !important; grid-template-areas: "close title" !important; } html[dir="rtl"] .ks-product-filters .wpc-widget-popup-title { justify-content: flex-end !important; text-align: right !important; } html[dir="rtl"] .ks-product-filters a.wpc-widget-close-icon { justify-self: start !important; } }