: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-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-dark); --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-search-desktopfacets-padding: 25px; --components-search-desktopfacets-gutter: 40px; --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); --components-autocomplete-suggestionitem-suggestion-color: var(--color-black); --components-autocomplete-suggestionitem-suggestion-font-family: var(--font-base); --components-autocomplete-suggestionitem-suggestion-font-size: 1; } /* 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; } /* 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; } /* 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; } .findify-components-autocomplete--product-matches__product-card .findify-components-autocomplete--product-matches__image { 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--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-normal); 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-layouts--recommendation--slider__title { padding: 0; margin: 0; padding-bottom: 18px; text-align: center; } .findify-layouts--recommendation--slider__arrow { position: absolute; top: 50%; margin-top: -11px; z-index: 2; -webkit-transition: opacity .1s linear; transition: opacity .1s linear; } .findify-layouts--recommendation--slider__arrow.slick-disabled { opacity: .3; cursor: default; } .findify-layouts--recommendation--slider__arrow svg { color: var(--color-black); } .findify-layouts--recommendation--slider__scrollBarContainer { width: 100%; height: 20px; overflow: hidden; position: relative; } .findify-layouts--recommendation--slider__scrollBar { position: absolute; width: 50%; height: 100%; background: grey; } /* imported from styles.css */ .findify-layouts--autocomplete--dropdown { /*width: 561px;*//* height: 541px; max-height: 541px;*/ //padding: 15px 10px 10px; 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; 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; 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; white-space: nowrap; } .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); } .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(--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%; } .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--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--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 */ /* 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-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 { border: 1px solid var(--color-grey-2); } .findify-components--color-facet__ball { display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid transparent; } .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-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-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; } .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: calc(100% - 60px); -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: calc(100% - 40px); } .findify-components-search--mobile-facets__range { width: 100%; display: table; } .findify-components-search--mobile-facets__facet-root { width: 100%; } /* imported from styles.css */ .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); -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: 50%; margin-top: calc(var(--components-rangefacet-currency-font-size) / -2); 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%; } /* 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 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.global.css */ /** * Swiper 4.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 14, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .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-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .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-container-autoheight .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper .swiper-container-3d .swiper-slide .swiper-container-3d .swiper-slide-shadow-left .swiper-container-3d .swiper-slide-shadow-right .swiper-container-3d .swiper-slide-shadow-top .swiper-container-3d .swiper-slide-shadow-bottom .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left .swiper-container-3d .swiper-slide-shadow-right .swiper-container-3d .swiper-slide-shadow-top .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled .swiper-button-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-prev .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction .swiper-pagination-custom .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img .swiper-zoom-container > svg .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: findify-layouts--recommendation--swiper__swiper-preloader-spin 1s steps(12, end) infinite; animation: findify-layouts--recommendation--swiper__swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes findify-layouts--recommendation--swiper__swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes findify-layouts--recommendation--swiper__swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active .swiper-container-cube .swiper-slide-next .swiper-container-cube .swiper-slide-prev .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top .swiper-container-cube .swiper-slide-shadow-bottom .swiper-container-cube .swiper-slide-shadow-left .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top .swiper-container-flip .swiper-slide-shadow-bottom .swiper-container-flip .swiper-slide-shadow-left .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* 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.global.css */ /* Slider */ .findify-recommendation .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .findify-recommendation .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .findify-recommendation .slick-list:focus { outline: none; } .findify-recommendation .slick-list.dragging { cursor: pointer; cursor: hand; } .findify-recommendation .slick-slider .slick-track, .findify-recommendation .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .findify-recommendation .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .findify-recommendation .slick-track:before, .findify-recommendation .slick-track:after { display: table; content: ''; } .findify-recommendation .slick-track:after { clear: both; } .findify-recommendation .slick-loading .slick-track { visibility: hidden; } .findify-recommendation .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .findify-recommendation [dir='rtl'] .slick-slide { float: right; } .findify-recommendation .slick-slide img { display: block; } .findify-recommendation .slick-slide.slick-loading img { display: none; } .findify-recommendation .slick-slide.dragging img { pointer-events: none; } .findify-recommendation .slick-initialized .slick-slide { display: block; } .findify-recommendation .slick-loading .slick-slide { visibility: hidden; } .findify-recommendation .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .findify-recommendation .slick-arrow.slick-hidden { display: none; } .findify-recommendation .slick-prev, .findify-recommendation .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .findify-recommendation .slick-prev:hover, .findify-recommendation .slick-prev:focus, .findify-recommendation .slick-next:hover, .findify-recommendation .slick-next:focus { color: transparent; outline: none; background: transparent; } .findify-recommendation .slick-prev:hover:before, .findify-recommendation .slick-prev:focus:before, .findify-recommendation .slick-next:hover:before, .findify-recommendation .slick-next:focus:before { opacity: 1; } .findify-recommendation .slick-prev.slick-disabled:before, .findify-recommendation .slick-next.slick-disabled:before { opacity: .25; } .findify-recommendation .slick-prev:before, .findify-recommendation .slick-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .findify-recommendation .slick-prev { left: -25px; } .findify-recommendation [dir='rtl'] .slick-prev { right: -25px; left: auto; } .findify-recommendation .slick-next { right: -25px; } .findify-recommendation [dir='rtl'] .slick-next { right: auto; left: -25px; } /* Dots */ .findify-recommendation .slick-dotted.slick-slider { margin-bottom: 30px; } .findify-recommendation .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .findify-recommendation .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .findify-recommendation .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .findify-recommendation .slick-dots li button:hover, .findify-recommendation .slick-dots li button:focus { outline: none; } .findify-recommendation .slick-dots li button:hover:before, .findify-recommendation .slick-dots li button:focus:before { opacity: 1; } .findify-recommendation .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .findify-recommendation .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* 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__sorry { margin-right: 8px; } .findify-layouts--zero-results__suggestionsRow { margin-top: 28px; margin-bottom: 28px; } /* 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; } .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; } .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 */ /* 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; }