theme-facets-form { display: contents; }  .facets-filtering__active-buttons:empty+theme-facets-remove { display: none !important; } .facets-wrapper { display: flex; } .facets-desktop { display: contents; } .facets-sorting-wrapper { display: flex; gap: 10px; padding-block: 11px; } .facets-sorting__summary { display: flex; gap: 10px; align-items: center; padding-inline-end: 12px; } .facets-sorting__summary svg.icon-arrow-thin { transition: 0.2s; } .facets-sorting__content-header { padding-block-end: 10px; border-block-end: 1px solid #ddd; } .facets-sorting__content-body { display: flex; flex-direction: column; gap: 10px; } .facets-sorting__content { display: flex; flex-direction: column; gap: 12px; width: 296px; padding: 20px; background-color: rgb(var(--color-background)); border: 1px solid rgb(0 0 0 / 10%); border-radius: 4px; } @media (min-width: 960px) { .facets-sorting__content { --modal-animation-name: animation-slide-in; position: absolute; inset: 0; inset: unset; gap: 20px; width: 100%; min-width: 250px; max-width: 650px; padding-block-end: 30px; margin-block-start: 10px; transform-origin: top; } } .facets-sorting__content svg { width: 16px; opacity: 0; } .facets-sorting__content input { display: none; } .facets-sorting__content input:checked~svg { opacity: 1; } @media (min-width: 960px) { .facets-sorting__content input:checked~span { border-block-end: 1px solid rgb(var(--color-text)); } } .facets-sorting__content label { display: flex; gap: 8px; align-items: center; padding: 8px 0; } @media (min-width: 960px) { .facets-sorting__details[open]::before { display: none; } } .facets-sorting__details[open] .facets-sorting__summary span { border-block-end: 1px solid rgb(var(--color-text)); } .facets-sorting__details[open] .facets-sorting__summary svg.icon-arrow-thin { transform: rotate(-180deg); } .facets-filtering { display: flex; flex-direction: column; gap: 8px; height: max-content; } .facets-filtering fieldset { padding: 0; margin: 0; border: 0; } .facets-filtering__filters { display: flex; flex: 1; flex-wrap: wrap; gap: 24px; } .facets-filtering__summary { display: flex; gap: 10px; align-items: center; justify-content: center; padding-block: 8px; color: rgb(var(--color-text)); } .facets-filtering__summary svg { flex-shrink: 0; width: 10px; transition: 0.2s; } .facets-filtering__details input[type="radio"], .facets-filtering__details input[type="checkbox"] { display: none; } .facets-filtering__details[open]::before { display: none; } .facets-filtering__details[open] .facets-filtering__summary { border-color: rgb(var(--color-text)); } .facets-filtering__details[open] .facets-filtering__summary svg { transform: rotate(-180deg); } .facets-filtering__content-header { display: flex; gap: 10px; justify-content: space-between; padding-block: 5px; } .facets-filtering__content-header~fieldset { padding-block-start: 12px; border-block-start: 1px solid rgb(221 221 221 / 100%); } .facets-filtering__content { --modal-animation-name: animation-slide-in; position: absolute; inset-block-start: 100%; z-index: var(--z-index-dropdown); display: flex; flex-direction: column; gap: 12px; width: 296px; max-height: 480px; padding: 20px; margin-block-start: 10px; overflow: auto; background-color: rgb(var(--color-background)); border: 1px solid rgb(0 0 0 / 10%); border-radius: 4px; transform-origin: top; } .facets-filtering__content.price-range { gap: 20px; width: 340px; } .facets-filtering__content.price-range .facets-filtering__content-header~fieldset { padding: 0; border-block-start: 0; } .facets-filtering__reset { height: 100%; color: rgba(var(--color-text), 1); border-block-end: 1px solid rgb(var(--color-text)); } .facets-filtering__list { display: flex; flex-direction: column; gap: 12px; } .facets-filtering__list>li { display: flex; gap: 5px; padding-block: 5px; } .facets-filtering__checkbox-wrapper { display: flex; gap: 8px; justify-content: space-around; width: 100%; cursor: pointer; } .facets-filtering__checkbox-wrapper.disabled { cursor: not-allowed; } .facets-filtering__checkbox-wrapper>span:nth-of-type(1) { display: inline-flex; flex: 1; gap: 8px; align-items: center; } .facets-filtering__checkbox-wrapper>span:nth-of-type(1)::before { flex-shrink: 0; width: 14px; height: 14px; content: ""; border: 1px solid #ddd; } .facets-filtering__checkbox-wrapper>span:nth-of-type(2) { flex-shrink: 0; min-width: 10px; text-align: center; opacity: 0.6; } .facets-filtering__checkbox-wrapper input:checked~span:nth-of-type(1)::before { background: black; border-color: black; box-shadow: inset 0 0 0 2px #fff; } .facets-filtering__submenu-button-group { display: flex; gap: 10px; align-items: center; justify-content: space-between; border-block-start: 1px solid rgb(225 228 232 / 100%); } .facets-filtering__submenu-button-group a { width: 100%; } .facets-filtering__submenu-button-group>* { flex: 1; } .facets-filtering__modal-body { position: relative; display: flex; flex: 1; flex-direction: column; gap: 20px; height: 100%; overflow-y: auto; } .facets-filtering__modal-body-inner { padding: 0 20px 30px; overflow-y: auto; } .facets-filtering__modal-summary { display: flex; gap: 10px; align-items: center; } .facets-confirm { width: 100%; color: rgb(var(--color-button-secondary-text)); background-color: rgb(var(--color-button-secondary-background)); box-shadow: inset 0 0 0 1px rgb(var(--color-button-secondary-border)) !important; } .facets-confirm:hover { color: rgb(var(--color-button-text)); background-color: rgb(var(--color-button-background)); } .facets-filtering__active { display: flex; flex-wrap: wrap; gap: 20px; } .facets-filtering__active-buttons { display: flex; flex-wrap: wrap; gap: 8px; } .facets-filtering__active-buttons:empty { width: 100px; } .facets-filtering__active-buttons:empty+theme-facets-remove { display: none; } .facets-filtering__active>theme-facets-remove:only-child { display: none; } .facets-filtering__active-button { display: flex; align-items: center; justify-content: center; padding: 8px 14px; border: 1px solid rgb(var(--color-text)); border-radius: 4px; } .facets-filtering__active-button-inner { display: flex; gap: 10px; align-items: center; color: rgb(var(--color-text)); } .facets-filtering__active-button-inner svg { flex-shrink: 0; } .facets-filtering__active-clear-all { display: inline-flex; align-items: center; height: 100%; } @media (min-width: 960px) { .facets-layout-horizontal .facets-filtering__details { position: relative; } .facets-layout-horizontal .facets-sorting-wrapper { padding-block-end: 16px; } .facets-layout-vertical .facets-filtering { gap: 0; } .facets-layout-vertical .facets-filtering__active { display: none; } .facets-layout-vertical .facets-filtering__filters { flex-direction: column; order: 1; } .facets-layout-vertical .facets-filtering__content { position: relative; width: 100%; padding: 0; overflow: hidden; border: 0; } .facets-layout-vertical .facets-filtering__summary { justify-content: space-between; padding: 15px 0; border: 0; } .facets-layout-vertical .facets-filtering__details { border: 0; } .facets-layout-vertical .facets-filtering theme-collapse:not(:last-child) { border-block-end: 1px solid #ddd; } .facets-layout-vertical .facets-filtering__content-header { display: none; } .facets-layout-vertical .facets-filtering__content-header~fieldset { padding: 0; border: 0; } .facets-layout-vertical .facets-active { flex-wrap: wrap; align-items: flex-start; } .facets-layout-vertical .facets-sorting-wrapper { flex-direction: row-reverse; justify-content: space-between; margin-block-end: 16px; } .facets-layout-drawer .facets-filtering__filters { padding-block: 8px; } .facets-layout-drawer .facets-filtering__modal-close { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: none; border: 0; outline: 0; } .facets-layout-drawer .facets-filtering__modal-close svg { width: 12px; height: 12px; } .facets-layout-drawer .facets-filtering__content-header { display: none; } .facets-layout-drawer .facets-filtering__content-header~fieldset { padding: 0; border: 0; } .facets-layout-drawer .facets-filtering__content { --modal-animation-name: animation-slide-in-right; position: static; width: 100%; padding: 0; margin: 0; overflow: hidden; border: 0; } .facets-layout-drawer .facets-filtering__summary { justify-content: space-between; padding-block: 15px; padding-inline: 0; border: 0; } .facets-layout-drawer .facets-filtering__details { padding-block-end: 10px; border-block-end: 1px solid rgb(var(--color-entry-line)); } .facets-layout-drawer .facets-filtering__modal-content { display: flex; flex-direction: column; width: 400px; padding: 0; border: 0; } .facets-layout-drawer .facets-filtering__modal-header { display: flex; align-items: center; justify-content: space-between; padding-block: 30px 20px; margin-block-end: 10px; margin-inline: 30px; border-block-end: 1px solid rgb(221 221 221 / 100%); } .facets-layout-drawer .facets-filtering__modal-body { margin-inline: 30px; } .facets-layout-drawer .facets-filtering__modal-footer { display: flex; gap: 10px; align-items: center; padding: 12px 20px 20px; border-block-start: 1px solid rgb(var(--color-entry-line)); } .facets-layout-drawer .facets-filtering__modal-footer .facets-count { flex: 1; } .facets-layout-drawer .facets-filtering__modal-footer .button { width: 100px; height: 40px; } .facets-layout-drawer .facets-filtering .price-range .facets-confirm { display: none; } .facets-sorting__details { position: relative; } .facets-sorting__content { position: absolute; inset-inline-end: 0; z-index: var(--z-index-dropdown); } } .facets-mobile { display: contents; } .facets-mobile-inner { display: flex; flex-direction: column; gap: 4px; width: var(--body-container-width); padding-block-end: 4px; margin-inline-start: calc(var(--page-padding) * -1); } .facets-mobile__modals { display: flex; align-items: center; padding: 15px 0; margin-block-end: 4px; border-block-end: 1px solid #ddd; } .facets-mobile__modals>* { flex: 1; } .facets-mobile__modals>*:first-child { border-inline-end: 1px solid #ddd; } .facets-mobile__modals summary { display: flex; gap: 8px; align-items: center; justify-content: center; width: 100%; } .facets-mobile__modals.enable-multi-column-switcher { gap: 12px; padding-inline: var(--page-padding); margin-block-end: 0; border: 0; } .facets-mobile__modals.enable-multi-column-switcher>* { flex: none; } .facets-mobile__modals.enable-multi-column-switcher>*:first-child { border: 0; } .facets-mobile__modals.enable-multi-column-switcher summary { justify-content: start; } .facets-mobile .facets-sorting__content { display: flex; flex-direction: column; gap: 12px; width: 100%; } .facets-mobile .facets-sorting__content label { padding: 5px 0; } .facets-mobile .facets-filtering__modal-close { width: 28px; height: 28px; padding: 0; background: none; border: 0; outline: 0; } .facets-mobile .facets-filtering__modal-close svg { width: 12px; height: 12px; } .facets-mobile .facets-filtering__modal-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 10px; } .facets-mobile .facets-filtering__modal-header>*:first-child { padding-block: 4.5px; } .facets-mobile .facets-filtering__content-header { display: none; } .facets-mobile .facets-filtering__content-header~fieldset { padding: 0; border: 0; } .facets-mobile .facets-filtering__filters { flex-direction: column; } .facets-mobile .facets-filtering__summary { justify-content: space-between; padding: 12px 0; border: 0; } .facets-mobile .facets-filtering__modal-content { display: flex; flex-direction: column; width: 92%; overflow-y: auto; } .facets-mobile .facets-filtering__content { position: relative; width: 100%; padding: 0; margin: 0; border: 0; } .facets-mobile .facets-filtering__details[open] { padding-block-end: 10px; } .facets-mobile .facets-filtering__details:not(:last-child) { border-block-end: 1px solid #ddd; } .facets-mobile .facets-filtering__modal-body { overflow-y: hidden; } .facets-mobile .facets-filtering__modal-body>*:first-child { flex: 1; padding: 0 20px; overflow: hidden auto; } .facets-mobile .facets-filtering__submenu-button-group { padding: 12px 20px 20px; } .facets-mobile .facets-filtering .price-range .facets-confirm { display: none; } .facets-mobile__multi-column-switcher { display: flex; gap: 8px; align-items: center; margin-inline-start: auto; } .facets-mobile__multi-column-switcher-button { width: 20px; height: 20px; color: rgb(221 221 221 / 100%); cursor: pointer; } .facets-mobile__multi-column-switcher-button.active { color: black; } .price-range-input { display: flex; gap: 8px; align-items: center; padding-block-end: 20px; } .price-range-input .field { padding: 8px 12px; margin: 0; } .price-range-input .field::after { border-color: #ddd; } .price-range-input .field:focus-within::after { border-color: black; } .price-range-input .field__input { padding: 0; } .price-range-input .line { flex-shrink: 0; width: 10px; height: 1px; background: #ddd; } .price-range-input .field-currency { flex-shrink: 0; padding-inline-end: 5px; opacity: 0.5; } .price-range-slider { position: relative; padding: 8px 0; } .price-range-slider .price-range-track { position: relative; height: 4px; background-color: rgba(var(--color-text), 0.1); } .price-range-slider .price-range-bar { position: absolute; inset-block-start: 0; width: 100%; height: 100%; background-color: rgb(var(--color-text)); } .price-range-slider .price-range-dot { position: absolute; inset-block-start: 50%; width: 16px; height: 16px; background-color: rgb(var(--color-background)); border: 3px solid rgb(var(--color-text)); border-radius: 16px; transform: translateY(-50%); } .price-range-slider .price-range-dot.price-range-dot--min { inset-inline-start: 0; transform: translate(0, -50%); } .price-range-slider .price-range-dot.price-range-dot--max { inset-inline-end: 0; transform: translate(0, -50%); } .facets-loading { position: fixed; inset-block-start: 50%; inset-inline-start: 50%; width: 92px; height: 92px; background-color: rgb(var(--color-page-background)); border-radius: 12px; box-shadow: 0 10px 50px 0 rgba(var(--color-text), 0.08); transform: translate(-50%, -50%); } .facets-loading>div { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .facets-loading>div svg { width: 60%; height: 60%; } .facets-loading-wrapper { position: fixed; inset: 0; z-index: var(--z-index-toast); display: none; content: ""; } .facets-loading-wrapper.loading { display: block; } .facets-position-sticky { position: sticky; inset-block-start: var(--theme-sticky-offset, 0); z-index: var(--z-index-sticky); background-color: rgb(var(--color-background)); transition: inset-block-start 0.26s ease-out; }   .facets-filtering__modal-summary, .facets-filtering__modal-summary *, .facets-filtering__modal-content, .facets-filtering__modal-content *, .facets-sorting__summary, .facets-sorting__summary *, .facets-sorting__content, .facets-sorting__content *, theme-facets-form .facets-count, theme-facets-form .facets-count * { font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-style: normal !important; letter-spacing: -0.006em !important; text-transform: none !important; }  @media (min-width: 960px) {  .facets-layout-drawer .facets-filtering { align-items: flex-start !important; width: 100% !important; } .facets-layout-drawer .facets-filtering__filters { justify-content: flex-start !important; width: 100% !important; } .facets-layout-drawer .facets-filtering__filters>theme-modal { display: block !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; } .facets-layout-drawer .facets-filtering__filters>theme-modal>details { display: block !important; width: auto !important; margin: 0 !important; } .facets-layout-drawer .facets-filtering__modal-summary { justify-content: flex-start !important; width: max-content !important; margin: 0 !important; } theme-facets-form[data-type="desktop"] .facets-sorting-wrapper { align-items: center !important; gap: 14px !important; } }  theme-facets-form[data-type="desktop"] .facets-filtering__modal-summary { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; min-height: 32px !important; margin: 0 !important; padding: 0 !important; color: #303030 !important; cursor: pointer !important; } theme-facets-form[data-type="desktop"] .facets-filtering__modal-summary>span { color: #303030 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important; } theme-facets-form[data-type="desktop"] .facets-filtering__modal-summary>svg { flex: 0 0 auto !important; width: 12px !important; height: 12px !important; color: #303030 !important; } theme-facets-form[data-type="desktop"] .facets-filtering__modal-summary>svg :is(path, line, polyline) { stroke-width: 1.2 !important; }  theme-facets-form[data-type="desktop"] .facets-sorting__summary, theme-facets-form[data-type="desktop"] .facets-sorting__summary * { color: #303030 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.25 !important; } theme-facets-form[data-type="desktop"] .facets-sorting__summary { display: inline-flex !important; align-items: center !important; gap: 7px !important; min-height: 32px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; } theme-facets-form[data-type="desktop"] .facets-sorting__summary>span { font-weight: 500 !important; } theme-facets-form[data-type="desktop"] .facets-sorting__summary>svg { flex: 0 0 auto !important; width: 11px !important; height: 11px !important; margin-inline-start: 2px !important; color: #303030 !important; } theme-facets-form[data-type="desktop"] .facets-sorting__summary>svg :is(path, line, polyline) { stroke-width: 1.2 !important; }  theme-facets-form[data-type="desktop"] .facets-sorting-wrapper .facets-count, theme-facets-form[data-type="desktop"] .facets-sorting-wrapper .facets-count * { color: #303030 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.25 !important; white-space: nowrap !important; } theme-facets-form[data-type="desktop"] .facets-sorting-wrapper .facets-count { display: inline-flex !important; align-items: center !important; min-height: 32px !important; margin: 0 !important; padding: 0 !important; }  .facets-sorting__content { width: 235px !important; min-width: 235px !important; max-width: calc(100vw - 32px) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: #303030 !important; background: #fff !important; border: 1px solid #e1e1e1 !important; border-radius: 0 !important; box-shadow: 0 8px 24px rgb(0 0 0 / 5%) !important; } .facets-sorting__content-header { padding: 14px 16px !important; color: #303030 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; border-bottom: 1px solid #e5e5e5 !important; } .facets-sorting__content-body { display: flex !important; flex-direction: column !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 7px 0 !important; } .facets-sorting__content-body>label { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 40px !important; margin: 0 !important; padding: 10px 16px !important; color: #333 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important; cursor: pointer !important; background: transparent !important; } .facets-sorting__content-body>label>span { color: #333 !important; font-size: 13px !important; font-weight: 400 !important; } .facets-sorting__content-body>label>svg { flex: 0 0 auto !important; width: 13px !important; height: 13px !important; } .facets-sorting__content-body>label>input:checked~span { font-weight: 500 !important; text-decoration: underline !important; text-decoration-thickness: 0.7px !important; text-underline-offset: 4px !important; } @media (hover: hover) { .facets-sorting__content-body>label:hover { background: #fafafa !important; } }  .facets-filtering__modal-content { display: flex !important; flex-direction: column !important; width: min(420px, 100vw) !important; max-width: 100vw !important; height: 100vh !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; color: #303030 !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: 10px 0 28px rgb(0 0 0 / 7%) !important; }  .facets-filtering__modal-header { display: flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 68px !important; margin: 0 !important; padding: 0 24px !important; background: #fff !important; border-bottom: 1px solid #e5e5e5 !important; } .facets-filtering__modal-header>div { margin: 0 !important; padding: 0 !important; color: #303030 !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -0.012em !important; } .facets-filtering__modal-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; color: #303030 !important; cursor: pointer !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 0.9 !important; appearance: none !important; -webkit-appearance: none !important; } .facets-filtering__modal-close:hover { opacity: 0.55 !important; } .facets-filtering__modal-close svg { display: block !important; width: 17px !important; height: 17px !important; color: #303030 !important; } .facets-filtering__modal-close svg :is(path, line) { stroke-width: 1.1 !important; }  .facets-filtering__modal-body { position: relative !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 24px !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; background: #fff !important; }  .facets-filtering__details { width: 100% !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #e5e5e5 !important; } .facets-filtering__summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; width: 100% !important; min-height: 56px !important; margin: 0 !important; padding: 17px 0 !important; color: #303030 !important; cursor: pointer !important; } .facets-filtering__summary>span { color: #303030 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; } .facets-filtering__summary>svg { flex: 0 0 auto !important; width: 11px !important; height: 11px !important; color: #303030 !important; } .facets-filtering__summary>svg :is(path, line, polyline) { stroke-width: 1.15 !important; }  .facets-filtering__content { width: 100% !important; margin: 0 !important; padding: 1px 0 22px !important; color: #303030 !important; } .facets-filtering__content-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 0 0 13px !important; padding: 0 !important; color: #777 !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.3 !important; } .facets-filtering__content-header * { font-size: inherit !important; font-weight: inherit !important; } .facets-filtering__reset { color: #5e5e5e !important; font-size: 11.5px !important; font-weight: 400 !important; text-decoration: underline !important; text-decoration-thickness: 0.7px !important; text-underline-offset: 3px !important; }  .facets-filtering__list { display: flex !important; flex-direction: column !important; gap: 14px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .facets-filtering__item { width: 100% !important; margin: 0 !important; padding: 0 !important; } .facets-filtering__checkbox-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; } .facets-filtering__checkbox-wrapper>input { display: none !important; } .facets-filtering__checkbox-wrapper>span:nth-of-type(1) { grid-column: 1 !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; color: #333 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.35 !important; } .facets-filtering__checkbox-wrapper>span:nth-of-type(1)::before { flex: 0 0 auto !important; width: 15px !important; height: 15px !important; content: "" !important; background: #fff !important; border: 1px solid #d4d4d4 !important; border-radius: 0 !important; box-shadow: none !important; } .facets-filtering__checkbox-wrapper>input:checked~span:nth-of-type(1)::before { background: #292929 !important; border-color: #292929 !important; box-shadow: inset 0 0 0 3px #fff !important; } .facets-filtering__checkbox-wrapper>span:nth-of-type(2) { grid-column: 2 !important; min-width: 28px !important; color: #888 !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.3 !important; text-align: right !important; } .facets-filtering__checkbox-wrapper.disabled { opacity: 0.42 !important; }  .price-range { padding-bottom: 24px !important; } .price-range fieldset { margin: 0 !important; padding: 0 !important; border: 0 !important; } .price-range-input { display: grid !important; grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin: 0 !important; } .price-range-input>.line { display: block !important; width: 14px !important; height: 1px !important; background: #d7d7d7 !important; } .price-range-input .field { display: flex !important; align-items: center !important; min-width: 0 !important; min-height: 42px !important; margin: 0 !important; padding: 0 10px !important; background: #fff !important; border: 1px solid #dcdcdc !important; border-radius: 0 !important; box-shadow: none !important; } .price-range-input .field-currency { flex: 0 0 auto !important; margin: 0 5px 0 0 !important; color: #898989 !important; font-size: 12px !important; font-weight: 400 !important; } .price-range-input .field__input { width: 100% !important; min-width: 0 !important; height: 40px !important; margin: 0 !important; padding: 0 !important; color: #303030 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 40px !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } .price-range-input .field__input::-webkit-inner-spin-button, .price-range-input .field__input::-webkit-outer-spin-button { margin: 0; appearance: none; -webkit-appearance: none; }  .price-range-slider { width: 100% !important; margin: 23px 0 0 !important; overflow: visible !important; } .price-range-slider .price-range-track { height: 1px !important; background-color: #d1d1d1 !important; } .price-range-slider .price-range-bar { height: 100% !important; background-color: #303030 !important; } .price-range-slider .price-range-dot { width: 14px !important; height: 14px !important; background-color: #fff !important; border: 1px solid #303030 !important; border-radius: 50% !important; box-shadow: none !important; cursor: ew-resize !important; pointer-events: auto !important; touch-action: none !important; user-select: none !important; -webkit-user-select: none !important; }  .facets-filtering__modal-footer { display: grid !important; flex: 0 0 auto !important; grid-template-columns: minmax(0, 1fr) 104px 104px !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 76px !important; margin: 0 !important; padding: 14px 24px !important; background: #fff !important; border-top: 1px solid #e5e5e5 !important; box-shadow: 0 -6px 18px rgb(0 0 0 / 3%) !important; } .facets-filtering__submenu-button-group { position: sticky !important; bottom: 0 !important; z-index: 5 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 94px 94px !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-height: 72px !important; margin: 0 !important; padding: 12px 20px !important; background: #fff !important; border-top: 1px solid #e5e5e5 !important; box-shadow: 0 -6px 18px rgb(0 0 0 / 3%) !important; } .facets-filtering__modal-footer .facets-count, .facets-filtering__submenu-button-group .facets-count { color: #303030 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.3 !important; } .facets-filtering__modal-footer .button, .facets-filtering__submenu-button-group .button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 42px !important; margin: 0 !important; padding: 0 12px !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; border-radius: 0 !important; box-shadow: none !important; } .facets-filtering__modal-footer .button--secondary, .facets-filtering__submenu-button-group .button--secondary { color: #303030 !important; background: #fff !important; border: 1px solid #303030 !important; } .facets-filtering__modal-footer button[name="confirm"], .facets-filtering__submenu-button-group button[name="confirm"] { color: #fff !important; background: #262626 !important; border: 1px solid #262626 !important; }  @media (max-width: 959px) { .facets-mobile-inner { width: 100% !important; margin-inline-start: 0 !important; } .facets-mobile__modals { justify-content: flex-start !important; gap: 12px !important; } .facets-mobile__modals>* { flex: 0 0 auto !important; } .facets-mobile__modals>.facets-filtering { width: auto !important; margin: 0 !important; } .facets-mobile__modals>.facets-filtering summary { justify-content: flex-start !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #303030 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.25 !important; } .facets-mobile__modals .facets-sorting__summary, .facets-mobile__modals .facets-sorting__summary * { color: #303030 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; } .facets-mobile__modals .facets-sorting__summary>span { font-weight: 500 !important; } .facets-mobile__multi-column-switcher { margin-inline-start: auto !important; } .facets-mobile .facets-filtering__modal-content { width: 100vw !important; } .facets-mobile .facets-filtering__modal-header { min-height: 64px !important; padding-inline: 20px !important; } .facets-mobile .facets-filtering__modal-header>div { font-size: 16px !important; } .facets-mobile .facets-filtering__modal-body { padding: 0 !important; overflow: hidden !important; } .facets-mobile .facets-filtering__modal-body>div:first-child { flex: 1 1 auto !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 20px 24px !important; overflow-x: hidden !important; overflow-y: auto !important; } .facets-mobile .facets-filtering__submenu-button-group { width: 100% !important; margin: 0 !important; } .facets-mobile .facets-sorting__content { width: 100% !important; min-width: 100% !important; border-inline: 0 !important; border-bottom: 0 !important; } .facets-mobile .facets-sorting__content-body>label, .facets-mobile .facets-sorting__content-body>label>span { font-size: 12.5px !important; } .facets-filtering__summary>span { font-size: 13px !important; } .facets-filtering__checkbox-wrapper>span:nth-of-type(1) { font-size: 12.5px !important; } .facets-filtering__checkbox-wrapper>span:nth-of-type(2) { font-size: 11px !important; } .price-range-input .field__input { font-size: 12.5px !important; } .facets-mobile-inner>.facets-count.page-width { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 4px !important; overflow: visible !important; transform: none !important; color: #303030 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; text-align: left !important; white-space: nowrap !important; } }  .facets-filtering__modal-header { min-height: 54px !important; padding: 0 20px !important; } .facets-filtering__modal-header>div, .facets-filtering__modal-header .body1, .facets-filtering__modal-header .body1 * { color: #303030 !important; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: -0.008em !important; }  .facets-filtering__modal-close { width: 20px !important; height: 20px !important; } .facets-filtering__modal-close svg { width: 13px !important; height: 13px !important; } .facets-filtering__modal-close svg path, .facets-filtering__modal-close svg line { stroke-width: 1 !important; }  @media (max-width: 959px) { .facets-mobile .facets-filtering__modal-header { min-height: 54px !important; padding-inline: 20px !important; } .facets-mobile .facets-filtering__modal-header>div, .facets-mobile .facets-filtering__modal-header .body1 { font-size: 13px !important; font-weight: 500 !important; } }   @media (min-width: 960px) { theme-facets-form[data-type="desktop"] .facets-filtering__modal-summary, theme-facets-form[data-type="desktop"] .facets-filtering__modal-summary>span { color: #303030 !important; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: -0.006em !important; text-transform: none !important; } theme-facets-form[data-type="desktop"] .facets-filtering__modal-summary { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; min-height: 32px !important; margin: 0 !important; padding: 0 !important; } }  @media (max-width: 959px) { theme-facets-form[data-type="mobile"] .facets-mobile__modals>.facets-filtering summary, theme-facets-form[data-type="mobile"] .facets-mobile__modals>.facets-filtering summary>span { color: #303030 !important; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-size: 12px !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.25 !important; letter-spacing: -0.006em !important; text-transform: none !important; } theme-facets-form[data-type="mobile"] .facets-mobile__modals>.facets-filtering summary { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: auto !important; min-height: 32px !important; margin: 0 !important; padding: 0 !important; } }   .facets-filtering__modal-content .facets-filtering__summary, .facets-filtering__modal-content .facets-filtering__summary *, .facets-filtering__modal-content .facets-filtering__summary>span { font-family: Figtree, var(--font-body-family), Arial, sans-serif !important; font-size: 11.05px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: -0.006em !important; text-transform: none !important; }  .facets-filtering__modal-content .facets-filtering__details, .facets-filtering__modal-content .facets-filtering__details:not(:last-child), .facets-filtering__modal-content theme-collapse { border: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-block: 0 !important; border-block-start: 0 !important; border-block-end: 0 !important; }  .facets-filtering__modal-content .facets-filtering__modal-header { border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid #e5e5e5 !important; border-left: 0 !important; }  .facets-filtering__active, .facets-filtering__active *, .facets-filtering__active-button, .facets-filtering__active-clear-all { font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-style: normal !important; letter-spacing: -0.006em !important; text-transform: none !important; } .facets-filtering__active { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 11px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .facets-filtering__active-buttons { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .facets-filtering__active-buttons theme-facets-remove { display: block !important; flex: 0 0 auto !important; max-width: 100% !important; } .facets-filtering__active-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; max-width: 100% !important; margin: 0 !important; padding: 0 11px !important; color: #303030 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.2 !important; text-decoration: none !important; white-space: nowrap !important; background: transparent !important; border: 1px solid #d8d8d8 !important; border-radius: 0 !important; box-shadow: none !important; } .facets-filtering__active-button-inner { display: inline-flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; color: #303030 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; white-space: nowrap !important; } .facets-filtering__active-button-inner svg { flex: 0 0 auto !important; width: 9px !important; height: 9px !important; margin: 0 !important; color: #303030 !important; } .facets-filtering__active-button-inner svg :is(path, line, polyline) { stroke: currentcolor !important; stroke-width: 1.2 !important; } .facets-filtering__active>theme-facets-remove { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .facets-filtering__active-clear-all, .facets-filtering__active-clear-all.button, .facets-filtering__active-clear-all.button--link { display: inline-flex !important; align-items: center !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #303030 !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.35 !important; text-decoration: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .facets-filtering__active-clear-all>span { display: inline-block !important; padding-bottom: 1px !important; border-bottom: 1px solid #777 !important; } @media (hover: hover) { .facets-filtering__active-button:hover { color: #171717 !important; border-color: #9f9f9f !important; } .facets-filtering__active-clear-all:hover { color: #171717 !important; opacity: 0.68 !important; } } @media (max-width: 959px) { theme-facets-form[data-type="mobile"] .facets-filtering__active { gap: 10px !important; margin: 1px 0 3px !important; } theme-facets-form[data-type="mobile"] .facets-filtering__active-buttons { gap: 6px !important; } theme-facets-form[data-type="mobile"] .facets-filtering__active-button { min-height: 30px !important; padding-inline: 10px !important; font-size: 11.5px !important; } theme-facets-form[data-type="mobile"] .facets-filtering__active-button-inner { gap: 6px !important; } theme-facets-form[data-type="mobile"] .facets-filtering__active-button-inner svg { width: 8px !important; height: 8px !important; } theme-facets-form[data-type="mobile"] .facets-filtering__active-clear-all, theme-facets-form[data-type="mobile"] .facets-filtering__active-clear-all.button, theme-facets-form[data-type="mobile"] .facets-filtering__active-clear-all.button--link { font-size: 11px !important; } theme-facets-form[data-type="mobile"] .facets-mobile-inner>.facets-count.page-width, theme-facets-form[data-type="mobile"] .facets-mobile-inner>.facets-count.page-width * { color: #777 !important; font-family: var(--font-body-family), Figtree, Arial, sans-serif !important; font-size: 11px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: -0.006em !important; text-transform: none !important; } }