/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_storefront_core/cartridge/client/default/scss/search.scss ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable */
/* stylelint-enable */
/*
* Set up a screen-wide ::before element behind its parent, to apply a colored background on a block.
*
* Usage :
* .block {
* @include full-screen-background;
*
* position: relative;
* }
*/
/*
Usage
.block {
@include arrow(right,red,5px,auto,auto,0,0,auto,-5px);
width: 50px;
height: 50px;
position: relative;
}
*/
/*
Usage
@include ratio-holder(364/300)
Height/Width
*/
/* Mixin to cut off the rest of one-line (default) or multiline text with dots */
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace substring 'fillColor' to real color from variables */
/**
* Mixin to add icon as pseudo-element.
*/
/* stylelint-disable */
/* stylelint-enable */
.b-refinements li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
color: inherit;
border: none;
padding: 0;
cursor: pointer;
outline: inherit;
}
/* stylelint-disable */
/*md
# Icons
## Icons example:
```html_example
account:
arrow-down:
arrow-left:
arrow-right:
arrow-up:
back-to-top:
bag:
bin:
checkbox:
checkbox-checked:
close:
heart:
language:
location:
minus:
money:
phone:
plus:
share:
track-order:
whatsapp:
alert:
card:
check:
download:
eye:
facebook:
filter:
gift:
instagram:
link:
logout:
mail:
menu:
pay:
pinterest:
radio:
radio-checked:
search:
tag:
twitter:
wishlist-filled:
youtube:
```
*/
:root {
--icon--account: "";
--icon--arrow-down: "";
--icon--arrow-left: "";
--icon--arrow-right: "";
--icon--arrow-up: "";
--icon--back-to-top: "";
--icon--bag: "";
--icon--bin: "";
--icon--checkbox: "";
--icon--checkbox-checked: "";
--icon--close: "";
--icon--heart: "";
--icon--language: "";
--icon--location: "";
--icon--minus: "";
--icon--money: "";
--icon--phone: "";
--icon--plus: "";
--icon--share: "";
--icon--track-order: "";
--icon--whatsapp: "";
--icon--alert: "";
--icon--card: "";
--icon--check: "";
--icon--download: "";
--icon--eye: "";
--icon--facebook: "";
--icon--filter: "";
--icon--gift: "";
--icon--instagram: "";
--icon--link: "";
--icon--logout: "";
--icon--mail: "";
--icon--menu: "";
--icon--pay: "";
--icon--pinterest: "";
--icon--radio: "";
--icon--radio-checked: "";
--icon--search: "";
--icon--tag: "";
--icon--twitter: "";
--icon--wishlist-filled: "";
--icon--youtube: "";
}
.b-header-bar {
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;
position: relative;
margin-bottom: 2rem;
}
@media (max-width: 1023.98px) {
.b-header-bar {
padding: 1rem 0;
margin-bottom: 0;
border-bottom: 1px solid rgba(138, 141, 142, 0.2);
}
}
@media (min-width: 1024px) {
.b-header-bar {
margin-bottom: 1rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.b-header-bar__title {
margin: 0;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.875;
}
@media (min-width: 1024px) {
.b-header-bar__title {
font-size: 1.5rem;
}
}
.b-header-bar__close-btn {
position: absolute;
right: 0 ;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 1rem;
}
.b-refinements__group.refinement-category li {
margin-right: 1rem;
display: block;
}
.b-refinements__group.refinement-category > ul > li {
margin-right: 0;
}
.b-refinements li {
list-style-type: none;
padding: 0;
max-width: none;
}
.b-refinements li button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1rem;
width: 100%;
font-size: 1rem;
}
@media (min-width: 1024px) {
.b-refinements li button {
font-size: 1.125rem;
}
}
.b-refinements li button .fi {
font-size: 1.5rem;
color: #a33685;
}
.b-refinements li.color-attribute {
display: inline-block;
}
.b-refinements li.disabled {
opacity: 0.5;
}
@media (max-width: 1023.98px) {
.b-refinements .collapsible-item:last-child {
border: none;
}
}
.b-refinements .collapsible-item .showmore-cta {
border-bottom: 1px solid currentColor;
}
@media (max-width: 1023.98px) {
.b-refinements .collapsible-item .showmore-cta {
margin-bottom: 1rem;
}
}
.b-refinements .collapsible-item .showmore-cta i {
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.b-refinements .collapsible-item .showmore-cta.collapsed .showmore-cta__label-less {
display: none;
}
.b-refinements .collapsible-item .showmore-cta:not(.collapsed) .showmore-cta__label-more {
display: none;
}
.b-refinements .collapsible-item .showmore-cta:not(.collapsed) i {
-webkit-transform: rotateZ(-180deg);
transform: rotateZ(-180deg);
}
@media (max-width: 1023.98px) {
.b-refinements .collapsible-item__header {
padding-top: 2rem;
}
}
.b-refinements .collapsible-item__title {
font-size: 0.875rem;
line-height: 1.625rem;
font-weight: 400;
margin: 0;
}
@media (min-width: 1024px) {
.b-refinements .collapsible-item__title {
font-size: 1rem;
line-height: 1.875rem;
font-weight: 400;
}
}
@media (max-width: 1023.98px) {
.b-refinements .collapsible-content {
display: block;
}
}
.disabled {
pointer-events: none;
}
.range-slider {
height: 3.75rem;
position: relative;
margin-bottom: 1rem;
}
.range-slider__slider {
height: 0.125rem;
position: absolute;
top: 1rem;
right: 0;
left: 0;
background: rgba(138, 141, 142, 0.2);
}
.range-slider__progress {
height: 100%;
right: var(--percent-left);
left: var(--percent-right);
position: absolute;
background: linear-gradient(108.03deg, #e03e52 -271.05%, #84329b 231.95%) ;
}
.range-slider__range-input {
position: absolute;
top: 1.125rem;
right: -0.3125rem;
left: -0.3125rem;
}
.range-slider__range-input input {
position: absolute;
width: 100%;
height: 0;
top: -0.0625rem;
background: none;
pointer-events: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.range-slider__range-input input[type=range]::-webkit-slider-thumb {
height: 1.625rem;
width: 1.625rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
border-radius: 50%;
background: #a33685;
background: radial-gradient(circle, rgba(163, 54, 133, 0.2) 40%, #f8f8f8 45%, transparent 50%);
pointer-events: auto;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.range-slider__range-input input[type=range]::-moz-range-thumb {
height: 1.625rem;
width: 1.625rem;
box-sizing: border-box;
border: none;
border-radius: 50%;
background: #a33685;
background: radial-gradient(circle, rgba(163, 54, 133, 0.2) 40%, #f8f8f8 45%, transparent 50%);
pointer-events: auto;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.range-slider .value-label {
position: absolute;
top: 2rem;
display: block;
pointer-events: none;
font-size: 0.875rem;
font-weight: 400;
}
.range-slider .value-label.value-label--offsetted {
top: -1.5rem;
}
.range-slider .value-label.value-min {
right: var(--percent-left);
-webkit-transform: translateX(calc(-1*(var(--percent-left) * -1)));
transform: translateX(calc(-1*(var(--percent-left) * -1)));
padding-left: 0.5rem;
}
.range-slider .value-label.value-max {
left: var(--percent-right);
-webkit-transform: translateX(calc(var(--percent-right) * -1));
transform: translateX(calc(var(--percent-right) * -1));
padding-right: 0.5rem;
}
.product-grid {
display: grid;
gap: 0 1rem;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
padding-top: 2rem;
}
@media (min-width: 768px) {
.product-grid {
padding-top: 4rem;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
}
.product-grid__tile, .product-grid__inlined-bnr > div {
margin-bottom: 3.5rem;
}
@media (min-width: 768px) {
.product-grid__tile, .product-grid__inlined-bnr > div {
margin-bottom: 4rem;
}
}
.product-grid__tile .product {
height: 100%;
}
.product-grid__inlined-bnr {
grid-column: 1/-1;
grid-row: var(--plp-inlined-banner-row, 0);
}
.product-grid__grid-footer {
grid-column: 1/-1;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-beige {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-beige.disabled {
opacity: 0.2;
}
.swatch-filter-beige {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #f5f5dc;
display: block;
position: relative;
}
.swatch-filter-beige.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-black {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #000; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-black.disabled {
opacity: 0.2;
}
.swatch-filter-black {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #000; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #000;
display: block;
position: relative;
}
.swatch-filter-black.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-blue {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-blue.disabled {
opacity: 0.2;
}
.swatch-filter-blue {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #0070d2;
display: block;
position: relative;
}
.swatch-filter-blue.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-brown {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-brown.disabled {
opacity: 0.2;
}
.swatch-filter-brown {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #a52a2a;
display: block;
position: relative;
}
.swatch-filter-brown.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-green {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-green.disabled {
opacity: 0.2;
}
.swatch-filter-green {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #008827;
display: block;
position: relative;
}
.swatch-filter-green.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-grey {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-grey.disabled {
opacity: 0.2;
}
.swatch-filter-grey {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #8f979d;
display: block;
position: relative;
}
.swatch-filter-grey.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-navy {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-navy.disabled {
opacity: 0.2;
}
.swatch-filter-navy {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #000080;
display: block;
position: relative;
}
.swatch-filter-navy.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-orange {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-orange.disabled {
opacity: 0.2;
}
.swatch-filter-orange {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #ffa500;
display: block;
position: relative;
}
.swatch-filter-orange.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-pink {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-pink.disabled {
opacity: 0.2;
}
.swatch-filter-pink {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #fe249a;
display: block;
position: relative;
}
.swatch-filter-pink.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-purple {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-purple.disabled {
opacity: 0.2;
}
.swatch-filter-purple {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #800080;
display: block;
position: relative;
}
.swatch-filter-purple.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-red {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-red.disabled {
opacity: 0.2;
}
.swatch-filter-red {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #f00;
display: block;
position: relative;
}
.swatch-filter-red.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-white {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-white.disabled {
opacity: 0.2;
}
.swatch-filter-white {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #fff;
display: block;
position: relative;
}
.swatch-filter-white.disabled {
opacity: 0.2;
}
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-yellow {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 2.5em;
height: 2.5em;
background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 1.25em;
display: block;
position: relative;
}
.swatch-circle-yellow.disabled {
opacity: 0.2;
}
.swatch-filter-yellow {
border: 0.063em solid rgba(0, 0, 0, 0.3);
width: 1.38em;
height: 1.38em;
background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
border-radius: 0.69em;
background-color: #ff0;
display: block;
position: relative;
}
.swatch-filter-yellow.disabled {
opacity: 0.2;
}
.swatch-circle-miscellaneous {
background: -webkit-gradient(linear, right bottom, right top, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, right bottom, right top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
background-repeat: repeat-y, repeat;
background-size: 50% 100%, 100% 100%;
border: 0.063em solid rgba(0, 0, 0, 0.3);
border-radius: 1.25em;
display: block;
height: 2.5em;
position: relative;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
width: 2.5em;
}
.swatch-circle-miscellaneous.disabled {
opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after {
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.category-tile {
position: relative;
}
.category-tile h1,
.category-tile h2 {
font-size: 1.75rem;
position: absolute;
bottom: 1.875rem;
right: 1.875rem;
color: #fff;
}
.category-tile::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, right top, right bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
}
.container-new {
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 1024px) {
.container-new {
padding-right: 4.0625rem;
padding-left: 4.0625rem;
}
}
.search-results {
--plp-sidebar-width: 29.5rem;
max-width: 94.5rem;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.search-tips {
margin-bottom: 2rem;
}
.b-search-header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.b-search-header__title {
font-size: 1.5rem;
line-height: 2.8125rem;
font-weight: 700;
margin: 0;
}
@media (min-width: 1024px) {
.b-search-header__title {
font-size: 2rem;
line-height: 3.75rem;
font-weight: 700;
}
}
.b-search-header__counter {
font-size: 0.875rem;
line-height: 1.625rem;
font-weight: 400;
margin: 0;
}
@media (min-width: 1024px) {
.b-search-header__counter {
font-size: 1rem;
line-height: 1.875rem;
font-weight: 400;
}
}
.b-plp-header-controls {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media (max-width: 1023.98px) {
.b-plp-header-controls {
padding: 0;
}
}
.b-plp-header-controls::before {
content: "";
width: 0.0625rem;
height: 3.875rem;
background-color: rgba(138, 141, 142, 0.2);
}
@media (min-width: 768px) {
.b-plp-header-controls::before {
height: 1.875rem;
}
}
.b-plp-header-controls::after {
content: "";
position: absolute;
z-index: -1;
bottom: -0.0625rem;
right: calc(50% - 50vw);
width: 100vw;
height: 0.0625rem;
background-color: rgba(138, 141, 142, 0.2);
}
.b-plp-header-controls .btn-link {
font-weight: 500;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (max-width: 1023.98px) {
.b-plp-header-controls .btn-link {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media (min-width: 1024px) {
.b-plp-header-controls .btn-link {
padding-right: 3.375rem;
padding-left: 3.375rem;
}
}
.b-plp-header-controls .btn-link .btn-link-text {
line-height: 1.875rem;
}
@media (max-width: 1023.98px) {
.b-plp-header-controls .btn-link .btn-link-text {
margin: 0;
width: 100%;
}
}
.b-plp-header-controls .btn-link:first-child {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding-right: 0;
}
.b-plp-header-controls .btn-link .fi {
font-size: 0;
-webkit-transition: font-size 0.1s;
transition: font-size 0.1s;
}
[dir=rtl] .b-plp-header-controls .btn-link .fi {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (max-width: 1023.98px) {
.b-plp-header-controls .btn-link .fi {
display: none;
}
}
.b-plp-header-controls .btn-link.is-active {
font-weight: 700;
}
.b-plp-header-controls .btn-link.is-active .fi {
font-size: 1.5em;
}
.b-plp-header-controls .btn-link.is-active .fi,
.b-plp-header-controls .btn-link.is-active .btn-link-text {
color: #a33685;
}
.b-plp-main {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.b-plp-main::before {
content: "";
position: absolute;
top: -0.0625rem;
right: calc(50% - 50vw);
width: 100vw;
height: 0.0625rem;
background-color: rgba(138, 141, 142, 0.2);
}
.b-plp-main__sidebar {
background-color: #f8f8f8;
}
@media (max-width: 1023.98px) {
.b-plp-main__sidebar {
position: fixed;
z-index: 1000;
width: 100%;
height: 100%;
top: 0;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
background-color: #fff;
}
.b-plp-main__sidebar.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 1024px) {
.b-plp-main__sidebar {
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
position: relative;
width: 0;
-webkit-transition: width 0.5s;
transition: width 0.5s;
direction: ltr;
}
.b-plp-main__sidebar.is-open {
width: var(--plp-sidebar-width);
}
}
.b-plp-main__grid-panel {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.b-plp-sidebar {
padding: 2rem 1rem;
height: 100%;
}
@media (max-width: 1023.98px) {
.b-plp-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 1024px) {
.b-plp-sidebar {
border-left: 1px solid rgba(138, 141, 142, 0.2);
width: var(--plp-sidebar-width);
direction: rtl;
padding: 0.5rem 2rem;
}
}
@media (max-width: 1023.98px) {
.b-plp-sidebar__header, .b-plp-sidebar__footer {
margin-right: -1rem;
margin-left: -1rem;
}
}
.b-plp-sidebar__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow-y: auto;
}
@media (max-width: 1023.98px) {
.b-plp-sidebar__content {
margin-left: -0.5rem;
padding-left: 0.5rem;
}
.b-plp-sidebar__content .btn-link:active .fi,
.b-plp-sidebar__content .btn-link:active .btn-link-text,
.b-plp-sidebar__content .btn-link:active .btn-link-text-u, .b-plp-sidebar__content .btn-link:focus .fi,
.b-plp-sidebar__content .btn-link:focus .btn-link-text,
.b-plp-sidebar__content .btn-link:focus .btn-link-text-u {
color: initial;
}
}
.b-plp-sidebar__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1rem;
border-top: 1px solid rgba(138, 141, 142, 0.2);
}
@media (min-width: 1024px) {
.b-plp-sidebar__footer {
display: none;
}
}
.b-plp-sidebar__footer .btn {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 1rem ;
font-size: 0.875rem;
}
.b-plp-sidebar__footer .btn-link {
padding: 0.5rem 1rem;
font-size: 0.875rem;
}
.b-sort-by {
margin-top: 2rem;
}
.b-sort-by .b-sort-by__label {
width: 100%;
font-size: 1rem;
margin-bottom: 1rem;
padding-right: 0;
padding-left: 1.875rem;
}
.b-sort-by .b-sort-by__label::before {
font-size: 1.5rem;
right: auto;
left: 0;
}
@media (min-width: 1024px) {
.b-sort-by .b-sort-by__label {
font-size: 1.125rem;
}
}
.no-result-content {
padding-bottom: 4rem;
}