/** Shopify CDN: Minification failed

Line 908:100 Unexpected "="

**/
@font-face {
  font-family: 'Retroscope';
  src: url('/cdn/shop/files/Retroscope-Regular_bda6d42c-d0c1-4fbb-8a1a-b27b44d22ef0.woff?v=1721968035') format('woff'),
       url('/cdn/shop/files/Retroscope-Regular_7edd8ca1-6f57-48f2-8dbc-f5260c37a858.woff2?v=1721968035') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Retroscope Italic';
  src: url('/cdn/shop/files/RetroscopeItalic-Regular.woff?v=1721968035') format('woff'),
       url('/cdn/shop/files/RetroscopeItalic-Regular.woff2?v=1721968035') format('woff2');
  font-display: swap;
}

@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('/cdn/shop/files/SackersGothicStd-Light.woff2?v=1744031663') format('woff2'),
        url('/cdn/shop/files/SackersGothicStd-Light.woff?v=1744031663') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('/cdn/shop/files/SackersGothicStd-Heavy.woff2?v=1744031663') format('woff2'),
        url('/cdn/shop/files/SackersGothicStd-Heavy.woff?v=1744031663') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('/cdn/shop/files/SackersGothicStd-Medium.woff2?v=1744031663') format('woff2'), 
        url('/cdn/shop/files/SackersGothicStd-Medium.woff?v=1744031663') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('/cdn/shop/files/AvenirNextLTPro-Bold.woff2?v=1789613574') format('woff2'),
        url('/cdn/shop/files/AvenirNextLTPro-Bold.woff?v=1789613574') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('/cdn/shop/files/AvenirNextLTPro-Regular.woff2?v=1789613574') format('woff2'),
        url('/cdn/shop/files/AvenirNextLTPro-Regular.woff?v=1789613574') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('/cdn/shop/files/AvenirNextLTPro-UltLt.woff2?v=1789613574') format('woff2'),
        url('/cdn/shop/files/AvenirNextLTPro-UltLt.woff?v=1789613574') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Rounded Mono';
    src: url('/cdn/shop/files/ABCDiatypeRoundedMono-Bold.woff2?v=1738577362') format('woff2'),
        url('/cdn/shop/files/ABCDiatypeRoundedMono-Bold.woff?v=1738577362') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rounded Mono';
    src: url('/cdn/shop/files/ABCDiatypeRoundedMono-Regular.woff2?v=1738577362') format('woff2'),
        url('/cdn/shop/files/ABCDiatypeRoundedMono-Regular.woff?v=1738577362') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Helvetica Neue';
    src: url('/cdn/shop/files/HelveticaNeue-Light_85fb19f8-3976-4bc7-a3f7-3c8c3ce14805.woff2?v=1743632908') format('woff2'),
        url('/cdn/shop/files/HelveticaNeue-Light_9685d4b2-239d-4be9-bce2-d48bc810c35d.woff?v=1743632909') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/cdn/shop/files/HelveticaNeue-Bold_03d18143-e733-4fc4-8c96-1b98e7ecfc13.woff2?v=1743632909') format('woff2'),
        url('/cdn/shop/files/HelveticaNeue-Bold_d813f415-8eb1-4c50-b5f5-fc9f9c14aeef.woff?v=1743632909') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/cdn/shop/files/HelveticaNeue-Italic.woff2?v=1743632909') format('woff2'),
        url('/cdn/shop/files/HelveticaNeue-Italic.woff?v=1743632909') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/cdn/shop/files/HelveticaNeue_93d1284c-5b8a-49bc-b7c1-350b0afba6ba.woff2?v=1743632909') format('woff2'),
        url('/cdn/shop/files/HelveticaNeue_2bca30c5-19c6-4de2-ac28-848f3947673a.woff?v=1743632909') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html {scroll-behavior: smooth; -webkit-font-smoothing: antialiased !important; transition: 0.3s ease all}
body { margin:0; padding:0;transition: 0.3s ease all;position: relative; }
::selection {background-color: var(--primary); color: var(--tertiary)}

.container { position: relative; height: 100%; width: 100%;}
.row { height: 100%; position: relative;}
.row-width { width: 80%;  margin: 0 auto;}
.full-width { width: 100%;  margin: 0 auto; overflow: hidden; position: relative;}
.row-width-95 { width: 95%; max-width: 95%; margin: 0 auto; }
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto; }
.row-width-85 { width: 85%; max-width: 85%; margin: 0 auto; }
.row-width-80 { width: 80%; max-width: 80%; margin: 0 auto; }
.row-width-70 { width: 70%; max-width: 70%; margin: 0 auto; }
.row-width-60 { width: 60%; max-width: 60%; margin: 0 auto; }
.row-width-50 { width: 50%; max-width: 50%; margin: 0 auto; }
.row-width-40 { width: 40%; max-width: 40%; margin: 0 auto; }
.row-width-30 { width: 30%; max-width: 30%; margin: 0 auto; }
.row-width-20 { width: 20%; max-width: 20%; margin: 0 auto; }
.row-width-10 { width: 10%; max-width: 10%; margin: 0 auto; }

.body-offset { margin-top: 170px;}

.col1{width: 8.33%;}
.col1-5{width: 12.5%;}
.col2{width: 16.66%;}
.col2-5{width: 20.00%}
.col3{ width: 25%;}
.col4{width: 33.33%;}
.col4-5{width: 40%;}
.col5{width: 41.66%;}
.col6{width: 50%; position: relative;}
.col7{width: 58.33%;}
.col8{width: 66.66%;}
.col9{width: 75%;}
.col10{width: 83.88%;}
.col11{width: 91.66%;}
.col12{width: 100%;}

.height-0 { height:0vh; box-sizing: border-box;}
.height-20 { height:20vh;box-sizing: border-box; }
.height-40 { height:40vh;box-sizing: border-box; }
.height-60 { height:60vh;box-sizing: border-box; }
.height-80 { height:80vh;box-sizing: border-box; }
.height-100 { height:100vh; box-sizing: border-box; }
.height-auto { height: auto; }

.flex-row {display: flex;flex-direction: row;}
.flex-column { display: flex; flex-direction: column;}
.justify-center { display: flex; align-items: center; justify-content: center; }
.justify-bottom { justify-content: flex-end;}

.flex-wrap {flex-wrap: wrap}
.align-center  {align-items: center; }
.justify-left {  justify-content: left }
.justify-right { justify-content: right }
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end;}
.align-left {  align-items: flex-start }
.align-right {  align-items: flex-end;}
.justify-spaced { justify-content: space-between;}
.text-center { text-align:center;}
.text-right { text-align:right;}
.text-left { text-align:left;}
.absolute-center { position: absolute; top: 0;bottom: 0; height: fit-content;margin: auto;}

.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-l-0 {padding-left: 0px}
.padding-r-0 {padding-right: 0px}
.padding-10 {padding:10px 0}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-l-10 {padding-left: 10px}
.padding-r-10 {padding-right: 10px}
.padding-20 {padding:20px 0}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-l-20 {padding-left: 20px}
.padding-r-20 {padding-right: 20px}
.padding-40 {padding:40px 40px}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-l-40 {padding-left: 40px}
.padding-r-40 {padding-right: 40px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-l-60 {padding-left: 60px}
.padding-r-60 {padding-right: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-l-80 {padding-left: 80px}
.padding-r-80 {padding-right: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-l-100 {padding-left: 100px}
.padding-r-100 {padding-right: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-l-120 {padding-left: 120px}
.padding-r-120 {padding-right: 120px}
.padding-140 {padding:140px 0}
.padding-b-140 {padding-bottom:140px}
.padding-t-140 {padding-top:140px}
.padding-l-140 {padding-left:140px}
.padding-r-140 {padding-right:140px}

.gap-0 {gap:0 !important}
.gap-1 {gap:8.33%}
.gap-2 {gap:16.33%}
.gap-5 {gap:5px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.gap-80 {gap:80px}
.gap-100 {gap:100px}
.gap-120 {gap:120px}
.gap-140 {gap:140px}

.margin-auto { margin:0 auto; }
.margin-0 {margin:0 !important}
.margin-b-0 { margin-bottom: 0; }
.margin-t-0 { margin-top: 0; }
.margin-5 {margin:5px !important}
.margin-b-5 { margin-bottom: 5px; }
.margin-t-5 { margin-top: 5px; }
.margin-10 {margin:10px !important}
.margin-b-10 { margin-bottom: 10px; }
.margin-t-10 { margin-top: 10px; }
.margin-20 {margin:20px 0}
.margin-b-20 { margin-bottom: 20px; }
.margin-t-20 { margin-top: 20px; }
.margin-30 {margin:30px 0}
.margin-b-30 { margin-bottom: 30px; }
.margin-t-30 { margin-top: 30px; }
.margin-40 {margin:40px 0}
.margin-b-40 { margin-bottom: 40px; }
.margin-t-40 { margin-top: 40px; }
.margin-60 {margin:60px 0}
.margin-b-60 { margin-bottom: 60px; }
.margin-t-60 { margin-top: 60px; }
.margin-80 {margin:80px 0}
.margin-b-80 { margin-bottom: 80px; }
.margin-t-80 { margin-top: 80px; }
.margin-100 {margin:100px 0}
.margin-b-100{ margin-bottom: 100px; }
.margin-t-100 { margin-top: 100px; }
.margin-120 {margin:120px 0}
.margin-b-120  { margin-bottom: 120px; }
.margin-t-120  { margin-top: 120px; }

.border-r-05 { border-radius:5px }
.border-r-10 { border-radius:10px }
.border-r-15 { border-radius:15px }
.border-r-20 { border-radius:20px }
.border-r-30 { border-radius:30px }

.l-s-1 {letter-spacing: 1px;}
.l-s-2 {letter-spacing: 2px;}
.l-s-3 {letter-spacing: 3px;}

.micro-text, .micro-text p {display: block; font-size: var(--micro); font-weight: 400; line-height: 1;}
.xxsm-text, .xxsm-text p {display: block; font-size: var(--micro); font-weight: 400; line-height: 1;}
.xsm-text, .xsm-text p {display: block; font-size: var(--xxsmall); font-weight: 400; line-height: 1;}
.sm-text {display: block; font-size: var(--xsmall); font-weight: 400; line-height: 1.3;}
.sm-text p {font-size: inherit; font-size: var(--xsmall); font-weight: 400; line-height: 1.4; }
.med-text, .med-text p {display: block;font-size: var(--small);line-height: 1.4;}
.lrg-text {display: block; font-size: var(--medium); line-height: 1.4}
.xlrg-text {display: block; font-size: var(--xlarge); line-height: 1.4}

.image-fill {object-fit: cover; object-position: center;}

a, button, .text-link { text-decoration: none; cursor: pointer; color: inherit;}
a:hover { text-decoration: none;}
a.disabled {cursor: not-allowed;opacity: 0.2;}

h1, h2, h3, h4, h5, h6 { z-index: 2; margin: 0; line-height: 1;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
h1 i, h2 i, h3 i, h4 i, h5 i, h1 p i, h2 p i, h3 p i, h4 p i, h5 p i { color: var(--primary); font-style: normal;}

h1 {  font-size: var(--xlarge); font-family: 'Retroscope'; font-weight: 500; line-height: 1.2;letter-spacing: -1px; }
h1 span {line-height: 1;}
h2{ font-size: var(--large); font-weight: 500; line-height: 1.2; letter-spacing: -1px; }
h2 span { line-height: 0.8;}
h3{ font-size: var(--medium);  font-weight: 500;  }
h3 span { line-height: 1;}
h4{ font-size: var(--small);font-weight: 500}
h5 { font-size: var(--xxsmall);font-family: 'Helvetica Neue', sans-serif; font-weight: normal;} 
h6{ font-size: var(--xxsmall); font-family: 'Helvetica Neue', sans-serif; font-weight: normal}
body,p  { font-size: var(--xxsmall); font-family: 'Helvetica Neue', sans-serif; font-weight: normal}
span {line-height: 1.4; font-family:inherit;}
iframe {border: 0;}


img {width: 100%;}
li, ul {list-style: none; padding: 0;}


summary svg {width: fit-content !important; max-width: 20px;}
.hide { display:none; transition: opacity 0.7s ease-in; opacity: 0;}

.mobile { display: none !important;}

/* Colours */

.transparent { color: transparent;}
.transparentbg { background: transparent}
.white, .white p { color: var(--white);}
.whitebg { background: var(--white);}
.black, .black p { color: var(--black);}
.blackbg { background: var(--black);}
.grey, .grey p { color: var(--grey);}
.greybg { background: var(--grey);}
.primary, .primary p, .pink, .pink p { color: var(--primary);}
.primarybg { background: var(--primary);}
.secondary, .secondary p { color: var(--secondary);}
.secondarybg { background: var(--secondary);}
.tertiary, .tertiary p { color: var(--tertiary);}
.tertiarybg { background: var(--tertiary);}
.quartiary, .quartiary p { color: var(--quartiary);}
.quartiarybg { background: var(--quartiary);}
.quinary, .quinary p { color: var(--quinary);}
.quinarybg { background: var(--quinary);}
.septiary, .septiary p { color: var(--septiary);}
.septiarybg { background: var(--septiary);}
.hexiary, .hexiary p { color: var(--hexiary);}
.hexiarybg { background: var(--hexiary);}
.orange, .orange p { color: var(--orange);}
.orangebg { background: var(--orange);}

.primary-font, .primary-font > p { font-family: 'Retroscope'; font-weight: 500; line-height: 1.2; }
.secondary-font, .secondary-font > p { font-family: 'Avenir Next LT Pro'; font-weight: normal; line-height: 1.2; }
.tertiary-font { font-family: 'Helvetica Neue'; font-weight: normal; line-height: 1.3;letter-spacing: -0px; }
.tertiary-font > p { font-family: 'Helvetica Neue'; font-weight: normal; line-height: 1.3;letter-spacing: 0px; }
.tertiary-font em, .tertiary-font p em, h2 em { font-family: 'Retroscope'; font-weight: normal; line-height: 1.2; }
.quinary-font, .quinary-font p { font-family: 'Avenir Next LT Pro', sans-serif; font-weight: normal; }
/* Input */

input.text, input.title, input[type=email], input[type=password], input[type=number], input[type=tel], input[type=text], select, textarea {background-color: var(--white);padding: 10px; -webkit-appearance: none; border-radius: 30px;font-family: 'Helvetica', sans-serif; color: var(--black) ;box-sizing: border-box;font-size: var(--xxsmall);  margin: 0; letter-spacing: 0 !important;}
::placeholder{ color: var(--primary); font-size: var(--xxsmall)}
select { padding:10px !important}
select:focus-visible {outline: 1px solid black;}
[role="button"] {cursor: pointer;}
form { display: flex;flex-direction: column;gap: 10px;}

.inactive { pointer-events: none; opacity: 0.2;}.text-link {text-decoration: underline;}
.instruction { display: none;}

/* Buttons */
.button-wrapper {display: flex;}

.primary-button {cursor: pointer;background: transparent;  border: 1px solid var(--black);color: var(--black); font-family: 'Avenir Next LT Pro', sans-serif; text-transform: uppercase; width: fit-content; padding: 10px 30px; transition: 0.3s ease all; display: flex; font-size: var(--xxsmall); font-weight: normal;}
.primary-button:hover, .primary-button.active { background: var(--black); color: var(--white);  transition: 0.3s ease all }
.primary-button a {}

.secondary-button {cursor: pointer;background: var(--secondary);  font-family: 'Avenir Next LT Pro', sans-serif;    border: 0;color: var(--white); padding: 10px 30px; width: fit-content;  font-size: var(--xxsmall); font-weight: normal;  transition: 0.3s ease all}
.secondary-button:hover { background: var(--tertiary); color: var(--primary); transition: 0.3s ease all}
.secondary-button a {}

.tertiary-button { cursor: pointer;background: var(--whiteglass); font-family: 'Avenir Next LT Pro', sans-serif;  border: 1px solid var(--white); color: var(--white); padding: 10px 30px;  display: block; width: fit-content; font-size: var(--xxsmall); font-weight: normal;  transition: 0.3s ease all}
.tertiary-button:hover { background: var(--black); color: var(--white); border: 1px solid var(--white); transition: 0.3s ease all }
.tertiary-button a {}

.quartiary-button {cursor: pointer;background: var(--white);  font-family: 'Avenir Next LT Pro', sans-serif;  border: 0; color: var(--primary); width: fit-content; padding: 10px 30px; transition: 0.3s ease all; display: flex;font-size: var(--xxsmall); font-weight: normal;}
.quartiary-button:hover { background: var(--primary); color: var(--white); transition: 0.3s ease all }
.quartiary-button a {}


.quinary-button {cursor: pointer;background: transparent;  border: 0; color: var(--white); border: 1px solid var(--white); width: fit-content; padding: 10px 30px; transition: 0.3s ease all; display: flex;  font-size: var(--xxsmall); font-weight: normal;}
.quinary-button:hover { background: var(--primary); color: var(--white); transition: 0.3s ease all }
.quinary-button a {}

.septiary-button {cursor: pointer;background: var(--black);  border: 0; color: var(--white);font-family: 'Avenir Next LT Pro', sans-serif;  text-transform: uppercase; border: 1px solid var(--black); width: fit-content; padding: 10px 30px; transition: 0.3s ease all; display: flex;  font-size: var(--xxsmall); font-weight: normal;}
.septiary-button:hover { background: var(--white); color: var(--black); transition: 0.3s ease all }
.septiary-button a {}

.text-link { text-decoration: none; font-weight: normal;font-family: 'Avenir Next LT Pro', sans-serif; }
.text-link:hover {color: var(--secondary);}
.text-link:hover svg {color: var(--secondary);}



/* Menu Drawer */
.menu-drawer {background: var(--white) !important; border: 0 !important;}
.menu-drawer .icon { width: 16px !important;height: 16px !important;}

/* Sales Widget */
.sales-widget {position: fixed; opacity: 1; pointer-events: all; z-index: 9;left: 40px;bottom: 60px;background: #f2efec;padding: 5px 7px;border-radius: 40px;display: flex;align-items: center;gap: 10px;}
.widget-media img {height: 40px; width: 40px;border-radius: 40px;}
.sales-widget.hidden { opacity: 0; pointer-events: none;}


/* Cart Drawer */
.cart-count-bubble { position: relative; background-color: var(--primary);font-weight: 700; color: var(--white);padding: 7.5px;display: flex;justify-content: center;align-items: center; line-height: 1;font-size: 13px;}
.cart-count-bubble .icon { width: 20px !important; height: auto !important;}
.cart-count-bubble:hover { background: var(--secondary); color: var(--primary);}
.cart-count-bubble:hover .white { color: var(--primary)}
.cart-count-bubble:hover svg path {  stroke: var(--primary);}
.cart-count-bubble:hover svg circle {  fill: var(--primary);}

.drawer__header{ width: 100%; margin: 0 auto;}
.cart-header-wrapper { max-height: 85.5vh; overflow: hidden; height: initial; transition: max-height 0.5s ease; display: flex; align-items: flex-start; align-content: flex-start;justify-content: center;flex-direction: column;background: var(--white);}

.cart-header-wrapper.active {transition: max-height 0.5s ease;}
.drawer__header h2 { width: 95%; margin: 0 auto 10px;  font-size: var(--xsmall); text-transform: uppercase; font-family: 'Avenir Next LT Pro', sans-serif; letter-spacing: 1px; color: var(--black);}
cart-drawer.is-empty .drawer__inner {  justify-content: flex-start;}
cart-drawer.is-empty .cart-header-wrapper { max-height: none !important ; width: 100%;}
.drawer__inner {justify-content: space-between; overflow-y: scroll !important; height: 100vh !important;max-height: 100%; background: var(--white);}
.drawer__header { min-height: 12vh; height: auto; gap:0}
.drawer-banner img { object-fit: cover; height: auto;}
.drawer-banner {padding: 10px;max-height: 100px;overflow: hidden;}
button.drawer__close { z-index: 999; width: 20px;height: 20px;position: absolute; top: 10px;right: 20px;border-radius: 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.drawer__close .svg-wrapper {height: 12px !important;width: 12px !important;display: flex;}
.drawer__close .svg-wrapper svg { width: 100%; height: auto;}
.drawer__close:hover path{ fill:var(--primary);}
.drawer__inner-empty { width: 100%;}
.store-notice { width: 95%; margin: 0 auto;background: var(--white);  color: var(--black); border: 1px solid var(--quartiary); border-radius: 10px; padding: 8px; text-align: center; font-size: var(--xsmall);}
.progress-bar-wrapper { width: 100%; height: 6px; background: var(--quartiary); position: relative; border-radius: 0px; margin-bottom: 5px; overflow: hidden;}
.progress-bar-bg { height: 100%; width: 100%; background-color: transparent;}
.progress-bar-fill { height: 100%;background: var(--black);border-radius: 0px;transition: width 0.3s ease;background-size: 254px 40px;   animation: moveStripes 12s linear infinite;}
@keyframes moveStripes {from { background-position: 0 0;}to { background-position: 250px 0;}}

cart-drawer-items { overflow: scroll !important; flex: 1; width: 100%; height: 40vh; display: flex;}
.cart-header-wrapper.active cart-drawer-items { height: 60vh !important}
.cart-drawer .superscript { vertical-align: super; font-weight: 500; font-size: var(--small);}
.cart-drawer .cart-item { margin-top: 5px;border: 1px solid var(--quartiary); display: flex; justify-content: space-between; align-items: center; padding: 10px;  gap: 20px;  border-radius: 0; background: #fff; border-style: solid none none;}
.cart-drawer .cart-item__media{ overflow: hidden;}
.cart-item__savings { margin-top: 5px; text-transform: uppercase; background: var(--whiteglass); padding: 5px; border: 1px solid var(--primary);}
.cart-item__final-price {font-weight: 600 !important;}
.cart-item__discounted-prices {gap: 4px; display: flex;}
.cart-item__name { text-decoration: none;display: block;font-size: var(--micro); line-height: 1;}
.cart-item__error { display: none !important;}
.cart-title, .cart-title * {line-height: 1;}
.cart-vendor { font-family: 'Season Sans'; color: var(--primary);}


.cart-drawer .quantity { width: auto; min-height: auto; min-width: 100px; max-width: 100px; border: 1px solid #4111240a; background: var(--hexiary); padding: 7px 10px;}
.cart-drawer .quantity__button {width: auto;}
.cart-drawer .quantity__button svg {width: 12px;}
.cart-drawer .quantity__input { padding: 0;}
.cart-drawer .quantity__button svg path {stroke: var(--black); transition: 0.3s ease all;}
.quantity .svg-wrapper { pointer-events: none; width: 15px; height: 15px; display: flex;justify-content: center;align-items: center;}
cart-remove-button .button { cursor: pointer; border: 0;background: transparent!important;appearance: none;color: var(--primary);-webkit-appearance: none; letter-spacing: 1px; font-size: var(--micro);text-transform: uppercase;}
cart-remove-button .button:hover  {background: transparent !important;color: var(--secondary) !important; transition: 0.3s ease all;}
button.quantity__button[disabled] {pointer-events: none;opacity: 0.2;}
cart-remove-button .button:not([disabled]):hover { color: var(--primary) !important; background: transparent !important;}

.discounts__discount { width: fit-content; padding: 4px 7px !important;background: var(--septiary);font-size: var(--micro); font-family: 'Avenir Next LT Pro'; text-transform: uppercase;letter-spacing: 1px;}
.cart-drawer .cart__checkout-button {max-width: none; background: var(--black); display: flex; justify-content: center; border-radius: 0; padding: 12px; font-family: 'Avenir Next LT Pro'; text-transform: uppercase;  font-size: var(--xxsmall); text-transform: uppercase;}
.cart-drawer .cart__checkout-button:hover {background: var(--primary) !important; border: 1px solid var(--primary)}
.cart-drawer .cart__checkout-button span {  letter-spacing: 1px; line-height: 1; color: var(--white);font-family: 'Avenir Next LT Pro'; text-transform: uppercase;  font-size: var(--xxsmall);  }
.cart-drawer .cart__checkout-button:hover span {color: var(--white) !important}
.cart__checkout-button[disabled] { max-width: none; opacity: 0.8; pointer-events: none;background: #ccc !important; transition: 0.3s ease all;}
.cart-view {width: 100%; max-width: 30.3vw;}
.cart-view .swiper-slide { border-radius: 5px;padding: 5px ;box-sizing: border-box; height: auto;}
.cart-view .swiper-slide .card__content { margin: 0; }
.cart-view .swiper-slide .card--standard {gap:20px;flex-direction: row !important;width: 100%;}
.cart-view .swiper-slide .card__inner {width: 100%;max-width: 100px;}
.cart-view .swiper-slide .card__media { background: var(--white);  overflow: hidden;}
.cart-view .swiper-slide .card__information { padding: 5px 0 5px; width: 100%;}
.cart-view .swiper-slide .product-link { text-align: center; width: 100%; font-size: var(--xxsmall);  }
.cart-view .swiper-slide .price * { font-size: var(--xxsmall);}
.cart-view .swiper-slide .ajax-add { margin-top:0 !important}
.cart-view .swiper-slide .quick-add-btn  { background: var(--primary); color: var(--white); width: 100%; border-radius: 30px; border:0; font-size: var(--xxsmall);padding: 7.5px 0px !important; margin-top: 0px !important}
.cart-view .sachet-price { display: none}
.cart-view .swiper-slide .quick-add-btn:hover {background: var(--black) !important;}
.cart-view h3 { width: 100%; text-align: center;}
.cart-view .card__content { display: flex !important; text-align: center; width: 100%;}
.cart-view .card__heading a:after { content: none !important}
.cart-view .meta-wrapper, .cart-view .card-variant-buttons {display: none;}
.cart-view .rating-wrapper {display: none;}
.cart-view .product-title {text-align: left;margin-top: 10px;}
.cart-view .card-variant-selector { display: none;}
.drawer__footer {  min-height: 13vh; border-top: 0 !important; padding: 20px 2.5% 20px !important; background: var(--quinary);}
.quick-add-btn {padding: 5px 15px;width: fit-content; width: 100%; background: var(--white);margin-top: 10px !important;}
.quick-add-btn:hover { background: var(--primary); color: var(--white); transition: 0.3s ease all}
.quick-add-btn.is-disabled {opacity: .2;pointer-events: none;}

.milestones-bar {position: relative;width: 100%; }
.milestones-bar .detail-wrapper {width: 100%;display: flex;flex-direction: column;gap: 2px;align-items: flex-start;}
.milestone-detail h3 p {font-size: var(--small); margin: 0;}
.milestone-details { display: flex; width: 100%; }
.milestone-detail { width: 100%; background: var(--quinary);border-radius: 0px;padding: 7px 10px;box-sizing: border-box; position: relative;}
.milestone-media {max-width: 10%;  display: none;}
.milestone-detail img {border-radius: 5px;}
.milestone-detail { display: none; position: relative;}
.milestone-detail.is-visible { display: flex; }
.milestone-detail h3 p { font-size: var(--small); margin: 0; color: var(--black);}
.milestone-detail::before { display: none;  content: '';position: absolute;top: -14px;left: var(--milestone-left, 0%);width: 2px;height: 18px;background: #eee;transform: translateX(-15px);}
.milestone-description, .milestone-description p { color: var(--black); display: inline; font-size: var(--xsmall); line-height: 1; margin: 0}
.milestone-icon  {box-sizing: border-box; width: 25px; height: 25px;background: var(--white);border-radius: 0px;border: 1px solid var(--black); display: flex; justify-content: center; align-items: center;}
.milestone-steps {position: absolute;top: -14px;bottom: auto; height: fit-content; margin: auto; width: 97.5%;}
.milestone-step { top: 3px; width: 80px; display: flex;flex-direction: column; align-items: center;}
.milestone-icon span {font-weight: bold;color: var(--black);}
.milestone-label { display: none; font-size: 10px; width: 50%; text-align: center;line-height: 1.2;margin-top: 5px;}
.milestone-icon .threshold {  font-size: var(--micro); display: flex;}
.milestone-icon { backface-visibility: hidden; transform-origin: center;}
.milestone-icon.flip {animation: coinFlip 0.6s ease forwards;}
@keyframes coinFlip {
  0%   { transform: rotateY(0deg); }
  50%  { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}

.milestone-icon .checked { display: none;}
.milestone-icon .checked svg { width: 20px; height: 20px;}
.milestone-icon .checked svg path { fill: var(--black); stroke: transparent; }
.milestone-icon.milestone-achieved .threshold { display: none;}
.milestone-icon.milestone-achieved .checked { display: flex;}
.milestone-icon.milestone-achieved {background: var(--white); border: 1px solid var(--black)}
.milestone-achieved.milestone-icon span {color: var(--white);}
.milestone-placeholder { aspect-ratio: 1 / 1; background: var(--secondary);  border-radius: 5px; display: flex;justify-content: center;align-items: center;font-size: var(--medium);color: var(--primary); font-family: 'Season Sans';}
.milestone-terms:hover { color: var(--primary);}
.milestone-terms { margin-top: 3px;}

.gwp-line .quantity-popover-container {display: none;}
.gwp-notice { background: var(--primary); width: fit-content; padding: 3px 10px; margin-top: 5px; border-radius: 10px; color: white; text-transform: uppercase; display: none;}
.gwp-line .gwp-notice {display: flex;}

/* .cart-item[data-product="42806090596549"] {display: none !important;} */
.sp-toggle { position:relative; width:50px; height:26px; border-radius:0; border:none; cursor:pointer; padding:0 14px 0 40px; background:#e5e5e5; color:#fff; font-weight:800; letter-spacing:.5px; transition:background .2s ease; }
.sp-toggle[aria-pressed="true"] { background: var(--black); } /* your pink */
.sp-toggle-text { position:absolute; left:5px; top:50%; transform:translateY(-50%); font-size:12px; }
.sp-toggle[aria-pressed="false"] .sp-toggle-text {  opacity:0; }
.sp-toggle[aria-pressed="true"] .sp-toggle-text { left:10px; opacity:1; }
.sp-toggle-knob { position:absolute; left:5px; top:3px; width:20px; height:20px; border-radius: 0; background:#fff; transition:left .2s ease; }
.sp-toggle[aria-pressed="true"] .sp-toggle-knob { left:31px; }

.cart-drawer__collection-header {cursor: pointer;}
.cart-drawer__collection-header .chevron-icon {transition: transform 0.3s ease;}
.cart-drawer__collection-body { width: 95%; margin: 0 auto; max-height: 1000px; /* large enough */overflow: hidden; transition: max-height 0.5s ease;}
.cart-drawer__collection-body:not(.open) {max-height: 0;}
.cart-drawer__collection-header svg {width: 12px;height: 12px;}
.cart-drawer__empty-content .list-menu-item a { display: block; width: 100%;}
.cart-drawer__empty-content .list-menu-item { border: 1px solid var(--black); border-radius: 0 !important; padding: 10px 20px!important; text-transform: uppercase; letter-spacing: 1px;  font-family: 'Avenir Next LT Pro';}
.cart-drawer__empty-content .list-menu-item:first-of-type , .cart-drawer__empty-content .list-menu-item:hover { background: var(--black);}
.cart-drawer__empty-content .list-menu-item:first-of-type  *, .cart-drawer__empty-content .list-menu-item:hover * { color: white !important;}


@media (max-width: 1280px) and (min-width: 769px) { 
  .cart-drawer .sm-text {font-size: var(--xsmall);}
 
}
@media (max-width: 1024px) { 
    #CartDrawer {width: 100%;}
    .cart-drawer .sm-text {font-size: var(--small);}
    .cart-drawer .list-menu.list-menu--inline {gap: 10px;}
    button.drawer__close {width: 30px; height: 30px;}
    .drawer__inner { width: 100% !important; max-width: 100% !important;}
    .cart-view {width: 100%; max-width: 100%;}
    .cart-drawer .cart-item {display: grid !important; padding: 10px;}
    .cart-drawer .list-menu.list-menu--inline {gap: 10px;}
    .cart-quantity-wrapper dl { flex-direction: row; display: flex; gap: 10px;}
    .cart-quantity-wrapper { flex-direction: column; align-items: flex-start; gap: 5px; margin-bottom: 5px;}
    .milestone-description, .milestone-description p {font-size: var(--xxsmall);}
    .progress-bar-wrapper{ margin-bottom: 10px;}

}

/* Header */
header {background: transparent;display: flex !important;align-items: center; justify-content: space-between;}
.header__heading-logo { min-width: 165px !important; max-width:180px; min-height: 20px;}
.header__heading-link { box-sizing: border-box;}
.header-logo { width: 100%; height: auto;max-height: 30px}
.header-logo  .logos {fill: var(--white);stroke-width: 0px;}
.section-header.animate, .main-navigation:hover .section-header{ border-bottom: 1px solid var(--quartiary);background: #fff; transition: 1s ease all; backdrop-filter: blur(14px);}
.section-header.animate .header__icon path, .main-navigation:hover .header__icon path{ stroke: var(--black);transition: 1s ease all;}
.section-header.animate .icon-hamburger path, .main-navigation:hover  .icon-hamburger path{ stroke: var(--black);transition: 1s ease all;}
.section-header.animate .header-main-menu-links a, .section-header.animate .header-wrapper .nav-link, .main-navigation:hover .header-wrapper .nav-link, .main-navigation:hover .header-main-menu-links a{color: var(--black);transition: 1s ease all;}
.section-header.animate .logos, .main-navigation:hover .logos  {fill:  var(--black) ;stroke-width: 0px;}

.main-navigation {position: fixed;z-index: 999;width:100vw;display: flex; flex-direction: column; align-content: center;}

.header-main-menu-links a{ font-family: 'Avenir Next LT Pro'; text-transform: uppercase; font-size: var(--xxsmall); color: var(--white); transition: 0.3s ease all;}
.header-main-menu-links a:hover { color: var(--primary); transition: 0.3s ease all;}
.announcement-bar {width: 100%; top: 0;}
.main-navigation.sticky-header { background: transparent; }
.main-navigation.sticky-header sticky-header {background: white; }
.main-navigation sticky-header.whitebg {background: var(--white) !important;}

.header-main-menu-links-mobile { display: none;}
header-drawer { margin-left: 0 !important;}
.menu-drawer { width: 100% !important; height: fit-content !important; min-height: 425px; margin-top:0; transform: translateY(-100%) ; box-shadow: none !important; z-index: -1 !important; transition: none !important;}
.menu-opening .menu-drawer {transform: translate(0)!important;opacity: 1;z-index: -1 !important;background: var(--quinary) !important; border-radius: 0 0 10px 10px; margin-top: 0;}

.menu-module-links {padding: 40px 20px !important; gap: 20px;}
.menu-module-links a {font-size: var(--small); display: flex;transition: .3s ease all;font-family: 'Helvetica Neue';font-weight: 300; padding: 12px 20px; border-radius: 3px;font-size: var(--medium);background: transparent;}
.menu-module-links .parent-link.active a, .menu-module-links .parent-link:hover a {transition: .3s ease all; background: #ccc4ba; border-radius: 3px;}
.menu-module-links h5 a { color: var(--black); font-family: 'Retroscope'; font-weight: 500; font-size: var(--medium); text-transform: none; letter-spacing: 0;}

.menu-parent-wrapper {width: calc(33.33% - 30px);}
.menu-drawer__navigation-container {display: flex !important;}
.header__inline-menu {margin: 0 !important;}
.header__icon--menu[aria-expanded='true']::before { content: none !important}
.header__icon path { stroke: var(--white);}
.icon-hamburger path { stroke: var(--white);}

.menu-media { height: 425px; overflow: hidden;}
.menu-media img {object-fit: cover; height: 100%;}

.bundle-save-module {padding: 20px 30px; margin-bottom: 20px; background: #ffffff;border-radius: 10px;}
.bundle-wrapper h2 {position: relative;}
.bundle-wrapper h2:after { content: ''; position: absolute;right: 0px; top: 0;height: 100%; width: 1px;background: var(--black);}
.bundle-wrapper .sm-text {font-size: var(--xxsmall);}

account-icon {height: fit-content; max-height: 40px;}
.menu-toggle {position: relative;}
.menu-toggle .icon {width: 35px; height: 16px;max-width: 35px;}
.menu-toggle .icon-close { height: 16px!important; top: 0; bottom: 0;height: fit-content;margin: auto;}
.menu-toggle .menu-label {font-family: 'Retroscope';  width: fit-content; height: fit-content;font-size: var(--medium); color: var(--black); line-height: 1;}
.menu-toggle-icon {display: flex;align-items: center;justify-content: center;width: 35px;height: 20px;}
.cart-count-bubble {
    background: var(--primary) !important;
    color: #fff !important;
}
.parent-column ul, .child-column ul {list-style: none;padding: 0;margin: 0;}
.parent-link-title {display: block;padding: 12px 20px;cursor: pointer; font-weight: bold;}
.parent-link {margin-bottom: 5px;}
.child-column {position: relative;}
.child-links {display: none;z-index: 999;}
.child-links.active {display: block;}
.child-links a:hover {background: #ccc4ba;}
.child-links a {padding: 6px 20px;width: fit-content;}

.collection-tabs-section {display: flex; padding: 20px;box-sizing: border-box; align-items: flex-end;width: 100%;}
.collection-tabs {display: flex;flex-wrap: wrap; gap: 12px;margin-bottom: 20px;}
.collection-tab-panels { width: 100%;}
.tab-button {padding: 10px 15px; background: #f2efec; border: 1px solid var(--black); cursor: pointer;border-radius: 30px;font-size: var(--xsmall);letter-spacing: -0.25px; transition: 0.3s ease all;}
.tab-button.active {background: var(--black);color: var(--white); transition: 0.3s ease all;}
.tab-panel {display: none;}
.tab-panel.active {display: block;}
.mobile-parent-toggle svg path {stroke: var(--black);}

.mega-menu-card {background: var(--white); border-radius: 7px;overflow: hidden;object-fit: cover;}
.mega-menu-card img { aspect-ratio: 3 / 3.5;height: auto;display: block;}
.mega-menu-card .product-title {font-size: var(--small);font-family: Helvetica Neue; font-weight: 400;letter-spacing: -0.5px;text-align: center;min-height: 35px;}

.header-main-menu-links-mobile { padding: 10px 0;background: var(--hexiary); justify-content: center;   text-align: center;}


/* Search Module */
.header-wrapper {position: relative;}
.header-wrapper .header, .header-wrapper .header__search, .header-wrapper .header__search details {position: static;}
.search-modal {  border-top: 1px solid var(--quartiary); position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; min-height: 0 !important; z-index: 98;  background: var(--white) !important;}
.search-modal__content {border: 1px solid var(--quartiary); border-style: none none solid; position: static !important; width: 100% !important; max-width: 100% !important; padding: 0 40px; box-sizing: border-box;}
.search-modal__form, predictive-search, search-form, .search.search-modal__form {position: static !important; width: 100% !important; max-width: 100% !important;}
.search__input.field__input {padding-right: 9.8rem; border-radius: 0px; border: 0 !important; background: transparent !important;}
.search__input.field__input:focus-visible {outline: 0 !important;}
.predictive-search.predictive-search--header {position: absolute !important; top: 100.01% !important; border-top: 1px solid var(--quinary); left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; background: var(--white) !important; border: 0;}
button.predictive-search__item {background: var(--black); color: var(--tertiary);}
.predictive-search--header .predictive-layout {display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; width: 100%; padding: 40px;}
.predictive-search--header .predictive-links {display: flex; flex-direction: column; gap: 20px; width: 100%;}
.predictive-search--header .predictive-products {width: 100%; min-width: 0;}
.predictive-search--header .predictive-heading {margin: 0 0 15px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.2;}
.predictive-search--header .predictive-links-list {display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.predictive-search--header .predictive-link {  font-size: 14px;line-height: 1.2;  font-family: 'Avenir Next LT Pro'; text-transform: uppercase;letter-spacing: 1px;font-size: var(--micro);}
.predictive-search--header .predictive-link:hover, .predictive-search--header .predictive-all:hover {opacity: 0.6;}
.predictive-search--header .predictive-link mark {background: transparent; color: inherit; font-weight: bold;}
.predictive-search--header .predictive-all {font-size: 12px; letter-spacing: 1px; text-transform: uppercase; text-decoration: underline;}
.predictive-search--header .predictive-slide {height: auto;}
.predictive-search--header .predictive-empty {margin: 0; font-size: 14px;}
.search-modal .modal-overlay {position: absolute !important; top: 100% !important; left: 0 !important; width: 100% !important; height: 100vh !important; background: rgba(0, 0, 0, 0.5) !important; opacity: 1 !important; pointer-events: auto;}
.search-modal .modal-overlay::after {content: none !important;}

@media (min-width: 1024px) {
.predictive-search--header .predictive-layout {flex-direction: row; align-items: flex-start; gap: 40px;}
.predictive-search--header .predictive-links {flex: 0 0 auto; width: calc(25% - 30px);}
.predictive-search--header .predictive-products {flex: 0 0 auto; width: calc(75% - 10px);}
.predictive-search--header .predictive-layout--no-products .predictive-links {width: 100%;}
.predictive-search--header .predictive-swiper .swiper-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; transform: none !important;}
.predictive-search--header .predictive-swiper .swiper-slide {width: auto; margin: 0 !important;}
}
@media (min-width: 1600px) {
.predictive-search--header .predictive-swiper .swiper-wrapper {grid-template-columns: repeat(4, 1fr);}
}


/* Banner Module */
.banner-row { position: relative;}
.banner-content {position: relative;z-index: 1;}
.banner-media.underlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  overflow: hidden;}
.banner-media img { object-fit: cover;  min-height: 100%; min-width: 100%; display: block; height: auto;}
.banner-content h2 strong {color: var(--black); padding: 0 10px; line-height: 0.55; display: inline; -webkit-box-decoration-break: clone;}
.banner-content em {font-family: 'Retroscope Italic'; line-height: 1;}
.banner-module .banner-content.module-right { left: 50%;right: auto; position: absolute; top: 0; bottom: 0; box-sizing: border-box}
.banner-media video {width: 100%; height: 100%; object-fit: cover;}
.banner-module .banner-media img { width: auto;}
.hero-banner .banner-media img { width: 100%;}

.vimeo-container {
  padding: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.vimeo-container iframe {
  box-sizing: border-box;
  width: 177.77777778vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.banner-media .desktop { width: 100%;}
.banner-content.underlay {position: absolute; height: 100%; text-align: center; display: flex; align-items: center;align-content: center;}
.banner-content.underlay:before {content: ''; position: absolute;top: 0; left: 0;width: 100%; height: 100%;  opacity: 0.6; z-index: -1;}
.countdown { padding: 10px;border-radius: 5px; 
    background: url(/cdn/shop/files/bronze.png?v=1743642897) !important;
    background-size: cover;
}
.countdown p, .countdown { font-size: var(--small); letter-spacing: -0.5px; font-weight: normal;}

/* USP Banner */
.usp-swiper {width: 100vw;}
.usp-swiper .swiper-wrapper { -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important;transition-timing-function:linear!important;}
.usp-media img { width: 20px; height: 20px;}
.usp-point-slide {display: flex !important; width: auto !important;}
.usp-media {height: 20px;}


/* USP Wrap */
.usp-wrapper {display: flex;justify-content: center;}
.usp-item { width: auto; min-width: calc(26.33%);}

/* Logo Banner */
.logo-swiper {width: 100vw;}
.logo-swiper .swiper-wrapper { -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important;transition-timing-function:linear!important;}
.logo-media img { width: fit-content; height:20px;}
.logo-point-slide {display: flex !important; width: fit-content !important;}
.logo-media {height: 20px;}

/* Split Content */
.splitcontent-wrapper {overflow: hidden}
.splitcontent-wrapper  .split-media {overflow: hidden }
.split-media img { object-fit: cover; height: 100%;display: block;}
.split-content .icon-wrapper { background: var(--primary);  height: 25px; width: 25px; min-width: 25px;padding: 8px;}
.split-content .icon-wrapper svg path { stroke: var(--tertiary); stroke-width: 8px;}
.split-media video {width: 100%; height: 100%; object-fit: cover;}
.faq-item.col12 {width: 100%;}
.faq-item { width: calc(50% - 10px); border-bottom: 1px solid var(--quartiary); padding-bottom: 15px; margin-bottom: 15px;}
.faq-item .accordion-content p { font-size: var(--xsmall); font-family: 'Helvetica Neue';}
.faq-item .accordion-content p a {font-weight: bold;}

.accordion-title { position: relative;  transition: all 0.3s ease; cursor: pointer; }
.accordion-title.active { transition: all 0.3s ease;}
.accordion-title:before { content: "";position: absolute; right: 10px; top: 0;bottom: 0;margin: auto; height: 8px;width: 8px; background-image: url('/cdn/shop/files/plus.svg?v=1744023408');background-size: contain; background-repeat: no-repeat;background-position: center;}
.accordion-title.active:before { background-image: url('/cdn/shop/files/minus.svg?v=1744023408'); transition: all 0.3s ease;}
.accordion-content {max-height: 0;  padding-right: 60px; overflow: hidden;  font-size: var(--small); transition: max-height 0.3s ease; margin-top:0;}
.accordion-content.active { max-height: max-content;transition: max-height 0.3s ease; padding-top:10px; }

/* Split Tabs */
.tablinks { opacity: .1; transition: .3s ease all;  padding: 7.5px 15px; border-radius: 20px; }
.tablinks.active {opacity: 1; transition: 0.3s ease all}
.tablinks:hover { opacity: 1; transition: 0.3s ease all}

/* Page Banner */
.page-banner-container { position: relative;}
.banner-content p {margin-top: 0;}

/* Tabbed Collections */
.category-header {position: relative;}
.category-header h4 {position: relative;}
.category-swiper { display: flex; justify-content: flex-start;}

.tab {opacity: 0;visibility: hidden;width: 100%; display: none;}
.tab.current { opacity: 1; visibility: visible; width: 100%; height: fit-content; display: flex;justify-content: center; }
.tabs__link.current h5 {color: var(--primary);}

.tw-theme .swiper-pagination-bullet { border-radius: 10px; height: 8px;  width: 8px;  max-width: 120px; margin: 0 3px !important; border: 1px solid var(--quartiary); background: transparent; opacity: 1;}
.tw-theme .swiper-pagination-bullet-active { background: var(--black) !important; border: 1px solid var(--black);}
.tw-darktheme .swiper-pagination-bullet { border-radius: 10px; height: 8px;  width: 8px;  max-width: 120px; margin: 0 3px !important; border: 1px solid var(--white); background: transparent; opacity: 1;}
.tw-darktheme .swiper-pagination-bullet-active { background: var(--white) !important;}


/* Collection Grid */
.product-grid { display: flex;flex-wrap: wrap;gap: 20px;}
.collection .product-item {width: calc(33.33% - 15px);}
.out-of-stock { width: 100%; border-radius: 0;text-align: center; color: var(--black); box-sizing: border-box; font-family: "Avenir Next LT Pro", sans-serif; background: var(--quinary); font-size: var(--micro); letter-spacing: 1px;text-transform: uppercase;  border: 1px solid var(--quinary);}
.sale-dinkus { position: absolute; top:10px; right: 10px; width: auto; height: 80px; z-index: 9;}
.single-product-media .sale-dinkus {  right: 10px !important; left: auto; z-index: 99;}
.sale-dinkus img {width: auto; height: 100%; min-height: 80px;}
.strikeout {color: red; text-decoration: line-through;}

.facets__heading, .facet-filters__label label {font-weight: 500; font-family: 'Avenir Next LT Pro', sans-serif ;text-transform: uppercase;letter-spacing: 1px; font-size: var(--xsmall)}
.facets__display {background-color: var(--tertiary) !important;}
.facets__summary span, .facets__form .product-count { transition: text-decoration var(--duration-short) ease; font-family: Avenir Next LT Pro;text-transform: uppercase;letter-spacing: 1px; font-size: var(--xsmall);}

/* Card Product */
.card__inner a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.product-badges {position: absolute; top: 10px; gap: 10px; left: 10px;z-index: 9;}
.new-badge { background: var(--blackglass) !important; color: var(--white) !important; ;}
.product-badges .badge { background: var(--whiteglass); padding: 5px 5px; color: var(--white); font-family: 'Avenir Next LT Pro', sans-serif; letter-spacing: 1px;font-size: var(--micro); line-height: 1; text-transform: uppercase;}
.ratio::before { display:none}
.card__media img { object-fit: cover; height: 100%;  position: relative; z-index: 2; background: var(--tertiary);}
.card__media {height: auto; aspect-ratio: 1 / 1; width: 100% !important; border-radius:0 !important; position: relative !important; overflow: hidden !important; transition: 0.3s ease all}
.product-item {cursor: pointer;}
.product-item .card__media .reveal { position: absolute; z-index:0; top: 0; left: 0; width: 100%; height: 100%; transition: 0.3s ease all; opacity: 0; pointer-events: none }
.product-item .card__media:hover .reveal{z-index: 9; opacity: 1;transition: 0.3s ease all; pointer-events: none }
.product-item .card__media:hover > img {opacity: 1;transition: 0.3s ease all}

.product-card-wrapper .card__media .reveal { z-index: -1;position: absolute; opacity:0; top: 0; left: 0; width: 100%; height: 100%; transition: 0.3s ease all; pointer-events: none;}
.product-card-wrapper .card__media:hover .reveal { z-index: 3; opacity: 1; transition: 0.3s ease all;}
.card-wrapper .product-headline {padding: 0;border-bottom: 0;}

.featured-card { position: relative;overflow: hidden; min-height: 320px;  width: calc(33.33% - 15px);max-width: 33.33%;}
.featured-card img {height: auto; width: 100%; object-position: center top; object-fit: cover;}
.featured-card-wrapper {position: absolute;inset: 0;width: 100%;  height: 100%; margin: 0; }
.featured-card-wrapper a {width: 100%;height: 100%;display: flex;}
.featured-card-media { width: 100%; height: auto; min-height: 100%;display: flex;}

.card__information { width: 100%; padding: 0 !important;}
.card__content { display: flex !important; padding:  0;}
.card_product-header {min-height: 60px;}
.card-variant-selector { display: flex; gap: 15px; padding-top:10px; border-top: 1px solid var(--black); margin-top:5px;}
.product-slide .variant-button-label , .product-item .variant-button-label, .product-grid .grid__item .variant-button-label{  text-transform: uppercase;  font-size: 9px; background: transparent; color: var(--black) !important;  padding: 0 !important;}
.product-slide .variant-button-label.is-selected, .product-item .variant-button-label.is-selected, .product-grid .grid__item .variant-button-label.is-selected { background: transparent !important; text-decoration: underline;}


.quick-add-to-cart {position: relative; width: 100%; height: fit-content; margin: auto !important;}
.quick-add-to-cart button { text-transform: uppercase; font-family: 'Avenir Next LT Pro', sans-serif; font-size: var(--micro); letter-spacing: 1px; background: #fff; width: 100%;  color: var(--black); box-sizing: border-box; border-radius: 0; text-align: center; display: flex; padding: 10px; justify-content: center; border: 1px solid var(--black);}
.quick-add-to-cart button:hover { background: var(--black); color: var(--white);}
.variant-selector {border: 1px solid var(--black); text-align: center;  text-align-last: center; color: var(--black) !important; font-family: 'Open Sans';}
.variant-selector option { text-align: center; width: auto; margin: 0 auto;}

.product-item .price--on-sale .price__sale.flex-column.justify-right { flex-direction: row; gap: 5px}

.price--on-sale .price-item--regular { color: var(--primary);}
.price .price-item { margin: 0 !important}
.price-item {font-size: var(--xsmall)!important;letter-spacing: 0;font-family: 'Helvetica Neue';}
.price__sale .price-item {font-size: var(--xsmall) !important; color: var(--primary);}
.price__sale .price-item--sale, .price__sale .price-item--sale span { font-size: var(--xsmall); color: var(--primary) !important;}
.price--on-sale .price-item--sale span {font-size: var(--xsmall); letter-spacing: 0;  color: var(--primary) !important;}
.price--on-sale .price__sale.flex-column.justify-right {width: fit-content; display: flex; flex-direction: row; gap: 10px;align-content: flex-end; align-items: flex-end;}
s.price-item.price-item--regular { margin: 0;}
.regular-price-item span {color: var(--black) !important;}
.price__regular.compare-price {display: block ;}

.product-notice {background: var(--secondary);padding: 10px;border-radius: 5px;font-size: var(--xsmall); text-align: center;color: var(--primary);}
.variant-notice {background: var(--white);padding: 10px;border-radius: 5px; border: 1px solid var(--black);font-size: var(--xsmall); text-align: center;color: var(--black);}

.product-title { font-size: var(--small); font-family: 'Helvetica Neue';font-weight: normal;letter-spacing: -0.66px;}
.card__badge {position: absolute; left: 10px; top: 10px; background: var(--tertiary);font-size: var(--micro);letter-spacing: 1px;text-transform: uppercase; padding: 2px 10px; border-radius: 20px;}
.great-for {font-size: var(--xxsmall);}
.meta-wrapper {padding-top: 10px; margin-top: 5px; border-top: 1px solid var(--black);}
.meta-wrapper h5 {color: var(--primary);font-family: 'Helvetica Neue'; letter-spacing: 0; font-size: var(--xxsmall) !important;}
.card-wrapper .meta-wrapper * { color: var(--black); font-family: 'Avenir Next LT Pro';  letter-spacing: 0; text-transform: uppercase;  font-size: 9px !important;letter-spacing: 1px;}
/* Featured Product */
.featuredproduct-wrapper {background: var(--white);border-radius: 0;}
.product-content .sm-text * {font-weight: normal !important;}
.tab.active { display: block; opacity: 1; visibility: visible;}
ul.tabs.clearfix { display: none;}
.product-content .sm-text h3 {display: none;}
.product-content .sm-text p:nth-child(n+2) { display: none;}
.product-content .sm-text ul {display: none;}
.product-content .product-headline { border-bottom: 1px solid #555; padding-bottom: 20px;}

.product-thumb-swiper { position: relative ; height: auto;} 
.product-thumb-swiper .swiper-slide {width: 80px !important; height: auto !important; aspect-ratio: 1 / 1;}
.featuredproduct-wrapper .product-content {padding: 40px; box-sizing: border-box;}
.featuredproduct-module .single-product-media {height: 100%; width: 100%; margin: auto 0 auto auto;}=
.featuredproduct-module .swiper-slide img {height: auto !important;}
.featuredproduct-module .swiper-slide.product-slide { border-radius: 0; overflow: hidden;}
.featuredproduct-module .swiper-slide img { object-fit: cover !important;height: 100%;}

.afterpay-paragraph { display: flex; text-transform: uppercase; font-weight: 400; margin: 0;font-family: 'Helvetica' !important;font-size: 9px; justify-content: center;}
.afterpay-logo { width: fit-content; height: 12px; margin: 0 10px;}

.addtocart-row .product-form { width: 100%;}
.product-form, .product-form .septiary-button { width: 100%;}

.addtocart-row { padding: 0; justify-content: center; align-items: stretch; box-sizing: border-box; background: transparent; border-radius: 0; width: 100%;}
.addtocart-row:hover { background: transparent;}
.addtocart-row .quantity-wrapper { flex: 0 0 auto; width: auto; gap: 10px; padding: 0 10px; box-sizing: border-box; background: var(--white); border: 1px solid var(--black);}
.addtocart-row .quantity-wrapper .quantity-input, .addtocart-row:hover .quantity-wrapper .quantity-input { max-width: 75px;color: var(--black) !important; text-align: center; border: 0;  padding: 0;}
.addtocart-row .quantity-wrapper .quantity__button svg path, .addtocart-row:hover .quantity-wrapper .quantity__button svg path { stroke: var(--black);}
.addtocart-row .addtocart-button { flex: 1 1 auto; box-sizing: border-box; padding: 12.5px 10px; background: var(--black); transition: 0.3s ease all;}
.addtocart-row .addtocart-button:hover { background: var(--secondary);}
.addtocart-row .addtocart-button, .addtocart-row:hover .addtocart-button, .addtocart-row .addtocart-button *, .addtocart-row:hover .addtocart-button * { color: var(--tertiary);}
.addtocart-row .addtocart-button:hover, .addtocart-row .addtocart-button:hover * { color: var(--black);}
.addtocart-row .addtocart-button .product-form__submit {  appearance: none; border: 0; background: transparent; width: 100%; justify-content: center;}
.addtocart-row.out-of-stock { background: var(--secondary);}
.product-icons {  flex-wrap: wrap; background: #f8f0e7; padding: 20px !important; border-radius: 10px;}
.featured-icon { width: 66px;height: 66px;}




/* Single Product */

.product-single .product { margin: 0; display: flex; align-items: flex-start; align-content: space-between;background: var(--white); padding: 20px;border-radius: 20px;}
.single-product-media { width: calc(50% - 40px);position: sticky;top: 140px;}
.single-product-media .product-swiper {height: auto;}
.single-product-media .product-slide img { display: block; min-height: 100%; object-fit: cover; aspect-ratio: 1 / 1; border-radius: 0; width: auto; max-width: 100%;}
.product-slide iframe {width: 100%; height: 100%;}
.video-slide.product-slide {height: auto;}
.single-product-media .product-thumb-swiper .product-slide img {object-fit: cover;}
.product__info-wrapper { width: calc(50% - 40px); max-width: 50% !important;}
.product-swiper { border-radius: 0;}
.product__info-container {max-width: 100% !important;}
.product-single .product-icons {padding: 15px !important; margin-top: 0 !important; flex-wrap: wrap;gap: 0;}
.product-headline {border-bottom: 1px solid var(--quartiary); padding-bottom: 10px;}
.product-description-rte p {  font-size: var(--xsmall); line-height: 1.4;}
.product-description-rte li { list-style: disc; margin-inline-start: 18px; font-size: var(--xsmall);}
.product-single .icon-with-text-list-image {  width: 25%; gap: 8px; margin-top: 10px;}
.product h1, .product h1 a { font-family: 'Helvetica Neue';font-weight: 400;}

.product__info-wrapper .kicker, .product__info-wrapper .kicker p { font-size: var(--micro); font-family: 'Avenir Next LT Pro', sans-serif; letter-spacing: 1px; margin: 0; text-transform: uppercase;}
.product-single .read-description { display: block;margin-top: 0 !important;}
.product-single .read-description ul { margin-top: 0;margin-bottom: 40px;}
.product-single .read-more {  text-transform: uppercase;  letter-spacing: 1px; font-family: 'Avenir Next LT Pro', sans-serif;  padding-bottom: 20px;color: var(--black); font-size: var(--micro);}
.sticky-buy {display: block!important;position: fixed;bottom: 20px;z-index: 999999999;background: var(--black);padding: 5px 20px; width: auto;box-sizing: border-box;left: 20px; }
.sticky-buy .product-form__buttons { flex-direction: row; gap: 20px;}
.sticky-buy .addtocart-row { width: 100%; height: 40px;background: transparent;}
.sticky-buy .buy-button-wrapper { margin-top: 0 !important;}
.sticky-buy .shopify-payment-button { display: none;}
.sticky-buy .preorder-notice-wrapper {display: none;}

.variant-selector-wrapper {border: 1px solid var(--quartiary); padding-top: 10px; border-style: solid none;}
.afterpay-wrapper .price--on-sale .price__sale { flex-direction: row !important; gap: 5px;}
variant-selects {  display: flex !important;width: 100%; margin-bottom: 0 !important; text-align-last: center;}
.variant-buttons .primary-button { padding: 15px 20px;font-size: var(--micro);}

.product__info-container .product-form {margin-top: 0 !important;}
.buy-button-wrapper {margin-top: 10px !important;}
.product-form__input--dropdown {margin: 0 !important;}
.product-form__input select { text-align: center;color: var(--black); border-radius: 0px; border: 1px solid var(--quartiary); background: var(--white);font-size: var(--xsmall);}
.product-form__input label.form__label { display: none;}
.product-form__input--pill label { color: var(--black) !important;   font-family: 'Helvetica Neue';  font-size: var(--small) !important; letter-spacing:-0.3px !important; border: 1px solid var(--black) !important;}
.product-form__input--pill input[type=radio]:checked+label {background: var(--primary) !important; color: var(--white) !important; border: 1px solid var(--primary) !important;}
.product-form__input .form__label {text-transform: uppercase;font-family: Avenir Next LT Pro,sans-serif; font-size: var(--micro); letter-spacing: 1px;}
.shopify-payment-button__button { border-radius: 30px !important;  overflow: hidden;}
.addtocart-row.out-of-stock {background: var(--secondary);}

.product-form__input { max-width: 100% !important;}
.product-form__buttons {  max-width: 100% !important;}
.skin-quiz-wrapper { padding: 20px; border-radius: 10px; margin-bottom: 40px !important}
.skin-quiz-wrapper h3 { font-family: 'Helvetica Neue'; margin:0 0 10px}
.skin-quiz-wrapper h3 p { font-size: var(--medium); margin:0}
.skin-quiz-wrapper .sm-text p { letter-spacing: -0.2px; margin:0}
.quiz-trigger { width: 40px;height: 40px;  cursor: pointer;  border: 1px solid var(--black); display: flex; border-radius: 40px; justify-content: center;align-items: center; transition: 0.3s ease all}
.quiz-trigger:hover {background: #DFD5C9; transition: 0.3s ease all}
.quiz-trigger svg path { stroke: var(--black);}

.bundle-card {background: var(--quinary); height:auto !important; box-sizing: border-box;}
.bundle-card .product-media img {height: auto;}
.bundle-accordion-item .accordion-content {padding-right: 0;}
.bundle-card .bundle-product-meta { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--black);  width: 100%;}
.bundle-card .price__container { margin: 0 !important; line-height: 1; display: flex;}

.swiper-pagination.bundle-pagination { position: relative;}
.bundle-pagination  .swiper-pagination-progressbar-fill { background: var(--primary) !important}

.product-accordion-item.faq-item, .redirect-accordion-item.faq-item {width: 100%;}
.product-accordion-item h5.active {color: var(--primary);}
.product-accordion-item:first-of-type {margin-top: 40px;}
.product-accordion-item .accordion-title, .redirect-accordion-item .accordion-title, .bundle-accordion-item .accordion-title { font-size: var(--micro);letter-spacing: 1px;}
.product-accordion-item .accordion-content * { font-size: var(--xsmall); padding: 0;}
.product-accordion-item .accordion-content li { margin-bottom: 5px}
.product-accordion-item .accordion-content { padding-right: 0;}

.redirect-accordion-item { display: flex; justify-content: space-between; align-items: center;}
.redirect-accordion-item .accordion-title:before { display: none;}
.redirect-accordion-item .accordion-redirect{ margin-top:0; margin-right: 12px; display: flex; align-items: center; width: 12px;}
.redirect-accordion-item .accordion-redirect path { stroke: var(--black);}
.accordion-video video { width:100%}
.product-accordion-item iframe {width: 100%;min-height: 350px;}

.recipient-form {max-width: 100% !important;}
.recipient-form>input[type=checkbox] { z-index: 999 !important}
.recipient-fields label { color: var(--black) !important}
.recipient-fields input, .recipient-fields select, .recipient-fields textarea {border-bottom: 1px solid var(--black) !important;border-radius: 0 !important;color: var(--black);}
.recipient-fields input:focus-visible, .recipient-fields textarea:focus-visible {border-style: none none solid !important; border-bottom: 1px solid var(--primary) !important;outline: none;}
.recipient-fields__field {margin: 0 0 10px !important;}
.recipient-checkbox>svg { margin-top: 4px !important;}
.recipient-form-field-label {font-size: var(--xxsmall) !important;}

/* Bundles */
.product-bundles .product-media img {border-radius: 5px;}
.product-bundles img { height: auto; max-height: 300px;}
.product-bundles h4 { text-align: center;}
.product-bundles h4 a { font-size: var(--small) !important; text-align: center;}
.product-bundles .price--on-sale .price__sale {flex-direction: row !important; gap:10px}
.product-bundles .price__sale .price-item { color: var(--primary);}

/* Card Accordion */
.card-accordion-item {   box-shadow: 0 0px 12px #00000030; width: 95px; margin-left: -20px; border-radius: 10px; cursor: pointer; background: var(--primary); overflow: hidden; transition: all 0.3s ease }
.card-accordion-item .card-media {position: relative; min-width: 50vw;}
.card-accordion-item .card-count{ position: absolute; font-family: 'Retroscope'; font-size: var(--large);left: 25px;}
.card-accordion-item .card-media img {  display: block; object-fit: cover; max-height: 600px;}
.card-content-wrapper { padding: 60px;}
.card-content {border-radius: 20px 0 0 20px; min-width: 50vw; max-height: 600px; width: calc(50% + 20px); margin-left: -20px}
.card-accordion-item:first-of-type { margin-left: 0;}
.icon-with-text-list-image { min-width: calc(25% - 15px);}

/* Callout Block*/
.callout-content-wrapper {width: 100%;}
.callout-item:before {content: ''; width: 1px; height: 90%; background: var(--secondary); right: 0; left: auto; position: absolute;}
.callout-item:last-of-type:before {content: none; }
.callout-item { width: 33.3%; position: relative;}
.callout-media img {width: 25px; height: fit-content;}

/* Text Block */
.large-text-wrapper { position: relative;display: flex;justify-content: center;align-items: center;}
.text-container {height: 100%; position: relative; overflow: hidden;}
.text-underlay { position: absolute; z-index: 1; opacity: 1;height: 100%; left: 0;right: 0; margin: auto;}
.text-underlay img {height: 100%; object-fit: cover;}
.feature-text--container { z-index: 2; position: relative;}
.row-width-90.text-underlay {height: 80% !important;}
.row-width-90.text-underlay img {height: 100%; object-fit: contain;}

/* Award Banner */
.award-swiper .swiper-wrapper { display: flex; align-items: center;}
.award-media img {max-height: 200px; max-width: 200px; height: fit-content;}

/* Stockist */
.contact-item { background: var(--white); padding: 10px 20px; border: 1px solid var(--black); width: fit-content;}
.contact-item h5 {  color: var(--black);text-transform: uppercase; font-size: var(--xxsmall); letter-spacing: 2px; font-family: 'Avenir Next LT Pro', sans-serif}
.contact-item .sm-text { }



/* UGC Swiper */
.ugc-media {display: flex;aspect-ratio: 9 / 14;overflow: hidden;border-radius: 8px;}
.ugc-item video {width: auto; aspect-ratio: 9 / 14; border-radius: 5px; overflow: hidden;  height: auto; object-fit: cover;}
.ugc-vimeo{position: relative; width: 100%;height: 0;padding-bottom: 177.78%; /* Aspect ratio for 16:9 */ overflow: hidden;}
.ugc-vimeo iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.swiper-slide.ugc-item { transform: scale(0.90) !important;border-radius: 5px;overflow: hidden;transition: 0.3s ease all}
.swiper-slide-active.ugc-item { transform: scale(1) !important;border-radius: 5px;overflow: hidden;transition: 0.3s ease all}

.toggle { opacity: 1; transition: .3s ease all;border: 1px solid var(--quartiary); padding: 8px 10px; font-size: var(--micro); text-transform: uppercase; font-family: 'Avenir Next LT Pro', sans-serif; letter-spacing: 1px;}
.toggle.active {opacity: 1; transition: 0.3s ease all;border: 1px solid var(--black);}
.toggle.active, .toggle.active * { color: var(--white);background: var(--black); }




/* Press */
.press-item { width: calc(33.3% - 20px);}
.press-item h3 { font-family: Avenir Next LT Pro,sans-serif;  font-size: var(--xxsmall);text-transform: uppercase; letter-spacing: 1px;line-height: 1.2; vertical-align: top;}
.press-media {border-radius: 0;overflow: hidden;  position: relative; overflow: hidden;}
.press-media img { display: block; height: auto;object-fit: cover; transform: scale(1); transition: .3s ease all; aspect-ratio: 4 / 3;}
.press-media:hover img { transform: scale(1.02);transition: 0.3s ease all;}
.press .excerpt { min-height: 60px}
.press-icon {background: var(--tertiary); width: 60px; min-width: 60px; height: 60px; border-radius: 50px; padding: 5px; box-sizing: border-box;display: flex; justify-content: center; align-items: center; overflow: hidden; max-height: 60px;}
.press-icon img { width: 100%;  max-height: 20px;  height: auto;  margin: auto;  max-width: 50px;}

/* Testimonails */
.testimonial-item h5 {font-size: var(--micro) !important;}
.testimonial-item .sm-text {max-height: 51px;text-overflow: ellipsis;overflow: hidden;}
.verified {font-weight: 600;font-size: var(--micro);}
.testimonial-item .rating-wrapper path {fill: var(--tertiary);}
.testimonial-logo img { max-height: 40px; width: fit-content; max-width: 100px}

/* Blog Swiper */
.blog-swiper { width: 100%;}
.blog-swiper .article-card__image-wrapper.card__media { position: relative;}
.blog-swiper .card__inner { width: 100%; display: flex; flex-direction: column;}
.blog-swiper .card__media {aspect-ratio: 1 / 1; height: auto!important;}
.blog-swiper .card .media {  width: 100%;aspect-ratio: 1 / 1;}
.blog-swiper .card__media .media { aspect-ratio: 1 / 1; overflow: hidden;}
.blog-swiper .article-card .card__heading {margin: 0; font-family: 'Helvetica Neue'; font-weight: normal; letter-spacing: -1px;}
.blog-swiper .card__content { display: flex !important; padding:  20px 0 0;}
.blog-swiper .read-more { font-size: var(--xxsmall); opacity: 0.3; letter-spacing: -0.33px; width: 100%; display: flex; padding-top: 10px;}

.blog-swiper .swiper-pagination-bullet { border-radius: 0; height: 2px; margin: 0 !important;}
.blog-swiper .swiper-pagination-bullet-active { background: var(--primary) !important;}

/* Tan School */
.expert-media.vimeo { position: relative; width: 100%;height: 0; padding-bottom: 56.25%; /* Aspect ratio for 16:9 */ overflow: hidden;}
.expert-media.vimeo iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* Main Blog */
.main-blog .blog-grid { display: flex; flex-wrap: wrap; gap:30px}
.main-blog .blog-item .card__media { height: 455px}
.main-blog .blog-item .card .media {  width: 100%;aspect-ratio: 1 / 1;}
.main-blog .blog-item .card__media .media { aspect-ratio: 1 / 1; overflow: hidden;}
.main-blog .blog-item .card__inner {flex-direction: column;}
.main-blog .blog-item > .card__content { display: flex !important; padding:  20px 0 0;}
.main-blog .blog-item .card__information {gap: 5px; display: flex;flex-direction: column;}
.main-blog .blog-item .read-more { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #eee; width: 100%; display: flex; padding-top: 10px;}

select.blog__tags-list { background: var(--primary); border-radius: 20px;padding: 5px 10px; font-size: var(--xxsmall); color: var(--black) !important;}
.blog__tag .btn { font-size: var(--micro) !important;  font-family: 'Avenir Next LT Pro'; position: relative; padding: 0 4px; margin: 0; text-transform: uppercase; letter-spacing: 2px;}
.blog__tag {  line-height: 1;  margin: 0; padding: 0;}
.blog__tag-item { line-height: 1;}
.blog__x {padding: 0;right: 0;line-height: 1; bottom: 0; top: 0; height: fit-content;margin: auto; position: absolute;}
.blog__tag-current a {padding-right: 15px !important; color: var(--black) !important}

/* Article */
.article-breadcrumbs {  background: #f0e1d0; position: fixed;width: 100%;z-index: 1;}

.main-blog-section { background: var(--white);}
.blog-media-wrapper { border-radius: 20px; overflow: hidden; height: 600px;}
.blog-media-wrapper img { display: block; object-fit: cover; height: 100%;}
.article-meta h5 { font-size: 12px !important;}
.article-header { border-bottom: 1px solid #ababab; padding-bottom: 30px;}
.article-navigation {  position: sticky; top: 160px; height: fit-content;box-sizing: border-box;}
.article-nav-wrapper {  padding: 40px; box-sizing: border-box;  }
.article-nav-header a {font-size: var(--xsmall);letter-spacing: 0;font-family: 'Helvetica Neue';}
.previous-entries {padding: 40px;  background: var(--quinary); color: var(--black);}
.navigation-title h5 { color: var(--black); font-size: 12px; line-height: 1;}
.article-header li a { font-size: var(--xxsmall);} 
.share-banner { border-top: 1px solid #ddd;padding-top: 20px;}
.share-heading { border: 0 !important; padding: 0 !important; margin: 0 !important;}
.share-button__fallback { left: -190px !important; top: 0 !important;border-radius: 20px !important; padding: 5px;  border-radius: 32px !important;}

.article-template__content {margin-top: 0 !important;}
.article-title { display: flex;}
.blog-entry { padding: 20px 0;border-bottom: 1px solid #ddd;}
.article-template__content p, .article-template__content p span,  .article-template__content li {font-weight: 400 !important; font-size: var(--small);}
.article-template__content ul {padding-inline-start: 20px;}
.article-template__content li { list-style: square}
.article-template__content img {  border-radius: 10px; margin-top: 20px;}
.article-template__content strong, .article-template__content b {font-weight: normal; color: var(--black) !important;}
.article-template__social-sharing {margin-top: 0 !important;}

.article-template__content h2, .article-template__content h3 {border-top: 1px solid var(--quinary); padding-top: 20px; font-family: 'Avenir Next LT Pro' !important;text-transform: uppercase;letter-spacing: 2px !important;font-size: var(--xxsmall) !important; margin-top: 30px;}
.article-template__content h4 { font-weight: 400;margin-top: 20px; font-family: 'Helvetica Neue'; text-decoration: underline;}
.rte strong {  font-family: 'Helvetica Neue';font-size: inherit;}


/* Policy Page */
.policy-content h1 { font-size: var(--large);font-family: 'Helvetica Neue'; letter-spacing: -1px; color: var(--black);}
.policy-content h2 { font-size: var(--medium);font-family: 'Helvetica Neue'; letter-spacing: -1px; color: var(--black);}
.policy-content h3 { font-size: var(--medium);font-family: 'Helvetica Neue'; letter-spacing: -1px; color: var(--black);}
.policy-content h4 { font-size: var(--small);font-family: 'Helvetica Neue'; letter-spacing: -1px; color: var(--black);}
.policy-content p { margin-top: 2px; font-size: var(--small);font-family: 'Helvetica Neue'; color: var(--black);}
.policy-content li { list-style: square !important; font-size: var(--small)}
/* Quiz */

.c-pageContent.c-pageContent--question { padding: 140px 0;}
.okeConnect .l-button-center--withDivider { border-top: none !important}

/* Customer */
.customer.login, .customer.register { max-width: 100% !important; padding: 0 !important;}
.customer.login .full-width, .customer.register .full-width { position: relative; background-size: auto 100% !important;  background-position: center !important;}
.customer.login .full-width:before, .customer.register .full-width:before {content: '';position: absolute;top: 0;left: 0;width: 100%; height: 100%; background: var(--tertiary); opacity: 0.7; z-index: 0;}
.login-module { width: 66%; margin: auto; z-index: 1; position: relative; height: fit-content;border-radius: 20px; overflow: hidden;}
.account-media { height: initial; min-height: 400px; border-radius: 20px 0 0 20px; overflow: hidden;}
.account-media img {  display: block; height: 100%; min-height: 400px;object-fit: cover;}
.account-form { padding: 40px; box-sizing: border-box; border-radius: 20px; overflow: hidden;  margin-left: -20px;}
.account-form input, .account-form select, .account-form textarea { background: transparent;border: 1px solid var(--black) !important; color: var(--black) !important;}
.account-form label {color: var(--black) !important; font-size: var(--xsmall) !important;font-family: 'Open Sans' !important;}

.account-actions a { text-transform: uppercase; font-size: 10px; letter-spacing: 1px;}
.customer button {margin: 0 !important;}
.customer .field {margin: 0 !important;}
.reset-actions a { width: fit-content !important;  margin: 0 !important;}
.customer.login .customer form { margin-top: 20px !important;}
.customer.login .primary-button, .customer.register .primary-button { padding: 12px 30px;}

/* Cart */
.cart-container h1.tertiary-font {font-weight: bold;}
.cart-container .underlined-link {border: 1px solid var(--black);padding: 10px 20px; border-radius: 30px;}
.cart-page-items {box-sizing: inherit; border-spacing: 0 20px !important;border-collapse: separate;}
tr.cart-item td { padding: 0; border:0 ;}
tr.cart-item.gwp-line .quantity{pointer-events:none;opacity:.5}
.cart-container thead tr th { border-bottom: 1px solid var(--black) !important; width: 100%;}
tr.cart-item .badge.free {background: var(--black);width: fit-content; color: var(--white); padding: 3px 10px;border-radius: 20px; font-size: var(--xxsmall);}
.cart-item__name.h4 { font-family: 'Helvetica Neue';font-size: var(--medium); letter-spacing: -0.5px;}
.cart-page-items cart-remove-button .button {width: 30px;height: 30px; min-height: 30px !important; min-width: 30px !important;}
.cart-page-items .cart-item__quantity-wrapper { display: flex; align-items: center;}
.cart-page-items .quantity__button svg path {stroke: var(--black);}
.cart__footer .cart__ctas button {width: 100%;background: var(--black);border-radius: 30px; color: var(--white); border: 0; letter-spacing: -0.5px;font-size: var(--small);}
.cart-page-items .quantity-popover-container {background: #f2efec; border-radius: 30px; display: flex; align-items: center;justify-content: center;padding: 5px 0;}
.cart-page-items .quantity__input { color: var(--black) !important;font-size: var(--small) !important;font-family: 'Helvetica Neue' !important;}
h2.totals__total {font-family: 'Helvetica Neue';font-size: var(--medium);font-weight: normal;}


/* Policy */
.shopify-policy__container {max-width: 95% !important;padding-left: 20px;padding-right: 20px;padding-top: 140px;text-align: left;}
.shopify-policy__title {text-align: left !important;}

/* Footer */
.full-width.footer-container { border-top: 1px solid var(--black); width: 95%;}
.footer__blocks-wrapper {gap: 45px 0;}
.footer-block__details-content p {font-size: var(--xsmall);letter-spacing: -0.25px;}
.footer-block__heading em { font-style: normal}
.footer-bottom { border-top: 1px solid var(--black);padding-top: 20px;font-size: var(--xxsmall);}
.footer-newsletter .col5 { position: relative;}
footer .code svg path {fill: var(--black);}

footer .code svg { height: 24px;width: fit-content;}
.social-icons a {height: 25px;}
.social-icons svg { width: 25px; height: 25px;}
.social-icons path {fill: var(--black);}




@media (max-width: 1023px) {
:root {
--xxlarge: 42px
}

   
.m-flex-column { flex-direction: column }
.m-flex-column > .col2 { width: 100%; box-sizing: border-box; max-width: 100% !important;}
.m-flex-column > .col3 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col4 { width: 100%; box-sizing: border-box;max-width: 100% !important;} 
.m-flex-column > .col5 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col6 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col7 { width: 100%; box-sizing: border-box;max-width: 100% !important; }
.m-flex-column > .col8 { width: 100%; box-sizing: border-box;max-width: 100% !important;}
.m-flex-column > .col9 { width: 100%; box-sizing: border-box;max-width: 100% !important; }
.m-flex-column .button-wrapper { flex-direction: row; margin-top: 5px; align-items: flex-start;}

  
.desktop { display: none !important}
.mobile { display: inherit !important;}

.sm-text p { font-size: 12px !important;}
.button-wrapper {justify-content: center;}


/* Announcement */
.announcement-bar__message {font-size: var(--micro) !important;}
  
/* Menu */
.menu-drawer { margin-top:-40px; }
.menu-opening .menu-drawer {margin-top: -40px;}

.header-main-menu-links-mobile { display: flex; gap: 10px;}
.header-main-menu-links a {font-size: var(--micro);}

.menu-toggle .menu-label {display: none;}
.menu-opening .menu-drawer { transform: translate(0) !important;  min-height: 90vh !important; opacity: 1; z-index: 9 !important}  
.menu-drawer__navigation-container {flex-direction: column;}
.menu-modules {flex-direction: column;}
.menu-drawer__localization localization-form {display: none !important;}  
.menu-parent-wrapper {width: 100%;}
.bundle-save-module, .menu-media { display: none;}

.main-navigation {width: 100vw;top: 0;}
.page-width.drawer-menu { background: var(--white);padding: 10px 20px;}
.header__icons {padding-right: 0;}
.header__search { width: 35px;}
.header__icon, .header__icon--cart .icon {width: 35px !important;}

.parent-column { width: 100%;}
.mobile-parent-toggle {  font-family: 'Avenir Next LT Pro'; text-transform: uppercase; font-size: var(--xxsmall); letter-spacing: 2px;  background: none;border: none;width: 100%;  border: 1px solid var(--quartiary); border-style: none none solid; padding: 5px 10px 12px; text-align: left;display: flex;justify-content: space-between; align-items: center;}
.mobile-child-list {display: none;}
.mobile-child-list.active { display: flex; padding: 10px; flex-direction: column; gap: 10px;}
.mobile-child-list a {font-size: var(--medium);font-family: 'Helvetica Neue';}
.chevron {transition: transform 0.3s ease;}
.chevron svg {transition: transform 0.3s ease; max-width: 20px; max-height: 20px}
.mobile-parent-toggle.active .chevron {transform: rotate(180deg); /* Flip arrow */}

.mobile-parent-item { margin-bottom: 10px;}
.mobile-menu-list.mobile { flex-direction: column;padding: 10px; box-sizing: border-box;}
.menu-collections {width: 100%;}
.collection-tabs.align-right { flex-wrap: nowrap; width: 100%; gap: 10px;overflow: scroll;}
.collection-tabs .tab-button { min-width: fit-content;}

/* Banner Swiper */
.full-width.banner-row { padding: 0 !important;}
.banner-content {width: 100%;padding: 60px 5% !important;  align-items: center;left: 0 !important;}
.banner-content.module-right { left: 0; right: auto; padding: 0 5% !important;width: 100%; left: 0 !important;}
.hero-banner .banner-title {width: 75%;}
 .hero-banner .banner-title h2 {font-size: var(--xxlarge)}

.banner-content:before {content: ''; position: absolute;top: 0; left: 0;width: 100%; height: 100%;  opacity: 0.6; z-index: -1;}
.banner-content .black, .banner-content .black p {color: var(--tertiary); text-align: center}
.banner-media .mobile { min-width: 100%;}
.banner-media { position: absolute;width: 100%;height: 100%;} 
.banner-content p { text-align: center;}

  .countdown p, .countdown { color: var(--tertiary);}

  
/* Page Banner */
.page-banner-container .banner-content { align-items: center;}
.heading-text--header .sm-text {width: 90%;} 
 
/* Collection */
.collection-heading, .expert-heading {flex-direction: column;}
.category-header { flex-direction: column; margin-bottom: 20px; text-align: center;} 
.category-header h4:before { display: none}
.collection-toggle { justify-content: center;margin: 20px 0 0;}
.collection-wrapper { width: 90%;}

.tab.current {height: fit-content !important;}
.quick-add-to-cart { display: none;}

/* Call Outs */
.callout-wrapper .swiper-pagination-bullet { background: #000; border-radius: 0; height: 2px; width: 35px !important; margin: 0 !important;}
.callout-item:before { display: none !important}
  
 
/* Collection Grid */
.facets-container {display: none !important;}
.collection .product-grid {gap: 10px;}
.collection.row-width-90 { width: 95%; max-width: 95%;} 
.collection .product-item {width: calc(50% - 5px); max-width: 50%;}
.product-item .card-meta-wrapper { margin-top: 0; gap: 3px;}
.collection .card__content { margin-top: 10px;}
.collection .product-title { min-height: 30px; width: 100%;}
.collection .product-headline { margin-bottom: 5px;}
.collection .meta-wrapper { min-height: 40px; padding-top: 0;  margin-bottom: 10px;}
.collection .meta-wrapper h5 {display: none;}
.collection .rating-wrapper {min-height: 20px;}
.collection .quick-add-to-cart { margin-top: 5px !important;}
.collection  .great-for { letter-spacing: -0.2px; line-height: 1; width: 100%;}
.collection .card-variant-selector { margin-top: 0; min-height: 40px; flex-direction: column; gap: 0px; }
.collection .card-option-group {margin: 0;}
.product-grid .grid__item, .featured-card { width: 100% !important;min-width: 100% !important;}

.product-card-wrapper .card__inner { display: flex;flex-direction: column;}
.quick-add-to-cart { display: flex; opacity: 1; z-index: 2; position: relative; bottom: 0;width: 100%; margin: 20px 0 !important;}
.product-card-wrapper  .variant-selector {border: 1px solid var(--black);} 
.swiper-slide.product-slide { overflow: hidden; border-radius: 0; max-height: fit-content !important; width: 100% !important;  box-sizing: border-box;}
  
  
/* Single Product */
.product-single {  width: 90%; max-width: 90%; padding-top: 0;}
.product-thumb-swiper .product-slide { width: 80px !important;}
.product-single .product {flex-direction: column;gap: 20px; padding:0}
.product-single .single-product-media {position: relative; top: 0;width: 100%;flex-direction: column; max-width: 100% !important;} 
.product-accordion-item, .redirect-accordion-item{width: 100%}
.product-accordion-item iframe {min-height: 250px;}
.featured-header { text-align: center; display: flex; align-content: center; align-items: center;}
.product-headline {flex-direction: column; text-align: left;gap: 5px; margin-bottom: 20px; align-items: flex-start;}
.afterpay-wrapper.flex-row {flex-direction: column;gap: 5px;}
.product__info-wrapper { width: 100%; max-width: 100% !important;}
.review-wrapper {flex-direction: column; width: 90%;gap: 0;}
.review-content, .review-list { width: 100%;text-align: center;} 
.review-content p { width: 100%;text-align: center;} 

/* FAQ Accordion */
.accordion-content {padding-right: 20px;}
.accordion-items { align-items: flex-start;}
.accordion-title { letter-spacing: -0.5pxpx; padding-right: 30px;}
.faq-item { width: 100%}

/* Split Content */
.splitcontent-wrapper {flex-direction: column;}
.split-media, .split-code {width: 100%;} 


/* UGC Swiper */
.ugc-module .collection-wrapper { width: 100% !important; max-width: 100%;}

/* Stockist */
.stockist-wrapper {flex-direction: column; margin-bottom: 60px}
.stockist-row {flex-direction: column; margin-top: 20px; gap: 10px;width: 100%;}  

 /* Contact Form */
.contact-module .row-width-90 { flex-direction: column;width: 100%; gap: 20px;}
.contact-content, .contact-form { width: 90%;  margin: 0 auto;}

/* Blogs */
.main-blog-container {max-width: 90%;}
.main-blog .blog-item { width: 100%;}
.blog-tag-wrapper {display: none;}
.blog-swiper .swiper-slide .card__media { height: 400px !important}

  
 /* Single Blog */
.blog-media-wrapper {height: 400px;}
.main-blog .blog-item .card__media {height: 400px;}
article.article__wrapper {flex-direction: column;} 
.article-navigation { width: 100%;position: relative;top: 0;order: 2;}  
.article-template__content { width: 100%;}  
.breadcrumb-container .article-share { display: none}  
.breadcrumb-container .sm-text {font-size: var(--micro);} 
.breadcrumb-container {padding: 8px;display: flex; justify-content: center;}
  
/* Card Accordion*/
.card-accordion-item { width: 60px !important; flex-direction: column;}
.card-accordion-item .card-media, .card-accordion-item .card-content {max-width: 100vw !important;}
.card-accordion-item .card-media, .card-accordion-item .card-media img { max-height: 300px !important}  
.card-accordion-item .card-content {min-height: 100%;}
.card-content-wrapper h2 { font-size: var(--large) !important;}
.card-content-wrapper {padding: 40px;}
.featured-icon {  width: 50px; height: 50px;}
.card-content-wrapper .sm-text {font-size: var(--micro) !important; margin-top: 8px;} 
.card-content { min-height: 550px }
.card-accordion-item .icon-with-text-list-image { width: calc(100% - 10px) !important; }


/* USP Banner */
.usp-item { width: auto;}
.usp-item .iconwrapper img { width: fit-content;}
.usp-icon.icon-wrapper {display: flex;justify-content: center;}  
.usp-item .text-left { text-align: center;} 
.usp-swiper .swiper-pagination-bullet-active {background: var(--tertiary) !important;}
.usp-swiper .swiper-pagination-bullet { background: #000; border-radius: 0; height: 2px; width: 50px !important; margin: 0 !important;}
 
/* Experts */
.category-header .text-left {text-align: center;}
.expert-module .button-wrapper { display: flex;justify-content: center;}
.expert-item {width: 100%;} 

  
.kl-teaser-UKqQJB {bottom: 0 !important;right: 0 !important; padding: 0 !important;}

/* Footer */
.footer-container {padding: 60px 0 !important;}
.footer__content-top {max-width: 100% !important;width: 100%;}
.footer__blocks-wrapper { flex-wrap: wrap; display: flex; gap: 30px 20px;}
.footer-block__details-content { width: 100%;} 
.footer-block--menu {width: calc(50% - 11px);}
.footer-block.col4-5 , .footer-block.col7 { width: 100% !important}
.footer .link { font-size: var(--xsmall) !important; margin-bottom: 8px;} 
.footer-newsletter .flex-row {flex-direction: column;}
.footer-newsletter .col5, .footer-newsletter .form-wrapper {position: relative;width: 100%;} 
.footer-bottom {flex-direction: column; gap: 20px;} 
.footer-brand img { width: 120px; height: auto;}
  
}


@media (min-width: 1600px) {

.menu-media { min-height: 25vw;}
.split-media img { object-position: top;}
.split-media video, .split-media img { min-height: 600px;}
.single-product-media .product-swiper { height: fit-content; aspect-ratio: 1 / 1; border-radius: 0;  overflow: hidden;}
.collection .product-item, .featured-card {width: calc(25% - 15px);}  
  
.row-width-90 {max-width: 95vw;} 
  
}