:root { /* Fonts */ --font-base: 'Karla', sans-serif; --font-size-huge: 18px; --font-size-large: 13px; --font-size-medium: 12px; --font-size-small: 11px; --line-height: 1.2; --color-black: #111; --color-white: #fff; --color-grey-5: #404040; --color-grey-4: #8d8d8d; --color-grey-3: #c6c6c6; --color-grey-2: #e2e2e2; --color-grey-1: #f3f3f3; --color-yellow: #e9be57; --color-red: #d0284b; --color-blue: #3c74c5; --facet-item-color: var(--color-black); --facet-item-font-family: var(--font-base); --facet-item-font-size: 1; --components-cards-product-text-align: center; --components-cards-product-title-font-size: 1; --components-cards-product-title-font-family: var(--font-base); --components-cards-product-title-color: var(--color-black); --components-cards-product-title-text-transform: none; --components-cards-product-description-font-size: 1; --components-cards-product-description-color: #b2b2b2; --components-cards-product-description-font-family: var(--font-base); --components-common-grid-gutter: 20px; --components-dropdown-padding: 0 11px; --components-dropdown-select-height: 40px; --components-dropdown-dropdown-background: var(--color-white); --components-dropdown-option-height: 40px; --components-dropdown-highlighted-background: var(--color-grey-1); --components-pagination-height: 40px; --components-pagination-text-transform: uppercase; --components-search-desktopactions-padding: 25px; --components-cards-content-title-font-size: 1; --components-cards-content-title-font-family: var(--font-base); --components-cards-content-title-color: var(--color-black); --components-cards-content-title-text-transform: none; --components-cards-content-title-text-align: left; --components-cards-content-description-font-size: 1; --components-cards-content-description-color: #b2b2b2; --components-cards-content-description-font-family: var(--font-base); --components-checkboxfacet-item-font-size: var(--font-size-medium); --components-checkboxfacet-item-padding: 3px 0; --components-checkboxfacet-search-padding-bottom: 11px; --components-facet-text-color: var(--color-black); --components-facet-text-font-family: var(--font-base); --components-facet-text-font-size: 1; --components-facet-body-padding: 14px 0 0 0; --components-categoryfacet-item-font-size: var(--font-size-medium); --components-categoryfacet-item-padding: 3px 0; --components-cards-product-price-font-family: $font-base; --components-cards-product-price-font-size: $font-size-medium; --components-cards-product-price-compare-color: var(--color-grey-4); --components-cards-product-price-price-color: var(--color-black); --components-cards-product-price-sale-price-color: var(--color-red); --components-autocomplete-suggestionitem-suggestion-color: var(--color-black); --components-autocomplete-suggestionitem-suggestion-font-family: var(--font-base); --components-autocomplete-suggestionitem-suggestion-font-size: 1; --components-search-desktopfacets-padding: 25px; --components-search-desktopfacets-gutter: 40px; --swiper-theme-color: #333; --swiper-navigation-size: 44px; --components-rangefacet-height: 30px; --components-rangefacet-item-font-size: var(--font-size-medium); --components-rangefacet-item-padding: 3px 0; --components-rangefacet-input-width: 60px; --components-rangefacet-input-indent: 8px; --components-rangefacet-currency-font-size: var(--font-size-medium); --components-rangefacet-submit-font-size: var(--font-size-medium); --components-ratingfacet-height: 30px; --components-ratingfacet-item-font-size: var(--font-size-medium); --components-ratingfacet-item-padding: 3px 0; --components-ratingfacet-input-width: 60px; --components-ratingfacet-input-indent: 8px; --components-ratingfacet-currency-font-size: var(--font-size-medium); --components-ratingfacet-submit-font-size: var(--font-size-medium); } /* imported from styles.css */ .findify-components--button { border: none; outline: none; background: transparent; cursor: pointer; -webkit-transition: background-color .1s ease-in; transition: background-color .1s ease-in; padding: 0; margin: 0; font-family: var(--font-base); } .findify-components--button__raw { padding: 0; margin: 0; display: block; text-align: left; background: transparent; height: auto; } .findify-components--button__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* imported from styles.css */ .findify-components--icon { display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; /*color: inherit; FIXME: for whatever reason styles override each other while ignoring class order completely*/ } /* imported from styles.css */ .findify-components--text { display: block; padding: 0; margin: 0; color: var(--color-black); font-size: var(--font-size-medium); font-family: var(--font-base); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .findify-components--text__primary-uppercase { font-size: var(--font-size-small); text-transform: uppercase; font-weight: bold; color: var(--color-black); line-height: 17px; } .mobile .findify-components--text__primary-uppercase { font-weight: normal; line-height: 15px; } .findify-components--text__primary-lowercase { font-size: var(--font-size-large); text-transform: capitalize; font-weight: normal; color: var(--color-black); line-height: 21px; } .mobile .findify-components--text__primary-lowercase { font-size: var(--font-size-medium); } .findify-components--text__secondary-uppercase { font-size: var(--font-size-small); text-transform: uppercase; font-weight: bold; color: var(--color-grey-3); } .findify-components--text__secondary-lowercase { font-size: var(--font-size-large); text-transform: capitalize; font-weight: normal; color: var(--color-grey-3); } .mobile .findify-components--text__secondary-lowercase { font-size: var(--font-size-small); } .findify-components--text__title { font-size: var(--font-size-huge); font-weight: normal; color: var(--color-black); } .findify-components--text__bold { font-weight: bold; } .findify-components--text__inlineBlock { display: inline-block; } /* imported from styles.css */ .findify-components--cards--product { padding-left: 9px; padding-right: 9px; padding-bottom: 51px; width: calc(100% - 18px); display: table; background-color: transparent; -webkit-transition: background-color .35s ease-in-out; transition: background-color .35s ease-in-out; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none !important; vertical-align: bottom; } .findify-components--cards--product.findify-components--cards--product__simple { padding: 0 8px 15px 8px; } /* .root { font-size: 14px; padding: 6%!important; display: flex; background-color: transparent; transition: background-color .35s ease-in-out; text-decoration: none; user-select: none; border: none!important; &.simple{ padding: 0 8px 15px 8px; } &:hover { background-color: #f7f7f7; } &.simple:hover{ background-color: initial; } }*/ .findify-widget--products-carousel .findify-components--cards--product:hover, .findify-widget--products-carousel .findify-components--cards--product:focus { background-color: inherit; } .findify-components--cards--product__image-wrap { position: relative; overflow: hidden; margin-bottom: 12px; } .findify-components--cards--product__image { max-width: 100%; margin: 0 auto; } .findify-components--cards--product__content { font-size: 14px; } .findify-components--cards--product__title { width: 100%; color: var(--components-cards-product-title-color); font-family: var(--components-cards-product-title-font-family); text-transform: var(--components-cards-product-title-text-transform); text-align: var(--components-cards-product-text-align); font-size: calc(var(--font-size-medium) * var(--components-cards-product-title-font-size)) !important; /* FIXME: figure out issue with import order of styles */ line-height: calc(var(--font-size-medium) * var(--components-cards-product-title-font-size) * 1.6); } .findify-components--cards--product__description { font-family: var(--components-cards-product-description-font-family); font-size: calc(var(--font-size-medium) * var(--components-cards-product-description-font-size)); color: var(--components-cards-product-description-color); margin: 5px 0; } .findify-components--cards--product__rating { margin: 5px 0; margin-bottom: 8px; width: 100%; text-align: center; } .findify-components--cards--product__price-wrapper { margin-top: 20px !important; margin-bottom: 12px !important; } .findify-components--cards--product__color { text-transform: none; font-size: 13px; color: #b2b2b2; margin: 5px 0; } .findify-components--cards--product__out-of-stock { margin: 0; margin-top: -3px; font-size: 13px; color: #b2b2b2; } .findify-components--cards--product__discount-sticker { position: absolute; top: 4%; right: 4%; z-index: 50; } .findify-components--cards--product__variants { color: var(--color-grey-3); font-family: var(--font-base); font-size: var(--font-size-large); margin-top: 10px; margin-bottom: 10px; text-align: center; } /* imported from styles.css */ .findify-components-common--grid { font-size: 0; line-height: 0; width: 100%; } .findify-components-common--grid__column { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 1px; font-size: var(--font-size-medium); line-height: var(--line-height); vertical-align: top; } @supports (display: flex) { .findify-components-common--grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: top; -ms-flex-align: top; align-items: top; font-size: inherit; line-height: inherit; -ms-flex-wrap: wrap; flex-wrap: wrap; } .findify-components-common--grid__column { display: block; } } .findify-components-common--grid__column-1 { width: 8.33333%; } .findify-components-common--grid__column-2 { width: 16.66667%; } .findify-components-common--grid__column-3 { width: 25%; } .findify-components-common--grid__column-4 { width: 33.33333%; } .findify-components-common--grid__column-5 { width: 41.66667%; } .findify-components-common--grid__column-6 { width: 50%; } .findify-components-common--grid__column-7 { width: 58.33333%; } .findify-components-common--grid__column-8 { width: 66.66667%; } .findify-components-common--grid__column-9 { width: 75%; } .findify-components-common--grid__column-10 { width: 83.33333%; } .findify-components-common--grid__column-11 { width: 91.66667%; } .findify-components-common--grid__column-12 { width: 100%; } /* imported from styles.css */ .findify-components-autocomplete--search-suggestions__list { list-style-type: none; margin: 0; padding: 0; display: block; } .findify-components-autocomplete--search-suggestions__list li { display: block; } .findify-components-autocomplete--search-suggestions__readerText { position: absolute !important; display: block; visibility: visible; overflow: hidden; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0, 0, 0, 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); white-space: nowrap; } /* imported from styles.css */ .findify-components-search--lazy-results { width: 100%; } .findify-components-search--lazy-results__next-button { margin: 50px auto 0 auto; display: block; padding: 0 85px; height: 40px; background: var(--color-grey-1); -webkit-transition: background .1s linear; transition: background .1s linear; } .findify-components-search--lazy-results__next-button:hover, .findify-components-search--lazy-results__next-button:focus { background: var(--color-grey-2); } .findify-components-search--lazy-results__prev-button { margin: 0 auto 50px auto; display: block; padding: 0 85px; height: 40px; background: var(--color-grey-1); -webkit-transition: background .1s linear; transition: background .1s linear; } .findify-components-search--lazy-results__prev-button:hover, .findify-components-search--lazy-results__prev-button:focus { background: var(--color-grey-2); } /* imported from styles.css */ .findify-components-autocomplete--product-matches { /* width: 355px; */ } .findify-components-autocomplete--product-matches__product-card { display: block; padding-left: 0; padding-bottom: 16px; } .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__imageWrap { display: table-cell; min-width: 60px; } .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__content { padding-left: 10px; display: table-cell; vertical-align: top; } .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__content p, .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__content .findify-components-autocomplete--product-matches__price-wrapper, .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__content span { text-align: left; } .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__content span { font-size: 12px !important; line-height: 17px; } .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__content .findify-components-autocomplete--product-matches__price-wrapper { margin-top: 20px; } .findify-components-autocomplete--product-matches__grid-column-class:not(:last-child):after { content: ' '; display: block; width: 100%; height: 1px; background: var(--color-grey-2); margin-bottom: 16px; } .findify-components-autocomplete--product-matches__view-more-button { margin: 0 auto 0 auto; display: block; padding: 0 85px; height: 40px; background: var(--color-grey-1); -webkit-transition: background .1s linear; transition: background .1s linear; font-size: var(--font-size-small); width: 300px; } .findify-components-autocomplete--product-matches__view-more-button:hover, .findify-components-autocomplete--product-matches__view-more-button:focus { background: var(--color-grey-2); } /* imported from styles.css */ .findify-components--cards--product--rating__rating { white-space: nowrap; } .findify-components--cards--product--rating__stars { white-space: nowrap; display: inline-block; } .findify-components--cards--product--rating__star { margin-right: 3px; width: 11px; height: 11px; display: inline-block; vertical-align: -1px; color: var(--color-black); } .findify-components--cards--product--rating__star.findify-components--cards--product--rating__filled { color: #ffc000; } .findify-components--cards--product--rating__count { display: inline-block; vertical-align: 1px; } /* imported from styles.css */ .findify-components--dropdown { position: relative; } .findify-components--dropdown__select { position: relative; border-radius: 0; height: var(--components-dropdown-select-height); padding: var(--components-dropdown-padding); padding-right: 40px; background: var(--color-grey-1); text-align: left; width: 100%; } .findify-components--dropdown__arrow { position: absolute; top: 50%; right: 16px; margin-top: -8px; } .findify-components--dropdown__dropdown { position: absolute; top: calc(100% - 1px); left: 0; width: 100%; background: var(--components-dropdown-dropdown-background); z-index: 9999; border: 1px solid var(--color-grey-2); margin-top: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .07); box-shadow: 0 5px 10px -4px rgba(0, 0, 0, .07); -webkit-transition: -webkit-transform .1s ease-in; transition: -webkit-transform .1s ease-in; transition: transform .1s ease-in; transition: transform .1s ease-in, -webkit-transform .1s ease-in; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .findify-components--dropdown__dropdown.findify-components--dropdown__open { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .findify-components--dropdown__option { display: block; text-align: left; font-size: var(--font-size-medium); background: transparent; border: none; border-radius: 0; height: var(--components-dropdown-option-height); width: 100%; padding: var(--components-dropdown-padding); cursor: pointer; } .findify-components--dropdown__highlighted { background: var(--components-dropdown-highlighted-background); } /* imported from styles.css */ .findify-components-autocomplete--tip__tip { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-align: center; height: 48px; line-height: 48px; font-family: var(--font-base); font-size: var(--font-size-large); color: #b2b2b2; background: var(--color-grey-1); } .findify-components-autocomplete--tip__highlight { color: #404040; } /* imported from styles.css */ .findify-layouts--autocomplete--dropdown { background: white; border: 1px solid var(--color-grey-2); -webkit-box-shadow: 0 5px 10px 0 rgba(71, 89, 113, .5); box-shadow: 0 5px 10px 0 rgba(71, 89, 113, .5); position: absolute; z-index: 9999; padding-bottom: 0; width: 600px; } .findify-layouts--autocomplete--dropdown__wrapper { position: relative; } .findify-layouts--autocomplete--dropdown__type-title { margin-top: 0; margin-bottom: 17px; color: var(--color-grey-3); font-size: var(--font-size-small); line-height: var(--font-size-small); font-weight: bold; text-transform: uppercase; font-family: var(--font-base); } .findify-layouts--autocomplete--dropdown__suggestions-title { padding: 0 27px; white-space: nowrap; } .findify-layouts--autocomplete--dropdown__trending-title { font-style: italic; } .findify-layouts--autocomplete--dropdown__overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9998; background: rgba(0, 0, 0, .3); } .findify-layouts--autocomplete--dropdown__not-found, .findify-layouts--autocomplete--dropdown__start-typing { margin-top: 0; color: var(--color-grey-3); font-size: var(--font-size-small); line-height: var(--font-size-small); padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; font-weight: bold; text-transform: uppercase; font-family: var(--font-base); padding-left: 25px; } .findify-layouts--autocomplete--dropdown__tip { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; border-bottom: 1px solid #e2e2e2; } .findify-layouts--autocomplete--dropdown__highlight { color: #404040; } .findify-layouts--autocomplete--dropdown__container { width: 100%; display: table; margin-top: 38px; margin-bottom: 38px; } .findify-layouts--autocomplete--dropdown__product-matches-container { display: table-cell; vertical-align: top; padding: 0 38px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .findify-layouts--autocomplete--dropdown__suggestions-container { display: table-cell; vertical-align: top; padding: 0; background: #fff; width: 200px; min-width: 200px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .findify-layouts--autocomplete--dropdown__container > *:first-child { border-right: 1px solid #e2e2e2; } @supports (display: flex) { .findify-layouts--autocomplete--dropdown__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .findify-layouts--autocomplete--dropdown__suggestions-container, .findify-layouts--autocomplete--dropdown__product-matches-container { display: block; } .findify-layouts--autocomplete--dropdown__product-matches-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } /* imported from styles.css */ .findify-components--pagination { padding-top: 30px; border-top: 1px solid var(--color-grey-2); margin-top: 22px; text-align: center; } .findify-components--pagination:after { content: ''; display: block; clear: both; } .findify-components--pagination__prev, .findify-components--pagination__next, .findify-components--pagination__first, .findify-components--pagination__last, .findify-components--pagination__page, .findify-components--pagination__dots { height: var(--components-pagination-height); padding: 0 16px; color: var(--color-black); font-size: var(--font-size-medium); font-weight: normal; } .findify-components--pagination__prev:hover, .findify-components--pagination__prev:focus, .findify-components--pagination__next:hover, .findify-components--pagination__next:focus, .findify-components--pagination__first:hover, .findify-components--pagination__first:focus, .findify-components--pagination__last:hover, .findify-components--pagination__last:focus, .findify-components--pagination__page:hover, .findify-components--pagination__page:focus, .findify-components--pagination__dots:hover, .findify-components--pagination__dots:focus { text-decoration: underline; } .findify-components--pagination__prev, .findify-components--pagination__next { text-transform: var(--components-pagination-text-transform); } .findify-components--pagination__prev svg, .findify-components--pagination__next svg { vertical-align: -3px; } .findify-components--pagination__dots { cursor: default; pointer-events: none; padding: 0; } .findify-components--pagination__active, .findify-components--pagination__active:focus { background-color: var(--color-grey-1); text-decoration: none; } /* imported from styles.css */ .findify-components-search--desktop-actions { display: table; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-bottom: 24px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .findify-components-search--desktop-actions__block { display: table; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: row wrap; flex-flow: row wrap; } .findify-components-search--desktop-actions__sorting { display: table-cell; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .findify-components-search--desktop-actions__query { display: table-cell; display: -webkit-box; display: -ms-flexbox; display: flex; } .findify-components-search--desktop-actions__breadcrumbs { display: table-cell; display: -webkit-box; display: -ms-flexbox; display: flex; } .findify-components-search--desktop-actions__show-facets { margin-right: 60px; position: relative; } .findify-components-search--desktop-actions__show-facets:after { content: ' '; position: absolute; right: -30px; top: 0; bottom: 0; width: 1px; background: var(--color-grey-2); } .findify-components-search--desktop-actions__show-facets svg { vertical-align: -4px; margin-right: 3px; } .findify-components-search--desktop-actions__show-facets:hover *, .findify-components-search--desktop-actions__show-facets:focus * { color: var(--color-grey-4); } /* imported from styles.css */ .findify-components-search--mobile-sorting { width: 90vw; height: 100%; background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .findify-components-search--mobile-sorting__header { height: 60px; padding: 0 15px; background: var(--color-grey-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--color-grey-2); } .findify-components-search--mobile-sorting__header > * { position: relative; z-index: 2; } .findify-components-search--mobile-sorting__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow-y: auto; } .findify-components-search--mobile-sorting__footer { height: 60px; padding: 0 15px; background: var(--color-grey-5); color: var(--color-white); font-size: var(--font-size-medium); text-transform: uppercase; } .findify-components-search--mobile-sorting__title { position: absolute; left: 0; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .findify-components-search--mobile-sorting__item { width: 100%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 17px; border-bottom: 1px solid var(--color-grey-2); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .findify-components-search--mobile-sorting__item svg { vertical-align: -3px; padding-right: 15px; } /* imported from styles.css */ .findify-layouts--recommendation--grid__title { padding: 0; margin: 0; padding-bottom: 18px; text-align: center; } /* imported from styles.css */ .findify-components--cards--content { padding-top: 10px; padding-left: 12px; padding-right: 12px; padding-bottom: 10px; width: calc(100% - 24px); display: table; background-color: transparent; -webkit-transition: background-color .1s ease-in-out; transition: background-color .1s ease-in-out; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none !important; vertical-align: bottom; } .findify-components--cards--content:hover, .findify-components--cards--content:focus { background-color: var(--color-grey-1); } .findify-components--cards--content__linkIcon { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; color: white; } .findify-components--cards--content__image-wrap { position: relative; overflow: hidden; margin-bottom: 10px; } .findify-components--cards--content__image { max-width: 100%; margin: 0 auto; } .findify-components--cards--content__title { width: 100%; color: var(--components-cards-content-title-color); font-family: var(--components-cards-content-title-font-family); text-transform: var(--components-cards-content-title-text-transform); text-align: var(--components-cards-content-title-text-align); font-size: calc(var(--font-size-medium) * var(--components-cards-content-title-font-size)) !important; /* FIXME: figure out issue with import order of styles */ line-height: calc(var(--font-size-medium) * var(--components-cards-content-title-font-size) * 1.6); } .findify-components--cards--content__description { font-family: var(--components-cards-content-description-font-family); font-size: calc(var(--font-size-medium) * var(--components-cards-content-description-font-size)); color: var(--components-cards-content-description-color); margin: 5px 0; } /* imported from styles.css */ .findify-components-common--sticky__container { max-height: auto; } @supports (display: flex) { .findify-components-common--sticky__container { overflow: hidden; overflow-y: auto; will-change: max-height; } .findify-components-common--sticky__static { position: static; } .findify-components-common--sticky__stuck { bottom: 0; position: absolute; } .findify-components-common--sticky__sticky { position: fixed; top: 0; } } /* imported from styles.css */ .findify-components-search--static-results { padding-top: 0; } .findify-components-search--static-results__column { display: table; } /* imported from styles.css */ .findify-components--breadcrumbs { white-space: nowrap; } .findify-components--breadcrumbs__breadcrumb { display: inline-block; font-size: var(--font-size-small); padding: 0; margin-left: 12px; position: relative; background: transparent; border: none; outline: none; cursor: pointer; text-transform: uppercase; font-weight: bold; color: var(--color-grey-3); } .findify-components--breadcrumbs__breadcrumb:before { content: '/'; color: var(--color-grey-3); display: inline-block; padding-right: 12px; font-size: 16px; vertical-align: -1px; font-weight: normal; font-family: var(--font-base); } .findify-components--breadcrumbs__breadcrumb .findify-components--breadcrumbs__title { color: var(--color-grey-3); position: relative; } .findify-components--breadcrumbs__breadcrumb:hover, .findify-components--breadcrumbs__breadcrumb:focus { text-decoration: line-through; -webkit-text-decoration-color: var(--color-black); text-decoration-color: var(--color-black); color: var(--color-black); } .findify-components--breadcrumbs__breadcrumb:hover .findify-components--breadcrumbs__title, .findify-components--breadcrumbs__breadcrumb:focus .findify-components--breadcrumbs__title { color: var(--color-black); } .findify-components--breadcrumbs__breadcrumb:hover .findify-components--breadcrumbs__title:after, .findify-components--breadcrumbs__breadcrumb:focus .findify-components--breadcrumbs__title:after { content: ""; position: absolute; left: 0; right: 0; bottom: 50%; border-bottom: 1px solid #000; } .findify-components--breadcrumbs__breadcrumb:hover:before, .findify-components--breadcrumbs__breadcrumb:focus:before { color: var(--color-black); } .findify-components--breadcrumbs__breadcrumb:first-child:before { color: var(--color-black); } .findify-components--breadcrumbs__breadcrumb .findify-components--breadcrumbs__title { display: inline-block; } .findify-components--breadcrumbs__ball { width: 11px; height: 11px; border-radius: 50%; display: inline-block; vertical-align: -1px; } .findify-components--breadcrumbs__cross { vertical-align: -4px; -webkit-transition: color .1s linear; transition: color .1s linear; padding-left: 5px; } .findify-components--breadcrumbs__star { color: var(--color-yellow); } .findify-components--breadcrumbs__star.findify-components--breadcrumbs__unfilled { color: var(--color-grey-3); } /* imported from styles.css */ .findify-layouts--autocomplete--fullscreen { /*width: 561px;*//* height: 541px; max-height: 541px;*/ //padding: 15px 10px 10px; background: white; position: absolute; z-index: 9999; width: 100%; } .findify-layouts--autocomplete--fullscreen__wrapper { position: relative; } .findify-layouts--autocomplete--fullscreen__type-title { margin-top: 0; margin-bottom: 17px; color: var(--color-grey-3); font-size: var(--font-size-small); line-height: var(--font-size-small); font-weight: bold; text-transform: uppercase; font-family: var(--font-base); } .findify-layouts--autocomplete--fullscreen__suggestions-title { padding: 0 27px; white-space: nowrap; } .findify-layouts--autocomplete--fullscreen__trending-title { font-style: italic; } .findify-layouts--autocomplete--fullscreen__not-found, .findify-layouts--autocomplete--fullscreen__start-typing { margin-top: 0; color: var(--color-grey-3); font-size: var(--font-size-small); line-height: var(--font-size-small); padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; font-weight: bold; text-transform: uppercase; font-family: var(--font-base); padding-left: 25px; } .findify-layouts--autocomplete--fullscreen__tip { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; border-bottom: 1px solid #e2e2e2; } .findify-layouts--autocomplete--fullscreen__highlight { color: #404040; } .findify-layouts--autocomplete--fullscreen__container { padding: 10px 0; vertical-align: top; background: #fff; } /* imported from styles.css */ /* imported from styles.css */ .findify-layouts--autocomplete--sidebar { width: 100%; background: white; height: 100%; width: 90vw; } .findify-layouts--autocomplete--sidebar__backdrop { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--color-white); z-index: -1; } @media screen and (-webkit-min-device-pixel-ratio:0) { .findify-layouts--autocomplete--sidebar__input { font-size: 16px; } } .findify-layouts--autocomplete--sidebar__icons { position: absolute; top: 0; right: 0; padding-right: 16px; margin-top: 15px; margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .findify-layouts--autocomplete--sidebar__icons .findify-layouts--autocomplete--sidebar__search-icon { cursor: pointer; color: var(--color-black); } .findify-layouts--autocomplete--sidebar__icons .findify-layouts--autocomplete--sidebar__search-icon path { fill: var(--color-black); } .findify-layouts--autocomplete--sidebar__icons .findify-layouts--autocomplete--sidebar__x-icon { cursor: pointer; } .findify-layouts--autocomplete--sidebar__icons .findify-layouts--autocomplete--sidebar__x-icon:hover, .findify-layouts--autocomplete--sidebar__icons .findify-layouts--autocomplete--sidebar__x-icon:focus { color: red; } .findify-layouts--autocomplete--sidebar__icon-divider { height: 18px; width: 1px; background: var(--color-grey-2); display: inline-block; margin-left: 12px; margin-right: 12px; } .findify-layouts--autocomplete--sidebar__header { position: relative; } .findify-layouts--autocomplete--sidebar__header input { width: 100%; height: 50px; font-family: var(--font-base); font-size: var(--font-size-large); line-height: 50px; color: var(--color-black); padding-left: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--color-grey-2); -webkit-transition: border-color .1s linear; transition: border-color .1s linear; outline: none; } .findify-layouts--autocomplete--sidebar__header input:placeholder { color: var(--color-grey-3); } .findify-layouts--autocomplete--sidebar__header input:placeholder { color: var(--color-grey-1); } .findify-layouts--autocomplete--sidebar__header input:focus { border-color: var(--color-grey-3); outline: none; } .findify-layouts--autocomplete--sidebar__type-title { margin: 0; color: var(--color-grey-3); font-size: var(--font-size-small); line-height: var(--font-size-small); font-weight: bold; text-transform: uppercase; font-family: var(--font-base); padding: 25px 27px 17px 27px; } .findify-layouts--autocomplete--sidebar__suggestions-wrapper { width: 100%; background: var(--color-white); padding-bottom: 40px; } .findify-layouts--autocomplete--sidebar__body-noscroll { overflow: hidden; } /* imported from styles.css */ .findify-components--checkbox-facet { width: 100%; } .findify-components--checkbox-facet__expanded-list { height: 300px; } .findify-components--checkbox-facet__mobile { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .findify-components--checkbox-facet__mobile > section { height: calc(100% - 60px); } .findify-components--checkbox-facet__item { width: 100%; border: 0; background: transparent; outline: 0; font-size: var(--components-checkboxfacet-item-font-size); border-radius: 0; text-align: left; padding: var(--components-checkboxfacet-item-padding); height: auto; cursor: pointer; display: table; padding-left: 25px; position: relative; } .findify-components--checkbox-facet__item > span { display: table-cell; width: 100%; } .findify-components--checkbox-facet__item svg { position: absolute; left: 0; top: 9px; vertical-align: -2px; } .findify-components--checkbox-facet__content { font-size: calc(var(--facet-item-font-size) * var(--font-size-medium)); font-family: var(--facet-item-font-family); color: var(--facet-item-color); } .findify-components--checkbox-facet__search { position: relative; width: 100%; padding-bottom: var(--components-checkboxfacet-search-padding-bottom); } .findify-components--checkbox-facet__search .findify-components--checkbox-facet__icon { position: absolute; right: 11px; top: 50%; margin-top: -13px; pointer-events: none; color: var(--color-black); } .findify-components--checkbox-facet__input { background: var(--color-white); width: 100%; height: 40px; padding-right: 34px; padding-left: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--font-base); font-size: var(--font-size-large); border: 1px solid var(--color-grey-2); -webkit-transition: border-color .1s linear; transition: border-color .1s linear; outline: none; } .findify-components--checkbox-facet__input:placeholder { color: var(--color-grey-1); } .findify-components--checkbox-facet__input:focus { border-color: var(--color-grey-3); } .findify-components--checkbox-facet__expand { margin-top: 20px; } .findify-components--checkbox-facet__expand svg { vertical-align: -3px; padding-right: 5px; } /* imported from styles.css */ .findify-components--facet { margin-bottom: 15px; } .findify-components--facet:last-child { margin-bottom: 0; } .findify-components--facet__title { width: 100%; text-align: left; display: table; } .findify-components--facet__text { font-size: calc(var(--font-size-small) * var(--components-facet-text-font-size)); font-family: var(--components-facet-text-font-family); color: var(--components-facet-text-color); display: inline-block; width: calc(100% - 15px); } .findify-components--facet__icon { vertical-align: middle; } .findify-components--facet__body { padding: var(--components-facet-body-padding); } /* imported from styles.css */ .findify-components--category-facet { width: 100%; } .findify-components--category-facet__nested { padding-left: 20px; } .findify-components--category-facet__content { font-size: calc(var(--facet-item-font-size) * var(--font-size-medium)); font-family: var(--facet-item-font-family); color: var(--facet-item-color); } .findify-components--category-facet__item { width: 100%; border: 0; background: transparent; outline: 0; font-size: var(--components-categoryfacet-item-font-size); border-radius: 0; text-align: left; padding: var(--components-categoryfacet-item-padding); height: auto; cursor: pointer; display: table; } .findify-components--category-facet__item > span { display: table-cell; width: 100%; } .findify-components--category-facet__item svg { vertical-align: -3px; padding-left: 7px; } .findify-components--category-facet__active { font-weight: bold; } .findify-components--category-facet__expand { margin-top: 10px; } .findify-components--category-facet__expand svg { vertical-align: -3px; padding-right: 5px; } /* imported from styles.css */ .findify-components--banner { display: block; line-height: 1; } .findify-components--banner__image { width: 100%; } /* imported from styles.css */ .findify-components--powered-by { text-align: center; } /* imported from styles.css */ .findify-components--cards--product--price__price-wrapper { text-align: center; margin: 5px 0; margin-top: 20px; line-height: inherit; } .findify-components--cards--product--price__simple .findify-components--cards--product--price__price-wrapper { margin: 0; } .findify-components--cards--product--price__price-wrapper:after { content: ''; display: block; clear: both; } .findify-components--cards--product--price__price { display: inline-block; } .findify-components--cards--product--price__simple .findify-components--cards--product--price__price { font-weight: bold; } .findify-components--cards--product--price__compare { text-decoration: line-through; color: var(--components-cards-product-price-compare-color); font-size: var(--components-cards-product-price-font-size); } .findify-components--cards--product--price__price, .findify-components--cards--product--price__compare { font-family: var(--components-cards-product-price-font-family); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .findify-components--cards--product--price__price { color: var(--components-cards-product-price-price-color); font-size: var(--components-cards-product-price-font-size); font-weight: bold; } .findify-components--cards--product--price__sale-price { color: var(--components-cards-product-price-sale-price-color); font-size: var(--components-cards-product-price-font-size); padding-right: 5px; } /* imported from styles.css */ .findify-components-autocomplete--suggestion-item__suggestion { color: var(--components-autocomplete-suggestionitem-suggestion-color); font-family: var(--components-autocomplete-suggestionitem-suggestion-font-family); font-size: calc(var(--font-size-large) * var(--components-autocomplete-suggestionitem-suggestion-font-size)); cursor: pointer; border-radius: 2px; text-align: left; padding: 10px 17px; margin-left: 10px; margin-right: 10px; text-transform: capitalize; } .findify-components-autocomplete--suggestion-item__suggestion:before { content: ' '; display: table; } .findify-components-autocomplete--suggestion-item__suggestion:hover, .findify-components-autocomplete--suggestion-item__suggestion:focus { background: var(--color-grey-1); } .findify-components-autocomplete--suggestion-item__highlightedText { font-weight: bolder; } .findify-components-autocomplete--suggestion-item__highlighted { background: var(--color-grey-1); } .findify-components-autocomplete--suggestion-item__icon { margin-right: 16px; min-width: 14px; } .findify-components-autocomplete--suggestion-item__withIcon { /* padding-right: 3px; padding-left: 3px;*/ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .findify-components-autocomplete--suggestion-item__trending { font-style: italic; } /* imported from styles.css */ .findify-components-search--desktop-facets { position: relative; width: 300px; min-width: 300px; display: table-cell; vertical-align: top; padding-left: var(--components-search-desktopfacets-gutter); -webkit-box-sizing: border-box; box-sizing: border-box; } .findify-components-search--desktop-facets:first-child { padding-left: inherit; padding-right: var(--components-search-desktopfacets-gutter); } .findify-components-search--desktop-facets__header { padding: 13px var(--components-search-desktopfacets-padding); } .findify-components-search--desktop-facets__header:after { content: ''; display: block; clear: both; } .findify-components-search--desktop-facets__icon { float: left; padding-right: 10px; } .findify-components-search--desktop-facets__title { float: left; } .findify-components-search--desktop-facets__reset { float: right; padding: 2px 0; } .findify-components-search--desktop-facets__reset:hover *, .findify-components-search--desktop-facets__reset:focus * { color: var(--color-grey-4); } .findify-components-search--desktop-facets__hide { float: right; padding: 0; } .findify-components-search--desktop-facets__hide:hover *, .findify-components-search--desktop-facets__hide:focus * { color: var(--color-grey-4); } .findify-components-search--desktop-facets__hide svg { vertical-align: -3px; } .findify-components-search--desktop-facets__facet { padding: 0 var(--components-search-desktopfacets-padding); padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--color-grey-2); } @supports (display: flex) { .findify-components-search--desktop-facets { display: block; } } /* imported from styles.css */ .findify-components--color-facet__item { display: inline-block; border: none; padding: 0; margin-right: 5px; line-height: 1; cursor: pointer; outline: none; border-radius: 0; position: relative; background: none; } .findify-components--color-facet__item.findify-components--color-facet__active .findify-components--color-facet__ball:before { content: ' '; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; border-radius: 50%; background: transparent; border: 1px solid currentColor; } .findify-components--color-facet__ball { display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-size: cover !important; position: relative; } .findify-components--color-facet__check { position: absolute; left: 50%; top: 50%; color: var(--color-grey-1); margin-left: -6px; margin-top: -8px; } /* imported from styles.css */ .findify-components-search--mobile-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 32px; } .findify-components-search--mobile-actions__bottom-row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .findify-components-search--mobile-actions__icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .findify-components-search--mobile-actions__button { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 32px; border: 1px solid var(--color-grey-2); } .findify-components-search--mobile-actions__button svg { padding-right: 6px; height: 11px; width: 12px; vertical-align: -2px; } .findify-components-search--mobile-actions__facet-count { color: var(--color-grey-4); padding-left: 3px; } .findify-components-search--mobile-actions__divider { width: 7px; } .findify-components-search--mobile-actions__query { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 16px; font-weight: normal !important; } /* imported from styles.css */ .findify-components--sorting { display: inline-table; } .findify-components--sorting__icon { display: table-cell; min-width: 17px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .findify-components--sorting .findify-components--sorting__title { white-space: nowrap; display: table-cell; padding: 0 10px; } .findify-components--sorting__dropdown { display: table-cell; width: 240px; position: relative; min-width: 240px; } @supports (display: flex) { .findify-components--sorting { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .findify-components--sorting__icon, .findify-components--sorting__title, .findify-components--sorting__dropdown { display: block; } } /* imported from styles.css */ .findify-components-search--mobile-facets__modal { width: 90vw; height: 100%; background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .findify-components-search--mobile-facets__filter-count { margin-left: 3px; } .findify-components-search--mobile-facets__back-button { height: 20px; } .findify-components-search--mobile-facets__header { height: 60px; padding: 0 15px; background: var(--color-grey-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid var(--color-grey-2); } .findify-components-search--mobile-facets__header > * { position: relative; z-index: 2; } .findify-components-search--mobile-facets__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* This is due to iOS 10 flexbox bug */ height: calc(100% - 60px); overflow: hidden; overflow-y: auto; } .findify-components-search--mobile-facets__footer { height: 60px; padding: 0 15px; background: var(--color-grey-5); color: var(--color-white); font-size: var(--font-size-medium); text-transform: uppercase; } .findify-components-search--mobile-facets__title { position: absolute; left: 0; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .findify-components-search--mobile-facets__facet-title { padding: 20px 17px; width: 100%; border-top: 1px solid var(--color-grey-2); } .findify-components-search--mobile-facets__facet-title:first-child { border-top: 0; } .findify-components-search--mobile-facets__facet-title:last-child { border-bottom: 1px solid var(--color-grey-2); } .findify-components-search--mobile-facets__flex-fix { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .findify-components-search--mobile-facets__selected-values { padding-left: 16px; font-size: var(--font-size-small); color: var(--color-grey-4); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 15px; } .findify-components-search--mobile-facets__container { padding: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; overflow-y: auto; } .findify-components-search--mobile-facets__rating { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .findify-components-search--mobile-facets__expand { display: none; } .findify-components-search--mobile-facets__expanded-list { height: 100%; } .findify-components-search--mobile-facets__range { width: 100%; display: table; } .findify-components-search--mobile-facets__facet-root { width: 100%; } /* imported from styles.css */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 10px; bottom: 10px; z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; background: transparent; border: none; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-disabled { display: none; } .swiper-button-prev { left: 0; right: auto; } .swiper-button-next { right: 0; left: auto; } .swiper-button-lock { display: none; } /* imported from styles.css */ body { overflow-anchor: none; } .findify-layouts--search { width: 100%; display: table; padding-top: 25px; border-top: 1px solid var(--color-grey-2); } .findify-layouts--search__content { display: table-cell; width: 100%; } @supports (display: flex) { .findify-layouts--search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .findify-layouts--search__content { display: block; } } /* imported from styles.css */ .findify-components--range-facet { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .findify-components--range-facet__content { font-size: calc(var(--facet-item-font-size) * var(--font-size-medium)); font-family: var(--facet-item-font-family); color: var(--facet-item-color); } .findify-components--range-facet__item { width: 100%; border: 0; background: transparent; outline: 0; font-size: var(--components-rangefacet-item-font-size); border-radius: 0; text-align: left; padding: var(--components-rangefacet-item-padding); height: auto; cursor: pointer; display: table; } .findify-components--range-facet__item > span { display: table-cell; width: 100%; } .findify-components--range-facet__item svg { padding-right: 14px; vertical-align: -2px; } .findify-components--range-facet__range { display: table; display: -webkit-box; display: -ms-flexbox; display: flex; width: 1%; padding-top: 10px; padding-left: 25px; } .findify-components--range-facet__input-block { display: table; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; } .findify-components--range-facet__input-wrap { display: table-cell; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; white-space: nowrap; width: 100%; } .findify-components--range-facet__input-wrap .react-numeric-input { display: inline-block; position: relative; z-index: 1; } .findify-components--range-facet__input { display: block; width: var(--components-rangefacet-input-width); margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: var(--components-rangefacet-height); line-height: var(--components-rangefacet-height); padding: 0 8px; padding-left: calc(8px + var(--components-rangefacet-input-indent)); background: transparent; color: var(--color-black); font-family: var(--font-base); font-size: var(--font-size-large); border: 1px solid var(--color-grey-2); -webkit-transition: border-color .1s linear; transition: border-color .1s linear; outline: none; } .findify-components--range-facet__input:placeholder { color: var(--color-grey-1); } .findify-components--range-facet__input:focus { border-color: var(--color-grey-3); } @media screen and (-webkit-min-device-pixel-ratio:0) { .findify-components--range-facet__input { font-size: 16px; } } .findify-components--range-facet__currency { position: absolute; font-size: var(--components-rangefacet-currency-font-size); top: 0; height: 100%; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 9px; width: 0; z-index: 0; } .findify-components--range-facet__submit { display: table-cell; display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; background: transparent; outline: 0; font-size: var(--components-rangefacet-submit-font-size); border-radius: 0; width: 100%; height: var(--components-rangefacet-height); line-height: var(--components-rangefacet-height); padding: 0 8px; cursor: pointer; } .findify-components--range-facet__submit:hover, .findify-components--range-facet__submit:focus { text-decoration: underline; } .findify-components--range-facet__submit span { font-size: var(--font-size-small); } .findify-components--range-facet__divider { display: table-cell; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 6px; width: 1%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* imported from styles.css */ .findify-layouts--content { width: 100%; display: table; padding-top: 25px; border-top: 1px solid var(--color-grey-2); } .findify-layouts--content__content { display: table-cell; width: 100%; } @supports (display: flex) { .findify-layouts--content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .findify-layouts--content__content { display: block; } } /* imported from styles.css */ .findify-components-common--picture { width: 100%; position: relative; overflow: hidden; } .findify-components-common--picture img { display: block; width: 100%; } .findify-components-common--picture__aspect img { width: auto; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .findify-components-common--picture__aspect img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .findify-components-common--picture__thumbnail { opacity: .5; -webkit-filter: blur(10px); filter: blur(10px); -webkit-transition: opacity .1s ease-in; transition: opacity .1s ease-in; z-index: 2; } .findify-components-common--picture__ready .findify-components-common--picture__thumbnail { opacity: 0; } .findify-components-common--picture__static .findify-components-common--picture__thumbnail { position: absolute; top: 0; left: 0; width: 100%; } /* imported from style.css */ .findify-components-common--drawer__body-no-scroll { overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .findify-components-common--drawer__backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 999; } .findify-components-common--drawer__content { z-index: 999; position: fixed; top: 0; left: 0; bottom: 0; } /* imported from styles.css */ .findify-components--tabs__list { list-style-type: none; display: block; text-align: center; margin-bottom: 40px; } .findify-components--tabs__tab { display: inline-block; margin-left: 16px; margin-right: 16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: var(--font-base); text-transform: uppercase; font-size: var(--font-size-medium); } .findify-components--tabs__tab:after { display: block; height: 2px; width: 22px; margin-left: calc(50% - 11px); margin-right: calc(50% - 11px); margin-top: 8px; content: ' '; } .findify-components--tabs__active { cursor: default; } .findify-components--tabs__active:after { background: black; } .findify-components--tabs__disabled { opacity: .3; } /* imported from styles.css */ .findify-components-search--query { white-space: nowrap; display: table-cell; width: 1%; } /* imported from styles.css */ .findify-components--cards--product--stickers__discount-sticker { width: 70px; height: 70px; border-radius: 70px; background: rgba(208, 40, 75, .9); display: table; text-align: center; } .findify-components--cards--product--stickers__discount-sticker span { color: var(--color-white); display: table-cell; vertical-align: middle; padding: 10px; width: 100%; height: 100%; } .findify-components--cards--product--stickers__outOfStockSticker, .findify-components--cards--product--stickers__out-of-stock-sticker { width: 100%; text-align: center; } .findify-components--cards--product--stickers__outOfStockSticker span, .findify-components--cards--product--stickers__out-of-stock-sticker span { color: var(--color-grey-3); } /* imported from styles.css */ /* imported from styles.css */ .findify-components--rating-facet { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .findify-components--rating-facet__item { width: 100%; border: 0; background: transparent; outline: 0; font-size: var(--components-ratingfacet-item-font-size); border-radius: 0; text-align: left; padding: var(--components-ratingfacet-item-padding); height: auto; cursor: pointer; display: table; } .findify-components--rating-facet__item > span { display: table-cell; width: 100%; } .findify-components--rating-facet__item svg { padding-right: 0; vertical-align: -2px; } .findify-components--rating-facet__item .findify-components--rating-facet__star { color: var(--color-yellow); } .findify-components--rating-facet__item .findify-components--rating-facet__star.findify-components--rating-facet__unfilled { color: var(--color-grey-3); } .findify-components--rating-facet__item .findify-components--rating-facet__checkbox { padding-right: 20px; } .findify-components--rating-facet__range { display: table; width: 1%; padding-top: 10px; padding-left: 25px; } .findify-components--rating-facet__input-wrap { display: table-cell; position: relative; white-space: nowrap; } .findify-components--rating-facet__input-wrap .react-numeric-input { display: inline-block; } .findify-components--rating-facet__input { display: block; width: var(--components-ratingfacet-input-width); -webkit-box-sizing: border-box; box-sizing: border-box; height: var(--components-ratingfacet-height); padding: 0 8px; padding-left: calc(8px + var(--components-ratingfacet-input-indent)); color: var(--color-black); font-family: var(--font-base); font-size: var(--font-size-small); border: 1px solid var(--color-grey-2); -webkit-transition: border-color .1s linear; transition: border-color .1s linear; outline: none; } .findify-components--rating-facet__input:placeholder { color: var(--color-grey-1); } .findify-components--rating-facet__input:focus { border-color: var(--color-grey-3); } .findify-components--rating-facet__currency { display: inline-block; position: relative; font-size: var(--components-ratingfacet-currency-font-size); left: 9px; width: 0; } .findify-components--rating-facet__submit { display: table-cell; border: 0; background: transparent; outline: 0; font-size: var(--components-ratingfacet-submit-font-size); border-radius: 0; width: 100%; height: var(--components-ratingfacet-height); padding: 0 8px; cursor: pointer; } .findify-components--rating-facet__submit:hover, .findify-components--rating-facet__submit:focus { text-decoration: underline; } .findify-components--rating-facet__submit span { font-size: var(--font-size-large); } .findify-components--rating-facet__divider { display: table-cell; padding: 0 6px; width: 1%; } /* imported from styles.css */ .findify-layouts--tabs { text-align: center; margin: 10px 0 40px 0; width: 100%; } .findify-layouts--tabs__item { position: relative; margin-right: 10px; padding: 5px; font-size: 12px; text-transform: uppercase; cursor: pointer; color: var(--color-grey-5); } .findify-layouts--tabs__item:last-child { margin-right: 0; } .findify-layouts--tabs__item:disabled { opacity: .4; pointer-events: none; cursor: default; } .findify-layouts--tabs__item.findify-layouts--tabs__active { pointer-events: none; color: var(--color-black); cursor: default; } .findify-layouts--tabs__item.findify-layouts--tabs__active:after { content: ' '; position: absolute; bottom: -2px; left: 50%; margin-left: -20px; width: 40px; height: 2px; background: var(--color-black); } .findify-layouts--tabs__count { display: inline-block; margin-left: 5px; border-radius: 5px / 5px; background: var(--color-grey-2); padding: 2px 4px; font-size: 8px; vertical-align: 1px; } /* imported from styles.css */ .findify-layouts--zero-results__wrapper { margin-bottom: 15px; } .findify-layouts--zero-results__sorry { margin-right: 8px; } .findify-layouts--zero-results__suggestionsRow { margin-top: 28px; margin-bottom: 28px; } /* imported from styles.css */ /* imported from styles.css */ /* .root{ will-change: filter, opacity, height; transform: filter .3s linear, opacity .3s linear, height .1s linear; display: none; } .thumbnail{ display: block; height: 150px; opacity: .5; filter: blur(10px); } .original{ display: block; opacity: 1; filter: blur(0); width: 100%; } */ .findify-components-common--image { will-change: filter, opacity, height; -webkit-transform: filter .3s linear, opacity .3s linear, height .1s linear; -ms-transform: filter .3s linear, opacity .3s linear, height .1s linear; transform: filter .3s linear, opacity .3s linear, height .1s linear; width: 100%; position: relative; } .findify-components-common--image img { display: block; width: 100%; height: auto; } .findify-components-common--image__thumbnail { opacity: .5; -webkit-filter: blur(10px); filter: blur(10px); } .findify-components-common--image__croppedRoot { will-change: filter, opacity, height; -webkit-transform: filter .3s linear, opacity .3s linear, height .1s linear; -ms-transform: filter .3s linear, opacity .3s linear, height .1s linear; transform: filter .3s linear, opacity .3s linear, height .1s linear; display: block; width: 100%; position: relative; background-size: cover; background-position: 50%; background-color: transparent; } .findify-components-common--image__loading { background-color: #f2f4f7; }