/** Shopify CDN: Minification failed
Line 6433:0 Unexpected "@media"
**/
@charset "UTF-8";
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-size: 62.5%;
/* -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; */
-webkit-text-size-adjust: 100%;
height:101%;
}
body {
width: 100%;
min-width: 320px;
margin: 0;
overflow-x: hidden;
background-color: rgba(var(--bg-color));
overflow-wrap: break-word;
overflow-wrap: anywhere;
}
body.fixed {
padding-right: var(--scrollbar-width);
}
body.overflow-hidden {
padding-right: var(--scrollbar-width);
}
body.overflow-hidden::after {
content: "";
position: absolute;
z-index: 29;
right: 0;
bottom: 0;
width: var(--scrollbar-width, 0);
height: 100%;
background: #e4e4e4;
}
body.overlay-predictive-search {
overflow: hidden;
padding-right: var(--scrollbar-width);
}
summary {
overflow: hidden;
list-style: none;
cursor: pointer;
}
summary::-webkit-details-marker {
display: none;
}
mark {
background-color: transparent;
color: inherit;
font-weight: bold;
}
.color-scheme--1 {
--bg-color: var(--color-scheme-1-bg);
--bg-grad: var(--color-scheme-1-grad, "none");
--btn-bg-color: var(--color-scheme-1-btn-bg);
--btn-bg-hover-color: var(--color-scheme-1-btn-bg-hover);
--btn-text-color: var(--color-scheme-1-btn-text);
--heading-color: var(--color-scheme-1-heading);
--scrollbar-color: var(--color-scheme-1-text);
--swatch-border-color-active: var(--color-scheme-1-text);
--swatch-border-color-default: var(--color-scheme-1-text);
--text-color: var(--color-scheme-1-text);
--coll-card-border-color: rgb(var(--color-scheme-1-heading));
}
.color-scheme--2 {
--bg-color: var(--color-scheme-2-bg);
--bg-grad: var(--color-scheme-2-grad, "none");
--btn-bg-color: var(--color-scheme-2-btn-bg);
--btn-bg-hover-color: var(--color-scheme-2-btn-bg-hover);
--btn-text-color: var(--color-scheme-2-btn-text);
--heading-color: var(--color-scheme-2-heading);
--scrollbar-color: var(--color-scheme-2-text);
--swatch-border-color-active: var(--color-scheme-2-text);
--swatch-border-color-default: var(--color-scheme-2-text);
--text-color: var(--color-scheme-2-text);
--coll-card-border-color: rgb(var(--color-scheme-2-heading));
}
.color-scheme--3 {
--bg-color: var(--color-scheme-3-bg);
--bg-grad: var(--color-scheme-3-grad, "none");
--btn-bg-color: var(--color-scheme-3-btn-bg);
--btn-bg-hover-color: var(--color-scheme-3-btn-bg-hover);
--btn-text-color: var(--color-scheme-3-btn-text);
--heading-color: var(--color-scheme-3-heading);
--scrollbar-color: var(--color-scheme-3-text);
--swatch-border-color-active: var(--color-scheme-3-text);
--swatch-border-color-default: var(--color-scheme-3-text);
--text-color: var(--color-scheme-3-text);
--coll-card-border-color: rgb(var(--color-scheme-3-heading));
}
.color-scheme--white:not(.mobile-stacked) {
--bg-color: 0 0 0 0;
--btn-bg-color: var(--color-scheme-white-text, 255 255 255);
--btn-bg-hover-color: var(--color-scheme-white-hover, 230 230 230);
--btn-text-color: var(--color-scheme-white-text-contrast, 0 0 0);
--heading-color: var(--color-scheme-white-text, 255 255 255);
--scrollbar-color: var(--color-scheme-white-text, 255 255 255);
--swatch-border-color-active: var(--color-scheme-white-text, 255 255 255);
--swatch-border-color-default: var(--color-scheme-white-text, 255 255 255);
--text-color: var(--color-scheme-white-text, 255 255 255);
}
.color-scheme {
background: var(--bg-grad);
background-color: rgba(var(--bg-color));
color: rgb(var(--text-color));
}
.color-scheme .section__heading,
.color-scheme .section__block--heading,
.color-scheme .section__block--subheading,
.color-scheme .text-overlay__heading,
.color-scheme .text-overlay__subheading,
.color-scheme .card__title {
color: rgb(var(--heading-color));
}
.color-scheme a:not(.btn),
.color-scheme button.link {
color: inherit;
}
.color-scheme .custom-select__btn,
.color-scheme .price-range__input-wrapper,
.color-scheme .input,
.color-scheme .input-with-button,
.color-scheme .select::after {
--input-bg-color: var(--bg-color);
--input-text-color: var(--text-color);
}
.color-scheme:not(.color-scheme--no-btns) .btn--secondary {
--btn-alt-bg-alpha: 0;
--btn-alt-text-color: var(--btn-bg-color);
background-color: transparent;
}
.color-scheme:not(.color-scheme--no-btns) .is-loading {
--btn-alt-text-color: var(--btn-bg-color);
--text-color: var(--btn-bg-color);
}
.color-scheme:not(.color-scheme--no-btns) .qty-input {
--btn-alt-text-color: var(--btn-bg-color);
--input-text-color: var(--btn-bg-color);
border-color: rgb(var(--btn-bg-color));
background-color: transparent;
}
@media (min-width: 600px) {
.color-scheme--white {
--bg-color: 0 0 0 0;
--btn-bg-color: var(--color-scheme-white-text, 255 255 255);
--btn-bg-hover-color: var(--color-scheme-white-hover, 230 230 230);
--btn-text-color: var(--color-scheme-white-text-contrast, 0 0 0);
--heading-color: var(--color-scheme-white-text, 255 255 255);
--scrollbar-color: var(--color-scheme-white-text, 255 255 255);
--swatch-border-color-active: var(--color-scheme-white-text, 255 255 255);
--swatch-border-color-default: var(--color-scheme-white-text, 255 255 255);
--text-color: var(--color-scheme-white-text, 255 255 255);
}
}
:root {
--fluid-vw: 100vw;
--fluid-max-vw: 1536;
--fluid-calc: (var(--fluid-vw) - 32rem) / (var(--fluid-max-vw) / 10 - 32) + 0.1rem;
--fluid-1-065: ((1.065 / 10 - 0.1) * var(--fluid-calc));
--fluid-1-125: ((1.125 / 10 - 0.1) * var(--fluid-calc));
--fluid-1-2: ((1.2 / 10 - 0.1) * var(--fluid-calc));
--fluid-1-25: ((1.25 / 10 - 0.1) * var(--fluid-calc));
--fluid-1-3: ((1.3 / 10 - 0.1) * var(--fluid-calc));
--fluid-1-4: ((1.4 / 10 - 0.1) * var(--fluid-calc));
--fluid-1-5: ((1.5 / 10 - 0.1) * var(--fluid-calc));
}
@media (min-width: 1536px) {
:root {
--fluid-vw: calc(var(--fluid-max-vw) * 1px);
}
}
:focus {
outline: 0;
}
:focus-visible,
.focus-label:focus-visible + label,
.focus-label-before:focus-visible + label::before {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.is-focused,
.focus-label.is-focused + label,
.focus-label-before.is-focused + label::before,
.no-js :focus,
.no-js .focus-label:focus + label,
.no-js .focus-label-before:focus + label::before {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.no-js :focus:not(:focus-visible),
.no-js .focus-label:focus:not(:focus-visible) + label,
.no-js .focus-label-before:focus:not(:focus-visible) + label::before {
outline: 0;
}
.focus-inset:focus-visible {
outline-offset: -2px;
}
.focus-inset.is-focused,
.no-js .focus-inset:focus {
outline-offset: -2px;
}
:root {
--column-gap: var(--grid-column-gap);
--gutter: var(--gutter-sm, 20px);
--row-gap: calc(10 * var(--space-unit));
--space-unit: 0.4rem;
--viewport-width: calc(100vw - var(--scrollbar-width, 0));
--gutter-double: calc(var(--gutter)*2);
}
.container {
width: 100%;
max-width: calc(var(--page-width, 1320px) + var(--gutter) * 2);
margin: 0 auto;
padding: 0 var(--gutter);
}
@media (min-width: 1800px) {
.container {
max-width: calc(1600px + var(--gutter));
}
}
.page-width {
width: var(--page-width, 1320px);
max-width: var(--page-width, 1320px);
margin-right: auto;
margin-left: auto;
}
.reading-width {
max-width: var(--reading-width, 48em);
margin-right: auto;
margin-left: auto;
}
.reading-width--inline {
max-width: var(--reading-width, 48em);
}
.form-width {
max-width: 26em;
}
.screen-height {
min-height: var(--viewport-height, 100vh);
}
.shopify-section:first-child .screen-height {
min-height: calc(var(--viewport-height, 100vh) - var(--content-start, 200px));
}
@media (min-width: 600px) {
:root {
--column-gap: calc(var(--grid-column-gap) * 1.6);
--gutter: var(--gutter-md, 32px);
}
}
@media (min-width: 1280px) {
:root {
--gutter: var(--gutter-md, 80px);
}
}
.section {
display: block;
width: 100%;
margin: calc(var(--section-gap) * var(--fluid-1-5)) auto;
padding-bottom: 0.02px;
margin: var(--gutter) auto;
}
.section:empty {
margin-top: 0;
margin-bottom: 0;
}
.section--template {
margin: calc(var(--section-gap) * var(--fluid-1-5)) auto;
}
.section--full-width {
margin: 0;
}
.section--padded,
.section--padded-default {
margin: calc(var(--section-gap) * var(--fluid-1-5)) 0;
}
.section--full-width.section--padded,
.section--full-width.section--padded-default {
padding: calc(var(--section-gap) * var(--fluid-1-5)) 0;
margin:0;
}
.section--padded-xsmall {
padding-top: calc(3 * var(--space-unit));
padding-bottom: calc(3 * var(--space-unit));
}
.section--padded-small {
padding-top: calc(6 * var(--space-unit));
padding-bottom: calc(6 * var(--space-unit));
}
.section--padded-medium {
padding-top: calc(8 * var(--space-unit));
padding-bottom: calc(8 * var(--space-unit));
}
.section__header,
.section__heading {
max-width: 100%;
margin-bottom: var(--heading-gap);
}
.mb-heading {
margin-bottom: var(--heading-gap);
}
.section-header .link {
margin-top: 6px;
margin-bottom: 6px;
}
.section__header--center {
grid-template-columns: 1fr auto 1fr;
}
.section__block {
max-width: 100%;
margin-bottom: calc(4 * var(--space-unit));
}
.section__block:last-child {
margin-bottom: 0;
}
.section__block.reading-width--inline {
max-width: var(--reading-width, 48em);
}
.section__block + .section__block--button {
margin-top: calc(6 * var(--space-unit));
}
.section__block + .section__block--buttons {
margin-top: calc(4 * var(--space-unit));
}
.section__block--buttons {
align-items: flex-end;
column-gap: calc(4 * var(--space-unit));
row-gap: calc(4 * var(--space-unit));
}
.shopify-policy__container,
.shopify-challenge__container,
.shopify-email-marketing-confirmation__container {
max-width: var(--reading-width, 48em) !important;
padding: calc(var(--section-gap) * var(--fluid-1-5)) var(--gutter) !important;
}
.shopify-policy__title {
text-align: var(--heading-align) !important;
}
.shopify-challenge__button {
margin-top: calc(8 * var(--space-unit)) !important;
}
@media (max-width: 768.98px) {
.section__header--center {
grid-template-columns: 1fr;
grid-template-rows: 2;
}
}
@media (min-width: 769px) {
.section__block + .section__block--button {
margin-top: calc(8 * var(--space-unit));
}
.section--padded-xsmall {
padding-top: calc(2 * var(--space-unit));
padding-bottom: calc(2 * var(--space-unit));
}
.section--padded-small {
padding-top: calc(4 * var(--space-unit));
padding-bottom: calc(4 * var(--space-unit));
}
.section--padded-medium {
padding-top: calc(6 * var(--space-unit));
padding-bottom: calc(6 * var(--space-unit));
}
}
:root {
--heading-type-scale: 1.2;
--h6: calc(var(--body-font-size) + var(--heading-scale-start));
--h5: var(--h6) * var(--heading-type-scale);
--h4: var(--h5) * var(--heading-type-scale);
--h3: var(--h4) * var(--heading-type-scale);
--h2: var(--h3) * var(--heading-type-scale);
--h1: var(--h2) * var(--heading-type-scale);
--h0: var(--h1) * var(--heading-type-scale);
--h6-font-size: calc((var(--h6) / 1.065) * var(--fluid-1-065));
--h5-font-size: calc((var(--h5) / 1.125) * var(--fluid-1-125));
--h4-font-size: calc((var(--h4) / 1.2) * var(--fluid-1-2));
--h3-font-size: calc((var(--h3) / 1.3) * var(--fluid-1-3));
--h2-font-size: calc((var(--h2) / 1.4) * var(--fluid-1-4));
--h1-font-size: calc((var(--h1) / 1.5) * var(--fluid-1-5));
--h0-font-size: calc((var(--h0) / 1.5) * var(--fluid-1-5));
}
body {
color: rgb(var(--text-color));
font-family: var(--body-font-family);
font-size: calc(var(--body-font-size) * 0.1rem);
font-style: var(--body-font-style);
font-weight: var(--body-font-weight);
line-height: 1.6;
}
.h0,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.font-heading {
/* margin: 0 0 0.5em; */
color: rgb(var(--heading-color));
font-family: var(--heading-font-family);
font-style: var(--heading-font-style);
font-weight: var(--heading-font-weight);
line-height: calc(4px + 2.4ex);
text-transform: var(--heading-text-transform);
}
.h0,
.text-h0 {
/* font-size: var(--h0-font-size); */
font-size: 3em;
line-height: 1.25;
letter-spacing: -0.011em;
}
h1,
.h1,
.text-h1 {
/* font-size: var(--h1-font-size); */
font-size:2em;
line-height: 1.2;
letter-spacing: -0.011em
}
h2,
.h2,
.text-h2 {
/* font-size: var(--h2-font-size); */
font-size: 1.5em;
line-height: 1.2;
letter-spacing: -0.011em
}
h3,
.h3,
.text-h3 {
/* font-size: var(--h3-font-size); */
font-size: 1.17em;
line-height: 1.3;
letter-spacing: -0.011em
}
h4,
.h4,
.text-h4 {
/* font-size: var(--h4-font-size); */
font-size: 1em;
line-height: 1.6;
}
.font-body {
color: rgb(var(--text-color));
font-family: var(--body-font-family);
font-style: var(--body-font-style);
font-weight: var(--body-font-weight);
line-height: 1.5;
text-transform: initial;
}
/* p {
margin: 0 0 1em;
} */
p:empty {
display: none;
}
hr {
width: 100%;
height: 1px;
margin: calc(6 * var(--space-unit)) 0;
border: 0;
background-color: rgba(var(--text-color)/0.15);
}
address {
font-style: normal;
}
.text-body-extra_small {
font-size: 0.8em;
}
.text-body-small {
font-size: 0.9em;
}
.text-body-large {
font-size: 1.1em;
}
.text-body-extra_large {
font-size: 1.2em;
}
.small-text {
font-size: 0.875em;
}
.regular-text {
font-size: 1em;
}
.enlarge-text {
font-size: 1em;
}
.enlarge-text.reading-width, .enlarge-text.reading-width--inline {
max-width: calc(var(--reading-width, 48em) * 0.75);
}
.large-text {
font-size: 2rem;
}
.subheading {
/* color: rgb(var(--heading-color));
font-family: var(--heading-font-family);
font-style: var(--heading-font-style);
font-weight: var(--heading-font-weight);
text-transform: var(--subheading-text-transform); */
}
.subheading:not(:last-child) {
margin-bottom: 1em;
}
.subheading-case {
text-transform: var(--subheading-text-transform, none);
}
.contained-heading {
max-width: 540px;
}
.rte::after {
content: "";
display: block;
clear: both;
}
/* .rte > p:last-child {
margin-bottom: 0;
} */
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
color: rgb(var(--heading-color));
}
/* .rte h1:not(:first-child),
.rte h2:not(:first-child),
.rte h3:not(:first-child),
.rte h4:not(:first-child),
.rte h5:not(:first-child),
.rte h6:not(:first-child) {
margin-top: 0.2em;
}
.rte h1:not(:last-child),
.rte h2:not(:last-child),
.rte h3:not(:last-child),
.rte h4:not(:last-child),
.rte h5:not(:last-child),
.rte h6:not(:last-child) {
margin-bottom: 0.2em;
} */
.rte iframe {
max-width: 100%;
}
.rte--inherit-heading-color h1,
.rte--inherit-heading-color h2,
.rte--inherit-heading-color h3,
.rte--inherit-heading-color h4,
.rte--inherit-heading-color h5,
.rte--inherit-heading-color h6 {
color: inherit;
}
@media (max-width: 599.98px) {
.xs\:regular-text {
font-size: 1em;
}
.xs\:text-h6 {
font-size: var(--h6-font-size);
line-height: 1.4;
}
}
@media (min-width: 769px) {
.enlarge-text {
font-size: 1.2em;
}
.contained-heading {
max-width: 865px;
}
}
.sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none{
pointer-events: none;
}
.visible{
visibility: visible;
}
.invisible{
visibility: hidden;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.sticky{
position: -webkit-sticky;
position: sticky;
}
.top-0{
top: 0;
}
.right-0{
right: 0;
}
.bottom-0{
bottom: 0;
}
.left-0{
left: 0;
}
.col-span-2{
grid-column: span 2 / span 2;
}
.col-span-full{
grid-column: 1 / -1;
}
.col-start-1{
grid-column-start: 1;
}
.col-end-3{
grid-column-end: 3;
}
.row-span-2{
grid-row: span 2 / span 2;
}
.row-span-3{
grid-row: span 3 / span 3;
}
.m-0{
margin: 0;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.mt-12{
margin-top: calc(12 * var(--space-unit));
}
.mb-8{
margin-bottom: calc(8 * var(--space-unit));
}
.mb-16{
margin-bottom: calc(16 * var(--space-unit));
}
.mt-10{
margin-top: calc(10 * var(--space-unit));
}
.mt-6{
margin-top: calc(6 * var(--space-unit));
}
.mt-4{
margin-top: calc(4 * var(--space-unit));
}
.mt-0 {
margin-top: 0;
}
.mb-0{
margin-bottom: 0;
}
.mt-8{
margin-top: calc(8 * var(--space-unit));
}
.mr-auto{
margin-right: auto;
}
.ml-auto{
margin-left: auto;
}
.mb-12{
margin-bottom: calc(12 * var(--space-unit));
}
.mt-16{
margin-top: calc(16 * var(--space-unit));
}
.mb-6{
margin-bottom: calc(6 * var(--space-unit));
}
.mb-4{
margin-bottom: calc(4 * var(--space-unit));
}
.mt-2{
margin-top: calc(2 * var(--space-unit));
}
.mb-10{
margin-bottom: calc(10 * var(--space-unit));
}
.mb-2{
margin-bottom: calc(2 * var(--space-unit));
}
.mb-5{
margin-bottom: calc(5 * var(--space-unit));
}
.mt-section{
margin-top: calc(var(--section-gap) * var(--fluid-1-5));
}
.mt-3{
margin-top: calc(3 * var(--space-unit));
}
.mb-section{
margin-bottom: calc(var(--section-gap) * var(--fluid-1-5));
}
.mt-5{
margin-top: calc(5 * var(--space-unit));
}
.mb-3{
margin-bottom: calc(3 * var(--space-unit));
}
.ml-2{
margin-left: calc(2 * var(--space-unit));
}
.mr-2{
margin-right: calc(2 * var(--space-unit));
}
.mb-1{
margin-bottom: var(--space-unit);
}
.mt-1{
margin-top: var(--space-unit);
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.inline-grid{
display: inline-grid;
}
.contents{
display: contents;
}
.hidden{
display: none;
}
.h-full{
height: 100%;
}
.w-full{
width: 100%;
}
.w-auto{
width: auto;
}
.max-w-none{
max-width: none;
}
.max-w-screen-md{
max-width: 769px;
}
.max-w-screen-lg{
max-width: 1024px;
}
.max-w-full{
max-width: 100%;
}
.flex-auto{
flex: 1 1 auto;
}
.shrink-0{
flex-shrink: 0;
}
.flex-grow{
flex-grow: 1;
}
.grow{
flex-grow: 1;
}
.table-fixed{
table-layout: fixed;
}
.resize{
resize: both;
}
.list-none{
list-style-type: none;
}
.auto-cols-2{
grid-auto-columns: calc((100% - var(--column-gap)) / 2);
}
.auto-cols-1{
grid-auto-columns: calc((100% - var(--column-gap)) / 1.25);
}
.grid-flow-col{
grid-auto-flow: column;
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row{
flex-direction: row;
}
.flex-row-reverse{
flex-direction: row-reverse;
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.items-start{
align-items: flex-start;
}
.items-end{
align-items: flex-end;
}
.items-center{
align-items: center;
}
.items-stretch{
align-items: stretch;
}
.justify-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-theme{
gap: var(--column-gap);
}
.gap-x-theme{
column-gap: var(--column-gap);
}
.gap-y-10{
row-gap: calc(10 * var(--space-unit));
}
.gap-y-6{
row-gap: calc(6 * var(--space-unit));
}
.gap-y-8{
row-gap: calc(8 * var(--space-unit));
}
.gap-y-theme{
row-gap: var(--column-gap);
}
.gap-y-16{
row-gap: calc(16 * var(--space-unit));
}
.gap-y-12{
row-gap: calc(12 * var(--space-unit));
}
.gap-x-6{
column-gap: calc(6 * var(--space-unit));
}
.gap-y-4{
row-gap: calc(4 * var(--space-unit));
}
.self-start{
align-self: flex-start;
}
.self-center{
align-self: center;
}
.overflow-auto{
overflow: auto;
}
.overflow-hidden{
overflow: hidden;
}
.border{
border-width: 1px;
}
.bg-theme-bg{
background-color: rgba(var(--bg-color));
}
.bg-success-bg{
background-color: rgb(var(--success-bg-color));
}
.bg-error-bg{
background-color: rgb(var(--error-bg-color));
}
.bg-theme-text{
background-color: rgb(var(--text-color));
}
.bg-info-bg{
background-color: rgb(var(--info-bg-color));
}
.object-center{
object-position: center;
}
.object-top{
object-position: top;
}
.p-6{
padding: calc(6 * var(--space-unit));
}
.p-8{
padding: calc(8 * var(--space-unit));
}
.p-4{
padding: calc(4 * var(--space-unit));
}
.pt-6{
padding-top: calc(6 * var(--space-unit));
}
.pb-6{
padding-bottom: calc(6 * var(--space-unit));
}
.pl-6{
padding-left: calc(6 * var(--space-unit));
}
.pr-6{
padding-right: calc(6 * var(--space-unit));
}
.pl-4{
padding-left: calc(4 * var(--space-unit));
}
.pr-4{
padding-right: calc(4 * var(--space-unit));
}
.pt-4{
padding-top: calc(4 * var(--space-unit));
}
.pb-0{
padding-bottom: 0;
}
.pb-4{
padding-bottom: calc(4 * var(--space-unit));
}
.pt-3{
padding-top: calc(3 * var(--space-unit));
}
.pb-3{
padding-bottom: calc(3 * var(--space-unit));
}
.pt-2{
padding-top: calc(2 * var(--space-unit));
}
.pb-2{
padding-bottom: calc(2 * var(--space-unit));
}
.pb-1{
padding-bottom: var(--space-unit);
}
.pt-5{
padding-top: calc(5 * var(--space-unit));
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.text-start{
text-align: start;
}
.text-end{
text-align: end;
}
.align-middle{
vertical-align: middle;
}
.align-bottom{
vertical-align: bottom;
}
.text-sm{
font-size: 0.88em;
}
.text-xs{
font-size: 0.75em;
}
.font-bold{
font-weight: 700;
}
.uppercase{
text-transform: uppercase;
}
.capitalize{
text-transform: capitalize;
}
.leading-none{
line-height: 1;
}
.text-theme-text{
color: rgb(var(--text-color));
}
.text-success-text{
color: rgb(var(--success-text-color));
}
.text-error-text{
color: rgb(var(--error-text-color));
}
.text-current{
color: currentColor;
}
.text-theme-bg{
color: rgba(var(--bg-color));
}
.text-inherit{
color: inherit;
}
.text-theme-light{
color: rgba(var(--text-color) / 0.6);
}
.text-info-text{
color: rgb(var(--info-text-color));
}
.text-theme-heading{
color: rgb(var(--heading-color));
}
.underline{
text-decoration-line: underline;
}
.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.js .js-hidden,
.no-js .no-js-hidden{
display: none;
}
@media (max-width: 1023.98px) {
.header__icon.js .js-hidden.md\:block,.header__icon
.no-js .no-js-hidden.md\:block {
display: none;
}
}
.no-js .no-js-visible{
display: block;
}
.visually-hidden{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.object-bottom {
object-position: bottom;
}
.object-top {
object-position: top;
}
[hidden] {
display: none !important;
}
@media (prefers-reduced-motion) {
.has-motion {
transition: none !important;
animation: none !important;
}
}
@media (hover: none) {
.no-hover-hidden {
display: none !important;
}
}
.color-link {
color: rgb(var(--link-color));
}
.border-top {
border-top: 1px solid rgba(var(--text-color)/0.15);
}
.border-bottom {
border-bottom: 1px solid rgba(var(--text-color)/0.15);
}
.start {
left: var(--start-gutter, 0);
}
[dir=rtl] .start {
right: var(--start-gutter, 0);
left: auto;
}
.end {
right: var(--end-gutter, 0);
}
[dir=rtl] .end {
right: auto;
left: var(--end-gutter, 0);
}
.mis-2 {
margin-inline-start: calc(2 * var(--space-unit));
}
.mis-auto {
margin-inline-start: auto;
}
.mie-auto {
margin-inline-end: auto;
}
.vertical-center {
top: 50%;
transform: translateY(-50%);
}
.tap-target {
position: relative;
}
.tap-target::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
transform: translate(-50%, -50%);
opacity: 0;
}
.tap-target--left::after {
left: 0;
transform: translateY(-50%);
}
.tap-target--right::after {
right: 0;
left: auto;
transform: translateY(-50%);
}
.top-header-offset {
top: calc(var(--header-end-padded, 0) * -1);
}
@media (hover: hover) {
.hover\:underline:hover {
text-decoration: underline;
}
.hover\:lighten {
transition: color 0.3s;
}
.hover\:lighten:hover {
color: rgba(var(--text-color)/0.8);
}
.hover\:grow-media .card__media {
overflow: hidden;
}
.hover\:grow-media .media {
transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1), border-color 0.4s;
will-change: transform;
}
.hover\:grow-media:hover .media {
transform: scale(1.03);
border-color: transparent;
}
}
@media (max-width: 768.98px) {
.md-down\:text-center {
text-align: center;
}
.md-down\:-mx-gutter {
margin-right: calc(var(--gutter) * -1);
margin-left: calc(var(--gutter) * -1);
}
.md-down\:p-xl {
padding: 0 calc(8 * var(--space-unit));
}
.md-down\:center {
align-items: center;
justify-content: center;
}
.md-down\:px-gutter {
padding-right: var(--gutter);
padding-left: var(--gutter);
}
}
.visible-lg {
display: none !important;
}
@media (min-width: 769px) {
.visible-lg {
display: block !important;
}
.md\:pt-0 {
padding-top: 0 !important;
}
}
@media (max-width: 599.98px) {
.small__grid {
--column-gap: 10px;
row-gap: 10px;
}
.carousel .small__grid {
--column-gap: 0px;
}
.carousel .small__grid .slider__item:not(:last-child) .card--product-contained {
border-inline-end: 0;
}
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}
@keyframes checkmark {
0% {
width: 0;
height: 0;
opacity: 1;
}
20% {
width: 10px;
height: 0;
opacity: 1;
}
40% {
width: 10px;
height: 20px;
opacity: 1;
}
90% {
width: 10px;
height: 20px;
opacity: 1;
}
100% {
width: 10px;
height: 20px;
opacity: 0;
}
}
@keyframes colorPulse {
0% {
color: var(--text-color);
}
50% {
color: var(--speech-icon-color);
}
100% {
color: var(--text-color);
}
}
@keyframes shake-n-grow {
0%, 100% {
transform: rotate(0deg);
transform-origin: 50% 50%;
}
10% {
transform: rotate(8deg);
}
20%, 40%, 60% {
transform: rotate(-10deg) scale(1.05);
}
30%, 50%, 70% {
transform: rotate(10deg) scale(1.05);
}
80% {
transform: rotate(-8deg);
}
90% {
transform: rotate(8deg);
}
}
@keyframes shake {
0%, 100% {
transform: rotate(0deg);
transform-origin: 50% 50%;
}
10% {
transform: rotate(8deg);
}
20%, 40%, 60% {
transform: rotate(-10deg);
}
30%, 50%, 70% {
transform: rotate(10deg);
}
80% {
transform: rotate(-8deg);
}
90% {
transform: rotate(8deg);
}
}
.product-alert {
margin-top:1em;
}
.alert {
padding: 2rem 2.4rem;
}
.alert p:first-of-type {
margin-top:0;
}
.alert p:last-of-type {
margin-bottom:0;
}
.alert.bg-success-bg {
border: 1px solid rgba(var(--success-text-color)/0.2);
}
.alert.bg-error-bg {
border: 1px solid rgba(var(--error-text-color)/0.2);
}
.alert[autofocus] {
outline: 0;
}
.text-success-text {
--heading-color: rgb(var(--success-text-color));
--link-color: rgb(var(--success-text-color));
}
.text-error-text {
--heading-color: rgb(var(--error-text-color));
--link-color: rgb(var(--error-text-color));
}
button {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
font-family: inherit;
font-size: 1em;
text-decoration: none;
text-shadow: none;
cursor: pointer;
}
.btn {
display: inline-block;
position: relative;
max-width: 100%;
padding: var(--btn-padding-y, 12px) 26px;
transition: all 0.2s linear;
border-radius: var(--btn-border-radius, 0);
outline-offset: var(--btn-border-width);
/* font-size: 0.88em; */
/* font-weight: 700; */
line-height: 1.2em;
text-align: center;
text-transform: var(--btn-text-transform, none);
-webkit-appearance: none;
appearance: none;
/* word-break: break-word; */
}
.btn[disabled], .btn[aria-disabled=true] {
opacity: 0.4;
cursor: default;
}
.btn--sm {
padding: 8px 16px;
font-size: 1.4rem;
font-weight: normal;
}
.btn--narrow {
padding-top: 9px;
padding-bottom: 9px;
}
.btn--extra-narrow {
padding-top: 5px;
padding-bottom: 5px;
}
.btn--primary,
.spr-button-primary,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-challenge__button {
border: var(--btn-border-width) solid rgb(var(--btn-bg-color));
outline-color: rgb(var(--btn-bg-color));
outline-offset: 3px;
background-color: rgba(var(--btn-bg-color));
color: rgb(var(--btn-text-color));
}
.btn--primary.is-loading {
color: rgba(var(--btn-text-color)/0.1);
}
.btn--primary.is-loading::after {
border-color: rgb(var(--btn-text-color));
border-top-color: transparent;
}
.btn--primary.is-loading::before {
border-color: rgb(var(--btn-text-color));
}
.btn--secondary {
border: var(--btn-border-width) solid rgb(var(--btn-alt-text-color));
outline-color: rgb(var(--btn-alt-text-color));
outline-offset: 3px;
background-color: rgba(var(--btn-alt-bg-color));
background-size: 300% 100%;
color: rgb(var(--btn-alt-text-color));
}
.btn--secondary.is-loading {
color: rgba(var(--btn-alt-text-color)/0.1);
}
.btn--secondary.is-loading::after {
border-color: rgb(var(--btn-alt-text-color));
border-top-color: transparent;
}
.btn--secondary.is-loading::before {
border-color: rgb(var(--btn-alt-text-color));
}
@media (hover: hover) {
.btn--primary:not(.slider-nav__btn):hover,
.shopify-challenge__button:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
background-color: rgba(var(--btn-bg-hover-color));
border-color: rgba(var(--btn-bg-hover-color));
}
}
@media (hover: hover) {
.btn--secondary:not(.slider-nav__btn):hover {
background-color: rgba(var(--btn-alt-text-color)/0.1);
border-color: rgba(var(--btn-alt-text-color));
}
}
.btn--icon {
padding: calc(10px - var(--btn-border-width));
border-radius: var(--btn-lg-border-radius, var(--btn-border-radius));
}
.btn--icon.btn--lg {
padding: calc(16px - var(--btn-border-width));
border-radius: var(--btn-icon-border-radius);
}
.btn--icon-with-text .icon {
width: auto;
height: 1.2em;
margin-inline-end: calc(2 * var(--space-unit));
}
.btn--arrow-with-text {
padding-inline-end: 56px;
}
.btn--arrow-back-with-text {
padding-inline-start: 56px;
}
.btn--arrow-with-text::after,
.btn--arrow-back-with-text::after {
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 24px;
height: 24px;
transform: translateY(-50%);
transition: background-color 0.2s ease;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
[dir=rtl] .btn--arrow-with-text::after,
[dir=ltr] .btn--arrow-back-with-text::after {
right: auto;
left: 16px;
transform: translateY(-50%) scaleX(-1);
}
.btn[disabled]:hover,
.btn[aria-disabled=true]:hover {
opacity: 0.4;
background-position: 0 100%;
cursor: default;
}
.custom-select__btn {
display: flex;
width: var(--custom-select-button-width, auto);
min-width: 100%;
max-width: 100%;
background-color: rgb(var(--input-bg-color));
color: rgb(var(--input-text-color));
font-size: 0.88em;
font-weight: bold;
}
.custom-select__btn.is-loading {
color: rgba(var(--input-text-color)/0.2);
}
.custom-select__btn.is-loading .flag-list-icon {
opacity: 0.3;
}
.custom-select__btn > .icon {
flex-shrink: 0;
width: 36px;
height: 20px;
margin-inline-start: auto;
margin-inline-end: -5px;
padding-inline-start: 16px;
}
.custom-select__listbox {
z-index: 100;
min-width: 100%;
max-height: 20em;
overflow-y: auto;
outline: 0;
background-color: #fff;
color: rgb(var(--input-text-color));
font-size: 0.88em;
box-shadow: 0 50px 100px -20px rgba(102,102,102,0.25), 0 30px 60px -30px rgba(0,0,0,0.3);
}
.custom-select__listbox[aria-hidden=false] {
visibility: visible;
}
.custom-select__option {
padding: 10px 16px;
cursor: pointer;
}
.custom-select__option > em {
flex-shrink: 0;
margin-inline-start: auto;
padding-inline-start: 1em;
font-style: normal;
}
.custom-select__option.is-focused {
outline: 0;
background-color: var(--input-bg-color-diff-6);
color: rgb(var(--input-text-color));
}
.checkbox {
position: absolute;
opacity: 0;
}
.checkbox + label {
display: inline-flex;
position: relative;
align-items: center;
margin: 0;
font-size: 1em;
line-height: 1.5;
cursor: pointer;
}
.checkbox + label::before {
content: "";
display: block;
flex-shrink: 0;
width: 22px;
height: 22px;
margin-inline-end: 0.75em;
border: var(--input-border-width) solid rgb(var(--text-color));
border-radius: 2px;
background-color: rgb(var(--input-bg-color));
}
.checkbox:checked + label::before {
border-color: rgb(var(--text-color));
background-color: rgb(var(--text-color));
}
.checkbox:checked + label::after {
content: "";
position: absolute;
top: calc(0.75em - 1.5px);
left: 11px;
width: calc((22px - (var(--input-border-width) * 2)) * 0.375);
height: calc((22px - (var(--input-border-width) * 2)) * 0.75);
transform: translate(-50%, -50%) rotate(45deg);
border: solid rgba(var(--bg-color));
border-width: 0 2px 2px 0;
}
[dir=rtl] .checkbox:checked + label::after {
right: 11px;
left: auto;
transform: translate(50%, -50%) rotate(45deg);
}
.checkbox[disabled] + label {
opacity: 0.5;
cursor: default;
}
.radio {
position: absolute;
opacity: 0;
}
.radio + label {
display: inline-flex;
position: relative;
align-items: flex-start;
margin: 0;
font-size: 1em;
line-height: 1.5;
vertical-align: top;
cursor: pointer;
}
.radio + label::before {
content: "";
display: block;
flex-shrink: 0;
margin-inline-end: 0.75em;
border: var(--input-border-width) solid rgb(var(--text-color));
border-radius: 2px;
background-color: rgb(var(--input-bg-color));
width: 22px;
height: 22px;
margin-top: calc(0.75em - 11px);
border-radius: 50%;
}
.radio:checked + label::after {
content: "";
position: absolute;
top: 0.75em;
left: 11px;
width: calc((22px - (var(--input-border-width) * 2)) * 0.625);
height: calc((22px - (var(--input-border-width) * 2)) * 0.625);
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: rgb(var(--text-color));
}
[dir=rtl] .radio:checked + label::after {
right: 11px;
left: auto;
transform: translate(50%, -50%);
}
.custom-select__option > em {
padding-inline-start: 2em;
}
.custom-select__listbox {
min-width: max(100%, 165px);
}
fieldset {
margin: 0;
padding: 0.35em 0.75em 0.625em;
}
legend {
padding: 0;
}
.label {
display: block;
margin: 0 0 calc(2 * var(--space-unit));
font-weight: 700;
text-align: start;
}
.label--inline {
display: inline-block;
margin: 0;
}
.is-required > label::after {
content: " *";
}
input,
textarea,
select {
background-clip: padding-box;
font-family: inherit;
font-size: 16px;
line-height: 1.5;
}
.input,
select {
max-width: 100%;
margin: 0;
padding: var(--input-padding-y, 12px) 12px;
transition: border-color 0.2s, box-shadow 0.2s, outline 0.2s;
border: var(--input-border-width) solid rgba(var(--input-text-color)/0.2);
border-radius: var(--input-border-radius, 0);
/* background-color: rgb(var(--input-bg-color)); */
background-color: #FFF;
color: rgb(var(--input-text-color));
/* font-size: 0.88em; */
line-height: 1.2em;
}
.input:focus,
select:focus {
border-color: rgba(var(--input-text-color)/0.6);
outline: 0;
/* box-shadow: 0 0 0 1px rgba(var(--input-text-color)/0.6); */
}
.input::placeholder {
color: rgba(var(--input-text-color)/0.5);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
border: var(--input-border-width) solid rgba(var(--input-text-color)/0.2);
box-shadow: 0 0 0 1000px rgb(var(--input-bg-color)) inset;
-webkit-text-fill-color: rgb(var(--input-text-color));
}
.input-with-button input:-webkit-autofill,
.input-with-button input:-webkit-autofill:hover,
.input-with-button input:-webkit-autofill:focus,
.input-with-button textarea:-webkit-autofill,
.input-with-button textarea:-webkit-autofill:hover,
.input-with-button textarea:-webkit-autofill:focus,
.input-with-button select:-webkit-autofill,
.input-with-button select:-webkit-autofill:hover,
.input-with-button select:-webkit-autofill:focus {
border-color: transparent;
}
[type=email],
[type=tel] {
text-align: start;
}
[type=number] {
-moz-appearance: textfield;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button,
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
margin: 0;
-webkit-appearance: none;
}
textarea {
border-radius: var(--textarea-border-radius) !important;
vertical-align: top;
resize: vertical;
}
select {
padding-inline-end: 48px;
font-weight: 700;
-webkit-appearance: none;
appearance: none;
}
.select::after {
content: "";
position: absolute;
top: calc(50% - 10px);
right: 20px;
width: 20px;
height: 20px;
background-color: rgb(var(--input-text-color));
pointer-events: none;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
[dir=rtl] .select::after {
right: auto;
left: 20px;
}
.input-with-button {
display: flex;
align-items: center;
border-radius: var(--input-lg-border-radius, var(--input-border-radius));
background-color: rgb(var(--input-bg-color));
box-shadow: inset 0 0 0 var(--input-border-width) rgba(var(--input-text-color)/0.2);
}
.input-with-button:focus-within {
box-shadow: inset 0 0 0 var(--input-border-width) rgba(var(--input-text-color)/0.6);
}
.input-with-button > .input {
flex: 1 1 auto;
margin-inline-start: 3px;
margin-inline-end: calc((var(--input-border-radius, 0px) + var(--btn-border-radius, 0px)) * -1);
padding-inline-end: 0;
border: 0;
background-color: transparent;
box-shadow: none;
}
.input-with-button > .btn {
flex: 0 0 auto;
padding: var(--btn-padding-y, 12px) 26px;
border-radius: var(--input-with-btn-inner-radius, 0) var(--input-border-radius, 0) var(--input-border-radius, 0) var(--input-with-btn-inner-radius, 0);
}
.input-with-button > .btn:not(.btn--primary) {
color: rgb(var(--input-text-color));
}
.input-with-button > .btn--icon {
padding: 12px 16px;
}
.checkbox:checked + label::after {
top: calc(0.75em - 2px);
}
.form__field {
margin-bottom: calc(6 * var(--space-unit));
text-align: start;
}
.form > .form__field:last-of-type {
margin-bottom: 0;
}
.form__field-error {
margin: 0.5em 0 0;
color: rgb(var(--error-text-color));
}
.form__actions > .btn {
margin-inline-end: calc(6 * var(--space-unit));
}
.checkbox--small + label::before {
width: 16px;
height: 16px;
margin-top: calc(0.75em - 10px);
}
.checkbox--small:checked + label::after {
content: "";
top: calc(0.75em - 3px);
left: 8px;
width: calc((16px - var(--input-border-width) * 2) * 0.375);
height: calc((16px - var(--input-border-width) * 2) * 0.75);
}
@media (max-width: 768.98px) {
.input-with-button--md-up {
display: block;
border-radius: var(--input-border-radius, 0);
background: none;
box-shadow: none;
}
.input-with-button--md-up:focus-within {
box-shadow: none;
}
.input-with-button--md-up > .input {
padding: var(--input-padding-y, 11px) 24px;
border: var(--input-border-width) solid rgba(var(--input-text-color)/0.2);
background-color: rgb(var(--input-bg-color));
}
.input-with-button--md-up > .input:focus {
border-color: rgba(var(--input-text-color)/0.6);
}
.input-with-button--md-up > .btn {
width: 100%;
margin-top: calc(4 * var(--space-unit));
border-radius: var(--btn-border-radius, 0);
}
.input-with-button > .btn {
padding: var(--btn-padding-y, 12px) 18px;
}
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
[loading=lazy] {
transition: opacity 0.5s ease-out;
opacity: 1;
}
[loading=lazy]:not([src]) {
opacity: 0;
}
.media {
overflow: hidden;
}
.media--has-overlay::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.media__placeholder {
background-color: #d8d8d8;
fill: #777;
vertical-align: top;
}
.media__placeholder.dark {
background-color: #d5d5d5;
}
.img-fit,
.md\:img-fit {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.img-fit.img-fit--contain,
.md\:img-fit.img-fit--contain {
object-fit: contain;
}
.icon {
vertical-align: top;
pointer-events: none;
}
[dir=rtl] .has-ltr-icon .icon {
transform: scaleX(-1);
}
.image-blend {
background-color: var(--blend-bg-color) !important;
}
.image-blend img {
mix-blend-mode: multiply;
}
@media (max-width: 768.98px) {
.md\:img-fit {
position: static;
}
}
a,
.link,
.product-spec__value a {
color: rgb(var(--link-color));
text-decoration: none;
}
a[aria-disabled=true],
.link[aria-disabled=true],
.product-spec__value a[aria-disabled=true] {
opacity: 0.4;
cursor: default;
}
.link,
.rte a,
.product-spec__value a {
transition: opacity 0.3s;
}
.link:hover,
.rte a:hover,
.product-spec__value a:hover {
opacity: 0.6;
}
.skip-link.btn {
position: absolute;
z-index: 999;
top: 16px;
left: var(--gutter);
}
.skip-link.btn:focus {
width: auto;
height: auto;
clip: auto;
}
ol,
ul {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
.rte ol,
.rte ul {
display: inline-block;
padding: 0;
padding-inline-start: 2rem;
text-align: start;
}
.rte ol:last-child,
.rte ul:last-child {
margin-bottom: 0;
}
.rte ol {
margin-inline-start: 1.25em;
}
.styled-list {
padding-inline-start: 2rem;
}
.rte ol li {
padding-inline-start: 0.25em;
}
.rte ul li,
.styled-list > li {
padding-inline-start: 1.5em;
}
.rte ul ul li {
padding-inline-start: 3em;
}
.rte ul ul li:not(:last-child) {
margin-bottom:0;
}
.rte ul ul {
margin-bottom: 0.5em;
}
.rte ul li::before,
.styled-list > li::before {
content: "";
display: inline-block;
width: 0.5em;
height: 0.5em;
margin-top: -2px;
margin-inline-start: -1.25em;
margin-inline-end: 0.75em;
border-radius: 50%;
background-color: currentColor;
vertical-align: middle;
}
.rte ul ul li::before {
border:1px solid #000;
background:transparent;
}
.overlay {
visibility: hidden;
z-index: 30;
transition: visibility 0.3s, z-index 0s 0.3s, opacity 0.3s;
opacity: 0;
background-color: rgba(var(--modal-overlay-color)/var(--modal-overlay-opacity));
pointer-events: none;
}
.overlay.is-visible {
visibility: visible;
transition: visibility 0.3s, z-index 0s, opacity 0.3s;
opacity: 1;
pointer-events: initial;
}
.overlay.overlay--over-nav {
z-index: 31;
}
.overlay--nav {
z-index: 20;
}
.is-loading::after {
content: "";
position: absolute;
top: calc(50% - 10px);
right: calc(50% - 10px);
width: 20px;
height: 20px;
transition: opacity 0.2s;
animation: spinner 0.6s linear infinite;
border: 2px solid;
border-radius: 50%;
border-color: rgb(var(--text-color));
border-top-color: transparent;
}
.is-loading::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 20px;
margin-top: -2px;
transform: scaleX(-1) rotate(135deg) translateX(-50%) translateY(-50%);
transform-origin: left top;
border-top: 2px solid rgb(var(--text-color));
opacity: 0;
border-inline-end: 2px solid rgb(var(--text-color));
}
.is-success.is-loading::after {
opacity: 0;
}
html:not([dir=rtl]) .is-success::before {
animation: checkmark 1.4s ease;
}
.panel {
--heading-color: var(--panel-heading-color);
padding: calc(5 * var(--space-unit));
background-color: rgba(var(--panel-bg-color));
color: rgb(var(--panel-text-color));
}
@media (min-width: 1024px) {
.panel {
padding: calc(8 * var(--space-unit));
}
}
table {
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
th,
td {
padding: 1em;
border-collapse: collapse;
border: 1px solid rgba(var(--text-color)/0.15);
text-align: start;
}
.discount {
padding: 6px 14px;
background-color: rgba(var(--text-color)/0.1);
}
.discount .icon {
flex-shrink: 0;
width: 20px;
margin-inline-end: calc(2 * var(--space-unit));
}
.scrollable-table {
display: inline-block;
margin-bottom: var(--element-margin-bottom, 2em);
}
@media (max-width: 768.98px) {
.scrollable-table {
display: flex;
overflow: auto;
}
.scrollable-table > table {
flex-shrink: 0;
width: auto;
min-width: 100%;
max-width: 640px;
}
}
.breadcrumbs {
min-height: 1.5em;
margin: calc(5 * var(--space-unit)) 0;
font-size: 0.75em;
}
.breadcrumbs .icon {
display: inline-block;
width: 1.2em;
height: 1.2em;
margin-inline-start: 0.125em;
margin-inline-end: 0.25em;
}
.breadcrumbs-list {
flex: 1 1 auto;
flex-wrap: wrap;
line-height: 1em;
}
.breadcrumbs-list__link {
color: currentColor;
}
.breadcrumbs-prod-nav {
margin-inline-start: auto;
margin-inline-end: -7px;
}
.breadcrumbs-prod-nav__link--next {
margin-inline-end: 0;
}
.breadcrumbs-prod-nav__link--next::before {
content: "·";
position: relative;
margin: 0 0.75em;
opacity: 0.5;
}
.breadcrumbs-list__link--rss {
margin-inline-start: 1em;
}
@media (min-width: 769px) {
.breadcrumbs {
overflow: auto;
}
.breadcrumbs-list {
flex: 1 0 auto;
}
.product-breadcrumbs .breadcrumbs-list__link {
max-width: 20em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-breadcrumbs .breadcrumbs-list__link:hover {
text-decoration: underline;
}
}
.card {
flex-direction: column;
max-width: 768px;
margin: 0 auto;
}
.card.color-scheme--default {
background:#fff;
}
@media (hover: hover) {
.card__main-image,
.card__media.has-hover-image:hover .card__hover-image {
visibility: visible;
transition: opacity 0.5s, visibility 0s;
opacity: 1;
}
.card__hover-image,
.card__media.has-hover-image:hover .card__main-image {
visibility: hidden;
transition: opacity 0.5s, visibility 0s 0.5s;
opacity: 0;
}
}
.card.color-scheme .card__info {
padding: calc(6 * var(--space-unit));
}
.card-link::after {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card:not(.card--related):not(.card--no-lines) .price--top {
margin-top: calc(3 * var(--space-unit));
border-top: 1px solid rgba(var(--text-color)/0.15);
}
.card:not(.card--related).card--no-lines .price--bottom,
.card:not(.card--related) .price--bottom {
padding-top: calc(4 * var(--space-unit));
}
.card__quick-add {
display: none;
}
.card__tags--links {
z-index: 3;
}
.card--wide {
max-width: none;
}
.card--row,
.main-products-grid[data-layout=list] .card {
flex-direction: row;
max-width: none;
}
.main-products-grid[data-layout=list].transition-ready .card {
transition: padding-top 0.3s;
}
.main-products-grid[data-layout=list] .card--product {
padding-top: calc(5 * var(--space-unit));
}
.main-products-grid[data-layout=list] .card--product .card__info {
position: relative;
padding-top: 0;
}
.main-products-grid[data-layout=list] .card .card__media {
z-index: 1;
flex: 0 0 calc(50% - var(--gutter) * 2);
margin-inline-end: var(--gutter);
background-color: inherit;
}
.main-products-grid[data-layout=list] .card .card__info-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.main-products-grid[data-layout=list] .card .card__info-inner {
width: auto;
}
.card--related {
max-width: none;
margin-top: calc(4 * var(--space-unit));
}
.card--related .card__media {
flex: 0 0 50px;
align-items: center;
}
.card--related .card__info {
padding-top: 0;
padding-inline-start: calc(4 * var(--space-unit));
}
.card--related .card__info p {
margin:0;
}
.card--related .price {
color: rgb(var(--primary-color));
}
.card--related strong {
font-weight: var(--body-font-weight);
}
.card--related .btn {
z-index: 3;
}
.slider__grid .card--related {
margin-top: 0;
}
.card__link-list {
padding-top: calc(2 * var(--space-unit));
}
.card__link-list li {
margin-bottom: var(--space-unit);
}
.card__link-list-item {
padding: var(--space-unit) 0 calc(2 * var(--space-unit));
}
.card__title-wrapper {
padding-top: calc(4 * var(--space-unit));
padding-bottom: calc(2 * var(--space-unit));
}
.card--product .card__info {
flex: 1;
}
.card--product-contained {
--text-color: var(--card-text-color);
padding: calc(5 * var(--space-unit));
border: 1px solid var(--card-border-color);
background-color: var(--card-bg-color);
color: rgb(var(--card-text-color));
}
.card--product-contained .text-theme-light {
opacity: 0.7;
}
.card--article .btn--icon {
z-index: 2;
}
.card--article.card--row {
flex-direction: column;
}
.card__collection--with-border .card__media {
border: 1px solid var(--coll-card-border-color);
}
.card__collection .media {
background-color: var(--coll-card-bg-color);
}
.card__media--circle,
.card__media--circle .media {
border-radius: 50%;
}
.card--article.card--featured .card__info {
padding: var(--gutter-sm, 20px);
}
/* .main-products-grid .card--product {
padding-bottom: 1em;
border-bottom: 2px dotted rgb(var(--primary-color));
} */
.card--product .price {
color: rgb(var(--primary-color));
}
@media (max-width: 768.98px) {
.grid-cols-2 .card--product-contained, .auto-cols-2 .card--product-contained {
padding: calc(3 * var(--space-unit));
}
}
@media (min-width: 769px) {
.grid-cols-2:not(.small-cards-mobile) .card--product-contained, .auto-cols-2:not(.small-cards-mobile) .card--product-contained, .small-cards-desktop .card--product-contained {
padding: calc(4 * var(--space-unit));
}
.main-products-grid[data-layout=list] .card .card__media {
flex: 0 0 calc(33.333333% - calc(8 * var(--space-unit)));
max-width: 245px;
margin-inline-end: calc(10 * var(--space-unit));
}
.main-products-grid[data-layout=list] .card .card__info {
flex: 1 1 auto;
}
.main-products-grid[data-layout=list] .card .card__info-container {
flex-direction: row;
align-items: center;
}
.card--article.card--featured {
flex-direction: row;
}
.card--article.card--featured .card__media {
flex: 0 0 50%;
}
.card--article.card--featured .card__info {
min-height: 250px;
padding: calc(7 * var(--space-unit));
}
.card.color-scheme .card__info {
padding: calc(7 * var(--space-unit));
}
.card--product .price__current {
font-size: 1em;
}
.card--product .price__was {
font-size: 1em;
}
}
@media (min-width: 1280px) {
.card.color-scheme .card__info {
padding: calc(7 * var(--space-unit));
}
.card--article.card--featured .card__info {
min-height: 350px;
}
}
@media (hover: none) {
.card__hover-image {
display: none;
}
}
.countdown__grid {
grid-template-columns: repeat(4, auto);
font-size: calc(var(--countdown-size, 24) * var(--fluid-1-5));
gap: var(--countdown-gap, 1em);
}
.countdown__item:not(:last-child) .countdown__number::after {
content: ":";
position: absolute;
left: calc(100% + var(--countdown-gap, 1em) / 2);
top: 0;
padding-top: 0.45em;
color: rgb(var(--text-color));
transform: translateX(-50%);
}
[dir=rtl] .countdown__item:not(:last-child) .countdown__number::after {
left: auto;
right: calc(100% + var(--countdown-gap, 1em) / 2);
transform: translateX(50%);
}
.countdown__number {
box-sizing: content-box;
min-width: 2ch;
margin-bottom: 6px;
padding: 0.45em;
border: 0;
border-radius: 0.4em;
background-color: rgb(var(--text-color));
color: rgba(var(--bg-color));
line-height: 1;
white-space: nowrap;
}
.countdown__unit {
font-size: 14px;
}
.countdown__grid + .countdown__text {
margin-top: calc(var(--countdown-size, 24) * var(--fluid-1-5) / 2);
}
@media (max-width: 599.98px) {
.countdown__grid {
--countdown-gap: 14px;
font-size: 22px;
}
}
.color-scheme--white .text-overlay__block:not(.countdown-timer__custom-colors) .countdown__number {
color: #000;
}
.countdown__block {
margin-top: calc(8 * var(--space-unit));
margin-bottom: calc(8 * var(--space-unit));
}
.countdown__block:last-child {
margin-bottom: 0;
}
.section__block--countdown:not(:first-child) {
margin-top: calc(6 * var(--space-unit));
margin-bottom: calc(6 * var(--space-unit));
}
.countdown__text {
margin-top: calc(4 * var(--space-unit));
}
.countdown-large-endtext .countdown__text {
font-size: 1.25em;
}
@media (max-width: 768.98px) {
.countdown__item {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 599.98px) {
.countdown__unit {
font-size: 0.5em;
}
}
.disclosure > summary {
padding: calc(6 * var(--space-unit)) 0;
}
.disclosure--row {
border: 1px solid rgba(var(--text-color)/0.15);
border-width: 1px 0;
}
details-disclosure + details-disclosure .disclosure--row {
border-top: 0;
}
.js .disclosure__panel {
overflow: hidden;
transition: height 0.3s cubic-bezier(0.2, 0.6, 0.4, 1);
}
.disclosure__toggle {
margin-inline-start: calc(3 * var(--space-unit));
}
.disclosure__toggle > .icon {
display: block;
width: 20px;
height: 20px;
}
.disclosure[open]:not(.is-closing) .disclosure__toggle > .icon {
transform: scaleY(-1);
}
.disclosure[open]:not(.is-closing) .v-line {
display: none;
}
.disclosure__title {
max-width: 100%;
margin-bottom: 0;
margin-top:0;
}
.disclosure__title > .icon {
flex-shrink: 0;
margin: 0;
margin-inline-end: calc(4 * var(--space-unit));
}
.disclosure__title > .icon--washing,
.disclosure__title > .icon--truck,
.disclosure__title > .icon--silhouette,
.disclosure__title > .icon--lock {
margin-top: -2px;
}
.disclosure__content {
padding-bottom: calc(6 * var(--space-unit));
}
.js .disclosure__content {
transition: opacity 0.3s ease 0s;
opacity: 0;
}
.js .disclosure[open]:not(.is-closing) .disclosure__content {
transition: opacity 0.3s ease 0.1s;
opacity: 1;
}
.image-banner .rte a,
.image-banner .rte a:hover {
color: inherit;
}
@media (min-width: 600px) {
.image-banner.auto-height::after {
content: "";
padding-top: 56.25%;
}
}
@media (max-width: 599.98px) {
.mobile-stacked .image-banner {
flex-direction: column;
}
.mobile-stacked .image-banner .image-banner__image::after {
display: none;
}
.mobile-stacked .image-banner > .container {
height: 100%;
padding: 0;
}
.mobile-stacked .image-banner:not(.slideshow__slide) .media,
.mobile-stacked .auto-height:not(.slideshow__slide) .media::after {
position: relative;
}
.mobile-stacked--spaced {
margin-bottom: calc(var(--section-gap) * 0.1rem);
}
}
.main-menu {
--nav-line-color: rgba(var(--nav-child-text-color) / 0.2);
font-family: var(--navigation-font-family);
font-style: var(--navigation-font-style);
font-weight: var(--navigation-font-weight);
}
.main-menu .badge {
white-space: normal;
}
.grandchild-nav__item,
.main-nav__item--go,
.mega-nav--pills.mega-nav--no-grandchildren .main-nav__item:not(.main-nav__item-header) {
font-family: var(--body-font-family);
font-style: var(--body-font-style);
font-weight: var(--body-font-weight);
}
.main-menu__toggle {
position: relative;
width: 40px;
height: 40px;
border: 3px solid rgb(var(--text-color));
border-radius: 100%;
margin-left: 6px;
}
.main-menu__toggle::before,
.main-menu__toggle::after,
.main-menu__toggle-icon::before,
.main-menu__toggle-icon::after {
content: "";
display: block;
position: absolute;
left: 9px;
width: 16px;
height: 2px;
transform: rotate(0deg);
transition: 0.3s ease-in-out;
transition-property: transform, width, top, left;
background: currentColor;
margin-top:-4px;
}
.main-menu__toggle-icon::before {
top: 14px;
}
.main-menu__toggle::before,
.main-menu__toggle::after {
top: 20px;
}
.main-menu__toggle-icon::after {
top: 26px;
}
.no-js .main-nav__item-content {
pointer-events: none;
}
.main-menu__disclosure.is-open .main-menu__toggle-icon::before,
.main-menu__disclosure.is-open .main-menu__toggle-icon::after,
.no-js .main-menu__disclosure[open] .main-menu__toggle-icon::before,
.no-js .main-menu__disclosure[open] .main-menu__toggle-icon::after {
top: 21px;
left: 22px;
width: 0;
}
.main-menu__disclosure.is-open .main-menu__toggle::before,
.no-js .main-menu__disclosure[open] .main-menu__toggle::before {
transform: rotate(45deg);
}
.main-menu__disclosure.is-open .main-menu__toggle::after,
.no-js .main-menu__disclosure[open] .main-menu__toggle::after {
transform: rotate(-45deg);
}
.main-nav__item,
.secondary-nav__item {
color: currentColor;
}
.secondary-nav__cta .icon {
flex-shrink: 0;
}
.secondary-nav__cta .icon + span {
margin-inline-start: 10px;
}
.secondary-nav__item.secondary-nav__cta--button {
padding: 0.3em 0.9em;
transition: background-position 0.4s ease-out;
border-radius: var(--btn-border-radius, 0);
background: rgb(var(--cta-bg-hover-color)) linear-gradient(104deg, rgb(var(--cta-bg-hover-color)) 60%, rgb(var(--cta-bg-color)) 60%, rgb(var(--cta-bg-color)) 100%) no-repeat 100% 100%;
background-size: 300% 100%;
line-height: 1.2;
}
.main-nav__item--toggle .icon,
.main-nav__item--back .icon,
.main-nav__item--go .icon {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-inline-start: 2px;
transition: transform 0.3s;
}
.main-nav__item--go {
display: flex;
align-items: center;
color: rgba(var(--nav-child-text-color)/0.7);
}
.main-nav__item--go .icon,
.main-nav__icon-circle .icon {
width: 15px;
height: 15px;
margin-inline-start: calc(2 * var(--space-unit));
padding: 1px;
border: 1px solid;
border-radius: 50%;
}
.child-nav details[open]:not(.is-closing) .icon {
transform: scaleY(-1);
}
.main-nav__item--toggle {
width: auto;
}
.main-nav__item--toggle .main-nav__item-content {
display: inline-flex;
align-items: center;
}
.main-nav__item--toggle .main-nav__item--primary {
display: inline-flex;
align-items: center;
}
.main-nav__item--toggle .icon {
transform: rotate(0deg);
}
.main-nav__link--featured {
color: rgb(var(--header-accent-color));
}
.main-nav__grandchild {
padding: 0 16px 2.5rem;
}
.main-nav__grandchild .main-nav__item {
display: block;
}
.main-nav__grandchild .main-nav__item,
.main-nav__grandchild .main-nav__item--go {
padding: 8px 0;
}
.main-menu .custom-select__listbox {
top: auto;
bottom: 5px;
}
.main-nav__collection-image--flex {
flex: 0 0 auto;
}
.main-nav__collection-image {
flex-basis: var(--image-size, 40px);
width: var(--image-size), 40px;
height: var(--image-size, 40px);
}
.main-nav__collection-image--standard {
--image-size: 30px;
}
.main-nav__collection-image--large {
--image-size: 40px;
}
.main-nav > li:last-child summary > .main-nav__item {
opacity: 0.6;
}
@media (hover: none) {
.main-nav__item-content {
pointer-events: none;
}
}
@media (hover: hover) {
.secondary-nav__item.secondary-nav__cta--button:hover {
background-position: 0 100%;
box-shadow: none;
}
}
@media (max-width: 1023.98px) {
.secondary-nav__item {
font-weight: normal;
}
.main-menu--left-mob {
order: -1;
}
.main-menu--left-mob .main-menu__toggle {
margin-top: 0;
margin-bottom: 0;
margin-inline-start: -10px;
margin-inline-end: 10px;
}
.main-menu__content {
visibility: hidden;
width: 100vw;
min-width: 0;
max-width: none;
padding-bottom: calc(8 * var(--space-unit));
overflow: hidden;
box-shadow: 0 -1px 0 var(--nav-line-color);
}
.main-menu__content,
.js .main-nav__child {
position: fixed;
z-index: 30;
top: var(--header-end, 100px);
left: 0;
width: 100vw;
height: calc(var(--viewport-height) - var(--header-end, 100px));
padding-right: var(--gutter);
padding-bottom: 60px;
padding-left: var(--gutter);
overflow-y: scroll;
background-color: rgb(var(--nav-child-bg-color));
color: rgb(var(--nav-child-text-color));
}
.main-menu__disclosure.is-closing > .main-menu__content,
.main-menu__disclosure > .main-menu__content {
transition: opacity 0.3s, visibility 0.3s;
opacity: 0;
}
.main-menu__disclosure.is-open > .main-menu__content {
opacity: 1;
}
.main-menu__content--no-focus {
overflow: hidden;
}
.main-nav > li,
.child-nav > li,
.grandchild-nav > li {
border-bottom: 1px solid var(--nav-line-color);
}
.main-nav__item {
display: block;
width: 100%;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
padding-inline-start: 16px;
padding-inline-end: 44px;
line-height: 1.5;
display: flex;
align-items: center;
}
.main-nav__item-content {
display: flex;
align-items: center;
justify-content: space-between;
pointer-events: none;
}
.main-nav__item--toggle .icon {
position: absolute;
right: 16px;
margin-inline-end: -4px;
}
[dir=rtl] .main-nav__item--toggle .icon {
right: auto;
left: 16px;
}
.main-nav__item--toggle .main-nav__item:not(.child-nav__item) .icon {
transform: rotate(-90deg);
}
[dir=rtl] .main-nav__item--toggle .main-nav__item:not(.child-nav__item) .icon {
transform: rotate(90deg);
}
.main-nav__item--back {
color: rgb(var(--header-accent-color));
}
.main-nav__item--back .main-nav__item-content {
justify-content: flex-start;
}
.main-nav__item--back .main-nav__item-content > .icon {
margin-inline-start: -4px;
margin-inline-end: calc(2 * var(--space-unit));
}
.mega-nav > .container {
padding: 0;
}
.mega-nav .main-nav__item--toggle {
padding-top: 0;
padding-bottom: 0;
}
.no-js .mega-nav .main-nav__item--toggle {
margin-top: 0;
}
.js .is-open > .main-menu__content,
.no-js [open] > .main-menu__content {
visibility: visible;
pointer-events: initial;
}
.js .main-nav__child,
.js .main-nav__child.is-closing {
transform: translate3d(100%, 0, 0);
transition: transform 0.2s ease-out;
}
.js .is-open:not(.is-closing) > .main-nav__child {
transform: translate3d(0, 0, 0);
}
.no-js .main-nav__item--toggle .icon {
transform: rotate(0);
}
.no-js .main-nav__child {
padding: 0 0 0 16px;
}
.no-js .main-nav__child .md\:hidden {
display: none;
}
.no-js .child-nav > li,
.no-js .main-nav__grandchild > li {
border-bottom: 0;
}
.no-js .child-nav__item {
padding: 1.6rem 0;
}
.secondary-nav {
margin-top: calc(12 * var(--space-unit));
padding: 0 16px;
}
.secondary-nav > li:not(:only-child) {
margin-top: 2rem;
}
.secondary-nav__item.secondary-nav__cta--button {
padding: 0.5em 1.1em;
}
.main-menu .localization {
margin-top: 32px;
padding: 0 16px;
}
.mob__localization .localization__selector {
margin-bottom: calc(4 * var(--space-unit));
}
.mob__localization .localization__selector:last-child {
margin-bottom: 0;
}
.main-nav__grandchild li:first-child .main-nav__item {
padding-top: 0;
}
.main-nav__grandchild {
max-width: none !important;
}
.main-nav__collection-image {
margin-inline-start: 16px;
}
}
@media (min-width: 1024px) {
body:not(.tab-used) .main-nav__item--toggle {
outline: none !important;
}
.main-menu {
width: 100%;
background-color: rgb(var(--nav-bg-color));
color: rgb(var(--nav-text-color));
}
.main-menu .localization {
display: none;
}
.main-nav,
.secondary-nav {
display: flex;
align-items: flex-end;
margin: 0 -1.2rem;
}
.secondary-nav {
min-height: calc(2rem + 1.2em);
}
.main-nav__item--primary,
.secondary-nav__item {
display: inline-flex;
align-items: center;
margin: 0 1.2rem;
height:66px;
transition: color 0.2s linear;
line-height: 1.2em;
}
.main-nav__item--primary:hover, .main-nav__item--primary.is-active, .is-open > summary > .main-nav__item--primary,
.secondary-nav__item:hover,
.secondary-nav__item.is-active,
.is-open > summary > .secondary-nav__item {
color: rgb(var(--link-color));
}
.secondary-nav__cta {
display: flex;
white-space: nowrap;
}
.secondary-nav__item.secondary-nav__cta--button {
line-height: 1;
}
.secondary-nav__item:not(.secondary-nav__cta) {
color: rgba(var(--nav-text-color)/0.6);
white-space: nowrap;
}
.child-nav__item--toggle .main-nav__item-content {
pointer-events: initial;
}
.child-nav__item,
.child-nav__item--toggle,
.grandchild-nav__item {
transition: color 0.3s;
}
.child-nav__item:hover,
.child-nav__item--toggle:hover,
.grandchild-nav__item:hover {
color: rgb(var(--link-color));
}
[open] > .main-nav__item--primary .icon {
transform: rotate(180deg);
}
.main-nav__child {
visibility: hidden;
position: absolute;
z-index: 10;
top: 100%;
min-width: 170px;
max-height: max(100vh - var(--content-start, 150px) - 70px, 60vh);
padding: 0 0 10px 0;
overflow: auto;
transition: transform 0.3s, opacity 0.2s, visibility 0.3s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
background-color: rgb(var(--nav-child-bg-color));
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
color: rgb(var(--nav-child-text-color));
}
.main-nav__child.mega-nav {
left: 0;
width: var(--viewport-width, 100vw);
padding: calc(8 * var(--space-unit)) 0;
transition-delay: 0.3s;
}
.is-closing > .main-nav__child, .main-nav__child {
z-index: -1;
transform: translateY(-10px);
opacity: 0;
}
.is-open > .main-nav__child, .no-js details[open] .main-nav__child {
visibility: visible;
transform: translateY(0);
transition-delay: 0s;
opacity: 1;
}
.main-nav__child--offset-right {
right: 5px;
}
.child-nav--dropdown {
max-width: 300px;
}
.main-nav__grandchild .main-nav__item,
.main-nav__grandchild .main-nav__item--go {
padding: 8px 0;
font-size: 0.88em;
}
.child-nav__item {
padding-top: 7px;
padding-bottom: 7px;
}
.child-nav__item,
.main-nav__grandchild {
display: block;
padding-right: 3rem;
padding-left: 2rem;
font-weight: var(--body-font-weight);
display: flex;
align-items: center;
}
.child-nav--dropdown .main-nav__grandchild {
padding-bottom: 0.5em;
}
.child-nav--dropdown .child-nav__item--toggle {
position: relative;
padding-inline-end: 5rem;
}
.child-nav--dropdown .child-nav__item--toggle .main-nav__item-content,
.child-nav--dropdown .child-nav__item--toggle .child-nav__item {
width: 100%;
}
.child-nav--dropdown .child-nav__item--toggle .icon {
position: absolute;
right: 2rem;
margin-top: 2px;
margin-inline-start: 10px;
}
[dir=rtl] .child-nav--dropdown .child-nav__item--toggle .icon {
right: auto;
left: 2em;
}
}
@media (min-width: 1024px) {
.main-menu__content {
display: flex;
justify-content: flex-start;
margin:0;
}
.secondary-nav {
margin-top: 1px;
padding-inline-start: calc(12 * var(--space-unit));
}
}
@media (min-width: 1024px) {
.main-menu__content {
display: flex;
justify-content: center;
}
}
.pagination--modern {
max-width: 250px;
}
.pagination[aria-disabled=true],
.pagination--modern[aria-disabled=true] {
opacity: 0.4;
cursor: default;
}
.pagination.is-loading li {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.pagination__arrow[aria-disabled=true] {
opacity: 0.4;
}
.pagination__arrow-icon svg {
width: 18px;
}
.pagination__next-label {
margin-inline-end: calc(2 * var(--space-unit));
}
.pagination__item {
}
.pagination__page-link {
color: rgba(var(--text-color)/0.8);
}
.pagination {
gap:10px;
}
.pagination__bar {
height: 2px;
background-color: rgba(var(--text-color)/0.2);
}
.pagination__bar::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: var(--pagination-percent);
height: 2px;
transition: width 0.3s;
background-color: rgb(var(--text-color));
}
@media (min-width: 1280px) {
.pagination {
justify-content: center;
width: auto;
overflow-wrap: normal;
}
.pagination__item--arrow {
flex: 0;
}
.pagination__arrow {
margin: 0 calc(2 * var(--space-unit));
padding: 0 26px;
}
.pagination__arrow--prev {
margin-inline-end: calc(8 * var(--space-unit));
}
.pagination__arrow--next {
margin-inline-start: calc(8 * var(--space-unit));
}
}
.price__current {
/* padding-inline-end: 0.5rem; */
font-size: 1em;
white-space: nowrap;
}
.price__was {
color: rgba(var(--text-color)/0.8);
font-size: 0.8em;
white-space: nowrap;
}
.price__was--supercents {
position: relative;
text-decoration: none;
}
.price__was--supercents::before {
content: "";
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: rotate(-10deg);
border-top: 1px solid currentColor;
}
.unit-price {
font-size: 0.8em;
white-space: nowrap;
}
.unit-price::before {
content: "(";
}
.unit-price::after {
content: ")";
}
.predictive-result__info .price__current {
font-size: 1.6rem;
font-weight: normal;
}
.predictive-result__info .price__was {
font-size: 1.3rem;
}
sup {
position: relative;
top: -0.5em;
margin-left: 1px;
font-size: 60%;
vertical-align: baseline;
}
.qty-input {
--padding: var(--btn-padding-y, 12px);
--size: calc((var(--btn-border-width) + var(--padding)) * 2 + 1.4rem);
}
.qty-input__input {
width: var(--size);
margin: 0;
padding-top: var(--padding);
padding-bottom: var(--padding);
border: var(--btn-border-width) solid rgba(var(--input-text-color)/0.2);
text-align: center;
}
.qty-input__btn {
position: relative;
z-index: 1;
width: var(--size);
height: var(--size);
padding: 0;
border: var(--btn-border-width) solid rgba(var(--input-text-color)/0.2);
border-radius: var(--btn-border-radius, 0);
background-color: rgb(var(--input-bg-color));
color: rgb(var(--input-text-color));
}
.btn--minus::before, .btn--minus::after,
.btn--plus::before,
.btn--plus::after {
content: "";
position: absolute;
top: 50%;
right: 50%;
width: 12px;
height: 2px;
transform: translate(50%, -50%);
background-color: currentColor;
}
.btn--minus::after,
.btn--plus::after {
width: 2px;
height: 12px;
}
.btn--minus::after {
display: none;
}
.js .qty-input--combined {
border: var(--btn-border-width) solid rgba(var(--primary-color));
border-radius: var(--btn-border-radius, 0);
background-color: rgb(var(--input-bg-color));
}
.js .qty-input--combined:focus-within {
border-color: rgba(var(--primary-color));
box-shadow: 0 0 0 1px rgba(var(--input-text-color)/0.6);
}
.js .qty-input--combined .qty-input__input,
.js .qty-input--combined .qty-input__btn {
border: 0;
background: none;
color: rgb(var(--input-text-color));
}
.js .qty-input--combined .qty-input__input {
padding: var(--padding) 0;
border-radius: 0;
box-shadow: none;
}
.js .qty-input--combined .qty-input__btn {
width: calc(var(--padding) * 2 + 1.4rem);
height: calc(var(--padding) * 2 + 1.4rem);
}
.qty-input__input {
flex: 1 1 auto;
width: 2.5em;
}
.no-js .qty-input__input {
width: 4em;
padding-right: 5px;
padding-left: 5px;
}
.js .qty-input--combined:focus-within {
box-shadow: 0 0 0 0 rgba(var(--input-text-color)/0.6);
}
.qty-input--secondary-btn .qty-input {
--input-text-color: var(--btn-alt-text-color);
border-color: rgb(var(--btn-alt-text-color));
background-color: rgba(var(--btn-alt-bg-color)/var(--btn-alt-bg-alpha));
}
.qty-input--secondary-btn .qty-input:focus-within {
border-color: rgb(var(--btn-alt-text-color));
box-shadow: 0 0 0 1px rgb(var(--btn-alt-text-color));
}
.rating__stars {
--no-rating-col: rgba(var(--star-color)/0.2);
--percent: calc((var(--rating) / var(--rating-max) + 0.01) * 100%);
background: linear-gradient(90deg, rgb(var(--star-color)) var(--percent), var(--no-rating-col) var(--percent));
-webkit-background-clip: text;
background-clip: text;
font-family: Times;
font-size: 1.4em;
letter-spacing: -0.1em;
line-height: 1;
-webkit-text-fill-color: transparent;
}
.filter__count, .rating__count {
margin-inline-start: 4px;
white-space: nowrap;
display: inline-block;
background: #f0f0f0;
padding: 0px 10px;
font-size: 0.9em;
border-radius: 50px;
transition: background 0.2s linear;
}
.rating-block {
display: flex;
align-items: center;
margin-left:-3px;
}
.spr-stars > span {
display: flex;
align-items: center;
height: 100%;
}
.spr-star {
margin-inline-end: 2px;
}
@keyframes marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-100%, 0, 0);
}
}
.scrolling-banner--pausable:hover {
--play-state: paused;
}
.scrolling-banner__items-container {
direction: ltr;
}
.scrolling-banner__items {
animation: marquee var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
}
[dir=rtl] .scrolling-banner__items {
direction: rtl;
}
.scrolling-banner__items,
.scrolling-banner__item {
white-space: nowrap;
}
a.scrolling-banner__item {
transition: opacity 0.3s;
color: currentColor;
}
a.scrolling-banner__item:hover {
opacity: 0.6;
}
.scrolling-banner__text {
margin-bottom: 0;
}
.search {
position: relative;
margin: 6px 0;
transition: margin var(--header-transition-speed);
}
.search__form {
position: relative;
}
.search__input {
--input-text-color: var(--text-color);
padding-inline-start: 42px;
padding-inline-end: 54px;
border: 0;
border-radius: var(--input-lg-border-radius, var(--input-border-radius));
background-color: var(--search-bg-color, rgba(var(--text-color)/0.08));
border: 1px solid rgb(var(--text-color));
color: rgb(var(--text-color));
font-size: var(--body-font-size);
line-height: 1em;
text-transform: initial;
}
body:not(.tab-used) .search__input {
outline: none;
}
.search__input::placeholder {
color: rgba(var(--text-color)/0.5);
}
.search__submit {
min-height: 44px;
padding: 12px 12px;
padding-inline-end: 0;
}
@media (max-width: 768.98px) {
.search-is-collapsed .header__search--collapsible-mob .search {
margin: 0;
}
}
@media (min-width: 1024px) {
.search__input {
padding-top: 12px;
padding-bottom: 12px;
}
.cc-main-search .search__input {
width: 600px;
}
}
.drawer {
--longest-transition-in-ms: 700;
visibility: hidden;
z-index: 40;
max-width: 540px;
height: var(--viewport-height, 100vh);
overflow: auto;
transform: translate3d(100%, 0, 0);
transition: visibility 0s 0.6s, transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
outline: 0;
background-color: rgba(var(--drawer-bg-color));
color: rgb(var(--drawer-text-color));
}
.drawer[open] {
visibility: visible;
transform: translate3d(0, 0, 0);
transition: visibility 0s 0s, transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer:not(.facets) {
border-radius: var(--drawer-border-radius) 0 0 var(--drawer-border-radius);
box-shadow: -2px 1px 10px 2px rgba(0, 0, 0, 0.2);
}
.drawer[aria-modal] {
--bg-color: var(--drawer-bg-color);
--heading-color: var(--drawer-text-color);
--link-color: var(--drawer-text-color);
--text-color: var(--drawer-text-color);
--swatch-border-color-active: var(--drawer-text-color);
}
.cart-drawer-popup__content shipping-calculator h2,
.cart-drawer-popup__content cart-note h2 {
margin-bottom: calc(6 * var(--space-unit));
}
.drawer__header {
justify-content: space-between;
border-bottom: 1px solid rgba(var(--drawer-text-color)/0.2);
}
.drawer__header--no-border {
border-bottom: 0;
}
.drawer__close-btn,
.drawer__back-btn,
.cart-drawer-popup__btn {
margin: -10px;
padding: 10px;
color: rgb(var(--heading-color));
}
.drawer__content {
overflow: auto;
transition: opacity 0.6s;
}
.js .drawer__content {
display: none;
opacity: 0;
}
.js [open] > .drawer__content:not(.drawer__content--out) {
display: block;
opacity: 1;
}
.js [open] > .drawer__content:not(.drawer__content--out).drawer__content--flex {
display: flex;
flex-direction: column;
}
.js .dom-loaded-plus-2 .drawer__content {
display: block;
}
.cart-drawer__summary--top,
.cart-drawer__summary--top .cart-drawer-popup {
border-bottom: 1px solid rgba(var(--drawer-text-color)/0.2);
}
.cart-drawer-summary-top.cart-drawer--checkout--sticky-true {
z-index: 10;
}
.cart-drawer__summary {
background-color: rgba(var(--drawer-bg-color));
}
.cart-drawer--checkout--sticky-true {
position: -webkit-sticky;
position: sticky;
top: calc(var(--cart-drawer__summary-height, 0) * -1 + var(--cart-drawer__checkout-buttons-height, 0) + 6 * var(--space-unit) + 2px);
}
.cart-drawer__summary--top.cart-drawer--checkout--sticky-true {
z-index: 10;
border-top: 1px solid rgba(var(--drawer-text-color)/0.2);
}
.drawer__footer:empty,
.cart-drawer__summary:empty {
display: none;
}
[open] > .drawer__footer:not(.drawer__footer--out),
[open] > .cart-drawer__summary:not(.drawer__footer--out) {
transform: translate3d(0, 0, 0);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 0.7s;
opacity: 1;
}
.drawer__footer {
z-index: 5;
transform: translate3d(0, 100%, 0);
transition: transform 0s 0.4s, opacity 0.7s;
opacity: 0;
box-shadow: 0 -2px 8px 0 rgba(var(--drawer-text-color)/0.08);
}
.cart-drawer-popup {
z-index: 2;
max-height: 100vh;
overflow: auto;
transition: height 0.3s cubic-bezier(0.2, 0.6, 0.4, 1);
background-color: rgba(var(--drawer-bg-color));
}
.drawer__header,
.drawer__footer,
.drawer__content,
.cart-drawer-popup__content,
.cart-drawer__summary {
padding: var(--gutter);
}
.drawer--cart .cart-recommendations,
.cart-drawer__promoted-products,
.cart-drawer__media-promotion {
padding: 0 var(--gutter) var(--gutter) var(--gutter);
}
.drawer--cart .cart-recommendations,
.cart-drawer__promoted-products {
max-width: 100%;
padding-top: 0;
}
.drawer--cart .drawer__header,
.quick-add__header {
position: -webkit-sticky;
position: sticky;
z-index: 4;
top: 0;
background-color: rgba(var(--bg-color));
}
.drawer--cart .drawer__content {
padding: 0;
}
.cart-drawer-popup__btn {
--end-gutter: var(--gutter);
top: calc(6 * var(--space-unit));
}
.cart-drawer-popup__btn > .icon {
display: block;
}
.overlay--drawer {
z-index: 4;
background-color: rgba(0, 0, 0, 0.25);
}
.cc-main-cart .icon--cart {
display: none;
}
[data-empty=true] .cart-empty svg {
display: block;
width: 44px;
height: 44px;
margin-bottom: 1em;
}
.cart-empty {
text-align: center;
padding:30px;
}
.drawer__empty-with-promotions {
flex-direction: column;
}
.drawer__empty-with-promotions .cart-drawer__content {
display: flex;
flex-grow: 1;
}
.cart-drawer__media-promotion-container {
position: -webkit-sticky;
position: sticky;
top: 100%;
}
@media (max-width: 767px) {
.drawer {
top: auto;
bottom: 0;
height: calc(var(--viewport-height, 100vh) - 100px);
transform: translate3d(0, 100%, 0);
}
.drawer:not(.facets) {
border-radius: var(--drawer-border-radius) var(--drawer-border-radius) 0 0;
}
}
@media (min-width: 769px) {
.drawer__header,
.drawer__footer,
.drawer__content,
.cart-drawer-popup__content,
.cart-drawer__summary {
padding: calc(6 * var(--space-unit)) calc(8 * var(--space-unit));
}
.drawer--cart .cart-recommendations,
.cart-drawer__promoted-products,
.cart-drawer__media-promotion {
padding: 0 calc(8 * var(--space-unit)) calc(8 * var(--space-unit)) calc(8 * var(--space-unit));
}
.cart-drawer-popup__btn {
--end-gutter: calc(8 * var(--space-unit));
}
}
.slider {
--scrollbar-border-width: 11px;
padding-bottom: calc(8 * var(--space-unit));
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
scrollbar-color: rgb(var(--scrollbar-color, 60 60 60)) transparent;
scroll-behavior: smooth;
}
.slider.is-grabbable {
cursor: grab;
-webkit-user-select: none;
user-select: none;
}
.slider.is-grabbable img {
pointer-events: none;
}
.slider.is-grabbing {
cursor: grabbing;
}
.slider::-webkit-scrollbar {
height: 24px;
}
.slider::-webkit-scrollbar-thumb {
border: var(--scrollbar-border-width) solid transparent;
border-radius: var(--btn-border-radius, 0);
box-shadow: inset 0 0 0 2px rgb(var(--scrollbar-color, 60 60 60));
}
.slider::-webkit-scrollbar-thumb:hover {
border-width: 10px;
}
.slider::-webkit-scrollbar-track {
margin: 0 calc(var(--gutter) - var(--scrollbar-border-width));
border: var(--scrollbar-border-width) solid transparent;
border-radius: var(--btn-border-radius, 0);
box-shadow: inset 0 0 0 2px rgba(var(--scrollbar-color, 60 60 60)/0.3);
}
.slider.slider--no-scrollbar {
padding: 0;
scrollbar-width: none;
}
.slider.slider--no-scrollbar::-webkit-scrollbar {
display: none;
}
.carousel[inactive] .slider {
padding-bottom: 0;
}
.carousel[inactive] .slider-nav {
display: none;
}
.carousel[inactive] .slider::-webkit-scrollbar-thumb {
display: none;
}
.carousel[inactive] .slider::-webkit-scrollbar-track {
display: none;
}
.slider__item {
scroll-snap-align: start;
}
.slider-nav--show-on-hover {
transition: opacity 0.3s;
opacity: 0;
}
.slider-nav--show-on-hover .slider-nav__btn {
transform: translateX(20px);
transition: opacity 0.2s ease, transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1);
}
.carousel:hover .slider-nav--show-on-hover {
opacity: 1;
}
.carousel:hover .slider-nav--show-on-hover .slider-nav__btn {
transform: translateX(0);
}
.carousel:hover .slider-nav--show-on-hover .slider-nav__btn:nth-child(2) {
transition-delay: 0.05s;
}
.slider-nav {
--btn-border-radius: var(--btn-icon-border-radius);
}
.slider-nav:not(.slide-nav--inline) {
z-index: 3;
top: 50%;
right: var(--gutter);
transform: translate(50%, -50%);
}
[dir=rtl] .slider-nav:not(.slide-nav--inline) {
right: auto;
left: var(--gutter);
transform: translate(-50%, -50%);
}
.slider-nav__btn {
display: block;
margin-top: calc(3 * var(--space-unit));
margin-bottom: calc(3 * var(--space-unit));
}
.slider-nav__btn:not([disabled]) .icon {
transition: transform 0.3s;
}
.slider-nav__btn:not([disabled]):hover .icon {
transform: scale(1.25);
}
.slide-nav--inline .slider-nav__btn {
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
color: currentColor;
}
.slider-nav__btn--offset {
margin-inline-end: -10px;
}
[dir=rtl] .slider-nav__btn.has-ltr-icon .icon {
transform: rotate(180deg);
}
[dir=rtl] .slider-nav__btn.has-ltr-icon:not([disabled]):hover .icon {
transform: rotate(180deg) scale(1.25);
}
.slider-nav > .btn {
padding: calc(8px - var(--btn-border-width));
}
.logo-list {
justify-content: center;
}
.logo-list .logo-list__logo img {
display: block;
opacity: 0.5;
transition: all 0.2s linear;
filter: grayscale(100%);
}
.logo-list .logo-list__logo a:hover img {
opacity: 1;
}
@media (max-width: 599.98px) {
.slider .slider__grid {
width: calc(94% - var(--column-gap));
}
.drawer--cart .slider__grid {
width: 100%;
}
.carousel[disable-mobile=true] .slider {
overflow: auto;
cursor: auto;
-webkit-user-select: auto;
user-select: auto;
scroll-snap-type: none;
}
.carousel[disable-mobile=true] .slider__grid {
grid-auto-flow: row;
}
}
@media (min-width: 600px) {
.carousel[disable-desktop=true] .slider {
overflow: auto;
cursor: auto;
-webkit-user-select: auto;
user-select: auto;
scroll-snap-type: none;
}
.carousel[disable-desktop=true] .slider__grid {
grid-auto-flow: row;
}
}
@media (min-width: 769px) {
.carousel:not([inactive]) .section__heading {
text-align: start;
}
}
@media (max-width: 1023.98px) {
.carousel > .container {
padding: 0;
}
.carousel__header {
padding: 0 var(--gutter);
}
.slider {
width: 100%;
scroll-padding-left: var(--gutter);
}
[dir=rtl] .slider {
scroll-padding-right: var(--gutter);
scroll-padding-left: 0;
}
.slider:not(.slider--contained) .slider__item:last-child {
width: calc(100% + var(--gutter));
border-inline-end: var(--gutter) solid transparent;
}
}
@media (min-width: 1024px) {
.slider::-webkit-scrollbar-track {
margin: 0 calc(var(--scrollbar-border-width) * -1);
}
.slider > .container {
padding: 0;
}
}
@media (min-width: 1280px) {
}
.social {
margin: -10px;
}
.social__link {
width: 44px;
height: 44px;
padding: 10px;
color: rgb(var(--text-color));
}
.social__link > .icon {
width: auto;
max-width: 100%;
height: 100%;
}
.social__link > .icon,
.social__link > img {
transition: transform 0.3s ease-out;
}
.social__link:hover > .icon, .social__link:hover > img {
transform: scale(1.2);
}
.social-share__heading {
margin-inline-end: calc(4 * var(--space-unit));
}
.card__swatches {
z-index: 3;
padding: calc(1 * var(--space-unit)) 0;
max-width: 128px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin:0 auto;
white-space: nowrap;
}
.card__swatches::-webkit-scrollbar {
display: none;
}
@media (min-width: 769px) {
.card__swatches {
flex-wrap: wrap;
max-width:100%;
justify-content: flex-start;
margin:0;
display: flex;
row-gap: 6px;
white-space: wrap;
}
}
.card__swatches > .opt-label {
width: 24px;
height: 24px;
flex: 0 0 var(--swatch-card-size, 24px);
margin-top: 0;
border-width: 1px;
border: 1px solid transparent;
transition: all 0.2s linear;
cursor:pointer;
border-radius: 50%;
display: inline-block;
}
@media (min-width: 769px) {
.card__swatches > .opt-label {
margin-inline-end: 6px;
}
}
.card__swatches > .opt-label.swatch-shape--portrait {
height: calc(var(--swatch-card-size, 24px) / 0.75);
}
.card__swatches > .opt-label.swatch-shape--natural.swatch--variant-image {
height: auto;
}
input:checked + .opt-label--swatch {
box-shadow: inset 0 0 0 4px #FFF;
}
.card__swatches > .opt-label.swatch-white {
border: 1px solid #999;
}
input:checked + .opt-label--swatch.swatch-white {
box-shadow: inset 0 0 0 4px #ddd;
border: 1px solid #ddd;
}
.swatch-shape--not-circle[data-swatch],
.swatch-shape--not-circle[data-swatch]::before {
border-radius: 0;
}
.price__from {
color: rgb(var(--text-color));
opacity:0.6;
}
.is-unavailable + .opt-label--swatch .opt-label__media::after,
.is-unavailable + .opt-label--swatch:not(.opt-label--image)::after {
background: linear-gradient(to bottom left, transparent calc(50% - 1px), rgba(var(--bg-color)) calc(50% - 1px), rgba(var(--bg-color)) calc(50% + 1px), transparent calc(50% + 1px)) no-repeat !important;
}
.is-unavailable + .opt-label--swatch:not(.opt-label--image)::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.custom-select__btn[data-swatch]::before,
.custom-select__option[data-swatch]::before {
border: 1px solid rgb(var(--swatch-border-color-default));
}
.tablist::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 25px;
}
.tablist__scroller {
overflow-x: auto;
white-space: nowrap;
}
.tablist__tab {
margin-inline-end: 1rem;
padding: 1rem 1.7rem;
color: rgba(var(--text-color));
white-space: nowrap;
border-radius: 50px;
background: rgb(var(--light-color));
font-size:0.9em;
transition: background 0.2s linear;
}
.tablist__tab:hover {
background: rgb(var(--light-color-hover));
}
.tablist__tab[aria-selected=true] {
color: rgb(var(--text-color));
border: 1px solid #121212;
color: #fff;
background: #121212;
}
.cc-compare {
display: none;
}
.theme-metafield-color {
display: inline-block;
width: 24px;
height: 24px;
margin-inline-end: 10px;
border-radius: 50%;
}
.product-info__block .product-label-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.product-label-wrapper:not(:last-child) {
margin-bottom: 2px;
}
.product-info__block .product-label-wrapper {
margin-bottom: 3px;
}
.product-label {
display: inline-flex;
align-items: center;
padding: 2px 6px;
font-size: 1em;
border-radius:4px;
}
.product-info__block .product-label {
margin-inline-end: 3px;
}
.product-label .icon {
position: relative;
top: -0.5px;
flex-shrink: 0;
margin-inline-end: 0.5em;
}
.product-label--custom {
background-color: rgb(var(--custom-label-bg-color));
color: rgb(var(--custom-label-text-color));
}
.product-label--sale {
background-color: rgb(var(--sale-label-bg-color));
color: rgb(var(--sale-label-text-color));
}
.product-label--sold-out {
background-color: rgb(var(--sold-out-label-bg-color));
color: rgb(var(--sold-out-label-text-color));
}
.product-label--new {
background-color: rgb(var(--new-label-bg-color));
color: rgb(var(--new-label-text-color));
}
.product-label--preorder {
background-color: rgb(var(--preorder-label-bg-color));
color: rgb(var(--preorder-label-text-color));
}
@media (max-width: 599.98px) {
[data-layout=list] .product-label-container {
position: relative;
top: calc(2 * var(--space-unit));
}
.product-label .icon {
width: 12px;
}
}
@media (min-width: 769px) {
.product-label {
padding: 4px 8px;
font-size: 1.4rem;
}
}
.cc-header {
position: -webkit-sticky;
position: sticky;
z-index: 30;
top: 0px;
}
.header {
display: block;
position: relative;
z-index: 30;
padding: 12px 0;
border-bottom: 1px solid #ccc;
background-color: rgba(var(--bg-color));
color: rgb(var(--text-color));
}
.header__logo {
flex: 1;
}
.logo__h1 {
line-height: 0;
}
.logo__text {
font-size: var(--logo_font-size);
}
.header__icons {
flex: 0 0 auto;
align-items: center;
}
.header__icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
padding: 10px 0 10px 0;
margin:0 0 0 6px;
color: inherit;
text-align: center;
transition: color 0.2s linear;
border-radius: 40px;
background: #444;
}
.header__icon-search svg {
padding:1.5px;
}
.header__icon-search svg #Artboard {
fill: #fff;
}
.header__icon-search svg #Page-1 {
stroke: #fff;
}
#cart-icon {
background: #c5e5de
}
#cart-icon svg #Artboard {
fill: #357668
}
@media (min-width: 1024px) {
.header__icon {
width: 24px;
border: none;
border-radius: 0;
margin:0 0 0 10px;
background: #fff;
}
.header__icon-search svg {
padding:0;
}
.header__icon-search svg #Artboard {
fill: #000;
}
.header__icon-search svg #Page-1 {
stroke: none;
}
#cart-icon {
background: #fff;
}
#cart-icon svg #Artboard {
fill: #000;
}
}
.header__icon:hover {
color: rgb(var(--primary-color));
}
.header__icon > .icon {
width: 100%;
height: 100%;
}
.header__icon .icon--cart {
width: 28px;
height: 28px;
}
.header__icon--cart-shake {
animation: shake-n-grow 0.9s var(--shake-delay) cubic-bezier(0.455, 0.03, 0.515, 0.955) 2 both;
}
.header__icon--cart-shake .header__cart-count {
animation: shake 1s calc(var(--shake-delay) + 1.2s) ease-out 1 both;
}
.header__cart-count {
top: -2px;
left:-10px;
min-width: 18px;
min-height: 18px;
padding: 0 5px;
border-radius: 9px;
background-color: rgb(var(--header-accent-color));
box-shadow: 0 0 0 2px rgba(var(--bg-color));
color: rgba(var(--bg-color));
font-size: 11px;
line-height: 18px;
}
@media (min-width: 1024px) {
.header__cart-count {
right: -10px;
left: auto;
top: 3px;
}
}
.header__search {
flex: 0 0 100%;
order: 2;
}
.header__grid {
flex-wrap: wrap;
}
@media (max-width: 1023.98px) {
.header__search--collapsible-mob predictive-search,
.header__search--collapsible-mob > .search {
max-height: 64px;
overflow: hidden;
transition: max-height var(--header-transition-speed), margin var(--header-transition-speed);
}
.search-is-collapsed .header__search--collapsible-mob predictive-search,
.search-is-collapsed .header__search--collapsible-mob > .search {
max-height: 0;
}
.search-is-visible .header__search--collapsible-mob predictive-search,
.search-is-visible .header__search--collapsible-mob > .search {
max-height: none;
overflow: visible;
}
.header__icon.hidden.md\:block {
display: none;
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1024px) {
.main-nav > li:last-child {
display: none;
}
.main-nav__item--primary, .secondary-nav__item {
margin: 0 0.8rem;
}
.page-de .main-nav__item--primary, .page-de .secondary-nav__item {
margin: 0 0.5rem;
}
}
@media (min-width: 1200px) {
.main-nav > li:last-child {
display: list-item;
}
.main-nav__item--primary, .secondary-nav__item {
margin: 0 1.2rem;
}
}
@media (min-width: 1100px) {
}
.header__icon-search-close {
display:none;
}
@media (min-width: 1024px) {
.header {
/* padding: calc(4 * var(--space-unit)) 0 0; */
padding:0;
}
.header__grid {
flex-wrap: nowrap;
height:66px;
}
.header__logo,
.header__icons {
flex: 0 0 auto;
}
.header__logo {
order: 0;
padding-inline-start: 0;
/* padding-inline-end: calc(6 * var(--space-unit)); */
}
.header__search {
display: none;
flex: 6 1 auto;
order: 1;
margin-top: 0;
margin-left:1em;
}
.search-is-visible .main-menu,
.search-is-visible #nav-localization,
.search-is-visible .header__icon-search {
display: none;
}
.search-is-visible .header__search, .search-is-visible .header__icon-search-close {
display: block;
}
.header__search.header__search--collapsible predictive-search {
display: block;
}
.header__search > .header__icon--search-left {
padding: 10px;
transition: transform 0.2s;
transform: translateX(-37px);
}
.header__icon--search-left-search {
display: none;
}
.header__grid .header__icon--search-left-close svg {
width: 24px;
height: 24px;
}
.search-is-collapsed .header__icon--search-left {
transform: translateX(-12px);
}
.search-is-collapsed .header__icon--search-left-search {
display: block;
}
.search-is-collapsed .header__icon--search-left-close {
display: none;
}
.header__icons {
order: 3;
}
.main-menu {
order: 2;
}
.header__grid--centered-logo .header__search {
flex: 1 1 33%;
order: 0;
}
.header__grid--centered-logo .header__logo {
flex: 1 1 34%;
justify-content: center;
order: 1;
padding-inline-start: calc(6 * var(--space-unit));
}
.header__grid--centered-logo .header__icons {
flex: 1 1 33%;
}
.cc-header--sticky .main-menu__disclosure {
max-height: var(--menu-height);
overflow: hidden;
transition: max-height var(--header-transition-speed), margin-top var(--header-transition-speed);
}
.cc-header--sticky .header {
margin-bottom: 0;
transition: margin-bottom var(--header-transition-speed);
}
.cc-header--sticky .header.is-out {
margin-bottom: var(--menu-height);
}
.cc-header--sticky .header__cart-count-number {
position: relative;
top: 0.05em;
}
.header__search--collapsible-desktop predictive-search,
.header__search--collapsible-desktop > .search {
transition: opacity 0.2s, visibility 0.2s, transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.search-is-collapsed .header__search--collapsible-desktop predictive-search,
.search-is-collapsed .header__search--collapsible-desktop > .search {
visibility: hidden;
transform: translateX(50px);
opacity: 0;
}
}
.last\:mb-0:last-child{
margin-bottom: 0;
}
.last\:pb-0:last-child{
padding-bottom: 0;
}
.hover\:underline:hover{
text-decoration-line: underline;
}
@media (min-width: 600px){
.sm\:col-span-3{
grid-column: span 3 / span 3;
}
.sm\:col-span-2{
grid-column: span 2 / span 2;
}
.sm\:block{
display: block;
}
.sm\:flex{
display: flex;
}
.sm\:grid{
display: grid;
}
.sm\:hidden{
display: none;
}
.sm\:w-auto{
width: auto;
}
.sm\:auto-cols-3{
grid-auto-columns: calc((100% - var(--column-gap) * 2) / 3);
}
.sm\:auto-cols-2{
grid-auto-columns: calc((100% - var(--column-gap)) / 2);
}
.sm\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-8{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.sm\:flex-wrap{
flex-wrap: wrap;
}
.sm\:gap-x-theme{
column-gap: var(--column-gap);
}
.sm\:gap-y-8{
row-gap: calc(8 * var(--space-unit));
}
.sm\:text-end{
text-align: end;
}
}
@media (min-width: 769px){
.md\:col-span-1{
grid-column: span 1 / span 1;
}
.md\:mb-0{
margin-bottom: 0;
}
.md\:mb-6{
margin-bottom: calc(6 * var(--space-unit));
}
.md\:mr-2{
margin-right: calc(2 * var(--space-unit));
}
.md\:mb-8{
margin-bottom: calc(8 * var(--space-unit));
}
.md\:mb-12{
margin-bottom: calc(12 * var(--space-unit));
}
.md\:mt-16{
margin-top: calc(16 * var(--space-unit));
}
.md\:mt-14{
margin-top: calc(14 * var(--space-unit));
}
.md\:mb-14{
margin-bottom: calc(14 * var(--space-unit));
}
.md\:block{
display: block;
}
.md\:inline{
display: inline;
}
.md\:flex{
display: flex;
}
.md\:inline-flex{
display: inline-flex;
}
.md\:grid{
display: grid;
}
.md\:hidden{
display: none;
}
.md\:w-auto{
width: auto;
}
.md\:auto-cols-4{
grid-auto-columns: calc((100% - var(--column-gap) * 3) / 4);
}
.md\:auto-cols-2{
grid-auto-columns: calc((100% - var(--column-gap)) / 2);
}
.md\:auto-cols-3{
grid-auto-columns: calc((100% - var(--column-gap) * 2) / 3);
}
.md\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:flex-row{
flex-direction: row;
}
.md\:flex-row-reverse{
flex-direction: row-reverse;
}
.md\:flex-wrap{
flex-wrap: wrap;
}
.md\:items-center{
align-items: center;
}
.md\:gap-y-16{
row-gap: calc(16 * var(--space-unit));
}
.md\:gap-y-6{
row-gap: calc(6 * var(--space-unit));
}
.md\:self-start{
align-self: flex-start;
}
.md\:p-8{
padding: calc(8 * var(--space-unit));
}
.md\:pt-0{
padding-top: 0;
}
}
@media (min-width: 1024px){
.lg\:col-span-1{
grid-column: span 1 / span 1;
}
.lg\:col-span-2{
grid-column: span 2 / span 2;
}
.lg\:col-span-3{
grid-column: span 3 / span 3;
}
.lg\:col-span-4{
grid-column: span 4 / span 4;
}
.lg\:col-start-2{
grid-column-start: 2;
}
.lg\:col-start-1{
grid-column-start: 1;
}
.lg\:row-start-1{
grid-row-start: 1;
}
.lg\:mt-8{
margin-top: calc(8 * var(--space-unit));
}
.lg\:mt-0{
margin-top: 0;
}
.lg\:block{
display: block;
}
.lg\:hidden{
display: none;
}
.lg\:auto-cols-5{
grid-auto-columns: calc((100% - var(--column-gap) * 4) / 5);
}
.lg\:auto-cols-4{
grid-auto-columns: calc((100% - var(--column-gap) * 3) / 4);
}
.lg\:auto-cols-3{
grid-auto-columns: calc((100% - var(--column-gap) * 2) / 3);
}
.lg\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:overflow-hidden{
overflow: hidden;
}
}
@media (min-width: 1280px){
.xl\:col-span-3{
grid-column: span 3 / span 3;
}
.xl\:col-span-2{
grid-column: span 2 / span 2;
}
.xl\:auto-cols-6{
grid-auto-columns: calc((100% - var(--column-gap) * 5) / 6);
}
.xl\:auto-cols-5{
grid-auto-columns: calc((100% - var(--column-gap) * 4) / 5);
}
.xl\:auto-cols-4{
grid-auto-columns: calc((100% - var(--column-gap) * 3) / 4);
}
.xl\:grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-8{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
}
.authenticity {
padding-bottom:2em;
background: #f0f0f0;
}
.authenticity .container {
display: flex;
align-items: center;
gap:var(--gutter);
}
.auth-text {
}
.auth-separator {
display:none;
}
.auth-image {
max-width: 107px;
}
@media (min-width: 769px){
.authenticity .container {
justify-content: center;
align-items: center;
}
.auth-image {
max-width:150px;
}
.auth-separator {
display: block;
height:1px;
border-top:2px dotted #999;
flex:1;
}
.auth-text {
flex: 0 0 320px;
}
}
.brand-grid, .content-grid, .brand-cms-grid {
display: grid;
gap: var(--gutter);
}
.brand-cms-grid {
padding-top: var(--gutter);
padding-bottom: var(--gutter);
}
.brand-cms-grid .card__info {
align-items: center;
}
.brand-grid .card__media {
background-color: #000;
}
@media (min-width: 1024px){
.section-brand-anchors {
position:sticky;
top:0;
background: #fff;
z-index:30;
margin:0;
padding:1em 0;
}
}
.brand-anchors {
text-align: center;
width:100%;
}
.brand-anchors a {
margin-bottom: 5px;
}
.btn.btn--light {
background: #f0f0f0;
color: var(--text-color);
}
.btn.btn--light:hover {
background: #D7D7D7;
color: var(--text-color);
}
.btn.btn--black {
background: #000;
color: #fff;
}
.btn.btn--ball {
padding: 0;
/* font-weight: 400; */
border-radius: 100px;
height: 40px;
width: 40px;
line-height: 40px;
}
.btn.btn--pagination-arrow {
height: 50px;
border-radius: 100px;
display: flex;
flex: 1 1 auto;
width:auto;
font-size:1.2em;
}
.btn.btn--ball.pagination__page-current, .btn.btn--ball.pagination__page-link {
height:50px;
width:50px;
line-height: 50px;
font-size:1.2em;
border:0;
}
.brand-letter {
font-size: 7em;
display: block;
line-height:1em;
margin:30px 0;
}
.brand-card-copy {
font-size:0.9em;
}
.brands-logo_center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.7;
max-height: 50%;
max-width: 50%;
transition: opacity 0.2s linear;
}
.brand-list-img a {
display: block;
background: rgba(0,0,0,0.4);
height:100%;
width:100%;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.brand-list-img a:hover img {
opacity:1;
}
.collecton_card {
padding: 10%;
}
.box-text-overlay {
position:absolute;
color: #fff;
padding:10%;
}
.box-text-overlay .card__title {
color: #fff;
}
.product_list {
padding: 10px 0;
border-bottom: 1px dotted #999;
align-items: center;
display: flex;
}
.product_list .price, .product_list .price * {
display: inline;
font-weight: var(--body-font-weight);
}
.product_link {
display: flex;
align-items: center;
}
.product_link-title {
transition: color 0.2s linear;
}
.product_link:hover .product_link-title {
color: rgb(var(--primary-color));
}
.faded {
opacity: 0.6;
}
.product_link .price {
color: rgb(var(--primary-color));
}
.product_list:last-child {
border-bottom: none;
}
.btn-product-list {
margin-top: 20px;
}
@keyframes fade-in-up {
0% {
opacity:0;
transform: translateY(1rem);
}
33% {
opacity:0;
transform: translateY(1rem);
}
100% {
opacity:1;
transform: translateY(0rem);
}
}
@keyframes fade-in-up-2 {
0% {
opacity:0;
transform: translateY(1rem);
}
50% {
opacity:0;
transform: translateY(1rem);
}
100% {
opacity:1;
transform: translateY(0rem);
}
}
.cms-grid {
}
.cms-price {
margin:0;
}
.cms-price .price, .cms-price .price__current {
font-weight: var(--body-font-weight);
}
.cms-price .price__from {
color: #fff;
}
.cms-grid-product .media {
background-color:#111;
}
.cms-grid .media {
}
.overlay-gradient-bottom {
z-index:2;
position:absolute;
width:100%;
min-height:60%;
bottom:0;
color:#fff;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
padding:10%;
display:flex;
flex-direction: column;
justify-content: flex-end;
}
.overlay-gradient-bottom .tagline {
margin:0;
opacity: 0.8;
}
.overlay-gradient-bottom .title {
margin:0;
color:#fff;
font-size:1em;
}
@media (min-width: 800px) {
.overlay-gradient-bottom .title {
font-size:1.5em;
}
}
.cms-grid .gallery-block__image {padding:0;}
.overlay-layer {
height:100%;
background: rgba(0,0,0,0);
position:absolute;
width:100%;
top:0;
transition: background 0.2s linear;
}
.overlay-trigger:hover .overlay-layer {
background: rgba(0,0,0,0.2);
}
.banner-left-gradient {
position:absolute;
left:0;
top:0;
bottom:0;
width:80%;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media (min-width:992px) {
.banner-left-gradient {
width:50%;
}
}
.animated-content .image-banner .subheading,
.animated-content .image-banner .text-overlay__heading,
.animated-content .image-banner .text-overlay__copy {
animation: fade-in-up 1.5s cubic-bezier(0.19, 1, 0.22, 1);
animation-fill-mode: forwards;
}
.animated-content .image-banner .text-overlay__buttons {
animation: fade-in-up-2 2.25s cubic-bezier(0.19, 1, 0.22, 1);
animation-fill-mode: forwards;
}
.intro-banner .text-overlay {
margin-left:8%;
margin-right:8%;
}
@media (min-width:700px) {
.intro-banner .text-overlay {
margin-left:8%;
margin-right:8%;
}
}
@media (min-width:1600px) {
.intro-banner .text-overlay {
margin:13%;
margin-left:0;
}
}
.image-banner .h0 {
font-size: 2em;
line-height:1;
}
@media (min-width:500px) {
.image-banner .h0 {
font-size: 3em;
margin-bottom:0.3em;
}
}
@media (min-width:800px) {
.image-banner .h0 {
font-size: 4em;
margin-bottom:0.3em;
}
}
@media (min-width:1800px) {
.image-banner .h0 {
font-size: 5em;
}
}
.image-blend {
mix-blend-mode: multiply;
}
.color-negative {
color: rgb(var(--error-text-color));
}
.color-positive {
color: rgb(var(--success-text-color));
}
.intro-banner .text-overlay__heading {
margin:0;
}
.banner-half .banner-half-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
padding: var(--gutter-double);
}
.banner-half-content-box h1 {
margin-top:0;
}
.banner-half-content-box p {
margin-bottom:0;
}
.banner-half-content-box h1, .banner-half-content p {
color:#fff;
}
.banner-half-content p {
margin-bottom:0;
}
@media (min-width:800px) {
.banner-half .banner-half-content {
width:50%;
}
}
@media (min-width:800px) {
.banner-half-content-box {
max-width:460px;
}
}
.brand-logo {
max-width:250px;
margin-bottom:1em;
}
.overlay-card {
justify-content: flex-end;
align-items: center;
}
.card__info-overlay {
position: absolute;
color: #fff;
}
.card__info-overlay .card__title {
color: #fff;
font-size: 1em;
margin:0;
padding:0;
}
h3.card__title {
margin:0;
}
.collecton_card_bgimage, .collecton_card_bgimage .card__title {
color: #fff;
}
.collecton_card_water, .collecton_card_water .card__title {
color: #fff;
}
.collecton_card_water img {
width:300px;
}
div.fs-has-links {
text-indent: -9999px;
position: static;
font-weight: 500;
}
.fs-has-links::after {
padding: 14px 21px;
border: 2px solid #fff;
color: #fff;
content: "OPEN";
text-indent: 0;
display: block;
font-size: 10pt;
margin: 10px;
}
.fs-desktop .fs-timeline-entry div.fs-text-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
display: -webkit-flex;
-webkit-flex-direction: column;
-webkit-align-items: center;
-webkit-justify-content: center;
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-align: center;
-ms-flex-pack: center;
transition: opacity .25s;
}
.fs-desktop .fs-timeline-entry .fs-text-container:hover {
opacity: 1;
}
.fs-wrapper div.fs-text-container .fs-entry-title,
div.fs-detail-title {
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #424242;
font-size: 1em;
line-height: 1.6;
}
div.fs-text-container .fs-entry-date,
div.fs-detail-container .fs-post-info,
div.fs-wrapper div.fs-has-links::after,
.fs-text-product,
.fs-overlink-text {
font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
}
.fs-slider-next-button,
.fs-slider-prev-button {
opacity: 1;
}
.fs-wrapper div.fs-text-container * {
color: #ffffff;
}
.fs-wrapper div.fs-text-container {
background-color: rgba(0, 0, 0, 0.2);
margin: 0px;
}
div.fs-entry-date {
display: none;
}
div.fs-service-icon {
display: none;
}
div.fs-entry-title {
display: none;
}
.fs-wrapper .fs-entry-container div.fs-timeline-entry {
margin: 0 0 15px 0;
}
@media (min-width: 768px) {
.fs-wrapper .fs-entry-container div.fs-timeline-entry {
margin: 15px;
}
}
.fs-wrapper .fs-entry-container:nth-of-type(odd) div.fs-timeline-entry {
margin-right: 15px;
}
@media (min-width: 768px) {
.fs-wrapper .fs-entry-container:nth-of-type(odd) div.fs-timeline-entry {
margin: 15px;
}
}
@media (min-width: 768px) {
.foursixty-frontpage {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 768px) {
.foursixty-cmspage {
margin-left: -15px;
margin-right: -15px;
}
}
.fs-product-price, .fs-add {
display: none;
}
.fs-product-vendor {
display: block !important;
opacity: 0.6;
}
.fs-product-name {
font-weight: var(--heading-font-weight);
}
.fs-product-vendor, .fs-product-name {
text-transform: none;
font-size:16px;
line-height: 1.6;
}
.body-en .fs-has-links::after {
content: "OPEN";
}
.body-fi .fs-has-links::after {
content: "AVAA";
}
.body-de .fs-has-links::after {
content: "OPEN";
display: none;
}
.fs-has-links::after {
display: none;
}
.main-menu-item-image {
width: 27px;
margin-right:1rem;
}
@media (min-width: 769px) {
.cc-horizontal-menu {
display: none;
}
.main-menu-item-image {
width:27px;
}
}
.home-menu ul {
overflow-x: auto;
display: flex;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
margin-left: calc(var(--gutter) * -1);
margin-right: calc(var(--gutter) * -1);
margin-top: var(--gutter);
margin-bottom: var(--gutter);
gap: 10px;
}
.home-menu ul::-webkit-scrollbar {
display: none;
}
.home-menu ul .scroll-item:first-of-type {
margin-left: 15px;
}
.home-menu ul .scroll-item:last-of-type {
margin-right: 15px;
}
.home-menu ul.center-scroll:before {
content: "";
margin-left: auto;
}
.home-menu ul.center-scroll:after {
content: "";
margin-right: auto;
}
@media (min-width: 576px) {
.home-menu ul.scroll-sm {
display: block;
}
}
.home-menu a {
display: flex;
padding: 8px 16px 8px 8px;
border-radius: 100px;
background: #f0f0f0;
border:1px solid #f0f0f0;
color: rgb(var(--text-color));
align-items: center;
transition: all 0.2s linear;
}
.home-menu a:hover {
background: #e3e3e3;
border:1px solid #e3e3e3;
}
.home-menu .no-image a {
padding: 8px 16px;
background: transparent;
border:1px solid #ccc;
}
.home-menu a .home-menu-img {
width: 30px;
margin-right: 10px;
}
.home-menu a .home-menu-img img {
border-radius: 100%;
}
.home-menu a span {
display: block;
}
.home-menu li {
display: flex;
flex: 1 0 auto;
}
.home-menu .item-brands {
display: none;
}
.header__icons .custom-select__btn {
/* padding:6px 10px; */
border-color: var(--text-color);
}
.header__icons .custom-select__btn .arrow {
display: none;
}
.section.color-scheme-1 {
background: #f0f0f0;
padding-top:2em;
margin-top:0;
margin-bottom:0;
}
.section.color-scheme-1 .card__media img {
mix-blend-mode: multiply;
}
.gallery.grid {
gap: var(--gutter);
}
product-card .wishlist-engine{
position: absolute;
z-index: 3;
top: 5px;
right: 5px;
scale:0.9;
}
product-card .wishlist-icon svg{
margin-top: 0px !important;
}
product-card .wishlist-engine-button, product-card .wishlist-engine-button:hover,product-card .wishlist-engine-button:focus{
border-radius: 50%;
box-shadow: 1px 1px 12px #0000001a;
line-height: 0;
}
.h-wishlist-icon svg{
overflow: unset !important;
stroke-width: 1.5;
}
.wishlist-total-count[data-total="0"] {
display: none !important;
}
.h-wishlist-icon .wishlist-h-count{
padding-left: 0px!important;
display: inline-block!important;
position: absolute!important;
width: 17px!important;
height: 17px!important;
border-radius: 50%!important;
font-size: 10px!important;
color: #fff!important;
background: #000!important;
text-align: center!important;
right: 3px!important;
top: 18px!important;
line-height: 16px!important;
}
.h-wishlist-icon{
vertical-align: middle !important;
position: relative !important;
stroke-width: 1.5px !important;
}
.h-wishlist-icon svg{
width: 20px !important;
height: 20px !important;
}
#nav-localization .localization__grid {
display: flex;
gap:5px;
align-items: center;
}
#nav-localization .custom-select__btn {
padding: 12px;
height: 40px;
}
#nav-localization country-selector .custom-select__btn {
padding: 8px;
}
.custom-select__btn .text-start {
display: flex;
align-items: center;
}
#nav-localization .selector-flags .custom-select__btn {
padding: 8px;
}
.flag-list-icon {
width: 23px;
display: flex;
align-items: center;
margin-right: 7px;
}
#nav-localization .custom-select__btn .flag-list-icon {
margin-right: 4px;
}
#nav-localization .custom-select__listbox {
margin-top:13px;
right:0;
}
country-selector .custom-select__listbox {
min-width: 300px;
}
country-selector .country-option {
display: flex;
align-items: center;
}
.compact-selector .custom-select__btn .no-compact {
display:none;
}
.iso-code-compact {
display:none;
}
.compact-selector .custom-select__btn .iso-code-compact{
display:inline;
}
.compact-selector .custom-select__btn .dash,
.compact-selector .custom-select__btn .lang-endonym {
display:none;
}
.btn--accent {
background: rgb(var(--primary-color));
color: #fff;
border:2px solid rgb(var(--primary-color));
font-weight: var(--heading-font-weight);
}
.btn--accent:not([disabled]):hover {
background: rgb(var(--primary-color-hover));
color: #fff;
border:2px solid rgb(var(--primary-color-hover));
}
.brand-section .media-with-text {
display: flex;
flex-direction: column;
gap:var(--gutter);
padding-bottom:var(--gutter);
}
@media (min-width: 769px){
.brand-section .media-with-text {
flex-direction: row;
}
.brand-section {
padding:var(--gutter) 0;
}
}
@media (min-width: 1024px){
.brand-section {
padding:80px 60px 60px 60px;
}
}
.brand-section .media-with-text__text {
order:1;
}
.brand-section .media-with-text__media {
order:2;
}
.image-round {
border-radius: 200px;
}
#localization-mobile .country-selector {
margin-bottom:10px;
}
/* breadcrumbs */
.category-breadcrumbs {
display: flex !important;
flex-wrap: wrap;
gap:6px;
}
.category-breadcrumbs .breadcrumb__sep.breadcrumb__sep_plus5 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.breadcrumb__product_title strong {
font-weight: var(--body-font-weight);
}
#main-content > .cc-apps.section:first-child {
margin-bottom:0;
}
.cc-collection-banner + .cc-apps.section {
background: rgb(var(--light-color));
margin:0;
padding: 0;
text-align: center;
}
.cc-collection-banner + .cc-apps.section #uncomplicated-breadcrumbs {
position:relative;
bottom:40px;
padding-bottom:20px;
justify-content: center;
}
.cat-button {
display:inline-block;
margin: 0 5px 8px 0;
}
.cc-main-search .card--article h2.card__title {
font-size:1em;
margin-top:1.5em;
}
.cc-main-search {
margin-top:0;
}
.search-header {
background: rgb(var(--light-color));
padding:40px 0 30px 0;
}
.search-header .search__input {
background: #fff;
}
.search-header .form-width {
max-width: 34em;
}
.category-breadcrumbs a {
color: var(--text-color);
transition: color 0.2s linear;
}
.category-breadcrumbs a:hover {
color: rgb(var(--link-color));
}
.cc-logo-list {
padding-bottom:28px;
}
@media (min-width: 1024px) {
.cc-collection-list .section {
padding-bottom:1em;
}
}
.cc-recently-viewed .section, .cc-product-recommendations .section {
padding-bottom:2em;
padding-top:2em;
}
.cc-recently-viewed .section__heading, .cc-product-recommendations .section__heading {
margin-top:0;
}
.product-inventory__status {
}
.tippy {
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.variable-products-list .card__swatches {
display:none;
}
.cc-rich-text:has(.max-w-text-overlay:empty),
.cc-article-comments:has(.container:empty),
.cc-gallery:has(.gallery:empty) {
display: none;
}
.main-products-grid__results.no-filters .grid {
margin-top: var(--gutter);
margin-bottom: var(--gutter);
}
.wishlist-header-link .wkh-button {
display: flex;
align-items: center;
}
.wishlist-header-link .wkh-counter {
--counter-size: 15px;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
min-width: var(--counter-size);
height: var(--counter-size);
border-radius: calc(var(--counter-size) / 2);
font-size: 11px;
line-height: 1;
background: black;
color: white;
margin-left: 6px;
padding:4px;
}
.wishlist-header-link .wkh-heart {
opacity: 0;
position:absolute;
height:6px;
width:6px;
margin:0;
padding:0;
border-radius:10px;
background: #000;
top: 18px;
margin-left: 6px;
transition: .2s opacity;
}
.wishlist-header-link .wkh-selected .wkh-heart {
opacity: 1;
}
.wishlist-header-link .wkh-selected .wkh-counter {
opacity: 1;
transition: .2s opacity;
}
.account-menu {
position:absolute;
background-color: #fff;
z-index: 100;
font-size: 0.88em;
box-shadow: 0 50px 100px -20px rgba(102,102,102,0.25), 0 30px 60px -30px rgba(0,0,0,0.3);
display: none;
min-width: 150px;
top:40px;
right:0;
}
.account-menu a {
padding: 10px 16px;
display: flex;
color: rgb(var(--input-text-color));
align-items: center;
white-space: nowrap;
}
.account-menu svg {
width:13px;
margin-right:5px;
display: block;
}
.account-button {
display: flex;
align-items: center;
}
@media (min-width: 1024px) {
.account-menu {
top: 66px;
}
.account-button {
height:66px;
}
}
.account-menu a:hover {
background-color: var(--input-bg-color-diff-6);
color: rgb(var(--input-text-color));
}
.account-hover {
position: relative;
display: none;
justify-content: center;
align-items: center;
}
@media (min-width: 1024px) {
.account-hover {
display: flex;
}
}
.account-hover:hover .account-menu {
display: block;
}
.account-menu-mobile {
background: #f0f0f0;
margin-left: calc(var(--gutter) * -1);
margin-right: calc(var(--gutter) * -1);
padding: var(--gutter);
padding-top: 2.4rem;
padding-bottom: 2.4rem;
display: flex;
gap:25px;
align-items: center;
justify-content: center;
}
.account-menu-mobile a {
color: rgb(var(--text-color));
font-weight: var(--body-font-weight);
display: flex;
align-items: center;
gap: 0px;
}
.account-menu-mobile svg {
height:16px;
}
@media (min-width: 1024px) {
.account-menu-mobile {
display: none;
}
}
.collection-banner__heading {
margin-top:10px;
}
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogPoweredByText {
display:none !important;
}
#CybotCookiebotDialogTabContent {
margin-left:0 !important;
}
#CybotCookiebotDialog {
font-family: var(--body-font-family) !important;
border-radius: 0 !important;
}
#CybotCookiebotDialog h2 {
font-size:1.2em !important;
line-height:1.2 !important;
}
#CybotCookiebotDialog[lang=en] #CybotCookiebotDialogBodyContentTitle::after {
content:'🍪';
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a {
font-weight: var(--body-font-weight) !important;
}
.CybotCookiebotDialogBodyBottomWrapper {
display:none !important;
}
.CybotCookiebotDialogDetailBulkConsentCount {
display: none !important;
}
.CybotCookiebotDialogArrow {
display: none !important;
}
#CybotCookiebotDialog.CybotEdge {
min-width: 100% !important;
width: 100% !important;
transform: translate(-50%,-100%) !important;
top:100%;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter {
padding: 0 2em 2em 2em !important;
}
#CybotCookiebotDialog.CybotEdge .CybotCookiebotScrollContainer {
border-bottom: none !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
padding:0 !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyContent {
padding: 2em 2em 1em 2em !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
margin: .5em 2em .5em 1em !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtonsWrapper {
justify-content:flex-start !important;
}
@media (min-width:780px) {
#CybotCookiebotDialog.CybotEdge {
min-width: 640px !important;
width: 640px !important;
transform: translate(-50%,-100%) !important;
top:100%;
}
}
@media (min-width:1280px) {
#CybotCookiebotDialog.CybotEdge {
padding:0px !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter {
padding: 2em 2em 1.5em 0em !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
margin: 0 0 2em 2em !important;
}
#CybotCookiebotDialog[data-template=bottom].CybotEdge {
min-width: 840px !important;
width: 840px !important;
transform: translate(-50%,-100%) !important;
}
}
#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
display:none !important;
}
@media (max-width: 768.98px) {
.card--product .card__info-container {
font-size: 0.9em;
text-align: center;
}
.card--product .card__info-container .rating-block {
justify-content: center;
}
}
.drawer--cart .cart-recommendations {
background: rgb(var(--light-color));
padding: calc(var(--gutter) - 10px) var(--gutter) var(--gutter) var(--gutter);
}
.drawer--cart .cart-recommendations h2 {
margin:0;
font-size:1em;
}
.drawer--cart .cart-recommendations .card__media img {
mix-blend-mode: multiply;
}
#restock-rocket #form-Select,
#restock-rocket #form-Email {
border:1px solid #222 !important;
padding: 10px 14px;
outline: none;
}
.restock-rocket-button {
margin: 0 0 10px 0 !important;
padding: 14px !important;
line-height: 1.2em !important;
height: auto !important;
}
#restock-rocket #form-Select {
padding: 10px 10px;
}
#restock-rocket #formContainer-Close {
right: 22px;
top: 10px;
}
#restock-rocket #formContainer-Close span {
font-size:0;
}
#restock-rocket #formContainer-Close span::before {
content: "×";
font-size:24px;
color: #232323;
}
#restock-rocket #form-Consent-Checkmark {
background: #fff;
border:1px solid #222;
transition: background 0.2s;
position: static;
margin-right:10px;
}
#restock-rocket #form-Description {
margin: 1em 0;
}
#restock-rocket #form-Consent-Container {
margin-top:18px;
display: flex;
align-items: center;
flex-direction: row-reverse;
padding:0;
justify-content: flex-end;
}
#restock-rocket #form-Consent-Container:hover input~#form-Consent-Checkmark {
background-color: #f0f0f0;
}
#restock-rocket #form-Button {
transition: opacity 0.2s;
}
#restock-rocket #form-Button:hover {
opacity: 0.9;
}
.restock-rocket-button-container .restock-rocket-button {
background: #000 !important;
transition: background 0.2s !important;
}
.restock-rocket-button-container .restock-rocket-button-hover {
background: #000 !important;
}
@media (max-width: 550px) {
#restock-rocket #formContainer {
width: 90%;
margin: 0 auto;
position:relative;
}
}
/* Judge me frontpage */
.jdgm-widget * {
line-height: 1.6 !important;
}
.jdgm-carousel-wrapper .jdgm-carousel-number-of-reviews {
color: rgb(var(--text-color));
margin:1em auto 0 auto;
max-width: 800px;
}
.jdgm-carousel--gallery-theme .jdgm-carousel-item__review-content-wrapper,
.jdgm-carousel-item__product-wrapper {
gap:0 !important;
}
.jdgm-carousel-item__body {
gap: calc(4px* 4) !important;
}
.jdgm-carousel-wrapper .jdgm-carousel--gallery-theme .jdgm-carousel-item__reviewer-name {
color: rgb(var(--text-color));
}
.jdgm-rev__buyer-badge {
border-radius: 4px !important;
padding: 4px 6px !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.6 !important;
display: inline-block !important;
vertical-align: middle !important;
}
.jdgm-rev__location-country-flag-img, .jdgm-rev__buyer-badge-wrapper {
margin-left:0 !important;
}
.jdgm-carousel-wrapper .jdgm-carousel--gallery-theme .jdgm-carousel-item__image-wrapper {
height: 100%;
}
.jdgm-carousel-wrapper .jdgm-carousel--gallery-theme .jdgm-carousel-item__inner-wrapper {
box-shadow: none;
}
.jdgm-carousel-wrapper .jdgm-carousel--gallery-theme .jdgm-carousel-item__product-title {
font-size: 1em;
font-weight: var(--heading-font-weight);
}
.jdgm-carousel-wrapper .jdgm-carousel--gallery-theme .jdgm-carousel-item__timestamp:not(.jdgm-spinner) {
font-size: 1em;
opacity: 0.6;
}
.jdgm-carousel-wrapper .jdgm-carousel--gallery-theme .jdgm-carousel-item__body {
padding:10px;
}
.jdgm-all-reviews-text.jdgm-all-reviews-text--style-branded .jdgm-all-reviews-rating .jdgm-star {
color: rgb(var(--star-color));
}
.jdgm-all-reviews-text.jdgm-all-reviews-text--style-branded {
padding-top:2em;
}
.jdgm-carousel-wrapper {
border-bottom: 2px dotted #999;
}
.jdgm-all-reviews-text.jdgm-all-reviews-text--style-branded .jdgm-all-reviews-rating:before {
background: rgb(var(--success-text-color));
}
.jdgm-carousel--gallery-theme .jdgm-carousel-item__review-body {
height: calc(3 * 1.6 * 16px) !important;
}
.jdgm-carousel__more-reviews-button {
background: #222 !important;
font-weight: var(--body-font-weight) !important;
}
/* full review */
.jdgm-full-rev__icon {
display: none;
}
.jdgm-full-rev__reviewer-name {
color: rgb(var(--text-color)) !important;
}
.jdgm-full-rev__rating {
font-size:1.3em;
}
.jdgm-full-rev__location-wrapper {
margin-top:8px;
}
.jdgm-full-rev-modal .jdgm-full-rev__location-country-flag-img {
height:18px !important;
}
.jdgm-full-rev-modal .jdgm-full-rev__header {
gap:4px !important;
}
/* Judge me popup */
.jdgm-carousel-rev-popup .jdgm-carousel-rev__icon {
display: none;
}
.jdgm-carousel-rev-popup .jdgm-carousel-rev .jdgm-carousel-rev__product-button {
background: #000;
margin:0;
}
/* Judge me product page */
.jdgm-notification {
color: rgb(var(--text-color)) !important;
}
.jdgm-notification__title:before {
background-color: green !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.jdgm-rev__author-wrapper {
display: flex;
gap: 6px;
align-items: center;
}
.jdgm-rev a {
color: rgb(var(--primary-color)) !important;
text-decoration: none !important;
}
.jdgm-rev__body>p {
margin:1em 0 !important;
}
.jdgm-medals-wrapper {
display: none !important;
}
.jdgm-rev-widg__summary-average,
.jdgm-all-reviews__summary-average {
display: block;
font-weight: var(--heading-font-weight);
}
.jdgm-rev-widg__summary-average .jdgm-link,
.jdgm-all-reviews__summary-average .jdgm-link {
color: var(--text-color) !important;
}
.jdgm-rev-widg__summary-stars .jdgm-star,
.jdgm-all-reviews__summary-stars .jdgm-star {
font-size: 1.5em !important;
}
.jdgm-rev-widg__summary-text,
.jdgm-all-reviews__summary-text {
opacity: 0.6;
}
.jdgm-histogram__bar {
border-radius: 50px !important;
overflow: hidden;
}
.jdgm-histogram__frequency {
color: rgb(var(--text-color)) !important;
}
.jdgm-row-actions {
border:none !important;
}
.jdgm-row-rating {
margin-bottom: 0px !important;
}
.jdgm-rev__icon {
display: none !important;
}
.jdgm-rev__author {
color: rgb(var(--text-color)) !important;
}
.jdgm-rev__timestamp {
float:none !important;
display:block;
font-size:1em !important;
margin-left:0 !important;
}
.jdgm-rev__rating {
display: block;
font-size: 1.4em !important;
}
.jdgm-rev-widg {
padding:0 !important;
max-width:1280px;
margin:0 auto !important;
}
.jdgm-rev-widg__body .jdgm-rev {
border-top: 2px dotted #aaa !important;
padding: 36px 0 24px 0 !important;
}
.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow {
color: rgb(var(--text-color)) !important;
}
.jdgm-paginate__page {
color: rgb(var(--primary-color)) !important;
}
.jdgm-paginate__page.jdgm-curt {
color: rgb(var(--text-color)) !important;
font-size:1em !important;
}
.jdgm-rev__title:empty {
display: none;
}
.jdgm-widget .jdgm-rev__content p {
line-height: 1.6;
}
.jdgm-rev-widg__body .jdgm-rev__header {
margin-bottom: 2em !important;
}
.jdgm-rev__location {
min-height: 0 !important;
}
.jdgm-rev__location {
display: inline !important;
}
.jdgm-rev__location-country-flag-img {
max-width: 24px !important;
}
@media (min-width: 820px) {
.jdgm-rev {
gap:30px;
}
.jdgm-rev .jdgm-rev__custom-form {
margin:0 !important;
}
.jdgm-rev-widg__body .jdgm-rev__header {
float:left;
width: 200px;
margin-bottom: 0 !important;
position:relative;
top:-4px;
}
.jdgm-rev-widg__body .jdgm-rev__content,
.jdgm-rev-widg__body .jdgm-rev__actions,
.jdgm-rev-widg__body .jdgm-rev__reply {
margin-left: 200px !important;
}
}
@media (min-width: 1100px) {
.jdgm-rev-widg__body .jdgm-rev__header {
width: 360px;
}
.jdgm-rev-widg__body .jdgm-rev__content,
.jdgm-rev-widg__body .jdgm-rev__actions,
.jdgm-rev-widg__body .jdgm-rev__reply {
margin-left: 360px !important;
}
}
.jdgm-ans, .jdgm-rev__reply {
background: rgb(var(--light-color)) !important;
padding:32px 32px 24px 32px !important;
border-left:4px solid #ccc;
}
.jdgm-rev__replier-wrapper {
position:relative;
padding-left: 30px;
font-weight: var(--heading-font-weight);
}
.jdgm-rev__replier-wrapper::before {
content: url('mukama-badge-xs86a0.svg?v=1715888927');
width: 24px;
height: 27px;
position: absolute;
left:0;
margin-top:-1px;
}
.jdgm-widget .jdgm-rev__replier {
display: inline-block;
margin-left:6px;
}
.jdgm-link {
text-decoration: none !important;
}
/* Judge me form */
.jdgm-form {
text-align: left;
max-width: 710px !important;
background: #f0f0f0;
margin: 0 calc(var(--gutter) * -1) !important;
padding: var(--gutter) !important;
}
@media (min-width: 710px) {
.jdgm-form {
margin: 0 auto !important;
padding: var(--gutter) !important;
}
}
#judgeme_product_reviews {
}
.jdgm-form-wrapper {
}
.jdgm-btn--border {
color: var(--text-color) !important;
border-color: var(--text-color) !important;
}
.jdgm-btn--solid {
background: rgb(var(--primary-color)) !important;
border-color: rgb(var(--primary-color)) !important;
}
.jdgm-form input[type="text"], .jdgm-form input[type="email"], .jdgm-form input[type="url"], .jdgm-form textarea {
padding:12px !important;
transition: border-color 0.2s linear;
border: var(--input-border-width) solid rgba(var(--input-text-color) / 0.2) !important;
}
.jdgm-form input[type="text"]:focus, .jdgm-form input[type="text"]:focus-visible, .jdgm-form input[type="email"]:focus, .jdgm-form input[type="email"]:focus-visible, .jdgm-form input[type="url"]:focus, .jdgm-form input[type="url"]:focus-visible, .jdgm-form textarea:focus, .jdgm-form textarea:focus-visible {
border-color: rgba(var(--input-text-color) / 0.6) !important;
}
/* all reviews page */
.jdgm-all-reviews-widget .jdgm-row-stars {
}
.jdgm-rev__content .jdgm-rev__pics, .jdgm-rev__content .jdgm-rev__vids {
white-space: wrap;
}
.jdgm-histogram__frequency {
width:40px !important;
}
.jdgm-all-reviews-widget .jdgm-rev__header {
background: #f0f0f0;
padding:20px;
margin:0 !important;
}
.jdgm-all-reviews-widget .jdgm-rev__content {
padding:20px 20px 5px 20px;
}
.jdgm-all-reviews-widget .jdgm-rev {
border: 1px solid #ddd;
padding: 0 !important;
}
.jdgm-all-reviews-widget .jdgm-rev__pic-link {
}
.jdgm-all-reviews-widget .jdgm-subtab__name {
color: var(--text-color);
text-decoration: none !important;
background: transparent !important;
padding: 6px 0 !important;
margin-right:20px;
transition: color 0.2s linear;
}
.jdgm-all-reviews-widget .jdgm-subtab__name.jdgm--active {
border-bottom: 3px solid rgb(var(--text-color));
color: rgb(var(--primary-color));
}
.jdgm-all-reviews-widget .jdgm-subtab__name:hover {
color: rgb(var(--primary-color)) !important;
}
.jdgm-all-reviews-widget .jdgm-shop-reviews__body,
.jdgm-all-reviews-widget .jdgm-all-reviews__body {
display: grid;
gap: var(--gutter);
grid-template-columns: repeat(1, 1fr);
}
.jdgm-all-reviews-widget .jdgm-rev__reply {
margin:0!important;
padding:20px !important;
background:transparent !important;
border-top:2px dashed #ccc;
border-left:none;
}
.jdgm-subtab__name
@media (min-width: 800px) {
.jdgm-all-reviews-widget .jdgm-shop-reviews__body,
.jdgm-all-reviews-widget .jdgm-all-reviews__body {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px) {
.jdgm-all-reviews-widget .jdgm-shop-reviews__body,
.jdgm-all-reviews-widget .jdgm-all-reviews__body {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1800px) {
.jdgm-all-reviews-widget .jdgm-shop-reviews__body,
.jdgm-all-reviews-widget .jdgm-all-reviews__body {
grid-template-columns: repeat(4, 1fr);
}
}
/* Judge me popup */
@media (min-width: 992px) {
.jdgm-gallery-popup .jm-mfp-carousel-wrapper {
flex: 0 0 calc(100% - 500px);
}
.jdgm-gallery-popup .jm-mfp-review-wrapper {
overflow: auto;
}
.jdgm-gallery-popup .jdgm-rev__body {
max-height: none !important;
overflow: visible !important;
padding-bottom:20px !important;
/* padding-bottom:80px; */
}
}
.jdgm-gallery-popup .jdgm-rev__header>div:not(.jdgm-rev__icon) {
line-height:1.6 !important;
}
.jdgm-gallery-popup .jdgm-rev__author {
line-height: 1.6 !important;
}
.part-of-collection .section {
padding-top:0;
}
.part-of-collection .section__block--button {
margin-bottom: calc(6 * var(--space-unit));
}
#shippingOptionsTable {
width: 100%;
border-collapse: collapse;
margin:0;
}
.td-carrier-info {
display: none;
}
#shippingOptionsTable.shipping-onpage .td-carrier-info {
display: block;
opacity: 0.6;
font-size:0.85em;
}
#shippingOptionsTable thead {
background-color: #ffffff;
}
#shippingOptionsTable th, #shippingOptionsTable td {
padding: 10px 10px 10px 0;
text-align: left;
border:none;
border-top: 1px solid #ccc;
}
#shippingOptionsTable th {
opacity: 0.6;
border:none;
font-weight: var(--body-font-weight);
}
.col-carrier {
width:50%;
}
@media (max-width: 600px) {
#shippingOptionsTable,
#shippingOptionsTable tbody,
.shipping-table-row,
.shipping-table-row td {
display: block;
width:100%;
}
.shipping-table-row {
margin: 10px 0;
background: #f0f0f0;
padding:15px;
}
.td-carrier {
font-weight: var(--heading-font-weight);
}
#shippingOptionsTable td {
padding:0;
border:none;
flex:0 0 100%;
}
#shippingOptionsTable thead {
display: none;
}
}
.header__icons #cart-icon {
order:-1;
}
@media (min-width: 1024px) {
.header__icons #cart-icon {
order:initial;
}
}
.col-3 {
column-gap: var(--gutter);
}
.col-3 p {
margin-top:0;
}
.col-3 ul {
margin-bottom:1em;
}
.col-3 h3 {
margin-top:0;
break-after: avoid;
column-gap: var(--gutter);
}
@media (min-width: 769px) {
.col-3 {
columns: 2;
}
}
@media (min-width: 1024px) {
.col-3 {
columns: 3;
}
}
.why-bw-header {
max-width: 800px;
margin:0 auto;
text-align: center;
margin-bottom:40px;
}
.why-bw-content {
display: flex;
font-size:0.85em;
max-width:800px;
margin:0 auto;
padding-bottom:40px;
}
@media (min-width: 600px) {
.why-bw-content {
font-size:1em;
}
}
.bw-content-left {
flex:0 0 45%;
text-align: right;
}
.bw-content-right {
flex:0 0 45%;
}
@media (min-width: 600px) {
.image-grid {
display:flex;
gap: var(--gutter);
}
}
.restock-wrap {
position: relative;
}
.restock-placeholder, .eol, .nonex {
padding:14px;
line-height: 1.2em;
margin-bottom:10px;
}
.eol, .nonex {
background:#999;
color: #fff;
text-align: center;
}
.restock-container {
position: absolute;
top: 0;
width: 100%;
}
@media (min-width: 600px) {
.complementary-product-list ul {
display: flex;
flex-wrap: wrap;
}
.complementary-product-list ul li {
flex: 0 0 50%;
}
}
.loading-ellipsis::after {
content: '';
animation: ellipsis 1.5s infinite steps(4);
}
@keyframes ellipsis {
0% {
content: '';
}
25% {
content: '.';
}
50% {
content: '..';
}
75% {
content: '...';
}
100% {
content: '';
}
}
.footer {
padding: calc(24 * var(--fluid-1-5)) 0 calc(16 * var(--space-unit));
}
.back-to-top + .footer {
border-top: 0;
}
.footer a:not(.btn) {
color: #bcbcbc;
transition: color 0.2s;
}
.footer a:not(.btn):hover {
color: #fff;
}
.footer-col ul {
margin: 1em 0;
}
.footer h2.disclosure__title {
margin:0;
}
.footer .input-with-button {
box-shadow: inset 0 0 0 var(--input-border-width) rgba(var(--text-color)/0.2);
}
.footer .input-with-button:focus-within {
box-shadow: inset 0 0 0 var(--input-border-width) currentColor;
}
.footer .input-with-button > .btn {
border: 0;
}
.footer .media {
display: inline-block;
}
.footer .social {
display: inline-flex;
}
.footer__main > .footer-col:first-child .disclosure {
border-top: 0;
}
.footer-block + .footer-block {
margin-top: calc(12 * var(--space-unit));
}
.footer-block__btns,
.footer-col--newsletter .input-with-button {
margin-top: 1.5em;
}
.footer-block__btns svg {
width: 20px;
height: 20px;
}
.footer-block__btns .social {
margin-top: -4px;
}
.footer-block__image {
margin-bottom: calc(6 * var(--space-unit));
}
.footer-block__heading {
margin-bottom: 1em;
}
.footer-menu {
}
.footer-menu > summary {
cursor: default;
}
.footer-menu__links {
padding-bottom: 0;
}
.footer__meta .localization__selector:not(:last-child) {
margin-bottom: calc(6 * var(--space-unit));
}
.footer__meta select,
.footer__meta .custom-select__btn,
.footer__meta .custom-select__listbox {
border-color: rgba(var(--text-color)/0.2);
}
.footer__meta .custom-select__btn:focus {
border-color: rgba(var(--text-color)/0.6);
}
.footer__meta .custom-select__listbox {
top: auto;
bottom: 5px;
}
.payment-icons {
margin-bottom: -7px;
}
.payment-icons > li {
margin-bottom: 7px;
}
.payment-icons > li:not(:last-child) {
margin-inline-end: 7px;
}
.payment-icons svg {
width: 40px;
height: 24px;
}
.payment-icon {
display: block;
}
.footer__hr {
margin:2em 0 1.4em 0;
height:1px;
display: block;
border-top: 1px solid rgba(var(--text-color)/0.5);
}
.footer-sublinks li {
display: inline;
}
@media (min-width: 600px) {
.footer__meta .localization__grid {
display: flex;
}
.footer__meta .localization__selector:not(:last-child) {
margin: 0;
margin-inline-end: calc(5 * var(--space-unit));
}
.footer__meta .custom-select,
.footer__meta .custom-select__native {
max-width: 350px;
}
.footer__meta .custom-select__btn {
width: auto;
}
}
@media (max-width: 768.98px) {
.footer__main {
--row-gap: 32px;
}
.footer__menus {
--column-gap: 0;
--row-gap: 0;
width: 100%;
}
.footer-col--collapsed .disclosure__title {
margin-bottom: 0;
}
.footer-col--collapsed .disclosure__panel {
position: relative;
top: -10px;
margin-bottom: 0;
padding-top: 0;
}
.footer-col--collapsed.footer-col--newsletter .disclosure__content {
padding-bottom: 3.2rem;
}
.footer-col--collapsed .disclosure {
border-top: 1px solid rgba(var(--text-color)/0.2);
border-bottom: 1px solid rgba(var(--text-color)/0.2);
}
.footer-col--collapsed + .footer-col--collapsed .disclosure {
border-top: 0;
}
.footer-col--not-collapsed {
margin-top: calc(10 * var(--space-unit));
}
.footer-block__social {
margin-bottom: -6px;
}
.footer-col--not-collapsed + .footer-col--not-collapsed > .footer-block {
padding-top: var(--row-gap);
border-top: 1px solid rgba(var(--text-color)/0.2);
}
.footer__hr {
visibility: hidden;
margin-bottom: 0;
}
.footer__meta {
--column-gap: calc(8 * var(--space-unit));
margin-top: 6px;
margin-right: 0;
}
.footer__payment {
padding-inline-end: 0;
}
}
@media (min-width: 769px) {
.footer-sublinks__item {
margin: 2.4rem 0 0;
}
.footer {
padding: calc(48 * var(--fluid-1-5)) 0 calc(16 * var(--space-unit));
}
.footer-block__btns svg {
width: 22px;
height: 22px;
}
.footer__main {
justify-content: space-between;
margin-right: -16px;
margin-left: -16px;
}
.footer-col {
padding: 0 16px;
}
.footer-col--links,
.footer-col--newsletter,
.footer-col--text:not(.footer-col--text-full-width) {
flex: 0 0 50%;
}
.footer-menu > summary {
padding: 0;
pointer-events: none;
}
.footer-menu > summary .icon {
display: none;
}
.footer-menu .disclosure__title {
margin-bottom: 1em;
}
.footer-menu .disclosure__panel {
overflow: initial;
}
.footer-sublinks {
justify-content: flex-end;
margin: -2.4rem 0 0;
margin-inline-start: -2.4rem;
}
}
@media (min-width: 1024px) {
.footer__main {
flex-wrap: nowrap;
}
.footer-col--links {
flex: 0 1 auto;
min-width: 130px;
}
.footer-col--newsletter {
flex: 0 1 350px;
}
.footer-col--text:not(.footer-col--text-full-width) {
flex: 1 1 350px;
max-width: 460px;
}
.footer__meta {
flex-direction: row-reverse;
align-items: flex-end;
justify-content: flex-end;
}
.footer__payment--right .payment-icons {
justify-content: flex-end;
}
}
@media (min-width: 1100px) {
.footer .container {
max-width:1140px;
}
}
.social-list {
svg {
width:18px;
margin-right:4px;
}
}
.footer .custom-select__btn {
background: transparent;
border-color: #fff;
color: #fff;
}
.footer .custom-select__btn .flag-list-icon img {
border:none;
}
.footer .custom-select__btn.is-loading {
color: #888;
border-color: #888;
}
.footer-base-list {
text-align: center;
}
.footer-base-list .separator {
display: none;
}
.footer-base-list li {
}
@media (min-width: 600px) {
.footer-base-list {
text-align: left;
}
.footer-base-list .separator {
display: inline;
}
.footer-base-list li {
display: inline;
}
}
@media (min-width: 1024px) {
.footer-base-list {
text-align: right;
}
}
.section-light {
background: #f0f0f0;
}
.fa-icon {
transition: fill 0.2s linear;
}
.header__icon:hover .fa-icon,
.account-button:hover .fa-icon {
fill: rgb(var(--primary-color));
}
.custom-select__btn {
transition: background 0.2s linear;
}
.header .custom-select__btn:hover {
background: rgb(var(--light-color));
}
.footer .custom-select__btn:hover {
background: rgba(255, 255, 255, 0.1);
}
.cc-faq .disclosure__title {
font-weight: var(--heading-font-weight);
transition: color 0.2s linear;
}
.cc-faq summary:hover .disclosure__title {
color: rgb(var(--primary-color));
}
.cc-faq .disclosure__content p:first-child {
margin-top:0;
}
.variant-tag {
padding:3px 4px;
border-radius:4px;
color: #fff;
background: rgb(var(--primary-color));
font-size:0.8em;
}
.card--product-sold-out .card__media img,
.card--product-sold-out .card__info-container,
.card--product-sold-out .product-label-container {
opacity:0.4;
}
.sold-out-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:100%;
text-align: center;
background:rgba(0,0,0,0.5);
color:#fff;
padding:10px;
}
.image-banner .brand-certs {
display: flex;
gap:20px;
justify-content: center;
margin:2em 0 1em 0;
}
.image-banner .brand-cert img {
height:60px;
}
@media (min-width: 1024px) {
.image-banner .brand-certs {
flex-direction: column;
gap:20px;
justify-content: center;
margin:2em 0 1em 0;
flex: 0 0 40px;
position: absolute;
right: var(--gutter);
bottom: var(--gutter);
}
.image-banner .brand-cert {
flex: 0 0 40px;
}
}
.tippy-content {
padding:0.8em 1em;
background: #000;
line-height:1.6;
}
.brand-section .brand-certs {
position:absolute;
bottom:20px;
right:20px;
display: flex;
gap:20px;
justify-content: center;
}
.brand-section .brand-cert img {
height:60px;
}
.price-tax-info {
margin-top:-8px;
}