/** Shopify CDN: Minification failed

Line 5956:19 Unexpected "{"
Line 5956:28 Expected ":"
Line 6057:18 Unexpected "{"
Line 6057:27 Expected ":"

**/
/* Font Families */
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
@font-face {
    font-family: 'America';
    src: url('GTAmerica-Regular.eot');
    src: url('GTAmerica-Regular.eot?#iefix') format('embedded-opentype'),
        url('GTAmerica-Regular.woff2') format('woff2'),
        url('GTAmerica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Super';
    src: url('GTSuperDsTrial-Lt.eot');
    src: url('GTSuperDsTrial-Lt.eot?#iefix') format('embedded-opentype'),
        url('GTSuperDsTrial-Lt.woff2') format('woff2'),
        url('GTSuperDsTrial-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* Root Elements */

:root {
    --F61: 3.813rem;
    --F49: 3.063rem;
    --F37: 2.313rem;
    --F30: 1.875rem;
    --F26: 1.625rem;
    --F24: 1.5rem;
    --F22: 1.375rem;
    --F18: 1.125rem;
    --Fb: 1rem;
    --Fc: 0.667rem;
    --F14: 0.875rem;
    --F12: 0.75rem;
    --black: #464242;
    --white: #ffffff;
    --grey: #F5F3EF;
    --midGrey: #F6F4F2;
    --lightGrey: #E0E0E0;
    --darkGrey: #827C77;
    --yellow: #F5F188;
    --gold: #D9A044;
    --green: #25C83F;
    --fg: var(--black);
    --bg: var(--white);
    --ac: var(--yellow);
    --Pg: 1.25rem;
    --Pm: 1.25rem;
    --Ph: calc(0.5 * var(--Pg));
    --Pd: calc(2 * var(--Pg));
    --Hh: 5rem;
    --Hc: 5rem;
    --Hb: 2.375rem;
    --vh: 100vh;
    --Hs: calc(var(--vh) - var(--Hc));
    --Wf: calc(100% + var(--Pd));
    --Wg: calc(100% + var(--Pg));
    --Mg: calc(-1 * var(--Pg));
}

@supports(height: 100dvh) {
    :root {
        --vh: 100dvh;
    }
}

html,
body {
    overscroll-behavior: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

.visually-hidden {
    position: absolute !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    clip: rect(1px 1px 1px 1px) !important;
    white-space: nowrap;
}

.hidden {
    display: none !important;
}

textarea,
input,
button,
select {
    font-family: inherit;
    font-size: inherit;
    text-align: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

input,
textarea,
input::placeholder,
textarea::placeholder {
    background: inherit;
    color: inherit;
    border: none;
    padding: 0;
    outline: inherit;
    opacity: 1;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
}

textarea {
    resize: none !important;
}

input:not([type='submit']),
textarea {
    display: block;
    width: 100%;
}

select {
    background: none;
    width: 100%;
    cursor: pointer;
    border: none;
    outline: none;
}

select option {
    background: var(--bg);
}

select:focus {
    outline: none;
}

ul,
li {
    text-decoration: none;
    list-style: none;
}

button,
input[type="reset"],
div[role="button"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="button"],
input[type="button"]:focus {
    outline: none;
}

a:link,
a:visited {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}


/* Universal Elements */

html {
    font-size: 16px;
    font-family: 'America', 'Helvetica', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    color: var(--fg);
    background: var(--bg);
}


/* Universal Text Styling */

h1,
h2,
h3,
h4,
p,
a,
button,
span,
input {
    font-size: var(--Fb);
    line-height: 1.2;
}

.font_61,
.richtext.font_61 * {
    font-size: var(--F61);
    line-height: 1.1;
}

.font_49,
.richtext.font_49 * {
    font-size: var(--F49);
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.font_37,
.richtext.font_37 * {
    font-size: var(--F37);
    line-height: 1.2;
}

.font_30,
.richtext.font_30 * {
    font-size: var(--F30);
    line-height: 1.2;
}

.font_26,
.richtext.font_26 * {
    font-size: var(--F26);
    line-height: 1.2;
}

.font_24,
.richtext.font_24 * {
    font-size: var(--F24);
    line-height: 1.2;
}

.font_22 {
    font-size: var(--F22);
    line-height: 1.2;
}

.font_18,
.richtext.font_18 * {
    font-size: var(--F18);
    line-height: 1.2;
}

.font_b,
.richtext.font_b * {
    font-size: var(--Fb);
    line-height: 1.2;
}

.font_14,
.richtext.font_14 * {
    font-size: var(--F14);
    line-height: 1.2;
}

.font_12,
.richtext.font_12 * {
    font-size: var(--F12);
    line-height: 1.2;
}

.font_up {
    text-transform: uppercase;
}

.font_grey {
    opacity: 0.5;
}

.font_am {
    font-family: 'America', 'Helvetica', sans-serif;
}

.font_super {
    font-family: 'Super', 'Times New Roman', serif;
}

.font_strong,
.richtext strong {
    font-weight: 650;
}

.font_italic,
.richtext em {
    font-style: italic;
}

.font_fg {
    color: var(--fg);
}

.font_bg {
    color: var(--bg);
}

.font_fade {
    opacity: 0.65;
}

.font_line {
    text-decoration: underline !important;
}

.richtext *:not(:last-child) {
    margin-bottom: 1em;
}

.richtext ul,
.richtext ol {
    margin-left: 1.5rem;
}

.richtext ul li {
    list-style: disc;
}

.richtext ol li {
    list-style: auto;
}

/* Video Controller */

.vsc-controller {
    height: 0 !important;
    width: 0 !important;
    object-fit: unset !important;
}


/* Link/Button Styling */

label.link_anchor,
summary.link_anchor,
a.link_anchor,
.link_anchor a,
button.link_anchor,
.link_anchor button {
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {

    label.link_anchor:hover,
    summary.link_anchor:hover,
    a.link_anchor:hover,
    .link_anchor a:hover,
    button.link_anchor:hover,
    .link_anchor button:hover {
        opacity: 0.5;
    }
}

label.link_reverse,
a.link_reverse,
.link_reverse a,
button.link_reverse,
.link_reverse button {
    opacity: 0.5;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {

    label.link_reverse:hover,
    a.link_reverse:hover,
    .link_reverse a:hover,
    button.link_reverse:hover,
    .link_reverse button:hover {
        opacity: 1;
    }
}

.button_black,
.button_white {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    padding: 0.875rem;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    min-width: 15.375rem;
}

.button_black {
    color: var(--bg) !important;
    background-color: var(--fg);
    border: 1px solid var(--fg);
}

.button_white {
    color: var(--fg) !important;
    background-color: var(--bg);
    border: 1px solid var(--fg);
}


@media(hover: hover) and (pointer: fine) {
    .button_black:hover {
        color: var(--fg) !important;
        background-color: var(--bg);
    }

    .button_white:hover {
        color: var(--bg) !important;
        background-color: var(--fg);
    }
}


/* Product Cards */

.card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
    transition: all 0.3s;
}

.card__upper {
    position: relative;
    width: 100%;
}

.card__image {
    width: 100%;
    aspect-ratio: 17/21;
    position: relative;
    overflow: hidden;
}

.card__image.placeholder {
    background-color: var(--ac);
}

.card__image .aspectholder {
    overflow: hidden;
    transition: all 0.4s;
}

.card__image>*,
.card__image .aspectholder,
.card__image .aspectholder>* {
    width: 100%;
    height: 100%;
}

.card__image-desk .aspectholder:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}

@media(hover: hover) and (pointer: fine) {
    .card a:hover .card__image-desk .aspectholder:nth-of-type(2) {
        opacity: 1;
    }
}

.card__image .aspectholder>* {
    display: block;
    object-fit: cover;
}

.card__image-mob {
    display: none;
}

.card .card__text {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    transition: all 0.3s;
}

.card .card__text .okeReviews span {
    font-size: var(--F14) !important;
    line-height: 1.2 !important;
}

.card .card__text .okeReviews .oke-sr-count-number::before {
    content: "(";
}

.card .card__text .okeReviews .oke-sr-count-number::after {
    content: ")";
}

.card .card__text .okeReviews .oke-sr-label-text {
    display: none !important;
}

@media(hover: hover) and (pointer: fine) {

    .card a:hover .card__text {
        opacity: 0.5;
    }
}

.card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: calc(100% - 1rem);
    z-index: 3;
}

.card__badges-badge {
    padding: 0.125rem 0.25rem;
    background-color: var(--bg);
    line-height: 1;
}

/* [data-oke-star-rating], */
.okeReviews[data-oke-container]:empty,
div.okeReviews:empty {
    display: none;
}

.product-card__variants,
.product-card__variants ul {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.product-card__variants:empty,
.product-card__variants ul:empty {
    display: none;
}

.product-card__variant {
    width: 20px;
    height: 20px;
    border: 1px solid var(--grey);
    border-radius: 50%;
    overflow: hidden;
}

.product-card__variant .aspectholder {
    width: 100%;
    height: 100%;
}

.product-card__variant .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Forms */

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

.form_inline * {
    box-sizing: border-box !important;
}

.form_inline>* {
    width: 100% !important;
}

.form_inline form {
    width: 100%;
    display: flex;
    align-items: center;
}

.form_inline [data-testid="form-row"]>* {
    height: fit-content;
}

.form_inline [data-testid="form-row"]>*:not(:last-child) {
    margin-right: 0.75rem;
}

.form_inline input {
    color: var(--fg) !important;
    background-color: var(--bg);
    padding: 1rem !important;
    border: 1px solid var(--lightGrey) !important;
    width: 100% !important;
    height: 58px !important;
    font-size: var(--Fb) !important;
    line-height: 1 !important;
    font-family: 'America', 'Helvetica', sans-serif !important;
}

.form_inline [data-testid="form-row"]>*:last-child {
    flex-direction: column;
    justify-content: center;
    row-gap: 0.375rem;
    text-align: center;
}

.form_inline [data-testid="form-row"]>*:last-child::after {
    content: "Unsubscribe anytime.";
    display: block;
    width: 100%;
    font-size: var(--F14);
    line-height: 1.2;
}

.form_inline button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: var(--bg) !important;
    background-color: var(--fg) !important;
    font-size: var(--Fb) !important;
    line-height: 1 !important;
    font-family: 'America', 'Helvetica', sans-serif !important;
    width: fit-content !important;
    height: 56px !important;
    text-align: center !important;
    padding: 0rem 2.75rem !important;
    transition: all 0.3s;
    border: 1px solid var(--fg) !important;
}

.form_inline input::placeholder {
    color: var(--fg);
}

.form_inline input:focus {
    outline: none;
}

@media(hover: hover) and (pointer: fine) {
    .form_inline button:hover {
        color: var(--fg) !important;
        background-color: var(--bg) !important;
    }
}

/* .klaviyo-form {
    background: none !important;
} */


/* Details Styling */

details,
summary {
    width: 100%;
    justify-content: space-between;
}

summary,
summary:focus {
    outline: none;
    list-style-type: none;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

details summary::-webkit-details-marker,
details summary::marker {
    display: none;
}

details summary p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
}

details[open] summary~* {
    animation: appear .3s ease;
    -webkit-animation: appear .3s ease;
}

@-webkit-keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}


/* Main Styling */

body {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: var(--vh);
}

body.active,
body.js-my-cart-open,
body.menu-open {
    overflow: hidden;
}

main {
    flex-grow: 1;
    height: 100%;
}

.header__inner,
main section,
footer,
.bar {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--Pm);
    position: relative;
    width: 100%;
    height: min-content;
}

main section {
    padding: var(--Pm) var(--Pg);
    row-gap: 1.5rem;
}

main>*:last-child section {
    padding-bottom: 10.625rem;
}

main>*:first-child section {
    padding-top: 0;
    margin-top: 0;
}


/* Header */

.header-content {
    position: sticky;
    top: 0;
    z-index: 18;
    display: flex;
    flex-direction: column;
    width: 100%;
}

header {
    z-index: 5;
}

.header__inner {
    height: var(--Hh);
    align-items: center;
    padding: 0 var(--Pg);
    z-index: 12;
    background-color: var(--bg);
    transition: background-color 0.3s;
}

.header-content.inactive .header__inner {
    background-color: transparent;
}

.header-content.inactive .header__inner.theme_light {
    color: var(--bg);
}

.header-content.inactive .header__inner.theme_light svg path {
    fill: var(--bg);
}

.header-content.inactive .header__inner.theme_light svg line,
.header-content.inactive .header__inner.theme_light svg circle {
    stroke: var(--bg);
}

@media(hover: hover) and (pointer: fine) {
    .header-content.inactive:hover .header__inner {
        background-color: var(--bg);
    }

    .header-content.inactive:hover .header__inner.theme_light {
        color: var(--fg);
    }

    .header-content.inactive:hover .header__inner.theme_light svg path {
        fill: var(--fg);
    }

    .header-content.inactive:hover .header__inner.theme_light svg line,
    .header-content.inactive:hover .header__inner.theme_light svg circle {
        stroke: var(--fg);
    }
}

.header__logo {
    grid-row: 1;
    width: 82px;
    height: fit-content;
    z-index: 2;
}

.header__inner.style_center .header__logo {
    grid-column: 8/10;
    justify-self: center;
}

.header__inner.style_left .header__logo {
    grid-column: 1/3;
}

.header__logo .aspectholder {
    width: 100%;
    height: auto;
}

.header__logo .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

.header__logo svg path {
    fill: var(--fg);
}

.header__mob {
    display: none;
}

.header__menu {
    grid-row: 1;
    height: 100%;
}

.header__inner.style_center .header__menu {
    grid-column: 1/8;
}

.header__inner.style_left .header__menu {
    grid-column: 1/12;
    margin-left: calc(82px + 2rem);
}

.header__menu-header {
    display: none;
}

.header__menu-primary {
    display: flex;
    align-items: center;
    column-gap: 1.875rem;
    height: 100%;
}

.header__menu-primary>div {
    display: flex;
    align-items: center;
    height: 100%;
    transition: all 0.3s;
}

.header__menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    text-align: center;
}

.header__menu-link:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: -0.5rem;
    width: calc(100% + 1rem);
    border-top: 1px solid;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s;
}

.header__menu-primary>div:hover .header__menu-link:after {
    opacity: 1;
    visibility: visible;
}

.header__menu-link.header__menu-link_mob {
    display: none;
}

.header__menu-link .aspectholder {
    display: none;
}

.header__menu-link span {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;
}

.header__menu-link span>svg {
    flex-shrink: 0;
    display: block;
    width: 9px;
    height: auto;
    transition: all 0.3s;
}

.header__menu-primary>div:hover .header__menu-link span>svg {
    transform: rotate(-180deg);
}

.header__menu-link>svg {
    display: none;
}

.header__menu-sub {
    position: fixed;
    top: var(--Hc);
    left: 0;
    width: 100%;
    height: fit-content;
    opacity: 0;
    /* visibility: hidden; */
    pointer-events: none;
    padding: 1.875rem var(--Pg) 1.875rem var(--Pg);
    background: var(--bg);
    z-index: 2;
}

@media (hover: hover) and (pointer: fine) {
    .header__menu-primary>div:hover .header__menu-sub {
        opacity: 1;
        /* visibility: visible; */
        pointer-events: unset;
    }
}

.header__menu-sub_container {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-auto-rows: min-content;
    column-gap: var(--Pm);
    align-items: center;
    width: 100%;
    height: fit-content;
    transition: all 0.3s;
}

.header__menu-sub a,
.header__menu-sub p {
    width: fit-content;
}

.header__menu-cta {
    grid-column: 1/5;
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
}

.header__menu-cta>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
}

.header__menu-cta>div .button_black {
    width: 100%;
    min-width: unset;
}

.header__menu-review {
    grid-column: 1/5;
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem;
}

.header__menu-review_rating {
    display: flex;
    align-items: center;
}

.header__menu-review_rating svg {
    display: block;
    width: 16px;
    height: auto;
}

.header__menu-review_reviewer {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;
}

.header__menu-review_reviewer svg {
    display: block;
    width: 14px;
    height: auto;
}

.header__menu-featured {
    grid-column: 6/17;
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem;
    width: 100%;
}

.header__menu-slider {
    display: flex;
    flex-direction: column;
    width: calc(100% + var(--Pg));
    overflow: hidden;
    padding-right: var(--Pg);
    /* margin-top: calc(-14px - 0.75rem); */
}

.header__menu-slider .carousel_btns {
    display: none !important;
    column-gap: 1.5rem;
    margin-bottom: 0.75rem;
    margin-right: var(--Pg);
}

.header__menu-slider .swiper-button-next.swiper-button-disabled,
.header__menu-slider .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    visibility: hidden;
}

.header__menu-slider .carousel_btns .swiper-button-next svg,
.header__menu-slider .carousel_btns .swiper-button-prev svg {
    width: 9px;
    height: 14px;
}

.header__menu-slider .swiper-wrapper {
    width: 100%;
}

.header__menu-slider .swiper-slide {
    width: 158px;
}

.header__menu-slider .swiper-slide:not(:last-child) {
    margin-right: var(--Pm);
}

.header__menu-slider .swiper-slide>* {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}

.header__menu-slider .swiper-slide .aspectholder {
    width: 100%;
    aspect-ratio: 157/195;
    overflow: hidden;
}

.header__menu-slider .swiper-slide .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header__menu-inner {
    display: none;
}

.header__menu-mobile,
.header__menu>.header__menu-cta,
.header__menu>.header__menu-review {
    display: none;
}

.header__menu-mob {
    display: none;
}

.header__secondary {
    grid-column: 10/17;
    grid-row: 1;
    justify-self: flex-end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 1.5rem;
}

.header__secondary .button_black {
    min-width: unset;
    padding: 0.625rem 1.125rem;
}

.header__icon {
    width: 17px;
    height: fit-content;
}

.header__icon>* {
    display: block;
    width: 100%;
    height: auto;
}

.header__icon svg path {
    fill: var(--fg);
}


/* Cart Popup */

.my-cart__items {
    opacity: 1;
    transition: opacity 0.3s;
}

body.js-ajax-cart-request-in-progress .my-cart__items {
    opacity: 0.5;
}

form.js-ajax-cart-form-in-progress [type="submit"] {
    opacity: 0.5;
}

#shopify-section-my-cart {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: var(--vh);
    z-index: 22;
    visibility: hidden;
    transition: all 0.1s 0.3s, background-color 0.5s;
    display: block;
}

.js-my-cart-open #shopify-section-my-cart {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.25);
    background-color: rgba(245, 243, 239, 0.5);
    transition: all 0.1s, background-color 0.5s;
}

.cart-modal__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: calc((100% - 523px));
    height: 100dvh;
    cursor: e-resize;
}

.cart-modal__inner {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 464px;
    padding-bottom: max(env(safe-area-inset-bottom), 16px);
    height: calc(100dvh - env(safe-area-inset-bottom));
    background-color: var(--bg);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transform: translateX(100%);
    visibility: hidden;
    overscroll-behavior: none;
    transition: all 0.5s;
      overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
html.js-my-cart-open,
body.js-my-cart-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  inset: 0;
}
.js-my-cart-open .cart-modal__inner {
    visibility: visible;
    transform: translateX(0);
}

.cart-modal__inner::-webkit-scrollbar {
    display: none;
}

.cart-modal__header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.25rem;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--Hh);
    padding: 0 var(--Pg);
    background-color: var(--bg);
    border-bottom: 1px solid var(--lightGrey);
    z-index: 3;
}

.cart-modal__shipping {
    display: flex;
    flex-direction: column;
    row-gap: 0.875rem;
    padding: 1rem var(--Pg);
    border-bottom: 1px solid var(--lightGrey);
}

.cart-modal__shipping p {
    display: flex;
    justify-content: center;
    column-gap: 0.375rem;
    text-align: center;
}

.cart-modal__shipping p svg {
    display: block;
    width: 14px;
    height: auto;
}

.cart-modal__bar {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: var(--grey);
}

.cart-modal__bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--bar);
    max-width: 100%;
    height: 100%;
    background-color: var(--gold);
}

.cart-modal__empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 1.625rem;
    padding: 1.625rem var(--Pg);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: none;
}

.cart-modal__empty::-webkit-scrollbar {
    display: none;
}

.cart-modal__empty-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.5rem;
    padding: var(--Pg);
    text-align: center;
}

.cart-modal__empty-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.875rem;
    row-gap: 1.875rem;
}

.cart-modal__empty-item {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}

.cart-modal__empty-item .aspectholder {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.cart-modal__empty-item .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-modal__basket {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 1.5rem var(--Pg);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: none;
}

.cart-modal__basket::-webkit-scrollbar {
    display: none;
}

.cart-modal__items {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

.cart-modal__items li {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: min-content;
    column-gap: var(--Pm);
    row-gap: 1.875rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--lightGrey);
}

.cart-modal__items:last-child li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.cart-modal__items .aspectholder {
    grid-column: 1/3;
    width: 100%;
    aspect-ratio: 100/115;
    overflow: hidden;
}

.cart-modal__items .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-modal__item-meta {
    grid-column: 3/7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2.5rem;
}

.cart-modal__item-header {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}

.cart-modal__item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.25rem;
}

.cart-modal__quantity {
    width: fit-content;
    display: flex;
    align-items: center;
    height: 34px;
    border: 1px solid var(--lightGrey);
}

.cart-modal__quantity * {
    line-height: 1;
}

.cart-modal__quantity>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 0.625rem;
}

.cart-modal__quantity>a:first-of-type {
    border-right: 1px solid var(--lightGrey);
}

.cart-modal__quantity>a:last-of-type {
    border-left: 1px solid var(--lightGrey);
}

.cart-modal__quantity input[type=number] {
    width: 45px !important;
    -moz-appearance: textfield;
    pointer-events: none;
    text-align: center;
}

.cart-modal__quantity input::-webkit-outer-spin-button,
.cart-modal__quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-modal__item-errors>*:last-child {
    margin-bottom: 0.625rem;
}

.cart-modal__upsells {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.cart-modal__upsells-items {
/* display: flex;
    column-gap: 0.5rem;
    width: calc(100% + var(--Pd));
    height: 100%;
    margin-left: var(--Mg);
    margin-left: 0rem;
    overflow-x: scroll;
    -ms-overflow-style: inherit;
    scrollbar-width: thin;
    padding-bottom: 1rem; */
    display: flex;
    column-gap: .5rem;
    width: calc(100% + var(--Pd));
    height: 100%;
    padding: 0 var(--Pg) 1rem;
    margin-left: var(--Mg);
    overflow-x: scroll;
    scrollbar-width: thin;
}

.cart-modal__upsells-items::-webkit-scrollbar {
    display: none;
}

.cart-modal__upsells-items:empty {
    display: none;
}

.cart-modal__upsells-item {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    align-items: center;
    height: 100%;
    width: calc(100% - var(--Pm));
    max-width: 320px;
    border: 1px solid var(--lightGrey);
    padding: 0.75rem;
}
.cart-modal__upsells-item>div {
    display:flex;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
}
.cart-modal__upsells>div:first-of-type { 
    display: flex;
    flex-direction: column;
    gap: 6px;
 }
.cart-modal__upsells-item .aspectholder {
    width: 135px;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.cart-modal__upsells-item .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-modal__upsells-info {
    display: flex;
    flex-direction: column;
}

.cart-modal__upsells-price {
    display: flex;
    column-gap: 0.375rem;
    margin-top: 0.75rem;
}

.cart-modal__upsells-cta {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    overflow: hidden;
}

.cart-modal__upsells-variants {
    display: flex;
    flex-direction: column;
    row-gap: 0.375rem;
}

.cart-modal__upsells-variants ul {
    display: flex;
    gap: 0.25rem;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: thin;
}

.cart-modal__upsells-variants ul::-webkit-scrollbar {
    display: none;
}

.cart-modal__upsells-cta .button_white,
.cart-modal__upsells-cta .button_black {
    min-width: unset;
    padding: 0.625rem;
}

.cart-modal__footer {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    padding: 1.25rem var(--Pg) 1.25rem var(--Pg);
    background-color: var(--bg);
    border-top: 1px solid var(--lightGrey);
    z-index: 2;
}

.cart-modal__footer-price {
    display: flex;
    column-gap: 1.25rem;
    justify-content: space-between;
}

.cart-modal__footer-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
}

.cart-modal__footer-form .button_black {
    column-gap: 0.5rem;
    width: 100%;
}

.cart-modal__footer-form .button_black svg {
    display: block;
    width: 9px;
    height: auto;
}

.cart-modal__footer-form .button_black svg path {
    fill: var(--bg);
    transition: all 0.3s;
}

.cart-modal__footer-form .button_black:hover svg path {
    fill: var(--fg);
}

/* Footer */

footer {
    row-gap: 6.75rem;
    padding: 5rem var(--Pg) 2.875rem var(--Pg);
    z-index: 6;
}

.footer__description {
    grid-column: 10/17;
}

.footer__form {
    grid-column: 1/8;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 3.75rem;
}

.footer__sub {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.footer__sub-heading {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}

.footer__meta {
    display: flex;
    align-items: center;
    column-gap: 3.75rem;
}

.footer__socials {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
}

.footer__socials a {
    display: flex;
}

.footer__currency select {
    transition: all 0.3s;
    color: var(--fg);
}

.footer__currency select:hover {
    opacity: 0.5;
}

.footer__form .form_inline {
    width: 100%;
}

.footer__menus {
    grid-column: 10/17;
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: var(--Ph);
}

.footer__menu>*:not(:last-child) {
    margin-bottom: 1.5rem;
}

.footer__menu nav a {
    display: block;
}

.footer__menu nav>*:not(:last-child) {
    margin-bottom: 0.625rem;
}

/* Ticker Bar */
#shopify-section-assets-bar {
    max-height: 0;
    height: fit-content;
    transition: all 0.3s;
    overflow: hidden;
}

#shopify-section-assets-bar.active {
    max-height: 25vh;
}

.bar {
    background-color: var(--ac);
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    width: 100%;
    padding: 0.625rem var(--Pg);
}

.bar__container {
    grid-column: 1/13;
    width: 100% !important;
    height: fit-content;
    display: grid;
}

.bar__container p {
    display: flex;
    justify-content: center;
}

.bar__container .swiper-wrapper,
.bar__container .swiper-slide {
    width: 100% !important;
    height: fit-content !important;
    align-items: center;
}

.bar__container>* {
    grid-column: 1/2;
    grid-row: 1;
}

.bar__container a {
    text-decoration: underline;
    width: fit-content;
    text-underline-offset: 1px;
}


/* Blocks */

/* Image Banner Block */
.banner {
    height: calc(var(--vh) - var(--Hb));
    min-height: 500px;
    padding: 0;
    transition: all 0.3s;
    position: relative;
}

/* main>div:first-child section.banner {
    margin-top: calc(-1 * var(--Hh));
} */

.banner .swiper-button-next,
.banner .swiper-button-prev {
    transform: translateY(-50%);
    height: fit-content !important;
    top: 50% !important;
}

.banner .swiper-button-next {
    padding-right: var(--Pg) !important;
}

.banner .swiper-button-prev {
    padding-left: var(--Pg) !important;
}

.banner .swiper-button-next.swiper-button-disabled,
.banner .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    visibility: hidden;
}

.banner__container {
    grid-column: 1/17;
    width: 100% !important;
    position: relative;
}

.banner__container .swiper-wrapper {
    width: 100% !important;
    height: 100% !important;
}

.banner__container .swiper-slide {
    width: 100% !important;
    height: var(--Hs);
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    column-gap: var(--Pm);
    padding: 0 var(--Pg);
}

.banner__mob {
    display: none;
}

.banner__img .aspectholder {
    width: 100%;
    height: 100%;
}

.banner__img .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.banner__media {
    position: relative;
}

.banner__img {
    width: 100%;
}

/* Banner Text */
.banner__text {
    grid-row: 1;
    display: flex;
    flex-direction: column;
    height: fit-content;
    z-index: 3;
}

.banner__text.align_tl,
.banner__text.align_tc,
.banner__text.align_tr {
    align-self: flex-start;
    padding-top: var(--Pg);
}

.banner__text.align_bl,
.banner__text.align_bc,
.banner__text.align_br {
    align-self: flex-end;
    padding-bottom: var(--Pg);
}

.banner__text.align_tr,
.banner__text.align_br {
    justify-self: flex-end;
    text-align: right;
    align-items: flex-end;
}

.banner__text.align_tc,
.banner__text.align_c,
.banner__text.align_bc {
    text-align: center;
    align-items: center;
}

.banner__text.align_c {
    align-self: center;
}

.banner__text.align_t,
.banner__text.align_c,
.banner__text.align_b {
    grid-column: 2/8;
}

.banner__text.align_t {
    align-self: flex-start;
    padding-top: 3.125rem;
}

main>div:first-child section.banner .banner__text.align_t {
    padding-top: calc(var(--Hh) + 3.125rem);
}

.banner__text.align_c {
    align-self: center;
    align-items: flex-start;
    text-align: left;
}

.banner__text.align_b {
    align-self: flex-end;
    padding-bottom: 3.125rem;
}

.banner__text-bts {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--Pm);
    row-gap: var(--Pm);
}

.banner__text-bts>*:first-child {
    justify-self: center;
}

/* Banner Full */
.banner__slide-full .banner__media {
    grid-column: 1/17;
    grid-row: 1;
}

.banner__slide-full .banner__img {
    height: calc(var(--vh) - var(--Hb));
    width: var(--Wf);
    margin-left: var(--Mg);
    margin-top: calc(-1 * var(--Hh));
    transition: height 0.3s;
}

.banner__slide-full .banner__text.align_tl,
.banner__slide-full .banner__text.align_bl {
    grid-column: 1/10;
}

.banner__slide-full .banner__text.align_tr,
.banner__slide-full .banner__text.align_br {
    grid-column: 7/17;
}

.banner__slide-full .banner__text.align_tc,
.banner__slide-full .banner__text.align_c,
.banner__slide-full .banner__text.align_bc {
    grid-column: 4/14;
}

.banner__slide-full .banner__text>*:not(:last-child) {
    margin-bottom: 1.875rem;
}

main>div:first-child section.banner .banner__slide-full .banner__text.align_tl,
main>div:first-child section.banner .banner__slide-full .banner__text.align_tc,
main>div:first-child section.banner .banner__slide-full .banner__text.align_tr {
    padding-top: calc(var(--Hh) + var(--Pg));
}

/* Banner Half */
.banner__slide-half>* {
    grid-row: 1;
}

.banner__slide-half>* {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-auto-rows: 1;
    column-gap: var(--Pm);
}

.banner__left {
    grid-column: 1/9;
}

.banner__right {
    grid-column: 9/17;
}

.banner__slide-half .banner__media {
    grid-column: 1/9;
    grid-row: 1;
}

.banner__slide-half .banner__img {
    height: calc(var(--vh) - var(--Hb));
    width: calc(100% + var(--Pg) + (var(--Pm) / 2));
    margin-top: calc(-1 * var(--Hh));
    transition: height 0.3s;
}

.banner__left .banner__img {
    margin-left: var(--Mg);
}

.banner__right .banner__img {
    margin-left: calc(-1 * (var(--Pm) / 2));
}

.banner__slide-half .banner__text>*:not(:last-child) {
    margin-bottom: 1.875rem;
}

.banner__slide-half .text-center .banner__text {
    align-items: center;
    text-align: center !important;
}

.banner__slide-half .text-center .banner__text-bts {
    justify-content: center;
}

/* Banner Gallery */
main>div:first-child section.banner .banner .banner__slide-gal {
    margin-top: var(--Hh);
}

.banner__gallery-cont {
    position: relative;
    width: 100%;
    height: 100%;
    grid-row: 1;
}

.banner__gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    column-gap: var(--Pm);
    row-gap: var(--Pg);
}

.banner__slide-gal .banner__text.align_tl,
.banner__slide-gal .banner__text.align_bl {
    grid-column: 1/5;
}

.banner__slide-gal .banner__text.align_tr,
.banner__slide-gal .banner__text.align_br {
    grid-column: 13/17;
}

.banner__slide-gal .banner__text.align_tc,
.banner__slide-gal .banner__text.align_c,
.banner__slide-gal .banner__text.align_bc {
    grid-column: 6/12;
}

.banner__slide-gal .banner__text>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

/* Banner Gallery 1 */
.banner__slide-gal_1 .banner__gallery-cont {
    grid-column: 6/12;
}

.banner__slide-gal_1 .banner__gallery {
    grid-template-columns: repeat(1, 1fr);
}

.banner__slide-gal_1 .banner__img {
    height: var(--Hs);
    padding-bottom: var(--Pg);
}

/* Banner Gallery 2 */
.banner__slide-gal_2 {
    row-gap: var(--Pg);
    grid-auto-rows: 1fr min-content;
    height: fit-content;
}

.banner__slide-gal_2 .banner__gallery-cont {
    grid-column: 4/14;
}

.banner__slide-gal_2 .banner__gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100%;
}

.banner__slide-gal_2 .banner__img {
    height: 100%;
}

.banner__slide-gal_2 .banner__text.align_bl,
.banner__slide-gal_2 .banner__text.align_bc,
.banner__slide-gal_2 .banner__text.align_br {
    grid-row: 2 !important;
}

/* Banner Gallery 6 */
.banner__slide-gal_6 {
    row-gap: var(--Pg);
    grid-auto-rows: 1fr min-content;
    height: fit-content;
}

.banner__slide-gal_6 .banner__gallery-cont {
    grid-column: 4/14;
}

.banner__slide-gal_6 .banner__gallery {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: calc(50% - (var(--Pm) / 2));
}

.banner__slide-gal_6 .banner__img {
    height: 100%;
}

.banner__slide-gal_6 .banner__text.align_bl,
.banner__slide-gal_6 .banner__text.align_bc,
.banner__slide-gal_6 .banner__text.align_br {
    grid-row: 2 !important;
}

/* Media Grid */
.mediagrid {
    padding: 0 var(--Pg);
}

.mediagrid.spacer {
    padding: 5rem var(--Pg);
}

.mediagrid__container {
    grid-column: 1/17;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.mediagrid:not(.gap) .mediagrid__container {
    width: var(--Wf);
    margin-left: var(--Mg);
}

.mediagrid.gap .mediagrid__container {
    gap: var(--Pm);
}

.mediagrid__item {
    position: relative;
    width: 100%;
}

.mediagrid__image .aspectholder {
    width: 100%;
    height: fit-content;
    max-height: 80vh;
    overflow: hidden;
}

.mediagrid__image .aspectholder>* {
    width: 100%;
    height: auto;
    display: block;
}

.mediagrid__caption {
    position: absolute;
    z-index: 2;
}

.mediagrid__caption.theme_light {
    color: var(--bg);
}

.mediagrid__caption.pos_tl {
    top: 1.25rem;
    left: 1.25rem;
}

.mediagrid__caption.pos_tr {
    top: 1.25rem;
    right: 1.25rem;
    text-align: right;
}

.mediagrid__caption.pos_bl {
    bottom: 1.25rem;
    left: 1.25rem;
}

.mediagrid__caption.pos_br {
    bottom: 1.25rem;
    right: 1.25rem;
    text-align: right;
}


/* Single Media Block */
.media-alt_mob {
    display: none;
}

.media {
    padding: 0 var(--Pg);
}

.media.spacer {
    padding: 5rem var(--Pg);
}

.media .aspectholder {
    width: 100%;
    height: fit-content;
    max-height: 80vh;
    overflow: hidden;
}

.media .aspectholder>* {
    width: 100%;
    height: auto;
    display: block;
}

.media.width_full .media__image {
    grid-column: 1/17;
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pg));
}

.media.align_left .media__image {
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pg));
}

.media.align_right .media__image {
    width: calc(100% + var(--Pg));
}

.media.width_12.align_left .media__image {
    grid-column: 1/13;
}

.media.width_8.align_left .media__image {
    grid-column: 1/9;
}

.media.width_4.align_left .media__image {
    grid-column: 1/5;
}

.media.width_12.align_center .media__image {
    grid-column: 3/15;
}

.media.width_8.align_center .media__image {
    grid-column: 5/13;
}

.media.width_4.align_center .media__image {
    grid-column: 6/12;
}

.media.width_12.align_right .media__image {
    grid-column: 5/17;
}

.media.width_8.align_right .media__image {
    grid-column: 9/17;
}

.media.width_4.align_right .media__image {
    grid-column: 13/17;
}

/* Text Icons */
.texticons {
    padding: 5rem var(--Pg);
}

.texticons__container {
    grid-column: 3/15;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--Pm);
}

.texticons__icon {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
}

.texticons__icon .aspectholder {
    width: 45px;
    height: 30px;
}

.texticons__icon .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.texticons__icon .aspectholder svg path {
    stroke: var(--fg);
}

/* Text Block */
.text {
    padding: 5rem var(--Pg);
}

.text__left {
    grid-column: 1/8;
}

.text__right {
    grid-column: 9/16;
}

.text__right>*:not(:last-child) {
    margin-bottom: 2.5rem;
}

/* Hero Block */
.hero {
    padding: 5rem var(--Pg);
    row-gap: 1.875rem;
}

.hero.wide h2,
.hero.wide p {
    grid-column: 2/15;
}

.hero.indent h2,
.hero.indent p {
    grid-column: 4/11;
}

/* Image + Caption Block */
.image-caption {
    padding: 5rem var(--Pg);
}

.image-caption.align_center {
    align-items: center;
}

.image-caption>* {
    height: fit-content;
}

.image-caption.align_start .image-caption__text {
    padding-top: 5.375rem;
}

.image-caption__image .aspectholder {
    width: 100%;
    height: 100%;
}

.image-caption__image .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.image-caption__text {
    display: flex;
    flex-direction: column;
}

.image-caption__text.flex_center {
    align-items: center;
    text-align: center;
}

.image-caption__text.flex_right {
    align-items: flex-end;
    text-align: right;
}

.image-caption__text>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.image-caption.align_left .image-caption__text {
    grid-column: 1/6;
    grid-row: 1;
}

.image-caption.align_left .image-caption__image {
    grid-column: 8/17;
    grid-row: 1;
    width: calc(100% + var(--Pg));
}

.image-caption.align_right .image-caption__text {
    grid-column: 11/16;
    grid-row: 1;
}

.image-caption.align_right .image-caption__image {
    grid-column: 1/10;
    grid-row: 1;
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pg));
}

/* Media Scroller Block */
.media-scroll {
    padding: 0 var(--Pg) 0 var(--Pg);
    margin-top: 7.5rem;
    row-gap: 0;
}

.media-scroll__section {
    grid-column: 1/17;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    column-gap: var(--Pm);
}

.media-scroll__section>* {
    height: fit-content;
}

.media-scroll__image {
    height: 100%;
}

.media-scroll .aspectholder {
    width: 100%;
    height: 100%;
}

.media-scroll .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.media-scroll__text {
    position: sticky;
    top: var(--Hc);
    padding: 5.375rem 0 7.5rem 0;
}

.media-scroll__text>*:not(:last-child) {
    margin-bottom: 3.75rem;
}

.media-scroll__section.align_left .media-scroll__text {
    grid-column: 2/7;
    grid-row: 1;
}

.media-scroll__section.align_left .media-scroll__image {
    grid-column: 8/17;
    grid-row: 1;
    width: calc(100% + var(--Pg));
}

.media-scroll__section.align_right .media-scroll__text {
    grid-column: 11/16;
    grid-row: 1;
}

.media-scroll__section.align_right .media-scroll__image {
    grid-column: 1/10;
    grid-row: 1;
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pg));
}

.media-scroll__block {
    display: flex;
    flex-direction: column;
}

.media-scroll__block>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.media-scroll__block.flex_center {
    align-items: center;
    text-align: center;
}

.media-scroll__block.flex_right {
    align-items: flex-end;
    text-align: right;
}

/* Testimonials Block */
.testimonials {
    padding: 5rem var(--Pg);
    align-items: center;
}

.testimonials>* {
    height: fit-content;
}

.testimonials>*>*:not(:last-child),
.testimonials__container .swiper-wrapper {
    margin-bottom: 2.5rem;
}

.testimonials .aspectholder {
    width: 100%;
    height: 100%;
}

.testimonials .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.testimonials.align_left .testimonials__text {
    grid-column: 2/7;
    grid-row: 1;
}

.testimonials.align_left .testimonials__image {
    grid-column: 8/17;
    grid-row: 1;
}

.testimonials.align_left .testimonials__image .aspectholder {
    width: calc(100% + var(--Pg));
}

.testimonials.align_right .testimonials__text {
    grid-column: 11/16;
    grid-row: 1;
}

.testimonials.align_right .testimonials__image {
    grid-column: 1/10;
    grid-row: 1;
}

.testimonials.align_right .testimonials__image .aspectholder {
    width: calc(100% + var(--Pd));
    margin-left: calc(-1 * var(--Pg));
}

.carousel_review .swiper-pagination {
    position: static;
    text-align: left;
}

.carousel_review .swiper-pagination-bullet {
    width: fit-content;
    height: fit-content;
    border-radius: 0;
    background: none;
    opacity: 0.65;
    transition: all 0.3s;
}

.carousel_review .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
    margin: 0;
    margin-right: var(--Pg);
}

@media(hover: hover) and (pointer: fine) {
    .carousel_review .swiper-pagination-bullet:hover {
        opacity: 1;
    }
}

.carousel_review .swiper-pagination-bullet-active {
    opacity: 1;
    background: none;
}

/* Instagram/Media Grid Block */
.instagram {
    row-gap: 1.875rem;
    padding: 5rem var(--Pg);
}

.instagram__heading {
    grid-column: 2/16;
    justify-self: center;
    text-align: center;
}

.instagram__heading * {
    font: inherit;
}

.instagram__feed {
    grid-column: 1/17;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--Pm);
    row-gap: var(--Pm);
    clear: unset !important;
    margin: 0 !important;
    z-index: 0;
}

#insta-feed h2 {
    grid-column: 1/9;
}

#insta-feed>a {
    width: 100%;
}

#insta-feed .instafeed-container,
.instafeed-shopify .instafeed-container,
.media-grid__item {
    width: 100% !important;
    display: block;
    position: relative;
    padding: 0 !important;
    /* height: 23.75vw; */
    aspect-ratio: 1/1;
    overflow: hidden;
}

.media-grid__item .aspectholder {
    width: 100%;
    height: 100%;
}

#insta-feed img,
.instafeed-shopify img,
.media-grid__item .aspectholder>* {
    position: static;
    margin: 0;
    height: 100% !important;
    width: 100% !important;
    margin: 0;
    display: block;
}

#insta-feed .instafeed-overlay,
.instafeed-shopify .instafeed-overlay {
    height: 100% !important;
    width: 100% !important;
    margin: 0;
}

.media-grid__item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: 0;
    z-index: 2;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .media-grid__item a:hover::after {
        opacity: 0.5;
    }
}

/* Featured Collection Block */
.featured-collection {
    row-gap: 1.875rem;
    padding: 5rem var(--Pg);
}

.featured-collection h2 {
    grid-column: 2/16;
    justify-self: center;
    text-align: center;
}

.featured-collection__container {
    grid-column: 1/17;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--Pm);
    row-gap: var(--Pm);
}

/* Featured Categories Block */
.featured-cat {
    padding: 5rem var(--Pg);
    row-gap: 0;
}

.featured-cat h2 {
    grid-column: 2/16;
    justify-self: center;
    text-align: center;
    z-index: 2;
    margin-bottom: -24px;
}

.featured-cat__container {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
    padding: 0 var(--Pg);
    grid-column: 1/17;
    width: var(--Wf);
    margin-left: calc(-1 * var(--Pg));
    overflow: hidden;
}

.featured-cat__container.layout_m-mob {
    display: none;
}

.featured-cat__container .swiper-slide {
    width: calc((100% - (var(--Pm) * (var(--sCount) - 1))) / var(--sCount));
    position: relative;
    transition: all 0.3s;
}

.featured-cat__container .swiper-slide:not(:last-child) {
    margin-right: var(--Pm);
}

.featured-cat__container a {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
    position: relative;
}

.featured-cat__container:not(.layout_stack) a::after {
    content: "";
    position: absolute;
    bottom: 0.75rem;
    left: 1.25rem;
    width: 100%;
    max-width: 0;
    border-bottom: 1.2px solid;
    overflow: hidden;
    z-index: 3;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .featured-cat__container:not(.layout_stack) .swiper-slide:hover a::after {
        max-width: calc(100% - 2.5rem);
    }
}

.featured-cat__container:not(.layout_stack) a h3 {
    position: absolute;
    bottom: 0.75rem;
    left: 1.25rem;
    max-width: calc(100% - 2.5rem);
    text-align: right;
    z-index: 3;
}

.featured-cat__container a h3 {
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
}

.featured-cat__container.layout_stack a h3 {
    position: relative;
    padding-bottom: 0.25rem;
    row-gap: 0.125rem;
}

.featured-cat__container.layout_stack a h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    border-bottom: 1px solid;
    /* opacity: 0; */
    pointer-events: none;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .featured-cat__container.layout_stack a:hover h3::after {
        width: 100%;
        opacity: 1;
    }
}

.featured-cat__image {
    width: 100%;
    aspect-ratio: 340/420;
    overflow: hidden;
    position: relative;
}

.featured-cat__image .aspectholder {
    width: 100%;
    height: 100%;
}

.featured-cat__image .aspectholder>* {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-cat__image .aspectholder:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .featured-cat__image .swiper-slide:hover .aspectholder:nth-of-type(2) {
        opacity: 1;
    }
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: none;
    display: none;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background: none !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
    padding-right: calc(var(--Pg) + 1.25rem);
    padding-left: var(--Ph);
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
    padding-left: calc(var(--Pg) + 1.25rem);
    padding-right: var(--Ph);
}

.swiper-button-next,
.swiper-button-prev {
    display: flex;
    position: absolute;
    top: 0;
    /* transform: translateY(-50%); */
    /* bottom: 1.25rem; */
    height: 100%;
    margin-top: 0;
    width: fit-content;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 21px;
    height: 37px;
}

.swiper-button-next svg path,
.swiper-button-prev svg path {
    fill: var(--fg);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.carousel_btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 2.375rem;
}

.carousel_btns .swiper-button-next,
.carousel_btns .swiper-button-prev {
    position: static;
    top: unset;
    height: fit-content;
}

.carousel_btns .swiper-button-next svg,
.carousel_btns .swiper-button-prev svg {
    width: 13px;
    height: 23px;
}

.carousel_btns .swiper-button-next,
.carousel_btns .swiper-container-rtl .swiper-button-prev {
    padding-right: 0;
    padding-left: 0;
}

.carousel_btns .swiper-button-prev,
.carousel_btns .swiper-container-rtl .swiper-button-next {
    padding-left: 0;
    padding-right: 0;
}

/* List Block */

.list {
    padding: 5rem var(--Pg);
    row-gap: 1.875rem;
}

.list__heading {
    grid-column: 4/11;
}

.list__heading>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.list__container {
    grid-column: 2/17;
}

.list__container>*:not(:last-child) {
    margin-bottom: 5rem;
}

.list__container li {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    column-gap: var(--Pm);
    position: relative;
}

.list__container .aspectholder {
    width: 100%;
}

.list__container .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

.list__icon {
    grid-column: 1/3;
    width: 50%;
    margin: 0 auto;
}

.list__text {
    grid-column: 3/7;
}

.list__container li {
    transition: all 0.3s;
}

.list__container.grey li:not(.none),
.list__container.ov li:not(.def) {
    opacity: 0.5;
}

.list__container.ov li.def {
    opacity: 1 !important;
}

.list__text>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.list__image {
    grid-column: 9/16;
    transition: all 0.3s;
    position: relative;
}

.list__container.grey li:not(.none) .list__image,
.list__container.ov li:not(.dev) .list__image {
    opacity: 0;
    visibility: hidden;
}

.list__container.ov li.def .list__image {
    opacity: 1 !important;
    visibility: visible !important;
}


.list__image .aspectholder {
    position: absolute;
    top: 0;
    right: 0;
}

@media(hover: hover) and (pointer: fine) {
    .list__text:hover+.list__image {
        opacity: 1;
        visibility: visible;
    }
}

.list__container.grey li .list__image {
    opacity: 1;
    visibility: visible;
}

/* Comparison Block */
.comparison {
    row-gap: 3.75rem;
    padding: 5rem var(--Pg);
}

.comparison h2 {
    grid-column: 2/16;
    justify-self: center;
    text-align: center;
}

.comparison__container {
    grid-column: 3/15;
    display: flex;
    flex-direction: column;
}

.comparison__container li {
    display: grid;
    grid-template-columns: 2fr repeat(var(--cSize), 1fr);
    grid-auto-rows: 1fr;
    border-bottom: 1px solid;
}

.comparison__line-head {
    display: flex;
    align-items: center;
    padding: 0.625rem;
    height: 100%;
    min-height: 58px;
}

.comparison__line-column {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem;
    height: 100%;
    min-height: 58px;
}

.comparison__line-header>* {
    padding-top: 0 !important;
}

.comparison__container li:not(.comparison__line-header) .comparison__line-cell:not(:last-child) {
    border-right: 1px solid;
}

.comparison__line-cell.active {
    background-color: var(--fg);
}

.comparison__line-header p {
    text-align: center;
}

.comparison__line-header svg {
    display: block;
    width: 70px;
    height: auto;
}

.comparison__container li:not(.comparison__line-header) .comparison__line-column svg {
    display: block;
    height: 15px;
    width: auto;
}


/* Materials Block */
.materials {
    row-gap: 3.75rem;
    padding: 5rem var(--Pg)
}

.materials h2 {
    grid-column: 2/16;
    justify-self: center;
    text-align: center;
}

.materials__container {
    grid-column: 1/17;
    display: flex;
    align-items: center;
    justify-content: space-around;
    column-gap: var(--Pm);
    row-gap: 3.75rem;
    padding: 0 1.875rem;
}

.materials__item {
    display: flex;
    align-items: center;
    column-gap: var(--Pm);
    column-gap: 1.5rem;
    width: calc((100% - (var(--Pm) * 4)) / 3);
}

.materials__item .aspectholder {
    flex-shrink: 0;
    width: 88px;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.materials__item .aspectholder>* {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.materials__text {
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
}

/* Related Products Block */
.related-products {
    row-gap: var(--Pm);
    padding: 5rem var(--Pg);
}

.related-products h2 {
    grid-column: 2/16;
    justify-self: center;
    text-align: center;
}

.related-products__container {
    grid-column: 1/17;
}

.related-products__container ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--Pm);
    row-gap: var(--Pm);
}

/* Accordion Block */
.accordion {
    padding: 5rem var(--Pg);
}

.accordion__heading {
    grid-column: 1/5;
    padding-left: 1.875rem;
}

.accordion__list {
    grid-column: 6/17;
    padding-right: 1.875rem;
}

/* Media Carousel Block */
.mediacar {
    grid-auto-rows: 1fr min-content;
    row-gap: 2.5rem;
    padding: 5rem var(--Pg) 2.5rem;
}

.mediacar__heading {
    grid-column: 1/6;
    grid-row: 1;
    margin-top: -2.5rem;
}

.mediacar__container {
    grid-column: 4/17;
    grid-row: 1/3;
    width: 100%;
    padding-right: var(--Pg);
    overflow: hidden;
}

.mediacar__btns {
    grid-column: 1/5;
    grid-row: 2;
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
}

.mediacar__btns-inner {
    display: none !important;
}

.mediacar__btns .swiper-button-next.swiper-button-disabled,
.mediacar__btns .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    visibility: visible;
}

.mediacar__btns .swiper-button-next,
.mediacar__btns .swiper-button-prev {
    position: static;
    top: unset;
    padding: 0 !important;
}

.mediacar__btns .swiper-button-prev,
.mediacar__btns .swiper-container-rtl .swiper-button-next {
    left: unset;
}

.mediacar__btns .swiper-button-next,
.mediacar__btns .swiper-container-rtl .swiper-button-prev {
    right: unset;
}

.mediacar__btns button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--bg) !important;
}

.mediacar__btns button svg {
    display: block;
    width: 16px;
    height: auto;
}

.mediacar__btns button svg path {
    fill: var(--fg);
}

.mediacar__container .swiper-slide {
    width: calc(((100vw - var(--Pd) - (15 * var(--Pm))) / 16) * 4 + (3 * var(--Pm)));
}

.mediacar__container .swiper-slide:not(:last-child) {
    margin-right: var(--Pm);
}

.mediacar__container-item {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 100%;
}

.mediacar__container-item .aspectholder {
    width: 100%;
    aspect-ratio: 18/21;
    overflow: hidden;
}

.mediacar__container-item .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mediacar__container-item .richtext {
    text-align: center;
}

/* Okendo Reviews Block */
.okreviews {
    row-gap: 1.875rem;
    padding: 5rem var(--Pg);
}

.okreviews section {
    display: block;
}

.okreviews.style_carousel>h2 {
    grid-column: 1/5;
    grid-row: 1;
}

.okreviews.style_carousel .okreviews__container {
    grid-column: 1/17;
    grid-row: 1;
}

.okreviews.style_product>h2 {
    grid-column: 2/16;
    justify-self: center;
    text-align: center;
}

.okreviews.style_product .okreviews__container {
    grid-column: 2/16;
}

[data-oke-widget] .okeReviews.oke-w[data-oke-container] {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

div.okeReviews.oke-w .oke-is-large .oke-w-controls-nav {
    display: none !important;
}

.okeReviews[data-oke-container] .oke-reviewCarousel-reviews-review,
div.okeReviews .oke-reviewCarousel-reviews-review {
    width: 30.3333% !important;
}

.okeReviews[data-oke-container] .oke-flag-image,
div.okeReviews .oke-flag-image {
    display: none !important;
}

.okeReviews[data-oke-container] .oke-reviewCard,
div.okeReviews .oke-reviewCard {
    border: none !important;
    background-color: var(--grey);
    padding: 1.875rem !important;
}

.okeReviews[data-oke-container] .oke-reviewCard *,
div.okeReviews .oke-reviewCard * {
    color: var(--fg) !important;
    font-size: var(--Fb) !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
}

.okeReviews[data-oke-container] .oke-reviewCard--below .oke-reviewCard-head,
div.okeReviews .oke-reviewCard--below .oke-reviewCard-head {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    row-gap: 2.5rem !important;
    border-top: none !important;
}

.okeReviews[data-oke-container] .oke-reviewCard .oke-w-review-footer .oke-helpful,
div.okeReviews .oke-reviewCard .oke-w-review-footer .oke-helpful {
    display: none !important;
}

.okeReviews[data-oke-container] .oke-reviewContent-title,
div.okeReviews .oke-reviewContent-title {
    margin-top: 1.25rem !important;
}

.okeReviews[data-oke-container] .oke-reviewContent-body,
.okeReviews[data-oke-container] .oke-reviewContent-title,
div.okeReviews .oke-reviewContent-body,
div.okeReviews .oke-reviewContent-title,
.okeReviews[data-oke-container] .oke-reviewContent-readMore,
div.okeReviews .oke-reviewContent-readMore {
    margin-top: 0.625rem !important;
}

.okeReviews[data-oke-container] .oke-reviewContent-readMore,
div.okeReviews .oke-reviewContent-readMore {
    transition: all 0.3s;
}

.okeReviews[data-oke-container] .oke-reviewContent-readMore:hover,
div.okeReviews .oke-reviewContent-readMore:hover {
    opacity: 0.5;
}

.okeReviews[data-oke-container] .oke-reviewContent-readMore span,
div.okeReviews .oke-reviewContent-readMore span {
    font-size: var(--F14) !important;
}

.okeReviews[data-oke-container] .oke-reviewCard-attributes,
.okeReviews[data-oke-container] .oke-reviewCard-content,
.okeReviews[data-oke-container] .oke-reviewCard-media,
div.okeReviews .oke-reviewCard-attributes,
div.okeReviews .oke-reviewCard-content,
div.okeReviews .oke-reviewCard-media {
    margin-bottom: 1.25rem !important;
}

.okeReviews[data-oke-container] .oke-w-reviewer--attributes .oke-w-reviewer-verified,
.okeReviews[data-oke-container] .oke-w-reviewer--minimal .oke-w-reviewer-verified,
div.okeReviews .oke-w-reviewer--attributes .oke-w-reviewer-verified,
div.okeReviews .oke-w-reviewer--minimal .oke-w-reviewer-verified {
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 0.25rem;
    font-size: var(--F14) !important;
    line-height: 1 !important;
    margin-top: 0.125rem !important;
}

.okeReviews[data-oke-container] .oke-w-reviewer-verified-icon:before,
div.okeReviews .oke-w-reviewer-verified-icon:before {
    color: var(--darkGrey) !important;
    font-size: var(--F14) !important;
    width: var(--F14) !important;
    height: var(--F14) !important;
    margin-left: 0 !important;
}

.oke-product {
    display: grid !important;
    grid-template-columns: 50px 1fr min-content;
    column-gap: 0.75rem;
}

.oke-product::after {
    content: "";
    display: block;
    width: 20px;
    height: 7px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.9841 0.592247L22.1661 3.77423C22.3613 3.96949 22.3613 4.28607 22.1661 4.48133L18.9841 7.66332C18.7888 7.85858 18.4722 7.85858 18.277 7.66332C18.0817 7.46805 18.0817 7.15147 18.277 6.95621L20.6054 4.62778H0.8125V3.62778H20.6054L18.277 1.29935C18.0817 1.10409 18.0817 0.78751 18.277 0.592247C18.4722 0.396985 18.7888 0.396985 18.9841 0.592247Z" fill="%23464242"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
}

.oke-product-thumbnail {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    margin-right: 0 !important;
}

.oke-product-thumbnail-image {
    border: none !important;
}

.oke-product-details-title {
    display: none !important;
}

.oke-product-details-name::before {
    content: "Shop ";
}

.okeReviews[data-oke-container] .oke-reviewCarousel-slider,
div.okeReviews .oke-reviewCarousel-slider {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    column-gap: var(--Pm);
}

.okeReviews[data-oke-container] .oke-reviewCarousel-next,
.okeReviews[data-oke-container] .oke-reviewCarousel-prev,
div.okeReviews .oke-reviewCarousel-next,
div.okeReviews .oke-reviewCarousel-prev {
    top: unset !important;
}

.okeReviews[data-oke-container] .oke-reviewCarousel-reviews,
div.okeReviews .oke-reviewCarousel-reviews {
    grid-column: 5/17;
    width: var(--Wg) !important;
}

.okeReviews[data-oke-container] .oke-prevNextButton,
div.okeReviews .oke-prevNextButton {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--grey);
    padding: 0 !important;
    border-radius: 50%;
    transition: all 0.3s;
}

.okeReviews[data-oke-container] .oke-prevNextButton:hover,
div.okeReviews .oke-prevNextButton:hover {
    opacity: 0.5;
}

.okeReviews[data-oke-container] .oke-reviewCarousel-next,
div.okeReviews .oke-reviewCarousel-next {
    right: unset !important;
    left: 58px;
}

.okeReviews[data-oke-container] .oke-prevNextButton-icon,
div.okeReviews .oke-prevNextButton-icon {
    width: 14px !important;
    height: 14px !important;
    transform: none !important;
}

.okeReviews[data-oke-container] .oke-prevNextButton--next .oke-prevNextButton-icon:before,
div.okeReviews .oke-prevNextButton--next .oke-prevNextButton-icon:before,
.okeReviews[data-oke-container] .oke-prevNextButton--prev .oke-prevNextButton-icon:before,
div.okeReviews .oke-prevNextButton--prev .oke-prevNextButton-icon:before {
    content: "" !important;
    display: block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px;
}

.okeReviews[data-oke-container] .oke-prevNextButton--prev .oke-prevNextButton-icon:before,
div.okeReviews .oke-prevNextButton--prev .oke-prevNextButton-icon:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.01924 14.8536C7.82398 15.0488 7.5074 15.0488 7.31214 14.8536L0.312135 7.85356C0.218367 7.75979 0.165689 7.63261 0.165689 7.5C0.165689 7.36739 0.218367 7.24022 0.312135 7.14645L7.31213 0.146448C7.5074 -0.0488141 7.82398 -0.0488141 8.01924 0.146448C8.2145 0.34171 8.2145 0.658292 8.01924 0.853554L1.8728 7L15.249 7C15.5252 7 15.749 7.22386 15.749 7.5C15.749 7.77614 15.5252 8 15.249 8L1.8728 8L8.01924 14.1464C8.21451 14.3417 8.21451 14.6583 8.01924 14.8536Z" fill="%23464242"/></svg>');
}

.okeReviews[data-oke-container] .oke-prevNextButton--next .oke-prevNextButton-icon:before,
div.okeReviews .oke-prevNextButton--next .oke-prevNextButton-icon:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.89531 0.146447C8.09057 -0.0488155 8.40715 -0.0488155 8.60242 0.146447L15.6024 7.14645C15.6962 7.24021 15.7489 7.36739 15.7489 7.5C15.7489 7.63261 15.6962 7.75979 15.6024 7.85355L8.60242 14.8536C8.40715 15.0488 8.09057 15.0488 7.89531 14.8536C7.70005 14.6583 7.70005 14.3417 7.89531 14.1464L14.0418 8H0.665527C0.389385 8 0.165527 7.77614 0.165527 7.5C0.165527 7.22386 0.389385 7 0.665527 7H14.0418L7.89531 0.853553C7.70005 0.658291 7.70005 0.341709 7.89531 0.146447Z" fill="%23464242"/></svg>');
}

.okeReviews[data-oke-container] .oke-w-review-side,
div.okeReviews .oke-w-review-side {
    background-color: var(--grey) !important;
    border: none !important;
}

.okeReviews[data-oke-container] .oke-w-review-footer,
div.okeReviews .oke-w-review-footer {
    align-items: flex-start !important;
    text-align: left !important;
}

.oke-w-header,
.okeReviews[data-oke-container].oke-w .oke-w-controls-nav,
div.okeReviews.oke-w .oke-w-controls-nav {
    display: none !important;
}

.okeReviews[data-oke-container] .oke-reviewCarousel,
div.okeReviews .oke-reviewCarousel {
    max-width: unset !important;
}


/* Pages */

/* Collection Page */
.collection {
    row-gap: 3.75rem;
    padding: 2.5rem var(--Pg) 5rem var(--Pg) !important;
}

.collection__heading {
    grid-column: 1/17;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--Pm);
}

.collection__heading-points {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.875rem;
    row-gap: 0.875rem;
}

.collection__heading-points li {
    display: flex;
    align-items: center;
    column-gap: 0.25rem;
}

.collection__heading-points li svg {
    display: block;
    width: 14px;
    height: auto;
}

.collection__categories {
    grid-column: 1/17;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2.5rem;
    position: sticky;
    top: calc(var(--Hc) - 1px);
    left: 0;
    width: var(--Wf);
    height: fit-content;
    margin-left: var(--Mg);
    margin-top: -1rem;
    margin-bottom: 1rem;
    padding: 1rem var(--Pg);
    background-color: var(--bg);
    z-index: 4;
}

.collection__categories-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 2.25rem;
    row-gap: 0.5rem;
}

.collection__categories-nav>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.375rem;
}

.collection__categories-nav>a .aspectholder {
    width: 60px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
}

.collection__categories-nav>a.active .aspectholder {
    outline: 2px solid;
}

.collection__categories-nav>a .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection__categories-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 1rem;
}

.collection__categories-sort {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.625rem;
    padding: 0.75rem 1.125rem;
    border: 1px solid var(--lightGrey);
}

.collection__categories-sort svg {
    display: block;
    width: 15px;
    height: auto;
}

.collection__container-outer {
    grid-column: 1/17;
    display: flex;
    flex-direction: column;
    row-gap: 0.875rem;
}

.collection__container-outer>p {
    display: none;
}

.collection__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--Pm);
    row-gap: 3.75rem;
}

.collection__review {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 1.875rem;
    padding: 1.5rem 3.75rem;
    width: 100%;
    aspect-ratio: 704/420;
    background-color: var(--midGrey);
    text-align: center;
    overflow: hidden;
}

.collection__review-rating {
    display: flex;
    align-items: center;
}

.collection__review-rating svg {
    display: block;
    width: 16px;
    height: auto;
}

.collection__review-reviewer {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;
}

.collection__review-reviewer svg {
    display: block;
    width: 14px;
    height: auto;
}

.collection__filters-list {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2.5rem;
}

.collection__filters-upper {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    padding: 1.5rem var(--Pg);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: none;
}

.collection__filters-upper::-webkit-scrollbar {
    display: none;
}

.collection__filters-item:not(:last-child) {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--lightGrey);
}

.collection__filters-item.collection__filters-item_solo:empty {
    display: none !important;
}

.collection__filters-item.collection__filters-item_solo:not(:last-child) {
    padding-bottom: 1.25rem;
}

.collection__filters-item summary p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.5rem;
    width: 100%;
    padding: 0.625rem 0;
}

.collection__filters-item summary p svg {
    display: block;
    width: 10px;
    height: auto;
    transition: all 0.3s;
}

.collection__filters-item details[open] summary p svg {
    transform: rotate(-180deg);
}

.collection__filters-inner {
    display: flex;
    flex-direction: column;
    row-gap: 0.875rem;
}

.collection__filters-item details .collection__filters-inner {
    margin: 0.5rem 0 0.75rem 0;
}

.collection__filter-input {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    column-gap: 0.625rem;
    position: relative;
    width: fit-content;
}

.collection__filter-input::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid;
    transition: all 0.3s;
}

.collection__filter-input.active::before {
    background-color: var(--fg);
}

.collection__filter-input::after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.835 0.780461C13.1279 1.07335 13.1279 1.54823 12.835 1.84112L4.83502 9.84112C4.54212 10.134 4.06725 10.134 3.77436 9.84112L0.274357 6.34112C-0.0185358 6.04823 -0.0185358 5.57335 0.274357 5.28046C0.567251 4.98757 1.04212 4.98757 1.33502 5.28046L4.30469 8.25013L11.7744 0.780461C12.0673 0.487568 12.5421 0.487568 12.835 0.780461Z" fill="white"/></svg>');
    position: absolute;
    width: 13px;
    height: 10px;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.collection__filter-input.active::after {
    opacity: 1;
    visibility: visible;
}

.collection__filter-input input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 3;
}

.collection__filters-submit {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    padding: 1.25rem var(--Pg) 1.25rem var(--Pg);
    background-color: var(--bg);
    border-top: 1px solid var(--lightGrey);
    z-index: 2;
}

.collection__filters-sort {
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
}

.collection__filters-sort label {
    white-space: nowrap;
}

.collection__filters-sort select {
    border: 1px solid var(--lightGrey);
    padding: 0.625rem 0.75rem;
}

.collection__filters-buttons {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.collection__filters-buttons .button_black,
.collection__filters-buttons .button_white {
    width: 100%;
    min-width: unset;
}

/* Product Page */
.product {
    grid-auto-rows: min-content;
    padding-bottom: 5rem;
}

.product__upper-app #product-klarna::part(osm-container) {
    font-family: 'America', 'Helvetica', sans-serif;
    text-align: left;
    padding: 0.25rem 0 0 0;
    color: var(--fg);
    background-color: transparent;
    border: none;
    font-weight: normal;
    line-height: 1.2;
}

.product__upper-app #product-klarna::part(osm-cta) {
    visibility: hidden;
}

.product__upper-app #product-klarna::part(osm-cta)::before {
    content: "";
    display: inline-block;
    visibility: visible;
    background-size: 23px;
    height: 18px;
    width: 18px;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M11.995 15.22C12.0817 15.2187 12.1673 15.2003 12.2468 15.1659C12.3264 15.1315 12.3984 15.0818 12.4588 15.0196C12.5192 14.9574 12.5667 14.8839 12.5986 14.8033C12.6306 14.7227 12.6463 14.6366 12.645 14.55L12.645 11.55C12.6564 11.4585 12.6483 11.3657 12.6211 11.2777C12.5939 11.1896 12.5483 11.1084 12.4873 11.0393C12.4263 10.9702 12.3513 10.9149 12.2673 10.877C12.1833 10.8391 12.0922 10.8195 12 10.8195C11.9079 10.8195 11.8168 10.8391 11.7328 10.877C11.6488 10.9149 11.5738 10.9702 11.5128 11.0393C11.4518 11.1084 11.4062 11.1896 11.379 11.2777C11.3518 11.3657 11.3436 11.4585 11.355 11.55L11.355 14.55C11.3523 14.7233 11.4179 14.8908 11.5377 15.0162C11.6574 15.1415 11.8217 15.2147 11.995 15.22Z' fill='currentColor' /%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M12.01 9.00007C11.8786 8.9981 11.7496 9.03537 11.6396 9.10713C11.5295 9.17888 11.4434 9.28185 11.3922 9.40285C11.341 9.52385 11.3271 9.65737 11.3522 9.78632C11.3774 9.91528 11.4404 10.0338 11.5333 10.1267C11.6262 10.2196 11.7448 10.2827 11.8737 10.3078C12.0027 10.3329 12.1362 10.319 12.2572 10.2678C12.3782 10.2167 12.4811 10.1305 12.5529 10.0205C12.6247 9.91041 12.6619 9.78144 12.66 9.65007C12.66 9.47768 12.5915 9.31235 12.4696 9.19046C12.3477 9.06856 12.1823 9.00007 12.01 9.00007Z' fill='currentColor' /%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M12 6C10.8133 6 9.65328 6.35189 8.66658 7.01118C7.67989 7.67047 6.91085 8.60754 6.45673 9.7039C6.0026 10.8003 5.88378 12.0067 6.11529 13.1705C6.3468 14.3344 6.91825 15.4035 7.75736 16.2426C8.59648 17.0818 9.66558 17.6532 10.8295 17.8847C11.9933 18.1162 13.1997 17.9974 14.2961 17.5433C15.3925 17.0892 16.3295 16.3201 16.9888 15.3334C17.6481 14.3467 18 13.1867 18 12C18 10.4087 17.3679 8.88258 16.2426 7.75736C15.1174 6.63214 13.5913 6 12 6V6ZM12.22 17C11.2272 17.0435 10.2439 16.7902 9.39573 16.2724C8.54754 15.7545 7.87289 14.9957 7.45791 14.0927C7.04293 13.1897 6.90644 12.1836 7.06586 11.2027C7.22528 10.2218 7.67338 9.31064 8.35297 8.58556C9.03255 7.86048 9.91279 7.35436 10.8813 7.1318C11.8498 6.90924 12.8627 6.98034 13.7907 7.33602C14.7186 7.6917 15.5195 8.31583 16.0911 9.12873C16.6628 9.94164 16.9792 10.9064 17 11.9C17.0275 13.2044 16.544 14.4678 15.6528 15.4207C14.7616 16.3735 13.5333 16.9403 12.23 17H12.22Z' fill='currentColor' /%3E%3C/svg%3E%0A");
    background-position: top right;
    margin-top: -5px;
    margin-right: -5px;
}

.product__carousel {
    display: none;
}

.product__gallery {
    grid-column: 1/10;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: min-content;
    gap: 0.625rem;
    width: var(--Wg);
    margin-left: var(--Mg);
}


.product__gallery-item:first-child { grid-column: auto; }


.product__gallery-item.is-hero { grid-column: span 2; }

.product__gallery-item {
    display: flex;
    position: relative;
    width: 100%;
    cursor: zoom-in;
}

.product__gallery-item .card__badges {
    top: 1.25rem;
    left: 1.25rem;
}

.product__gallery-item .aspectholder {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.product__gallery-item .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__gallery-plus {
    position: absolute;
    bottom: 1.625rem;
    right: 1.625rem;
    width: 30px;
    height: 30px;
    z-index: 2;
    transition: all 0.3s;
    display: none;
    pointer-events: none;
}

.product__gallery-plus svg {
    display: block;
    width: 100%;
    height: 100%;
}

.product__lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: var(--vh);
    background-color: var(--bg);
    opacity: 0;
    visibility: hidden;
    z-index: 40;
    transition: all 0.3s;
}

.product__lightbox.active {
    opacity: 1;
    visibility: visible;
}

.product__lightbox-button {
    position: absolute;
    top: var(--Pg);
    right: var(--Pg);
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    transition: all 0.3s;
    z-index: 11;
}

.product__lightbox-button svg {
    display: block;
    width: 100%;
    height: 100%;
}

.product__lightbox .swiper-button-next,
.product__lightbox .swiper-button-prev {
    top: 50%;
    width: fit-content;
    height: fit-content;
    transform: translateY(-50%);
    padding: 0;
}

.product__lightbox .swiper-button-prev {
    left: var(--Pg);
}

.product__lightbox .swiper-button-next {
    right: var(--Pg);
}

.product__lightbox .carousel_lightbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product__feature-img {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    padding: var(--Pg) var(--Pg);
}

wc-pan-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.product__feature-img.active wc-pan-box {
    opacity: 1;
    visibility: visible;
}

.product__feature-preview {
    width: 100%;
    height: 100%;
    cursor: zoom-in;
}

.product__feature-preview .aspectholder {
    width: 100%;
    height: 100%;
}

.product__feature-preview .aspectholder>* {
    width: 100%;
    height: 100%;
    /* display: block; */
    object-fit: contain;
}

.product__feature .swiper-slide button {
    position: absolute;
    bottom: 1.625rem;
    right: 1.625rem;
    z-index: 11;
    width: 30px;
    height: 30px;
    transition: all 0.3s;
}

.product__feature .swiper-slide button svg {
    display: block;
    width: 100%;
    height: 100%;
}

.product__feature .aspectholder {
    width: 100%;
    height: 100%;
}

.product__feature .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.product .swiper-container-horizontal>.swiper-pagination-bullets,
.product .swiper-pagination-custom,
.product .swiper-pagination-fraction {
    bottom: 1.625rem;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
}

.product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1.5px;
}

.product .swiper-pagination-bullet {
    border: 0.5px solid var(--fg);
    opacity: 1;
    background: transparent;
    transition: background 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .product .swiper-pagination-bullet:hover {
        background: var(--fg);
    }
}

.product .swiper-pagination-bullet-active {
    background: var(--fg);
}

.product__info {
    grid-column: 10/17;
    display: flex;
    flex-direction: column;
    row-gap: 1.565rem;
    /* position: sticky;
    top: var(--Hh); */
    height: fit-content;
    padding: 1.875rem 1.875rem;
}

.product__upper {
    display: flex;
    flex-direction: column;
    row-gap: 0.875rem;
}

.product__upper-app * {
    font-size: var(--F14) !important;
    line-height: 1;
}

.product__upper-app svg path {
    fill: var(--yellow);
}

.oke-sr:empty {
    display: none;
}

.oke-sr-stars {
    margin-right: 0.375rem !important;
}

.oke-stars svg {
    height: 14px;
}

.spr-starrating {
    justify-content: flex-start !important;
}

.product__upper-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: 1rem;
}

.product__upper-price {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.product__upper-engraving {
    margin-top: -0.5rem;
}

.product__variants {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
}

.product__variants-variant {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
    order: 3;
}

.product__variants-variant[data-opt="Ring Size"] { order: -1; }
.product__variants-variant[data-opt="Stone"]     { order: 0; }

.product__variants-variant ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.product__variant {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.625rem;
    position: relative;
    width: fit-content;
    height: 42px;
    min-width: 58px;
    text-align: center;
    padding: 0.375rem;
    border: 1px solid var(--lightGrey);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s;
}

.product__variant-swatch {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--lightGrey);
}

.product__variant-swatch .aspectholder {
    width: 100%;
    height: 100%;
}

.product__variant-swatch .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__variant.sold {
    opacity: 0.2;
}

.product__variant.active {
    border-color: var(--fg);
    background-color: var(--grey);
}

.product__variant input {
    appearance: radio;
    -webkit-appearance: radio;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.product__variants-engraving button {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    column-gap: 0.625rem;
    position: relative;
    width: fit-content;
}

.product__variants-engraving button::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid;
    transition: all 0.3s;
}

.product__variants-engraving button.active::before {
    background-color: var(--fg);
}

.product__variants-engraving button::after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.835 0.780461C13.1279 1.07335 13.1279 1.54823 12.835 1.84112L4.83502 9.84112C4.54212 10.134 4.06725 10.134 3.77436 9.84112L0.274357 6.34112C-0.0185358 6.04823 -0.0185358 5.57335 0.274357 5.28046C0.567251 4.98757 1.04212 4.98757 1.33502 5.28046L4.30469 8.25013L11.7744 0.780461C12.0673 0.487568 12.5421 0.487568 12.835 0.780461Z" fill="white"/></svg>');
    position: absolute;
    width: 13px;
    height: 10px;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.product__variants-engraving button.active::after {
    opacity: 1;
    visibility: visible;
}

.product__variants-engraving_outer {
    display: none;
    flex-direction: column;
    row-gap: 0.375rem;
}

.product__variants-engraving_outer.active {
    display: flex;
}

.product__variants-engraving input {
    width: 100%;
    border: 1px solid var(--lightGrey);
    padding: 1rem;
}

.product__variants-engraving input::placeholder {
    opacity: 0.65;
}

.product__form {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}

.product__form-stock {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;
}

.product__form:not(.available) .product__form-stock {
    display: none;
}

.product__form-stock::before {
    content: "";
    width: 11px;
    height: 11px;
    background-color: var(--green);
    border-radius: 50%;
    overflow: hidden;
}

.product__form-stock.product__form-mto::before {
    background-color: var(--gold);
}

.product__buttons>* {
    width: 100%;
}

.product__errors:empty {
    display: none;
}

.product__btn-sold {
    cursor: default;
}

.product__btn-avail,
.product__form.available .product__btn-sold {
    display: none;
}

.product__form.available .product__btn-avail {
    display: flex;
}

.product__form-dates {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.875rem;
    background-color: var(--midGrey);
}

.product__form:not(.available) .product__form-dates {
    display: none;
}

.product__metafields {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
}

.product__metafields>* {
    border-bottom: 1px solid var(--lightGrey);
}

.product__metafields>:first-child {
    border-top: 1px solid var(--lightGrey);
}

.product__metafields-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
    width: 100%;
    padding: 1.5rem 0;
}

.product__metafields details summary svg {
    transform: rotate(-45deg);
    transition: all 0.3s;
}

.product__metafields details>div {
    margin-bottom: 1.5rem;
}

.product__metafields-header svg {
    display: block;
    width: 11px;
    height: auto;
}
.save-tag {
    border: 0.5px solid #464242;
    background: #F5F3EF;
    font-size: var(--F12);
    font-weight: 400;
    font-family: 'America';
    line-height: 140%;
    padding: 1px 4px;
}
.product__metafields-header svg line {
    stroke: var(--fg);
}

.product__metafields-header svg path {
    fill: var(--fg);
}

.product__pairings {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
    width: var(--Wg);
    overflow: hidden;
    /* MZ - Added after dynamic variant switcher */
}
.product__pairings>div {
    display: flex;
    gap: 12px;
    flex-direction: column;
}

.product__pairings>p {
    padding-right: var(--Pg);
}

.product__pairings-items {
    width: 100%;
    padding-right: var(--Pg);
    overflow: hidden;
}

.product__pairings-item {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 200px !important;
    padding: 0.625rem;
    border: 1px solid var(--lightGrey);
    overflow: hidden;
}

.product__pairings-item:not(:last-child) {
    margin-right: 1.25rem;
}

.product__pairings-item .aspectholder {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.product__pairings-item .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__pairings-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 1.125rem;
}

.product__pairings-inner>* {
    display: flex;
    flex-direction: column;
    row-gap: 1.125rem;
}

.product__pairings-inner .okeReviews span {
    font-size: var(--F14) !important;
    line-height: 1.2 !important;
}

.product__pairings-inner .okeReviews .oke-sr-count-number::before {
    content: "(";
}

.product__pairings-inner .okeReviews .oke-sr-count-number::after {
    content: ")";
}

.product__pairings-inner .okeReviews .oke-sr-label-text {
    display: none !important;
}

.product__pairings-price {
    display: flex;
    column-gap: 0.375rem;
/*     align-items: center; */
}

.product__pairings-variants {
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
}

.product__pairings-variants ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product__pairings-variants ul::-webkit-scrollbar {
    display: none;
}

.product__pairings-variant {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: fit-content;
    height: 24px;
    min-width: 24px;
    text-align: center;
    padding: 0.25rem;
    border: 1px solid var(--lightGrey);
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s;
}

.product__pairings-variant.sold {
    opacity: 0.2;
}

.product__pairings-variant.active {
    border-color: var(--fg);
    background-color: var(--grey);
}

.product__pairings-variant input {
    appearance: radio;
    -webkit-appearance: radio;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.product__pairings-items .button_black,
.product__pairings-items .button_white {
    min-width: unset;
    padding: 0.625rem;
}

.product__popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: var(--vh);
    z-index: 20;
    visibility: hidden;
    transition: all 0.1s 0.3s, background-color 0.5s;
    display: block;
}

.product__popup.active {
    visibility: visible;
    background-color: rgba(245, 243, 239, 0.5);
    transition: all 0.1s, background-color 0.5s;
}

.product__popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: calc((100% - 464px));
    height: var(--vh);
    cursor: e-resize;
}

.product__popup-inner {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    width: 464px;
    height: var(--vh);
    background-color: var(--white);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transform: translateX(100%);
    visibility: hidden;
    overscroll-behavior: none;
    transition: all 0.5s;
}

.product__popup.active .product__popup-inner {
    visibility: visible;
    transform: translateX(0);
}

.product__popup-inner::-webkit-scrollbar {
    display: none;
}

.product__popup-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.25rem;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--Hh);
    padding: 0 var(--Pg);
    background-color: var(--bg);
    border-bottom: 1px solid var(--lightGrey);
    z-index: 3;
}

.product__popup-header svg {
    width: 14px;
    height: auto;
}

.product__popup-header svg path {
    stroke: var(--fg);
}

.product__popup-lower,
.product__popup .accordion__list {
    padding: 1rem var(--Pg) 2rem var(--Pg);
}

.product__popup-lower {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
}

.product__popup-nav {
    display: flex;
}

.product__popup-nav>* {
    width: 100%;
    height: 100%;
}

.product__popup-nav>*:not(:last-child) {
    border-right: none;
}

.product__popup-nav .button_white {
    min-width: unset;
    padding: 0.75rem 2.5rem;
}

.product__popup-nav .button_white.active {
    color: var(--bg) !important;
    background-color: var(--fg);
}

.product__popup-content {
    display: grid;
}

.product__popup-content>* {
    grid-column: 1/2;
    grid-row: 1;
}

.product__popup-content_inner:not(.active) {
    display: none;
}

.product__popup-content_inner * {
    font-size: var(--F14);
    line-height: 1.2;
}

.product__popup-content_inner strong {
    font-size: var(--F18);
}

.product__popup-content_inner>*:not(:last-child) {
    margin-bottom: 1.2rem;
}

.product__popup-content_inner iframe {
    max-width: 100%;
}

.product__popup-content_inner video,
.product__popup-content_inner img {
    width: 100%;
    height: auto;
}

.product__popup-content_inner table {
    border-collapse: collapse;
    width: 100% !important;
    text-align: center;
}

.product__popup-content_inner table td,
.product__popup-content_inner table th {
    border: 1px solid;
}

.product__popup-content_inner table tr:first-child th {
    border-top: 0;
}

.product__popup-content_inner table tr:first-child td {
    border-top: 0;
}

.product__popup-content_inner table tr:last-child td {
    border-bottom: 0;
}

.product__popup-content_inner table tr td:first-child,
.product__popup-content_inner table tr th:first-child {
    border-left: 0;
}

.product__popup-content_inner table tr td:last-child,
.product__popup-content_inner table tr th:last-child {
    border-right: 0;
}

.product__popup-content_inner table td {
    padding: 1rem;
    vertical-align: middle;
}

.product__popup-content_inner ul,
.product__popup-content_inner ol {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    margin-left: 1.5rem;
}

.product__popup-content_inner ul li {
    list-style: disc;
}

.product__popup-content_inner ol li {
    list-style: auto;
}

.product__popup .faq__accordion {
    padding: 1rem 0;
}

.product__popup .faq__body {
    width: 92%;
}

/* Product Bar */
#shopify-section-main-product-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

#shopify-section-main-product-bar.scrolled {
    background-color: var(--grey);
}

.product-bar {
    /* display: grid; */
    /* grid-template-columns: repeat(16, 1fr); */
    /* grid-auto-rows: min-content; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 7.5rem;
    row-gap: 0.625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: fit-content;
    padding: 0.625rem var(--Pg);
    background-color: var(--grey);
    transform: translateY(100%);
    transition: transform 0.3s;
}

#shopify-section-main-product-bar.scrolled .product-bar {
    transform: translateY(0);
}

.product-bar>* {
    grid-row: 1;
}

.product-bar__info {
    display: flex;
    align-items: center;
    column-gap: var(--F61);
    justify-content: space-between;
    flex-wrap: nowrap;
}

.product-bar__image {
    width: 60px;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.product-bar__image .aspectholder {
    width: 100%;
    height: 100%;
}

.product-bar__image .aspectholder>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-bar__title {
    grid-column: 1/4;
}

.product-bar__variants {
    grid-column: 4/15;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.25rem;
}

.product-bar__selector {
    display: none;
}

.product-bar__form {
    grid-column: 15/17;
}

.product-bar__form .product__buttons .button_black,
.product-bar__form .product__buttons .button_white {
    justify-self: flex-end;
    width: fit-content;
    padding: 0.625rem 1.125rem;
}

.product-bar__form .product__btn-avail span:nth-child(2) {
    display: none;
}

/* Cart Page */
.cart {
    row-gap: 5rem;
    padding: 2.55rem var(--Pg) 5rem var(--Pg);
}

.cart h2 {
    grid-column: 1/11;
}

.cart__contents {
    grid-column: 1/17;
}

.cart__contents form {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    column-gap: var(--Pm);
}

.cart__container {
    grid-column: 1/11;
}

.cart__col {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    column-gap: var(--Pm);
    row-gap: var(--Pg);
}

.cart__col1 {
    grid-column: 1/3;
}

.cart__col15 {
    grid-column: 3/6;
}

.cart__col2 {
    grid-column: 7/9;
}

.cart__col3 {
    grid-column: 9/11;
    justify-self: flex-end;
    text-align: right;
}

.cart__span {
    grid-row: span 2;
}

.cart__header {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid;
    margin-bottom: 1rem;
}

.cart__items>* {
    padding-bottom: 1rem;
    border-bottom: 1px solid;
}

.cart__items>*:not(:last-child) {
    margin-bottom: 1rem;
}

.cart__item>* {
    width: fit-content;
    height: fit-content;
}

.cart__item .aspectholder {
    grid-column: 1/3;
    height: 13.472222vw;
}

.cart__item .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.cart__remove {
    align-self: flex-end;
}

.cart__quantity {
    width: fit-content;
    display: flex;
}

.cart__quantity input {
    width: 3.125rem;
    text-align: center;
}

.cart__quantity input::-webkit-outer-spin-button,
.cart__quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart__quantity input[type=number] {
    -moz-appearance: textfield;
}

.cart__disclaimers {
    width: 100%;
    background-color: var(--ac);
    display: flex;
    justify-content: space-around;
    padding: 1rem;
    white-space: nowrap;
}

.cart>.cart__disclaimers {
    display: none;
}

.cart__disclaimers>* {
    display: flex;
    align-items: center;
}

.cart__disclaimers>*>*:not(:last-child) {
    margin-right: 0.625rem;
}

.cart__disclaimers .aspectholder {
    width: 100%;
    height: 100%;
    max-width: 14px;
    max-height: 14px;
}

.cart__disclaimers .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

.cart__checkout {
    grid-column: 12/17;
    height: fit-content;
    position: sticky;
    top: calc(var(--Hh) + 3.7rem);
}

.cart__note {
    margin-bottom: 1.85rem;
}

.cart__checkbox {
    /* display: flex; */
    /* align-items: flex-start; */
    display: grid;
    grid-template-columns: min-content 1fr;
    column-gap: 1.25rem;
    position: relative;
}

.cart__checkbox>* {
    display: inline-block;
}

.cart__checkbox .svg_box {
    width: 14px;
    height: 14px;
    transition: all 0.3s;
    margin-top: 4px;
}

@media(hover: hover) and (pointer: fine) {
    .cart__checkbox:hover .svg_box {
        opacity: 0.5;
    }
}

.cart__checkbox .svg_check {
    position: absolute;
    left: 1px;
    top: 2px;
    width: 17px;
    height: 14px;
    opacity: 0;
    transition: all 0.1s;
}

.cart__note details[open] summary .cart__checkbox .svg_check,
#cart-drawer__check[open] .svg_check,
.customer__address .cart__checkbox input[type=checkbox]:checked+.svg_check {
    opacity: 1;
}

.cart__note-text {
    margin-top: 1.25rem;
}

.cart__note-text>*:not(:last-child) {
    margin-bottom: 1.5rem;
}

.cart__note-text textarea {
    padding: 1.25rem;
    border: 1px solid;
}

.cart__note-text textarea::placeholder {
    opacity: 0.5;
}

.cart__checkbox input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: auto;
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0;
    margin: 0;
    z-index: 2;
    width: 14px;
    cursor: pointer;
}

.cart__totals {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cart__checkout>p {
    margin-bottom: 1.25rem;
}

.cart__totals,
.cart__buttons>*:not(:last-child) {
    margin-bottom: 1rem;
}

.cart__buttons>* {
    width: 100%;
}

/* FAQ Page */
.faq {
    padding: 4rem var(--Pg) 13.75rem var(--Pg) !important;
    row-gap: 3.5rem;
}

.faq h2 {
    grid-column: 1/17;
}

.faq__menu {
    grid-column: 1/4;
    height: fit-content;
    position: sticky;
    top: calc(var(--Hh) + 3.7rem);
}

.faq__menu>*:not(:last-child) {
    margin-bottom: 1rem;
}

.faq__menu nav>*:not(:last-child) {
    margin-bottom: 0.375rem;
}

.faq__menu nav a {
    display: flex;
    align-items: flex-start;
    opacity: 0.5;
    transition: all 0.3s;
}

.faq__menu nav a.current {
    opacity: 1;
}

@media(hover: hover) and (pointer: fine) {

    .faq__menu nav a:hover {
        opacity: 1;
    }
}

.faq__menu nav a.current::before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--fg);
    border-radius: 50%;
    transform: translateY(calc((0.5rem * 1.3) - 50%));
    margin-right: 0.5rem;
}

.faq__container {
    grid-column: 5/13;
}

.faq__accordion {
    width: 100%;
    border-bottom: 1px solid var(--lightGrey);
    padding: 1.25rem 0;
}

.faq__accordion:first-of-type {
    border-top: 1px solid var(--lightGrey);
}

.faq__accordion summary {
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .faq__accordion:hover summary {
        opacity: 0.5;
    }
}

.faq__accordion h3 {
    display: flex;
    justify-content: space-between;
}

.faq__accordion h3 span {
    margin-left: 1rem;
    transition: all 0.3s;
    width: fit-content;
    height: fit-content;
}

.faq__accordion details[open] h3 span {
    transform: rotate(45deg);
}

.faq__body {
    width: 74.347826%;
    margin-top: 1.25rem;
}


/* Policy Pages */
.policy__container {
    grid-column: 5/15;
}

.policy__container>*:not(:last-child) {
    margin-bottom: 1.2rem;
}

.policy__container strong {
    font-family: 'Super', 'Times New Roman', serif;
    font-size: var(--F37);
    line-height: 1.2;
}

/* Contact Page */
.contact {
    padding: 4rem var(--Pg) 11.25rem var(--Pg) !important;
}

.contact__meta {
    grid-column: 1/7;
}

.contact__meta h2:not(:last-child) {
    margin-bottom: 3.125rem;
}

.contact__text:not(:last-child) {
    margin-bottom: 5rem;
}

.contact__text>*:not(:last-child) {
    margin-bottom: 1.2rem;
}

.contact__text strong {
    font-family: 'Super', 'Times New Roman', serif;
    font-size: var(--F26);
    line-height: 1.2;
}

.contact__form>*:not(:last-child) {
    margin-bottom: 2.5rem;
}

.contact__form-heading>*:not(:last-child) {
    margin-bottom: 1.2rem;
}

.contact__form form>*:not(:last-child) {
    margin-bottom: 2.5rem;
}

.contact__form form input {
    width: 100%;
    display: block;
}

.form_fields>* {
    border-bottom: 1px solid;
    padding-bottom: 0.625rem;
}

.form_fields>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.contact .aspectholder {
    grid-column: 8/17;
    width: calc(100% + var(--Pg));
    height: fit-content;
}

.contact .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
}

/* Challenge Page */
.shopify-challenge__container {
    height: var(--Hs);
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-auto-rows: min-content;
    column-gap: var(--Pm);
    row-gap: 3.125rem;
    padding: 4rem var(--Pg) 9.375rem var(--Pg);
    max-width: unset !important;
    margin: 0 ! important;
}

.shopify-challenge__container>* {
    grid-column: 1/7;
    height: min-content;
}

.shopify-challenge__container .shopify-challenge__message,
.shopify-challenge__container .shopify-challenge__errors {
    text-align: left !important;
}

.g-recaptcha>div {
    width: 100% !important;
    margin: 0 !important;
}

.shopify-challenge__container form input[type="submit"] {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    padding: 0.875rem;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    color: var(--bg) !important;
    background-color: var(--fg);
    border: 1px solid var(--fg);
    width: 100%;
}

@media(hover: hover) and (pointer: fine) {
    .shopify-challenge__container form input[type="submit"]:hover {
        color: var(--fg) !important;
        background-color: var(--bg);
    }
}

/* Error Page */
.error {
    height: var(--Hs);
    row-gap: 3.125rem;
    padding: 4rem var(--Pg) 9.375rem var(--Pg) !important;
    grid-auto-rows: min-content;
}

.error>* {
    grid-column: 1/9;
}

/* Login Page */
.customer {
    padding: 4rem var(--Pg) 9.375rem var(--Pg);
    row-gap: 3.125rem;
}

.customer.account {
    row-gap: 5rem;
}

.customer h2 {
    grid-column: 1/9;
}

.customer__container {
    grid-column: 1/7;
}

.customer__container>*:not(:last-child) {
    margin-bottom: 2rem;
}

.customer__container>*>*:not(:last-child),
.customer form>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.customer form .form_select,
.customer input:not(input[type="checkbox"]) {
    width: 100%;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid;
}

.customer form .form_select>*:not(:last-child) {
    margin-bottom: 0.75rem;
}

.customer form .form_select select {
    color: var(--fg);
}

.customer form button {
    width: 100%;
}

.customer__container summary {
    width: fit-content;
    transition: all 0.3s;
}

@media(hover: hover) and (pointer: fine) {
    .customer__container summary:hover {
        opacity: 0.5;
    }
}

/* Account Page */
.customer__account {
    grid-column: 1/10;
}

.customer__account>*:not(:last-child) {
    margin-bottom: 1.875rem;
}

.customer__orders>h3 {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid;
}

.customer__col {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    column-gap: var(--Pm);
    padding: 1rem 0;
}

.customer__orders li {
    border-bottom: 1px solid;
}

.customer__col>* {
    width: fit-content;
}

.customer__col .aspectholder {
    width: 100%;
    height: 13.472222vw;
}

.customer__col .aspectholder>* {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.customer__col1 {
    grid-column: 1/3;
}

.customer__col2 {
    grid-column: 3/6;
}

.customer__col3 {
    grid-column: 6/8;
}

.customer__col4 {
    grid-column: 8/10;
    justify-self: flex-end;
    text-align: right;
}

.col_flex {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.col_flex>*:not(:last-child) {
    margin-bottom: 1.2rem;
}

.customer__address {
    grid-column: 12/17;
    position: sticky;
    top: calc(var(--Hh) + 3.75rem);
    height: fit-content;
}

.col_stretch {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.col_stretch>*:not(:last-child) {
    margin-right: 1rem;
}

.customer__address>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.customer__address a {
    width: 100%;
}

/* Addresses Page */
.customer__addresses {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--Pm);
    row-gap: var(--Pd);
}

.customer__addresses a {
    width: 100%;
}

/* Search Page */
.search {
    row-gap: 3.5rem;
    padding: 4rem var(--Pg) 13.75rem var(--Pg) !important;
}

.search h2 {
    grid-column: 1/17;
}

.search__form {
    grid-column: 1/5;
}

.search__form>*:not(:last-child) {
    margin-bottom: 2.5rem;
}

.search__form form>*:not(:last-child) {
    margin-bottom: 1.25rem;
}

.search__form form>* {
    width: 100%;
    min-width: unset;
}

.search__form form input {
    border-bottom: 1px solid;
    padding-bottom: 0.625rem;
}

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,
input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.search__container {
    grid-column: 5/17;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--Pm);
    row-gap: 3.75rem;
}

/* Password Page */
.password {
    row-gap: 4.5rem;
    padding: 7.5rem var(--Pg) 10rem var(--Pg) !important;
}

.password__content {
    grid-column: 4/14;
    text-align: center;
}

.password__modal {
    grid-column: 6/12;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.password__modal form {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.password__modal form input[type="submit"] {
    width: 100%;
}

.password__login {
    grid-column: 6/12;
}

/* Lazyload Lazysizes CSS */
img.lazyload:not([src]){visibility:hidden}img.lazyload,img.lazyloading{opacity:0}img.lazyloaded{opacity:1;transition:opacity .8s cubic-bezier(.215,.61,.355,1)}

/* Load More button on collection pages to load more products */
/* #loadMoreTrigger {
    display: flex;
    gap: 9px;
    height: 32px;
    padding-right: 7px;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0;
}
#loadMoreTrigger span {
    border-bottom: 1px solid;
} */
@media (min-width: 1024px) {
  #collection.show-more-visible div.card:nth-last-of-type(1),
  #collection.show-more-visible div.card:nth-last-of-type(2) {
    display: none;
  }
}

.swiper-zoomed .product__feature-preview,
.swiper-zoomed .swiper-zoom-container {
  cursor: grab !important;
}
.swiper-zoomed .swiper-zoom-container.manipulating {
  cursor: grabbing !important;
}

#scrollSentinel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;         
  pointer-events: none; 
  visibility: hidden;  
}


.mediagrid__caption .metafield-rich_text_field *:not(:last-child) {
  margin-bottom: 6px;
  line-height: 18px;
}
@media (min-width: 1024px) {
  .mediagrid__caption .metafield-rich_text_field *:not(:last-child) {
    margin-bottom: 6px;
    line-height: 24px;
  }
}

.product__variants-variant {
  row-gap: 0.875rem;
}
.product__variants-variant[data-opt="Stone"] .product__variant, .product__variants-variant[data-opt="Metal"] .product__variant {
  height: 31px;
  min-width: 31px;
  text-align: center;
  padding: 0px;
  border-radius: 50%;
  border-color: transparent;
  column-gap: 0px;
      display: flex;
    justify-content: center;
    align-items: center;
}
.product__variants-variant[data-opt="Stone"] .product__variant-swatch, .product__variants-variant[data-opt="Metal"] .product__variant-swatch {
  border-color: transparent;  
  width: 25px; 
  height: 25px;
      display: flex;
    justify-content: center;
    align-items: center;
}
.product__variants-variant[data-opt="Stone"] .product__variant.active, .product__variants-variant[data-opt="Metal"] .product__variant.active {
  border-color: #000;
  border-color: rgba(0, 0, 0, 1);
  background: transparent;
}

.product__video-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}
.product__video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__video-overlay .play-btn, .product__video-overlay--thumb .play-btn{ 
    width: 7.235rem;
      height: 7.235rem;
      border-radius: 50%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 18px rgba(0,0,0,.25);
      transition: transform 0.3s ease, color 0.3s ease;
 }
 .product__video-overlay--thumb .play-btn{ 
    width: 2.235rem;
      height: 2.235rem;
 }
 .product__video-overlay .play-btn svg { 
    width: 25px;      
    height: 25px;
    display: block; 
  }
  .product__video-overlay--thumb .play-btn svg{ 
    width: 16px;      
    height: 16px;
    display: block; 
  }
.product__video-overlay,
.product__video-overlay--thumb {
  position: absolute;
  inset: 0;
  background: rgb(48 48 48 / 44%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  z-index: 2;
  pointer-events: none;   
  cursor: default;       
}

.product__video-overlay .play-btn,
.product__video-overlay--thumb .play-btn {
  pointer-events: auto; 
  cursor: pointer;
}
@media (hover:hover) and (pointer:fine){
.product__video-thumb:hover .play-btn,
  .product__video-overlay:hover .play-btn{
    transform: scale(1.05);
    box-shadow: 0 10px 24px rgba(0,0,0,.28);
  }
}

.product__video-overlay--thumb span {
  font-size: var(--F12);
  text-underline-offset: 1.5px;
}

.product__video-wrap {
  width: 100%;
  position: relative;
}
.product__video-wrap video,
.product__video-wrap iframe,
.product__video-wrap .shopify-video__container {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.product__video-wrap--lightbox video,
.product__video-wrap--lightbox iframe {
  aspect-ratio: auto; 
  object-fit: contain;
}
#shopify-section-template--17287726235746__block_media_DKan79 { grid-auto-rows: min-content; padding-bottom: 5rem; }
 #shopify-section-{{ section.id }} .media__image{
    grid-column: 2 / 17 !important;
    width: calc(94% + var(--Pd)) !important;
    margin-left: calc(-1 * var(--Pg)) !important;
} 
.size-guide__on-ring { display: flex; flex-direction: row; justify-content: space-between; }
.size-guide__on-ring button{ text-decoration: underline; }
  @media (max-width: 749px) {

    #shopify-section-main-product-bar .product-bar__image-and-title {
      cursor: pointer;
    }

    #shopify-section-main-product-bar .product-bar__size-select,
    #shopify-section-main-product-bar .product-bar__variants {
      display: none !important;
    }

    .product__video-overlay .play-btn, .product__video-overlay--thumb .play-btn{ 
    width: 4.235rem;
      height: 4.235rem;
      border-radius: 50%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 18px rgba(0,0,0,.25);
      transition: transform 0.3s ease, color 0.3s ease;
 }
    .product__video-overlay--thumb .play-btn{ 
      width: 2.235rem;
      height: 2.235rem;
 }
  }

  @media (min-width: 1023px) {
    .product__video-overlay .play-btn { 
     width: 4.235rem;
     height: 4.235rem;
 }
 .product__pairings-inner .product__pairings-variants ul {
    scrollbar-width: thin;
    padding-bottom: 0.5rem;
}
 .mv-click-overlay{ pointer-events:none !important; }
 .product__lightbox .product__video-wrap {
  position: relative;
  width: 100%;
  height: 100%;            
}
.product__lightbox .product__video-wrap > video,
.product__lightbox .product__video-wrap > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;    
  z-index: 0;
  pointer-events: auto;
}
.product__video-wrap.is-active > video,
.product__video-wrap.is-active > iframe {
  pointer-events: auto;
}

.product__lightbox .swiper-wrapper,
.product__lightbox .swiper-slide {
  height: 100%;
}

.carousel_product .product__video-wrap {
  position: relative;
  width: 100%;
}
.carousel_product .product__video-wrap > video,
.carousel_product .product__video-wrap > iframe {
  position: static;        
  display: block;
  width: 100%;
  height: auto;            
  object-fit: cover;
  pointer-events: none;    
}
.carousel_product .product__video-wrap.is-active > video,
.carousel_product .product__video-wrap.is-active > iframe {
  pointer-events: auto;   
}

#product-lightbox .carousel_lightbox .swiper-slide.no-zoom {
  cursor: default !important;
}
.carousel_lightbox .swiper-slide.is-hidden-variant {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.mv-inert { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
.mv-hide  { display:none !important; }

}

#shopify-section-{{ section.id }} .carousel_product.hide-plus-on-video > .product__gallery-plus {
  display: none !important;
}

.cart-modal__footer-row { 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: var(--F12);
}
.cart-modal__footer-rows { width: 100%; }
.product__pairings>div>p span { 
    font-family: 'Abhaya Libre';
    font-weight: 400;
    font-size: var(--F30);
 }

.carousel_lightbox .swiper-slide.mv-inert,
.carousel_lightbox .swiper-slide.mv-hide {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


.carousel_lightbox .swiper-slide.mv-inert .swiper-zoom-container,
.carousel_lightbox .swiper-slide.mv-hide .swiper-zoom-container {
  display: none !important;
}


.carousel_lightbox .swiper-slide { z-index: 0; }
.carousel_lightbox .swiper-slide.swiper-slide-active { z-index: 1; }
.product__lightbox .product__video-wrap {
  position: relative;
}

.product__lightbox .product__video-wrap .mv-click-zone {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 60px;
  z-index: 5;
  background: transparent;
  pointer-events: auto;
  cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  outline: none;
  user-select: none;
}
.product__lightbox .product__video-wrap .mv-click-zone:focus,
.product__lightbox .product__video-wrap .mv-click-zone:active {
  outline: none;
}
.product__pairings-variant:has(input:checked) {
    border-color: var(--fg);
    background-color: var(--grey);
}

#shopify-section-template--17287726235746__block_media_carousel_NcxTqA { overflow: hidden; }