/* styles.css optimizado para WooCommerce Theme - base limpia desde styles.css original. */
@font-face {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: 400;
    src: url(../assets/ac8f3b34c9acc2fa8039d496d28781e5.otf) format("opentype");
}

@font-face {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: 500;
    src: url(../assets/caf114b62df037fce983de9566514364.otf) format("opentype");
}

@font-face {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: 600;
    src: url(../assets/0c238933965b54ebef3c310502aae089.otf) format("opentype");
}

@font-face {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: 700;
    src: url(../assets/d7bcae5a319888d4698ef6bdc0c887ab.otf) format("opentype");
}

@font-face {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: 900;
    src: url(../assets/8e7e039e2778a312a5516fc7095d5cfb.otf) format("opentype");
}

@font-face {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: 100;
    src: url(../assets/0fe271b9758de9eac4523dbba1e997e1.otf) format("opentype");
}

@font-face {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: 300;
    src: url(../assets/698b4dc0fdc0696a2cc7851e4d7065c8.otf) format("opentype");
}

@font-face {
    font-family: "Druk";
    font-style: bold;
    font-weight: 500;
    src: url(../assets/5c8b3cf886e91a0be00686a5e4419730.otf) format("opentype");
}

@font-face {
    font-family: "Aktiv Grotesk";
    font-style: normal;
    font-weight: 300;
    src: url(../assets/42cd395e86d1776770b612c3f2e970c2.otf) format("opentype");
}

@font-face {
    font-family: "Aktiv Grotesk";
    font-style: normal;
    font-weight: 400;
    src: url(../assets/b1d04d979e550503552452621a67789f.otf) format("opentype");
}

@font-face {
    font-family: "Aktiv Grotesk";
    font-style: normal;
    font-weight: 500;
    src: url(../assets/382190b202581639d0d6c0df614c926e.otf) format("opentype");
}

:root {
    --scrollbar-width: 0;
    --COLOR-VIDEO-BG: #f2f2f2;
    --COLOR-BG-BRIGHTER: #f2f2f2;
    --COLOR-BG: #ffffff;
    --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);
    --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);
    --COLOR-BG-SECONDARY: #f7f3eb;
    --COLOR-BG-SECONDARY-LIGHTEN: #ffffff;
    --COLOR-BG-RGB: 255, 255, 255;
    --COLOR-TEXT-DARK: #131010;
    --COLOR-TEXT: #373737;
    --COLOR-TEXT-LIGHT: #737373;
    --COLOR-A5: rgba(55, 55, 55, 0.05);
    --COLOR-A10: rgba(55, 55, 55, 0.1);
    --COLOR-A15: rgba(55, 55, 55, 0.15);
    --COLOR-A20: rgba(55, 55, 55, 0.2);
    --COLOR-A25: rgba(55, 55, 55, 0.25);
    --COLOR-A30: rgba(55, 55, 55, 0.3);
    --COLOR-A35: rgba(55, 55, 55, 0.35);
    --COLOR-A40: rgba(55, 55, 55, 0.4);
    --COLOR-A45: rgba(55, 55, 55, 0.45);
    --COLOR-A50: rgba(55, 55, 55, 0.5);
    --COLOR-A55: rgba(55, 55, 55, 0.55);
    --COLOR-A60: rgba(55, 55, 55, 0.6);
    --COLOR-A65: rgba(55, 55, 55, 0.65);
    --COLOR-A70: rgba(55, 55, 55, 0.7);
    --COLOR-A75: rgba(55, 55, 55, 0.75);
    --COLOR-A80: rgba(55, 55, 55, 0.8);
    --COLOR-A85: rgba(55, 55, 55, 0.85);
    --COLOR-A90: rgba(55, 55, 55, 0.9);
    --COLOR-A95: rgba(55, 55, 55, 0.95);
    --COLOR-BORDER: rgb(240, 240, 240);
    --COLOR-BORDER-LIGHT: #f6f6f6;
    --COLOR-BORDER-HAIRLINE: #f7f7f7;
    --COLOR-BORDER-DARK: #bdbdbd;
    --COLOR-PRIMARY: #e5e6cb;
    --COLOR-PRIMARY-HOVER: #d3d58f;
    --COLOR-PRIMARY-FADE: rgba(229, 230, 203, 0.05);
    --COLOR-PRIMARY-FADE-HOVER: rgba(229, 230, 203, 0.1);
    --COLOR-PRIMARY-LIGHT: #ffffff;
    --COLOR-PRIMARY-OPPOSITE: #000000;
    --COLOR-LINK: #004236;
    --COLOR-LINK-HOVER: rgba(0, 66, 54, 0.7);
    --COLOR-LINK-FADE: rgba(0, 66, 54, 0.05);
    --COLOR-LINK-FADE-HOVER: rgba(0, 66, 54, 0.1);
    --COLOR-LINK-OPPOSITE: #ffffff;
    --COLOR-SALE-BG: #e32633;
    --COLOR-SALE-TEXT: #ffffff;
    --COLOR-BADGE-BG: #e5e6cb;
    --COLOR-BADGE-TEXT: #004236;
    --COLOR-SALE: #d20000;
    --filter-bg: 1;
    --COLOR-ERROR: #373737;
    --COLOR-ERROR-BG: #f5b056;
    --COLOR-ERROR-BORDER: #f5b056;
    --RADIUS: 3px;
    --RADIUS-SELECT: 3px;
    --COLOR-HEADER-BG: #ffffff;
    --COLOR-HEADER-BG-TRANSPARENT: rgba(255, 255, 255, 0);
    --COLOR-HEADER-LINK: #004236;
    --COLOR-HEADER-LINK-HOVER: rgba(0, 66, 54, 0.7);
    --COLOR-MENU-BG: #ffffff;
    --COLOR-MENU-LINK: #004236;
    --COLOR-MENU-LINK-HOVER: rgba(0, 66, 54, 0.7);
    --COLOR-SUBMENU-BG: #ffffff;
    --COLOR-SUBMENU-LINK: #004236;
    --COLOR-SUBMENU-LINK-HOVER: rgba(0, 66, 54, 0.7);
    --COLOR-SUBMENU-TEXT-LIGHT: #4d7b72;
    --COLOR-MENU-TRANSPARENT: #ffffff;
    --COLOR-MENU-TRANSPARENT-HOVER: rgba(255, 255, 255, 0.7);
    --COLOR-UNDERLAY: #ffffff7f;
    --COLOR-HEADING: #004236;
    --COLOR-FOOTER-BG: #004236;
    --COLOR-FOOTER-BG-HAIRLINE: #005143;
    --COLOR-FOOTER-TEXT: #ffffff;
    --COLOR-FOOTER-TEXT-A35: rgba(255, 255, 255, 0.35);
    --COLOR-FOOTER-TEXT-A75: rgba(255, 255, 255, 0.75);
    --COLOR-FOOTER-LINK: #ffffff;
    --COLOR-FOOTER-LINK-HOVER: rgba(255, 255, 255, 0.7);
    --COLOR-FOOTER-BORDER: #ffffff;
    --TRANSPARENT: rgba(255, 255, 255, 0);
    --overlay-opacity: 0;
    --underlay-opacity: 1;
    --underlay-bg: rgba(0, 0, 0, 0.4);
    --ICON-ZOOM-IN: url(../assets/d9cda775eaeb3aadf00ed367aee4bdf7.svg);
    --ICON-ZOOM-OUT: url(../assets/1b37bbd9397f0db037fbbccaba367af5.svg);
    --ICON-ADD-BAG: url(../assets/4daf38ac3a3816c2eeca5530b92a86b3.svg);
    --ICON-ADD-CART: url(../assets/938c2f8b8d38421e6495d76d2c4463a2.svg);
    --ICON-ARROW-LEFT: url(../assets/a03ee82e65ea2b161654806f3c759c68.svg);
    --ICON-ARROW-RIGHT: url(../assets/47f380cbd9187ed44eec95886cf8df55.svg);
    --ICON-SELECT: url(../assets/20815d5b6b163984880b054a3815b6f8.svg);
    --ICON-CUSTOM-ARROW-RIGHT: url(../assets/fe91a509c0fcbe1543957bd68ea5117e.svg);
    --ICON-CUSTOM-ARROW-LEFT: url(../assets/38b34e8557566259c084c05b21cd80e5.svg);
    --PRODUCT-GRID-ASPECT-RATIO: 100%;
    --FONT-WEIGHT-BODY: 400;
    --FONT-WEIGHT-BODY-BOLD: 500;
    --FONT-STACK-BODY: "Aktiv Grotesk";
    --FONT-STYLE-BODY: normal;
    --FONT-STYLE-BODY-ITALIC: italic;
    --FONT-ADJUST-BODY: 1;
    --LETTER-SPACING-BODY: 0.01em;
    --FONT-WEIGHT-HEADING: 500;
    --FONT-WEIGHT-HEADING-BOLD: 700;
    --FONT-UPPERCASE-HEADING: none;
    --LETTER-SPACING-HEADING: -0.025em;
    --FONT-STACK-HEADING: "Recoleta";
    --FONT-STYLE-HEADING: normal;
    --FONT-STYLE-HEADING-ITALIC: italic;
    --FONT-ADJUST-HEADING: 1.2;
    --FONT-STACK-HEADING-SECONDARY: "Druk";
    --FONT-WEIGHT-SUBHEADING: 400;
    --FONT-WEIGHT-SUBHEADING-BOLD: 700;
    --FONT-STACK-SUBHEADING: "Aktiv Grotesk";
    --FONT-STYLE-SUBHEADING: normal;
    --FONT-STYLE-SUBHEADING-ITALIC: italic;
    --FONT-ADJUST-SUBHEADING: 1;
    --FONT-UPPERCASE-SUBHEADING: none;
    --LETTER-SPACING-SUBHEADING: 0.1em;
    --FONT-STACK-NAV: "Aktiv Grotesk";
    --FONT-STYLE-NAV: normal;
    --FONT-STYLE-NAV-ITALIC: italic;
    --FONT-ADJUST-NAV: 1;
    --FONT-WEIGHT-NAV: 500;
    --FONT-WEIGHT-NAV-BOLD: 500;
    --LETTER-SPACING-NAV: 0em;
    --FONT-SIZE-BASE: 14px;
    --PARALLAX-STRENGTH-MIN: 120%;
    --PARALLAX-STRENGTH-MAX: 130%;
    --COLUMNS: 4;
    --COLUMNS-MEDIUM: 3;
    --COLUMNS-SMALL: 2;
    --COLUMNS-MOBILE: 1;
    --LAYOUT-OUTER: 50px;
    --LAYOUT-GUTTER: 32px;
    --LAYOUT-OUTER-MEDIUM: 30px;
    --LAYOUT-GUTTER-MEDIUM: 22px;
    --LAYOUT-OUTER-SMALL: 16px;
    --LAYOUT-GUTTER-SMALL: 16px;
    --base-animation-delay: 0;
    --line-height-normal: 1.375;
    --SIDEBAR-WIDTH: 288px;
    --SIDEBAR-WIDTH-MEDIUM: 258px;
    --DRAWER-WIDTH: 508px;
    --ICON-STROKE-WIDTH: 1px;
    --BTN-FONT-STACK: ;
    --BTN-FONT-WEIGHT: 600;
    --BTN-FONT-STYLE: ;
    --BTN-FONT-SIZE: 14px;
    --BTN-LETTER-SPACING: 0.1em;
    --BTN-UPPERCASE: uppercase;
    --BTN-TEXT-ARROW-OFFSET: -1px;
    --BTN-PRIMARY-BORDER-COLOR: #004236;
    --BTN-PRIMARY-BG-COLOR: #004236;
    --BTN-PRIMARY-TEXT-COLOR: #ffffff;
    --BTN-PRIMARY-BG-COLOR-BRIGHTER: #007560;
    --BTN-SECONDARY-BORDER-COLOR: #8c8c8c;
    --BTN-SECONDARY-BG-COLOR: #ffffff;
    --BTN-SECONDARY-TEXT-COLOR: #373737;
    --BTN-SECONDARY-HOVER-BORDER-COLOR: rgba(0, 0, 0, 0);
    --BTN-SECONDARY-HOVER-BG-COLOR: #004236;
    --BTN-SECONDARY-HOVER-TEXT-COLOR: #ffffff;
    --BTN-SECONDARY-BG-COLOR-BRIGHTER: #f2f2f2;
    --BTN-PRIMARY-FONT-SIZE: 14px;
    --BTN-PRIMARY-PADDING: 16px 32px;
    --BTN-SECONDARY-FONT-SIZE: 14px;
    --BTN-SECONDARY-PADDING: 16px 32px;
    --TEXT-BTN-BORDER-WHITE: #fff;
    --TEXT-BTN-BG-WHITE: #fff;
    --TEXT-BTN-WHITE: #000;
    --TEXT-BTN-BG-WHITE-BRIGHTER: #f2f2f2;
    --TEXT-BTN-BG-BLACK: #000;
    --TEXT-BTN-BORDER-BLACK: #000;
    --TEXT-BTN-BLACK: #fff;
    --TEXT-BTN-BG-BLACK-BRIGHTER: #1a1a1a;
    --FREE-SHIPPING-GRADIENT: linear-gradient(to right,
            var(--COLOR-PRIMARY-LIGHT) 0%,
            var(--COLOR-PRIMARY) 100%);
    --swatch-size-filters: calc(1.5rem * var(--FONT-ADJUST-BODY));
    --swatch-size-product: calc(3rem * var(--FONT-ADJUST-BODY));
}

::backdrop {
    --underlay-opacity: 1;
    --underlay-bg: rgba(0, 0, 0, 0.4);
}

@keyframes heroFadeIn {
    0% {
        opacity: 0.001;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes heroFadeOut {
    0% {
        opacity: 1;
        transform: none;
    }

    to {
        opacity: 0;
        transform: translateY(15px);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 100;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes slideInLeft {
    0% {
        transform: none;
        visibility: hidden;
    }

    to {
        transform: translate(100%);
        visibility: unset;
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translate(100%);
        visibility: unset;
    }

    to {
        transform: none;
        visibility: hidden;
    }
}

@keyframes slideInRight {
    0% {
        transform: none;
        visibility: hidden;
    }

    to {
        transform: translate(-100%);
        visibility: unset;
    }
}

@keyframes slideOutRight {
    0% {
        transform: translate(-100%);
        visibility: unset;
    }

    to {
        transform: none;
        visibility: hidden;
    }
}

@keyframes cartDrawerItemsFadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes cartDrawerItemsFadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes cartDrawerItemsFadeInLeft {
    0% {
        opacity: 0;
        transform: translate(15px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes cartDrawerItemsFadeOutLeft {
    0% {
        opacity: 1;
        transform: translate(0);
    }

    to {
        opacity: 0;
        transform: translate(-15px);
    }
}

@keyframes cartDrawerItemsFadeInRight {
    0% {
        opacity: 0;
        transform: translate(-15px);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes cartDrawerItemsFadeOutRight {
    0% {
        opacity: 1;
        transform: none;
    }

    to {
        opacity: 0;
        transform: translate(15px);
    }
}

@keyframes cartItemsFadeIn {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes cartItemRemoved {
    0% {
        opacity: 1;
        max-height: 300px;
    }

    to {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@keyframes slideUp {
    0% {
        opacity: 1;
        max-height: 1000px;
    }

    to {
        opacity: 0;
        max-height: 0px;
    }
}

@keyframes imageFadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes imageFadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes pulseDot {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    89% {
        transform: scale(0);
        opacity: 0;
    }

    90% {
        transform: scale(1);
        opacity: 0.2;
    }

    to {
        transform: scale(5);
        opacity: 0;
    }
}

@keyframes pulseDotHover {
    0% {
        transform: scale(1);
        opacity: 0.3;
    }

    15% {
        transform: scale(1.2);
        opacity: 0.05;
    }

    50% {
        transform: scale(1);
        opacity: 0.3;
    }

    to {
        transform: scale(1);
        opacity: 0.3;
    }
}

@keyframes fadeInUp {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeOutDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(15px);
        opacity: 0;
    }
}

@keyframes translateUp {
    0% {
        transform: translateY(100%);
        visibility: hidden;
    }

    to {
        transform: translateY(0);
        visibility: unset;
    }
}

@keyframes translateDown {
    0% {
        transform: translateY(0);
        visibility: unset;
    }

    to {
        transform: translateY(100%);
        visibility: hidden;
    }
}

@keyframes indeterminate {
    0% {
        transform: translate(0) scaleX(0.35);
    }

    60% {
        transform: translate(50%) scaleX(0.9);
    }

    to {
        transform: translate(100%) scaleX(0.9);
    }
}

@keyframes indeterminate-short {
    0% {
        transform: translate(0) scaleX(2);
    }

    60% {
        transform: translate(460px) scaleX(0.01);
    }

    to {
        transform: translate(460px) scaleX(0.01);
    }
}

.flex-align-center {
    align-items: center;
}

.grid-outer {
    flex-grow: 1;
}

@media only screen and (max-width: 749px) {
    .grid--mobile-slider .grid-item {
        flex: 0 0 auto;
        margin-right: var(--gap);
        scroll-snap-align: start;
    }
}

@media only screen and (min-width: 750px) {
    .screen-height-one-third {
        min-height: var(--one-third);
    }
}

@media only screen and (max-width: 749px) {
    .screen-height-one-third--mobile {
        min-height: var(--one-third);
    }
}

.heading-size-6 {
    font-size: calc(var(--font-6) * var(--FONT-ADJUST-HEADING));
}

.caps {
    text-transform: uppercase;
    font-family: var(--FONT-STACK-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    font-size: calc(11px * var(--FONT-ADJUST-BODY));
    letter-spacing: 0.2px;
}

.btn {
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: var(--btn-top) var(--btn-left);
    border: 1px solid #000;
    border-radius: var(--btn-radius);
    background-color: var(--btn-bg);
    font-family: var(--BTN-FONT-STACK);
    font-size: var(--BTN-FONT-SIZE);
    line-height: var(--line-height-normal);
    color: var(--btn-text);
    font-style: var(--BTN-FONT-STYLE);
    font-weight: var(--BTN-FONT-WEIGHT);
    letter-spacing: var(--BTN-LETTER-SPACING);
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    text-transform: var(--BTN-UPPERCASE);
    transition: 0.25s ease-out;
    transition-property: color, background, border;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btn--white {
    --btn-border: var(--TEXT-BTN-BORDER-WHITE);
    --btn-bg: var(--TEXT-BTN-BG-WHITE);
    --btn-text: var(--TEXT-BTN-WHITE);
}

.btn--white.btn--solid {
    --btn-border: #fff;
    --btn-bg: #fff;
    --btn-text: #000;
    --btn-border-hover: var(--TEXT-BTN-BG-WHITE-BRIGHTER);
    --btn-bg-hover: var(--TEXT-BTN-BG-WHITE-BRIGHTER);
    --btn-text-hover: #000;
}

@keyframes animate-svg {
    0% {
        stroke-dashoffset: 88;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes shimmer {
    0% {
        transform: translate(-100%);
    }

    to {
        transform: translate(100%);
    }
}

@keyframes tooltip-top {
    0% {
        top: 8px;
    }

    to {
        top: 0;
    }
}

@keyframes tooltip-opacity {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes ticker-rtl {
    0% {
        transform: none;
        visibility: visible;
    }

    to {
        transform: translate(var(--animation-distance, -100%));
    }
}

@keyframes ticker-ltr {
    0% {
        transform: translate(var(--animation-distance, -100%));
        visibility: visible;
    }

    to {
        transform: none;
    }
}

.text-center .hero__button {
    --alignment-justify-content: center;
}

@media only screen and (min-width: 750px) {
    .multicolumn {
        --gap-offset: calc(var(--gap)/-2);
        display: flex;
        flex-flow: row wrap;
        gap: 0;
        margin: 0 var(--gap-offset);
    }

    .multicolumn .grid-item {
        padding: var(--gap) calc(var(--gap) / 2);
        flex: 0 0 var(--desktop-width);
    }
}

.column__btn {
    margin: var(--inner) 0 0;
}

@keyframes slideup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px) rotate(10deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg);
    }
}

@keyframes popup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
    }

    80% {
        -webkit-transform: translateY(2px);
    }

    to {
        -webkit-transform: translateY(0);
    }
}

@keyframes container-slide {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 100;
    }
}

.product-item {
    --text: var(--COLOR-TEXT);
    --text-dark: var(--COLOR-TEXT-DARK);
    --text-light: var(--COLOR-TEXT-LIGHT);
    position: relative;
}

.product-item__image {
    display: block;
    padding-top: var(--PRODUCT-GRID-ASPECT-RATIO);
    height: 0;
    position: relative;
    overflow: hidden;
    filter: brightness(var(--filter-bg));
}

@keyframes fakeFade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (min-width: 750px) {
    .footer__blocks .accordion__title {
        padding: 0 0 15px;
        margin: 0.5em 0 1em;
    }
}

@media only screen and (max-width: 749px) {
    .brick__section--reversed-mobile .brick__block:nth-child(2):last-child {
        order: -1;
    }
}

.brick__block:first-child .brick__block__text:not(.has-padding) {
    padding-left: 0;
}

@keyframes clipPathFromRight {
    0% {
        -webkit-clip-path: polygon(100%0, 100% 0%, 100% 100%, 100% 100%);
        clip-path: polygon(100%0, 100% 0%, 100% 100%, 100% 100%);
        transform: translate(2%);
    }

    to {
        -webkit-clip-path: polygon(0 0, 100%0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100%0, 100% 100%, 0 100%);
        transform: translate(0);
    }
}

@keyframes showMessage {
    0% {
        opacity: 0;
        transform: translateY(-4px);
    }

    15% {
        opacity: 1;
        transform: translateZ(0);
    }

    90% {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translateY(-4px);
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes slideToggle {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    10% {
        transform: translateY(0);
        opacity: 1;
    }

    90% {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

@media only screen and (max-width: 749px) {
    .index-section .column__btn {
        margin: 32px 0 0;
    }
}

@media only screen and (min-width: 750px) {
    .section-columns .column__btn {
        margin-top: auto;
    }
}

.section-columns .column__btn {
    margin-top: auto;
    flex-shrink: 0;
}

.section-columns .column__btn .btn {
    white-space: nowrap;
}

.column__text p:last-child {
    margin-bottom: 32px;
}

.sf-hidden {
    display: none !important;
}

:root {
    --ANNOUNCEMENT-HEIGHT-DESKTOP: max(calc(var(--font-2) * var(--FONT-ADJUST-BODY) * var(--line-height-normal)),
            36px);
    --ANNOUNCEMENT-HEIGHT-MOBILE: max(calc(var(--font-2) * var(--FONT-ADJUST-BODY) * var(--line-height-normal)),
            36px);
}

p.annStars {
    font-size: 12px;
    margin-right: 5px;
}

:root {
    --HEADER-HEIGHT: 118px;
    --HEADER-HEIGHT-MEDIUM: 95.39773538712639px;
    --HEADER-HEIGHT-MOBILE: 55px;
    --icon-add-cart: var(--ICON-ADD-CART);
}

.theme__header {
    --PT: 30px;
    --PB: 30px;
    --border-opacity: 0.05;
}

.header__logo__link {
    --logo-padding: 21.54442517596654%;
    --logo-width-desktop: 220px;
    --logo-width-mobile: 160px;
}

.main-content>.shopify-section:first-of-type .backdrop--linear:before {
    display: none;
}

.header__menu .grandparent.kids-4.images-1 .header__grandparent__links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.menu__item.parent:hover .navlink--child,
.menu__item.grandparent .navlink--child,
.menu__item.grandparent .navlink--grandchild,
.dropdown__family,
.menu__block--narrow,
.header__dropdown,
.header__dropdown__wrapper,
.header__dropdown__image,
.header__dropdown__image .image-wrapper {
    transform: none !important;
    transition: none !important;
}

.header__dropdown:before {
    pointer-events: none;
}

#shopify-section-sections--26109871882505__header .header__dropdown {
    border-bottom-color: #adadad !important;
    border-bottom: 1px;
    border-bottom-style: solid;
}

#shopify-section-sections--26109871882505__header .fit-cover {
    border-radius: 8px;
}

:root {
    --FREE-SHIPPING-GRADIENT: linear-gradient(55deg,
            rgba(58, 133, 126, 1) 50%,
            rgba(0, 66, 54, 1) 100%);
}

#CustomCode--template--26109873586441__section_custom_code_zwJLia {
    --PT: 0px;
    --PB: 0px;
}

#shopify-section-template--26109873586441__section_custom_code_zwJLia h1 {
    font-size: 68px;
    font-family: Druk;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #004236;
    text-align: center;
    margin: 50px 20px 0 20px;
}

#Rte--template--26109873586441__section_rich_text_RPxHDy {
    --PT: 60px;
    --PB: 60px;
}

@media only screen and (max-width: 749px) {
    #Rte--template--26109873586441__section_rich_text_RPxHDy {
        --PT-MOBILE: 40px;
        --PB-MOBILE: 40px;
    }
}

#SectionColumns--template--26109873586441__section_columns_3byi7y {
    --PT: 50px;
    --PB: 50px;
    --COLUMNS: 2;
    --COLUMNS-MEDIUM: 2;
    --COLUMNS-SMALL: 2;
    --COLUMNS-MOBILE: 0;
    --bg: #fafafa;
}

#BrickSection--template--26109873586441__section_custom_content_zGUBiW {
    --PT: 70px;
    --PB: 0px;
}

#BrickSection--template--26109873586441__section_custom_content_RQThmj {
    --PT: 0px;
    --PB: 0px;
}

#BrickSection--template--26109873586441__section_custom_content_HknTUA {
    --PT: 0px;
    --PB: 0px;
}

#BrickSection--template--26109873586441__section_custom_content_NbyinJ {
    --PT: 0px;
    --PB: 0px;
}

#BrickSection--template--26109873586441__section_custom_content_QB7peY {
    --PT: 0px;
    --PB: 70px;
}

#SectionColumns--template--26109873586441__section_multicolumn_CYA4Gg {
    --PT: 50px;
    --PB: 50px;
    --COLUMNS-MOBILE: 2;
    --bg: #004236;
    --text: #ffffff;
}

.site-footer-wrapper {
    --PT: 45px;
    --PB: 30px;
    --item-count: 6;
}

.shopify-section-group-group-footer {
    --border: #004236;
}

.footer__newsletter__wrapper .footer__block__title {
    --COLOR-HEADING: #ffffff;
}

#shopify-section-sections--26109871849737__footer .footer__block__title {
    font-weight: 500;
    color: #fff;
}

#AnchorLogo--sections--26109871849737__section_anchor_logo_7tmpb4 {
    --PT: 0px;
    --PB: 0px;
}

#CustomCode--sections--26109871849737__section_custom_code_FFd8bN {
    --PT: 0px;
    --PB: 0px;
}

#shopify-section-sections--26109871849737__section_custom_code_FFd8bN #rbnStrip img {
    max-width: 30%;
}

@media (max-width: 1043px) {
    #shopify-section-sections--26109871849737__section_custom_code_FFd8bN #rbnStrip img {
        max-width: 60%;
    }
}

#SupportingMenu--sections--26109871849737__supporting-menu {
    --PT: 30px;
    --PB: 30px;
}

#bntContactsubmit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.equal-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0/0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.equal-scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.equal-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0/0.3);
    background-color: #666;
}

.range-radius .slider:hover {
    opacity: 1;
}

.range-radius .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer;
}

.range-radius .slider::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4caf50;
    cursor: pointer;
}

#main-slider-storelocator::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0/0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

#main-slider-storelocator::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

#main-slider-storelocator::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0/0.3);
    background-color: #666;
}

.content-store-products::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0/0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.content-store-products::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5;
}

.content-store-products::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0/0.3);
    background-color: #666;
}

.storelocator-paged .page-item:hover,
.storelocator-paged .page-control.page-item.active:hover {
    background-color: #cecece;
}

.table-store-marker .ify-col-schedule .title-store-info:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    border-top: 5px solid #333;
    top: 18px;
    right: 10px;
}

.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
    content: var(--fa);
}

.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

:host,
:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

:host,
:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
    font-family: "FontAwesome";
    src: url(../assets/4a6591ab5460ae5cbff1ecbd6e52193a.woff2) format("woff2");
}

nav ul,
nav li {
    list-style: none;
    list-style-image: none;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.collection__products .underlay {
    --COLOR-UNDERLAY: rgba(248, 243, 233, 1);
}

.expanded~.underlay {
    visibility: visible;
    opacity: var(--underlay-opacity);
    transition-duration: 0.3s, 0s;
    transition-delay: 0.1s, 0s;
}

.grid-outer {
    position: relative;
    flex-grow: 1;
}

.grid__loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.3s,
        visibility 0.3s;
}

@media only screen and (max-width: 749px) {
    .grid__loader {
        z-index: 201;
    }
}

.grid__loader-line {
    position: sticky;
    width: 100%;
    margin: 0;
}

.has-header-sticky .grid__loader-line {
    top: calc(var(--collection-nav-height) + var(--header-height));
}

h2 {
    font-size: calc(var(--font-8) * var(--FONT-ADJUST-HEADING));
}

.h3,
.h5,
h1,
h2,
h3,
h5 {
    font-family: var(--FONT-STACK-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: var(--LETTER-SPACING-HEADING);
    line-height: 1.1;
    margin: 0.5em 0;
    text-transform: var(--FONT-UPPERCASE-HEADING, none);
    color: var(--COLOR-HEADING);
}

h3 strong {
    font-weight: var(--FONT-WEIGHT-HEADING-BOLD);
}

.caps,
.popout__toggle,
.badge-box {
    text-transform: uppercase;
    font-family: var(--FONT-STACK-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    font-size: calc(11px * var(--FONT-ADJUST-BODY));
    letter-spacing: 0.2px;
}

.rte ul {
    margin: 0 0 calc(var(--gutter) / 2) var(--gutter);
}

input,
.popout__toggle,
.input-group {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    font-size: var(--FONT-SIZE-BASE);
    border-radius: var(--RADIUS-SELECT);
    max-width: 100%;
    background: var(--TRANSPARENT);
    color: var(--COLOR-TEXT);
}

@media only screen and (max-width: 749px) {

    input,
    .popout__toggle,
    .input-group {
        padding: 9px 10px;
        font-size: 1rem;
    }
}

input,
.popout__toggle,
.input-group {
    opacity: 1;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

.popout__toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: transparent;
    background-size: 18px auto;
    text-indent: 0.01px;
    text-overflow: unset;
    cursor: pointer;
}

.index-rte,
.custom-code {
    background-color: var(--bg);
}

.index-rte,
.custom-code {
    color: var(--text);
}

.hero__content--compact {
    padding: 0;
}

.hero__title,
.hero__rte,
.hero__description {
    margin: 0 0 var(--block-padding-bottom, var(--line));
}

.rte ul {
    font-size: inherit;
}

.rte a,
.hero__rte a,
p a {
    --link: currentcolor;
    --link-hover: currentcolor;
    display: inline;
    text-decoration: none;
    cursor: pointer;
    padding: 0 0 5px;
    color: var(--link);
    line-height: normal;
    background: linear-gradient(to right, currentColor, currentColor);
    background-size: 100% 1px;
    background-position: 50% 86%;
    background-repeat: no-repeat;
    transition:
        color 0.25s ease-in,
        background-size 0.25s ease-in;
}

.product-item--featured-image .product-item__image {
    height: 100%;
}

.product-item--promo-image .product-item__image {
    border-radius: 8px;
}

.product-item--featured-image {
    color: var(--text);
}

.product-item__image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-item__image-content {
    position: relative;
    width: 100%;
    text-align: center;
}

.product-item__image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

popout-select {
    display: block;
}

.popout {
    --link: var(--text);
    --link-hover: var(--text);
    position: relative;
}

.popout__toggle {
    touch-action: manipulation;
    white-space: nowrap;
    background-image: none;
}

.popout__toggle span:not(.filter-count) {
    vertical-align: middle;
}

.popout-list {
    background-color: var(--COLOR-BG);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 10px 0;
    min-height: 30px;
    list-style-type: none;
    pointer-events: none;
}

.popout-list__item {
    padding: 0;
    margin: 0;
    text-align: left;
}

.popout-list__item a {
    color: var(--text);
}

.popout-list__option {
    padding: 8px 15px;
    width: 100%;
    max-width: var(--max-width);
    min-width: 220px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.collection__products {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.collection__products .grid {
    padding-top: 0;
}

.collection__products .grid-outer {
    padding: var(--gutter) var(--outer);
}

.collection__nav {
    --border-width: 0px;
    z-index: 11;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
}

.collection__nav--filter.collection__nav--sort {
    justify-content: space-between;
}

.collection__products {
    --duration: 0.6s;
}

.collection__sidebar {
    padding: var(--inner);
    font-size: calc(0.825rem * var(--FONT-ADJUST-BODY));
    overflow-y: auto;
    max-height: 100%;
    min-width: var(--sidebar-width);
    mask-image:
        linear-gradient(to top, transparent, black),
        linear-gradient(to left,
            transparent var(--scrollbar-width),
            black var(--scrollbar-width));
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image:
        linear-gradient(to top, transparent, black),
        linear-gradient(to left,
            transparent var(--scrollbar-width),
            black var(--scrollbar-width));
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition:
        mask-position 0.3s,
        -webkit-mask-position 0.3s;
}

.collection__sidebar__slider {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@media only screen and (min-width: 750px) {
    .collection__sidebar__slider {
        position: sticky;
        width: 0;
        transition-property: min-width, margin, transform, visibility;
        transition-duration: var(--duration);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
}

@media only screen and (max-width: 749px) {
    .collection__sidebar__slider {
        position: fixed;
        z-index: 6100;
        top: 0;
        height: 100%;
        transition:
            transform var(--duration) cubic-bezier(0.215, 0.61, 0.355, 1),
            visibility var(--duration);
    }
}

@media only screen and (max-width: 749px) {
    .collection__sidebar__slider.drawer--animated {
        --base-animation-delay: 0ms;
    }
}

@media only screen and (min-width: 750px) {
    .has-header-sticky .collection__sidebar__slider {
        --border-width: 0;
        top: calc(var(--collection-nav-height) + var(--header-height) - var(--border-width));
        height: calc(var(--full-screen) - var(--collection-nav-height) + var(--border-width));
    }
}

@media only screen and (min-width: 750px) {
    .collection__sidebar__slider .collection__sidebar {
        padding: var(--inner) var(--gutter) var(--inner) var(--outer);
        transition:
            transform var(--duration) cubic-bezier(0.215, 0.61, 0.355, 1),
            mask-position var(--duration),
            -webkit-mask-position var(--duration);
    }
}

.collection__sidebar__slider.expanded {
    visibility: visible;
}

@media only screen and (min-width: 750px) {
    .collection__sidebar__slider.expanded .collection__sidebar {
        transform: translate(0);
    }
}

@media only screen and (min-width: 750px) {
    .collection__sidebar__slider.expanded {
        transform: translateZ(0);
        min-width: var(--sidebar-width);
        margin-right: calc((var(--outer) - var(--gutter)) * -1);
    }
}

@media only screen and (max-width: 749px) {
    .collection__sidebar__slider.expanded {
        transform: translateZ(0);
        width: 100%;
    }

    .filter_title {
        display: none;
    }
}

.products_count {
    padding-left: var(--outer);
    font-family: Recoleta;
    font-weight: 500;
    font-size: 20px;
}

@media (max-width: 749px) {
    .products_count {
        width: 100%;
        padding-left: 0;
        text-align: center;
        order: 3;
        margin-top: 16px;
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 750px) {
    .collection__filters {
        --padding: calc(var(--inner) * 2);
        --width: var(--sidebar-width);
        width: calc(var(--width) - var(--padding));
    }
}

@media only screen and (min-width: 750px) {
    .collection__sidebar__slider .collection__filters {
        --padding: calc(var(--gutter) + var(--outer));
    }
}

.collection__sidebar__actions {
    padding-top: 17px;
}

.collection__sidebar__link {
    --icon-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 12px;
    text-decoration: underline;
}

.collection__sidebar__link svg {
    position: relative;
    fill: none;
    transform: rotate(90deg);
    left: 12px;
    top: 0;
}

.filter-group__heading {
    position: relative;
    padding: 0 15px 15px 0;
    margin-bottom: 0;
}

.filter-group__heading .icon {
    --icon-size: 18px;
    top: 14px;
}

.collection-nav {
    list-style-type: none;
    overflow: hidden;
    padding: 0 0 1px;
    margin: 0;
}

.sidebar__item {
    position: relative;
    font-size: calc(0.725rem * var(--FONT-ADJUST-BODY));
    padding: 0;
    margin: 16px 0 0;
    overflow-wrap: break-word;
}

.sidebar__item label {
    cursor: pointer;
}

.sidebar__item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
}

.link--add label {
    position: relative;
    display: flex;
    align-items: center;
}

.popout--sort .popout {
    height: 100%;
}

.popout--sort .popout-list {
    z-index: 1000;
    max-height: 90vh;
    top: 100%;
    bottom: initial;
    right: 50px;
    max-width: 100vw !important;
    border-radius: 5px;
    border: 1px solid #004236;
}

.popout--group .popout__toggle,
.popout--sort .popout__toggle {
    height: auto;
    border-top: none;
    border-bottom: none;
    border-right: none;
    margin: 0;
    opacity: 1;
}

@media only screen and (min-width: 990px) {

    .popout--group .popout__toggle,
    .popout--sort .popout__toggle {
        padding: 12px 18px;
    }
}

.popout--sort .popout__toggle__text:nth-child(2) {
    display: none;
}

.popout--sort .popout__toggle {
    padding-left: inherit;
    padding-right: inherit;
    border: 1px solid #8c8c8c;
    border-radius: 4px;
    margin-right: 50px;
    padding: 11px 20px;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5e5e5e;
}

.popout__toggle__text {
    display: inline-flex;
    align-items: center;
    color: #004236;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 749px) {
    .popout--sort .popout__toggle {
        width: 100%;
        padding: 12px 15px;
        margin-right: 0;
    }

    .popout--sort {
        width: calc(50% - 22px);
        margin-right: var(--outer);
    }

    .popout--group {
        width: calc(50% - 22px);
        margin-left: var(--outer);
    }
}

.popout--sort .popout-list {
    width: 0;
    min-width: 0;
    margin-top: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    transition:
        opacity 0.2s ease,
        width 0.2s ease,
        visibility 0.2s;
}

.popout--sort .popout-list__item {
    white-space: normal;
    min-width: calc(170px - var(--scrollbar-width));
}

.popout--group .popout__toggle {
    display: flex;
    align-items: center;
    padding-left: var(--outer);
    padding-right: var(--outer);
    border: 1px solid var(--COLOR-TEXT);
    width: 100%;
    opacity: 1;
}

.collection__sidebar__head {
    position: relative;
    width: 100%;
    padding: 24px calc(var(--inner) + 24px) 24px var(--inner);
}

.collection__sidebar__buttons {
    position: sticky;
    left: 0;
    right: var(--scrollbar-width);
    bottom: 0;
    z-index: 2;
    min-width: calc(var(--sidebar-width) - var(--scrollbar-width));
    padding: 5px var(--inner) 15px;
    margin-top: auto;
    background: var(--bg);
}

@media only screen and (min-width: 750px) {
    .collection__sidebar__slider .collection__sidebar__buttons {
        padding: 5px 15px 15px;
    }
}

.collection__products .underlay {
    z-index: 6000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 749px) {
    .filter-group__heading {
        border-bottom: 1px solid var(--dark-grey);
        padding: 0 15px 20px 0;
    }
}

@media (min-width: 750px) {
    .popout--group .hide_toggle {
        opacity: 0;
        cursor: initial;
        display: none;
    }

    .filter-group__heading .icon {
        display: none;
    }
}

.filter_title {
    font-size: 14px;
    font-weight: 500;
    padding: 25px 0 0 var(--outer);
}

@media only screen and (min-width: 750px) {
    .mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .collection__sidebar__buttons {
        background-color: #f5f5f5;
        padding-top: 15px;
        margin: auto 0 0;
    }

    .collection__sidebar__slider {
        transition: 0.6s all ease !important;
    }
}

.filter__price--ranges .filter__price__ranges-list {
    list-style: none;
    margin: 0;
    padding-bottom: 5px;
}

.filter__price--ranges .filter__price__range-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.collection-faq-section .collection-faq__heading {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0;
    font-size: 32px;
    color: #004236;
}

.collection-faq-section .faq-question-title {
    margin: 0;
    flex: 1;
    font-size: 18px;
}

.collection-faq-section .collection-faq__accordions [data-collapsible-trigger] .icon {
    width: 20px;
    height: 20px;
    color: #004236;
}

.collection-faq-section .collection-faq__accordions .accordion {
    background-color: transparent;
    border-bottom: 0;
    border-top: 1px solid rgba(0, 66, 54, 0.2);
}

.collection-faq-section .collection-faq__accordions .collection-faq__item:first-child .accordion {
    border-top: 0;
}

.collection-faq-section .collection-faq__accordions .collection-faq__item:last-child .accordion {
    border-bottom: 1px solid rgba(0, 66, 54, 0.2);
}

.collection-faq-section .collection-faq__accordions .accordion__content {
    font-size: 14px !important;
}

.collection-faq-section .accordion__title {
    color: #004236;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

@media only screen and (max-width: 749px) {
    .collection-faq-section .collection-faq__heading {
        margin-bottom: 32px;
    }
}

@media (max-width: 767px) {
    .filter-group__heading {
        font-size: 16px;
        padding-left: 10px;
    }

    details[open="true"] .filter-group__heading {
        font-weight: 500;
    }

    .filter_title {
        padding-left: 0;
        display: block;
        position: absolute;
        top: 0;
        left: 19px;
        padding-top: 20px;
        margin: 0;
    }
}

@media screen and (min-width: 991px) and (max-width: 1190px) {
    #CollectionLoop.grid {
        --COLUMNS: 3;
    }
}

@media only screen and (max-width: 749px) {
    .template-collection .filter-group:not(.filter-group--hidden)~.filter-group {
        margin: 20px 0 !important;
    }
}

.template-collection p.filter_title.caps.hide-mobile {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.template-collection div#filter-groups,
.template-collection .collection__products {
    background: #fafafa;
}

.template-collection .collection__nav--filter.collection__nav--sort {
    padding-top: 40px;
    background: #fafafa;
}

.template-collection .filter-group:not(.filter-group--hidden)~.filter-group {
    margin: 32px 0;
}

.template-collection .link--add label,
.link--add label {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;
    padding-left: calc(1em + 24px);
}

.template-collection .sidebar__item label.filter-label--multiline {
    line-height: normal;
}

.template-collection summary.filter-group__heading,
summary.filter-group__heading {
    color: #373737;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    display: flex;
    align-items: center;
    gap: 3px;
}

.template-collection a.collection__sidebar__link {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.template-collection .collection__sidebar__buttons {
    display: none;
}

.template-collection .collection__products .grid {
    row-gap: 44px;
    column-gap: 22px;
}

@media only screen and (max-width: 749px) {
    .template-collection .collection__products .grid {
        row-gap: 44px;
        column-gap: 32px;
    }

    .template-collection .collection__products .grid-outer {
        padding-bottom: 32px;
    }
}

.template-collection .product-item--promo-image .product-item__image-content p {
    font-family: Recoleta !important;
    font-weight: 500;
    letter-spacing: 0.14px;
}

.template-collection .product-item--promo-image .product-item__image-overlay {
    padding: 24px;
}

.template-collection .wrapper.collection__load-more-block {
    padding-top: 75px;
}

.template-collection a.load-more_btn {
    column-gap: 10px;
    padding: 16px 32px;
    color: #fff;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    border-radius: 4px;
}

.template-collection button.popout__toggle.popout__toggle--filters.hide_toggle {
    border-radius: 4px;
    background: #004236;
    padding: 16px 32px;
    justify-content: center;
    column-gap: 10px;
    color: #fff;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}

.template-collection .popout--sort .popout__toggle {
    gap: 10px;
}

.template-collection .collection__nav .popout__toggle--filters svg,
.template-collection .collection__nav .popout--sort .popout__toggle svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    flex-shrink: 0;
}

@media only screen and (max-width: 749px) {
    .template-collection .popout--sort .popout__toggle {
        border-radius: 4px;
        border: 1px solid #8c8c8c;
        background: #fff;
        padding: 16px 32px;
        width: 100%;
        justify-content: center;
    }

    .template-collection .collection__load-more-block {
        flex-direction: column-reverse;
    }
}

.collection-content .hero__content {
    max-width: 100%;
}

.metafield-rich_text_field {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.14px;
}

#CollectionBanner--template--26109874241801__collection_banner_bG9RDL {
    --PT: 0px;
    --PB: 0px;
    --banner-card-bg: rgba(255, 255, 255, 0.95);
    --banner-card-text: #004236;
}

.collection-banner {
    position: relative;
    overflow: hidden;
}

.collection-banner__inner {
    position: relative;
    min-height: 380px;
}

.collection-banner__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.collection-banner__bg .image-wrapper {
    width: 100%;
    height: 100%;
}

.collection-banner__content {
    position: relative;
    z-index: 2;
    padding: 40px 50px 80px 50px;
    display: flex;
    flex-direction: column;
    min-height: 380px;
    justify-content: space-between;
}

.collection-banner__breadcrumbs {
    margin-bottom: 48px;
    font-size: 0.875rem;
}

.collection-banner__breadcrumbs .breadcrumbs {
    color: inherit;
    font-family: "Aktiv Grotesk";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.collection-banner__breadcrumbs a {
    color: inherit;
}

.collection-banner__breadcrumbs .breadcrumbs a:hover {
    color: inherit !important;
}

.collection-banner--no-image .collection-banner__breadcrumbs .breadcrumbs a:hover {
    color: var(--link-hover) !important;
}

.collection-banner__breadcrumbs a:hover {
    text-decoration: underline;
}

.collection-banner__heading {
    font-family: var(--FONT-STACK-HEADING, Georgia, serif);
    font-size: 48px;
    font-weight: 500;
    margin: 0 0 1.5rem;
    line-height: 120%;
}

.collection-banner__tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.collection-quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 0px;
}

.main-quick-links a {
    display: flex;
    border-radius: 8px;
    background: #fff;
    align-items: center;
    padding: 16px;
    gap: 16px;
}

.main-quick-links p {
    color: #004236;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    width: 100%;
    margin: 0;
    display: block;
    white-space: nowrap;
}

h1.collection-banner__heading {
    margin-bottom: 48px;
}

.collection-banner__bg .image-wrapper {
    border-radius: 0;
}

.collection-banner__bg .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 749px) {
    .main-quick-links a {
        padding: 16px;
    }

    h1.collection-banner__heading {
        margin-bottom: 32px;
        font-size: 44px;
    }

    .collection-banner__breadcrumbs {
        margin-bottom: 180px;
    }

    .collection-banner__content {
        padding: 32px 16px 50px 16px;
    }

    .collection-quick-links {
        padding-bottom: 0px;
    }
}

#Collection--template--26109874241801__main {
    --PT: 0px;
    --PB: 0px;
    --COLUMNS: 3;
    --COLUMNS-MEDIUM: 3;
    --COLUMNS-SMALL: 2;
    --COLUMNS-MOBILE: 1;
}

.load-more-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.products_count--load-more {
    color: #373737;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding-left: 0;
}

.collection__load-more-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-item--promo-image .product-item__image.mobile-hide {
    aspect-ratio: 16/9;
    padding-top: 0;
}

#Product-item--promo_block_FbLDMc {
    --span-desktop: 1;
    --span-mobile: 1;
    --featured-font-size-desktop: 32px;
    --featured-font-size-mobile: 28px;
    --subhead-featured-font-size-desktop: 12px;
    --subhead-featured-font-size-mobile: 12px;
    --featured-text-color: #004236;
    --subheading-text-color: #004236;
    --featured-font-family: var(--FONT-STACK-HEADING, inherit);
    --sub_head_featured-font-family: var(--FONT-STACK-BODY, inherit);
    --featured_button_family: var(--FONT-STACK-BODY, inherit);
    --featured-text-align: center;
    --featured-align-items: center;
    --featured-justify-content: flex-start;
    --text: #004236;
    --overlay-opacity: 0;
    --overlay-bg: ;
}

#Product-item--promo_block_FbLDMc .mobile-hide {
    display: block;
}

#Product-item--promo_block_FbLDMc .product-item__image-overlay {
    color: var(--featured-text-color);
    font-family: var(--featured-font-family);
    text-align: var(--featured-text-align);
    display: flex;
    flex-direction: column;
    align-items: var(--featured-align-items);
    justify-content: var(--featured-justify-content);
}

#Product-item--promo_block_FbLDMc .product-item__image-content h3 {
    font-family: "Druk" !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.8px;
}

@media (max-width: 749px) {
    #Product-item--promo_block_FbLDMc .mobile-hide {
        display: none;
    }

    #Product-item--promo_block_FbLDMc .desktop-hide {
        display: block;
    }
}

#Product-item--promo_block_DepcBQ {
    --span-desktop: 1;
    --span-mobile: 1;
    --featured-font-size-desktop: 32px;
    --featured-font-size-mobile: 26px;
    --subhead-featured-font-size-desktop: 14px;
    --subhead-featured-font-size-mobile: 11px;
    --featured-text-color: #004236;
    --subheading-text-color: #004236;
    --featured-font-family: var(--FONT-STACK-HEADING, inherit);
    --sub_head_featured-font-family: var(--FONT-STACK-BODY, inherit);
    --featured_button_family: var(--FONT-STACK-BODY, inherit);
    --featured-text-align: center;
    --featured-align-items: center;
    --featured-justify-content: flex-start;
    --text: #004236;
    --overlay-opacity: 0.05;
    --overlay-bg: ;
}

#Product-item--promo_block_DepcBQ .mobile-hide {
    display: block;
}

#Product-item--promo_block_DepcBQ .product-item__image-overlay {
    color: var(--featured-text-color);
    font-family: var(--featured-font-family);
    text-align: var(--featured-text-align);
    display: flex;
    flex-direction: column;
    align-items: var(--featured-align-items);
    justify-content: var(--featured-justify-content);
}

#Product-item--promo_block_DepcBQ .product-item__image-content h3 {
    font-family: "Druk" !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.8px;
}

@media (max-width: 749px) {
    #Product-item--promo_block_DepcBQ .mobile-hide {
        display: none;
    }

    #Product-item--promo_block_DepcBQ .desktop-hide {
        display: block;
    }
}

#Product-item--promo_block_FbLDMc {
    grid-column: span var(--span-desktop, 1);
    --span-desktop: 1;
    --span-mobile: 1;
    --featured-font-size-desktop: 32px;
    --featured-font-size-mobile: 28px;
    --subhead-featured-font-size-desktop: 12px;
    --subhead-featured-font-size-mobile: 12px;
    --featured-text-color: #004236;
    --subheading-text-color: #004236;
    --featured-font-family: var(--FONT-STACK-HEADING, inherit);
    --sub_head_featured-font-family: var(--FONT-STACK-BODY, inherit);
    --featured_button_family: var(--FONT-STACK-BODY, inherit);
    --featured-text-align: center;
    --featured-align-items: center;
    --featured-justify-content: flex-start;
    --text: #004236;
    --overlay-opacity: 0;
    --overlay-bg: ;
}

#Product-item--promo_block_FbLDMc .product-item__image-content {
    text-align: var(--featured-text-align);
}

#Product-item--promo_block_FbLDMc .product-item__image-content h3 {
    font-size: var(--featured-font-size-desktop);
    color: var(--featured-text-color);
}

#Product-item--promo_block_FbLDMc .product-item__bg:hover .video-play-pause,
#Product-item--promo_block_FbLDMc .product-item__bg:focus-within .video-play-pause {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 749px) {
    #Product-item--promo_block_FbLDMc {
        grid-column: span var(--span-mobile, 1);
    }

    #Product-item--promo_block_FbLDMc .product-item__image-content h3 {
        font-size: var(--featured-font-size-mobile);
    }
}

#Product-item--promo_block_DepcBQ {
    grid-column: span var(--span-desktop, 1);
    --span-desktop: 1;
    --span-mobile: 1;
    --featured-font-size-desktop: 32px;
    --featured-font-size-mobile: 26px;
    --subhead-featured-font-size-desktop: 14px;
    --subhead-featured-font-size-mobile: 11px;
    --featured-text-color: #004236;
    --subheading-text-color: #004236;
    --featured-font-family: var(--FONT-STACK-HEADING, inherit);
    --sub_head_featured-font-family: var(--FONT-STACK-BODY, inherit);
    --featured_button_family: var(--FONT-STACK-BODY, inherit);
    --featured-text-align: center;
    --featured-align-items: center;
    --featured-justify-content: flex-start;
    --text: #004236;
    --overlay-opacity: 0.05;
    --overlay-bg: ;
}

#Product-item--promo_block_DepcBQ .product-item__image-content {
    text-align: var(--featured-text-align);
}

#Product-item--promo_block_DepcBQ .product-item__image-content h3 {
    font-size: var(--featured-font-size-desktop);
    color: var(--featured-text-color);
}

#Product-item--promo_block_DepcBQ .product-item__image-content p {
    font-size: var(--subhead-featured-font-size-desktop);
    font-family: var(--sub_head_featured-font-family);
    color: var(--subheading-text-color);
}

#Product-item--promo_block_DepcBQ .product-item__bg:hover .video-play-pause,
#Product-item--promo_block_DepcBQ .product-item__bg:focus-within .video-play-pause {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 749px) {
    #Product-item--promo_block_DepcBQ {
        grid-column: span var(--span-mobile, 1);
    }

    #Product-item--promo_block_DepcBQ .product-item__image-content h3 {
        font-size: var(--featured-font-size-mobile);
    }

    #Product-item--promo_block_DepcBQ .product-item__image-content p {
        font-size: var(--subhead-featured-font-size-mobile);
    }
}

#CustomCode--template--26109874241801__section_custom_code_DLHXD4 {
    --PT: 0px;
    --PB: 0px;
}

#Rte--template--26109874241801__section_rich_text_iykkMh {
    --PT: 56px;
    --PB: 64px;
}

@media only screen and (max-width: 749px) {
    #Rte--template--26109874241801__section_rich_text_iykkMh {
        --PT-MOBILE: 40px;
        --PB-MOBILE: 40px;
    }
}

.collection-content .hero__rte.body-size-4.font-body.block-padding {
    width: 100%;
    color: #373737;
    font-family: "Aktiv Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.16px;
    max-width: 50%;
}

@media only screen and (max-width: 991px) {
    .collection-content .hero__rte.body-size-4.font-body.block-padding {
        max-width: 100%;
    }
}

#CollectionFaq--template--26109874241801__collection_faq_97AwGL {
    --PT: 0px;
    --PB: 60px;
    --text: #004236;
    --text-dark: #000000;
    --text-a35: rgba(0, 66, 54, 0.35);
    --text-a70: rgba(0, 66, 54, 0.7);
    --text-a75: rgba(0, 66, 54, 0.75);
}

h3.faq-question-title {
    font-size: 18px;
}

h2.collection-faq__heading {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0;
}

.collection-faq__accordions [data-collapsible-trigger] .icon {
    width: 20px;
    height: 20px;
}

.collection-faq__accordions .accordion {
    background-color: transparent;
}

.collection-faq__accordions .accordion__content {
    font-size: 14px !important;
}

.collection-faq__accordions .collection-faq__item:last-child .accordion {
    border-bottom: 1px solid var(--dark-grey);
}

.collection-faq__accordions .accordion {
    border-bottom: 0;
}

.accordion__title {
    font-size: 18px;
}

.collection-faq-section .wrapper {
    max-width: 100%;
}

.collection-faq__item:first-child summary.accordion__title {
    padding-top: 0;
}

@media only screen and (max-width: 749px) {
    #CollectionFaq--template--26109874241801__collection_faq_97AwGL [data-collapsible-content] {
        transform: none !important;
        animation: none !important;
    }
}

@media only screen and (min-width: 990px) {

    .grid--slider,
    .section-columns .grid--slider {
        --item-width: calc((90vw - var(--scrollbar-width) - var(--outer) * 2) * 0.28);
    }
}

@media only screen and (max-width: 749px) {
    .screen-height-one-half--mobile {
        min-height: var(--one-half);
    }
}

.font-body {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
}

.heading-size-8 {
    font-size: calc(var(--font-8) * var(--FONT-ADJUST-HEADING));
}

@media only screen and (max-width: 749px) {
    .image__hero__frame.image-height--mobile {
        padding-top: calc(1 / var(--aspect-ratio-mobile, var(--aspect-ratio)) * 100%);
        height: auto;
    }
}

.breadcrumbs {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0;
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    color: #373737;
    font-weight: 400;
}

@media only screen and (max-width: 749px) {
    .breadcrumbs {
        padding: 0 15px 0 0;
        margin-left: 0;
    }
}

.index-rte,
.index-image-text,
.custom-code {
    background-color: var(--bg);
}

.index-rte,
.index-image-text,
.custom-code {
    color: var(--text);
}

.wide-image {
    overflow: hidden;
    position: relative;
    background-color: transparent;
}

.index-rte {
    position: relative;
}

.index-rte .hero__content__wrapper {
    overflow: unset;
}

.index-rte .hero__content {
    width: 100%;
}

.index-rte .hero__content--compact {
    margin-bottom: 0;
}

.hero__content__wrapper.text-center {
    justify-content: center;
}

.hero__title,
.hero__rte,
.hero__description,
.hero__button {
    margin: 0 0 var(--block-padding-bottom, var(--line));
}

.hero__rte p:first-child {
    margin-top: 0;
}

.hero__rte p:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 750px) {
    .grid-container--inline {
        display: flex;
        padding: 0 var(--outer);
    }

    .grid-container--inline .grid-outer {
        padding-left: 0;
        overflow: hidden;
    }

    .grid-container--inline .grid-outer:only-child {
        max-width: none;
    }

    .grid-container--inline .grid__items-holder {
        flex: 1 0 auto;
        margin-right: var(--outer-offset);
        max-width: calc(100% - var(--content-width));
    }

    .grid-container--inline .grid__heading-holder {
        margin: 0;
        flex: 0 0 var(--content-width);
        margin-right: var(--outer);
        padding: 0;
    }

    .grid-container--inline .grid__heading-holder--sticky {
        align-self: flex-start;
    }

    .grid-container--inline .grid__heading-holder--sticky .grid__heading-text:only-child {
        margin-bottom: var(--outer);
    }

    .grid-container--inline .grid__heading-text {
        width: auto;
    }
}

@media only screen and (min-width: 990px) {
    .grid-container--inline {
        --content-width: 28%;
        --item-width: 38% !important;
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .grid-container--inline {
        --content-width: 28%;
        --item-width: 72% !important;
    }
}

.grid__description>*:last-child {
    margin-bottom: 0;
}

.template-collection .container {
    background-color: var(--TRANSPARENT);
}

.brick__section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (min-width: 750px) {
    .brick__section {
        flex-wrap: nowrap;
    }
}

.brick__block {
    flex: 0 1 100%;
    width: 100%;
    color: var(--text);
    background-color: var(--bg);
}

@media only screen and (min-width: 750px) {
    .brick__block {
        flex: 1 1 50%;
    }
}

@media only screen and (min-width: 750px) {
    .brick__section--reversed .brick__block:nth-child(2):last-child {
        order: -1;
    }
}

.brick__block__text {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 32px;
    background-color: var(--bg);
    margin: 0 auto;
}

.brick__block__text {
    flex-basis: 100%;
}

@media only screen and (max-width: 749px) {
    .brick__block__text {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

.brick__block__image {
    border-radius: 8px;
}

.brick__section--reversed .brick__block:last-child .brick__block__text:not(.has-padding) {
    padding-left: 0;
}

@media only screen and (min-width: 750px) {

    .brick__block__image,
    .brick__block__image .image__hero__frame:not(.image-height) {
        height: 100%;
    }
}

@media only screen and (max-width: 749px) {
    .brick__block__image .image-height--mobile {
        min-height: 100%;
    }

    .brick__block__image .image__hero__frame:not(.image-height--mobile) {
        height: 100%;
    }
}

.brick__block--images {
    display: flex;
}

.brick__block--images .brick__block__image {
    flex: 1;
    display: flex;
    min-height: 100%;
    border-radius: 8px;
}

@media only screen and (min-width: 750px) {
    .brick__block--images .brick__block__image {
        transform: translate(0) !important;
    }
}

.brick__block--text {
    display: flex;
}

.brick__block--text .hero__content--compact {
    flex-basis: 100%;
}

@media only screen and (max-width: 749px) {
    .brick__block--text {
        max-width: 100%;
    }

    .brick__block--text .hero__content--compact {
        padding: var(--outer) var(--outer) calc(var(--outer) - var(--line));
        margin-bottom: 0;
    }

    .brick__block--text .hero__content--no-padding {
        padding-left: 0;
        padding-right: 0;
    }
}

.quick-add__button {
    position: relative;
    text-decoration: none;
    width: 100%;
    padding: 12px 16px;
    cursor: pointer;
    text-align: center;
    box-shadow: none;
    color: var(--COLOR-TEXT);
    border: 1px solid var(--COLOR-TEXT);
    border-radius: 5px;
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .template-collection .product-item__view-product a.btn.btn--outline.btn--primary {
        height: auto;
    }
}

.template-collection p.product_short_description,
.template-collection .quick-add__button {
    display: none;
}

.template-collection span.badge-box {
    border-radius: 4px;
    background: var(--COLOR-BADGE-BG);
    color: #004236;
    font-family: Aktiv Grotesk;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.template-collection p.product-item__title {
    color: #004236;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
    letter-spacing: 0.14px;
    margin-bottom: 8px;
    margin-top: 3px;
}

.template-collection .product-item__price {
    display: flex;
    align-items: center;
    gap: 10px;
}

.template-collection .product-item__price span.price {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.template-collection .yotpo-widget-instance {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 749px) {
    .template-collection .yotpo-widget-instance {
        min-height: auto;
    }
}

.template-collection .yotpo-widget-instance {
    padding-top: 16px;
}

@media only screen and (min-width: 750px) {
    .section-columns.section-columns--custom-slider .grid__heading-holder {
        min-height: 90px;
        box-sizing: border-box;
    }
}

.sticky-featured-collection {
    background-color: var(--bg);
}

.sticky-featured-collection .grid-container--inline {
    max-width: 100%;
    box-sizing: border-box;
}

.sticky-featured-collection .grid__items-holder {
    min-width: 0;
    flex: 1 1 0;
    max-width: calc(100% - var(--content-width) - var(--outer, 24px));
    overflow-x: hidden;
}

.sticky-featured-collection .grid-outer {
    min-width: 0;
    overflow: hidden;
    max-width: 100%;
}

.sticky-featured-collection .grid__heading {
    margin-bottom: 24px;
    color: #004236;
    font-family: Recoleta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1px;
    text-transform: capitalize;
    max-width: 300px;
}

.grid__heading-actions .btn--primary.btn.btn--solid {
    border: 1px solid transparent;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.sticky-featured-collection .grid__heading-actions {
    margin-top: 32px;
}

.sticky-featured-collection .grid-container--inline {
    gap: 48px;
}

@media only screen and (min-width: 990px) {
    .sticky-featured-collection .grid-container--inline {
        --content-width: 32%;
        --item-width: 38% !important;
        gap: 60px;
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .sticky-featured-collection .grid__items-holder {
        max-width: calc(100% - var(--content-width) - var(--outer, 24px));
    }
}

@media only screen and (max-width: 768px) {
    .sticky-featured-collection .grid-container--inline {
        display: block;
    }

    .sticky-featured-collection .grid__heading-holder {
        position: relative !important;
        margin-bottom: 40px;
        top: 0 !important;
    }

    .sticky-featured-collection .grid__items-holder {
        max-width: 100%;
    }

    .sticky-featured-collection .grid--mobile-slider .grid-item {
        width: calc(100% - var(--gap, 16px));
        min-width: calc(100% - var(--gap, 16px));
    }

    .sticky-featured-collection .slider__arrows {
        display: none;
    }
}

@media only screen and (min-width: 750px) {
    .sticky-featured-collection .grid-container--inline .grid__heading-holder--sticky {
        position: sticky;
        top: calc(var(--outer, 24px) + var(--header-sticky-height, 0px));
    }
}

@media only screen and (max-width: 749px) {
    .sticky-featured-collection {
        --padding-top: calc(var(--PT));
        --padding-bottom: calc(var(--PB));
        padding-left: 20px;
        padding-right: 20px;
    }

    .sticky-featured-collection .grid__heading-holder {
        --outer: 0px;
    }

    .sticky-featured-collection .grid.grid--mobile-slider {
        padding-left: max(16px, var(--outer));
        scroll-padding-left: max(16px, var(--outer));
    }

    .sticky-featured-collection .product-item__info {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .brick__block--text .hero__content--no-padding {
        padding: 0;
    }

    .index-rte.section-padding {
        padding-top: var(--PT-MOBILE, var(--padding-top));
        padding-bottom: var(--PB-MOBILE, var(--padding-bottom));
    }
}

#CollectionBanner--template--26126050165001__collection_banner_bG9RDL {
    --PT: 0px;
    --PB: 0px;
    --banner-card-bg: rgba(255, 255, 255, 0.95);
    --banner-card-text: #004236;
}

#Rte--template--26126050165001__section_rich_text_iykkMh {
    --PT: 56px;
    --PB: 64px;
}

@media only screen and (max-width: 749px) {
    #Rte--template--26126050165001__section_rich_text_iykkMh {
        --PT-MOBILE: 40px;
        --PB-MOBILE: 40px;
    }
}

#SectionColumns--template--26126050165001__section_multicolumn_Ddh6gV {
    --PT: 40px;
    --PB: 20px;
    --COLUMNS-MOBILE: 0;
    --bg: #004236;
    --text: #ffffff;
}

#shopify-section-template--26126050165001__section_multicolumn_Ddh6gV .grid__heading {
    color: #ffffff;
}

#shopify-section-template--26126050165001__section_multicolumn_Ddh6gV h6 {
    color: #ffffff;
}

#shopify-section-template--26126050165001__section_multicolumn_Ddh6gV h5 {
    color: #ffffff;
}

#SectionColumns--template--26126050165001__section_multicolumn_9DiGaR {
    --PT: 40px;
    --PB: 20px;
    --COLUMNS-MOBILE: 0;
    --bg: #ffffff;
    --text: #004236;
}

#StickyFeaturedCollection--template--26126050165001__section_sticky_featured_collection_CtXC6B {
    --PT: 40px;
    --PB: 40px;
    --content-width: 35%;
    --COLUMNS: 2;
    --COLUMNS-MEDIUM: 2;
    --COLUMNS-SMALL: 2;
    --COLUMNS-MOBILE: 1;
    --bg: #fafafa;
}

@media only screen and (max-width: 749px) {
    #StickyFeaturedCollection--template--26126050165001__section_sticky_featured_collection_CtXC6B {
        --PT: 40px;
        --PB: 40px;
    }
}

#BrickSection--template--26126050165001__section_custom_content_JDcJHp {
    --PT: 40px;
    --PB: 40px;
}

html,
body,
div,
span,
iframe,
p,
img,
small,
dl,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
details,
figure,
footer,
header,
nav,
section,
summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
details,
figure,
footer,
header,
nav,
section {
    display: block;
}

ol {
    list-style-type: decimal;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

.fade-toggle {
    visibility: visible;
    opacity: 1;
    transition:
        opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),
        visibility 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.is-hidden {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.divider-holder {
    overflow: hidden;
}

dialog {
    position: fixed;
    z-index: 6000;
    width: 100vw;
    height: 100%;
    max-width: 100vw;
    max-height: 100%;
    padding: 0;
    background: none;
    border: 0;
    margin: 0;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

dialog:not([open]) {
    pointer-events: none;
    display: none;
}

@media only screen and (min-width: 990px) {
    .grid--slider {
        --item-width: calc((90vw - var(--scrollbar-width) - var(--outer) * 2) * 0.28);
    }
}

@media only screen and (max-width: 749px) {
    .grid--mobile-slider {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        gap: 0;
        margin-left: var(--outer-offset);
        margin-right: var(--outer-offset);
        padding-right: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-padding: var(--outer);
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .grid--mobile-slider .grid-item:only-child {
        flex: 0 1 100%;
    }
}

.related__wrapper .slider__arrows {
    display: none;
}

.container {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    min-height: 100%;
    background-color: var(--COLOR-BG);
}

.block-padding {
    margin-top: var(--block-padding-top, 0px);
    margin-bottom: var(--block-padding-bottom, 16px);
}

dl {
    margin-bottom: 1.5em;
}

[data-collapsible-trigger] {
    position: relative;
    cursor: pointer;
    list-style: none;
}

[data-collapsible-trigger] .icon-minus {
    visibility: hidden;
    opacity: 0;
}

[data-collapsible-body] {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}

[data-collapsible-content] {
    display: grid;
    grid-template-columns: 100%;
    opacity: 1;
    transform: translateY(-20px);
}

h1,
.h1 {
    font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING));
}

h3,
.h3 {
    font-size: calc(var(--font-7) * var(--FONT-ADJUST-HEADING));
}

h4 {
    font-size: calc(var(--font-6) * var(--FONT-ADJUST-HEADING));
}

.h1,
.h3,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-family: var(--FONT-STACK-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: var(--LETTER-SPACING-HEADING);
    line-height: 1.1;
    margin: 0.5em 0;
    text-transform: var(--FONT-UPPERCASE-HEADING, none);
    color: var(--COLOR-HEADING);
}

.h6--body {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    text-transform: none;
    margin: 0.5em 0;
    line-height: 1.2;
}

.h6--body {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
}

small,
.small {
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
}

ul,
ol {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    margin: 0 0 1.5em 1.3em;
}

.rte ul,
.rte ol {
    margin: 0 0 calc(var(--gutter) / 2) var(--gutter);
}

.rte ul {
    list-style: disc outside;
}

.btn {
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: var(--btn-radius);
    background-color: var(--btn-bg);
    font-family: var(--BTN-FONT-STACK);
    line-height: var(--line-height-normal);
    color: var(--btn-text);
    font-style: var(--BTN-FONT-STYLE);
    font-weight: var(--BTN-FONT-WEIGHT);
    letter-spacing: var(--BTN-LETTER-SPACING);
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    text-transform: var(--BTN-UPPERCASE);
    transition: 0.25s ease-out;
    transition-property: color, background, border;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btn span.btn__added,
.btn span.btn__loader {
    top: 50%;
    left: 50%;
    position: absolute;
}

.btn:not(.btn--text) span:not([class]),
.btn:not(.btn--text) span.btn__text {
    display: block;
    height: 100%;
    transform: translateZ(0);
}

.btn__text {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
}

input,
.input-group {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    font-size: var(--FONT-SIZE-BASE);
    border-radius: var(--RADIUS-SELECT);
    max-width: 100%;
    padding: 9px 16px;
    background: var(--TRANSPARENT);
    color: var(--COLOR-TEXT);
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

legend {
    padding-bottom: 6px;
}

body.template-product .header__wrapper {
    --text-transparent: var(--COLOR-MENU-LINK);
    --text-transparent-hover: var(--COLOR-MENU-LINK-HOVER);
}

.breadcrumbs {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0;
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    color: #373737;
    font-weight: 400;
}

.breadcrumbs .bc-seperator {
    margin: 0 5px;
}

.breadcrumbs a {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    transition: color 0.3s linear;
}

.index-product,
.custom-code {
    background-color: var(--bg);
}

.index-product,
.custom-code {
    color: var(--text);
}

.hero__description {
    margin: 0 0 var(--block-padding-bottom, var(--line));
}

.rte ul,
.rte ol {
    font-size: inherit;
}

.product__selectors .radio__fieldset {
    padding-top: calc(var(--form-margin) / 2);
}

.product__selectors>.selector-wrapper:last-child .radio__fieldset {
    padding-bottom: 0;
}

.radio__fieldset {
    gap: 10px;
    grid-template-columns: minmax(0, 7.5rem) minmax(0, 100%);
}

.radio__legend {
    padding: 0;
    font-weight: var(--FONT-WEIGHT-BODY);
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}

.radio__legend__label {
    display: flex;
    align-items: center;
    flex-direction: row;
}

@media only screen and (min-width: 750px) {
    .radio__legend__label {
        padding-top: 0;
    }
}

.radio__legend__label {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}

.form__wrapper--classic .radio__legend__label--text {
    justify-content: space-between;
}

.radio__button {
    position: relative;
    display: inline-block;
}

.radio__fieldset .radio__button label {
    position: relative;
    margin: 0;
    color: inherit;
    background-color: transparent;
    border: 1px solid var(--text);
    border-radius: min(var(--RADIUS), 20px);
}

.radio__button {
    vertical-align: middle;
}

.radio__button input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
    display: block;
}

.selector-wrapper fieldset label {
    margin-top: unset;
}

.product-item__bg {
    overflow: hidden;
    line-height: 0;
}

@media only screen and (min-width: 750px) {
    .product__page {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.product__page .form__wrapper.is-sticky {
    position: sticky;
    top: var(--sticky-top, 0);
    z-index: 10;
}

@media only screen and (max-width: 749px) {
    .product__page .form__wrapper.is-sticky {
        position: static;
        top: 0;
    }
}

.product__wrapper {
    margin: 0 var(--outer);
}

.product__wrapper__inner {
    max-width: 1400px;
    margin: 0 auto;
}

.product__images {
    --gap: 15px;
    display: block;
    position: relative;
}

@media only screen and (min-width: 750px) {
    .product__content {
        padding-left: var(--outer);
    }
}

@media only screen and (min-width: 990px) {
    .product__wrapper--grid-1 .product__slides {
        columns: 2;
        column-gap: var(--gap);
    }
}

@media only screen and (min-width: 750px) {
    .product__wrapper--grid-1 .product__slide {
        padding-bottom: var(--gap);
        break-inside: avoid;
        position: relative;
    }

    .product__wrapper--grid-1 .product__slide:last-child {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 750px) {
    .product__wrapper--grid-1 .product__thumbs {
        display: none;
    }
}

.product__wrapper--grid-1 .product__slide:first-child {
    column-span: all;
}

.product__slides {
    display: block;
    position: relative;
    font-size: 0;
    flex: 1 1 100%;
    transition: height 0.3s ease;
}

@media only screen and (max-width: 749px) {
    [data-fader-mobile] .product__slides {
        height: var(--height, auto);
    }
}

@media only screen and (max-width: 749px) {
    .product__images--mobile-thumbs .product__slides {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        overflow: hidden;
    }

    .product__images--mobile-thumbs .product__slide {
        grid-row-start: 1;
        grid-column-start: 1;
        transition:
            opacity 0.3s ease,
            visibility 0s;
    }

    .product__images--mobile-thumbs .media--hidden {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition-delay: 0s, 0.3s;
    }

    .product__images--mobile-thumbs .media--hidden figure {
        content-visibility: hidden;
    }

    .product__images--mobile-thumbs .media--hidden figure img {
        display: none;
    }
}

.product__slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
    cursor: grab;
}

.product__thumbs {
    display: block;
    flex: 1 1 100%;
    margin: 10px 0;
}

@media only screen and (max-width: 749px) {
    .product__thumbs {
        min-height: 85px;
    }
}

@media only screen and (min-width: 990px) {
    .form__width {
        max-width: 600px;
        margin: 0 auto;
    }
}

.product__title__wrapper {
    position: relative;
    padding-top: 0;
}

.product__title {
    margin-top: 0.5em;
    margin-bottom: 0;
}

@media only screen and (min-width: 750px) {
    .product__title {
        margin-top: 0;
    }
}

.product__price__wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

@media only screen and (max-width: 749px) {
    .product__price__wrap {
        flex-wrap: wrap;
    }
}

.product__price {
    margin: 0;
    font-size: 24px;
    padding: calc(4px * var(--FONT-ADJUST-BODY)) 0;
    font-weight: 600;
    line-height: 150%;
    color: #373737;
    font-family: Aktiv Grotesk;
}

.product__price--sale {
    margin-right: 5px;
}

.product__sale {
    align-items: center;
    font-size: calc(11px * var(--FONT-ADJUST-BODY));
    color: var(--COLOR-SALE);
}

.recent__content a {
    opacity: 1;
    width: auto;
    height: auto;
    display: block;
}

.product__form__errors {
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    transition:
        opacity 0.5s ease-in-out,
        transform 0.3s ease-in-out 0.2s,
        max-height 0.5s cubic-bezier(0, 0.75, 0.25, 1),
        visibility 0.5s;
    text-align: center;
    transform: translate3d(0, -20px, 0);
}

@media only screen and (max-width: 479px) {
    .product__form__errors {
        max-width: 390px;
    }
}

product-modal {
    display: flex;
}

.product-modal__content {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    background-color: var(--bg);
    padding: calc(var(--inner) * 1.5) var(--inner);
    pointer-events: auto;
    max-height: 100%;
}

.product__badges {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5;
    width: calc(100% - 40px);
    justify-content: flex-start;
}

@media (max-width: 749px) {
    .product__badges {
        top: 10px;
        right: auto;
        left: 0;
        justify-content: flex-start;
        width: calc(100% - 65px);
    }

    .product__title {
        margin-top: 16px;
    }
}

.product__photo {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: calc(1 / var(--aspect-ratio, 1) * 100%);
    background-color: var(--bg);
    filter: brightness(var(--filter-bg));
}

.product__photo .image-wrapper {
    position: absolute;
    top: 0;
}

.product__photo img {
    pointer-events: none;
}

zoom-images [data-zoom-image] {
    cursor: var(--ICON-ZOOM-IN), zoom-in;
}

.radio__button {
    font-size: calc(var(--BTN-FONT-SIZE) * var(--FONT-ADJUST-BODY));
}

.shop-pay-terms {
    --payment-terms-background-color: var(--bg);
    margin: 10px 0 0;
}

.shop-pay-terms:empty {
    display: none;
}

.selector-wrapper {
    flex: 1 0 50%;
}

@media only screen and (max-width: 479px) {
    .selector-wrapper {
        flex-basis: 100%;
    }
}

.selector-wrapper--size {
    flex-grow: 0;
}

.product__submit__buttons {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.product__submit__buttons .btn {
    min-height: var(--btn-height);
}

.product__submit__item {
    min-height: var(--btn-height);
}

.product__submit__item .btn {
    display: block;
    width: 100%;
}

.product__block--divider:empty {
    display: block;
}

.form__wrapper--classic .radio__fieldset {
    display: block;
}

.form__wrapper--classic .radio__legend {
    margin-bottom: 16px;
}

.product-soldout-notification {
    display: none;
}

@media only screen and (max-width: 749px) {
    .product-modal__notification {
        height: auto;
    }
}

.tabs-wrapper {
    overflow: hidden;
    position: relative;
}

.tabs {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tabs>li {
    --text: var(--text-light);
    text-transform: var(--BTN-UPPERCASE);
    font-size: var(--BTN-FONT-SIZE);
    font-style: var(--BTN-FONT-STYLE);
    font-weight: var(--BTN-FONT-WEIGHT);
    letter-spacing: var(--BTN-LETTER-SPACING);
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
    color: var(--text);
}

.tab-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 15px 15px 15px 0;
    min-height: 6rem;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    content-visibility: hidden;
}

.product-accordion {
    --icon-size: 12px;
    padding-top: 1px;
}

.product__block--accordion-clear+.product__block--accordion .product-accordion {
    padding-top: 0;
}

.related__wrapper {
    color: var(--text);
    background-color: var(--bg);
}

.related__products {
    text-align: center;
}

.related__products .tab-link,
.related__products .tab-content {
    padding: 0;
}

.product-modal__notification {
    position: absolute;
    bottom: 0;
    z-index: 2;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: var(--DRAWER-WIDTH);
    max-height: 100%;
    background-color: var(--bg);
}

@media only screen and (min-width: 750px) {
    .product-modal__notification {
        top: 0;
        left: 100%;
    }
}

@media only screen and (max-width: 749px) {
    .product-modal__notification {
        top: auto;
        left: 0;
        max-width: 100%;
        max-height: 95%;
        border-radius: 10px 10px 0 0;
    }
}

.accordion__body {
    padding: 0 10px;
}

.timeline__row.is-selected .timeline__indicator:after {
    opacity: 1;
}

.predictive-search__grid-item .yotpo-widget-instance {
    padding-top: 16px;
}

.bundle-product-item .sale .new-price {
    color: #373737 !important;
}

.related__wrapper li.tab-link {
    font-family: Recoleta;
}

@media screen and (max-width: 768px) {
    .product-bundle .wrapper--full-padded {
        padding-left: 16px;
        padding-right: 0;
        box-sizing: border-box;
    }

    .product-bundle__list {
        padding-left: 0 !important;
        scroll-padding-left: 0;
        margin-left: 0 !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .product-bundle__item:first-child {
        margin-left: 0 !important;
    }

    .product-bundle__item:last-child {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 749px) {
    .related__products .grid--mobile-slider .grid-item {
        width: calc(100% - var(--gap, 16px));
        min-width: calc(100% - var(--gap, 16px));
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}

.product__description__content {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.accordion__content p {
    margin: 0;
}

.template-product .product__price__wrap .product__price--sale {
    font-family: Aktiv Grotesk;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.template-product .product-bundle__footer .product__price__wrap .product__price--sale {
    color: #373737 !important;
}

.template-product .product__price__wrap .product__price--strike {
    font-size: 24px;
    font-weight: 400;
    color: #9b9b9b;
}

.template-product .product__price {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

@media only screen and (max-width: 749px) {

    .template-product .product__price__wrap .product__price--sale,
    .template-product .product__price__wrap .product__price--strike {
        font-size: 20px;
    }
}

.index-product h1.product__title {
    font-size: 40px;
}

.product__form__outer .radio__fieldset .radio__button label {
    transition: 0.3s ease;
    display: flex;
    min-width: 105px;
    min-height: 45px;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    align-content: center;
    justify-content: center;
}

.product__form__outer .radio__fieldset .radio__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.product__form__outer .radio__fieldset .radio__button {
    min-width: 0;
}

.product__form__outer .radio__legend__label {
    min-width: 0;
    flex-wrap: wrap;
    overflow-wrap: break-word;
}

@media screen and (max-width: 989px) {
    .product__form__outer .radio__fieldset .radio__button label {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .product__form__outer .product__selectors {
        display: block;
    }

    .product__form__outer .selector-wrapper,
    .product__form__outer .selector-wrapper--size {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .product__form__outer .radio__fieldset .radio__buttons {
        gap: 8px;
    }

    .product__form__outer .radio__fieldset .radio__button label {
        font-size: 14px;
    }
}

[data-add-to-cart].btn--primary.btn {
    height: 50px;
    padding-top: 16px;
    padding-bottom: 16px;
}

collapsible-elements [data-collapsible-content] {
    transition: none;
}

.related__wrapper .yotpo-widget-instance {
    display: flex;
    align-items: center;
}

.template-product .image-wrapper {
    border-radius: 8px;
}

@media only screen and (max-width: 749px) {
    .template-product .index-product .product__images {
        overflow: visible;
    }

    .template-product .index-product .product__images .product__slides {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-top: 0;
        margin-bottom: 10px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        scroll-padding: 0 !important;
        gap: 0 !important;
    }

    .template-product .index-product .product__images .product__slides .product__photo .image-wrapper,
    .template-product .index-product .product__images .product__slides .product__photo img {
        border-radius: 0;
    }
}

.product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button label {
    text-align: center;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: normal;
    height: 100%;
    border-color: #8c8c8c;
    background: #fff;
}

.product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button.radio__button--with-label label {
    padding: 16px 56px;
}

@media only screen and (max-width: 768px) {
    .recent__wrapper .grid--mobile-slider .grid-item {
        width: calc(100% - var(--gap, 16px));
        min-width: calc(100% - var(--gap, 16px));
    }

    .recent__wrapper .grid--mobile-slider {
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding-left: max(16px, var(--outer));
        scroll-padding-left: max(16px, var(--outer));
    }

    .recently-viewed__scroll-dots {
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 24px;
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 1025px) {
    .template-product .product__content {
        padding-left: 80px;
    }
}

@media only screen and (min-width: 750px) {
    .recently-viewed__scroll-dots {
        display: none !important;
    }
}

@media only screen and (max-width: 749px) {
    .loyalty-points-guest p {
        font-size: 12px;
    }

    .accordion [data-collapsible-content] {
        padding-bottom: 12px;
        transform: none !important;
        animation: none !important;
        transition: none;
    }
}

.radio__legend--with-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: normal;
    width: 100%;
    gap: 8px;
}

.radio__legend--with-price .price__meta {
    margin-left: unset;
    text-transform: uppercase;
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.index-product,
.key-ingredients-block .container {
    background: #fafafa;
}

@media only screen and (max-width: 749px) {
    .template-product .index-product.section-padding {
        padding-top: 16px;
    }
}

.product__wrapper__inner .breadcrumbs {
    margin-top: 0;
    display: block;
}

nav.breadcrumbs a {
    text-decoration: underline !important;
}

nav.breadcrumbs .breadcrumbs__current {
    text-decoration: none !important;
}

@media only screen and (max-width: 749px) {
    .template-product .product__wrapper__inner .breadcrumbs {
        display: flex !important;
        flex-flow: row wrap;
        align-items: center;
        width: 100%;
        min-height: 1.5em;
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 12px;
        gap: 0;
        overflow: visible;
        white-space: normal;
    }

    .template-product .product__wrapper__inner .breadcrumbs a,
    .template-product .product__wrapper__inner .breadcrumbs .bc-seperator {
        flex: 0 0 auto;
    }

    .template-product .product__wrapper__inner .breadcrumbs .desktop {
        display: none !important;
    }
}

.product-accordion .accordion__title {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    color: #004236;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
    background: #fafafa;
}

.product-accordion .accordion__body {
    background: #fafafa;
}

.product-accordion .accordion,
.product__block.product__block--accordion details.accordion {
    border-top: 1px solid rgba(55, 55, 55, 0.5);
    border-bottom: 1px solid rgba(55, 55, 55, 0.5);
}

.metafield-rich_text_field,
.product-accordion .accordion__content {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.14px;
}

.product__page .badge-box {
    border-radius: 4px;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.related__wrapper [data-related-section] .product-item__view-product,
.related__wrapper .tabs__recommendation .product-item__view-product {
    display: block !important;
    margin-top: auto;
}

.related__wrapper [data-related-section] .product-item__view-product .btn,
.related__wrapper .tabs__recommendation .product-item__view-product .btn {
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 749px) {
    .related__wrapper .grid--mobile-slider {
        padding-left: max(16px, var(--outer));
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-left: max(16px, var(--outer));
    }

    .related__wrapper .slider__arrows {
        display: none !important;
    }

    .related__scroll-dots {
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 24px;
        padding-bottom: 8px;
    }

    .related__scroll-dots .scroll-dot {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #d9d9d9;
        cursor: pointer;
        transition: opacity 0.2s ease;
        padding: 0;
    }

    .related__scroll-dots .scroll-dot.is-selected {
        background: var(--text, #004236);
        border-color: var(--text, #004236);
        opacity: 1;
    }

    .product-item__view-product,
    .related__wrapper [data-related-section] .product-item__view-product,
    .related__wrapper .tabs__recommendation .product-item__view-product {
        margin-top: auto;
    }
}

.radio__legend__option-name {
    flex-basis: auto;
    display: inline-block;
    vertical-align: middle;
    color: #004236;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 0;
}

.product__block.product__form__holder.block-padding {
    margin-bottom: 32px;
}

.product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button {
    background: #fff;
}

.product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button.radio__button--with-label {
    flex: 1;
    width: calc(50% - 8px);
}

@media screen and (max-width: 430px) {
    .btn:not(.btn--text) span.btn__text {
        display: inline-block !important;
    }

    [data-add-to-cart].btn--primary.btn {
        height: 100%;
    }
}

@media only screen and (min-width: 750px) {
    .product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button.radio__button--with-label {
        max-width: 33.33%;
    }
}

@media screen and (max-width: 749px) {
    .product__page .badge-box {
        padding: 7px 15px;
    }
}

.template-index .index-timeline.timeline--images .timeline__content__inner .hero__title:hover,
.template-index .index-timeline.timeline--images .timeline__content__inner .hero__title:focus {
    color: #004236 !important;
}

span.variant-size-label {
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width: 390px),
(min-width: 750px) and (max-width: 850px) {
    .product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button.radio__button--with-label label {
        padding: 12px 10px;
    }
}

.cart-block .loyalty-points .loyalty-points__value-cart {
    background: #999b311a;
    padding: 8px 12px;
    border-radius: 4px;
    font-family: Aktiv Grotesk;
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    width: 100%;
}

.cart-block .loyalty-points {
    border-radius: 4px;
    background: #999b311a;
}

.drawer__body .loyalty-points {
    margin: 0 16px;
}

.product__wrapper__inner .loyalty-points {
    flex: 1;
    display: flex;
    justify-content: normal;
}

.loyalty-points__value-cart p {
    margin: 0;
}

.product__wrapper__inner .loyalty-points__inner {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 3px;
    border-radius: 4px;
    border: 1px solid rgba(0, 66, 54, 0.2);
    background: #fff;
    letter-spacing: 0.6px;
    color: #004236;
    font-family: Recoleta;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.loyalty-points-guest {
    display: flex;
    align-self: stretch;
    padding: 16px;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(0, 66, 54, 0.2);
    background: #fff;
    color: #004236;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    font-family: Recoleta;
}

.loyalty-points-guest p {
    margin: 0;
}

.loyalty-points-guest__link {
    text-decoration: underline;
    white-space: nowrap;
    color: #004236;
    text-align: center;
    font-family: Aktiv Grotesk !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.pdp-price-wrap loyalty-points-pdp {
    flex: 1;
}

#Product--template--26109872144649__main {
    --PT: 36px;
    --PB: 50px;
    --swatch-size: var(--swatch-size-product);
}

.selling_plan_app_container {
    background: #f4f5ea;
    padding: 24px 16px 16px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 4px;
}

.checkboxes-and-radios input[type="checkbox"]+label:before,
.checkboxes-and-radios input[type="checkbox"]+label:after,
.checkboxes-and-radios input[type="radio"]+label:before,
.checkboxes-and-radios input[type="radio"]+label:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    box-sizing: border-box;
}

.checkboxes-and-radios input[type="checkbox"]+label:before,
.checkboxes-and-radios input[type="radio"]+label:before {
    width: 40px;
    height: 24px;
    right: 0px;
    border-radius: 77.419px;
    background: rgba(0, 66, 54, 0.5);
    top: 4px;
}

.checkboxes-and-radios input[type="checkbox"]:checked+label:before {
    background: #004236;
}

.checkboxes-and-radios input[type="checkbox"]+label:after,
.checkboxes-and-radios input[type="radio"]+label:after {
    width: 20px;
    height: 20px;
    right: 17px;
    background: #ffffff;
    border-radius: 77.419px;
    transition: all 200ms ease-out;
    top: 6px;
    border: 1px solid rgba(0, 66, 54, 0.5);
}

.checkboxes-and-radios input[type="checkbox"]:checked+label:after,
.checkboxes-and-radios input[type="radio"]:checked+label:after {
    right: 2px;
    border-radius: 77.419px;
    border: 1px solid rgba(0, 66, 54, 1);
}

.selling_plan--radio:checked:before {
    transform: scale(1);
}

.selling_plan--radio:checked~.checkmark {
    background-color: transparent;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.selling_plan--radio:checked~.checkmark:after {
    display: block;
}

.checkmark:after {
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #004236;
}

.checkboxes-and-radios input[type="checkbox"]:checked~.status-text-wrapper .status-text-on {
    display: block;
}

.checkboxes-and-radios input[type="checkbox"]:checked~.status-text-wrapper .status-text-off {
    display: none;
}

.product__block.block-padding.main-subs-wrapper {
    border: 1px solid rgba(0, 66, 54, 0.2);
    border-radius: 3px;
}

.loyalty-points-guest__modal .product-modal__notification {
    max-width: 405px;
}

.loyalty-points-guest__modal .product-modal__content {
    padding: 38px 0;
    padding-top: 0;
}

.loyalty-points-guest__modal .product-modal__notification,
.loyalty-points-guest__modal .product-modal__content {
    background-color: #f7f3eb;
}

.from-row button:disabled {
    background-color: #000000a8;
    cursor: not-allowed;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    color: transparent;
    background: transparent;
}

.product-modal__notification {
    max-height: 100%;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 749px) {
    .loyalty-points-guest__modal .product-modal__notification {
        max-width: 100%;
        top: 0;
    }

    .drawer__inner.product-modal__notification {
        border-radius: 0;
    }
}

.key-ingredients-block {
    background-color: #fafafa;
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        Roboto,
        sans-serif;
}

.key-ingredients-block .ingredients-tabs {
    display: flex;
    margin-bottom: 0;
    gap: 0;
}

.key-ingredients-block .tab-button {
    letter-spacing: 0.16px;
    text-align: left;
    padding: 16px 10px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    position: relative;
    color: #004236;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.key-ingredients-block .tab-button.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #373737;
    left: 0;
    bottom: 1px;
}

.key-ingredients-block .tab-button.active {
    color: #373737;
}

.key-ingredients-block .tab-button:hover {
    color: #333;
}

.key-ingredients-block .tab-content {
    display: none;
}

.key-ingredients-block .tab-content.active {
    display: block;
    position: static;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    content-visibility: auto;
    padding: 0;
}

.key-ingredients-block .ingredients-slider-container {
    position: relative;
}

.key-ingredients-block .slider-progress {
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
    display: flex;
    padding: 0 0 0 10px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: 20px;
}

.key-ingredients-block .slider-progress .slider-nav-container {
    display: flex;
    gap: 0px;
}

.key-ingredients-block .progress-bar-container {
    margin-top: 16px;
    width: 50%;
    margin-left: 10px;
}

.key-ingredients-block .progress-bar {
    width: 100%;
    height: 1px;
    background-color: #37373733;
    border-radius: 1px;
    overflow: hidden;
}

.key-ingredients-block .slider-progress .progress-text span.current-slide,
.key-ingredients-block .slider-progress .progress-text {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.key-ingredients-block .progress-bar {
    display: none;
}

.key-ingredients-block .slider-nav-header {
    background: transparent;
    width: 18px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666;
    padding: 0;
}

.key-ingredients-block .slider-nav-header:hover {
    outline: none;
}

.key-ingredients-block .slider-nav-header:focus {
    outline-color: transparent;
    background-color: transparent;
}

.key-ingredients-block .slider-nav-header:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    background: transparent;
    border-color: #ddd;
    color: #666;
}

.key-ingredients-block .ingredients-slider {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.key-ingredients-block .slider-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.key-ingredients-block .ingredient-slide {
    min-width: 100%;
    padding: 0;
    box-sizing: border-box;
    background: #fafafa;
}

.key-ingredients-block .slider-nav-header svg {
    display: block;
}

.key-ingredients-block .ingredient-content {
    display: flex;
    padding: 16px 0 0 10px;
    gap: 8px;
    align-self: stretch;
    margin-top: 8px;
    align-items: flex-start;
    justify-content: space-between;
    background: #fafafa;
}

.key-ingredients-block .ingredient-image {
    position: relative;
    background: #f8f8f8;
    border-radius: 0;
    overflow: hidden;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 145px;
}

.key-ingredients-block .ingredient-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-radius: 4px;
}

.key-ingredients-block .ingredient-image:hover img {
    transform: scale(1.02);
}

.key-ingredients-block .ingredient-info {
    padding-top: 0;
    width: 384px;
}

.key-ingredients-block .ingredient-info h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.16px;
    color: #373737;
    margin: 0 0 12px;
    font-family: Recoleta;
}

.key-ingredients-block .ingredient-description {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.14px;
}

.ingredient_image_mobile {
    display: none;
}

.key-ingredients-block .tab-button:after {
    content: "";
    position: absolute;
    bottom: 1px;
    width: 100%;
    background: #37373780;
    height: 1px;
    left: 0;
}

.read-more-toggle {
    display: none;
}

.key-ingredients-block {
    padding: 0 0 16px;
}

.product__block.product__block--accordion details.accordion {
    border-color: #37373780;
}

@media (max-width: 1024px) {
    .key-ingredients-block .slider-progress .slider-nav-container {
        top: 20px;
    }

    .key-ingredients-block .slider-nav-header {
        width: 25px;
        height: 25px;
    }
}

@media (max-width: 991px) {
    .key-ingredients-block {
        padding: 0 0 20px;
    }

    .key-ingredients-block .ingredient-image {
        display: none;
    }

    .key-ingredients-block .ingredients-tabs {
        margin-bottom: 0;
    }

    .ingredient_image_mobile {
        width: 72px;
        height: 72px;
        border-radius: 8px;
        margin: 0;
        display: block;
    }

    .key-ingredients-block .ingredient-content {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: left;
        flex-direction: column;
    }

    .key-ingredients-block .ingredient-image {
        max-width: 280px;
        margin: 0 auto;
    }

    .key-ingredients-block .ingredient-info {
        text-align: left;
        padding-top: 0;
        width: 100%;
    }

    .key-ingredients-block .slider-progress {
        padding-top: 0;
    }

    .key-ingredients-block .slider-progress .slider-nav-container {
        align-self: flex-end;
        -webkit-align-items: flex-end;
    }

    .ingredient-header {
        display: flex;
        flex-direction: row-reverse;
        column-gap: 16px;
        justify-content: left;
        align-items: center;
        margin-bottom: 12px;
    }

    .key-ingredients-block .ingredient-info h3 {
        margin: 0;
        line-height: 130%;
    }

    .key-ingredients-block .ingredient-info {
        margin-bottom: 16px;
    }

    .ingredient-description {
        max-height: 112px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .read-more-toggle {
        background: none;
        border: none;
        display: none;
        color: #373737;
        font-family: Aktiv Grotesk;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        padding: 0;
        text-decoration: underline;
    }
}

@media (max-width: 480px) {
    .key-ingredients-block .ingredients-tabs {
        border-bottom: none;
        gap: 0;
    }

    .key-ingredients-block .tab-button:after {
        background: transparent;
    }

    .key-ingredients-block .tab-button.active:after {
        bottom: -1px;
    }

    .key-ingredients-block .tab-button {
        text-align: center;
        padding: 16px 10px 24px;
        margin-right: 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .key-ingredients-block .tab-button.active {
        border-bottom-color: #333;
    }
}

@keyframes loading {
    0% {
        background-position: 200%0;
    }

    to {
        background-position: -200%0;
    }
}

.hide-accordion.product__block--accordion {
    display: none;
}

#mm-product-link {
    position: relative;
    cursor: pointer;
    display: inline;
    background: none !important;
    outline: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    color: #373737;
    font-size: 14px;
}

#mm-product-link-copied {
    text-decoration: none !important;
    background-color: #f9f9f9;
    color: #201646;
    box-shadow: 0px 0px 2px rgb(0 0 0/40%);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 2px 8px !important;
    max-width: 320px;
}

.bundles {
    display: flex;
    column-gap: 16px;
    padding-bottom: 8px;
}

.bundles img {
    height: 112px;
    width: 100%;
    object-fit: contain;
    background: #fafafa;
    border-radius: 3px;
}

.single-product,
.bundle-product {
    position: relative;
    flex: 1;
    border: 1px solid #00423680;
    border-radius: 3px;
    cursor: pointer;
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    max-width: 190px;
    padding: 8px 8px 10px;
}

.single-product.active {
    border-color: #004236;
    border-style: solid;
    border-width: 1px;
    background: #004236;
}

.single-product p,
.bundle-product p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.14px;
    padding: 8px 4px 10px 4px;
    background: #ffffff;
    color: #000000;
    border-radius: 0 0 2px 2px;
}

.single-product.active p {
    background: #004236;
    color: #fff;
}

.bundle-whats-inside {
    margin: 30px 0 16px 0;
}

.bundle-product .bundle-badge {
    position: absolute;
    top: -11.4px;
    right: 0;
    left: 0;
    width: fit-content;
    margin: 0 auto;
}

.bundle-product .bundle-badge p {
    border-radius: 4px;
    background: #f7d046;
    padding: 6px 16px;
    color: #595959;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    width: fit-content;
}

.bundle-variant h3 {
    color: #004236;
    font-family: var(--FONT-STACK-BODY);
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.14px;
    text-transform: uppercase;
    margin: 16px 0;
}

@media (max-width: 768px) {
    .bundle-variant h3 {
        margin: 40px 0 16px 0;
    }

    .single-product,
    .bundle-product {
        max-width: 100%;
    }
}

#shopify-section-template--26109872144649__main .product__description__content {
    font-weight: 400;
}

#shopify-section-template--26109872144649__main .price__meta {
    font-size: 10px;
}

#shopify-section-template--26109872144649__section_announcement_YXKXHk .announcement__slide p {
    font-size: 24px;
}

.product-bundle {
    background-color: #fafafa;
    padding: 60px 0;
    overflow: hidden;
}

.product-bundle__section-heading {
    font-weight: 500;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #004236;
    margin: 0;
}

.product-bundle__pill-module {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border-radius: 4px;
    background-color: #ebebd6;
    padding: 0 16px;
    color: #595959;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

.product-bundle__list {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 56px 0;
}

.product-bundle__item-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 21px;
}

.product-bundle__item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-bundle__item-subheading {
    text-transform: uppercase;
    color: #373737;
    font-weight: 600;
    margin-top: 0;
    font-family: "Aktiv Grotesk";
    line-height: 14.4px;
    letter-spacing: 0.12px;
}

.product-bundle__item-title {
    color: #373737;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.product-bundle__item-cutline {
    margin: 16px 0 0;
    color: #373737;
    font-family: "Aktiv Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.14px;
}

.product-bundle__intro,
.product-bundle__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 24px;
    padding-right: 16px;
}

.product-bundle__footer {
    gap: 18px;
}

.product-bundle__footer-text {
    margin: 0;
    color: #373737;
    text-align: left;
    font-family: "Aktiv Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.product-bundle__footer .product__block {
    margin: 0;
}

.product-bundle__footer .product__price {
    padding: 0;
}

.product-bundle__footer .btn {
    width: 562px;
    max-width: 100%;
    margin-top: 3px;
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    background: #004236;
    border-color: #004236;
    color: #fff;
}

.product-bundle__footer .btn:hover {
    background: #003328;
    border-color: #003328;
    color: #fff;
}

.product__submit .btn__text {
    color: #fff;
    text-align: center;
    font-family: "Aktiv Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.25px;
    text-transform: uppercase;
}

.product-bundle__footer-text-container {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 24px;
}

.product__price--sale {
    margin-right: 5px;
    color: #d20000 !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.13px;
}

@media (max-width: 768px) {
    .product-bundle {
        padding: 60px 0;
    }

    .product-bundle__section-heading {
        font-size: 28px;
        line-height: 100%;
    }

    .product-bundle__list {
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: none;
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .product-bundle__list::-webkit-scrollbar {
        display: none;
    }

    .product-bundle__item {
        width: 229px;
        min-width: 229px;
    }

    .product-bundle__item:first-child {
        margin-left: 16px;
    }

    .product-bundle__item:last-child {
        margin-right: 16px;
    }

    .product-bundle__item-image {
        height: 229px;
    }

    .product-bundle__item-title {
        font-size: 16px;
    }

    .product-bundle__footer .product__block--buttons {
        width: 100%;
    }

    .product-bundle__footer .btn {
        width: 100%;
    }

    .product-bundle__footer {
        padding-right: 16px;
    }
}

.product-bundle__item-subheading {
    border-bottom: 1px solid #9b9b9b;
    font-size: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

#shopify-section-template--26109872144649__product_bundle_RXEWWP .product-bundle__list {
    gap: 32px;
}

.timeline__row {
    --part-width: 50px;
    --dot-position: ((5% + var(--outer))/2) - (var(--width-indicator)/2);
}

.timeline__row {
    padding-top: var(--inner) !important;
}

.timeline__image {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
}

.timeline__image-inner {
    position: sticky;
    top: var(--top);
    max-height: var(--height);
    overflow: hidden;
    height: 100%;
    padding-top: 0;
}

.timeline__image-figure {
    transform: translateY(100%);
    transition: transform 0.5s;
    will-change: transform;
}

.timeline__image-figure img {
    object-fit: cover;
    border-radius: 11.4px;
}

.timeline__content {
    position: relative;
    z-index: 1;
    padding: 0 0 22px !important;
}

.timeline--images .timeline__content {
    width: 50%;
}

.wrapper--full-padded .timeline__indicator {
    margin-left: calc(5% - var(--dot-position));
}

@media screen and (max-width: 749px) {
    .timeline__image {
        display: none;
    }

    .timeline__inner {
        display: block !important;
    }
}

.timeline__indicator:after {
    height: var(--percent-desktop, 0%);
    opacity: 0;
}

.timeline__row.is-selected .timeline__image-figure {
    transform: translateY(0);
}

.wrapper--full-padded .timeline__dot__wrapper {
    margin-left: calc(5% - var(--dot-position));
}

:root {
    --bg: var(--COLOR-BG);
    --bg-accent: var(--COLOR-BG-SECONDARY);
    --bg-accent-lighten: var(--COLOR-BG-SECONDARY-LIGHTEN);
    --text-dark: var(--COLOR-TEXT-DARK);
    --text: var(--COLOR-TEXT);
    --text-light: var(--COLOR-TEXT-LIGHT);
    --text-a35: var(--COLOR-A35);
    --text-a70: var(--COLOR-A70);
    --text-a75: var(--COLOR-A75);
    --text-black: #000;
    --text-white: #fff;
    --link: var(--COLOR-LINK);
    --link-hover: var(--COLOR-LINK-HOVER);
    --border: var(--COLOR-BORDER);
    --hairline: var(--COLOR-BORDER-HAIRLINE);
    --sale-bg: var(--COLOR-SALE-BG);
    --sale-text: var(--COLOR-SALE-TEXT);
    --contrast: #000;
    --primary: var(--COLOR-PRIMARY);
    --primary-hover: var(--COLOR-PRIMARY-HOVER);
    --primary-fade: var(--COLOR-PRIMARY-FADE);
    --primary-light: var(--COLOR-PRIMARY-LIGHT);
    --primary-opposite: var(--COLOR-PRIMARY-OPPOSITE);
    --success: #56ad6a;
    --success-bg: rgba(86, 173, 106, 0.2);
    --error: var(--COLOR-ERROR);
    --error-bg: var(--COLOR-ERROR-BG);
    --header-overlay-color: transparent;
}

.palette--contrast--dark {
    --text: #fff;
    --text-light: #fff;
    --text-dark: #f7f7f7;
    --bg: #000;
}

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.is-initialized .flickity-viewport {
    transition: height 0.3s;
}

.flickity-slider {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    touch-action: pan-y;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}

.flickity-slider>.flickity-cell {
    position: absolute;
}

.flickity-viewport {
    touch-action: pan-y;
}

.flickity-cell {
    left: 0;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: grab;
}

.flickity-button {
    position: absolute;
    border: none;
    background: none;
    color: inherit;
}

.flickity-button:hover {
    cursor: pointer;
}

body:not(.is-focused) .flickity-button:focus {
    outline: none;
}

.flickity-button:active {
    opacity: 1;
}

.flickity-button:disabled {
    opacity: 0.5;
    cursor: auto;
    pointer-events: none;
}

.flickity-prev-next-button {
    --icon-size: 28px;
    --btn-size: 40px;
    top: 50%;
    width: var(--btn-size);
    height: var(--btn-size);
    padding: 0;
    margin-top: calc(var(--btn-size) / -2);
}

.flickity-prev-next-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: -60px;
    z-index: -1;
    width: calc(100% + 120px);
    height: 100%;
    background-color: var(--COLOR-BG-BRIGHTER);
    opacity: 1;
    transform: translate3d(-100%, 0, 0) skew(30deg);
    transition: transform 0.5s cubic-bezier(0.33, 0, 0, 1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flickity-prev-next-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: var(--icon-size);
    height: var(--icon-size);
    background: var(--COLOR-TEXT);
    -webkit-mask-size: var(--icon-size);
    mask-size: var(--icon-size);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--RADIUS);
}

.flickity-prev-next-button {
    overflow: hidden;
}

.flickity-prev-next-button.previous:before {
    -webkit-mask-image: var(--ICON-ARROW-LEFT);
    mask-image: var(--ICON-ARROW-LEFT);
}

.flickity-prev-next-button.next:before {
    -webkit-mask-image: var(--ICON-ARROW-RIGHT);
    mask-image: var(--ICON-ARROW-RIGHT);
}

.flickity-button-icon {
    display: none;
}

.flickity-page-dots {
    line-height: 1;
}

.flickity-page-dot {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 5px;
    border: 1px solid var(--text);
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    text-indent: -100%;
    font-style: normal;
    overflow: hidden;
    cursor: pointer;
}

.flickity-page-dot:first-child {
    margin-left: 0;
}

.flickity-page-dot:last-child {
    margin-right: 0;
}

.flickity-page-dot.is-selected {
    background: var(--text);
}

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1;
}

.is-fade .flickity-cell {
    opacity: 0 !important;
    visibility: hidden;
    transition:
        opacity 0.8s ease,
        visibility 0.8s;
    will-change: transform, opacity;
}

.is-fade .flickity-cell.is-selected {
    opacity: 1 !important;
    visibility: visible;
}

@media only screen and (min-width: 750px) {
    [data-slider-desktop]:after {
        content: "flickity";
        display: none;
    }

    [data-slider]:not([data-slider-fullwidth]):not(.flickity-enabled)::-webkit-scrollbar {
        display: none;
    }
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area {
    opacity: 1;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
    opacity: 1;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: #0000008c;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
    color: #0000008c;
    background: #0000000d;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    position: absolute;
    content: "";
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 28px;
    bottom: 0;
    right: 8px;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
    color: #0000008c;
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}

html,
body,
div,
span,
iframe,
p,
img,
small,
ul,
li,
fieldset,
form,
label,
details,
figure,
footer,
header,
nav,
section,
summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

details,
figure,
footer,
header,
nav,
section {
    display: block;
}

summary::marker,
summary::-webkit-details-marker {
    display: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

hr {
    display: block;
    border: 0;
    padding: 0;
}

input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

button {
    cursor: pointer;
}

button {
    border: none;
    background: none;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    text-transform: none;
    line-height: 1;
    color: currentColor;
}

.loader {
    position: relative;
    height: 4px;
    display: block;
    background-color: var(--primary-fade);
    border-radius: 2px;
    overflow: hidden;
    width: 150px;
}

.loader-indeterminate {
    background-color: var(--primary);
}

.loader-indeterminate:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: -35%;
    width: 100%;
    bottom: 0;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.loader-indeterminate:after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: -200%;
    width: 100%;
    bottom: 0;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation-delay: 1.15s;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.js-focus-hidden:focus {
    outline: none;
}

.skip-link:focus {
    position: absolute !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    color: var(--COLOR-LINK);
    background-color: var(--COLOR-BG);
    padding: 20px;
    z-index: 15000;
    transition: none;
}

body.is-focused .sidebar__item input:focus~label,
body.is-focused .checkbox input:focus~label:before,
.no-touch body.is-focused .double__image .product-link:focus .product-item__bg__under,
.no-touch body.is-focused .double__image.is-visible .product-link:focus .product-item__bg__inner.is-visible,
body.is-focused a.product-link:focus>.product-item__bg,
body.is-focused .look__dot__button:focus .look__dot,
body.is-focused .product__thumb__link:focus img,
body.is-focused .article__image-link:focus img,
body.is-focused .article__image-link:focus .image-wrapper,
body.is-focused .product__slides:focus,
body.is-focused a.frame__item:focus img,
body.is-focused .slideshow__slider:focus img {
    outline-color: var(--COLOR-PRIMARY) !important;
    outline-offset: -2px !important;
    outline-style: auto !important;
    outline-width: 5px !important;
}

body.is-focused *:focus {
    outline-color: var(--COLOR-PRIMARY);
}

body.is-focused .checkbox input:focus~label:before,
body.is-focused .filter-group__heading:focus,
body.is-focused a.collection-item__image:focus,
body.is-focused div.product__slides.product-single__photos:focus,
body.is-focused .inline-image__link:focus,
body.is-focused .search-popdown .product-link:focus {
    outline-offset: 2px !important;
}

body.is-focused .look__slider:focus,
body.is-focused .grid:focus {
    outline: none !important;
}

input[type="search"]:focus {
    outline: none;
}

body.is-focused .swatch input[type="radio"]:focus+label:after {
    border-width: 3px;
}

body.is-focused .variant-input:focus+.variant__button-label {
    box-shadow: 0 0 0 4px var(--COLOR-PRIMARY);
}

body.is-focused .deferred-media__poster:focus .deferred-media__poster-button {
    outline-color: var(--COLOR-PRIMARY);
    outline-offset: 2px;
    outline-style: auto;
    outline-width: 5px;
}

body.is-focused .highlights__item:focus {
    outline-offset: 2px !important;
}

@media (hover: hover) {
    #challenge .shopify-challenge__button:hover {
        background: var(--btn-bg-hover);
    }
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.is-hidden {
    display: none !important;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

@media only screen and (max-width: 749px) {
    .text-left--mobile {
        text-align: left;
    }
}

.is-hidden {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
        opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),
        visibility 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.flex-align-top {
    align-items: flex-start;
}

.underlay {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    background: var(--COLOR-UNDERLAY);
    transition:
        opacity 0.3s ease 0.1s,
        visibility 0s linear 0.4s;
}

.drawer--cart .drawer__underlay.underlay {
    background: #ffffff7f;
    transition: opacity 0.3s ease;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.search-popdown~.underlay {
    background: #ffffff7f;
    transition: opacity 0.3s ease;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

dialog::-webkit-backdrop {
    background: transparent;
}

dialog::backdrop {
    background: transparent;
}

.grid {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
}

@media only screen and (min-width: 990px) {
    .grid {
        --columns: var(--COLUMNS);
    }
}

@media only screen and (min-width: 1400px) {
    .grid {
        --columns: var(--COLUMNS-WIDESCREEN, var(--COLUMNS));
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .grid {
        --columns: var(--COLUMNS-MEDIUM);
    }
}

@media only screen and (max-width: 749px) {
    .grid {
        --columns: var(--COLUMNS-SMALL);
    }
}

@media only screen and (max-width: 479px) {
    .grid {
        --columns: var(--COLUMNS-MOBILE);
    }
}

.grid-outer {
    position: relative;
    flex-grow: 1;
    padding: 0 var(--outer);
}

grid-slider {
    display: block;
    width: 100%;
    position: relative;
}

@media only screen and (min-width: 750px) {
    .grid--slider {
        --item-width: calc((100vw - var(--scrollbar-width) - var(--outer) * 2) * 0.38);
        display: flex;
        flex-flow: row nowrap;
        gap: 0;
        padding-left: var(--outer);
        padding-right: var(--outer);
        margin-left: var(--outer-offset);
        margin-right: var(--outer-offset);
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--outer);
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
    }

    .grid--slider::-webkit-scrollbar {
        display: none;
    }

    .grid--slider.is-enabled {
        cursor: grab;
    }

    .grid--slider.is-dragging:active {
        cursor: grabbing;
    }

    .grid--slider .grid-item {
        scroll-snap-align: start;
        flex: 0 0 var(--item-width);
        max-width: var(--item-width);
        margin-right: var(--gap);
    }

    .grid--slider .grid-item:last-child {
        margin-right: 0;
    }
}

@media only screen and (min-width: 990px) {

    .grid--slider,
    .section-columns .grid--slider,
    .tabs-collections .grid--slider {
        --item-width: calc((90vw - var(--scrollbar-width) - var(--outer) * 2) * 0.28);
    }
}

.scroll-snap-disabled {
    scroll-snap-type: none;
}

@media only screen and (min-width: 990px) {
    .grid--slider-disabled:active {
        cursor: auto;
    }
}

@media only screen and (max-width: 749px) {
    .grid--mobile-slider {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        gap: 0;
        margin-left: var(--outer-offset);
        margin-right: var(--outer-offset);
        padding-left: var(--outer);
        padding-right: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding: var(--outer);
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .grid--mobile-slider::-webkit-scrollbar {
        display: none;
    }

    .grid--mobile-slider.is-enabled {
        cursor: grab;
    }

    .grid--mobile-slider.is-dragging:active {
        cursor: grabbing;
    }

    .grid--mobile-slider:after {
        content: "";
        min-height: 1px;
        display: block;
        position: relative;
        padding-right: var(--outer);
    }

    .grid--mobile-slider .grid-item {
        flex: 0 0 auto;
        width: calc(50% - 16px);
        margin-right: var(--gap);
        scroll-snap-align: start;
    }

    .grid--mobile-slider .grid-item:last-child {
        margin-right: 0;
    }
}

.slider__arrows {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 10;
    pointer-events: auto;
    display: flex;
    gap: 8px;
}

@media (max-width: 749px) {
    .slider__arrows {
        top: -50px;
    }
}

.slider__button {
    --icon-size: 20px;
    --btn-size: 40px;
    position: relative;
    width: var(--btn-size);
    height: var(--btn-size);
    padding: 0;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    background: #fff;
    color: #004236;
    overflow: visible;
    font-size: 0;
    text-indent: 0;
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider__button:active {
    opacity: 1;
}

.slider__button:disabled {
    opacity: 0.3;
    cursor: auto;
}

.slider__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: -60px;
    z-index: -1;
    width: calc(100% + 120px);
    height: 100%;
}

.slider__button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: var(--icon-size);
    height: var(--icon-size);
    background: var(--COLOR-TEXT);
    -webkit-mask-size: var(--icon-size);
    mask-size: var(--icon-size);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--RADIUS);
}

.slider__button--prev:before {
    -webkit-mask-image: var(--ICON-CUSTOM-ARROW-LEFT);
    mask-image: var(--ICON-CUSTOM-ARROW-LEFT);
}

.slider__button--next:before {
    -webkit-mask-image: var(--ICON-CUSTOM-ARROW-RIGHT);
    mask-image: var(--ICON-CUSTOM-ARROW-RIGHT);
}

body:not(.is-focused) .slider__button:focus {
    outline: none;
}

:root {
    --full-height: 100vh;
    --full-screen: var(--full-height);
    --three-quarters: 75vh;
    --two-thirds: 66vh;
    --one-half: 50vh;
    --one-third: 33vh;
    --header-height: 80px;
    --header-sticky-height: 0px;
    --footer-height: 500px;
    --announcement-height: 0px;
    --content-full: 90vh;
    --content-min: calc(100vh - var(--header-height) - var(--announcement-height));
}

@media only screen and (min-width: 990px) {
    :root {
        --header-height: var(--HEADER-HEIGHT, 0px);
    }
}

@media only screen and (min-width: 750px) {
    :root {
        --announcement-height: var(--ANNOUNCEMENT-HEIGHT-DESKTOP, 0px);
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    :root {
        --header-height: var(--HEADER-HEIGHT-MEDIUM, 0px);
    }
}

@media only screen and (max-width: 749px) {
    :root {
        --header-height: var(--HEADER-HEIGHT-MOBILE, 0px);
        --announcement-height: var(--ANNOUNCEMENT-HEIGHT-MOBILE, 0px);
    }

    .header__desktop {
        display: none !important;
    }
}

.main-content>.shopify-section:first-of-type {
    --full-screen: calc(var(--full-height) - var(--header-height) - var(--announcement-height));
}

body:has([data-header-sticky]) .main-content>.shopify-section {
    --full-screen: calc(var(--full-height) - var(--header-height));
}

body:has([data-header-sticky]) .main-content>.shopify-section:first-of-type {
    --full-screen: calc(var(--full-height) - var(--header-height) - var(--announcement-height));
}

body.has-header-sticky .main-content>.shopify-section {
    --full-screen: calc(var(--full-height) - var(--header-height));
}

body.has-header-sticky .main-content>.shopify-section:first-of-type {
    --full-screen: calc(var(--full-height) - var(--header-height) - var(--announcement-height));
}

.has-header-sticky {
    --header-sticky-height: var(--header-height);
}

@media only screen and (min-width: 750px) {
    .screen-height-two-thirds {
        min-height: var(--two-thirds);
    }
}

:root {
    --outer: var(--LAYOUT-OUTER);
    --gutter: var(--LAYOUT-GUTTER);
    --gap: var(--gutter);
    --outer-offset: calc(var(--outer) * -1);
    --gutter-offset: calc(var(--gutter) * -1);
    --inner: 20px;
    --base: 16px;
    --line: 1rem;
    --line-offset: calc(var(--line) * -1);
    --content-max: 1100px;
    --sidebar-width: var(--SIDEBAR-WIDTH);
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    :root {
        --outer: calc(var(--LAYOUT-OUTER-MEDIUM));
        --gutter: calc(var(--LAYOUT-GUTTER-MEDIUM));
        --inner: 18px;
        --base: 15px;
        --sidebar-width: var(--SIDEBAR-WIDTH-MEDIUM);
    }
}

@media only screen and (max-width: 749px) {
    :root {
        --outer: calc(var(--LAYOUT-OUTER-SMALL));
        --gutter: calc(var(--LAYOUT-GUTTER-SMALL));
        --inner: 16px;
        --base: 14px;
        --line: 0.66rem;
    }
}

@media only screen and (min-width: 1400px) {
    :root {
        --content-max: 80vw;
    }
}

html,
body {
    min-height: 100%;
}

* {
    box-sizing: border-box;
}

html {
    font-size: var(--base);
    scroll-behavior: smooth;
    --scroll-behavior: smooth;
}

body {
    position: relative;
    min-width: 320px;
    color: var(--COLOR-TEXT);
    background-color: var(--COLOR-BG);
    font-size: var(--FONT-SIZE-BASE);
    text-size-adjust: 100%;
}

body * {
    -webkit-font-smoothing: antialiased;
}

.container {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    min-height: 100%;
}

.main-content {
    margin: 0;
    padding: 0;
    min-width: 100%;
    display: block;
    min-height: var(--content-min);
}

.wrapper {
    max-width: var(--content-max);
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer);
}

.wrapper--full-padded {
    max-width: none;
    margin: 0 auto;
    padding-left: var(--outer);
    padding-right: var(--outer);
}

.wrapper--full {
    max-width: none;
    margin: 0 auto;
}

.section-padding {
    --padding-top: var(--PT);
    --padding-bottom: var(--PB);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .section-padding {
        --padding-top: calc(var(--PT) * 0.8);
        --padding-bottom: calc(var(--PB) * 0.8);
    }
}

@media only screen and (max-width: 749px) {
    .section-padding {
        --padding-top: calc(var(--PT) * 0.6);
        --padding-bottom: calc(var(--PB) * 0.6);
        padding-top: var(--PT-MOBILE, var(--padding-top));
    }
}

.main-content>.shopify-section:first-of-type .backdrop--linear:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(var(--header-height) * 1.5);
    background: linear-gradient(to bottom,
            var(--header-overlay-color) 0%,
            var(--TRANSPARENT) 100%);
    opacity: var(--header-overlay-opacity);
}

[data-collapsible-trigger] {
    position: relative;
    list-style: none;
}

[data-collapsible-trigger]>* {
    pointer-events: none;
}

[data-collapsible-trigger] .icon {
    position: absolute;
    top: 50%;
    right: 10px !important;
    transform: translateY(-50%);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0.3s;
    width: 8px;
    height: 8px;
}

[data-collapsible-body] {
    position: relative;
    overflow: hidden;
}

[data-collapsible-content] {
    display: grid;
    grid-template-columns: 100%;
}

[data-collapsible][open="true"] [data-collapsible-trigger] .icon-minus {
    visibility: visible;
    opacity: 1;
}

[data-collapsible][open="true"] [data-collapsible-trigger] .icon-plus {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50%) rotate(90deg);
}

[data-collapsible][open="true"] [data-collapsible-content] {
    opacity: 1;
    transform: none;
}

details[disabled] [data-collapsible-trigger] {
    cursor: default;
    pointer-events: none;
}

details[disabled] [data-collapsible-trigger] .icon {
    display: none;
}

details[disabled] [data-collapsible-body] {
    height: auto;
    transition: none;
}

:root {
    --font-15: 55px;
    --font-14: 52px;
    --font-13: 50px;
    --font-12: 47px;
    --font-11: 43px;
    --font-10: 40px;
    --font-9: 37px;
    --font-8: 32px;
    --font-7: 27px;
    --font-6: 23px;
    --font-5: 19px;
    --font-4: 16px;
    --font-3: 14px;
    --font-2: 12px;
    --font-1: 10px;
}

h1 {
    font-size: calc(var(--font-9) * var(--FONT-ADJUST-HEADING));
}

h5,
.h5 {
    font-size: calc(var(--font-5) * var(--FONT-ADJUST-HEADING));
}

h6 {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-HEADING));
}

.h3,
.h5,
h1,
h2,
h3,
h5,
h6 {
    font-family: var(--FONT-STACK-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: var(--LETTER-SPACING-HEADING);
    line-height: 1.1;
    margin: 0.5em 0;
    text-transform: var(--FONT-UPPERCASE-HEADING, none);
    color: var(--COLOR-HEADING);
}

body {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
}

.h5--body {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    text-transform: none;
    line-height: 1.2;
}

small {
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
}

.font-heading {
    font-family: var(--FONT-STACK-HEADING);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: var(--LETTER-SPACING-HEADING);
}

.heading-size-4 {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-HEADING));
}

.heading-size-7 {
    font-size: calc(var(--font-7) * var(--FONT-ADJUST-HEADING));
}

.heading-size-14 {
    font-size: calc(var(--font-14) * var(--FONT-ADJUST-HEADING));
}

.heading-size-15 {
    font-size: calc(var(--font-15) * var(--FONT-ADJUST-HEADING));
}

.body-size-2 {
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
}

.body-size-3 {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}

.body-size-4 {
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-BODY));
}

.body-size-6 {
    font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY));
}

.body-size-10 {
    font-size: calc(var(--font-10) * var(--FONT-ADJUST-BODY));
}

.body-size-15 {
    font-size: calc(var(--font-15) * var(--FONT-ADJUST-BODY));
}

p {
    margin: 0.5em 0;
}

strong {
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}

a {
    text-decoration: none;
    color: var(--link);
    transition: color 0.25s ease;
}

@media (hover: hover) {
    a:hover {
        color: var(--link-hover);
    }
}

ul {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}

ul.unstyled {
    list-style-type: none;
    margin-left: 0;
}

ul.inline-list li {
    display: inline-block;
    margin-bottom: 0;
}

li {
    margin: 0 0 0.25em;
}

hr {
    clear: both;
    border-top: solid var(--COLOR-BORDER);
    border-width: 1px 0 0;
    margin: 1.25rem 0;
    height: 0;
}

.caps,
.badge-box {
    text-transform: uppercase;
    font-family: var(--FONT-STACK-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    font-size: calc(11px * var(--FONT-ADJUST-BODY));
    letter-spacing: 0.2px;
}

@media (hover: hover) {
    .caps--link span:hover {
        background-size: 100% 1px;
    }
}

@media (hover: hover) {
    .caps--link:hover .icon-arrow-right {
        transform: translate3d(5px, 0, 0);
    }
}

.icon {
    display: inline-block;
    width: var(--icon-size, 20px);
    height: var(--icon-size, 20px);
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
    stroke-width: var(--ICON-STROKE-WIDTH);
}

.icon path {
    stroke-width: inherit;
}

.icon path {
    fill: inherit;
    stroke: inherit;
}

.icon-arrow-right {
    transition: transform 0.25s ease-out;
}

.icon-fallback-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.payment-icons {
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

@media only screen and (max-width: 749px) {
    .responsive-table td:before {
        content: attr(data-label);
        float: left;
        text-align: center;
        padding-right: 10px;
    }

    .responsive-table-row+.responsive-table-row:after,
    tfoot>.responsive-table-row:first-child:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: calc(var(--gutter) / 2);
        right: calc(var(--gutter) / 2);
        border-bottom: 1px solid var(--COLOR-BORDER);
    }
}

:root {
    --radius: var(--RADIUS);
    --btn-radius: var(--RADIUS);
    --btn-top: 10px;
    --btn-left: 18px;
}

@media only screen and (max-width: 749px) {
    :root {
        --btn-top: 8px;
        --btn-left: 16px;
    }
}

button {
    width: auto;
    overflow: visible;
}

.btn {
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    border: 1px solid #000;
    border-radius: var(--btn-radius);
    background-color: var(--btn-bg);
    font-family: var(--BTN-FONT-STACK);
    line-height: var(--line-height-normal);
    color: var(--btn-text);
    font-style: var(--BTN-FONT-STYLE);
    font-weight: var(--BTN-FONT-WEIGHT);
    letter-spacing: var(--BTN-LETTER-SPACING);
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    text-transform: var(--BTN-UPPERCASE);
    transition: 0.25s ease-out;
    transition-property: color, background, border;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btn span {
    position: relative;
    vertical-align: middle;
}

.btn:not(.btn--text) span:not([class]) {
    display: block;
    height: 100%;
    transform: translateZ(0);
}

.btn--primary {
    --btn-border: var(--BTN-PRIMARY-BORDER-COLOR);
    --btn-bg: var(--BTN-PRIMARY-BG-COLOR);
    --btn-text: var(--BTN-PRIMARY-TEXT-COLOR);
    font-size: var(--BTN-PRIMARY-FONT-SIZE);
    padding: var(--BTN-PRIMARY-PADDING);
}

.btn--primary.btn--solid {
    --btn-border: var(--BTN-PRIMARY-BG-COLOR);
    --btn-bg: var(--BTN-PRIMARY-BG-COLOR);
    --btn-text: var(--BTN-PRIMARY-TEXT-COLOR);
    --btn-border-hover: var(--BTN-PRIMARY-BG-COLOR-BRIGHTER);
    --btn-bg-hover: var(--BTN-PRIMARY-BG-COLOR-BRIGHTER);
    --btn-text-hover: var(--BTN-PRIMARY-TEXT-COLOR);
}

.btn--primary.btn--outline {
    --btn-border: var(--BTN-PRIMARY-BORDER-COLOR);
    --btn-bg: transparent;
    --btn-text: var(--BTN-PRIMARY-BORDER-COLOR);
    --btn-border-hover: var(--BTN-PRIMARY-BORDER-COLOR);
    --btn-bg-hover: transparent;
    --btn-text-hover: var(--BTN-PRIMARY-BORDER-COLOR);
}

.btn--secondary {
    --btn-border: var(--BTN-SECONDARY-BORDER-COLOR);
    --btn-bg: var(--BTN-SECONDARY-BG-COLOR);
    --btn-text: var(--BTN-SECONDARY-TEXT-COLOR);
    border: 1px solid transparent;
    font-size: var(--BTN-SECONDARY-FONT-SIZE);
    padding: var(--BTN-SECONDARY-PADDING);
}

.btn--secondary.btn--solid:hover {
    border-color: var(--BTN-SECONDARY-HOVER-BORDER-COLOR) !important;
    color: var(--BTN-SECONDARY-HOVER-TEXT-COLOR);
    background-color: var(--BTN-SECONDARY-HOVER-BG-COLOR) !important;
}

.btn--secondary.btn--solid {
    --btn-border: var(--BTN-SECONDARY-BG-COLOR);
    --btn-bg: var(--BTN-SECONDARY-BG-COLOR);
    --btn-text: var(--BTN-SECONDARY-TEXT-COLOR);
    --btn-border-hover: var(--BTN-SECONDARY-BG-COLOR-BRIGHTER);
    --btn-bg-hover: var(--BTN-SECONDARY-BG-COLOR-BRIGHTER);
    --btn-text-hover: var(--BTN-SECONDARY-TEXT-COLOR);
}

.btn--large {
    max-width: 100%;
    --btn-top: 16px;
    --btn-left: 22px;
}

@media only screen and (max-width: 749px) {
    .btn--large {
        --btn-top: 12px;
        --btn-left: 18px;
    }
}

@media (hover: hover) {
    .btn--text span:hover {
        background-size: 0% 1px;
    }
}

.btn--outline,
.btn--solid {
    overflow: hidden;
    z-index: 1;
}

.btn--outline.btn--modal:after {
    content: none;
}

.btn--full {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.btn--scroll-top:after {
    left: -30%;
}

.inline-nav li a:after {
    content: "";
    margin: auto;
    width: 10%;
    height: 2px;
    position: absolute;
    bottom: -4px;
    left: 0;
    opacity: 0;
    background: var(--COLOR-LINK-HOVER);
    transition: 0.25s ease-out;
    transition-property: color, background, border;
}

.inline-nav li a:hover {
    color: var(--COLOR-LINK);
}

.inline-nav li.inline-nav--active a:after,
.inline-nav li a:hover:after {
    color: var(--COLOR-LINK);
    opacity: 1;
    width: 100%;
}

.btn__added {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 8px;
    border-left: 1px solid var(--btn-text);
    border-bottom: 1px solid var(--btn-text);
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.btn__added,
.btn__loader {
    opacity: 0;
}

.btn__text,
.btn__loader,
.btn__added {
    transition:
        opacity 0.5s,
        visibility 0.5s;
}

.btn__text {
    display: flex;
    justify-content: space-between;
}

.svg-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.svg-loader circle {
    stroke-width: 1;
    stroke: var(--primary-fade);
    fill: none;
}

.svg-loader circle~circle {
    stroke: var(--primary);
    stroke-dashoffset: 88;
    animation: animate-svg 1s linear infinite;
    animation-play-state: paused;
}

input,
.input-group {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    font-weight: var(--FONT-WEIGHT-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    font-size: var(--FONT-SIZE-BASE);
    border-radius: var(--RADIUS-SELECT);
    max-width: 100%;
    background: var(--TRANSPARENT);
    color: var(--COLOR-TEXT);
}

@media only screen and (max-width: 749px) {

    input,
    .input-group {
        padding: 9px 10px;
        font-size: 1rem;
    }
}

textarea:focus,
select:focus,
.popout__toggle:focus,
.input-group:focus {
    border: 1px solid var(--BTN-PRIMARY-BG-COLOR);
    opacity: 1 !important;
    transition: ease 0.3s;
    outline: none;
}

input:focus {
    border: none;
}

input,
.input-group {
    opacity: 1;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
.popout__toggle:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
.input-group:-webkit-autofill,
.input-group:-webkit-autofill:hover,
.input-group:-webkit-autofill:focus,
.input-group:-webkit-autofill:active {
    -webkit-transition:
        background-color 5000s ease-in-out 0s,
        border-color 5000s ease-in-out 0s;
    transition:
        background-color 5000s ease-in-out 0s,
        border-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--COLOR-TEXT) !important;
}

input[type="email"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkbox input[type="checkbox"]+label:before {
    content: "";
    align-self: flex-start;
    flex: 0 0 auto;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    border: 1px solid var(--text-light);
    margin-right: 10px;
    background: var(--bg);
}

.checkbox input[type="checkbox"]:checked+label:before {
    background: var(--COLOR-PRIMARY);
    box-shadow: inset 0 0 0 2px var(--bg);
}

.input-group {
    background-color: var(--TRANSPARENT);
    border-collapse: separate;
    padding: 0;
}

.input-group input,
.input-group input:focus,
.input-group input:active {
    background-color: var(--TRANSPARENT);
    border: none;
    box-shadow: none;
    margin: 0;
}

.input-group input::-moz-focus-inner,
.input-group input:focus::-moz-focus-inner,
.input-group input:active::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px;
}

select::-ms-expand,
.popout__toggle::-ms-expand {
    display: none;
}

form .errors {
    padding: var(--inner);
    margin-bottom: 10px;
    border: 1px solid var(--COLOR-ERROR-BORDER);
    border-radius: var(--RADIUS-SELECT);
    background-color: var(--COLOR-ERROR-BG);
    color: var(--COLOR-ERROR);
    font-weight: 400;
    line-height: 1.3;
}

.field:focus {
    border: 0;
    border-bottom: 1px solid var(--text);
}

.field::placeholder,
.field:-webkit-autofill,
.field:-webkit-autofill:hover,
.field:-webkit-autofill:focus,
.field:-webkit-autofill:active {
    -webkit-text-fill-color: var(--text-a75);
}

.lazy-image--backfill:after {
    content: none;
    display: none;
}

@media only screen and (min-width: 750px) {
    .lazy-image--backfill.is-loading:after {
        content: "";
        display: block;
        position: absolute;
        top: -10%;
        left: -10%;
        right: -10%;
        bottom: -10%;
        z-index: -1;
        animation-duration: 1.6s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: shimmer;
        animation-timing-function: linear;
        background: linear-gradient(98deg,
                var(--bg-accent) 16%,
                var(--bg-accent-lighten) 32%,
                var(--bg-accent) 48%);
        transform: translate(-100%);
    }
}

.no-js .lazy-image--backfill.is-loading:after {
    content: none;
}

.lazy-image img {
    transition: opacity 0.5s ease-in;
}

.image__fill {
    overflow: hidden;
}

.image__fill img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: auto;
}

.image-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(1 / var(--aspect-ratio) * 100%);
    overflow: hidden;
}

.image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    image-rendering: auto;
}

@media only screen and (min-width: 750px) {
    .image-wrapper.mobile {
        display: none;
    }
}

@media only screen and (max-width: 749px) {
    .image-wrapper.desktop {
        display: none;
    }

    .section-columns .image-wrapper.desktop {
        display: block !important;
    }
}

.image-wrapper--cover {
    height: 100%;
    padding-top: 0;
}

.image-wrapper--cover img,
img.fit-cover {
    object-fit: cover;
}

.image__hero__frame {
    flex: 1;
    position: relative;
    overflow: hidden;
    height: 100%;
}

@media only screen and (max-width: 749px) {
    .image__hero__frame.image-height--mobile {
        padding-top: calc(1 / var(--aspect-ratio-mobile, var(--aspect-ratio)) * 100%);
        min-height: 100%;
        height: auto;
    }
}

.image__hero__pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: inherit;
}

.image__hero__scale {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
}

.link-over-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    will-change: opacity;
}

.link-over-image:hover .image-wrapper {
    transform: scale(1.06);
}

.inline-image__link:hover .inline-image__image {
    transform: scale(1.08);
}

.tooltip-default__arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    background: var(--bg);
    border: 1px solid var(--border);
    -webkit-clip-path: polygon(0% 0%, 100% 100%, 0 100%);
    clip-path: polygon(0% 0%, 100% 100%, 0 100%);
    transform: rotate(135deg);
    content: "";
}

.toggle-ellipsis__actions:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 99.99%;
    right: 0;
    height: 30px;
    background: linear-gradient(to bottom, transparent, var(--bg));
    pointer-events: none;
    transition: 0.5s all ease;
}

.is-open .toggle-ellipsis__actions:before {
    opacity: 0;
}

.drawer {
    --inner: 16px;
    --inner-offset: -16px;
}

.drawer .cart__checkout {
    margin: 0 0 10px;
    gap: 3px;
}

.cart__view {
    width: 100%;
}

.drawer__inner {
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 100vw;
    z-index: 2147483647;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    border-left: 1px solid var(--border);
    background-color: #f8f3e9;
}

@media only screen and (min-width: 480px) {
    .drawer__inner {
        max-width: var(--DRAWER-WIDTH);
    }
}

@media only screen and (max-width: 749px) {
    .drawer__inner {
        border-left: none;
    }
}

.drawer__underlay {
    z-index: 6000;
}

.drawer .cart__foot__inner {
    padding: calc(var(--inner) - 2px) var(--inner);
    padding-bottom: 0;
}

.drawer .cart__widget__title {
    padding-left: var(--inner);
}

.drawer .cart__widget__content__inner {
    padding-left: 0;
    padding-right: 0;
}

.drawer__head {
    width: 100%;
}

.drawer__head h3 {
    margin: 0 0
        /**/
        -3px;
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
    line-height: 1;
}

.drawer__close {
    --icon-size: 24px;
    position: absolute;
    top: 50%;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    color: var(--dark-grey);
    background: transparent;
    border-radius: var(--RADIUS);
    font-size: 0;
    text-decoration: none;
    transform: translate3d(0, -50%, 0);
    transition: color 0.3s ease;
}

@media (hover: hover) {
    .drawer__close:hover {
        color: var(--link-hover);
    }

    .drawer__close:hover .icon {
        transform: rotate(90deg);
    }
}

.drawer__body {
    flex: 1;
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.drawer__foot {
    margin-top: -1px;
}

.drawer__empty {
    flex-grow: 1;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    visibility: hidden;
    align-items: center;
    width: 100%;
    transition:
        max-height 0.3s ease,
        visibility 0.3s;
}

.is-empty .cart-block:not(.cart-block--top) {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.is-empty .drawer__empty {
    display: flex;
    max-height: 100%;
}

.is-empty .drawer__body {
    flex: 0 0 auto;
    min-height: 0;
}

.drawer__empty__inner {
    flex: 0 1 100%;
    width: 100%;
    padding: var(--inner);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--inner);
}

.drawer__message {
    padding: var(--inner);
}

.drawer__empty__message {
    text-align: center;
    transition: all 0.3s;
    margin: var(--inner) auto;
}

.drawer__empty__buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--inner);
    justify-items: center;
    margin: 0 0 var(--inner);
}

.drawer__empty__item {
    width: 100%;
}

.drawer__empty__item .btn {
    min-height: 100%;
}

.drawer__empty__product:empty {
    display: none;
}

.drawer__errors {
    top: 0;
    z-index: 9;
    border-left: none;
    border-right: none;
}

.drawer__errors .cart__errors__inner {
    padding: calc(var(--inner) / 2) var(--inner);
    margin: 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.cart-block--top {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: calc(var(--inner) * 2) var(--inner) 2px;
}

.cart-block {
    transition:
        max-height 0.3s ease,
        visibility 0.3s;
}

.cart-block .cart__price__holder .cart__total:first-child {
    margin-top: 0;
}

@media (hover: hover) {
    .cart__item__image a:hover {
        opacity: 0.75;
    }
}

.header-sections {
    display: flex;
    flex-direction: column;
}

.header__wrapper {
    --bg: var(--COLOR-MENU-BG);
    --text: var(--COLOR-MENU-LINK);
    --link: var(--COLOR-MENU-LINK);
    --link-hover: var(--COLOR-MENU-LINK-HOVER);
    --text-dark: var(--COLOR-MENU-LINK);
    --text-light: var(--COLOR-MENU-LINK);
    --text-transparent: var(--COLOR-MENU-TRANSPARENT);
    --text-transparent-hover: var(--COLOR-MENU-TRANSPARENT-HOVER);
    --highlight: var(--text);
    position: relative;
    transition: top 0.2s linear;
}

.header__desktop__upper {
    --bg: var(--COLOR-HEADER-BG);
    --text: var(--COLOR-HEADER-LINK);
    --link: var(--COLOR-HEADER-LINK);
    --link-hover: var(--COLOR-HEADER-LINK-HOVER);
    color: var(--text);
}

.header__desktop__lower {
    color: var(--text);
}

.theme__header {
    position: absolute;
    z-index: 2300;
    width: 100%;
    color: var(--text);
}

.toolbar.has-border:before,
.theme__header.has-border:before,
.header__mobile.has-border:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
    transition: border-color 0.2s ease;
    border-bottom: 1px solid var(--dark-grey);
    opacity: var(--border-opacity, 1);
}

.header__mobile.has-border:before {
    border-color: #f2f2f2;
}

.header__mobile {
    --bg: var(--COLOR-HEADER-BG);
    --text: var(--COLOR-HEADER-LINK);
    --link: var(--COLOR-HEADER-LINK);
    --link-hover: var(--COLOR-HEADER-LINK-HOVER);
    color: var(--text);
    display: grid;
    min-height: 42px;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.header__mobile__nav:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -5;
    transition:
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        visibility 0.2s;
    opacity: 0;
    visibility: hidden;
    background: var(--bg);
}

.header__mobile__nav:before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(var(--outer) * 1.5);
    pointer-events: none;
    background: linear-gradient(to right,
            var(--bg-transparent) 0%,
            var(--bg) 90%);
    transition:
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        visibility 0.2s;
    opacity: 0;
    visibility: hidden;
}

.header__mobile__nav__scroller::-webkit-scrollbar {
    display: none;
}

.header__backfill {
    visibility: hidden;
    z-index: -1;
    position: relative;
    height: var(--header-height);
}

.header__logo {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
}

.header__logo__link {
    --logo-width: var(--logo-width-mobile);
    --link: var(--text);
    --link-hover: var(--text);
    width: var(--logo-width);
    display: block;
    text-decoration: none;
    position: relative;
    max-width: calc(100vw - 202px - var(--scrollbar-width));
}

@media only screen and (min-width: 750px) {
    .header__logo__link {
        --logo-width: var(--logo-width-desktop);
    }
}

.header__logo__link:before,
.js__header__stuck .header__logo__link:before,
.meganav--visible .header__logo__link:before {
    padding-bottom: var(--logo-padding);
}

.header__logo--image .header__logo__link:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    font-size: 0;
}

.header__mobile__left {
    display: flex;
    align-items: center;
    min-height: inherit;
}

.header__mobile__left,
.header__mobile__left .header__mobile__button .navlink {
    justify-content: flex-start;
}

.header__mobile__button .navlink {
    height: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 749px) {
    .header__mobile__button.navlink--toplevel:after {
        content: none;
    }
}

.header__mobile__button:last-child .navlink {
    margin-right: 0;
}

.header__desktop__upper,
.header__desktop__lower,
.header__mobile {
    padding-left: var(--outer);
    padding-right: var(--outer);
}

.header__desktop__upper,
.header__desktop__lower {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
}

.header__desktop__bar__l,
.header__desktop__bar__c,
.header__desktop__bar__r {
    display: flex;
    align-self: stretch;
}

.header__desktop__bar__l {
    flex: 1 0 0;
    justify-content: flex-start;
    align-items: center;
}

.header__desktop__bar__c {
    flex-grow: 0;
}

.header__desktop__buttons {
    display: flex;
    align-items: center;
}

.navlink--toplevel,
.header__desktop__button .navlink {
    align-items: center;
    display: flex;
    height: 100%;
}

.header__mobile__button .navlink:not(.navlink--toplevel),
.header__desktop__button .navlink:not(.navlink--toplevel) {
    padding: 0 8px;
    transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header__mobile__button.search-button .navlink:not(.navlink--toplevel) {
    padding: 0;
}

@media only screen and (min-width: 750px) {

    .header__mobile__button .navlink:not(.navlink--toplevel),
    .header__desktop__button .navlink:not(.navlink--toplevel) {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.header__desktop {
    width: 100%;
}

.navlink {
    font-family: var(--FONT-STACK-NAV);
    font-style: var(--FONT-STYLE-NAV);
    font-weight: var(--FONT-WEIGHT-NAV);
    letter-spacing: var(--LETTER-SPACING-NAV);
    line-height: 1.2;
    position: relative;
    transition: none;
}

.navlink--search {
    cursor: pointer;
    color: var(--text);
}

.navlink--search:hover {
    color: var(--link-hover);
}

.navlink--child,
.navlink--grandchild {
    --link: var(--text-light);
    text-transform: none;
}

.navlink--child:hover,
.navlink--grandchild:hover {
    color: var(--link-hover);
}

.navlink--toplevel {
    --link-padding: 16px;
    --link-hover: var(--link);
    position: relative;
    padding: 5px 9px;
    font-weight: var(--FONT-WEIGHT-NAV-BOLD);
    z-index: 6;
}

@media only screen and (min-width: 750px) {
    .navlink--toplevel {
        padding: var(--link-padding);
        padding-bottom: 0;
    }

    .navlink--toplevel .navtext,
    .navlink--toplevel.navlink:hover>.navtext {
        position: relative;
        color: #373737;
        font-size: 14px;
        padding-bottom: var(--link-padding);
    }

    .navlink--toplevel:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background-color: #373737;
        transform: scaleX(0);
        transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
}

@media only screen and (min-width: 750px) and (hover: hover) {
    .navlink--toplevel:hover:after {
        transform: scaleX(1);
    }
}

.navlink--highlight {
    --link: var(--highlight);
    --link-hover: var(--highlight);
}

.navlink--highlight:after {
    background-color: var(--highlight);
}

@media (hover: hover) {
    .navlink--highlight:not(.navlink--toplevel) .navtext:hover {
        background-size: 100% 1px;
    }
}

@media (hover: hover) {
    .navlink--highlight:not(.navlink--toplevel):hover .navtext {
        background-size: 100% 1px;
    }
}

.navtext {
    display: block;
}

.navtext--grandchild {
    font-size: 16px;
    line-height: 29px;
    font-weight: 300;
    color: var(--dark-grey);
}

.navtext,
.header__logo__link {
    color: var(--dark-grey);
    font-weight: 400;
    transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.navlink:hover>.navtext,
.header__mobile__hamburger:hover,
.header__logo__link:hover {
    color: var(--link-hover);
}

.header__desktop__bar__r {
    flex: 1 0 0;
    justify-content: flex-end;
}

.js__header__stuck .theme__header:after,
.js__header__stuck .header__mobile__nav:after,
.js__header__stuck .header__mobile__nav:before {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.theme__header:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -5;
    background: var(--bg);
}

@media only screen and (max-width: 749px) {
    .template-product .header__wrapper[data-header-transparent] .theme__header:after {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
}

.logo__img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0 !important;
}

body:has(.main-content > .shopify-section.section-overlay-header:first-of-type) [data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .parent .navlink--toplevel:after {
    content: none;
}

body.has-first-section-overlay-header [data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .parent .navlink--toplevel:after {
    content: none;
}

.header__menu {
    z-index: 5;
    display: flex;
    height: 100%;
}

@media only screen and (max-width: 479px) {
    .header__mobile {
        display: grid;
    }
}

@media only screen and (min-width: 480px) {
    .header__desktop {
        position: static;
    }
}

.header__dropdown {
    --bg: var(--COLOR-SUBMENU-BG);
    --text: var(--COLOR-SUBMENU-LINK);
    --text-dark: var(--COLOR-SUBMENU-LINK);
    --text-light: var(--COLOR-SUBMENU-LINK);
    --link-hover: var(--COLOR-SUBMENU-LINK-HOVER);
    color: var(--COLOR-SUBMENU-LINK);
    position: absolute;
    top: 100%;
    opacity: 0;
    background-color: var(--bg);
    border-top: 1px solid transparent;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        visibility 0s 0.2s;
}

.header__dropdown:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: var(--padding-bottom);
    background: transparent;
}

body:not(.has-line-design) .header__dropdown {
    border-bottom: none;
}

.header__dropdown__wrapper {
    max-height: calc(100vh - var(--header-height) - var(--announcement-height));
    overflow-y: auto;
}

.menu__item.parent:not(.is-visible):not(:hover) .navlink--child {
    transition-delay: 0s !important;
}

.menu__item:not(.parent):not(.grandparent) {
    white-space: nowrap;
}

.menu__item.parent:hover>.header__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.dropdown__family {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.header__grandparent__links-inner .dropdown__family:first-of-type {
    padding-bottom: 12px;
}

.header__grandparent__links-inner .dropdown__family:last-of-type {
    padding-top: 12px;
    flex-wrap: wrap;
    max-height: unset;
}

.header__grandparent__links-inner .dropdown__family .navlink--child {
    margin-bottom: 0;
}

.header__grandparent__links-inner .dropdown__family .navlink--child .navtext {
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--FONT-STACK-NAV);
}

.dropdown__family .navlink--child {
    font-weight: var(--FONT-WEIGHT-NAV-BOLD);
}

.header__dropdown__image {
    position: relative;
    overflow: hidden;
    color: var(--text);
    opacity: 0;
    transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header__dropdown__image .hero__content {
    margin: 0;
    max-width: none;
}

.grandparent .header__dropdown {
    width: 100%;
    left: 0;
    max-width: 100vw;
}

.grandparent .header__dropdown__inner {
    display: flex;
    justify-content: space-between;
}

.grandparent .header__grandparent__links {
    flex: 3;
    display: grid;
    grid-row-gap: 1.5em;
    position: relative;
}

.grandparent .dropdown__family {
    padding-left: var(--outer);
    padding-right: var(--outer);
}

.grandparent .menu__blocks {
    display: flex;
    flex: var(--images-space, 1);
}

body.grid-classic .grandparent .menu__blocks .menu__block {
    padding: var(--gap) calc(var(--gap) / 2);
}

body.grid-classic .grandparent .menu__blocks:not(:first-child) .menu__block:first-child {
    padding-left: 0;
}

body.grid-classic .grandparent .menu__blocks:last-child .menu__block:last-child {
    padding-right: var(--outer);
}

.grandparent .menu__block--narrow {
    flex: 1;
}

.grandparent .navlink--child,
.grandparent .navlink--grandchild {
    display: inline-block;
    margin-right: auto;
    padding-right: 5px;
}

.meganav--is-transitioning .grandparent.is-visible:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    background: #0000;
    z-index: 5;
}

.grandparent.kids-3 .header__grandparent__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grandparent.kids-5 .header__grandparent__links {
    display: flex;
    flex-wrap: wrap;
}

.grandparent.kids-3.images-1 .header__grandparent__links,
.grandparent.kids-4.images-1 .header__grandparent__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grandparent.images-2 .header__grandparent__links {
    flex: 3;
}

.menu__item.parent:hover .navlink--child {
    opacity: 1;
    transform: translateY(0);
}

.menu__item.grandparent .navlink--child {
    opacity: 0;
    transition: none;
}

.menu__item.grandparent .navlink--grandchild {
    opacity: 0;
    transform: translateY(-5px);
    transition: none;
}

.header__dropdown:not(.is-visible) .header__dropdown__image,
.header__dropdown:not(.is-visible) .image-wrapper {
    transition-delay: 0s !important;
}

.header__dropdown__image .image-wrapper {
    transform: scale(1.06);
    transform-origin: bottom center;
    transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header__dropdown__image:hover .btn--white {
    background-color: #fff;
    color: var(--COLOR-TEXT);
    border: 1px solid #fff;
    box-shadow: none;
}

.menu__item:not(.grandparent):hover>.header__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

.navlink[href="#"] {
    cursor: default;
}

.navlink__cart__content {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 0;
}

.header__cart__status__holder {
    position: relative;
    display: flex;
    align-items: center;
}

.navlink--cart--circle .header__cart__status:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: 50%;
    border: var(--ICON-STROKE-WIDTH) solid currentcolor;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.navlink--cart--icon .header__cart__status {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 17px;
    height: 17px;
    border-radius: 15px;
    padding: 2px;
    background: #f7d046;
    color: var(--dark-grey);
    font-size: calc(0.627rem * var(--FONT-ADJUST-NAV));
    line-height: calc(1rem * var(--FONT-ADJUST-NAV));
}

.navlink--cart--icon .header__cart__status[data-cart-count="0"] {
    display: none;
}

@media only screen and (min-width: 750px) {
    .navlink--cart--text .header__cart__status:before {
        content: attr(data-status-separator);
    }
}

.no-js .menu__item.parent:focus-within .header__dropdown,
.no-js .menu__item.parent:focus-within .navlink,
.no-js .menu__item.grandparent:focus-within .header__dropdown,
.no-js .menu__item.grandparent:focus-within .navlink,
.no-js .menu__item.parent:hover .header__dropdown,
.no-js .menu__item.parent:hover .navlink,
.no-js .menu__item.grandparent:hover .header__dropdown,
.no-js .menu__item.grandparent:hover .navlink {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
}

.no-js .navlink--toplevel:focus+.header__dropdown {
    opacity: 1 !important;
    visibility: visible !important;
}

.no-js .navlink--toplevel:focus+.header__dropdown .navlink {
    opacity: 1 !important;
    visibility: visible !important;
}

announcement-bar {
    --padding: var(--padding-scrolling, var(--outer));
    display: block;
}

.announcement__wrapper {
    --icon-offset: 0.2;
    --icon-size: max(calc(var(--text-size) * var(--FONT-ADJUST-BODY)) * 0.8,
            18px);
    --btn-size: var(--icon-size);
    position: relative;
    overflow: hidden;
    background: var(--bg);
    line-height: var(--line-height-normal);
    transition: opacity 0.5s ease;
}

.announcement__wrapper--top {
    z-index: 5;
}

.announcement__slide {
    color: var(--text);
    padding: 0 var(--padding);
    width: 100%;
}

.announcement__slide>div {
    display: flex;
    min-height: var(--announcement-height);
    align-items: center;
    justify-content: var(--justify-content, center);
}

.announcement__slide:not(.announcement__bar) {
    white-space: nowrap;
}

.announcement__slide:not(.announcement__bar)>* {
    width: 100%;
}

.announcement__bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: var(--text);
}

.announcement__bar:not(.desktop):not(.mobile) {
    width: 100%;
}

.announcement__bar--error {
    display: none;
}

.announcement__text p {
    font-family: inherit;
    margin: 0;
}

.announcement__bar-holder--marquee .announcement__text {
    min-height: 0;
}

.announcement__bar-holder--marquee .announcement__slide {
    min-height: var(--announcement-height);
}

.announcement__text>div {
    display: inline-flex;
    align-items: center;
}

.announcement__text a {
    position: relative;
}

.announcement__message {
    width: 100%;
    text-align: var(--text-align, center);
    font-size: 0;
}

.announcement__wrapper:not(.announcement__wrapper--top) .announcement__message {
    overflow: hidden;
}

.announcement__scale {
    display: inline-flex;
    transition: opacity 0.5s linear;
}

.announcement__bar-holder--slider>div {
    justify-content: var(--justify-content, center);
}

.announcement__image {
    margin: 0 auto;
}

.ticker--animated {
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: var(--ticker-direction);
    animation-duration: var(--animation-time);
    animation-play-state: paused;
    display: inline-flex;
    align-items: center;
    width: max-content;
}

.ticker--animated:hover {
    animation-play-state: paused;
}

.announcement__bar-holder {
    position: relative;
    background-color: var(--bg);
}

.announcement__bar-holder .flickity-slider {
    display: flex;
    align-items: center;
}

.announcement__slider:not(.flickity-enabled)::-webkit-scrollbar {
    display: none;
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) {
    --arrow-space: var(--icon-size);
    --arrow-space-offset: calc(var(--arrow-space) * -1);
    margin-left: calc(var(--outer) + var(--icon-size));
    margin-right: calc(var(--outer) + var(--icon-size));
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .announcement__slide.announcement__bar {
    padding: 0 20px;
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-viewport:before,
.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-viewport:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: calc(var(--arrow-space) + 20px);
    pointer-events: none;
    transition: transform 0.2s ease-in-out;
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-viewport:before {
    left: var(--arrow-space-offset);
    background: linear-gradient(90deg,
            var(--bg) 80%,
            var(--bg-transparent, rgba(255, 255, 255, 0)) 100%);
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-viewport:after {
    right: var(--arrow-space-offset);
    background: linear-gradient(-90deg,
            var(--bg) 80%,
            var(--bg-transparent, rgba(255, 255, 255, 0)) 100%);
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-prev-next-button {
    --icon-size: inherit;
    --btn-size: inherit;
    display: block;
    background-color: transparent;
    overflow: unset;
    box-shadow: none;
    z-index: 2;
    opacity: 1;
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-prev-next-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    background: transparent;
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-prev-next-button:before {
    background-color: var(--text);
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-prev-next-button.previous {
    transform: none;
    left: var(--arrow-space-offset);
}

.announcement__bar-holder--arrows .announcement__slider:not(.single-slide) .flickity-prev-next-button.next {
    transform: none;
    right: var(--arrow-space-offset);
}

.announcement__bar-outer {
    width: 100%;
}

.announcement__bar-outer:not(:hover) .is-selected ticker-bar:not([paused]) .ticker--animated,
.announcement__bar-outer:not(:hover) ticker-bar[autoplay]:not([paused]) .ticker--animated,
.announcement__bar-outer:not(:hover) ticker-bar[data-slide]:not([paused]) .ticker--animated {
    animation-play-state: running;
}

.announcement__wrapper:not(.announcement__wrapper--top) .announcement__bar-outer:hover ticker-bar[autoplay]:not([paused]) .ticker--animated {
    animation-play-state: running;
}

.ticker__comparitor {
    position: absolute;
    transform: translateY(-5000px);
    visibility: hidden;
}

.drawer--header {
    --bg: var(--COLOR-SUBMENU-BG);
    --text: var(--COLOR-SUBMENU-LINK);
    --text-dark: var(--COLOR-SUBMENU-LINK);
    --text-light: var(--COLOR-SUBMENU-LINK);
    --link-hover: var(--COLOR-SUBMENU-LINK-HOVER);
    position: relative;
    z-index: 5600;
    color: var(--text);
}

.drawer--header.caps {
    letter-spacing: 0.01em;
}

.drawer--header .drawer__inner {
    left: auto;
    right: 100%;
    border-left: 0;
    border-right: 1px solid var(--border);
    box-shadow:
        0 2px 8px #0000000f,
        0 3px 12px #00000005;
}

@media only screen and (max-width: 749px) {
    .drawer--header .drawer__inner {
        border-right: none;
        background-color: #fff;
    }
}

.drawer--header .drawer__close {
    --icon-size: 24px;
    position: relative;
    left: -7px;
    right: auto;
}

.drawer--header .drawer__close svg {
    width: 18px;
    height: 18px;
}

.drawer--header .drawer__underlay {
    z-index: 2400;
}

.drawer--header .drawer__content {
    --item-height: 56px;
    position: relative;
    flex: 1;
    display: flex;
    min-height: var(--item-height);
    width: 100%;
    overflow: hidden;
}

header-search-popdown {
    display: block;
    height: 100%;
}

header-search-popdown>details {
    height: 100%;
}

.search-popdown {
    font-family: var(--FONT-STACK-NAV);
    font-style: var(--FONT-STYLE-NAV);
    font-weight: var(--FONT-WEIGHT-NAV);
    letter-spacing: var(--LETTER-SPACING-NAV);
    --bg: var(--COLOR-MENU-BG);
    --border: var(--COLOR-BORDER);
    --text: var(--COLOR-MENU-LINK);
    --link-hover: var(--COLOR-MENU-LINK-HOVER);
    --text-dark: var(--COLOR-MENU-LINK);
    --text-light: var(--COLOR-MENU-LINK);
    --text-transparent: var(--COLOR-MENU-TRANSPARENT);
    position: absolute;
    z-index: 6002;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition:
        transform 0.5s ease,
        visibility 0s linear 0.5s;
    box-shadow: 0 5px 10px #0000001a;
    background: var(--bg);
}

.search-popdown .search-form {
    position: static;
}

.search-popdown input[type="search"] {
    font-family: var(--FONT-STACK-NAV);
    font-style: var(--FONT-STYLE-NAV);
    font-weight: var(--FONT-WEIGHT-NAV-BOLD);
    letter-spacing: var(--LETTER-SPACING-NAV);
    text-align: left;
    color: var(--text);
}

.search-popdown input[type="search"]::placeholder {
    color: var(--text);
}

.search-popdown input[type="search"]:focus,
.search-popdown input[type="search"]:active {
    box-shadow: none;
}

.search-popdown+.underlay {
    z-index: 6001;
}

.search-popdown__main {
    width: 100%;
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text);
    background: var(--bg);
    transition: transform 0.5s ease;
    column-gap: 8px;
}

.search-popdown__close {
    position: relative;
    width: 80px;
    height: 100%;
    display: flex;
}

@media only screen and (max-width: 749px) {
    .search-popdown__close {
        width: 20px;
    }
}

.search-popdown__close__button {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: var(--RADIUS);
    text-decoration: none;
    transform: translate3d(0, -50%, 0);
    transition: color 0.3s ease;
    --icon-size: 24px;
    font-size: calc(1rem * var(--FONT-ADJUST-NAV));
    color: var(--text);
    cursor: pointer;
    width: 34px;
    padding: 20px 5px;
    height: 100%;
    right: -11px;
}

@media (hover: hover) {
    .search-popdown__close__button:hover {
        color: var(--link-hover);
    }

    .search-popdown__close__button:hover .icon {
        transform: rotate(90deg);
    }
}

.search-popdown__submit {
    --icon-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    margin-left: -8px;
    padding: 0;
}

.drawer--header {
    --link: var(--text);
    --link-hover: var(--text);
}

.drawer__menu {
    overflow: hidden;
    width: 100%;
    height: 100%;
    flex: 0 1 100%;
    display: flex;
    flex-direction: column;
}

.sliderule__panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sliderule__panel::-webkit-scrollbar {
    display: none;
}

[data-sliderule-pane="0"] {
    overflow-y: auto;
    overflow-x: hidden;
}

.sliderule__wrapper {
    width: 100%;
}

.sliderow__links {
    padding-top: var(--item-height);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sliderow--back {
    top: 0;
    position: absolute;
    background: var(--bg);
}

.sliderow {
    width: 100%;
    min-height: var(--item-height);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--bg);
    padding: 0;
    z-index: 10;
    font-size: calc(var(--font-4) * var(--FONT-ADJUST-NAV));
    text-transform: inherit;
}

.sliderow__title {
    min-height: var(--item-height);
    width: 100%;
    padding: 0 var(--inner);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    transition:
        color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
        background 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (hover: hover) {
    .sliderow:hover .sliderow__title {
        background: var(--bg-accent);
    }
}

.sliderow:not(.sliderow__back) .sliderow__title:after {
    bottom: 0;
}

.drawer__menu:after {
    top: 0;
    left: var(--outer);
    z-index: 1;
}

.sliderule__chevron--right {
    align-self: stretch;
    width: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.sliderule__chevron--right svg {
    color: var(--dark-grey);
}

@media (hover: hover) {
    .sliderow:hover .sliderule__chevron--right .icon {
        transform: translate(5px);
    }
}

.sliderule__chevron--left,
.sliderule__chevron--right {
    --icon-size: 24px;
    position: relative;
}

.sliderule__panel .sliderow {
    padding-left: 0;
}

@media (hover: hover) {
    .sliderow__back-button+.sliderow__title:hover {
        color: var(--link-hover);
    }
}

.sliderow__back-button {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: var(--inner);
    color: var(--text);
    height: 100%;
    z-index: 5;
}

@media (hover: hover) {
    .sliderow__back-button:hover .icon {
        transform: translate(-5px);
    }
}

.sliderule__chevron--left {
    align-self: stretch;
    height: 100%;
    width: calc(var(--outer) * 1.5);
    min-width: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sliderule-grid .hero__content {
    max-width: 100%;
    padding: 30px;
    margin: 0;
}

@media only screen and (max-width: 479px) {
    .sliderule-grid .hero__content {
        padding: 5px;
    }
}

.sliderule-grid .menu__block {
    padding: var(--inner);
}

.sliderule-grid .menu__block:not(:first-child) {
    padding-top: 0;
}

ticker-bar {
    display: block;
}

@media only screen and (min-width: 750px) {
    ticker-bar {
        width: 100%;
    }
}

.toolbar__text__frame:hover .ticker--animated {
    animation-play-state: paused;
}

@media only screen and (max-width: 749px) {
    .toolbar__menu .navlink--toplevel:hover {
        background: var(--bg-accent);
    }
}

@media only screen and (min-width: 750px) {
    .toolbar__utilities:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: var(--gap);
        pointer-events: none;
        background: linear-gradient(-90deg,
                var(--bg) 50%,
                var(--bg-transparent, rgba(255, 255, 255, 0)) 100%);
    }
}

.breadcrumbs a:hover {
    color: var(--link-hover);
}

.index-tab-collections,
.index-timeline,
.custom-code {
    background-color: var(--bg);
}

.index-hero,
.index-timeline,
.custom-code {
    color: var(--text);
}

.wide-image {
    overflow: hidden;
    background-color: transparent;
}

.image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: var(--overlay-bg);
    opacity: var(--overlay-opacity);
}

[class*="align--"] {
    --alignment-align-items: flex-start;
    --alignment-justify-content: flex-start;
    --alignment-text-align: left;
    align-items: var(--alignment-align-items);
    justify-content: var(--alignment-justify-content);
    text-align: var(--alignment-text-align);
}

.align--bottom-left {
    --alignment-align-items: flex-end;
    --alignment-justify-content: flex-start;
    --alignment-text-align: left;
}

@media only screen and (min-width: 750px) {
    .align--middle-left-desktop {
        --alignment-align-items: center;
        --alignment-justify-content: flex-start;
        --alignment-text-align: left;
    }
}

@media only screen and (max-width: 749px) {
    .align--top-center-mobile {
        --alignment-align-items: flex-start;
        --alignment-justify-content: center;
        --alignment-text-align: center;
    }
}

.hero__content__wrapper {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
}

.hero__content__wrapper.frame__item {
    z-index: 20;
}

@media only screen and (min-width: 990px) {
    .index-hero .hero__content {
        max-width: 50%;
    }
}

.hero__content {
    display: flex;
    flex-direction: column;
    color: var(--text);
    overflow-wrap: break-word;
}

.hero__content--transparent {
    box-shadow: none;
}

.hero__content--compact {
    padding: 0;
    margin-bottom: var(--line-offset);
}

.hero__title,
.hero__description,
.hero__button {
    margin: 0 0 var(--block-padding-bottom, var(--line));
}

.hero__image {
    display: flex;
    height: 100%;
}

.rte a,
p a {
    --link: currentcolor;
    --link-hover: currentcolor;
    display: inline;
    text-decoration: none;
    cursor: pointer;
    padding: 0 0 5px;
    color: var(--link);
    line-height: normal;
    background: linear-gradient(to right, currentColor, currentColor);
    background-size: 100% 1px;
    background-position: 50% 86%;
    background-repeat: no-repeat;
    transition:
        color 0.25s ease-in,
        background-size 0.25s ease-in;
}

@media (hover: hover) {

    .text-link:hover,
    .rte a:hover,
    .hero__rte a:hover,
    p a:hover {
        background-size: 0% 1px;
    }
}

.hero__button-group {
    margin: 0
        /**/
        -8px calc(var(--line) - 8px);
    display: flex;
    flex-flow: row wrap;
    justify-content: var(--alignment-justify-content, center);
}

.hero__button-group .hero__button {
    margin: 8px;
}

.hero__button {
    display: flex;
    align-items: center;
    justify-content: var(--alignment-justify-content, flex-start);
    margin-top: 8px;
}

.backdrop--radial {
    --backdrop-size: 200%;
    position: relative;
}

.backdrop--radial:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: var(--backdrop-size);
    height: var(--backdrop-size);
    border-radius: 50%;
    background: radial-gradient(ellipse at center,
            var(--overlay-bg) 0%,
            rgba(255, 255, 255, 0) 70%);
    opacity: var(--overlay-opacity);
    transform: translate(-50%, -50%);
}

.backdrop--radial:empty:before {
    display: none;
}

.grid__heading {
    margin: 0;
}

.grid__heading-holder {
    position: relative;
    display: block;
    overflow-wrap: break-word;
    padding: 0 var(--outer);
    color: var(--text);
}

.grid__heading-text:not(:last-child) {
    margin-bottom: 1em;
}

@media only screen and (min-width: 990px) {
    .grid__heading-text {
        width: 60%;
        margin: 0 auto;
    }
}

.template-index .container {
    background-color: var(--TRANSPARENT);
}

.frame {
    display: grid;
    grid-template-columns: 1fr;
}

.frame__item {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
}

.section-columns {
    color: var(--text);
    background-color: var(--bg);
}

.section-columns .grid__heading-holder {
    padding-left: 0;
    padding-right: 0;
}

.column__heading {
    margin-top: 0;
    margin-bottom: 7px;
}

.column__text p {
    margin-top: 10px;
}

.column__image {
    overflow: hidden;
    margin-bottom: var(--inner);
}

.column__image--blob-one:hover,
.column__image--blob-two:hover,
.column__image--blob-three:hover {
    border-radius: var(--radius-blob-hover);
}

@media only screen and (max-width: 749px) {
    .section-columns .grid--mobile-slider .grid-item {
        width: calc(90% - 16px);
    }
}

.modal--default button.close:hover .icon {
    transform: rotate(90deg);
}

@media only screen and (max-width: 749px) {
    .modal--newsletter.modal-wrapper--has-image .modal-section:before {
        position: absolute;
        top: 100px;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        background: var(--bg);
        content: "";
    }
}

.search-form {
    position: relative;
    display: flex;
}

.search-form input[type="search"] {
    width: 100%;
    margin: 0;
    padding: 15px;
    font-size: calc(1rem * var(--FONT-ADJUST-BODY));
    border: 0;
}

@supports (-webkit-touch-callout: none) {
    .search-form input[type="search"] {
        font-size: max(calc(var(--font-2) * var(--FONT-ADJUST-NAV)), 16px);
    }
}

.search-form button[type="reset"] {
    flex: 0 0 auto;
    height: 100%;
    padding: 15px;
    align-items: center;
    font-size: calc(0.625rem * var(--FONT-ADJUST-BODY));
    text-transform: uppercase;
    letter-spacing: 0.12em;
    position: absolute;
    right: 0;
}

.input-holder {
    position: relative;
    display: flex;
    flex: 1 1 auto;
}

.giftcard__content:after {
    content: "";
    display: table;
    clear: both;
}

.giftcard__header:after {
    content: "";
    display: table;
    clear: both;
}

.giftcard__wrap:before,
.giftcard__wrap:after {
    content: "";
    position: absolute;
    width: 47px;
    height: 47px;
    z-index: 3;
}

.giftcard__wrap:before {
    background: url(../assets/92fddf8baa76051dad0ddd76cc1ef873.svg) 0 0 no-repeat;
    top: -1px;
    left: -1px;
}

.giftcard__wrap:after {
    background: url(../assets/d747147222ebbc81a01bbd05a786e9af.svg) 0 0 no-repeat;
    bottom: -1px;
    right: -1px;
}

.lt-ie9 .giftcard__wrap:before,
.lt-ie9 .giftcard__wrap:after {
    display: none;
}

.tooltip:before {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: -5px;
    margin-bottom: -5px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 5px solid #333;
    border-top: 5px solid rgba(51, 51, 51, 0.9);
}

.action-link:hover,
.action-link:focus {
    color: var(--text);
}

.action-link:hover .action-link__print {
    opacity: var(--underlay-opacity);
}

@media screen and (max-width: 400px) {

    .giftcard__wrap:before,
    .giftcard__wrap:after {
        display: none;
    }
}

.newsletter-form {
    --border: var(--text-a35);
}

.newsletter-form .input-group {
    position: relative;
    display: flex;
    margin: 0;
}

.newsletter-form .input-group__field {
    flex: 1 1 auto;
    padding: 1em;
}

.newsletter-form .input-group__field::placeholder,
.newsletter-form .input-group__field:-webkit-autofill,
.newsletter-form .input-group__field:-webkit-autofill:hover,
.newsletter-form .input-group__field:-webkit-autofill:focus,
.newsletter-form .input-group__field:-webkit-autofill:active {
    -webkit-text-fill-color: var(--text-a75);
}

.newsletter-form .input-group__btn {
    flex: 0 0 auto;
    padding: 0 24px;
    border-left: 1px solid var(--border);
}

.newsletter__message {
    display: none;
    background: var(--success-bg);
    font-style: var(--FONT-STYLE-BODY-ITALIC);
}

.small-newsletter .input-group__field::placeholder {
    color: var(--text);
}

.small-newsletter .input-group__field:-webkit-autofill,
.small-newsletter .input-group__field:-webkit-autofill:hover,
.small-newsletter .input-group__field:-webkit-autofill:focus,
.small-newsletter .input-group__field:-webkit-autofill:active {
    -webkit-transition:
        background-color 5000s ease-in-out 0s,
        border-color 5000s ease-in-out 0s;
    transition:
        background-color 5000s ease-in-out 0s,
        border-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--text) !important;
}

.newsletter__close:hover .icon {
    transform: rotate(90deg);
}

@media only screen and (min-width: 750px) {
    .look__slider::-webkit-scrollbar {
        display: none;
    }

    .look__slider:after {
        content: "flickity";
        display: none;
    }
}

@media only screen and (max-width: 749px) and (hover: hover) {
    .look__close:hover {
        color: var(--link-hover);
    }

    .look__close:hover .icon {
        transform: rotate(90deg);
    }
}

@media (hover: hover) {
    .look__dot__button.is-selected .look__dot:before {
        animation: pulseDot 2.5s linear infinite;
    }

    .look__dot__button:hover .look__dot:after {
        animation: pulseDotHover 1.5s linear infinite;
    }
}

.look__dot:after,
.look__dot:before {
    content: "";
    width: 35px;
    height: 35px;
    background-color: inherit;
    border-radius: inherit;
    opacity: 0.3;
    position: absolute;
    top: -6px;
    left: -6px;
}

.look__dot:before {
    opacity: 0;
}

.swatch__button label:hover,
.radio__button label:hover {
    cursor: pointer;
}

.radio__fieldset .radio__button label:active,
.radio__fieldset .radio__button label:focus {
    font-weight: 700;
    box-shadow: inset 0 0 0 1px;
    background-color: #fff;
}

.radio__fieldset .radio__button label:hover {
    font-weight: 700;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px;
}

.radio__fieldset .radio__button input:disabled+label {
    background-color: #fafafa;
    color: #bbb;
    border-color: #bbb;
}

.radio__fieldset .radio__button input:checked~label:hover {
    background-color: #000;
    color: #fff;
    border-color: unset;
    box-shadow: unset;
}

.radio__fieldset .radio__button input:checked~label {
    border-color: #000;
    background-color: #000;
    color: var(--bg);
}

.radio__fieldset--pgi .swatch__button input:checked~label {
    margin: 0;
}

.radio__fieldset--pgi .swatch__button input:checked+label:after {
    border-color: var(--border);
}

.radio__fieldset__arrow:before {
    content: "";
    position: absolute;
    top: 0;
    width: 12px;
    height: 100%;
}

.radio__fieldset__arrow--prev:before {
    left: 3px;
    background: linear-gradient(to right,
            var(--bg-arrow) 50%,
            var(--bg-arrow-transparent) 100%);
}

.radio__fieldset__arrow--next:before {
    right: 3px;
    background: linear-gradient(to left,
            var(--bg-arrow) 50%,
            var(--bg-arrow-transparent) 100%);
}

.selector-wrapper__scrollbar::-webkit-scrollbar {
    display: none;
}

.swatch__button.sale:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-top: 4px;
    background-color: var(--COLOR-SALE);
    transform: translate(-50%);
}

.swatch__button .sibling__link:after,
.swatch__button input~label:after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
    background: var(--swatch, var(--swatch-default)) no-repeat center center/cover;
    overflow: initial;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
    transform: scale(0.95);
}

.swatch__button .sibling__link:after,
.swatch__button input~label:after {
    opacity: 0;
}

.swatch__button input:checked~label {
    overflow: initial;
    box-shadow: 0 0 0 2px var(--bg);
}

.swatch__button .sibling__link--current:after,
.swatch__button input:checked~label:after {
    opacity: 1;
    transform: translateZ(0);
    overflow: hidden;
}

.swatch__button .sibling__link--sold-out:before,
.swatch__button input.sold-out~label:before,
.swatch__button input.unavailable~label:before,
.swatch__button input:disabled+label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 1px;
    background-color: var(--text-dark);
    transform-origin: left top;
}

.swatch-white input~label:after,
.swatch-white .sibling__link:after,
.swatch-white .swatch__link:after {
    border-color: var(--primary);
}

.swatch__button input.sold-out~label[data-swatch="black" i]:before,
.swatch__button input.unavailable~label[data-swatch="black" i]:before,
.swatch__button input:disabled~label[data-swatch="black" i]:before {
    background-color: #fff;
}

.swatch__button input.sold-out~label[data-swatch="white" i]:before,
.swatch__button input.unavailable~label[data-swatch="white" i]:before,
.swatch__button input:disabled~label[data-swatch="white" i]:before {
    background-color: var(--text-dark);
}

.swatch__button--circle .sibling__link:after,
.swatch__button--circle input~label:after {
    top: calc(var(--swatch-outline-offset) * -1);
    left: calc(var(--swatch-outline-offset) * -1);
    width: calc(var(--swatch-size) + var(--swatch-outline-offset) * 2);
    height: calc(var(--swatch-size) + var(--swatch-outline-offset) * 2);
    border-radius: 50%;
}

.swatch__button--circle .sibling__link--sold-out:before,
.swatch__button--circle input.sold-out~label:before,
.swatch__button--circle input.unavailable~label:before,
.swatch__button--circle input:disabled+label:before {
    height: var(--swatch-size);
    transform: rotate(-45deg) translate(-50%, -50%);
}

.swatch__button--square .sibling__link:after,
.swatch__button--square input~label:after {
    top: calc(var(--swatch-outline-offset) * -1);
    left: calc(var(--swatch-outline-offset) * -1);
    height: calc(var(--swatch-size) + var(--swatch-outline-offset) * 2);
    width: calc(var(--swatch-size) + var(--swatch-outline-offset) * 2);
}

.swatch__button--square input:checked~label {
    margin: 0;
}

.swatch__button--square .sibling__link--sold-out:before,
.swatch__button--square input.sold-out~label:before,
.swatch__button--square input.unavailable~label:before,
.swatch__button--square input:disabled+label:before {
    transform: rotate(-45deg) translate(-50%, -50%);
    height: calc(1.375 * var(--swatch-size));
}

.is-focused .swatch__button:focus-within,
.is-focused .radio__button:focus-within {
    outline: 5px auto var(--COLOR-PRIMARY);
}

.product-item {
    --text: var(--COLOR-TEXT);
    --text-dark: var(--COLOR-TEXT-DARK);
    --text-light: var(--COLOR-TEXT-LIGHT);
    position: relative;
    scroll-snap-align: start;
}

.product-item .badge-box {
    position: absolute;
    left: var(--left-spacing);
    top: 5px;
    z-index: 3;
}

.badge-box {
    --left-spacing: 5px;
    --padding-vertical: 7px;
    text-align: center;
    padding: calc(var(--padding-vertical) * var(--FONT-ADJUST-BODY)) 15px;
    width: auto;
    max-width: calc(100% - (var(--left-spacing) * 2));
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 749px) {
    .badge-box {
        --padding-vertical: 6px;
    }
}

.badge-box {
    color: var(--COLOR-BADGE-TEXT);
    background: var(--COLOR-BADGE-BG);
    font-weight: 400;
}

.product-link {
    --link: var(--text-dark);
    --link-hover: var(--text-a70);
    display: block;
}

.product-item__image {
    display: block;
    padding-top: var(--PRODUCT-GRID-ASPECT-RATIO);
    height: 0;
    position: relative;
    overflow: hidden;
    filter: brightness(var(--filter-bg));
    border-radius: 5px;
}

.product-item__image:not(.image--empty) {
    background-color: var(--COLOR-BG);
}

@media only screen and (max-width: 749px) {
    .predictive-search .product-item__image {
        height: 100%;
    }
}

.product-item__image:only-child {
    border-bottom: none;
}

.product-item__image .product-link {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.product-item__image-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: var(--overlay-opacity);
    background: var(--overlay-bg);
}

.product-item__bg__inner,
.product-item__bg {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.product-item__bg,
.product-item__bg__under {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    width: auto;
    height: auto;
}

.product-item__bg__under {
    z-index: 1;
    background-color: var(--bg);
    line-height: 0;
    overflow: hidden;
    transition: opacity 0.25s ease-in-out;
    height: calc(100% + 2px);
}

.predictive-search__grid-item .product-item__bg__under {
    opacity: 0;
}

.predictive-search__grid-item .product-item__image.double__image:hover .product-item__bg__under {
    opacity: 1;
}

.product-item__bg__slide {
    width: 100%;
    height: 100%;
}

.flickity-enabled>.product-item__bg__slide {
    display: none;
}

.product-item__bg__inner {
    opacity: 0;
    background-color: var(--bg);
    transition: opacity 0.3s ease-in-out;
}

.product-item__title {
    position: relative;
    margin: 12px 0;
    transition: color 0.3s;
}

.product_short_description {
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    line-height: 25px;
}

@media only screen and (max-width: 749px) {
    .product-item__title {
        margin: 10px 0 0;
        font-size: 16px;
        line-height: 20px;
    }

    .product_short_description {
        font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
        line-height: 22px;
    }
}

.product-item__price {
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
    overflow-wrap: break-word;
}

@media only screen and (max-width: 749px) {
    .product-item__price {
        font-size: calc(0.9rem * var(--FONT-ADJUST-BODY));
    }
}

.product-item__cutline:empty:before {
    content: " ";
}

.product-item__price {
    flex: 0 1 auto;
}

.product-item.is-active:hover .image--empty {
    opacity: 0;
}

.product-information {
    text-align: left;
    line-height: 1.4;
}

@media only screen and (max-width: 749px) {
    .product-information {
        line-height: 1.2;
    }
}

.product-item__info {
    padding: calc((var(--inner) / 2) - 8px);
}

@media only screen and (max-width: 749px) {
    .product-item__info {
        padding-bottom: calc((var(--inner) / 2) - 8px);
    }
}

@media only screen and (max-width: 749px) {
    .product-information .price {
        margin-top: 5px;
    }
}

.product-information .price.sale {
    opacity: 1;
}

.product-information .price small {
    font-size: inherit;
}

.sale .new-price {
    color: var(--COLOR-SALE);
}

.new-price {
    margin-right: 6px;
}

.new-price:last-child {
    margin-right: 0;
}

.old-price {
    text-decoration: line-through;
    color: var(--text-light);
}

.product-item--overlay-text .product-item__info .selector-wrapper__actions:before,
.product-item--overlay-text .product-item__info .selector-wrapper__actions:after {
    content: none;
}

.product-item--has-quickbuy.product-item--overlay-text:hover .product-item__info {
    opacity: 0;
    visibility: hidden;
}

.no-touch .double__image hover-images {
    opacity: 0;
}

.no-touch .double__image:hover hover-images,
.no-touch .product-item--overlay-text:hover hover-images {
    opacity: 1;
}

.no-touch .double__image.is-visible:hover hover-images {
    opacity: 0;
}

.no-touch body.is-focused .double__image .product-link--image:focus hover-images {
    opacity: 1;
}

.no-touch body.is-focused .double__image.is-visible .product-link--image:focus hover-images {
    opacity: 1;
}

hover-images {
    --slides-count: 10;
    --slider-index: 0;
}

.supports-touch hover-images .product-item__bg__slider::-webkit-scrollbar {
    display: none;
}

.supports-touch hover-images:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 2px;
    background: var(--text);
    transform: scaleX(calc(1 / var(--slides-count, 1))) translate(calc(var(--slider-index, 1) * 100%));
    transform-origin: left center;
    border-radius: var(--RADIUS);
}

@media only screen and (min-width: 750px) {
    .supports-touch hover-images:after {
        bottom: auto;
        top: 1px;
    }
}

.no-touch hover-images .flickity-viewport {
    height: 100% !important;
}

.no-touch hover-images .product-item__bg__slider {
    height: 100%;
}

.no-touch hover-images .product-item__bg__slider:after {
    content: "flickity";
    display: none;
}

.no-touch hover-images .flickity-prev-next-button {
    --inner: 5px;
    background: none;
    box-shadow: none;
}

.no-touch hover-images .flickity-prev-next-button:after {
    content: none;
}

.no-touch hover-images .flickity-prev-next-button.previous {
    left: var(--inner);
}

.no-touch hover-images .flickity-prev-next-button.next {
    right: var(--inner);
}

.product__wrapper .select-popout__toggle:before {
    border-color: var(--text);
}

@media only screen and (min-width: 750px) {
    [data-fader-desktop] .product__slides:active {
        cursor: grabbing;
    }
}

.product__thumbs__holder::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-width: 749px) {
    .product__thumbs__holder:after {
        content: "";
        display: block;
        position: relative;
        min-height: 1px;
        padding-right: var(--outer);
    }
}

@media only screen and (min-width: 750px) {
    .product__wrapper--thumbnails-left .product__thumb:after {
        position: absolute;
        top: 50%;
        left: -10px;
        width: 2px;
        height: 30px;
        max-height: 90%;
        margin: 0;
        background: var(--COLOR-BORDER-DARK);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-50%);
        transition: opacity 0.2s;
    }
}

.product__thumb:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background-color: var(--COLOR-BORDER-DARK);
    opacity: 0;
    transition: opacity 0.2s;
}

.product__thumb.is-active:after {
    opacity: 1;
}

.product__final-sale-question:hover {
    cursor: help;
}

script {
    display: none !important;
}

.recent__container {
    color: var(--text);
    background-color: var(--bg);
}

.errors {
    position: relative;
    max-width: 100%;
    margin: 0;
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
}

@media only screen and (max-width: 749px) {
    .errors {
        padding: 15px 30px 15px 15px;
    }
}

.errors__close:hover .icon {
    transform: rotate(90deg);
}

.is-focused model-viewer:focus:after,
.is-focused video:focus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    box-shadow: inset 0 0 2px 2px var(--COLOR-BORDER);
    box-sizing: border-box;
    pointer-events: none;
}

.product-modal__close:hover {
    transform: rotate(90deg);
}

@media only screen and (max-width: 749px) {
    .product__images--mobile-slider .product__slides::-webkit-scrollbar {
        display: none;
    }

    .product__images--mobile-slider .product__slides:after {
        content: "";
        display: block;
        position: relative;
        padding-right: var(--gap);
    }
}

body.is-focused .product__photo:focus:after,
body.is-focused .product__photo.focus-visible:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--COLOR-BORDER);
    pointer-events: none;
    box-sizing: border-box;
    z-index: 2;
}

.btn--ar:hover .product-single__view-in-space-text,
.btn--ar:focus .product-single__view-in-space-text {
    border-bottom-color: var(--COLOR-TEXT);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
    color: var(--COLOR-A55);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
    color: var(--COLOR-A55);
    background: var(--hairline);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
    border-color: var(--hairline);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
    color: var(--COLOR-A55);
}

.no-touch .deferred-media__poster:hover {
    opacity: initial;
}

:root {
    --form-top: 10px;
    --form-left: 12px;
    --form-margin: 32px;
    --btn-height: calc(var(--btn-top) * 2 + var(--BTN-FONT-SIZE) * var(--line-height-normal) + 2px);
}

.variant-input:checked+.variant__button-label {
    box-shadow: 0 0 0 2px var(--COLOR-PRIMARY);
}

.variant__button-label.disabled:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid;
    border-color: #e8e8e1;
    transform: rotate(45deg);
}

.is-focused .variant-input:focus+.variant__button-label:before,
.is-focused .swatch input[type="radio"]:focus+.variant__button-label--color:before {
    position: absolute;
    content: "";
    left: -2px;
    bottom: -8px;
    height: 2px;
    width: calc(100% + 4px);
    background: var(--COLOR-PRIMARY);
}

.quantity-selector input[type="number"]::-webkit-outer-spin-button,
.quantity-selector input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.no-js .quantity-selector input[type="number"]::-webkit-outer-spin-button,
.no-js .quantity-selector input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: auto;
    appearance: auto;
}

.quantity__plus:active,
.quantity__minus:active {
    transform: translateY(1px);
}

.variant--soldout .product__submit__add:not(.product__submit__add--default):active,
.variant--unavailable .product__submit__add:not(.product__submit__add--default):active {
    transform: translateY(0);
}

.variant--soldout .product__submit__add:not(.product__submit__add--default):hover,
.variant--unavailable .product__submit__add:not(.product__submit__add--default):hover {
    border-color: transparent;
    background-color: var(--COLOR-A10);
    color: var(--COLOR-A40);
    cursor: not-allowed;
}

.variant--soldout .product__submit__add:not(.product__submit__add--default):hover>*,
.variant--unavailable .product__submit__add:not(.product__submit__add--default):hover>* {
    pointer-events: none;
}

@media only screen and (max-width: 749px) {

    .variant--soldout .product__submit__add:not(.product__submit__add--default):hover,
    .variant--unavailable .product__submit__add:not(.product__submit__add--default):hover {
        transform: none;
        pointer-events: none;
    }
}

.pickup__preview--primary button.pickup__button:focus,
.pickup__preview--primary button.pickup__button:active {
    transform: none;
}

@media only screen and (max-width: 749px) {
    .reviews__grid::-webkit-scrollbar {
        display: none;
    }

    .reviews__grid:after {
        content: "";
        display: block;
        position: relative;
        min-height: 1px;
        padding-right: var(--outer);
    }
}

@media only screen and (min-width: 750px) {
    .reviews__grid[data-slider]:after {
        content: "flickity";
        display: none;
    }
}

@media (hover: hover) {
    a.review:hover {
        color: var(--link-hover);
    }

    a.review:hover .review__image img,
    a.review:hover .review__image svg {
        transform: scale(1.06);
    }
}

.product__subs__option input[type="radio"]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--text-dark);
    box-sizing: border-box;
}

.product__subs__option input[type="radio"]:checked:before {
    background-image: radial-gradient(var(--primary) 50%, var(--bg) 51%);
}

.free-shipping {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: var(--inner);
    padding-bottom: var(--inner);
    margin: 0;
    font-size: max(0.6875rem * var(--FONT-ADJUST-BODY),
            12px * var(--FONT-ADJUST-BODY));
    line-height: 1.3;
    transition:
        max-height 0.3s,
        padding 0.3s,
        border 0.3s,
        opacity 0.3s,
        visibility 0.3s;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.free-shipping p {
    margin: 0;
}

.free-shipping__success-message {
    display: none;
}

.free-shipping__progress-bar {
    --progress-bg: transparent;
    --progress-value: var(--FREE-SHIPPING-GRADIENT);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 21px;
    background: #999b3180;
    border-radius: 4px;
    margin-top: 16px;
    overflow: hidden;
}

.free-shipping__progress-bar::-webkit-progress-bar {
    width: 100%;
    background: var(--progress-bg);
    border-radius: 6px;
}

.free-shipping__progress-bar::-webkit-progress-value {
    background: var(--progress-value);
    border-radius: 4px;
    -webkit-transition:
        width 1s ease-in-out,
        transform 1s ease-in-out 0.5s;
    transition:
        width 1s ease-in-out,
        transform 1s ease-in-out 0.5s;
    transform-origin: center left;
}

.free-shipping__progress-bar::-webkit-progress-value {
    transform: scaleX(0);
}

.is-animated .free-shipping__progress-bar::-webkit-progress-value {
    transform: scaleX(1);
}

@-moz-document url-prefix() {
    .free-shipping__progress-bar::-moz-progress-bar {
        background: var(--progress-value);
        border-radius: 4px;
        -moz-transition:
            width 1s ease-in-out,
            transform 1s ease-in-out 0.5s;
        transition:
            width 1s ease-in-out,
            transform 1s ease-in-out 0.5s;
        transform-origin: center left;
    }

    .free-shipping__progress-bar::-moz-progress-bar {
        transform: scaleX(0);
    }

    .is-animated .free-shipping__progress-bar::-moz-progress-bar {
        transform: scaleX(1);
    }
}

.confetti {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}

.confetti__dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: rotate(90deg);
}

.confetti__dot--2 {
    color: var(--COLOR-PRIMARY);
}

.confetti__dot--3 {
    color: var(--COLOR-SALE);
}

.confetti__dot--4 {
    color: var(--COLOR-BORDER);
}

.confetti__dot--5 {
    color: var(--COLOR-LINK);
}

.confetti__dot--6 {
    color: var(--COLOR-BG-SECONDARY);
}

.confetti__dot--4,
.confetti__dot--5,
.confetti__dot--6 {
    transform: rotate(205deg);
}

.confetti__dot:before,
.confetti__dot:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    pointer-events: none;
    background: currentColor;
    transform: scale(0);
}

.is-success .confetti__dot:before,
.is-success .confetti__dot:after {
    transform: scale(1);
    opacity: 0;
    transition:
        top 1s,
        left 1s,
        transform 1s,
        opacity 0.6s 0.4s;
}

.is-success .confetti__dot--1:before {
    top: -35px;
    left: 65px;
}

.is-success .confetti__dot--4:after,
.is-success .confetti__dot--1:after {
    top: 5px;
    left: 45px;
}

.is-success .confetti__dot--2:before {
    top: 35px;
    left: 15px;
}

.is-success .confetti__dot--5:after,
.is-success .confetti__dot--2:after {
    top: 5px;
    left: -35px;
}

.is-success .confetti__dot--3:before {
    top: -25px;
    left: 5px;
}

.is-success .confetti__dot--6:after,
.is-success .confetti__dot--3:after {
    top: 45px;
    left: -45px;
}

.is-success .confetti__dot--4:before {
    top: -35px;
    left: 90px;
}

.is-success .confetti__dot--5:before {
    top: -70px;
    left: 15px;
}

.is-success .confetti__dot--6:before {
    top: -50px;
    left: 55px;
}

@media only screen and (max-width: 749px) {
    .cart-bar:after {
        min-height: inherit;
        font-size: 0;
        content: "";
    }
}

.cart-bar__product__price:before {
    padding-right: 10px;
    content: "•";
}

@media only screen and (max-width: 749px) {
    .cart-bar__product__price:before {
        padding-right: 6px;
    }
}

.cart__form {
    transition:
        opacity 0.3s ease,
        visibility 0.3s;
    overflow: hidden;
}

.is-empty .cart__form {
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.cart__title {
    font-family: var(--FONT-STACK-HEADING);
    font-size: 28px !important;
    font-style: var(--FONT-STYLE-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    display: flex;
    margin-bottom: 0;
    color: var(--text);
}

@media only screen and (max-width: 749px) {
    .cart__title {
        margin-bottom: 0.5rem;
    }
}

.cart__widget {
    position: relative;
    color: var(--text);
    display: block;
    margin-bottom: -1px;
    font-size: max(0.75rem * var(--FONT-ADJUST-BODY),
            12px * var(--FONT-ADJUST-BODY));
    line-height: 1.16;
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
    transition: color 0.3s ease;
}

.cart__widget.cart__widget--products {
    margin: 72px 0 0;
    background-color: #fafafa;
    padding-bottom: 0;
    border: 1px solid #f2f2f2;
}

@media only screen and (max-width: 749px) {
    .cart__widget.cart__widget--products {
        margin: 0 0 32px;
    }
}

.cart__widget--products .cart__widget__title {
    text-align: center;
    font-family: var(--FONT-STACK-HEADING);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
}

.cart__widget__title {
    color: var(--text);
    position: relative;
    padding: calc(var(--inner) - 2px) calc(var(--inner) + 30px) 0 0;
    padding-right: 0;
    margin: 0;
    display: block;
    line-height: 1.16;
}

.cart__widget__products {
    position: relative;
}

.cart__widget__products .btn__outer {
    position: relative;
    right: auto;
    bottom: auto;
    display: inline-grid;
}

.cart__widget__products .product-upsell__btn {
    justify-self: flex-start;
}

.cart__total {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    font-size: max(0.75rem * var(--FONT-ADJUST-BODY),
            12px * var(--FONT-ADJUST-BODY));
    line-height: 1.33;
    margin: var(--inner) 0;
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}

.cart__total__label {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    padding-right: 10px;
    font-size: 14px;
}

.cart__total__price {
    font-size: 14px;
    line-height: 1;
    transition: opacity 0.5s ease-in-out;
}

.is-loading input:disabled,
.is-loading button:disabled {
    opacity: 0.7;
    pointer-events: none;
}

.cart__checkout {
    margin-top: 0;
}

.cart__buttons-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
}

.cart__buttons {
    width: 100%;
}

.cart__buttons-all .btn {
    padding: 14px 24px;
    line-height: 1;
    margin-bottom: 10px;
}

.cart__buttons--disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--COLOR-BG-ALPHA-25);
    z-index: 1;
    cursor: default;
    transition:
        opacity 0.3s ease,
        visibility 0s linear 0s;
}

.cart__acceptance__input:checked~.cart__buttons--disabled:after {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.3s ease,
        visibility 0s linear 0.3s;
}

.cart__quantity button:hover {
    opacity: 0.75;
}

.no-js .cart__quantity .cart__quantity-field::-webkit-outer-spin-button,
.no-js .cart__quantity .cart__quantity-field::-webkit-inner-spin-button {
    -webkit-appearance: auto;
}

.cart__quantity input[type="number"]::-webkit-outer-spin-button,
.cart__quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.cart__errors {
    position: relative;
    width: 100%;
    flex: 0 0 auto;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition:
        opacity 0.5s ease,
        max-height 0.5s cubic-bezier(0, 0.75, 0.25, 1),
        visibility 0.5s;
}

@media (hover: hover) {
    .cart__errors a:hover {
        opacity: 0.75;
    }
}

.cart__errors__close {
    --icon-size: 16px;
    position: absolute;
    top: 0;
    right: 4px;
    width: 32px;
    height: 32px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart__errors__close:hover .icon {
    transform: rotate(90deg);
}

.cart__errors__inner {
    position: relative;
    border: 1px solid var(--COLOR-ERROR-BORDER);
    background-color: var(--COLOR-ERROR-BG);
    color: var(--COLOR-ERROR);
}

.cart__errors__heading {
    margin: 0;
    font-family: var(--FONT-STACK-BODY);
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
    font-style: var(--FONT-STYLE-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
}

.cart__errors__content {
    flex: 1 0 auto;
    margin: 0;
    font-size: max(0.75rem * var(--FONT-ADJUST-BODY),
            12px * var(--FONT-ADJUST-BODY));
}

.product-upsell__holder--cart .product-upsell {
    margin-bottom: 0;
    padding-bottom: 0;
}

.product-upsell__holder--cart .product-upsell__content {
    padding: 0;
}

.product-upsell__holder--cart .product-upsell__image__link,
.product-upsell__holder--cart .product-upsell__image__thumb {
    height: 100%;
}

.product-upsell__holder--cart .product-upsell__skip:hover {
    color: var(--link-hover);
}

.product-upsell__holder--cart .product-upsell__skip:hover .icon {
    transform: rotate(90deg);
}

.cart__items-count:before {
    content: "  (";
}

.cart__items-count:after {
    content: ")";
}

.popout-list__option:hover {
    background-color: var(--hairline);
}

.article__title a:hover {
    color: var(--link-hover);
}

.article__link a:hover {
    color: var(--link-hover);
}

.article__tag:hover {
    color: var(--text-light);
}

.article__meta>*:not(:last-child):after,
.editorial__meta>*:not(:last-child):after {
    content: "•";
    padding: 0 7px;
}

.widget__link:hover {
    color: var(--COLOR-LINK-HOVER);
}

.widget__links--secondary .widget__link:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    opacity: 0;
    transform: scaleX(0);
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.25s ease-in,
        transform 0.25s ease-in,
        visibility 0.25s;
}

.widget__links--secondary .widget__link.is-selected:after {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
}

.widget__column:hover {
    box-shadow: 0 0 5px #00000026;
}

.anchor-logo__link {
    display: block;
}

@media only screen and (min-width: 750px) {
    .editorial__slider[data-slider]:after {
        content: "flickity";
        display: none;
    }
}

@media only screen and (max-width: 749px) {
    .editorial__slider::-webkit-scrollbar {
        display: none;
    }
}

@media only screen and (min-width: 750px) {
    .editorial__aside[data-subheading]:after {
        content: attr(data-subheading);
        padding-top: 0.5em;
        margin-top: auto;
        opacity: 0;
        pointer-events: none;
        text-transform: uppercase;
        font-family: var(--FONT-STACK-BODY);
        font-weight: var(--FONT-WEIGHT-BODY);
        font-size: calc(11px * var(--FONT-ADJUST-BODY));
        letter-spacing: var(--LETTER-SPACING-BODY);
    }
}

@media (hover: hover) {
    .collection-hover__button:hover {
        opacity: 1;
        color: currentcolor;
    }
}

.collection__sidebar:hover {
    -webkit-mask-position: left top;
}

.collection__sidebar--has-buttons .collection__sidebar__slider:after {
    content: none;
}

.collection__sidebar__slider:after,
.collection__sidebar__slide-out:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: var(--scrollbar-width);
    height: 40px;
    background: linear-gradient(to bottom,
            rgb(var(--COLOR-BG-RGB) 0%) 0%,
            var(--COLOR-BG) 100%);
    pointer-events: none;
}

.collection-nav--image-grid label:after {
    display: none;
}

.swatch-white input:checked~label:after {
    --swatch: var(--border);
}

.sidebar__item a:after,
.sidebar__item label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1em;
    height: 1em;
    border: 1px solid var(--COLOR-TEXT);
}

.sidebar__item.link--remove a:after,
.sidebar__item input:checked~label:after {
    background: var(--COLOR-TEXT);
    box-shadow: inset 0 0 0 2px var(--COLOR-BG);
}

.link--disable a:after,
.link--disable label:after {
    opacity: 0.35;
    border: 1px solid var(--text-light);
    background-color: var(--text-light);
}

.link--disable .swatch__button [data-swatch]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 32px;
    background-color: var(--text-dark);
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: left top;
}

.popout--group .popout__toggle:after {
    display: none;
}

@media (hover: hover) {
    .collection__sidebar__close:hover {
        color: var(--link-hover);
    }

    .collection__sidebar__close:hover .icon {
        transform: rotate(90deg);
    }
}

.collection__sidebar__buttons:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 45px;
    background: linear-gradient(to bottom,
            rgb(var(--COLOR-BG-RGB) 0%) 0%,
            var(--COLOR-BG) 100%);
    pointer-events: none;
}

.active__filters__clear:hover,
.active__filters__remove:hover,
.active__filters__clear:hover .filter__x,
.active__filters__remove:hover .filter__x {
    color: var(--text-dark);
}

.filter__price__spacer:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 1px;
    margin-left: -3px;
    background: currentcolor;
    content: "";
}

.filter-count:before {
    content: "(";
}

.filter-count:after {
    content: ")";
}

@media (hover: hover) and (hover: hover) {
    .collection-item__info span:hover {
        background-size: 100% 1px;
    }
}

@media (hover: hover) {
    .collection-item:hover .collection-item__bg .image-wrapper {
        transform: var(--transform-scale);
    }
}

@media (hover: hover) {
    .collection-item:hover .collection-item__info span {
        background-size: var(--bg-size);
    }
}

.subcollection__link:hover .subcollection__image {
    transform: scale(1);
}

body.is-focused .subcollection__item:focus-within .image-overlay-bottom {
    outline: 5px auto var(--COLOR-PRIMARY);
    outline-offset: -1px;
}

.pagination-custom a:hover,
.pagination-custom a:focus {
    color: var(--link-hover);
}

.footer-sections {
    --bg: var(--COLOR-FOOTER-BG);
    --text: var(--COLOR-FOOTER-TEXT);
    --text-a35: var(--COLOR-FOOTER-TEXT-A35);
    --text-a75: var(--COLOR-FOOTER-TEXT-A75);
    --border: var(--COLOR-FOOTER-BORDER);
    --link: var(--COLOR-FOOTER-LINK);
    --link-hover: var(--COLOR-FOOTER-LINK-HOVER);
    position: relative;
    color: var(--text);
    background-color: var(--bg);
    padding-bottom: var(--cart-bar-height, 0);
}

.footer-sections a:not(.btn) {
    transition:
        color 0.25s ease,
        background 0.25s ease;
}

.site-footer-wrapper {
    overflow: hidden;
}

.footer__blocks {
    display: flex;
    flex-flow: column;
    position: relative;
    margin: 0 calc(var(--gutter) / -2) var(--gutter-offset);
}

.footer__blocks ul {
    margin: 0;
}

@media only screen and (min-width: 750px) {
    .footer__blocks {
        flex-flow: row wrap;
    }
}

@media only screen and (max-width: 749px) {
    .footer__blocks {
        padding: 0 calc(var(--gutter) / 2);
    }
}

@media only screen and (min-width: 750px) {
    .footer__blocks .accordion {
        margin-top: 0;
        border: none;
    }
}

@media only screen and (max-width: 749px) {
    .footer__blocks .accordion {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 750px) {
    .footer__blocks .accordion__title {
        padding: 0;
        margin: 0.5em 0 1em;
    }
}

.footer__block {
    flex: 1 0 100%;
    margin-bottom: var(--gutter);
    justify-content: center;
}

@media only screen and (min-width: 990px) {
    .footer__block {
        flex: 0 0 var(--desktop-width);
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .footer__block {
        flex-basis: 50%;
    }
}

@media only screen and (min-width: 750px) {
    .footer__block {
        padding: 0 calc(var(--gutter) / 2);
    }
}

.footer__block .social-link:hover {
    color: var(--link-hover);
}

.footer__block__title {
    font-weight: var(--FONT-WEIGHT-BODY-BOLD);
    font-size: 20px;
}

@media only screen and (min-width: 750px) {
    .footer__block__title {
        margin-bottom: 1em;
    }
}

.footer__newsletter__wrapper .newsletter-form {
    --border: var(--COLOR-FOOTER-BORDER);
}

.footer__quicklinks {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .footer__quicklinks {
        font-size: 14px;
    }
}

.footer__quicklinks li {
    margin: 0 0 0.75em;
}

.footer__quicklinks li:last-child {
    margin-bottom: 0;
}

.footer__newsletter__text {
    margin-bottom: 15px;
}

.tabs__head {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.tabs__head .tabs__arrow:before {
    display: block;
}

.tabs__arrow {
    --icon-size: 24px;
    position: absolute;
    top: 50%;
    align-items: center;
    width: calc(var(--icon-size) + 8px);
    height: var(--icon-size);
    max-height: none;
    margin-top: calc(var(--icon-size) / -2);
    border-radius: 0;
    padding: 0 4px;
    box-shadow: none;
    transition: all 0.2s;
}

.tabs__arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
    width: 100%;
    height: 200%;
    transform: translateY(-50%);
    background: linear-gradient(to right,
            var(--bg, var(--COLOR-BG)) 78%,
            transparent 100%);
}

.tabs__arrow .icon {
    position: relative;
    z-index: 5;
}

.tabs__arrow--prev {
    left: 0;
    margin-left: calc(var(--icon-size) / 2 * -1);
}

.tabs__arrow--next {
    right: 0;
    margin-right: calc(var(--icon-size) / 2 * -1);
}

.tabs__arrow--next:before {
    transform: translateY(-50%) rotateY(180deg);
}

.tabs {
    padding: 5px 0;
    list-style: none;
    position: relative;
}

.tabs::-webkit-scrollbar {
    display: none;
}

.tabs>li {
    --text: var(--text-light);
    text-transform: var(--BTN-UPPERCASE);
    font-family: var(--BTN-FONT-STACK);
    font-size: var(--BTN-FONT-SIZE);
    font-style: var(--BTN-FONT-STYLE);
    font-weight: var(--BTN-FONT-WEIGHT);
    letter-spacing: var(--BTN-LETTER-SPACING);
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
    color: var(--text);
}

.tabs>li span {
    padding: 0 0 5px;
    background-size: 0% 1px;
    background-position: 50% 86%;
    background-repeat: no-repeat;
    transition:
        color 0.25s ease-in,
        background-size 0.25s ease-in;
}

@media (hover: hover) {
    .tabs>li span:hover {
        background-size: 100% 1px;
    }
}

@media (hover: hover) {
    .tabs>li:hover .icon-arrow-right {
        transform: translate3d(5px, 0, 0);
    }
}

.tabs>li.current {
    --text: var(--COLOR-TEXT);
}

.tabs>li.current span {
    background-size: 100% 1px;
}

.tabs.text-center>li {
    margin: 0 15px;
}

.tab-content {
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    content-visibility: hidden;
}

.tab-content.current {
    position: static;
    display: inherit;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    content-visibility: visible;
}

.tab-content:not(.current) figure {
    display: none;
}

.product-tabs ul.tabs::-webkit-scrollbar {
    display: none;
}

.product-tabs ul.tabs::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
}

.index-tab-collections {
    color: var(--text);
    background-color: var(--bg);
}

.index-tab-collections .btn {
    max-width: 100%;
}

.index-tab-collections .tabs-collections {
    position: relative;
}

.index-tab-collections .tabs__nav {
    position: relative;
}

.index-tab-collections .tabs__nav:only-child {
    flex: 1 1 auto;
}

.index-tab-collections .tabs {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.index-tab-collections .tabs::-webkit-scrollbar {
    display: none;
}

.index-tab-collections .tab-link {
    padding: 5px 0;
}

.index-tab-collections .tab-link:first-child {
    margin-left: 0;
}

.index-tab-collections .tab-link:last-child {
    margin-right: 0;
}

.index-tab-collections .tab-content {
    padding: 0;
    min-height: 0;
}

@media only screen and (min-width: 750px) {
    .index-tab-collections .tabs-collections__head .grid__heading-holder:not(.grid__heading-holder--inline) .grid__heading-text:not(:last-child) {
        margin-bottom: var(--gutter);
    }
}

@media only screen and (max-width: 749px) {
    .index-tab-collections .tabs-collections__head .grid__heading-holder {
        margin-bottom: 0;
    }

    .index-tab-collections .tabs-collections__head .grid__heading-text {
        margin-bottom: 16px;
    }

    .index-tab-collections .tabs-collections__head .grid__heading-actions {
        margin-bottom: 40px;
    }
}

.compare__btn:active {
    color: var(--link-hover);
}

.compare__input::-webkit-slider-thumb {
    transform: scale(4);
}

.js .brick__slider:not(.flickity-enabled)::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-width: 749px) {
    .brick--border .brick__block--collection .look__slider:after {
        content: none;
    }
}

@media only screen and (max-width: 749px) {
    .brick__block--images[data-slider]:after {
        content: "flickity";
        display: none;
    }
}

.brick__block--image-slider[data-slider]:after {
    content: "flickity";
    display: none;
}

.slideshow {
    position: relative;
    height: auto;
    overflow: hidden;
    transition: min-height 0.5s linear;
}

.slideshow .hero__content__wrapper {
    pointer-events: none;
}

.slideshow .hero__content__wrapper a {
    pointer-events: auto;
}

.slideshow .flickity-viewport {
    min-height: inherit;
}

.slideshow .flickity-enabled {
    min-height: inherit;
    height: 100%;
}

.slideshow .flickity-prev-next-button.previous {
    left: calc(var(--btn-size) / 2);
}

.slideshow .flickity-prev-next-button.next {
    right: calc(var(--btn-size) / 2);
}

.slideshow .slideshow__slide {
    width: 100%;
    color: var(--text);
}

.slideshow .flickity-page-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

@media only screen and (max-width: 989px) {
    .slideshow .flickity-page-dots {
        padding-bottom: 10px;
    }
}

.slideshow .hero__content--transparent {
    padding: var(--outer) var(--outer) calc(var(--outer) - var(--line));
    margin: 0;
}

@media (hover: hover) {
    .sharing-button:hover .sharing-button__text span {
        background-size: 100% 1px;
    }
}

@media (hover: hover) {
    .sharing-button__text span:hover {
        background-size: 100% 1px;
    }
}

@media (hover: hover) {
    .sharing-button__text:hover .icon-arrow-right {
        transform: translate3d(5px, 0, 0);
    }
}

.share-button__message:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -1px;
    left: 22px;
    width: 12px;
    height: 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    -webkit-clip-path: polygon(0% 0%, 100% 100%, 0 100%);
    clip-path: polygon(0% 0%, 100% 100%, 0 100%);
    transform: rotate(135deg) translate(-50%);
}

.share-button__message--right:after {
    right: 22px;
    left: auto;
}

.socials {
    --gap: 8px;
    --gap-offset: calc(var(--gap) * -1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: var(--gap-offset);
    list-style: none;
}

.socials li {
    margin: var(--gap);
}

.socials a {
    color: var(--text);
}

.social-link {
    height: var(--icon-size);
    width: var(--icon-size);
}

.social-link:hover {
    color: var(--link-hover);
}

@media only screen and (min-width: 750px) {
    .logos__wrapper .logos__slider.is-initialized:after {
        content: "flickity";
        display: none;
    }
}

@media only screen and (max-width: 749px) {
    .logos__slider:not(.flickity-enabled)::-webkit-scrollbar {
        display: none;
    }
}

.logos__slide a:hover .logos__logo {
    opacity: 1;
}

.js .logos__slider-text:not(.flickity-enabled)::-webkit-scrollbar {
    display: none;
}

@media only screen and (min-width: 990px) {
    .supporting-menu__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (max-width: 749px) {
    .supporting-menu__inner {
        grid-template-columns: 100%;
        gap: var(--inner);
    }
}

.supporting-menu__item--copyright {
    flex: 1 1 auto;
}

.supporting-menu__item--payment {
    flex: 1 0 auto;
}

.supporting-menu__copyright {
    --gap: 8px;
    --gap-offset: calc(var(--gap) * -1);
    list-style: none;
    margin: 0 var(--gap-offset);
}

@media only screen and (max-width: 749px) {
    .supporting-menu__copyright {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        min-width: 100%;
    }
}

.supporting-menu__payment {
    --gap: 5px;
    --gap-offset: calc(var(--gap) * -1);
    display: flex;
    flex-wrap: wrap;
    margin: var(--gap-offset);
}

@media only screen and (min-width: 990px) {
    .supporting-menu__payment {
        justify-content: flex-end;
    }
}

.supporting-menu__payment li {
    padding: var(--gap);
}

.supporting-menu__payment .payment-icon {
    display: block;
    width: 36px;
}

@media only screen and (min-width: 750px) {
    .related__products .grid--slider:after {
        content: "flickity";
        display: none;
    }
}

.pswp {
    z-index: 6000;
}

.pswp__custom-inner:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__button--arrow--right:hover,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__button--arrow--left:hover,
.pswp-zoom-gallery .pswp__button--arrow--right:hover,
.pswp-zoom-gallery .pswp__button--arrow--left:hover {
    transform: scale(1) !important;
    border: none;
}

.pswp__custom-close:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pswp__custom-close:hover {
    border-color: var(--COLOR-BORDER-DARK);
    transform: scale(1.1);
}

.pswp__custom-close:hover .icon {
    transform: translateY(-50%) rotate(90deg);
}

.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__button--arrow--right:hover,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__button--arrow--left:hover,
.pswp-zoom-gallery .pswp__button--arrow--right:hover,
.pswp-zoom-gallery .pswp__button--arrow--left:hover {
    transform: scale(1.1);
    --primary: var(--COLOR-PRIMARY-HOVER);
    border-color: var(--COLOR-BORDER-DARK);
}

.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumbs::-webkit-scrollbar,
.pswp-zoom-gallery .pswp__thumbs::-webkit-scrollbar {
    display: none;
}

.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb:hover,
.pswp-zoom-gallery .pswp__thumb:hover {
    transform: scale(1.1);
}

.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb:before,
.pswp-zoom-gallery .pswp__thumb:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    border: 1px solid transparent;
    border-radius: 50%;
    pointer-events: none;
    transition: border-color 0.2s ease-in-out;
    content: "";
}

.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb.is-current:before,
.pswp-zoom-gallery .pswp__thumb.is-current:before {
    border-color: var(--primary);
}

.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption .pswp__caption-close:hover,
.pswp-zoom-gallery .pswp__caption .pswp__caption-close:hover {
    color: var(--COLOR-PRIMARY-HOVER);
}

body.is-focused .pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption .pswp__caption-close:focus,
body.is-focused .pswp-zoom-gallery .pswp__caption .pswp__caption-close:focus {
    outline: initial !important;
    box-shadow: 0 0 0 2px var(--COLOR-PRIMARY);
}

.popup-cookies .close:hover {
    transform: rotate(90deg);
}

@media only screen and (max-width: 749px) {
    .hide-mobile {
        display: none !important;
    }
}

@media only screen and (min-width: 750px) {
    .hide-desktop {
        display: none !important;
    }
}

.sold-out .select-popout__toggle:after {
    content: attr(data-select-soldout);
}

.unavailable .select-popout__toggle:after {
    content: attr(data-select-unavailable);
}

.select-popout__option:hover {
    color: var(--text-color);
    background: var(--COLOR-BG-SECONDARY);
}

.select-popout__option.sold-out:after {
    content: attr(data-select-soldout);
}

.select-popout__option.unavailable:after {
    content: attr(data-select-unavailable);
}

predictive-search {
    display: block;
    width: 100%;
    position: relative;
}

predictive-search:not([loading]) .predictive-search__loading-state {
    display: none;
}

.predictive-search {
    position: absolute;
    z-index: 4000;
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    max-height: calc(var(--full-screen) - var(--header-height) - var(--announcement-height));
    opacity: 0;
    visibility: hidden;
    transition:
        max-height 0.5s ease,
        opacity 0.5s ease,
        visibility 0.5s;
    background: var(--bg);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.predictive-search::-webkit-scrollbar {
    display: none;
}

.predictive-search--empty {
    z-index: 3999;
}

predictive-search:not([open]):not([results])~.predictive-search--empty {
    opacity: 1;
    visibility: visible;
    max-height: calc(var(--full-screen) - var(--header-height) - var(--announcement-height));
}

@media only screen and (min-width: 990px) {
    .predictive-search__layout {
        --columns: repeat(3, minmax(0, 1fr));
    }
}

@media only screen and (min-width: 750px) {
    .predictive-search__layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
        gap: var(--gutter);
    }
}

@media only screen and (max-width: 749px) {
    .predictive-search__column {
        margin-bottom: calc(var(--inner) * 1.5);
    }
}

@media only screen and (min-width: 750px) {
    .predictive-search__group {
        padding-bottom: var(--inner);
    }
}

.predictive-search__heading {
    margin-bottom: var(--inner);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
}

.predictive-search__item {
    margin-bottom: var(--inner);
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-NAV));
}

.predictive-search__link {
    transition: color 0.3s ease;
    font-size: 16px;
}

.predictive-search__products__list {
    padding: 0;
}

@media only screen and (max-width: 749px) {
    .predictive-search__products__list .product-link {
        display: grid;
        grid-template-columns: 50px auto;
        gap: 16px;
    }

    .predictive-search__products__list .product-item__info {
        text-align: left;
        padding-left: 0;
        text-transform: none;
    }
}

.predictive-search__loading-state {
    margin: var(--inner) 0;
    min-height: var(--btn-height);
    align-items: center;
}

.predictive-search__loader {
    margin: auto;
    opacity: 0;
    transition:
        opacity 0.3s ease,
        visibility 0.3s;
}

.product-upsell__holder {
    text-align: left;
}

.product-upsell {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    color: var(--COLOR-TEXT);
    border-radius: 5px;
    padding: 0;
}

quick-add-product {
    width: 100%;
    max-width: 490px;
}

.product-upsell__image {
    width: 150px;
}

.product-upsell__image__link {
    display: block;
}

.product-upsell__image__thumb {
    overflow: hidden;
    position: relative;
    padding-top: var(--PRODUCT-GRID-ASPECT-RATIO);
    min-height: 100%;
    filter: brightness(var(--filter-bg));
}

.product-upsell__image__thumb .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.product-upsell__content {
    --inner: 16px;
    width: calc(100% - 150px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (min-width: 990px) {
    .product-upsell__content {
        --inner: 24px;
    }
}

.product-upsell__title {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    margin-top: 0;
    color: var(--text);
}

.short-description {
    font-weight: 300;
    font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
    color: var(--text);
}

.upsell-title-price {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 36px;
}

@media (max-width: 749px) {
    .upsell-title-price {
        gap: 5px;
    }
}

.product-upsell__variant-title {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    color: var(--text-light);
    margin-top: 0;
    line-height: 18px;
}

.product-upsell__price {
    font-family: var(--FONT-STACK-BODY);
    font-style: var(--FONT-STYLE-BODY);
    letter-spacing: var(--LETTER-SPACING-BODY);
    color: var(--text);
    margin-top: 0;
}

@media only screen and (max-width: 479px) {
    .btn__outer {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 10px 0 0;
    }
}

@media (hover: hover) {
    .btn__outer:hover .product-upsell__btn {
        width: 100%;
    }

    .btn__outer:hover .btn__text {
        padding-right: 10px;
        opacity: 1;
    }

    .product-upsell .btn__outer:hover .btn__text {
        padding-right: 0;
    }

    .btn__outer:hover .is-added,
    .btn__outer:hover .is-loading {
        width: var(--btn-size);
        min-width: 119px;
    }

    .btn__outer:hover .is-added .btn__text,
    .btn__outer:hover .is-loading .btn__text {
        opacity: 0;
        visibility: hidden;
    }
}

.product-upsell__errors {
    overflow: hidden;
    position: relative;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.5s ease,
        max-height 0.5s cubic-bezier(0, 0.75, 0.25, 1),
        visibility 0.5s;
    font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
}

.accordion {
    display: block;
    border-bottom: 1px solid var(--dark-grey);
    border-top: 1px solid var(--dark-grey);
    color: var(--text);
    background-color: var(--bg);
    margin-top: -1px;
    text-align: left;
}

.accordion__title {
    display: flex;
    align-items: center;
    padding: 1.5rem 30px 1.5rem 0;
    margin: 0;
}

.accordion__content {
    padding-bottom: 1rem;
}

@media only screen and (max-width: 749px) {
    .faq-list::-webkit-scrollbar {
        display: none;
    }

    .faq-list:after {
        content: "";
        min-height: 1px;
        display: block;
        position: relative;
        padding-right: var(--outer);
    }
}

.no-touch .product-item__image:hover .quick-add__button,
.no-touch .product-item--overlay-text:hover .quick-add__button {
    visibility: visible;
}

@media only screen and (min-width: 750px) {

    .no-touch .product-item__image:hover .quick-add__holder:not(.is-disabled),
    .no-touch .product-item--overlay-text:hover .quick-add__holder:not(.is-disabled) {
        animation: slideInUp 0.25s ease;
        animation-fill-mode: forwards;
    }

    .no-touch body.is-focused .quick-add__holder:focus-within {
        animation: slideInUp 0.25s ease;
        animation-fill-mode: forwards;
    }
}

.quick-add__button {
    position: relative;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 12px 16px;
    cursor: pointer;
    text-align: center;
    box-shadow: none;
    color: var(--COLOR-TEXT);
    border: 1px solid var(--COLOR-TEXT);
    border-radius: 5px;
    background-color: #fff;
}

.quick-add__button:hover {
    background: var(--COLOR-TEXT);
    color: #fff;
}

.quick-add__button:hover .price,
.quick-add__button:hover .new-price {
    color: #fff;
}

.quick-add__button:hover .arrow path,
.quick-add__button:hover .arrow line {
    stroke: #fff;
}

.quick-add__button:after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.7;
}

.quick-add__button>span {
    pointer-events: none;
}

.text-promo .backdrop--radial:before {
    z-index: initial;
}

@media only screen and (max-width: 749px) {
    .highlights__items--mobile-slider::-webkit-scrollbar {
        display: none;
    }

    .highlights__items--mobile-slider:after {
        content: "";
        min-height: 1px;
        display: block;
        position: relative;
        padding-right: var(--outer);
    }
}

@media (hover: hover) {
    .highlights__item-link span:hover {
        background-size: 100% 1px;
    }
}

@media (hover: hover) {
    .highlights__item-link:hover span {
        background-size: 100% 1px;
    }
}

.recipient-form input[type="checkbox"]:checked~.recipient-fields {
    display: block;
}

.timeline {
    --height: calc(100vh - var(--header-sticky-height));
    --top: 0;
    --dot-margin: 6px;
    --dot-margin-offset: calc(var(--dot-margin) * -1);
    --dot-width: 23px;
    --width-indicator: calc(var(--dot-width) + (var(--dot-margin) * 2));
    --padding: calc(var(--width-indicator) + var(--inner));
    --width-line: 1px;
    --counter: 1;
}

body.has-header-sticky .timeline {
    --top: var(--header-height);
}

@media only screen and (min-width: 750px) {
    .timeline {
        --height: var(--full-screen);
    }
}

.timeline__head {
    overflow: unset;
}

.timeline__head:not(:last-child) {
    margin-bottom: var(--gutter);
}

.timeline__body {
    position: relative;
}

@media only screen and (min-width: 750px) {
    .timeline__body {
        min-height: calc(var(--height) * var(--counter));
    }
}

@media only screen and (min-width: 750px) {
    .timeline__inner {
        flex: 0 1 100%;
        position: sticky;
        top: var(--top);
        display: block;
        min-height: calc(var(--height) * (min(var(--counter), 1)));
    }
}

@media only screen and (max-width: 749px) {
    .timeline__inner {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: var(--outer);
        padding-right: var(--outer);
        margin-left: var(--outer-offset);
        margin-right: var(--outer-offset);
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .timeline__inner::-webkit-scrollbar {
        display: none;
    }
}

.timeline__row {
    --part-width: 50px;
    --dot-position: ((5% + var(--outer))/2) - (var(--width-indicator)/2);
    flex: 0 0 auto;
    position: relative;
}

.timeline__row:not(:last-child) {
    margin-right: var(--gap);
}

.timeline__row:not(:only-child) {
    width: calc(100% - var(--part-width));
}

@media only screen and (min-width: 750px) {
    .timeline__row {
        position: static;
        padding-top: var(--inner);
    }

    .timeline__row:not(:last-child) {
        margin-right: 0;
    }

    .timeline__row:not(:only-child) {
        width: auto;
    }
}

@media only screen and (min-width: 750px) {
    .timeline__image {
        position: absolute;
        top: 0;
        bottom: 0;
    }
}

@media only screen and (max-width: 749px) {
    .timeline__image {
        opacity: 0.5;
        transition: opacity 0.5s;
    }
}

@media only screen and (min-width: 750px) {
    .timeline__image-inner {
        position: sticky;
        top: var(--top);
        max-height: var(--height);
        overflow: hidden;
        height: 100%;
        padding-top: 0;
    }
}

@media only screen and (min-width: 750px) {
    .timeline__image-figure {
        overflow: hidden;
        height: 100%;
        padding-top: 0;
        transform: translateY(100%);
        transition: transform 0.5s;
    }

    .timeline__image-figure img {
        object-fit: cover;
    }
}

@media only screen and (min-width: 750px) {
    .timeline__content {
        position: relative;
        z-index: 1;
    }
}

@media only screen and (min-width: 750px) {
    .timeline--images .timeline__content {
        width: 50%;
    }
}

@media only screen and (max-width: 749px) {
    .timeline--images .timeline__content {
        padding-top: var(--outer);
    }
}

.timeline__content__inner {
    padding-top: calc(var(--dot-margin) + 2px);
    margin: 0 auto;
}

@media only screen and (min-width: 1400px) {
    .timeline__content__inner {
        max-width: 76%;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1399px) {
    .timeline__content__inner {
        max-width: 84%;
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .timeline__content__inner {
        max-width: 90%;
    }
}

@media only screen and (min-width: 750px) {
    .timeline__content__inner {
        padding-right: var(--outer);
    }
}

@media only screen and (max-width: 749px) {
    .timeline--images .timeline__content__inner {
        padding-top: 0;
    }
}

.timeline__content__inner>*:first-child {
    margin-top: 0;
}

.timeline__content__inner>*:last-child {
    margin-bottom: 0;
}

.timeline__indicator {
    position: absolute;
    top: calc((var(--width-indicator) / 2) - (var(--width-line) / 2));
    left: var(--dot-margin);
    right: 0;
    bottom: auto;
    width: auto;
    height: var(--width-line);
    font-size: 0;
}

@media only screen and (min-width: 750px) {
    .timeline__indicator {
        top: 29px;
        left: calc((var(--width-indicator) / 2) - (var(--width-line) / 2));
        bottom: calc(var(--dot-margin-offset) - var(--inner));
        right: auto;
        width: var(--width-line);
        height: auto;
    }

    .wrapper--full-padded .timeline__indicator {
        margin-left: calc(5% - var(--dot-position));
    }
}

@media only screen and (min-width: 990px) {
    .wrapper--full-padded .timeline__indicator {
        margin-left: 0;
    }
}

.timeline__row:last-child .timeline__indicator {
    background: var(--bg);
    opacity: 1;
    transition: none;
    animation: none;
}

@media only screen and (min-width: 750px) {
    .timeline__row:last-child .timeline__indicator {
        display: none;
    }
}

.timeline__indicator__line:before,
.timeline__indicator:before,
.timeline__indicator:after {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
    width: 100%;
    height: 100%;
    background: var(--text);
    content: "";
}

@media only screen and (min-width: 750px) {
    .timeline__indicator:after {
        height: var(--percent-desktop, 0%);
        opacity: 0;
    }
}

@media only screen and (max-width: 749px) {
    .timeline__indicator:after {
        width: var(--dot-width);
        background: var(--bg);
    }
}

.timeline__indicator:before {
    opacity: 0.2;
}

.timeline__content__outer {
    opacity: 0.5;
    transition: opacity 0.5s;
}

.timeline__row.is-selected .timeline__indicator:after,
.timeline__row.is-selected .timeline__content__outer {
    opacity: 1;
}

@media only screen and (min-width: 750px) {
    .timeline__row.is-selected .timeline__image-figure {
        transform: translateY(0);
    }
}

@media only screen and (max-width: 749px) {
    .timeline__row.is-selected .timeline__image {
        opacity: 1;
    }
}

.timeline__row:not(.is-selected) .timeline__image {
    pointer-events: none;
}

.timeline__indicator__line:before {
    width: var(--percent-mobile, 0%);
    height: 100%;
}

@media only screen and (max-width: 749px) {

    .timeline__row:not(:first-child) .timeline__indicator:before,
    .timeline__row:not(:first-child) .timeline__indicator__line:before {
        content: none;
    }
}

.timeline__dot__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--width-indicator);
}

@media only screen and (min-width: 750px) {
    .timeline__dot__wrapper {
        width: var(--width-indicator);
        height: 100%;
    }

    .wrapper--full-padded .timeline__dot__wrapper {
        margin-left: calc(5% - var(--dot-position));
    }
}

@media only screen and (min-width: 990px) {
    .wrapper--full-padded .timeline__dot__wrapper {
        margin-left: 0;
    }
}

@media (hover: hover) {
    .timeline__dot__button.is-selected .timeline__dot:before {
        animation: pulseDot 2.5s linear infinite;
    }

    .timeline__dot__button:hover .timeline__dot:after {
        animation: pulseDotHover 1.5s linear infinite;
    }
}

.timeline__dot:after,
.timeline__dot:before {
    content: "";
    background-color: inherit;
    border-radius: inherit;
    opacity: 0.3;
    position: absolute;
    top: var(--dot-margin-offset);
    left: var(--dot-margin-offset);
    bottom: var(--dot-margin-offset);
    right: var(--dot-margin-offset);
    will-change: transform;
}

.timeline__dot:before {
    opacity: 0;
}

.timeline__dot__button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg);
    border-radius: var(--radius);
}

.guide__content--skip-right:after,
.guide__content--skip-left:before {
    content: "";
}

.guide__content--skip-right:after,
.guide__content--skip-left:before {
    flex: 1 0 0;
}

#reviews-cards .flickity-prev-next-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: var(--icon-size);
    height: var(--icon-size);
    background: var(--COLOR-TEXT);
    -webkit-mask-size: var(--icon-size);
    mask-size: var(--icon-size);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--RADIUS);
}

#reviews-cards .flickity-prev-next-button.previous:before {
    -webkit-mask-image: var(--ICON-CUSTOM-ARROW-LEFT);
    mask-image: var(--ICON-CUSTOM-ARROW-LEFT);
}

#reviews-cards .flickity-prev-next-button.next:before {
    -webkit-mask-image: var(--ICON-CUSTOM-ARROW-RIGHT);
    mask-image: var(--ICON-CUSTOM-ARROW-RIGHT);
}

@media (hover: hover) {
    #reviews-cards .flickity-prev-next-button:hover:after {
        transform: initial;
    }

    #products-carousel .flickity-prev-next-button:hover:after {
        transform: initial;
    }
}

#products-carousel .flickity-prev-next-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: var(--icon-size);
    height: var(--icon-size);
    background: var(--COLOR-TEXT);
    -webkit-mask-size: var(--icon-size);
    mask-size: var(--icon-size);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--RADIUS);
}

#products-carousel .flickity-prev-next-button.previous:before,
.look__slider .flickity-prev-next-button.previous:before {
    -webkit-mask-image: var(--ICON-CUSTOM-ARROW-LEFT);
    mask-image: var(--ICON-CUSTOM-ARROW-LEFT);
}

#products-carousel .flickity-prev-next-button.next:before,
.look__slider .flickity-prev-next-button.next:before {
    -webkit-mask-image: var(--ICON-CUSTOM-ARROW-RIGHT);
    mask-image: var(--ICON-CUSTOM-ARROW-RIGHT);
}

#products-carousel quick-add-product+quick-add-product .product-upsell__holder {
    margin-top: 0;
}

:root {
    --dark-grey: #373737;
}

.header__mobile svg {
    color: var(--dark-grey);
}

@media screen and (max-width: 749px) {

    .search-popdown input[type="search"]:focus,
    .search-popdown input[type="search"]:active {
        border: 1px solid var(--dark-grey);
        border-radius: 48px;
    }

    .search-popdown input[type="search"]::placeholder {
        color: var(--dark-grey);
    }

    .search-popdown input[type="search"] {
        padding-left: 54px;
        border: 1px solid var(--dark-grey);
        border-radius: 48px;
        opacity: 1;
        color: var(--dark-grey);
    }

    .header__mobile__button.search-button .search-popdown__submit {
        position: absolute;
        top: calc(50% - 11px);
        left: 24px;
    }

    .header__mobile {
        position: relative;
    }
}

.drawer-mobile-menu {
    height: calc(100% - 55px);
    bottom: 0;
    top: unset;
}

.drawer-mobile-menu~.drawer__underlay {
    top: 55px;
}

.header__desktop__bar__r .header__desktop__buttons .header__desktop__button .navlink:not(.navlink--toplevel) {
    padding-left: 0;
}

.header__desktop__bar__r .header__desktop__buttons .header__desktop__button:not(:last-child) .navlink:not(.navlink--toplevel) {
    padding-right: 16px;
}

.header__desktop__bar__r .header__desktop__buttons--icons {
    margin-right: 0;
}

.header__desktop__upper {
    gap: 48px;
}

@font-face {
    font-family: Druk;
    src: url(../assets/9946adb5d8a3969bf4a3f17398e0273e.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
}

@media (hover: hover) {
    .btn--outline:hover {
        background-color: #004236 !important;
        color: #fff !important;
    }
}

header .section-padding {
    padding-top: 23px;
    padding-bottom: 0;
}

@media screen and (min-width: 750px) {
    .header__mobile {
        display: none;
    }

    .header__desktop .predictive-search--empty-desktop {
        position: absolute;
        top: 86px;
        left: 0;
        right: 0;
        width: 100%;
        opacity: 0 !important;
        visibility: hidden !important;
        max-height: 0;
        transition:
            max-height 0.5s ease,
            opacity 0.3s ease,
            visibility 0.3s ease;
    }

    .header__desktop__upper .wrapper {
        padding-top: 48px;
        padding-bottom: 48px;
        max-width: 100%;
    }

    .desktop-search-close-bar {
        display: flex;
        padding: 16px 0;
        justify-content: center;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        background: #004236;
        color: #fff;
        cursor: pointer;
        width: 100%;
    }

    .desktop-search-close-bar svg {
        width: 10px;
        height: 10px;
    }

    .close-svg {
        padding: 5px;
    }

    .desktop-search-close-bar svg path {
        stroke: #fff;
    }

    .desktop-search-close-bar span {
        color: #fff;
        font-family: Aktiv Grotesk;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        text-transform: uppercase;
    }

    .header__desktop__lower .navlink--toplevel .navtext,
    .navlink--toplevel.navlink:hover>.navtext {
        padding-bottom: 24px;
    }

    .header__desktop__upper predictive-search {
        max-width: 283px;
    }
}

.header__desktop__upper .predictive-search .wrapper {
    padding-top: 40px;
}

.header__desktop__upper .predictive-search .predictive-search__column .grid {
    gap: 40px;
}

.header__desktop__upper .input-holder {
    border-bottom: 1px solid #004236;
}

.header__desktop__upper .search-form input[type="search"] {
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1px;
    font-weight: 400;
    color: #5e5e5e;
    opacity: 1;
}

.header__desktop__upper .search-form input[type="search"]::placeholder {
    color: #5e5e5e;
    text-transform: uppercase;
}

.header__desktop__upper .search-popdown__submit {
    width: fit-content;
}

.header__desktop__upper .search-popdown__submit svg {
    width: 18px;
    height: 20px;
}

@media screen and (min-width: 750px) {
    .header-search-close {
        background: transparent;
        border: 0;
        cursor: pointer;
        display: none;
    }

    .predictive-search--empty .heading_arrow_wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 24px;
        justify-content: space-between;
    }

    .predictive-search__group[data-recent-searches] {
        margin-top: 24px;
    }

    .predictive-search--empty .heading_arrow_wrapper .arrows_wrapper svg {
        height: 14px;
        width: 14px;
    }

    .predictive-search__products-nav {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 5px;
    }

    .predictive-search__products-nav.is-disabled {
        opacity: 0.3;
        cursor: default;
        pointer-events: none;
    }

    .predictive-search__products-nav--prev {
        right: 40px;
    }

    .predictive-search[data-predictive-search-results] {
        position: fixed;
        width: 100%;
        top: 125px;
        background: #fafafa;
        max-height: calc(var(--full-screen) - var(--header-height) - 5px);
    }

    .predictive-search__layout .predictive-search__group {
        padding-bottom: 0;
    }

    .predictive-search__layout .predictive-search__item:last-child {
        margin-bottom: 0;
    }

    .header__wrapper:not(.js__header__stuck) .header__desktop .predictive-search[data-predictive-search-results] {
        top: 167px;
        max-height: calc(var(--full-screen) - var(--header-height) - 50px);
    }
}

.predictive-search--empty .predictive-search__group[data-recent-searches] .predictive-search__link,
.predictive-search__item .predictive-search__link {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 24px;
    border-radius: 8px;
    background: #f7f3eb;
    color: #004236;
    text-transform: capitalize;
    width: fit-content;
    font-weight: 500;
    font-family: Recoleta;
    height: 48px;
}

.predictive-search__products__list--scroll {
    position: relative;
}

.predictive-search__products__list--scroll .grid {
    display: flex;
    gap: 40px;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    scrollbar-width: none;
}

.predictive-search__products__list--scroll .grid::-webkit-scrollbar {
    display: none;
}

.predictive-search__products__list--scroll .predictive-search__grid-item {
    scroll-snap-align: start;
    flex: 0 0 calc(100% / 3.5);
    min-width: 0;
    background-color: transparent;
}

.predictive-search--empty p.predictive-search__heading,
.predictive-search__heading {
    margin: 0;
    padding: 0;
    border: none;
    color: #004236;
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.4px;
    text-transform: capitalize;
}

.predictive-search p.product-item__title {
    color: #004236;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
    letter-spacing: 0.14px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.header__desktop__upper .header-search-close svg {
    width: 10px;
    height: 10px;
}

.header-search-close {
    padding: 5px;
}

.product-item__view-product a.btn.btn--outline.btn--primary {
    width: 100%;
    margin-top: 16px;
}

.product-item__view-product a.btn.btn--outline.btn--primary:hover {
    border-color: #004236 !important;
}

.predictive-search__products__list--scroll .predictive-search__grid-item .product-item__image,
.predictive-search__products__list--scroll .predictive-search__grid-item .product-item__image .image-wrapper--cover {
    border-radius: 0;
}

.search-form input[type="search"]:focus::placeholder {
    opacity: 0;
}

@media (min-width: 750px) {
    html {
        scrollbar-gutter: stable;
    }
}

.header__grandparent__links-inner .dropdown__family:first-of-type a.navlink {
    transition-delay: 0ms;
    padding: 0;
    font-family: Recoleta;
    font-size: 20px;
    line-height: 26px;
}

.header__grandparent__links-inner .dropdown__family:last-of-type a.navlink {
    padding: 0;
}

.grandparent .menu__blocks {
    gap: 32px;
    padding: 32px 32px 32px 0;
}

.grandparent .menu__block--narrow {
    display: flex;
}

.grandparent .menu__blocks .link-over-image {
    position: relative;
}

.grandparent .menu__blocks .hero__content__wrapper {
    min-height: unset;
}

.grandparent .menu__blocks .image-wrapper {
    height: fit-content;
    padding-top: 0;
}

.grandparent .menu__blocks .image-wrapper img {
    position: relative;
}

.grandparent .menu__blocks .header__dropdown__image .hero__content {
    padding: 0;
}

.grandparent .menu__blocks .hero__description {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-grey);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.header__desktop__button.location-button a svg {
    width: 18px;
    height: 21.6px;
}

.header__desktop__button.account-button a svg {
    width: 18px;
    height: 20px;
}

.header__desktop__button.cart-button a svg {
    width: 25.5px;
    height: 20.5px;
}

.header__mobile__button.search-button {
    width: 18.4px;
    height: 20px;
}

@media only screen and (max-width: 1118px) {
    header .section-padding {
        padding-bottom: 23px;
    }
}

@media (max-width: 749px) {
    header .section-padding {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header__mobile {
        height: 55px;
    }

    .drawer__main-menu {
        margin-top: 20px;
    }

    .sliderow__title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.05em;
        font-weight: 400;
        color: var(--dark-grey);
    }

    .mobile__menu__dropdown {
        background: #fff;
    }

    .mobile__menu__dropdown .menu__blocks {
        padding: 16px 16px 0;
        background: #fff;
    }

    .mobile__menu__dropdown .menu__blocks img {
        object-fit: cover;
        width: 100%;
        height: 160px;
        border-radius: 8px;
    }

    .mobile__menu__dropdown .menu__blocks .hero__description {
        font-size: 14px;
        line-height: 1;
        font-weight: 500;
        margin-bottom: 16px;
        color: var(--dark-grey);
        letter-spacing: 0.7px;
    }

    .mobile__menu__dropdown .sliderow__links {
        background-color: #fff;
        padding: 0 16px;
        margin-top: 50px;
    }

    .mobile__menu__dropdown .sliderow__links hr {
        border-top: 1px solid #f2f2f2;
        margin: 0;
        display: none;
    }

    .mobile__menu__dropdown .sliderow__links .accordion-item-link {
        font-size: 16px;
        line-height: 39.4px;
        font-weight: 300;
        text-transform: none;
    }
}

.underlay-meganav {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: #ffffff7f;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

predictive-search~.underlay-meganav {
    top: 192px;
}

header-search-popdown:not(.is-open) .search-popdown {
    pointer-events: none;
}

.predictive-search--empty-desktop {
    pointer-events: none;
}

predictive-search:not([open]):not([loading]) .predictive-search {
    pointer-events: none;
}

.field.error::placeholder {
    color: var(--error);
}

@media screen and (max-width: 749px) {
    .tabs-collections .grid--mobile-slider .grid-item {
        width: calc(100% - var(--gap, 16px));
        min-width: calc(100% - var(--gap, 16px));
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .tabs-collections .grid--mobile-slider {
        padding-left: max(16px, var(--outer));
        scroll-padding-left: max(16px, var(--outer));
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .tabs-collections .grid--mobile-slider:after {
        padding-right: max(16px, var(--outer));
    }

    .section-columns .grid--mobile-slider .grid-item {
        width: calc(100% - var(--gap, 16px));
        min-width: calc(100% - var(--gap, 16px));
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .section-columns .grid--mobile-slider {
        scroll-padding-left: max(16px, var(--outer));
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .section-columns .grid--mobile-slider:after {
        padding-right: max(16px, var(--outer));
    }

    .section-columns--ways-to-shop .grid--mobile-slider:after {
        padding-right: max(16px, var(--outer));
    }

    .tabs-collections .grid--slider .grid-item {
        margin-right: var(--gap);
    }

    .tabs-collections .product-item__bg__slide {
        min-width: 100%;
        scroll-snap-align: start;
        margin-right: var(--gap);
    }

    .section-columns .slider__arrows {
        display: flex !important;
        top: -50px;
    }

    .section-columns .slider__button {
        display: flex !important;
    }

    .tabs-collections__scroll-dots {
        display: flex !important;
        justify-content: center;
        gap: 8px;
        margin-top: 20px;
        padding: 0;
    }

    .section-columns__scroll-dots {
        display: flex !important;
        justify-content: center;
        gap: 8px;
        margin-top: 20px;
        padding: 0;
    }
}

.drawer--cart .cart-block,
.drawer--cart .drawer__inner {
    background-color: var(--bg);
}

.product-item {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.product-item .product-information {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-item .product-information .product-item__info {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.product-item__view-product {
    margin-top: auto;
}

.product-item__view-product .btn {
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
}

.product-item .product-link {
    height: auto;
}

@media (max-width: 767px) {
    .collection__sidebar__buttons a:hover {
        color: #fff;
    }
}

.accordion-item-link:last-child {
    margin-bottom: 20px;
}

.article__content p>a:only-child:hover {
    background-color: #373737;
    color: #fff;
}

.product-upsell__title,
.product-upsell__price,
.product-upsell__variant-title {
    font-weight: 400;
    font-size: 14px;
}

.product-upsell__actions .btn__outer {
    width: auto;
    min-width: 119px;
}

.product-upsell__actions .btn__text {
    font-size: 12px;
    font-weight: 400;
}

.product-upsell {
    padding-left: calc(var(--inner) / 2);
}

.cart__widget--products .cart__widget__content__inner {
    padding: 0;
}

.template-search .yotpo-sr-bottom-line-text.yotpo-sr-bottom-line-text--right-panel:before {
    content: "(";
}

.template-search .yotpo-sr-bottom-line-text.yotpo-sr-bottom-line-text--right-panel:after {
    content: ")";
}

.product-upsell .image-wrapper {
    padding-bottom: 42px;
}

.product-upsell .image-wrapper img {
    position: relative;
    top: auto;
    left: auto;
    object-fit: contain;
}

.product-upsell__content {
    padding-top: 0;
}

.cart__item__title a:hover {
    color: var(--COLOR-TEXT);
}

.mobile-nav-sublink--wrapper {
    display: flex;
    flex-direction: column;
}

.mobile-nav-sublink--heading h3 {
    font-weight: 400;
    font-size: 16px;
    color: var(--dark-grey);
    text-transform: uppercase;
    line-height: 20.8px;
    font-family: var(--FONT-STACK-BODY);
}

.mobile-nav-sublink--links {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 35.2px;
    color: var(--dark-grey);
}

.mobile-nav-sublink--links a {
    font-weight: 300;
    font-size: 16px;
    line-height: 35.2px;
    color: var(--dark-grey);
}

.header__desktop__upper svg {
    color: var(--dark-grey);
}

@media only screen and (max-width: 749px) {
    .btn.btn--outline.btn--primary {
        padding-right: 8px;
        padding-left: 8px;
    }
}

.progress-wrapper {
    width: 100%;
    position: relative;
}

.progress-price {
    position: absolute;
    top: 21px;
    right: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

[data-progress-start] {
    left: 4px;
}

[data-progress-end] {
    right: 4px;
}

.icon-alt {
    display: flex;
}

.rte.footer__newsletter__text a {
    text-decoration: underline !important;
    font-weight: 700;
}

.rte.footer__newsletter__text a:hover {
    color: #ffffffb3;
}

.predictive-search__grid-item .new-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-grey);
}

.predictive-strapline {
    font-size: 14px;
    font-weight: 300;
    line-height: 160%;
    margin: 5px 0;
    color: var(--dark-grey);
    display: block;
}

.recent__container:has(.recent__container__inner.is-hidden) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
}

.product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button label:hover {
    background-color: var(--primary-fade, rgba(0, 0, 0, 0.06));
    border-color: var(--BTN-PRIMARY-BORDER-COLOR, var(--primary));
}

.product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button input:checked~label {
    border-color: var(--BTN-PRIMARY-BG-COLOR, var(--primary));
    background-color: var(--BTN-PRIMARY-BG-COLOR, var(--primary));
    color: var(--BTN-PRIMARY-TEXT-COLOR, var(--primary-opposite));
}

.product__form__outer.variant-buttons-color--primary .radio__fieldset .radio__button input:checked~label:hover {
    background-color: var(--BTN-PRIMARY-BG-COLOR-BRIGHTER, var(--primary-hover));
    border-color: var(--BTN-PRIMARY-BG-COLOR-BRIGHTER, var(--primary-hover));
    color: var(--BTN-PRIMARY-TEXT-COLOR, var(--primary-opposite));
}

.product__form__outer.variant-buttons-color--secondary .radio__fieldset .radio__button label:hover {
    background-color: var(--COLOR-BG-SECONDARY, #f7f9fa);
    border-color: var(--BTN-SECONDARY-BORDER-COLOR);
}

.product__form__outer.variant-buttons-color--secondary .radio__fieldset .radio__button input:checked~label {
    border-color: var(--BTN-SECONDARY-BG-COLOR);
    background-color: var(--BTN-SECONDARY-BG-COLOR);
    color: var(--BTN-SECONDARY-TEXT-COLOR);
}

.product__form__outer.variant-buttons-color--secondary .radio__fieldset .radio__button input:checked~label:hover {
    background-color: var(--BTN-SECONDARY-HOVER-BG-COLOR);
    border-color: var(--BTN-SECONDARY-HOVER-BORDER-COLOR);
    color: var(--BTN-SECONDARY-HOVER-TEXT-COLOR);
}

.product__form__outer.variant-buttons-color--white .radio__fieldset .radio__button label:hover {
    background-color: #fff3;
    border-color: #fff;
}

.product__form__outer.variant-buttons-color--white .radio__fieldset .radio__button input:checked~label {
    border-color: #fff;
    background-color: #fff;
    color: #000;
}

.product__form__outer.variant-buttons-color--white .radio__fieldset .radio__button input:checked~label:hover {
    background-color: #ffffffe6;
    border-color: #fff;
    color: #000;
}

.product__form__outer.variant-buttons-color--black .radio__fieldset .radio__button label:hover {
    background-color: #0000000f;
    border-color: #000;
}

.product__form__outer.variant-buttons-color--black .radio__fieldset .radio__button input:checked~label {
    border-color: #000;
    background-color: #000;
    color: #fff;
}

.product__form__outer.variant-buttons-color--black .radio__fieldset .radio__button input:checked~label:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

[data-add-to-cart].btn--primary.btn:hover {
    background-color: #fff !important;
    color: #004236 !important;
    border-color: #004236 !important;
}

[data-add-to-cart].btn--primary.btn:hover .btn__text {
    color: #004236 !important;
}

.template-index .btn--primary.btn.btn--solid {
    border: 1px solid transparent;
}

.free-shipping__success-messags-wrapper {
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-bottom: -15px;
}

.free-shipping__success-messags-wrapper .icon {
    position: relative;
    top: -2px;
}

.drawer__foot {
    background-color: #f5f5f5;
    border-top: 1px solid #ededed;
}

.cart__buttons .btn--primary {
    background-color: #000;
    font-size: 14px;
    color: #fff;
}

.cart__buttons .btn--primary:hover {
    color: #373737 !important;
    background-color: #fff !important;
    border: 1px solid #373737 !important;
}

.cart__buttons-all .cart__view {
    background: #fff;
    border: ਁpxsolid #373737;
    color: #373737;
    font-size: 14px;
}

.product-upsell__holder .short-description {
    display: none;
}

.product__page .quick-add__button:hover {
    color: #fff;
}

.drawer-upsell-block {
    margin-top: auto;
}

.hide-on-cart-page {
    padding-left: 6px;
}

.flckty-custom-arrows {
    position: absolute;
    bottom: 12px;
    right: 20px;
    display: flex;
    gap: 4px;
    cursor: pointer;
}

.flckty-custom-arrows svg {
    width: 10px;
    height: 10px;
}

.flckty-custom-arrows svg path {
    stroke-width: 2px;
    stroke: var(--dark-grey);
}

collapsible-elements [data-collapsible][open="true"] [data-collapsible-content] {
    transition: none;
    animation: none;
}

.cf-form-actions button:hover,
.consent-form__field a:hover {
    background-color: #373737;
    transition: all 0.3s ease;
    color: #fff;
}

.atc-main-wrap .custom-atc-minus.btn.btn--solid:active:after,
.atc-main-wrap .custom-atc-minus.btn.btn--solid:focus:after,
.atc-main-wrap .custom-atc-plus.btn.btn--solid:active:after,
.atc-main-wrap .custom-atc-plus.btn.btn--solid:focus:after {
    transform: translateZ(0);
}

button.load-previous_btn:hover {
    color: #fff;
    background-color: #004236;
}

.header__wrapper:not(.js__show__mobile) .navlink--toplevel .navtext {
    text-align: center;
    font-size: 13.5px;
    letter-spacing: 5%;
}

.header__wrapper:not(.js__show__mobile) .header__desktop__upper .input-holder {
    border: 0.5px solid #004236;
    display: flex;
    align-items: center;
    border-radius: 88px;
    padding: 8px 16px;
    transition: border-color 0.3s ease;
}

@media only screen and (max-width: 749px) {
    .index-hero.slideshow .hero__content .hero__title {
        font-size: calc(var(--md-heading-font-size) * var(--FONT-ADJUST-HEADING));
    }

    .index-hero.slideshow .hero__content .hero__description {
        font-size: calc(var(--md-desc-font-size) * var(--FONT-ADJUST-BODY));
    }

    .timeline__content .hero__title.heading-size-14 {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 1059px) {
    .input-holder {
        display: flex;
        align-items: center;
        gap: 8px;
        border-radius: 24px;
        border: 1px solid #004236;
        background: #fff;
        padding: 8px 40px 8px 12px;
    }

    button.search-popdown__submit {
        display: none;
    }

    .header__mobile .search-popdown__close svg {
        width: 14px;
    }

    button.search-popdown__close__button {
        background: transparent;
        border: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: static;
    }

    .search-popdown__close {
        position: absolute;
        top: 35px;
        right: 60px;
        justify-content: flex-end;
    }

    .search-form input[type="search"] {
        border: 0;
        padding: 0;
        font-family: Aktiv Grotesk;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.1px;
        color: #004236;
        background: transparent;
    }

    .search-popdown__main .search-form button[type="reset"] {
        display: none;
    }

    .predictive-search[data-predictive-search-results] {
        top: 68px;
    }
}

@media screen and (max-width: 749px) {
    .search-popdown__close {
        top: 44px;
        right: 34px;
    }

    .search-popdown input[type="search"]:focus {
        border: 0;
    }

    .predictive-search[data-predictive-search-results] {
        top: 50px;
        background: #fafafa;
    }

    .predictive-search--empty .predictive-search__group {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .predictive-search .predictive-search__products__list--scroll .product-item__image {
        height: 0;
    }

    .predictive-search__products__list--scroll {
        overflow-x: auto;
        overflow-y: visible;
        max-height: none;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .predictive-search--empty .predictive-search__products__list--scroll::-webkit-scrollbar {
        display: none;
    }

    .predictive-search__products__list--scroll .grid {
        display: flex;
        gap: 40px;
        overflow-x: visible;
        flex-wrap: nowrap;
    }

    .predictive-search__products__list--scroll .predictive-search__grid-item.product-item {
        flex: 0 0 80%;
        max-width: 80%;
        scroll-snap-align: start;
    }

    .predictive-search__products__list--scroll .product-link {
        display: block;
    }

    .search-popdown__main .predictive-search .wrapper {
        padding-top: 32px;
    }

    .predictive-search__products-nav {
        display: none;
    }

    .predictive-search--empty p.predictive-search__heading,
    .predictive-search__heading {
        margin-bottom: 24px;
        font-size: 20px;
    }

    button.desktop-search-close-bar {
        display: none;
    }

    .search-popdown+.underlay {
        top: 55px;
    }

    button.search-popdown__close__button {
        position: absolute;
        top: -52%;
    }

    .search-popdown__main {
        height: auto;
        margin-bottom: 12px;
    }

    .predictive-search__item {
        margin-bottom: 0;
    }

    .predictive-search__column {
        margin-bottom: 40px;
    }

    .predictive-search--empty .heading_arrow_wrapper p.predictive-search__heading {
        margin-bottom: 16px;
    }

    .header__mobile predictive-search~.predictive-search--empty.predictive-search--empty-desktop {
        background: #fafafa;
    }

    .search-popdown input[type="search"]:focus {
        border-radius: 0;
    }

    .search-popdown input[type="search"] {
        caret-color: #373737;
    }

    .header__wrapper:not(.js__header__stuck) .drawer__inner.drawer-mobile-menu {
        top: calc(var(--header-height) + var(--announcement-height));
    }

    .header__wrapper:not(.js__header__stuck) .drawer-mobile-menu~.drawer__underlay {
        top: calc(var(--header-height) + var(--announcement-height));
    }

    .header__wrapper:not(.js__header__stuck) .header__mobile predictive-search~.predictive-search--empty.predictive-search--empty-desktop {
        max-height: calc(var(--full-screen) - var(--header-height) - 40px);
    }
}

.template-collection .sidebar__item input:checked~label:after,
.search-page .sidebar__item input:checked~label:after {
    border-radius: 4px;
    background: #004236;
    box-shadow: inset 0 0 0 2px var(--COLOR-BG);
}

.sidebar__item a:after,
.sidebar__item label:after {
    border-radius: 4px;
    border: 1px solid #373737;
    width: 24px;
    height: 24px;
}

.template-index .yotpo-widget-instance {
    display: flex;
    align-items: center;
}

.template-collection a.load-more_btn:hover {
    color: #004236;
}

.template-collection a.load-more_btn:hover svg path {
    stroke: #004236;
}

.section-columns--custom-slider grid-slider {
    position: relative;
}

.section-columns--custom-slider .slider__arrows {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: -10px;
    right: 20px;
    transform: translateY(-100%);
    pointer-events: auto;
    gap: 8px;
}

@media only screen and (min-width: 750px) {
    .section-columns.section-columns--custom-slider>div>grid-slider:first-child {
        margin-top: 20px;
    }
}

.section-columns--custom-slider .slider__button {
    --icon-size: 32px;
    --btn-size: 50px;
    background-color: transparent;
    border-radius: 999px;
    color: var(--dark-grey);
}

.section-columns--custom-slider .slider__button[disabled] {
    opacity: 0.3;
    cursor: default;
}

@media only screen and (max-width: 749px) {
    .section-columns--custom-slider .slider__arrows {
        top: -10px;
        bottom: auto;
        justify-content: flex-end;
        left: auto;
        right: 10px;
        transform: translateY(-100%);
    }

    .tabs__arrow .icon {
        display: none;
    }
}

.grid__heading-holder {
    margin: 0 0 60px;
}

.slider__button {
    --icon-size: 14px;
    --btn-size: 40px;
}

.slider__arrows {
    top: -60px;
}

.tabs>li span {
    background: none;
}

.column__content .rte a {
    background: none;
}

.product-information .price {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-item__title {
    color: #004236;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
    letter-spacing: 0.14px;
    margin-top: 0;
    margin-bottom: 8px;
}

.product_short_description {
    display: none;
}

.template-index .index-timeline .timeline__indicator,
.template-index .index-timeline .timeline__dot__wrapper {
    display: none !important;
}

@media only screen and (min-width: 750px) {
    .template-index .index-timeline.timeline--images .timeline__image {
        left: 0;
        right: 50%;
    }

    .template-index .index-timeline.timeline--images .timeline__content {
        margin-left: 50%;
    }

    .template-index .index-timeline.timeline--images .timeline__head {
        width: 50%;
        margin-left: 50%;
        margin-bottom: 30px;
        padding-top: 50px;
        padding-left: var(--outer, 20px);
    }
}

@media only screen and (min-width: 750px) {
    .timeline__content {
        padding: 0 0 22px;
    }
}

.hero__content {
    background-color: transparent;
}

.column__text p {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.14px;
}

.template-index .hero__button a.btn.btn--solid.btn--primary {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.template-index .timeline__head h2.hero__title {
    color: #373737;
    font-family: Aktiv Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.column__content .column__text h6 a {
    background: none;
    color: #004236;
    text-align: center;
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.14px;
}

.badge-box {
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
}

@media only screen and (max-width: 749px) {
    .template-product .index-product .product__images .product__slides:after {
        padding-right: 0 !important;
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .timeline__content__inner .hero__title {
        font-size: 48px;
    }

    .timeline__row.is-selected .timeline__content__inner .hero__title {
        color: #373737;
    }
}

@media screen and (min-width: 769px) {
    .tabs-collections__head .grid__heading {
        font-size: 40px;
        color: #004236;
    }
}

@media only screen and (max-width: 768px) {
    .index-tab-collections .tab-content .product-item__info {
        gap: 8px;
        display: flex;
        flex-direction: column;
    }

    .column__content .column__text h6 a {
        font-size: 18px;
    }

    .tabs-collections__head .grid__heading {
        font-size: 32px;
        color: #373737;
    }

    .timeline__content__inner .hero__title {
        font-size: 48px;
    }

    .timeline__row.is-selected .timeline__content__inner .hero__title {
        color: #373737;
    }

    .sticky-featured-collection__scroll-dots {
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 40px;
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 750px) {
    .sticky-featured-collection__scroll-dots {
        display: none !important;
    }
}

@media only screen and (max-width: 749px) {
    .grid__heading-holder {
        margin: 0 0 32px;
    }

    .index-section .column__image {
        margin-bottom: 24px;
    }

    .index-section .column__heading {
        margin-bottom: 16px;
    }

    .template-index .timeline--images.section-padding {
        --padding-top: 80px;
        --padding-bottom: 80px;
    }
}

@media (hover: hover) {
    .loyalty-points-guest__modal .btn--outline:hover {
        background-color: transparent !important;
    }
}

.product__thumb:after {
    display: none !important;
}

.image-wrapper {
    border-radius: 0;
}

.section-columns--custom-slider .image-wrapper {
    border-radius: 11.4px;
}

.product-item__view-product a.btn.btn--outline.btn--primary {
    color: #373737;
    text-align: center;
    font-family: Aktiv Grotesk;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: 3px;
    border: 1px solid #8c8c8c;
    background: #fff;
    letter-spacing: 0.05em;
}

@media only screen and (max-width: 749px) {
    .product-item__view-product {
        margin-top: auto;
    }
}

@media only screen and (max-width: 600px) {

    .checkboxes-and-radios input[type="checkbox"]+label:before,
    .checkboxes-and-radios input[type="radio"]+label:before {
        top: 7px !important;
    }

    .checkboxes-and-radios input[type="checkbox"]+label:after,
    .checkboxes-and-radios input[type="radio"]+label:after {
        top: 9px !important;
    }
}

:root {
    --sold-out-text: #5c5c5c;
    --sold-out-bg: #f5f5f5;
    --sold-out-border: #b0b0b0;
}

.radio__fieldset .radio__button input.sold-out+label:hover,
.radio__fieldset .radio__button input.unavailable+label:hover {
    color: var(--sold-out-text) !important;
    background-color: var(--sold-out-bg) !important;
    border-color: var(--sold-out-border) !important;
    font-weight: inherit;
}

.radio__fieldset .radio__button input.sold-out:focus-visible+label,
.radio__fieldset .radio__button input.unavailable:focus-visible+label {
    outline: 2px solid var(--sold-out-border);
    outline-offset: 2px;
}

.swatch__button input.sold-out~label:hover,
.swatch__button input.unavailable~label:hover {
    opacity: 0.65;
}

.select-popout__option.sold-out:hover,
.select-popout__option.unavailable:hover {
    background: transparent !important;
    color: var(--sold-out-text) !important;
}

.product-soldout-notification .btn:hover {
    background-color: #fff !important;
    color: #004236;
}

@media only screen and (min-width: 750px) {
    .section-columns .grid:not(.grid--slider) {
        align-items: stretch;
    }

    .section-columns .grid-item {
        display: flex;
    }

    .section-columns .column__inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }

    .section-columns .column__content {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
}

.section-columns .grid-item {
    display: flex;
}

.section-columns .column__inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    width: 100%;
}

.section-columns .column__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.section-columns .grid--mobile-slider {
    align-items: stretch;
}

.section-columns .grid--mobile-slider .grid-item {
    display: flex;
}

.announcement__text {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    white-space: nowrap;
    min-height: var(--announcement-height);
    text-align: center;
    font-family: Recoleta;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

@media only screen and (min-width: 750px) {
    .only_scrolling_text .announcement__bar-outer {
        height: 106px;
    }

    .yotpo-widget-instance {
        min-height: 48px;
    }
}

.footer__block--newsletter {
    flex: 1 0 100%;
    margin-bottom: var(--gutter);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__block--newsletter.text-left {
    text-align: left;
}

.footer__newsletter__wrapper {
    max-width: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 32px;
}

.footer__newsletter__content {
    max-width: 610px;
    flex: 1 1 auto;
}

.footer__newsletter__form {
    flex: 0 0 auto;
    min-width: 610px;
}

.footer__newsletter__wrapper .newsletter-form {
    max-width: none;
    min-width: 260px;
}

.footer__newsletter__wrapper .newsletter-form .input-group {
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    overflow: hidden;
}

.footer__newsletter__wrapper .newsletter-form .input-group__field {
    background: transparent;
    color: #fff;
    border: 0;
}

.footer__newsletter__wrapper .newsletter-form .input-group__field::placeholder {
    color: #ffffffbf;
}

@media screen and (max-width: 749px) {

    .newsletter-form .input-group__field,
    .footer__newsletter__wrapper .newsletter-form .input-group__field {
        font-size: 16px !important;
    }
}

.footer__newsletter__wrapper .newsletter-form .input-group__btn {
    background: #fff;
    color: #004236;
    border: 1px solid #fff;
    border-radius: 0;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991px) {
    body.template-index hover-images.product-item__bg__under {
        display: none !important;
    }
}

@media (max-width: 749px) {
    .footer__newsletter__wrapper {
        flex-direction: column;
        align-items: stretch;
        text-align: left !important;
        max-width: 100%;
        min-width: 0;
    }

    .footer__newsletter__content {
        text-align: left !important;
        min-width: 0;
    }

    .footer__newsletter__form {
        min-width: 0;
        max-width: 100%;
        width: 100%;
    }

    .footer__newsletter__wrapper .newsletter-form {
        min-width: 0;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .footer__newsletter__wrapper .newsletter-form .input-group {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .footer__newsletter__wrapper .newsletter-form .input-group__field {
        min-width: 0;
        box-sizing: border-box;
    }
}

.supporting-menu__copyright {
    max-width: 385px;
    color: #fff;
    font-family: Aktiv Grotesk;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.14px;
}

.timeline__content .hero__title.heading-size-14 {
    font-size: 64px;
}

@media only screen and (min-width: 1430px) {
    .template-index .index-timeline.timeline--images .timeline__image-inner {
        width: 738px;
        max-width: 738px;
        height: 615px;
        max-height: 615px;
    }

    .template-index .index-timeline.timeline--images .timeline__image-figure {
        height: 100%;
    }
}

.template-index .index-timeline.timeline--images .timeline__content__inner .hero__title {
    color: #37373733 !important;
    transition: color 0.25s ease;
    cursor: pointer;
}

.template-index .index-timeline.timeline--images .timeline__row.is-selected .timeline__content__inner .hero__title,
.template-index .index-timeline.timeline--images .timeline__content__inner .hero__title:hover,
.template-index .index-timeline.timeline--images .timeline__content__inner .hero__title:focus {
    color: #004236 !important;
}

.template-index .index-timeline.timeline--images .timeline__row.is-selected~.timeline__row.is-selected .timeline__content__inner .hero__title:hover,
.template-index .index-timeline.timeline--images .timeline__row.is-selected~.timeline__row.is-selected .timeline__content__inner .hero__title:focus {
    color: #004236 !important;
}

.template-index .index-timeline .timeline__row.is-selected~.timeline__row.is-selected .timeline__indicator:after {
    opacity: 0.5;
}

@media only screen and (max-width: 749px) {

    .template-index .index-timeline .timeline__content__inner .hero__title,
    .template-index .index-timeline .timeline__content__inner .hero__title a,
    .template-index .index-timeline .timeline__title-link {
        color: #004236 !important;
    }

    .template-index .index-timeline .timeline__content__outer {
        opacity: 1 !important;
    }

    .template-index .index-timeline .timeline__content__inner,
    .template-index .index-timeline .timeline__row {
        -webkit-tap-highlight-color: transparent;
        background: transparent !important;
    }
}

@media only screen and (max-width: 749px) {
    .supporting-menu__copyright {
        max-width: 385px;
    }
}

@media only screen and (min-width: 990px) {
    .supporting-menu__inner {
        flex-wrap: nowrap;
    }

    .supporting-menu__item--copyright {
        min-width: 0;
    }
}

.footer__newsletter__content .footer__block__title {
    font-size: 32px;
    color: #fff;
    font-family: Recoleta !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
}

.footer__newsletter__content .footer__newsletter__text {
    color: #fff;
    font-family: Aktiv Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.14px;
}

.footer__newsletter__content .footer__newsletter__text a {
    background: none;
}

@media only screen and (max-width: 749px) {
    .footer__block--newsletter {
        margin-bottom: 64px;
        justify-content: flex-start;
    }

    .anchor-logo {
        margin-top: 48px;
    }

    .supporting-menu__copyright {
        text-align: center;
    }

    .socials,
    .supporting-menu__payment {
        justify-content: center;
    }

    .supporting-menu__inner {
        display: flex;
        flex-direction: column;
    }

    .supporting-menu__item--social {
        order: 1;
        margin-block: 32px;
    }

    .supporting-menu__item--payment {
        order: 2;
    }

    .supporting-menu__item--copyright {
        order: 3;
        margin-block: 28px;
    }

    .footer__blocks .footer__block--menu.accordion {
        border-top: 0.556px solid #fff;
        margin-top: 0;
        background: transparent;
    }

    .footer__blocks .footer__block--menu.accordion:last-of-type {
        border-bottom: 0.556px solid #fff;
    }

    .footer__blocks .accordion summary.footer__block__title,
    .footer__blocks .accordion .footer__block__title {
        color: #fff;
        position: relative;
        font-weight: 500;
        -webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        outline: none;
    }

    .footer__blocks .accordion summary.footer__block__title:focus,
    .footer__blocks .accordion summary.footer__block__title:focus-visible {
        outline: none;
    }

    .footer__blocks .accordion summary .icon-minus,
    .footer__blocks .accordion summary .icon-plus {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
    }

    .footer__blocks .accordion [data-collapsible-content] {
        padding-bottom: 12px;
        transform: none !important;
        animation: none !important;
        transition: none;
    }
}

@media only screen and (min-width: 1399px) {
    .template-index .index-timeline.timeline--images .timeline__head {
        margin-left: 52.8% !important;
    }
}

.template-index .yotpo-widget-instance {
    padding-top: 16px;
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .tabs-collections .grid--slider .grid-item {
        max-width: 318px;
    }
}

.ingredient-card__product:hover {
    text-decoration: underline;
}

.category-vendors-list-handler+a:focus,
.category-vendors-list-handler+a:focus-visible {
    outline: 2px solid #000;
}

.geoip-store-name a:hover {
    color: inherit;
}

.geoip-main-block button:hover {
    opacity: 0.8;
}

.easylocation-domains-list:focus-visible {
    outline: none;
    box-shadow: none;
    outline-offset: none;
}

@media only screen and (min-width: 750px) {
    .hero__title.font-heading-secondary {
        font-family: var(--FONT-STACK-HEADING-SECONDARY);
        text-transform: uppercase;
        letter-spacing: 2px;
    }
}

@media only screen and (max-width: 749px) {
    .hero__title.md--font-heading-secondary {
        font-family: var(--FONT-STACK-HEADING-SECONDARY) !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

@media (min-width: 750px) {
    #Picture-8566c662161a3f29b1167fbd85c10e64 {
        --focal-point: 50% 50%;
    }
}

@media (max-width: 749px) {
    #Picture-8566c662161a3f29b1167fbd85c10e64 {
        --focal-point: 50% 50%;
    }
}

@media (min-width: 750px) {
    #Picture-858cbefbae2d8319f8a8712057206a58 {
        --focal-point: 50% 50%;
    }
}

@media (max-width: 749px) {
    #Picture-858cbefbae2d8319f8a8712057206a58 {
        --focal-point: 50% 50%;
    }
}

@media (min-width: 750px) {
    #Picture-f8941710ade0dbde4c26f5a0c59e9277 {
        --focal-point: 50% 50%;
    }
}

@media (max-width: 749px) {
    #Picture-f8941710ade0dbde4c26f5a0c59e9277 {
        --focal-point: 50% 50%;
    }
}

#CustomCode--template--26109874012425__section_custom_code_arYxEb {
    --PT: 50px;
    --PB: 70px;
    --text: #004236;
}

#shopify-section-template--26109874012425__section_custom_code_arYxEb h1 {
    font-size: calc(var(--font-10) * var(--FONT-ADJUST-HEADING));
    text-align: center;
    margin-top: 25px;
    margin-bottom: 0px !important;
    padding: 0;
}

@media (max-width: 1043px) {
    #shopify-section-template--26109874012425__section_custom_code_arYxEb h1 {
        font-size: calc(var(--font-7) * var(--FONT-ADJUST-HEADING));
    }
}

#RecentProducts--template--26109874012425__section_recent_products_VWeX66 {
    --PT: 50px;
    --PB: 70px;
    --bg: #fafafa;
}

#SectionColumns--template--26109874012425__section_multicolumn_GHWwkK {
    --PT: 50px;
    --PB: 70px;
    --COLUMNS-MOBILE: 0;
    --bg: #ffffff;
    --text: #004236;
}

#shopify-section-template--26109874012425__section_announcement_f6h9V6 .announcement__slide p {
    font-size: 24px;
}

@media only screen and (max-width: 749px) {
    #shopify-section-template--26109874012425__section_announcement_f6h9V6 .announcement__wrapper {
        margin-top: 35px;
    }
}

#TabCollections--template--26109874012425__section_tab_collections_jJfRER {
    --PT: 50px;
    --PB: 70px;
    --PT-MOBILE: max(50px, calc(var(--gutter) * 2));
    --COLUMNS: 6;
    --COLUMNS-MEDIUM: 3;
    --COLUMNS-SMALL: 2;
    --COLUMNS-MOBILE: 0;
    --bg: #fafafa;
}

@media screen and (max-width: 749px) {
    #TabCollections--template--26109874012425__section_tab_collections_jJfRER {
        padding-top: 70px;
    }
}

@media (max-width: 749px) {
    #IndexTimeline--template--26109874012425__section_timeline_qXqabT .timeline__image {
        display: none !important;
    }

    #IndexTimeline--template--26109874012425__section_timeline_qXqabT.timeline--images .timeline__content {
        width: 100%;
    }

    .timeline__image-figure {
        transform: none !important;
        transition: none !important;
    }
}

#IndexTimeline--template--26109874012425__section_timeline_qXqabT.collection-list-hover .timeline__body {
    min-height: auto;
}

#IndexTimeline--template--26109874012425__section_timeline_qXqabT.collection-list-hover .timeline__inner {
    position: static;
    top: auto;
    min-height: auto;
}

#IndexTimeline--template--26109874012425__section_timeline_qXqabT .timeline__title-link {
    color: inherit;
    text-decoration: none;
}

@media (min-width: 750px) {
    #IndexTimeline--template--26109874012425__section_timeline_qXqabT.collection-list-hover .timeline__image-figure {
        transform: none;
        transition: opacity 0.5s ease;
        opacity: 0;
    }

    #IndexTimeline--template--26109874012425__section_timeline_qXqabT.collection-list-hover .timeline__row.is-selected .timeline__image {
        z-index: 1;
    }

    #IndexTimeline--template--26109874012425__section_timeline_qXqabT.collection-list-hover .timeline__row.is-selected .timeline__image-figure {
        opacity: 1;
    }
}

@media (max-width: 749px) {
    #IndexTimeline--template--26109874012425__section_timeline_qXqabT .timeline__content__outer {
        transition: opacity 0.12s linear;
    }

    #IndexTimeline--template--26109874012425__section_timeline_qXqabT {
        --PT: 50px;
        --PB: 70px;
    }
}

#IndexTimeline--template--26109874012425__section_timeline_qXqabT {
    --PT: 50px;
    --PB: 70px;
    --counter: 4;
    --bg: #ffffff;
    --text: #004236;
}

@media only screen and (min-width: 750px) {
    #IndexTimeline--template--26109874012425__section_timeline_qXqabT {
        overflow-x: hidden;
    }
}

#SectionColumns--template--26109874012425__section_columns_mdhWW4 {
    --PT: 50px;
    --PB: 50px;
    --COLUMNS: 3;
    --COLUMNS-MEDIUM: 3;
    --COLUMNS-SMALL: 2;
    --COLUMNS-MOBILE: 1;
    --bg: #ffffff;
}

#shopify-section-template--26109874012425__section_columns_mdhWW4 h6 a {
    font-size: 16px;
    text-decoration: underline;
}

#CustomCode--template--26109874012425__section_custom_code_mDbJex {
    --PT: 0px;
    --PB: 0px;
}

#shopify-section-template--26109874012425__section_custom_code_mDbJex .yotpo-hp-cont {
    background-color: #fafafa;
    padding-top: 75px;
    padding-bottom: 75px;
}

.menu__item.grandparent:hover>.header__dropdown,
.menu__item.parent:hover>.header__dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
}

details[open] .accordion__body,
details[open] [data-collapsible-body],
details[open] .filter-group__content {
    height: auto !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    overflow: visible !important;
}

.drawer.is-open {
    display: block !important;
    visibility: visible !important;
}

.drawer.is-open .drawer__inner {
    visibility: visible !important;
    opacity: 1 !important;
}

.drawer--cart.is-open .drawer__inner {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
}

.drawer--header.is-open .drawer__inner {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}

body.cart-is-open .drawer--cart .drawer__underlay,
body.menu-is-open .drawer--header .drawer__underlay,
body.search-is-open header-search-popdown~.underlay,
.drawer.is-open .underlay,
.drawer.is-open .drawer__underlay {
    visibility: visible !important;
    opacity: 1 !important;
}

header-search-popdown.is-open .search-popdown,
header-search-popdown[open] .search-popdown {
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.popout-list.popout-list--visible,
button[aria-expanded="true"]~.popout-list {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: auto !important;
    min-width: 220px !important;
}

.menu__item.grandparent:hover>.header__dropdown,
.menu__item.parent:hover>.header__dropdown,
.menu__item:hover>.header__dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.flickity-slider {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.pswp__thumb.is-active,
.pswp__thumb.is-selected {
    outline: 2px solid #004236 !important;
    opacity: 1 !important;
}

.ingredients-slider-container {
    overflow: hidden !important;
    width: 100% !important;
}

.ingredients-slider {
    width: 100% !important;
}

.ingredients-slider .slider-track {
    display: flex !important;
    width: 300% !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ingredients-slider .ingredient-slide {
    flex: 0 0 33.333% !important;
    width: 33.333% !important;
}

.menu__item.grandparent:hover .navlink--child,
.menu__item.grandparent:hover .navlink--grandchild,
.menu__item.grandparent:hover .header__dropdown__image {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.is-empty .drawer__empty,
.is-empty [data-cart-empty] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 100% !important;
}

.cart__item--no-border {
    border-bottom: none !important;
}

.cart__item__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.cart__item__image .lazy-image {
    height: 100% !important;
}

.cart__item__content {
    width: calc(100% - 95px) !important;
    padding-left: 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.cart__item__meta {
    margin-bottom: 10px !important;
}

.cart__item__selected-options {
    margin: 2px 0 0 !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
}

.cart__item--info {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.cart__item__content-inner {
    width: 100% !important;
}

@media screen and (min-width: 750px) {
    .drawer__items .cart__item--info {
        width: 60% !important;
    }
}

.cart__item__meta * {
    font-weight: 400 !important;
}

.cart__quantity-counter {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

.cart__quantity {
    position: relative !important;
    width: 95px !important;
    transition: opacity 0.4s !important;
}

@media only screen and (max-width: 479px) {
    .cart__quantity {
        width: 120px !important;
    }
}

.cart__quantity button {
    position: absolute !important;
    top: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 100% !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    transition: opacity 0.3s !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.cart__quantity button:hover {
    opacity: 0.75 !important;
}

.cart__quantity .icon {
    --icon-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

.cart__quantity .cart__quantity-field {
    padding: 8px 12px !important;
    border: 1px solid var(--COLOR-TEXT) !important;
    margin: 0 !important;
    background-color: transparent !important;
    background: transparent !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: var(--COLOR-TEXT) !important;
    font-weight: 500 !important;
    text-align: center !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 36px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: var(--RADIUS-SELECT) !important;
}

.cart__quantity input[type="number"] {
    -moz-appearance: textfield !important;
}

.cart__quantity input[type="number"]::-webkit-outer-spin-button,
.cart__quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.cart__quantity .cart__quantity-minus {
    left: 0 !important;
    z-index: 9 !important;
}

.cart__quantity .cart__quantity-plus {
    right: 0 !important;
}

.cart__item__remove {
    display: inline-block !important;
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--COLOR-TEXT-LIGHT) !important;
    font-weight: 300 !important;
    text-decoration: underline !important;
}

.cart__item {
    position: relative !important;
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: var(--inner) !important;
}

.cart__item__image {
    font-size: 0 !important;
}

.cart__item__image a {
    display: block !important;
    width: 93px !important;
    text-decoration: none !important;
    transition: opacity 0.3s !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.cart__item__title {
    font-family: var(--FONT-STACK-BODY) !important;
    font-style: var(--FONT-STYLE-BODY) !important;
    font-weight: 400 !important;
    letter-spacing: var(--LETTER-SPACING-BODY) !important;
    color: var(--COLOR-TEXT) !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    line-height: 1.35 !important;
    font-size: 20px !important;
}

@media only screen and (max-width: 749px) {
    .cart__item__title {
        font-size: 16px !important;
    }
}

.cart__item__title a {
    transition: color 0.3s ease !important;
    font-size: 16px !important;
    color: var(--dark-grey) !important;
}

.cart__item__title a:hover {
    color: var(--COLOR-TEXT) !important;
}

@media only screen and (min-width: 750px) {
    .index-tab-collections {
        padding-top: 80px !important;
        padding-bottom: 70px !important;
    }

    .tabs-collections__head .grid__heading {
        font-size: 40px !important;
        color: #004236 !important;
        font-family: Recoleta, Georgia, serif !important;
        font-weight: 500 !important;
        text-align: center !important;
    }

    .tabs-collections .grid__heading-actions {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .tabs-collections .slider__arrows-clone-wrapper {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        z-index: 10 !important;
        pointer-events: auto !important;
    }
}

@media only screen and (max-width: 749px) {
    .index-tab-collections {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .tabs-collections .grid__heading-actions {
        position: relative !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .tabs-collections .slider__arrows-clone-wrapper {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        z-index: 10 !important;
    }
}

@media only screen and (min-width: 750px) {

    .collection__nav .popout--sort,
    .collection__nav .popout-group,
    .collection__nav .popout--group {
        margin-left: auto !important;
    }
}

@media only screen and (min-width: 750px) {
    .timeline--images .timeline__row {
        opacity: 1;
        transition: opacity 0.3s ease;
    }

    .timeline--images .timeline__row .timeline__title-link {
        color: #373737 !important;
        opacity: 0.25;
        transition: color 0.3s ease, opacity 0.3s ease;
    }

    .timeline--images .timeline__row.is-selected .timeline__title-link,
    .timeline--images .timeline__row:hover .timeline__title-link {
        color: #004236 !important;
        opacity: 1 !important;
    }
}

@media only screen and (min-width: 750px) {
    .header__mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 749px) {
    .header__desktop {
        display: none !important;
    }

    .header__mobile {
        display: grid !important;
    }
}

.header__wrapper.js__header__stuck .theme__header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(0);
    transition: transform 0.3s ease;
}

.header__wrapper.js__header__stuck.js__header__hidden .theme__header {
    transform: translateY(-100%);
}

.header__wrapper.js__header__stuck~.header__backfill {
    display: block;
    visibility: hidden;
}

.product-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10000;
}

.product-lightbox.is-open {
    display: flex;
}

.product-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: #fff;
}

.product-lightbox__container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.product-lightbox__header {
    display: flex;
    justify-content: flex-end;
    padding: 16px 20px;
    flex-shrink: 0;
}

.product-lightbox__close {
    background: none;
    border: none;
    cursor: pointer;
    color: #004236;
    padding: 8px;
    transition: opacity 0.2s;
}

.product-lightbox__close:hover {
    opacity: 0.6;
}

.product-lightbox__main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 0 60px;
    position: relative;
}

.product-lightbox__image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: calc(100vh - 200px);
    max-width: 100%;
    flex: 1;
}

.product-lightbox__image {
    max-height: calc(100vh - 200px);
    max-width: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.product-lightbox__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #004236;
    padding: 12px;
    transition: opacity 0.2s;
    z-index: 2;
}

.product-lightbox__arrow:hover {
    opacity: 0.6;
}

.product-lightbox__arrow--prev {
    left: 16px;
}

.product-lightbox__arrow--next {
    right: 16px;
}

.product-lightbox__thumbs {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 16px 20px 24px;
    flex-shrink: 0;
    overflow-x: auto;
}

.product-lightbox__thumb {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.5;
    transition: opacity 0.2s, border-color 0.2s;
    flex-shrink: 0;
}

.product-lightbox__thumb:hover {
    opacity: 0.8;
}

.product-lightbox__thumb.is-active {
    opacity: 1;
    border-color: #004236;
}

.product-lightbox__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 749px) {
    .product-lightbox__main {
        padding: 0 40px;
    }

    .product-lightbox__arrow--prev {
        left: 4px;
    }

    .product-lightbox__arrow--next {
        right: 4px;
    }

    .product-lightbox__thumb {
        width: 48px;
        height: 48px;
    }
}

.grid--slider::-webkit-scrollbar {
    display: none;
}

.grid--slider {
    cursor: grab;
}

.grid--slider:active {
    cursor: grabbing;
}

.tabs__arrow {
    display: none !important;
}

@media (min-width: 750px) {
    .tabs-collections__arrow {
        display: none !important;
    }
}

.tabs-collections grid-slider .slider__arrows {
    opacity: 0 !important;
    pointer-events: none !important;
}

.tabs-collections__arrow {
    display: none !important;
}

.tabs-collections .slider__arrows--cloned {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    pointer-events: auto !important;
    z-index: 10 !important;
    align-items: center !important;
}

.tabs-collections .slider__arrows--cloned .slider__button {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #004236 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    opacity: 1 !important;
    padding: 0 !important;
    top: auto !important;
    transform: none !important;
}

.tabs-collections .slider__arrows--cloned .slider__button:hover {
    background: #004236 !important;
    color: #fff !important;
    border-color: #004236 !important;
}

.tabs-collections .slider__arrows--cloned .slider__button:disabled {
    opacity: 0.3 !important;
    cursor: default !important;
    pointer-events: none !important;
}

.tabs-collections .slider__arrows--cloned .slider__button:before {
    display: none !important;
}

.tabs-collections .slider__arrows--cloned .slider__button svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    fill: none !important;
    display: block !important;
}