/** Shopify CDN: Minification failed
Line 242:39 Unterminated string token
Line 244:277 Comments in CSS use "/* ... */" instead of "//"
Line 244:2189 Unterminated string token
Line 3532:2 Expected ")" to end URL token
Line 5551:0 Expected ")" to go with "("
**/
@media screen and (max-width: 767px) {
.header__heading-link {
height: 42px !important;
}
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
body {
font-size: 1.6rem;
}
.section-template--15390689755215__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.facets-container > * + * {
margin-top: 0;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
}
@media screen and (min-width: 750px) {
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
body {
font-size: 1.6rem;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
@media (max-width: 767px) {
.header__heading-link {
height: 42px;
}
}
.rte ol {
list-style-position: inside;
padding-left: 2rem;
}
.badgec--top-left {
display: flex !important;
justify-content: flex-start !important;
align-items: flex-start !important;
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;
charset=utf-8;
base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
.swiper-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f {
visibility: hidden;
position: absolute;
}
@media screen and (min-width: 750px) {
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
}
@media screen and (min-width: 750px) {
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.quick-add-modal__content {
--modal-height-offset: 10rem;
margin-top: var(--modal-height-offset);
width: 80%;
max-height: calc(100% - var(--modal-height-offset) * 2);
overflow-y: auto;
}
quick-add-modal .quick-add-modal__toggle {
top: 2rem;
right: 2rem;
}
.section-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.footer-block {
display: block;
margin-top: 0;
}
body {
font-size: 1.6rem;
}
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
@supports not (inset: 10px) {
.grid__item {
padding-left: var(--grid-mobile-horizontal-spacing);
padding-bottom: var(--grid-mobile-vertical-spacing);
}
}
@media screen and (min-width: 750px) {
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after {
content: "prev";
}
.swiper-button-next {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after {
content: "next";
}
.content-container {
--border-radius: var(--text-boxes-radius);
--border-width: var(--text-boxes-border-width);
--border-opacity: var(--text-boxes-border-opacity);
--shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
--shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
--shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
--shadow-opacity: var(--text-boxes-shadow-opacity);
--shadow-visible: var(--text-boxes-shadow-visible);
}
.center {
text-align: center;
}
.title {
margin: 3rem 0 2rem;
}
.title-wrapper {
margin-bottom: 3rem;
}
@media screen and (min-width: 990px) {
.title {
margin: 5rem 0 3rem;
}
}
.title-wrapper--no-top-margin {
margin-top: 0;
}
@media screen and (min-width: 750px) {
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
@media screen and (forced-colors: active) {
.path {
stroke: CanvasText;
}
.icon {
color: CanvasText;
fill: CanvasText !important;
}
}
.content-container {
border-radius: var(--text-boxes-radius);
border: var(--text-boxes-border-width) solid
rgba(var(--color-foreground), var(--text-boxes-border-opacity));
position: relative;
}
.content-container:after {
content: "";
position: absolute;
top: calc(var(--text-boxes-border-width) * -1);
right: calc(var(--text-boxes-border-width) * -1);
bottom: calc(var(--text-boxes-border-width) * -1);
left: calc(var(--text-boxes-border-width) * -1);
border-radius: var(--text-boxes-radius);
box-shadow: var(--text-boxes-shadow-horizontal-offset)
var(--text-boxes-shadow-vertical-offset)
var(--text-boxes-shadow-blur-radius)
rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
z-index: -1;
}
.content-container--full-width:after {
left: 0;
right: 0;
border-radius: 0;
}
.content-container--full-width {
border-radius: 0;
border-left: none;
border-right: none;
}
.tw-z-50 {
z-index: 50;
}
.tw-flex {
display: flex;
}
.tw-items-center {
align-items: center;
}
.tw-justify-end {
justify-content: flex-end;
}
.tw-pr-0 {
padding-right: 0;
}
@media (min-width: 1024px) {
.lg\:tw-px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
}
.section-template--15390689034319__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 3px;
}
@media screen and (min-width: 750px) {
.section-template--15390689034319__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 4px;
}
}
.rich-text {
z-index: 1;
}
.rich-text__wrapper {
display: flex;
justify-content: center;
width: calc(100% - 4rem / var(--font-body-scale));
}
.rich-text__blocks {
width: 100%;
}
@media screen and (min-width: 750px) {
.rich-text__wrapper {
width: 100%;
}
.rich-text__blocks {
max-width: 50rem;
}
}
@media screen and (min-width: 990px) {
.rich-text__blocks {
max-width: 78rem;
}
}
.rich-text__blocks * {
overflow-wrap: break-word;
}
.rich-text__blocks > * {
margin-top: 0;
margin-bottom: 0;
}
.rich-text__blocks > * + * {
margin-top: 2rem;
}
.section-template--15390689034319__8c087b4b-e8b3-4f7b-8952-b8e2b51f4158-padding {
padding-top: 15px;
padding-bottom: 0;
}
.rich-text__blocks {
max-width: 200rem !important;
}
.align-txt-left {
text-align: left !important;
}
.rich-text__text {
margin-top: 1rem !important;
}
.rich-text__text {
font-size: 14px;
line-height: 21px;
}
@media screen and (max-width: 750px) {
.rich-text__wrapper {
padding: unset;
}
.rich-text__wrapper h2 {
text-align: left;
}
.rich-text__text {
font-size: 14px;
line-height: 16px;
}
.inline-richtext.h5 {
font-size: 13px;
}
}
@media screen and (min-width: 750px) {
.section-template--15390689034319__8c087b4b-e8b3-4f7b-8952-b8e2b51f4158-padding {
padding-top: 20px;
padding-bottom: 0;
}
.inline-richtext.h5 {
font-size: 18px;
}
}
.collection__title.title-wrapper {
margin-bottom: 2.5rem;
}
.swiper-skeleton-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f {
width: 100%;
height: 45vh;
}
@media screen and (max-width: 750px) {
.swiper-skeleton-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f {
height: 40vh;
}
}
.section-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f-padding {
padding-top: 27px;
padding-bottom: 27px;
}
.e420-card__heading-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f
a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f {
text-transform: uppercase;
}
.e420-card__heading-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.e420-card__heading-template--15390689034319__2b4c264b-9f7a-46e5-b282-b316b1f72dc4
a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689034319__2b4c264b-9f7a-46e5-b282-b316b1f72dc4 {
text-transform: uppercase;
}
.e420-card__heading-template--15390689034319__2b4c264b-9f7a-46e5-b282-b316b1f72dc4 {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.e420-card__heading-template--15390689034319__cd2e577b-66a2-481c-955d-dfcb1cbf28d8
a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689034319__cd2e577b-66a2-481c-955d-dfcb1cbf28d8 {
text-transform: uppercase;
}
.e420-card__heading-template--15390689034319__cd2e577b-66a2-481c-955d-dfcb1cbf28d8 {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.e420-card__heading-template--15390689034319__0e145df6-93a5-46e8-aa57-e4ad4a955e42
a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689034319__0e145df6-93a5-46e8-aa57-e4ad4a955e42 {
text-transform: uppercase;
}
.e420-card__heading-template--15390689034319__0e145df6-93a5-46e8-aa57-e4ad4a955e42 {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.e420-card__heading-template--15390689034319__32937938-7b96-484c-9553-137a8fc036e9
a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689034319__32937938-7b96-484c-9553-137a8fc036e9 {
text-transform: uppercase;
}
.e420-card__heading-template--15390689034319__32937938-7b96-484c-9553-137a8fc036e9 {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.e420-card__heading-template--15390689034319__5d1949d0-1f90-462c-a651-4932d22409ea
a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689034319__5d1949d0-1f90-462c-a651-4932d22409ea {
text-transform: uppercase;
}
.e420-card__heading-template--15390689034319__5d1949d0-1f90-462c-a651-4932d22409ea {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.e420-featured-collection-title-link {
text-decoration: none;
}
.e420-card__heading-template--15390689034319__42a5fea5-f6b1-4710-bccd-c04b8452ca07
a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689034319__42a5fea5-f6b1-4710-bccd-c04b8452ca07 {
text-transform: uppercase;
}
.e420-card__heading-template--15390689034319__42a5fea5-f6b1-4710-bccd-c04b8452ca07 {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
@media screen and (min-width: 750px) {
.section-template--15390689034319__dc7155af-63ca-431a-9fa3-9094871b9b8f-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.footer-block {
display: block;
margin-top: 0;
}
}
.infoCountdownContainer {
width: 100%;
text-align: var(--text-alignment);
line-height: 1em;
margin-top: 9px;
}
.infoItemsLeftText {
margin-bottom: 6px;
color: red;
font-size: 16px;
letter-spacing: 0;
text-transform: none;
}
@media screen and (max-width: 370px) {
.infoItemsLeftText {
white-space: nowrap;
letter-spacing: 0;
}
}
.infoItemsLeftText {
font-size: 12px;
}
@media screen and (min-width: 750px) {
.section-template--15390689755215__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.facets-container > * + * {
margin-top: 0;
}
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
body {
font-size: 1.6rem;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
@media screen and (min-width: 750px) {
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
.price {
margin-bottom: 0;
}
body {
font-size: 1.6rem;
}
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
.multi-banner-section {
margin-top: 10px !important;
margin-bottom: 0;
}
@media (max-width: 1023px) {
:root {
--multi-banner-gap: 5px;
}
.multi-banner-section {
display: flex;
flex-direction: column;
gap: var(--multi-banner-gap);
margin: 4px 5px 0;
}
.multi-banner-image-wrapper img {
display: block;
height: auto;
}
.multi-banner-image-small {
flex-direction: column;
}
.multi-banner-inner-inner {
flex-direction: row;
}
.multi-banner-inner-inner .multi-banner-image-wrapper {
width: calc(50% - var(--multi-banner-gap) / 2);
height: auto;
}
}
@media only screen and (min-width: 1023px) {
.quad-banner-section {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin: 10px auto 4px;
gap: var(--multi-banner-gap);
}
.quad-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.quad-inner .multi-banner-image-wrapper {
height: 100%;
}
}
@media screen and (min-width: 750px) {
.section-template--15390689755215__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.section-template--15390689755215__product-grid-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.facets-container > * + * {
margin-top: 0;
}
}
@media screen and (min-width: 750px) {
.section-template--15390689755215__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.section-template--15390689755215__product-grid-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.facets-container > * + * {
margin-top: 0;
}
}
@media screen and (min-width: 990px) {
.large-up-hide {
display: none !important;
}
.header {
grid-template-columns: 1fr auto 1fr;
}
.header--middle-left {
grid-template-areas: "heading navigation icons";
grid-template-columns: auto auto 1fr;
column-gap: 2rem;
}
.header--middle-left .header__heading-link {
margin-left: -0.75rem;
}
.header__heading-link {
justify-self: start;
}
.header:not(.header--top-center) * > .header__search {
display: inline-flex;
}
.header__inline-menu {
display: block;
}
.header--middle-left .header__inline-menu {
margin-left: 0;
}
header-drawer {
display: none;
}
.footer-block__heading {
font-size: calc(var(--font-heading-scale) * 1.8rem);
}
.e420-show-accorion-mobile {
display: none !important;
}
.header:not(.drawer-menu).page-width {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media screen and (min-width: 750px) {
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
}
@media screen and (min-width: 750px) {
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.price {
margin-bottom: 0;
}
}
a:empty,
div:empty,
p:empty {
display: none;
}
.rte ul {
list-style-position: inside;
padding-left: 2rem;
}
.rte li {
list-style: inherit;
}
.rte li:last-child {
margin-bottom: 0;
}
.e420-page-width-desktop {
max-width: var(--page-width);
margin: 0 auto;
padding: 0 5rem;
}
@media screen and (max-width: 989px) {
.header__heading-link {
text-align: center;
}
.e420-page-width-desktop {
max-width: unset;
margin: unset;
padding: unset;
}
}
.section-template--15390689755215__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.multi-banner-section {
display: flex;
flex-direction: column;
gap: var(--multi-banner-gap);
}
.multi-banner-image-wrapper {
overflow: hidden;
border-radius: 5px;
}
.multi-banner-image-wrapper img {
width: 100%;
height: 100%;
}
.multi-banner-image-small {
display: flex;
gap: var(--multi-banner-gap);
width: 100%;
}
.multi-banner-image-small .multi-banner-image-wrapper:first-child {
flex: 2.5;
}
.multi-banner-inner-inner {
flex: 1;
display: flex;
flex-direction: column;
gap: var(--multi-banner-gap);
}
.multi-banner-inner-inner .multi-banner-image-wrapper {
height: calc(50% - var(--multi-banner-gap) / 2);
}
@media (max-width: 1023px) {
:root {
--multi-banner-gap: 5px;
}
.multi-banner-section {
display: flex;
flex-direction: column;
gap: var(--multi-banner-gap);
}
.multi-banner-image-wrapper img {
display: block;
height: auto;
}
.multi-banner-image-small {
flex-direction: column;
}
.multi-banner-inner-inner {
flex-direction: row;
}
.multi-banner-inner-inner .multi-banner-image-wrapper {
width: calc(50% - var(--multi-banner-gap) / 2);
height: auto;
}
}
.quad-banner-section {
margin: 5px;
}
.pad {
margin-bottom: 5px;
}
@media only screen and (min-width: 1023px) {
.quad-banner-section,
.quad-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.quad-banner-section {
margin: 10px auto 4px;
gap: var(--multi-banner-gap);
}
.quad-inner .multi-banner-image-wrapper {
height: 100%;
}
}
@media screen and (min-width: 750px) {
.section-template--15390689755215__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
}
.bubbles_section {
width: 100%;
display: flex;
overflow-x: scroll;
flex-wrap: nowrap;
}
.single_bubble {
margin: 5% 5px;
flex: 0 0 auto;
}
.bubble_text {
text-decoration: none;
color: #000;
border: 1px solid #868686;
border-radius: 9px;
padding: 8px;
}
@media only screen and (min-width: 750px) {
.bubbles_section {
overflow-x: auto;
justify-content: center;
}
.single_bubble {
margin: 2% 5px;
}
}
.price--on-sale .price__regular,
.price__sale {
display: none;
}
.section-template--15390689755215__product-grid-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--15390689755215__product-grid-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.facets-container > * + * {
margin-top: 0;
}
}
@media screen and (min-width: 750px) {
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__form-vertical {
display: flex;
flex-direction: column;
width: 26rem;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__heading--vertical {
margin: 0 0 1.5rem;
font-size: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
}
.e420-card__heading-template--15390689755215__product-grid a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689755215__product-grid {
text-transform: uppercase;
}
.e420-card__heading-template--15390689755215__product-grid {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.product-swatches-count-template--15390689755215__product-grid {
text-align: var(--product-card-text-alignment);
text-transform: none;
color: #000;
}
.e420-product-reviews-template--15390689755215__product-grid {
text-align: var(--product-card-text-alignment);
justify-content: var(--product-card-text-alignment);
}
.e420-price-template--15390689755215__product-grid {
font-weight: 700;
}
.footer-block__details-content .list-menu__item--active {
color: rgb(var(--color-foreground));
}
@media screen and (max-width: 989px) {
.e420-show-accorion-desktop {
display: none;
}
}
.h1,
.h5,
h2,
h3 {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
color: rgb(var(--color-foreground));
line-height: calc(1 + 0.3/max (1, var(--font-heading-scale)));
word-break: break-word;
}
@media screen and (max-width: 749px) {
.footer-block.grid__item {
padding: 0;
margin: 4rem 0;
width: 100%;
}
.footer-block.grid__item:first-child {
margin-top: 0;
}
.quick-add-modal__content {
bottom: var(--modal-height-offset);
}
.footer__list-social.list-social {
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 750px) {
.price {
margin-bottom: 0;
}
body {
font-size: 1.6rem;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
}
.h1,
.h5,
h1,
h2,
h3 {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
color: rgb(var(--color-foreground));
line-height: calc(1 + 0.3/max (1, var(--font-heading-scale)));
word-break: break-word;
}
h2 {
font-size: calc(var(--font-heading-scale) * 2rem);
}
@media screen and (max-width: 749px) {
.loading-overlay {
top: 0;
right: 0;
}
.quick-add-modal__content {
bottom: var(--modal-height-offset);
}
.footer__list-social.list-social {
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
}
@media only screen and (max-width: 798px) {
.e420-footer-menu-socials:not(.e420-mobile) {
display: none;
}
.app-links:not(.e420-mobile) {
display: none;
}
.apple-app-link,
.google-app-link {
width: 50%;
}
.app-links a:first-child {
padding-left: 0;
}
.app-links a:last-child {
padding-right: 0;
}
}
@media only screen and (min-width: 750px) {
h2 {
font-size: calc(var(--font-heading-scale) * 2.4rem);
}
}
@media screen and (min-width: 750px) {
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
body {
font-size: 1.6rem;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
.h1,
.h2,
.h5,
h2,
h3 {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
color: rgb(var(--color-foreground));
line-height: calc(1 + 0.3/max (1, var(--font-heading-scale)));
word-break: break-word;
}
.h1 {
font-size: calc(var(--font-heading-scale) * 3rem);
}
@media only screen and (min-width: 750px) {
.h1 {
font-size: calc(var(--font-heading-scale) * 4rem);
}
}
.caption-large,
.field__input {
font-size: 1.3rem;
line-height: calc(1 + 0.5 / var(--font-body-scale));
letter-spacing: 0.04rem;
}
.button {
letter-spacing: 0.1rem;
line-height: calc(1 + 0.2 / var(--font-body-scale));
}
.field__input {
-webkit-appearance: none;
appearance: none;
background-color: rgb(var(--color-background));
color: rgb(var(--color-foreground));
font-size: 1.6rem;
width: 100%;
box-sizing: border-box;
border-radius: var(--inputs-radius);
height: 4.5rem;
min-height: calc(var(--inputs-border-width) * 2);
min-width: calc(7rem + (var(--inputs-border-width) * 2));
position: relative;
border: 0;
}
.field:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: var(--inputs-radius-outset);
box-shadow: var(--inputs-shadow-horizontal-offset)
var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
rgba(var(--color-base-text), var(--inputs-shadow-opacity));
z-index: -1;
}
.field:after {
content: "";
position: absolute;
top: var(--inputs-border-width);
right: var(--inputs-border-width);
bottom: var(--inputs-border-width);
left: var(--inputs-border-width);
border: 0.1rem solid transparent;
border-radius: var(--inputs-radius);
box-shadow: 0 0 0 var(--inputs-border-width)
rgba(var(--color-foreground), var(--inputs-border-opacity));
z-index: 1;
}
@media screen and (min-width: 750px) {
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.quick-add-modal__content {
--modal-height-offset: 10rem;
margin-top: var(--modal-height-offset);
width: 80%;
max-height: calc(100% - var(--modal-height-offset) * 2);
overflow-y: auto;
}
quick-add-modal .quick-add-modal__toggle {
top: 2rem;
right: 2rem;
}
}
.e420-quick-add-to-cart-btn,
.e420-quick-add-to-cart-btn__options {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 749px) {
.quick-add-modal__content {
bottom: var(--modal-height-offset);
}
.footer-block.grid__item {
padding: 0;
margin: 4rem 0;
width: 100%;
}
.footer__list-social.list-social {
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 750px) {
.price {
margin-bottom: 0;
}
body {
font-size: 1.6rem;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
@supports not (inset: 10px) {
.grid__item {
padding-left: var(--grid-mobile-horizontal-spacing);
padding-bottom: var(--grid-mobile-vertical-spacing);
}
@media screen and (min-width: 750px) {
.grid__item {
padding-left: var(--grid-desktop-horizontal-spacing);
padding-bottom: var(--grid-desktop-vertical-spacing);
}
}
}
@media screen and (min-width: 750px) {
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
.price {
margin-bottom: 0;
}
body {
font-size: 1.6rem;
}
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.facets-container > * + * {
margin-top: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
}
@supports not (inset: 10px) {
.grid {
margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
}
.product-grid .grid__item {
padding-bottom: var(--grid-mobile-vertical-spacing);
}
.grid__item {
padding-left: var(--grid-mobile-horizontal-spacing);
padding-bottom: var(--grid-mobile-vertical-spacing);
}
}
@media only screen and (max-width: 798px) {
.apple-app-link,
.google-app-link {
width: 50%;
}
.app-links a:first-child {
padding-left: 0;
}
.app-links a:last-child {
padding-right: 0;
}
}
#section-sections--15390688608335__a9633322-2e71-4991-b1f7-f52662fb7203
.announcement-bar__link,
#section-sections--15390688608335__a9633322-2e71-4991-b1f7-f52662fb7203
.announcement-bar__message {
line-height: calc(1 + 0.3/max (1, var(--font-heading-scale)));
}
#headerSaleDiscountCode {
border: 2px dashed #37dc73;
border-radius: 12px;
padding: 0 2px;
}
@media screen and (min-width: 750px) {
.price {
margin-bottom: 0;
}
body {
font-size: 1.6rem;
}
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
}
@media screen and (min-width: 990px) {
.header:not(.drawer-menu).page-width {
padding-left: 5rem;
padding-right: 5rem;
}
.large-up-hide {
display: none !important;
}
.header {
grid-template-columns: 1fr auto 1fr;
}
.header--middle-left {
grid-template-areas: "heading navigation icons";
grid-template-columns: auto auto 1fr;
column-gap: 2rem;
}
.header--middle-left .header__heading-link {
margin-left: -0.75rem;
}
.header__heading-link {
justify-self: start;
}
.header:not(.header--top-center) * > .header__search {
display: inline-flex;
}
.header__inline-menu {
display: block;
}
.header--middle-left .header__inline-menu {
margin-left: 0;
}
header-drawer {
display: none;
}
}
:root {
--multi-banner-gap: 12px;
}
@media (max-width: 1023px) {
:root {
--multi-banner-gap: 5px;
}
}
@media screen and (min-width: 750px) {
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__form-vertical {
display: flex;
flex-direction: column;
width: 26rem;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__heading--vertical {
margin: 0 0 1.5rem;
font-size: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
}
@media screen and (min-width: 750px) {
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
}
@media screen and (min-width: 990px) {
.header {
grid-template-columns: 1fr auto 1fr;
}
.header--middle-left {
grid-template-areas: "heading navigation icons";
grid-template-columns: auto auto 1fr;
column-gap: 2rem;
}
.header--middle-left .header__heading-link {
margin-left: -0.75rem;
}
.header__heading-link {
justify-self: start;
}
.header:not(.header--top-center) * > .header__search {
display: inline-flex;
}
.header__inline-menu {
display: block;
}
.header--middle-left .header__inline-menu {
margin-left: 0;
}
header-drawer {
display: none;
}
}
@media screen and (min-width: 750px) {
.section-template--15390689493071__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.price {
margin-bottom: 0;
}
.section-template--15390689493071__product-grid-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.facets-container > * + * {
margin-top: 0;
}
}
@media screen and (forced-colors: active) {
.icon {
color: CanvasText;
fill: CanvasText !important;
}
.path {
stroke: CanvasText;
}
.facet-filters__sort {
border: none;
}
.facet-checkbox > svg {
background-color: inherit;
border: 0.1rem solid rgb(var(--color-background));
}
}
@media screen and (max-width: 749px) {
.loading-overlay {
top: 0;
right: 0;
}
.quick-add-modal__content {
bottom: var(--modal-height-offset);
}
.footer-block.grid__item {
padding: 0;
margin: 4rem 0;
width: 100%;
}
.footer__list-social.list-social {
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 990px) {
.footer-block__heading {
font-size: calc(var(--font-heading-scale) * 1.8rem);
}
.e420-show-accorion-mobile {
display: none !important;
}
.header:not(.drawer-menu).page-width {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media (max-width: 767px) {
.header__heading-link {
height: 42px !important;
}
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
overflow: clip;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
box-sizing: content-box;
}
.swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
display: block;
}
:root {
--swiper-navigation-size: 44px;
}
* > *,
:root,
body,
html {
--font-body-family: "Roboto Condensed", sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Futura, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 800;
--font-body-scale: 1;
--font-heading-scale: 1;
--color-base-text: 18, 18, 18;
--color-shadow: 18, 18, 18;
--color-base-background-1: 255, 255, 255;
--color-base-background-2: 243, 243, 243;
--color-base-solid-button-labels: 255, 255, 255;
--color-base-outline-button-labels: 18, 18, 18;
--color-base-accent-1: 18, 18, 18;
--color-base-accent-2: 51, 79, 180;
--payment-terms-background-color: #ffffff;
--gradient-base-background-1: #ffffff;
--gradient-base-background-2: #f3f3f3;
--gradient-base-accent-1: #121212;
--gradient-base-accent-2: #334fb4;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 0px;
--media-radius: 12px;
--media-shadow-opacity: 0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0rem;
--product-card-corner-radius: 1.2rem;
--product-card-text-alignment: center;
--product-card-border-width: 0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0rem;
--collection-card-corner-radius: 0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0rem;
--blog-card-corner-radius: 1.2rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 12px;
--popup-shadow-opacity: 0;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 28px;
--grid-desktop-horizontal-spacing: 20px;
--grid-mobile-vertical-spacing: 14px;
--grid-mobile-horizontal-spacing: 10px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 12px;
--text-boxes-shadow-opacity: 0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 12px;
--buttons-radius-outset: 13px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1;
--buttons-shadow-opacity: 0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0.3px;
--inputs-radius: 12px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 13px;
--variant-pills-radius: 12px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
::after,
::before {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
.color-background-1,
:root {
--color-foreground: var(--color-base-text);
--color-background: var(--color-base-background-1);
--gradient-background: var(--gradient-base-background-1);
}
.color-inverse {
--color-foreground: var(--color-base-background-1);
--color-background: var(--color-base-text);
--gradient-background: rgb(var(--color-base-text));
}
.color-background-1,
:root {
--color-link: var(--color-base-outline-button-labels);
--alpha-link: 0.85;
}
.color-inverse {
--color-link: var(--color-foreground);
--alpha-link: 0.7;
}
.color-background-1,
:root {
--color-button: var(--color-base-accent-1);
--color-button-text: var(--color-base-solid-button-labels);
--alpha-button-background: 1;
--alpha-button-border: 1;
}
.color-inverse {
--color-button: var(--color-foreground);
--color-button-text: var(--color-background);
}
.button--secondary {
--color-button: var(--color-base-outline-button-labels);
--color-button-text: var(--color-base-outline-button-labels);
--color-button: var(--color-background);
--alpha-button-background: 1;
}
.color-background-1,
:root {
--color-badge-background: var(--color-background);
--color-badge-border: var(--color-foreground);
--alpha-badge-border: 0.1;
}
.color-inverse {
--color-badge-background: var(--color-background);
--color-badge-border: var(--color-background);
--alpha-badge-border: 1;
}
.color-background-1,
:root {
--color-card-hover: var(--color-base-text);
}
.color-inverse {
--color-card-hover: var(--color-base-background-1);
}
:root {
--color-icon: rgb(var(--color-base-text));
}
.product-card-wrapper .card {
--border-radius: var(--product-card-corner-radius);
--border-width: var(--product-card-border-width);
--border-opacity: var(--product-card-border-opacity);
--shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
--shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
--shadow-blur-radius: var(--product-card-shadow-blur-radius);
--shadow-opacity: var(--product-card-shadow-opacity);
--shadow-visible: var(--product-card-shadow-visible);
--image-padding: var(--product-card-image-padding);
--text-alignment: var(--product-card-text-alignment);
}
.no-js:not(html) {
display: none !important;
}
html.no-js .no-js:not(html) {
display: block !important;
}
html.no-js .no-js-hidden {
display: none !important;
}
.page-width {
max-width: var(--page-width);
margin: 0 auto;
padding: 0 1.5rem;
}
.isolate {
position: relative;
z-index: 0;
}
.section + .section {
margin-top: var(--spacing-sections-mobile);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
.page-width {
padding: 0 5rem;
}
.header.page-width {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.section + .section {
margin-top: var(--spacing-sections-desktop);
}
}
.color-background-1,
.color-inverse,
body {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
.list-unstyled {
margin: 0;
padding: 0;
list-style: none;
}
.hidden {
display: none !important;
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
word-wrap: normal !important;
}
.visually-hidden--inline {
margin: 0;
height: 1em;
}
.text-body {
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
.h1,
.h2,
.h5,
h1,
h2,
h3 {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
color: rgb(var(--color-foreground));
line-height: calc(1 + 0.3/max (1, var(--font-heading-scale)));
word-break: break-word;
}
.h1,
h1 {
font-size: calc(var(--font-heading-scale) * 3rem);
}
@media only screen and (min-width: 750px) {
.h1,
h1 {
font-size: calc(var(--font-heading-scale) * 4rem);
}
}
.h2,
h2 {
font-size: calc(var(--font-heading-scale) * 2rem);
}
@media only screen and (min-width: 750px) {
.h2,
h2 {
font-size: calc(var(--font-heading-scale) * 2.4rem);
}
}
h3 {
font-size: calc(var(--font-heading-scale) * 1.7rem);
}
.h5 {
font-size: calc(var(--font-heading-scale) * 1.2rem);
}
@media only screen and (min-width: 750px) {
h3 {
font-size: calc(var(--font-heading-scale) * 1.8rem);
}
.h5 {
font-size: calc(var(--font-heading-scale) * 1.3rem);
}
}
.caption {
font-size: 1rem;
letter-spacing: 0.07rem;
line-height: calc(1 + 0.7 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.caption {
font-size: 1.2rem;
}
}
.caption-large,
.field__input,
.select__select {
font-size: 1.3rem;
line-height: calc(1 + 0.5 / var(--font-body-scale));
letter-spacing: 0.04rem;
}
@media screen and (max-width: 749px) {
.small-hide {
display: none !important;
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.medium-hide {
display: none !important;
}
}
@media screen and (min-width: 990px) {
.large-up-hide {
display: none !important;
}
}
.light {
opacity: 0.7;
}
div:empty,
p:empty {
display: none;
}
.link {
display: inline-block;
border: none;
box-shadow: none;
text-decoration: underline;
text-underline-offset: 0.3rem;
color: rgb(var(--color-link));
background-color: transparent;
font-size: 1.4rem;
font-family: inherit;
}
.link--text {
color: rgb(var(--color-foreground));
}
.full-unstyled-link {
text-decoration: none;
color: currentColor;
display: block;
}
details > * {
box-sizing: border-box;
}
@media (prefers-reduced-motion) {
.motion-reduce {
animation: none !important;
}
details[open] > .header__submenu {
opacity: 1;
transform: translateY(0);
}
}
:root {
--duration-short: 0.1s;
--duration-default: 0.2s;
--duration-long: 0.5s;
--duration-extra-long: 0.6s;
--duration-extended: 3s;
--animation-slide-in: slideIn var(--duration-extra-long)
cubic-bezier(0, 0, 0.3, 1) forwards;
}
.underlined-link {
text-underline-offset: 0.3rem;
text-decoration-thickness: 0.1rem;
}
.underlined-link {
color: rgba(var(--color-link), var(--alpha-link));
}
.icon-arrow {
width: 1.5rem;
}
summary {
list-style: none;
position: relative;
}
summary .icon-caret {
position: absolute;
height: 0.6rem;
right: 1.5rem;
top: calc(50% - 0.2rem);
}
summary::-webkit-details-marker {
display: none;
}
.disclosure-has-popup {
position: relative;
}
.disclosure-has-popup > summary:before {
display: none;
}
.focus-none {
box-shadow: none !important;
outline: 0 !important;
}
.grid {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 0;
list-style: none;
column-gap: var(--grid-mobile-horizontal-spacing);
row-gap: var(--grid-mobile-vertical-spacing);
}
.grid:last-child {
margin-bottom: 0;
}
.grid__item {
width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
flex-grow: 1;
flex-shrink: 0;
}
.grid--1-col .grid__item {
max-width: 100%;
width: 100%;
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}
@media screen and (min-width: 750px) {
.grid {
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--2-col .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.grid--4-col-tablet .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.grid--3-col-tablet .grid__item {
width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
@media screen and (min-width: 990px) {
.grid--4-col-desktop .grid__item {
width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
}
@media screen and (max-width: 749px) {
.grid--2-col-tablet-down .grid__item {
width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.grid--2-col-tablet-down .grid__item {
width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
}
.media {
display: block;
background-color: rgba(var(--color-foreground), 0.1);
position: relative;
overflow: hidden;
}
.media--transparent {
background-color: transparent;
}
.media > :not(.zoom):not(.deferred-media__poster-button) {
display: block;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.media > img {
object-fit: cover;
object-position: center center;
}
.button {
--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
--shadow-blur-radius: var(--buttons-shadow-blur-radius);
--shadow-opacity: var(--buttons-shadow-opacity);
--shadow-visible: var(--buttons-shadow-visible);
--border-offset: var(--buttons-border-offset);
--border-opacity: calc(1 - var(--buttons-border-opacity));
border-radius: var(--buttons-radius-outset);
position: relative;
}
.button {
min-width: calc(12rem + var(--buttons-border-width) * 2);
min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}
.button {
display: inline-flex;
justify-content: center;
align-items: center;
border: 0;
padding: 0 3rem;
font: inherit;
font-size: 1.5rem;
text-decoration: none;
color: rgb(var(--color-button-text));
-webkit-appearance: none;
appearance: none;
background-color: rgba(var(--color-button), var(--alpha-button-background));
}
.button:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: var(--buttons-radius-outset);
box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}
.button:after {
content: "";
position: absolute;
top: var(--buttons-border-width);
right: var(--buttons-border-width);
bottom: var(--buttons-border-width);
left: var(--buttons-border-width);
z-index: 1;
border-radius: var(--buttons-radius);
box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
rgba(var(--color-button-text), var(--border-opacity)),
0 0 0 var(--buttons-border-width)
rgba(var(--color-button), var(--alpha-button-background));
}
.button--secondary:after {
--border-opacity: var(--buttons-border-opacity);
}
.button,
.button-label {
font-size: 1.5rem;
letter-spacing: 0.1rem;
line-height: calc(1 + 0.2 / var(--font-body-scale));
}
.button--full-width {
display: flex;
width: 100%;
}
.field__input,
.select__select {
-webkit-appearance: none;
appearance: none;
background-color: rgb(var(--color-background));
color: rgb(var(--color-foreground));
font-size: 1.6rem;
width: 100%;
box-sizing: border-box;
border-radius: var(--inputs-radius);
height: 4.5rem;
min-height: calc(var(--inputs-border-width) * 2);
min-width: calc(7rem + (var(--inputs-border-width) * 2));
position: relative;
border: 0;
}
.field:before,
.select:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: var(--inputs-radius-outset);
box-shadow: var(--inputs-shadow-horizontal-offset)
var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
rgba(var(--color-base-text), var(--inputs-shadow-opacity));
z-index: -1;
}
.field:after,
.select:after {
content: "";
position: absolute;
top: var(--inputs-border-width);
right: var(--inputs-border-width);
bottom: var(--inputs-border-width);
left: var(--inputs-border-width);
border: 0.1rem solid transparent;
border-radius: var(--inputs-radius);
box-shadow: 0 0 0 var(--inputs-border-width)
rgba(var(--color-foreground), var(--inputs-border-opacity));
z-index: 1;
}
.select__select {
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
font-size: 1.2rem;
color: rgba(var(--color-foreground), 0.75);
}
.select {
display: flex;
position: relative;
width: 100%;
}
.select .icon-caret {
height: 0.6rem;
position: absolute;
top: calc(50% - 0.2rem);
right: calc(var(--inputs-border-width) + 1.5rem);
}
.select__select {
line-height: calc(1 + 0.6 / var(--font-body-scale));
padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
margin: var(--inputs-border-width);
min-height: calc(var(--inputs-border-width) * 2);
}
.field {
position: relative;
width: 100%;
display: flex;
}
.field__input {
flex-grow: 1;
text-align: left;
padding: 1.5rem;
margin: var(--inputs-border-width);
}
.field__label {
font-size: 1.6rem;
left: calc(var(--inputs-border-width) + 2rem);
top: calc(1rem + var(--inputs-border-width));
margin-bottom: 0;
position: absolute;
color: rgba(var(--color-foreground), 0.75);
letter-spacing: 0.1rem;
line-height: 1.5;
}
.field__input:-webkit-autofill ~ .field__label {
font-size: 1rem;
top: calc(var(--inputs-border-width) + 0.5rem);
left: calc(var(--inputs-border-width) + 2rem);
letter-spacing: 0.04rem;
}
.field__input:-webkit-autofill {
padding: 2.2rem 1.5rem 0.8rem 2rem;
margin: var(--inputs-border-width);
}
.field__input::-webkit-search-cancel-button {
display: none;
}
.field__button {
align-items: center;
background-color: transparent;
border: 0;
color: currentColor;
display: flex;
height: 4.4rem;
justify-content: center;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 4.4rem;
}
.field__button > svg {
height: 2.5rem;
width: 2.5rem;
}
.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label {
color: #000;
}
input[type="checkbox"] {
display: inline-block;
width: auto;
margin-right: 0.5rem;
}
.cart-count-bubble {
position: absolute;
background-color: rgb(var(--color-button));
color: rgb(var(--color-button-text));
height: 1.7rem;
width: 1.7rem;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9rem;
bottom: 0.8rem;
left: 2.2rem;
line-height: calc(1 + 0.1 / var(--font-body-scale));
}
.announcement-bar {
color: rgb(var(--color-foreground));
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: center;
}
.announcement-bar__link {
display: flex;
width: 100%;
padding: 1rem 0;
text-decoration: none;
height: 100%;
justify-content: center;
align-items: center;
}
.announcement-bar__link .announcement-bar__message {
padding: 0;
}
.announcement-bar__message {
text-align: center;
padding: 1rem 0;
margin: 0;
letter-spacing: 0.1rem;
}
.section-header.shopify-section-group-header-group {
z-index: 3;
}
.shopify-section-group-header-group {
z-index: 4;
}
.section-header ~ .shopify-section-group-header-group {
z-index: initial;
}
.header-wrapper {
display: block;
position: relative;
background-color: rgb(var(--color-background));
}
.header-wrapper--border-bottom {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.header {
display: grid;
grid-template-areas: "left-icons heading icons";
grid-template-columns: 1fr 2fr 1fr;
align-items: center;
}
.header > .header__heading-link {
line-height: 0;
}
.header__heading,
.header__heading-link {
grid-area: heading;
justify-self: center;
}
.header__heading-link {
display: inline-block;
padding: 0.75rem;
text-decoration: none;
word-break: break-word;
}
.header__heading-logo {
height: auto;
max-width: 100%;
}
.header__heading-logo-wrapper {
width: 100%;
display: inline-block;
}
@media screen and (max-width: 989px) {
.header__heading-link {
text-align: center;
}
}
@media screen and (min-width: 990px) {
.header {
grid-template-columns: 1fr auto 1fr;
}
.header--middle-left {
grid-template-areas: "heading navigation icons";
grid-template-columns: auto auto 1fr;
column-gap: 2rem;
}
.header--middle-left .header__heading-link {
margin-left: -0.75rem;
}
.header__heading-link {
justify-self: start;
}
.header:not(.header--top-center) * > .header__search {
display: inline-flex;
}
}
.header__icons {
display: flex;
grid-area: icons;
justify-self: end;
}
.header__icon span,
.header__icon:not(.header__icon--summary) {
display: flex;
align-items: center;
justify-content: center;
}
.header__icon {
color: rgb(var(--color-foreground));
}
.header__icon span {
height: 100%;
}
.header__icon:after {
content: none;
}
.header__icon .icon {
height: 2rem;
width: 2rem;
fill: none;
vertical-align: middle;
}
.header__icon {
height: 4.4rem;
width: 4.4rem;
padding: 0;
}
.header__icon--cart {
position: relative;
margin-right: -1.2rem;
}
.header > .header__search {
grid-area: left-icons;
justify-self: start;
}
.header--top-center header-drawer {
grid-area: left-icons;
}
.header__search {
display: inline-flex;
line-height: 0;
}
.header__icon--menu .icon {
display: block;
position: absolute;
opacity: 1;
transform: scale(1);
}
details:not([open]) > .header__icon--menu .icon-close {
visibility: hidden;
opacity: 0;
transform: scale(0.8);
}
details[open] > .header__submenu {
animation: animateMenuOpen var(--duration-default) ease;
animation-fill-mode: forwards;
z-index: 2;
}
.header__inline-menu {
margin-left: -1.2rem;
grid-area: navigation;
display: none;
}
@media screen and (min-width: 990px) {
.header__inline-menu {
display: block;
}
.header--middle-left .header__inline-menu {
margin-left: 0;
}
header-drawer {
display: none;
}
}
.second-column {
display: grid;
grid-template-columns: 1fr 1fr;
}
.header__menu-item {
padding: 1.2rem;
text-decoration: none;
color: rgba(var(--color-foreground), 0.75);
}
details[open] > .header__menu-item {
text-decoration: underline;
}
details[open] > .header__menu-item .icon-caret {
transform: rotate(180deg);
}
.header__active-menu-item {
color: rgb(var(--color-foreground));
text-decoration: underline;
text-underline-offset: 0.3rem;
}
.global-settings-popup,
.header__submenu.global-settings-popup {
border-radius: var(--popup-corner-radius);
border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
border-style: solid;
border-width: var(--popup-border-width);
box-shadow: var(--popup-shadow-horizontal-offset)
var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
rgba(var(--color-shadow), var(--popup-shadow-opacity));
z-index: -1;
}
.header__submenu.list-menu {
padding: 2.4rem 0;
}
.header__submenu .header__submenu {
background-color: rgba(var(--color-foreground), 0.03);
padding: 0.5rem 0;
margin: 0.5rem 0;
}
.header__submenu .header__menu-item:after {
right: 2rem;
}
.header__submenu .header__menu-item {
justify-content: space-between;
padding: 0.8rem 2.4rem;
}
.header__submenu .header__submenu .header__menu-item {
padding-left: 3.4rem;
}
.header__menu-item .icon-caret {
right: 0.8rem;
}
.header__submenu .icon-caret {
flex-shrink: 0;
margin-left: 1rem;
position: static;
}
header-menu > details {
position: relative;
}
.badge {
border: 1px solid transparent;
border-radius: var(--badge-corner-radius);
display: inline-block;
font-size: 1.2rem;
letter-spacing: 0.1rem;
line-height: 1;
padding: 0.5rem 1.3rem 0.6rem;
text-align: center;
background-color: rgb(var(--color-badge-background));
border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
color: rgb(var(--color-foreground));
word-break: break-word;
}
.gradient {
background: rgb(var(--color-background));
background: var(--gradient-background);
background-attachment: fixed;
}
@media screen and (forced-colors: active) {
.icon {
color: CanvasText;
fill: CanvasText !important;
}
}
.ratio {
display: flex;
position: relative;
align-items: stretch;
}
.ratio:before {
content: "";
width: 0;
height: 0;
padding-bottom: var(--ratio-percent);
}
@supports not (inset: 10px) {
.grid {
margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
}
.grid__item {
padding-left: var(--grid-mobile-horizontal-spacing);
padding-bottom: var(--grid-mobile-vertical-spacing);
}
.product-grid .grid__item {
padding-bottom: var(--grid-mobile-vertical-spacing);
}
@media screen and (min-width: 750px) {
.grid {
margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
}
.grid__item {
padding-left: var(--grid-desktop-horizontal-spacing);
padding-bottom: var(--grid-desktop-vertical-spacing);
}
.product-grid .grid__item {
padding-bottom: var(--grid-desktop-vertical-spacing);
}
}
}
@media (forced-colors: active) {
.button {
border: 1px solid transparent;
}
}
.rte:after {
clear: both;
content: "";
display: block;
}
.rte > :first-child {
margin-top: 0;
}
.rte > :last-child {
margin-bottom: 0;
}
.rte a {
color: rgba(var(--color-link), var(--alpha-link));
text-underline-offset: 0.3rem;
text-decoration-thickness: 0.1rem;
}
.badgec--top-right {
display: flex !important;
justify-content: flex-end !important;
}
header.header--middle-left {
grid-template-columns: 1fr 2fr 1fr;
}
header .header__search {
width: 100%;
display: block !important;
}
.e420-header {
justify-content: center;
display: flex;
}
header nav {
display: flex;
justify-content: space-between;
width: 100%;
}
header nav ul {
flex: 1;
}
header nav li {
color: #474747 !important;
}
header .header__search .search__input {
background-color: #fff;
color: #474747;
}
header .header__search .search__input + label {
color: #000;
opacity: 0.25;
}
header .header__search .reset__button svg,
header .header__search .search__button svg {
color: #000;
}
header .header__icons {
width: 100%;
display: flex;
justify-content: flex-end;
}
header .header__icons .header__icon--account {
flex: 0 0 1;
}
header .header__icons .header__icon--cart {
flex: 0 0 1;
text-decoration: none;
}
header .header__icons .header__icon--cart:before {
content: "";
display: inline-block;
background-image: url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTgiIHdpZHRoPSIxOCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQuMzUgNDMuOTVxLTEuNSAwLTIuNTUtMS4wNS0xLjA1LTEuMDUtMS4wNS0yLjU1IDAtMS41IDEuMDUtMi41NSAxLjA1LTEuMDUgMi41NS0xLjA1IDEuNSAwIDIuNTUgMS4wNSAxLjA1IDEuMDUgMS4wNSAyLjU1IDAgMS41LTEuMDUgMi41NS0xLjA1IDEuMDUtMi41NSAxLjA1Wm0yMCAwcS0xLjUgMC0yLjU1LTEuMDUtMS4wNS0xLjA1LTEuMDUtMi41NSAwLTEuNSAxLjA1LTIuNTUgMS4wNS0xLjA1IDIuNTUtMS4wNSAxLjUgMCAyLjU1IDEuMDUgMS4wNSAxLjA1IDEuMDUgMi41NSAwIDEuNS0xLjA1IDIuNTUtMS4wNSAxLjA1LTIuNTUgMS4wNVptLTIyLjYtMzMgNS41IDExLjRoMTQuNGw2LjI1LTExLjRabS0xLjUtM0gzOS43cTEuMTUgMCAxLjc1IDEuMDUuNiAxLjA1IDAgMi4xTDM0LjcgMjMuMjVxLS41NS45NS0xLjQyNSAxLjUyNXQtMS45MjUuNTc1SDE2LjJsLTIuOCA1LjJoMjQuNTV2M2gtMjQuMXEtMi4xIDAtMy4wMjUtMS40LS45MjUtMS40LjAyNS0zLjE1bDMuMi01LjlMNi40NSA3aC0zLjlWNEg4LjRabTcgMTQuNGgxNC40WiIvPjwvc3ZnPg==);
height: 20px;
width: 22px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
header .menu-drawer__utility-links .menu-drawer__account {
display: none;
}
.header_custom__search {
grid-column: 1/4;
}
@media (min-width: 1024px) {
header .header__icons .header__icon--account {
flex: 0 0 60%;
background-color: #37dc73;
border-radius: 12px;
text-decoration: none;
margin-right: 1rem;
}
header .header__icons .header__icon--cart {
flex: 0 0 40%;
background-color: #37dc73;
border-radius: 12px;
}
header .header__icons .header__icon--account .visually-hidden {
position: relative !important;
width: auto;
margin: 0;
clip: auto;
text-transform: uppercase;
}
header nav {
justify-content: center;
width: auto;
}
header.header--middle-left {
grid-template-columns: auto auto auto;
}
.header_custom__search {
grid-column: 2/3;
}
header .header__search {
max-width: 697px;
}
}
@media (max-width: 1024px) {
header.header--middle-left {
padding-top: 10px;
padding-bottom: 15px;
}
}
.e420-menu-drawer__utility-links--customer {
display: flex;
justify-content: center;
align-items: center;
background: #bdf4d0;
}
.e420-menu-drawer__utility-links--customer a {
margin: 0;
padding: 1.2rem;
text-transform: uppercase;
color: #000;
text-decoration: none;
}
.e420-menu-drawer-dash {
color: #000;
}
.menu-drawer__navigation-container {
grid-template-rows: none !important;
}
.menu-drawer__navigation {
padding-top: 30px !important;
padding-bottom: 30px !important;
align-content: normal;
}
.menu-drawer__close-button {
font-size: 18px !important;
}
#cart-icon-bubble {
display: flex;
}
.cart-count-bubble {
position: relative !important;
left: 0 !important;
top: 0 !important;
background: 0 0 !important;
color: #fff !important;
font-size: 1.4rem !important;
}
@media (max-width: 990px) {
.header_custom__search {
margin-top: 1rem;
}
}
.e420-product-reviews {
display: flex;
gap: 0.5rem;
text-decoration: none;
color: #000;
}
.e420-stars {
display: flex;
}
.e420-reviews-count {
line-height: initial;
}
.e420-stars .e420-full-star,
.e420-stars .e420-half-star {
width: 18px;
height: 18px;
}
.e420-badge {
z-index: 1;
}
.e420-badge span {
height: 24px;
}
:root {
--oke-widget-spaceAbove: 40px;
--oke-widget-spaceBelow: 40px;
--oke-starRating-spaceAbove: 0;
--oke-starRating-spaceBelow: 0;
--oke-button-backgroundColor: #fff;
--oke-button-backgroundColorHover: #121212;
--oke-button-backgroundColorActive: #121212;
--oke-button-textColor: #000;
--oke-button-textColorHover: #fff;
--oke-button-textColorActive: #fff;
--oke-button-borderColor: #000;
--oke-button-borderColorHover: #121212;
--oke-button-borderColorActive: #121212;
--oke-button-borderRadius: 12px;
--oke-button-borderWidth: 1px;
--oke-button-fontWeight: 700;
--oke-button-fontSize: var(--oke-text-regular, 14px);
--oke-button-fontFamily: inherit;
--oke-border-color: #e2e2e2;
--oke-border-width: 1px;
--oke-text-primaryColor: #4d4d4d;
--oke-text-secondaryColor: #4d4d4d;
--oke-text-small: 15px;
--oke-text-regular: 15px;
--oke-text-large: 18px;
--oke-text-fontFamily: inherit;
--oke-avatar-size: 48px;
--oke-avatar-backgroundColor: #121212;
--oke-avatar-placeholderTextColor: #fff;
--oke-highlightColor: #121212;
--oke-shadingColor: #f3f3f3;
--oke-productImageSize: 48px;
--oke-attributeBar-shadingColor: #121212;
--oke-attributeBar-borderColor: undefined;
--oke-attributeBar-backgroundColor: #d3d4dd;
--oke-attributeBar-markerColor: #121212;
--oke-filter-backgroundColor: #fff;
--oke-filter-backgroundColorActive: #fff;
--oke-filter-borderColor: #e2e2e2;
--oke-filter-borderColorActive: #4d4d4d;
--oke-filter-textColor: #4d4d4d;
--oke-filter-textColorActive: #4d4d4d;
--oke-filter-borderRadius: 12px;
--oke-filter-searchHighlightColor: #b2f9e9;
--oke-mediaGrid-chevronColor: #676986;
--oke-stars-foregroundColor: #37dc73;
--oke-stars-backgroundColor: #e5e5e5;
--oke-stars-borderWidth: 0;
}
.announcement-bar__text-position {
text-align: center;
font-size: 16px;
}
#section-sections--15390688608335__a9633322-2e71-4991-b1f7-f52662fb7203 {
background-color: #813be6;
padding: 0 1rem;
}
#section-sections--15390688608335__a9633322-2e71-4991-b1f7-f52662fb7203
.announcement-bar__link,
#section-sections--15390688608335__a9633322-2e71-4991-b1f7-f52662fb7203
.announcement-bar__message {
color: #fff;
text-align: center;
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight);
line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
width: 100%;
}
#headerSaleDiscountCode {
border: none;
border-radius: 12px;
padding: 0 2px;
}
.e420-announcement-bar__link {
flex-direction: column;
}
@media screen and (max-width: 768px) {
.e420-announcement-bar__link {
font-size: 1.25rem;
}
}
.list-menu--disclosure {
position: absolute;
min-width: 100%;
width: 20rem;
border: 1px solid rgba(var(--color-foreground), 0.2);
}
.list-menu__item--active {
text-decoration: underline;
text-underline-offset: 0.3rem;
}
.search__input.field__input {
padding-right: 9.8rem;
}
.search__button {
right: var(--inputs-border-width);
top: var(--inputs-border-width);
}
.reset__button {
right: calc(var(--inputs-border-width) + 4.4rem);
top: var(--inputs-border-width);
}
.reset__button:not(:focus):after {
border-right: 0.1rem solid rgba(var(--color-foreground), 0.08);
display: block;
height: calc(100% - 1.8rem);
content: "";
position: absolute;
right: 0;
}
.search__button .icon {
height: 1.8rem;
width: 1.8rem;
}
.reset__button .icon.icon-close {
height: 1.8rem;
width: 1.8rem;
stroke-width: 0.1rem;
}
input::-webkit-search-decoration {
-webkit-appearance: none;
}
.header__icon--menu {
position: initial;
}
.menu-drawer {
position: absolute;
transform: translate(-100%);
visibility: hidden;
z-index: 3;
left: 0;
top: 100%;
width: calc(100vw - 4rem);
padding: 0;
border-width: 0 var(--drawer-border-width) 0 0;
background-color: rgb(var(--color-background));
overflow-x: hidden;
border-style: solid;
border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
filter: drop-shadow(
var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset)
var(--drawer-shadow-blur-radius)
rgba(var(--color-shadow), var(--drawer-shadow-opacity))
);
}
@media screen and (min-width: 750px) {
.menu-drawer {
width: 40rem;
}
.no-js .menu-drawer {
height: auto;
}
}
.menu-drawer__inner-container {
position: relative;
height: 100%;
}
.menu-drawer__navigation-container {
display: grid;
grid-template-rows: 1fr auto;
align-content: space-between;
overflow-y: auto;
height: 100%;
}
.menu-drawer__navigation {
padding: 5.6rem 0;
}
.menu-drawer__inner-submenu {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.no-js .menu-drawer__navigation {
padding: 0;
}
.no-js .menu-drawer__navigation > ul > li {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.04);
}
.no-js .menu-drawer__submenu ul > li {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.04);
}
.menu-drawer__menu-item {
padding: 1.1rem 3.2rem;
text-decoration: none;
font-size: 1.8rem;
}
.no-js .menu-drawer__menu-item {
font-size: 1.6rem;
}
.no-js .menu-drawer__submenu .menu-drawer__menu-item {
padding: 1.2rem 5.2rem 1.2rem 6rem;
}
.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
padding-left: 9rem;
}
.menu-drawer summary.menu-drawer__menu-item {
padding-right: 5.2rem;
}
.no-js .menu-drawer__menu-item .icon-caret {
right: 3rem;
}
.menu-drawer__menu-item--active {
color: rgb(var(--color-foreground));
background-color: rgba(var(--color-foreground), 0.04);
}
.no-js .menu-drawer .icon-arrow {
display: none;
}
.menu-drawer__menu-item > .icon-arrow {
position: absolute;
right: 2.5rem;
top: 50%;
transform: translateY(-50%);
}
.menu-drawer__close-button {
margin-top: 1.5rem;
padding: 1.2rem 2.6rem;
text-decoration: none;
display: flex;
align-items: center;
font-size: 1.4rem;
width: 100%;
background-color: transparent;
font-family: var(--font-body-family);
font-style: var(--font-body-style);
text-align: left;
}
.no-js .menu-drawer__close-button {
display: none;
}
.menu-drawer__close-button .icon-arrow {
transform: rotate(180deg);
margin-right: 1rem;
}
.menu-drawer__utility-links {
padding: 0;
background-color: rgba(var(--color-foreground), 0.03);
position: relative;
}
.header--has-social .menu-drawer__utility-links {
padding: 2rem;
}
.menu-drawer__account {
display: inline-flex;
align-items: center;
text-decoration: none;
padding: 1.2rem;
font-size: 1.4rem;
color: rgb(var(--color-foreground));
margin-bottom: 2rem;
}
.menu-drawer .list-social {
justify-content: flex-start;
}
.menu-drawer .list-social__link {
padding: 1.3rem 1.25rem;
}
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}
.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
summary.list-menu__item {
padding-right: 2.7rem;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.section-header {
margin-bottom: 0;
}
}
.below_header_custom_search {
margin-top: 1.5rem;
padding-left: 32px;
padding-right: 32px;
position: relative;
overflow: hidden;
}
.below_header_custom_search .swiper-slide {
display: table !important;
width: auto !important;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.below_header_custom_search .swiper-slide:first-child {
padding-left: 0;
}
.below_header_custom_search .swiper-button-next-mobile,
.below_header_custom_search .swiper-button-prev-mobile {
position: absolute;
top: 50%;
width: 16px;
height: 20px;
transform: translateY(-50%);
}
.below_header_custom_search .swiper-button-prev-mobile {
left: 0;
}
.below_header_custom_search .swiper-button-next-mobile {
right: 0;
}
.below_header_custom_search .swiper-button-next-mobile svg,
.below_header_custom_search .swiper-button-prev-mobile svg {
width: 16px;
height: 16px;
}
.below_header_custom_search a {
color: #fff;
text-decoration: none;
font-size: 1.2rem;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
}
.header {
padding-top: 0;
padding-bottom: 0;
}
.section-header {
position: sticky;
margin-bottom: 0;
}
@media screen and (min-width: 990px) {
.header {
padding-top: 0;
padding-bottom: 0;
}
}
.hasGrandChildren details {
position: initial;
}
.hasGrandChildren details .header__submenu {
background: #393939;
}
.header__submenu.list-menu--disclosure {
background-color: #393939;
}
.hasGrandChildren details .header__submenu.list-menu--disclosure {
left: 0;
display: flex;
justify-content: center;
width: 950px;
left: -16%;
padding: 2.4rem 4rem;
}
.hasGrandChildren details .header__submenu li details summary svg {
display: none;
}
.hasGrandChildren details .header__submenu li details summary {
text-decoration: none;
}
.hasGrandChildren details .header__submenu li details summary span {
font-size: 3rem;
}
.hasGrandChildren details .header__submenu li details ul {
opacity: 1;
}
.header__inline-menu {
position: relative;
}
.header_custom__search ul li ul li a {
font-size: 1.4rem;
padding-left: 2.4rem !important;
}
.rebuy-overlay {
height: 0;
opacity: 0;
}
* {
--swiper-theme-color: #474747;
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
}
.newsletter-modal {
width: 100%;
height: 100vh;
position: fixed;
z-index: 11;
top: 0;
}
.for_transparent_background {
width: 100%;
height: 100vh;
background-color: #ccc;
opacity: 0.8;
overflow: hidden;
}
.modal-close {
position: absolute;
right: 10px;
top: 10px;
background: 0 0;
border: none;
font-size: 2.8rem;
}
.modal-close:before {
display: none !important;
}
.modal-close svg {
width: 32px;
height: 32px;
}
.newsletter-modal-wrapper {
width: 90%;
max-width: 740px;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
background-color: #fff;
border-radius: 12px;
padding: 2.8rem 9rem 3.5rem;
box-shadow: #0003 0 2px 16px;
}
.newsletter-info {
display: flex;
flex-direction: column;
align-items: center;
}
.newsletter-modal-buttons {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 2rem;
}
.confirm-btn {
border: none;
background-color: #363636;
color: #fff;
padding: 1.4rem 2rem;
border-radius: 1.2rem;
text-transform: uppercase;
font-size: 14px;
}
.reject-approval {
background-color: #fff;
color: #000;
padding: 0.8rem 2rem;
text-decoration: none;
border-radius: 1.2rem;
border: 1px solid #000;
text-transform: uppercase;
}
.newsletter-info {
margin: 0;
}
@media screen and (max-width: 768px) {
.newsletter-modal-wrapper {
padding: 2.8rem 2rem 3.5rem;
text-align: center;
}
}
.section-template--15390689493071__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.page-navigation .icon-arrow {
border-style: solid;
border-width: 0.05rem 0.05rem 0 0;
content: "";
display: inline-block;
height: 9px;
margin: 1rem 1rem 1rem 0.1rem;
position: relative;
vertical-align: middle;
width: 9px;
}
.page-navigation {
display: flex;
justify-content: space-between;
align-items: center;
}
.page-navigation .icon-arrow.icon-left-arrow {
transform: rotate(45deg);
}
.page-navigation a {
text-decoration: none;
letter-spacing: normal;
color: #000;
font-size: 12px;
}
.breadcrumbs__list {
list-style-type: none;
margin: 0;
padding: 0;
}
.breadcrumbs__item {
display: inline-block;
text-transform: uppercase;
}
.breadcrumbs__link[aria-current="page"] {
color: rgb(var(--color-foreground));
font-size: 12px;
font-weight: 400;
text-decoration: none;
}
.collection-hero__inner {
display: flex;
flex-direction: column;
}
.collection-hero__text-wrapper {
flex-basis: 100%;
}
.collection-hero__title {
margin: 2.5rem 0;
}
.collection-hero__title + .collection-hero__description {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1.6rem;
line-height: calc(1 + 0.5 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.section-template--15390689493071__c020f282-f833-4c6a-a32b-34ce3a08131b-padding {
padding-top: 0;
padding-bottom: 0;
}
.collection-hero {
padding: 0;
}
.collection-hero__inner {
align-items: center;
flex-direction: row;
padding-bottom: 0;
}
.collection-hero__title + .collection-hero__description {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.collection-hero__description {
max-width: 66.67%;
}
}
.e420-collection_description {
overflow: hidden;
position: relative;
max-width: 100%;
}
.e420-btnReadMore {
position: absolute;
bottom: -1rem;
left: 0;
width: 100%;
border: none;
background: #ffffffe6;
font: unset;
line-height: unset;
-webkit-font-smoothing: unset;
font-size: 12px !important;
text-transform: uppercase;
color: #000;
padding: 1rem;
transform: translate(0);
text-align: left;
letter-spacing: 0.06rem;
}
.e420-btnReadLess--top {
position: absolute;
top: 0;
width: 100%;
border: none;
background: #fffc;
background-image: linear-gradient(to bottom, transparent, #fff);
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.e420-btnReadLess--bottom {
position: absolute;
bottom: 0;
width: 100%;
border: none;
background: #fffc;
background-image: linear-gradient(to bottom, transparent, #fff);
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.e420-btnReadLess--hidden {
display: none;
}
.dynamic-title {
text-transform: capitalize;
}
.collection .loading-overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
width: 100%;
padding: 0 1.5rem;
opacity: 0.7;
height: 100vh;
}
.loading-overlay {
position: fixed;
z-index: 1;
width: 1.8rem;
}
.loading-overlay__spinner {
width: 1.8rem;
display: inline-block;
}
.spinner {
animation: 1.4s linear infinite rotator;
}
@keyframes rotator {
0% {
transform: rotate(0);
}
to {
transform: rotate(270deg);
}
}
.path {
stroke-dasharray: 280;
stroke-dashoffset: 0;
transform-origin: center;
stroke: rgb(var(--color-foreground));
animation: 1.4s ease-in-out infinite dash;
}
@keyframes dash {
0% {
stroke-dashoffset: 280;
}
50% {
stroke-dashoffset: 75;
transform: rotate(135deg);
}
to {
stroke-dashoffset: 280;
transform: rotate(450deg);
}
}
.card-wrapper {
color: inherit;
height: 100%;
position: relative;
text-decoration: none;
}
.card {
text-decoration: none;
text-align: var(--text-alignment);
}
.card:not(.ratio) {
display: flex;
flex-direction: column;
height: 100%;
}
.card--standard .card__inner {
position: relative;
box-sizing: border-box;
border-radius: var(--border-radius);
border: var(--border-width) solid
rgba(var(--color-foreground), var(--border-opacity));
}
.card--standard .card__inner:after {
content: "";
position: absolute;
z-index: -1;
width: calc(var(--border-width) * 2 + 100%);
height: calc(var(--border-width) * 2 + 100%);
top: calc(var(--border-width) * -1);
left: calc(var(--border-width) * -1);
border-radius: var(--border-radius);
box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}
.card .card__inner .card__media {
overflow: hidden;
z-index: 0;
border-radius: calc(
var(--border-radius) - var(--border-width) - var(--image-padding)
);
}
.card-information {
text-align: var(--text-alignment);
}
.card .media,
.card__media {
bottom: 0;
position: absolute;
top: 0;
}
.card .media {
width: 100%;
}
.card__media {
margin: var(--image-padding);
width: calc(100% - 2 * var(--image-padding));
}
.card--standard .card__media {
margin: var(--image-padding);
}
.card__inner {
width: 100%;
}
.card--media .card__inner .card__content {
position: relative;
padding: calc(var(--image-padding) + 1rem);
}
.card__content {
display: grid;
grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
padding: 1rem;
width: 100%;
flex-grow: 1;
}
.card__information {
grid-row-start: 2;
padding: 1.3rem 1rem;
}
.card:not(.ratio) > .card__content {
grid-template-rows: max-content minmax(0, 1fr) max-content auto;
}
@media screen and (min-width: 750px) {
.collection .loading-overlay {
padding-left: 5rem;
padding-right: 5rem;
}
.loading-overlay {
left: 0;
}
.card__information {
padding-bottom: 1.7rem;
padding-top: 1.7rem;
}
.price {
margin-bottom: 0;
}
}
.card__badge {
align-self: flex-end;
grid-row-start: 3;
justify-self: flex-start;
}
.card__media .media img {
height: 100%;
object-fit: cover;
object-position: center center;
width: 100%;
}
.card__heading {
margin-top: 0;
margin-bottom: 0;
}
.card__heading:last-child {
margin-bottom: 0;
}
.card__heading a:after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.card__heading a:after {
outline-offset: 0.3rem;
}
.card--standard.card--media .card__inner .card__information {
display: none;
}
.card--standard > .card__content {
padding: 0;
}
.card--standard > .card__content .card__information {
padding-left: 0;
padding-right: 0;
}
.card-information > * + * {
margin-top: 0.5rem;
}
.card-information {
width: 100%;
}
.card-information > * {
line-height: calc(1 + 0.4 / var(--font-body-scale));
color: rgb(var(--color-foreground));
}
.card-information > .price {
color: rgb(var(--color-foreground));
}
.card-information .caption {
letter-spacing: 0.07rem;
}
.price {
font-size: 1.6rem;
letter-spacing: 0.1rem;
line-height: calc(1 + 0.5 / var(--font-body-scale));
color: rgb(var(--color-foreground));
}
.price > * {
display: inline-block;
vertical-align: top;
}
.price .price-item {
display: inline-block;
margin: 0 1rem 0 0;
}
.price__regular .price-item--regular {
margin-right: 0;
}
.price:not(.price--show-badge) .price-item--last:last-of-type {
margin: 0;
}
.price__regular {
display: block;
}
.price__sale {
display: none;
}
.unit-price {
display: block;
font-size: 1.1rem;
letter-spacing: 0.04rem;
line-height: calc(1 + 0.2 / var(--font-body-scale));
margin-top: 0.2rem;
text-transform: uppercase;
color: rgba(var(--color-foreground), 0.7);
}
.e420-sort-by {
padding: 13px 15px;
background: #fff;
border: 1px solid #37dc73 !important;
border-radius: 5px !important;
min-width: 200px;
}
.e420-select-sort-by {
min-width: 213px;
font-weight: 400;
font-size: 16px;
line-height: 19px;
display: flex;
align-items: center;
color: #474a51;
}
.e420-select-sort-by + .icon-caret {
right: calc(var(--inputs-border-width) + 1.5rem) !important;
}
.e420-product-count-vertical {
display: flex;
align-items: center;
}
.quick-add {
position: relative;
grid-row-start: 4;
margin: 0 0 1rem;
z-index: 1;
}
.quick-add-modal {
box-sizing: border-box;
opacity: 0;
position: fixed;
visibility: hidden;
z-index: -1;
margin: 0 auto;
top: 0;
left: 0;
width: 100%;
background: rgba(var(--color-foreground), 0.2);
height: 100%;
}
.quick-add-modal__content {
--modal-height-offset: 3.2rem;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
margin: var(--modal-height-offset) auto 0;
width: 100%;
background-color: rgb(var(--color-background));
overflow: hidden;
max-width: var(--page-width);
width: calc(100% - 3rem);
}
@media screen and (min-width: 750px) {
.quick-add-modal__content {
--modal-height-offset: 10rem;
margin-top: var(--modal-height-offset);
width: 80%;
max-height: calc(100% - var(--modal-height-offset) * 2);
overflow-y: auto;
}
quick-add-modal .quick-add-modal__toggle {
top: 2rem;
right: 2rem;
}
}
@media screen and (min-width: 990px) {
.quick-add-modal__content {
width: 70%;
}
}
.quick-add-modal__content-info {
--modal-padding: 2.5rem;
padding-right: 4.4rem;
display: flex;
overflow-y: auto;
padding: var(--modal-padding);
height: 100%;
}
@media screen and (max-width: 749px) {
.loading-overlay {
top: 0;
right: 0;
}
.quick-add-modal__content {
bottom: var(--modal-height-offset);
}
}
.quick-add-modal__toggle {
background-color: rgb(var(--color-background));
border: 0.1rem solid rgba(var(--color-foreground), 0.1);
border-radius: 50%;
color: rgba(var(--color-foreground), 0.55);
display: flex;
align-items: center;
justify-content: center;
padding: 1.2rem;
z-index: 5;
width: 4rem;
position: fixed;
top: 1.5rem;
right: 1.5rem;
}
.quick-add-modal__toggle .icon {
height: auto;
margin: 0;
width: 2.2rem;
}
.quick-add__submit {
padding: 0.8rem;
min-width: 100%;
box-sizing: border-box;
}
.section-template--15390689493071__product-grid-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--15390689493071__product-grid-padding {
padding-top: 36px;
padding-bottom: 36px;
}
.facets-container > * + * {
margin-top: 0;
}
}
.facets-container {
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(2, auto);
padding-top: 1rem;
}
.active-facets-mobile {
margin-bottom: 0.5rem;
}
.facet-filters {
align-items: flex-start;
display: flex;
grid-column: 2;
grid-row: 1;
padding-left: 2.5rem;
}
@media screen and (min-width: 990px) {
.facet-filters {
padding-left: 3rem;
}
}
.facet-filters__field {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.facet-filters__field .select {
width: auto;
}
.facet-filters__field .select:after,
.facet-filters__field .select:before,
.mobile-facets__sort .select:after,
.mobile-facets__sort .select:before {
content: none;
}
.facet-filters__field .select__select,
.mobile-facets__sort .select__select {
border-radius: 0;
min-width: auto;
min-height: auto;
}
.facet-filters button {
margin-left: 2.5rem;
}
.facet-filters__sort {
background-color: transparent;
border: 0;
border-radius: 0;
font-size: 1.4rem;
height: auto;
line-height: calc(1 + 0.5 / var(--font-body-scale));
margin: 0;
padding-left: 0;
padding-right: 1.75rem;
}
.facet-filters__sort + .icon-caret {
right: 0;
}
.facet-filters__sort {
box-shadow: none;
filter: none;
}
.facets {
display: block;
grid-column-start: span 2;
}
.facets__heading {
display: block;
color: rgba(var(--color-foreground), 0.85);
font-size: 1.4rem;
margin: -1.5rem 2rem 0 0;
}
.facets__summary {
color: rgba(var(--color-foreground), 0.75);
font-size: 1.4rem;
padding: 0 1.75rem 0 0;
margin-bottom: 1.5rem;
}
.facets__disclosure-vertical[open] .facets__display-vertical {
animation: animateMenuOpen var(--duration-default) ease;
}
.facets__summary .icon-caret {
right: 0;
}
.facets__item {
display: flex;
align-items: center;
}
.facet-checkbox {
padding: 1rem 2rem 1rem 0;
flex-grow: 1;
position: relative;
font-size: 1.4rem;
display: flex;
word-break: break-word;
}
.facet-checkbox input[type="checkbox"] {
position: absolute;
opacity: 1;
width: 1.6rem;
height: 1.6rem;
top: 0.7rem;
left: -0.4rem;
z-index: -1;
appearance: none;
-webkit-appearance: none;
}
.no-js .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.facet-checkbox > svg {
background-color: rgb(var(--color-background));
margin-right: 1.2rem;
flex-shrink: 0;
}
.facet-checkbox .icon-checkmark {
visibility: hidden;
position: absolute;
left: 0.3rem;
z-index: 5;
top: 1.4rem;
}
@media screen and (forced-colors: active) {
.path {
stroke: CanvasText;
}
.facet-filters__sort {
border: none;
}
.facet-checkbox > svg {
background-color: inherit;
border: 0.1rem solid rgb(var(--color-background));
}
}
.facets__price {
display: flex;
padding: 2rem;
}
.facets__price .field {
align-items: center;
}
.facets__price .field-currency {
align-self: center;
margin-right: 0.6rem;
}
.facets__price .field__label {
left: 1.5rem;
}
.facets__button-no-js {
transform: translateY(-0.6rem);
}
.active-facets {
display: flex;
flex-wrap: wrap;
width: 100%;
grid-column: 1/-1;
grid-row: 2;
margin-top: -0.5rem;
}
.active-facets__button-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding-top: 1.5rem;
}
.active-facets__button-wrapper * {
font-size: 1rem;
}
@media screen and (min-width: 990px) {
.active-facets__button-wrapper * {
font-size: 1.4rem;
}
}
@media screen and (max-width: 989px) {
.facets-container {
grid-template-columns: auto minmax(0, max-content);
column-gap: 2rem;
}
.active-facets {
margin: 0 -1.2rem -1.2rem;
}
.active-facets__button-remove {
margin: 0;
padding: 1.2rem;
}
.active-facets__button-wrapper {
padding-top: 0;
margin-left: 1.2rem;
}
.e420-facets-container {
grid-template-columns: 1fr 1fr !important;
}
}
.active-facets facet-remove:only-child {
display: none;
}
.facets-vertical
.active-facets
.active-facets-vertical-filter:only-child
> facet-remove {
display: none;
}
.facets-vertical .active-facets-vertical-filter {
display: flex;
width: 100%;
justify-content: space-between;
}
.facets-vertical .active-facets-vertical-filter .active-facets__button-wrapper {
padding-top: 0;
display: flex;
align-items: flex-start;
}
.mobile-facets__clear-wrapper {
align-items: center;
display: flex;
justify-content: center;
}
.mobile-facets {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
background-color: rgba(var(--color-foreground), 0.5);
}
.mobile-facets__disclosure {
display: flex;
}
.mobile-facets__wrapper {
margin-left: 0;
display: flex;
}
.mobile-facets__inner {
background-color: rgb(var(--color-background));
width: calc(100% - 5rem);
margin-left: auto;
height: 100%;
overflow-y: auto;
max-width: 37.5rem;
display: flex;
flex-direction: column;
border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
border-style: solid;
border-width: 0 0 0 var(--drawer-border-width);
filter: drop-shadow(
var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset)
var(--drawer-shadow-blur-radius)
rgba(var(--color-shadow), var(--drawer-shadow-opacity))
);
}
.mobile-facets__header {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
padding: 1rem 2.5rem;
text-align: center;
display: flex;
position: sticky;
top: 0;
z-index: 2;
}
.mobile-facets__header-inner {
flex-grow: 1;
position: relative;
}
.mobile-facets__heading {
font-size: calc(var(--font-heading-scale) * 1.4rem);
margin: 0;
}
.mobile-facets__count {
color: rgba(var(--color-foreground), 0.7);
font-size: 1.3rem;
margin: 0;
flex-grow: 1;
}
.mobile-facets__open-wrapper {
display: inline-block;
}
.mobile-facets__open {
text-align: left;
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
display: flex;
align-items: center;
color: rgba(var(--color-link), var(--alpha-link));
}
.mobile-facets__open > * + * {
margin-left: 1rem;
}
.mobile-facets__open svg {
width: 2rem;
}
.mobile-facets__close {
display: none;
align-items: center;
justify-content: center;
position: fixed;
top: 0.7rem;
right: 1rem;
width: 4.4rem;
height: 4.4rem;
z-index: 101;
opacity: 0;
}
.mobile-facets__close svg {
width: 2.2rem;
}
.mobile-facets__main {
padding: 2.7rem 0 0;
position: relative;
z-index: 1;
flex-grow: 1;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.no-js .mobile-facets__details {
border-bottom: 1px solid rgba(var(--color-foreground), 0.04);
}
.mobile-facets__summary {
padding: 1.3rem 2.5rem;
}
.mobile-facets__summary svg {
margin-left: auto;
}
.facets__summary > div,
.mobile-facets__summary > div {
display: flex;
align-items: center;
}
.mobile-facets__summary .icon-caret {
margin-left: auto;
display: block;
}
.mobile-facets__footer {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
padding: 2rem;
bottom: 0;
position: sticky;
display: flex;
z-index: 2;
margin-top: auto;
background-color: rgb(var(--color-background));
background: var(--gradient-background);
}
.mobile-facets__footer > * + * {
margin-left: 1rem;
}
.mobile-facets__footer > * {
width: 50%;
}
.mobile-facets__footer noscript .button {
width: 100%;
}
.mobile-facets__sort {
display: flex;
justify-content: space-between;
}
.mobile-facets__sort label {
flex-shrink: 0;
}
.mobile-facets__sort .select {
width: auto;
}
.no-js .mobile-facets__sort .select {
position: relative;
right: -1rem;
}
.mobile-facets__sort .select .icon-caret {
right: 0;
}
.mobile-facets__sort .select__select {
background-color: transparent;
border-radius: 0;
box-shadow: none;
filter: none;
margin-left: 0.5rem;
margin-right: 0.5rem;
padding-left: 0.5rem;
padding-right: 1.5rem;
}
.product-count {
align-self: center;
position: relative;
text-align: right;
}
.product-count__text {
font-size: 1.4rem;
line-height: calc(1 + 0.5 / var(--font-body-scale));
margin: 0;
}
.product-count .loading-overlay__spinner,
.product-count-vertical .loading-overlay__spinner {
display: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1.8rem;
}
@media screen and (min-width: 750px) {
.facets-vertical {
display: flex;
}
.facets-wrap-vertical {
border: none;
padding-left: 0;
}
.facets__form-vertical {
display: flex;
flex-direction: column;
width: 26rem;
}
.facets__disclosure-vertical {
border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
margin-right: 0;
}
.facets-vertical .facets__summary {
padding-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
}
.facets__heading--vertical {
margin: 0 0 1.5rem;
font-size: 1.5rem;
}
.facets__header-vertical {
padding: 1.5rem 2rem 1.5rem 0;
font-size: 1.4rem;
}
.facets__display-vertical {
padding-bottom: 1.5rem;
}
.facets-vertical .facets-wrapper {
padding-right: 3rem;
}
.facets-vertical .product-grid-container {
width: 100%;
}
.facets-vertical-form {
display: flex;
justify-content: flex-end;
}
.product-count-vertical {
margin-left: 3.5rem;
}
.facets-vertical .active-facets__button-wrapper {
margin-bottom: 2rem;
}
.facets-vertical .no-js .facets__button-no-js {
transform: none;
margin-left: 0;
}
.facets-vertical .no-js .facet-filters__field {
justify-content: flex-start;
padding-bottom: 1rem;
padding-top: 2rem;
}
.facets-vertical .facets__price {
padding: 0.5rem 0.5rem 0.5rem 0;
}
.facets-vertical .facets__price .field:last-of-type {
margin-left: 1rem;
}
.no-js .facets-vertical .facet-filters.sorting {
padding-left: 0;
flex-direction: column;
}
.facets-vertical .facet-checkbox input[type="checkbox"] {
z-index: 0;
}
.no-js .facets-vertical .facets-container {
display: flex;
flex-direction: column;
}
.facets-vertical .active-facets facet-remove:last-of-type {
margin-bottom: 1rem;
}
.facets-vertical .active-facets {
margin: 0;
align-items: flex-start;
}
.facets__disclosure-vertical[open] .facets__summary .icon-caret {
transform: rotate(180deg);
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.facets-vertical .active-facets__button-remove {
padding: 0 1rem 1rem;
}
}
.e420-mobile-facets__open {
margin-left: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
background: #38dd73;
border-radius: var(--inputs-radius) !important;
max-width: 150px;
width: 100dvw;
color: #fff !important;
height: 50px;
padding: 0;
}
.e420-product-count-and-sort-by-mobile {
height: 50px;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-toggle {
background: #fff;
border: 1px solid #37dc73;
color: #000;
position: relative;
border-radius: var(--inputs-radius) !important;
max-width: 150px;
width: 100dvw;
height: 50px;
}
.dropdown-menu {
position: absolute;
z-index: 9;
background: #fff;
color: #000;
flex-direction: column;
gap: 1rem;
left: 0;
top: 100%;
border: 1px solid #37dc73;
border-radius: var(--inputs-radius) !important;
border-top: none;
width: 100%;
list-style: none;
padding: 13px;
margin: 0;
}
.dropdown-menu li {
padding: 0.2rem 0;
text-align: left;
font-size: 13px;
}
@media (max-width: 767px) {
.product-count {
z-index: 50;
opacity: 1;
}
}
.e420-facets__heading {
margin-bottom: 20px;
font-weight: 700;
font-size: 2rem;
line-height: 23px;
color: #000;
}
.e420-facets__summary {
margin-bottom: 0;
font-weight: 700;
font-size: 1.6rem;
color: #474a51;
}
.e420-mobile-facets__sort {
padding: 13px 15px;
background: #fff;
border: 1px solid #37dc73 !important;
border-radius: 5px !important;
width: 100% !important;
}
.e420-product-count-and-sort-by-mobile {
z-index: 1;
}
.e420-select-mobile-facets__sort {
min-width: 213px;
font-weight: 400;
font-size: 16px;
line-height: 19px;
display: flex;
align-items: center;
color: #474a51;
}
.e420-select-mobile-facets__sort + .icon-caret {
right: calc(var(--inputs-border-width) + 1.5rem) !important;
}
.e420-facets__apply {
background: #38dd73;
color: #fff;
margin: 0;
}
.e420-facets__apply:after,
.e420-facets__apply:before {
content: unset !important;
}
.e420-facets-wrap {
max-height: 30rem;
overflow-y: auto;
}
.e420-facets-wrap {
scrollbar-width: thin;
scrollbar-color: #38dd73 #fff;
}
.e420-facets-wrap::-webkit-scrollbar {
width: 5px;
}
.e420-facets-wrap-mobile::-webkit-scrollbar {
width: 2px;
}
.e420-facets-wrap::-webkit-scrollbar-track {
background: #fff;
}
.e420-facets-wrap::-webkit-scrollbar-thumb {
background: #38dd73;
}
.e420-mobile-facets__label-collapsible .icon-checkmark {
left: unset !important;
top: unset !important;
}
.e420-mobile-facets__label-collapsible > svg {
background-color: #fff;
height: 20px;
width: 20px;
z-index: -2;
border-radius: 6px;
}
.e420-mobile-facets__label-collapsible > * {
font-size: 16px;
}
input.e420-facet-checkbox,
input.e420-facet-checkbox-mobile {
width: 20px;
height: 20px;
border-radius: 6px;
z-index: 2;
}
.e420-product-count {
display: none;
}
.e420-mobile-facets__footer {
flex-direction: column-reverse;
align-items: center;
}
.e420-mobile-facets__footer > * {
width: 100% !important;
}
.e420-mobile-facets__footer,
.e420-mobile-facets__inner,
.e420-mobile-facets__main {
background-color: #232323;
}
.e420-mobile-facets__close-button,
.e420-mobile-facets__header-inner > * {
color: #fff;
}
.e420-mobile-facets__clear-wrapper {
border-radius: var(--buttons-radius-outset);
background: #fff;
margin-top: 1rem;
padding: 0.5rem;
}
.e420-mobile-facets__clear-wrapper > * {
color: red;
}
.e420-mobile-facets__heading {
font-size: 20px;
}
#FacetsWrapperMobile {
padding: 0.5rem 2rem;
}
.e420-facets__summary-mobile > * {
color: #fff;
}
.e420-facets__summary-mobile {
margin-bottom: 0;
font-weight: 700;
font-size: 1.6rem;
color: #ccc;
}
.e420-details-mobile {
margin-bottom: 2rem;
}
.e420-list-menu__item-mobile {
margin-bottom: 1rem;
}
.e420-facets-wrap-mobile {
outline: 0;
border: none;
}
.e420-facets-wrap-mobile > *,
.e420-facets__display-vertical-mobile > * {
color: #fff;
}
.e420-quick-add-to-cart-btn::after,
.e420-quick-add-to-cart-btn__options::after {
content: unset !important;
}
.e420-quick-add-to-cart-btn::before,
.e420-quick-add-to-cart-btn__options::before {
content: unset !important;
}
.e420-quick-add-to-cart-btn,
.e420-quick-add-to-cart-btn__options {
background: #37dc73 !important;
color: #fff !important;
}
.e420-card__heading-template--15390689493071__product-grid a::after {
z-index: 0 !important;
}
.e420-card__heading-template--15390689493071__product-grid {
text-transform: uppercase;
}
.e420-card__heading-template--15390689493071__product-grid {
font-family: var(--font-body-family);
font-weight: 400;
font-size: 16px;
text-align: var(--product-card-text-alignment);
}
.product-swatches-count-template--15390689493071__product-grid {
text-align: var(--product-card-text-alignment);
text-transform: none;
color: #000;
}
.e420-product-reviews-template--15390689493071__product-grid {
text-align: var(--product-card-text-alignment);
justify-content: var(--product-card-text-alignment);
}
.e420-price-template--15390689493071__product-grid {
font-weight: 700;
}
.footer__column {
width: 100%;
align-items: flex-end;
}
@media screen and (min-width: 750px) {
.footer-block {
display: block;
margin-top: 0;
}
}
.footer-block__heading {
margin-bottom: 2rem;
margin-top: 0;
font-size: calc(var(--font-heading-scale) * 1.6rem);
}
@media screen and (max-width: 749px) {
.footer-block.grid__item {
padding: 0;
margin: 4rem 0;
width: 100%;
}
.footer__list-social.list-social {
display: flex;
justify-content: center;
}
}
.footer__localization {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
flex-wrap: wrap;
padding: 1rem 1rem 0;
}
.footer__localization:empty {
display: none;
}
.footer-block__details-content {
margin-bottom: 4rem;
}
.footer-block__details-content .list-menu__item--link {
color: rgba(var(--color-foreground), 0.75);
}
@media screen and (min-width: 750px) {
.footer__localization {
padding: 0.4rem 0;
justify-content: flex-start;
}
.footer-block__details-content {
margin-bottom: 0;
}
.footer-block__details-content > li,
.footer-block__details-content > p {
padding: 0;
}
.footer-block__details-content > li:not(:last-child) {
margin-right: 1.5rem;
}
.footer-block__details-content .list-menu__item--link {
display: inline-block;
font-size: 1.4rem;
}
.footer-block__details-content > :first-child .list-menu__item--link {
padding-top: 0;
}
}
@supports not (inset: 10px) {
@media screen and (min-width: 750px) {
.footer__content-top .grid__item {
padding-left: 3rem;
}
}
}
.list-social {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media only screen and (max-width: 749px) {
.list-social {
justify-content: center;
}
}
.list-social__item .icon {
height: 1.8rem;
width: 1.8rem;
}
.list-social__link {
align-items: center;
display: flex;
padding: 1.3rem;
color: rgb(var(--color-foreground));
}
.e420-accordion {
width: 100%;
border: none;
text-align: left;
background: 0 0;
display: flex;
justify-content: space-between;
font-weight: var(--font-heading-weight);
}
.e420-panel {
padding: 0 1rem;
display: none;
}
@media screen and (min-width: 990px) {
.footer-block__heading {
font-size: calc(var(--font-heading-scale) * 1.8rem);
}
.e420-show-accorion-mobile {
display: none !important;
}
}
@media screen and (max-width: 989px) {
.footer-block__details-content .list-menu__item--link {
padding-top: 1rem;
padding-bottom: 1rem;
}
.e420-show-accorion-mobile {
display: block;
}
}
.e420-footer-menu-socials {
justify-content: start !important;
}
.e420-list-social__link:first-of-type {
padding-left: 0;
}
.e420-footer-menu-socials.e420-mobile {
display: none;
}
@media only screen and (max-width: 798px) {
.e420-footer-menu-socials.e420-mobile {
display: flex;
}
}
.app-links a {
padding: 4% 2%;
}
@media screen and (min-width: 768px) {
.app-links a {
padding: 10px 0;
}
.app-links a img {
width: 60%;
min-width: 140px;
}
}
.app-links.e420-mobile {
display: none;
}
.apple-app-link img,
.google-app-link img {
display: block;
width: 100%;
height: auto;
}
.apple-app-link,
.google-app-link {
display: block;
}
@media only screen and (max-width: 798px) {
.app-links.e420-mobile {
display: flex;
}
.apple-app-link,
.google-app-link {
width: 50%;
}
.app-links a:first-child {
padding-left: 0;
}
.app-links a:last-child {
padding-right: 0;
}
}