/** Shopify CDN: Minification failed

Line 700:81 Expected identifier but found "var("
Line 826:0 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: '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-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 }


.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(--micro); font-weight: 400; line-height: 1;}
.sm-text {display: block; font-size: var(--xsmall); font-weight: 400; line-height: 1.4;}
.sm-text p {font-size: inherit;  font-weight: 400; line-height: 1.4; }
.med-text, .med-text p {display: block;font-size: var(--small);line-height: 1.4;font-weight: 500;}
.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-family: 'Retroscope'; font-weight: 500; line-height: 1.2; letter-spacing: -1px; }
h2 span { line-height: 0.8;}
h3{ font-size: var(--medium); font-family: 'Retroscope Italic'; font-weight: 500;  }
h3 span { line-height: 1;}
h4{ font-size: var(--small); font-family: 'Retroscope'; 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);}
.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;letter-spacing: -1px; }
.secondary-font, .secondary-font > p { font-family: 'Rounded Mono'; font-weight: 500; line-height: 1.2;letter-spacing: -1px; }
.tertiary-font { font-family: 'Helvetica Neue'; font-weight: normal; line-height: 1.2;letter-spacing: -0.5px; }
.tertiary-font > p { font-family: 'Helvetica Neue'; font-weight: normal; line-height: 1.2;letter-spacing: 0px; }
.tertiary-font em, .tertiary-font p em { font-family: 'Retroscope'; font-weight: normal; line-height: 1.2;letter-spacing: -1px; }
.quinary-font, .quinary-font p { font-family: 'Sackers Gothic Std', sans-serif; font-weight: 900; text-transform: uppercase;}
/* 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: 'Open Sans'; color: var(--primary) ;box-sizing: border-box;font-size: var(--xxsmall);  margin: 0; letter-spacing: 0 !important;}
::placeholder{ color: var(--primary); font-size: var(--xxsmall)}

input:focus-visible, textarea:focus-visible { outline: 1px solid var(--primary);}
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); width: fit-content; padding: 10px 30px;border-radius: 25px; transition: 0.3s ease all; display: flex; transform: translateY(0px);  font-size: var(--xsmall); font-weight: normal;}
.primary-button:hover, .primary-button.active { background: var(--black); color: var(--white);  transition: 0.3s ease all }
.primary-button a {}
.primary-button.clicked {transform: translateY(3px);transition: 0.1s ease all;background: black;}

.secondary-button {cursor: pointer;background: var(--secondary);  border: 0;color: var(--white); padding: 10px 30px; width: fit-content; border-radius: 25px; font-size: var(--xsmall); 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(--white); font-family: 'Helvetica Neue'; font-weight: 600 !important; letter-spacing: -0.5px;  border: 1px solid var(--black); color: var(--black); padding: 10px 30px; border-radius: 25px; display: block; width: fit-content; font-size: var(--xsmall); 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);  border: 0; color: var(--primary); width: fit-content; padding: 10px 30px;border-radius: 25px; transition: 0.3s ease all; display: flex; transform: translateY(0px);  font-size: var(--xsmall); font-weight: normal;}
.quartiary-button:hover { background: var(--primary); color: var(--white); transition: 0.3s ease all }
.quartiary-button a {}
.quartiary-button.clicked {transform: translateY(3px);transition: 0.1s ease all;background: black;}


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

.septiary-button {cursor: pointer;background: var(--black);  border: 0; color: var(--white); border: 1px solid var(--black); width: fit-content; padding: 10px 30px;border-radius: 25px; transition: 0.3s ease all; display: flex; transform: translateY(0px);  font-size: var(--xsmall); font-weight: normal;}
.septiary-button:hover { background: var(--white); color: var(--black); transition: 0.3s ease all }
.septiary-button a {}
.septiary-button.clicked {transform: translateY(3px);transition: 0.1s ease all;background: black;}


.text-link { text-decoration: none; font-weight: normal;letter-spacing: 0; font-family: 'Helvetica Neue';}
.text-link:hover {color: var(--secondary);}
.text-link:hover svg {color: var(--secondary);}



/* Black Friday */
.blackfriday .usp-content .content-title {font-weight: 600;letter-spacing: -1px;}

.blackfriday .septiary-button { font-weight: 600;letter-spacing: -0.6px;}

/* Announcement Banner */


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

/* Header */
header {background: #f2efec;border-radius: 5px;border: 0;}
.header__heading-logo { min-width: 165px !important; max-width:180px; min-height: 20px;}
.header__heading-link { box-sizing: border-box;}
.main-navigation {transition: .5s ease all;position: fixed;z-index: 999;width: calc(100vw - 40px);display: flex; flex-direction: column; top: 20px;left: 20px;right: 20px;align-content: center;border-radius: 10px;}

.announcement-bar {width: 100%; top: 0;transition: 0.5s ease all;}
.main-navigation.sticky-header { transition: 0.5s ease all;}
.main-navigation sticky-header {background: transparent; transition: 0.5s ease all;}
.main-navigation.sticky-header sticky-header {background: white; transition: 0.5s ease all;}
.main-navigation sticky-header.whitebg {background: var(--white) !important;}

header-drawer { margin-left: 0 !important;}
.menu-drawer { width: 100% !important; height: fit-content !important; min-height: 425px; margin-top:-10px; 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: #e8e3dd !important; border-radius: 0 0 10px 10px;}

.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}


.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;}
.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;}


/* Search Module */
.search-modal {top: 64px !important; background: #e0d4cb !important;}
.search-modal__content {width: 100% !important; max-width: 100% !important;padding: 0 2.5%;}
.search-modal__form { max-width: 100% !important; width: 100% !important;}
.search.search-modal__form {width: 100% !important;max-width: 100% !important;}
.search__input.field__input { padding-right: 9.8rem; border-radius: 10px; border: 0 !important; background: #f8f3ee !important;}
.search__input.field__input:focus-visible {outline: 0 !important;}
.predictive-search.predictive-search--header { background: #f8f3ee !important; border: 0;width: 100% !important; max-width: 100%; position: absolute;left: 0 !important; right: 0 !important;}
button.predictive-search__item { background: var(--black); color: var(--tertiary);}

/* 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 { border-bottom: 1px solid var(--grey); padding-bottom: 15px; margin-bottom: 15px;}
.faq-item .accordion-content p { font-size: var(--small); font-family: 'Helvetica Neue';}
.faq-item .accordion-content p a {font-weight: bold;}


.accordion-title { position: relative;  transition: all 0.3s ease; cursor: pointer; font-size: var(--small) !important; letter-spacing: -0.5px;}
.accordion-title.active { color: var(--tertiary); transition: all 0.3s ease;}
.accordion-title.black.active {color: var(--primary);}

.accordion-title:before { content: "";position: absolute; right: 10px; top: 0;bottom: 0;margin: auto; height: 12px;width: 12px; 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: 100px; 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; border: 1px solid var(--white); background: transparent; color: var(--white); padding: 7.5px 15px; border-radius: 20px; font-size: var(--xsmall) !important;}
.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-header h4:before {content: ''; width: 1px; background: var(--primary); height: 100%; position: absolute; right:-20px; top:0}
.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);}

.collection-wrapper .swiper-pagination-bullet { border-radius: 0; height: 2px; width: 30px; max-width: 120px; margin: 0 !important;}
.collection-wrapper .swiper-pagination-bullet-active { background: var(--primary) !important;}
.swiper-pagination-bullet {background: #f1cba1;}


/* 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: 5px;text-align: center; color: var(--black); box-sizing: border-box;font-family: 'Helvetica Neue';font-weight: 400;}

.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__display {background-color: var(--tertiary) !important;}


/* Card Product */
.card__inner a {position: relative;display: block;}
.product-badges {position: absolute; top: 10px; gap: 10px; left: 10px;z-index: 9;}
.new-badge { background: transparent !important; color: var(--white) !important; ;}
.product-badges .badge { background: var(--white);padding: 10px 10px; border-radius: 20px;font-family: 'Sackers Gothic Std';letter-spacing: 1px;font-weight: 900;font-size: 9px; border: 1px solid var(--white); 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: 6 / 7; width: 100% !important; border-radius:10px !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;}
.product-item:hover .card__media .reveal{z-index: 9; opacity: 1;transition: 0.3s ease all }
.product-item:hover .card__media > img {opacity: 1;transition: 0.3s ease all}

.product-card-wrapper .card .reveal { z-index: -1;position: absolute; opacity:0; top: 0; left: 0; width: 100%; height: 100%; transition: 0.3s ease all;}
.product-card-wrapper .card:hover .reveal { z-index: 3; opacity: 1; transition: 0.3s ease all;}


.featured-card { width: calc(33.33% - 15px);max-width: 33.33%;}
.featured-card img {height: auto; width: 100%;object-fit: cover;}
.featured-card-wrapper {width: 100%;}

.card__information { width: 100%; padding: 0 !important;}
.card__content { display: flex !important; padding:  0;}
.card_product-header {min-height: 60px;}
.quick-add-to-cart {position: relative; width: 100%; height: fit-content; margin: auto !important;}
.quick-add-to-cart button { text-transform: uppercase; font-family: 'Helvetica Neue'; font-weight: 800; background: var(--black);  width: 100%; box-sizing: border-box; border-radius: 5px; text-align: center; display: flex; padding: 10px; justify-content: center;}
.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);}

.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: 'Helvetica Neue'; letter-spacing: 0; font-size: var(--xxsmall) !important; }

/* 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;}

.featuredproduct-module .product-swiper { height: 600px}
.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 { width: 100%; margin: auto 0 auto auto;}
.featuredproduct-module .product-swiper {min-height: auto;height: auto !important;}
.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;letter-spacing: 2px;font-family: 'Open Sans' !important;font-size: 9px; justify-content: center;}
.afterpay-logo { width: fit-content; height: 12px; margin: 0 10px;}
.addtocart-row { padding: 12.5px 10px; justify-content: center;box-sizing: border-box; background: var(--black);border-radius: 5px; width: 100%;}
.addtocart-row:hover { background: var(--secondary);}
.addtocart-row .product-form { width: 100%;}
.addtocart-wrapper .quantity-wrapper {width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.addtocart-wrapper .quantity-input { max-width: 15px;padding: 0; margin: 0; width: -webkit-fill-available !important; text-align: center;}
.addtocart-wrapper button, .addtocart-wrapper input { cursor: pointer;  min-width: auto; font-size: var(--xsmall); background: transparent !important; margin: 0 !important; min-height: fit-content; appearance: none; border: 0; color: var(--tertiary); -moz-appearance: textfield;}
.addtocart-button *, .addtocart-button { color: var(--tertiary); transition: 0.3s ease all;}
.addtocart-row:hover .addtocart-button *, .addtocart-row:hover .addtocart-button { color: var(--black); transition: 0.3s ease all;}
.addtocart-wrapper input::-webkit-outer-spin-button, .addtocart-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
.quantity__button svg path {stroke: var(--tertiary); transition: 0.3s ease all;}
.quantity__button svg { height: 20px;  width: 20px !important;  padding: 3px; box-sizing: border-box;}
.addtocart-row:hover .addtocart-button { color: var(--black);}
.addtocart-row:hover .addtocart-wrapper button, .addtocart-row:hover .addtocart-wrapper input { color: var(--black) !important;}
.addtocart-row:hover .quantity-input { color: var(--black)}
.addtocart-row:hover svg path {stroke: var(--black);transition: 0.3s ease all;}

.product-icons {background: #f8f0e7; padding: 20px; border-radius: 10px;}
.featured-icon { width: 66px;height: 66px;}




/* Single Product */
.product-single { padding-top: 120px;}

.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(50vw - 40px);position: sticky;top: 140px;max-width: 50vw;}
.single-product-media .product-swiper {height: auto;}
.single-product-media .product-slide img {min-height: 100%; object-fit: contain; var(--tertiary); 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: 50vw; 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-description-rte li { list-style: disc; margin-inline-start: 18px; font-size: var(--xxsmall);}
.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(--small);font-family: Helvetica Neue; letter-spacing: -.25px;font-weight: 600; margin: 0;}
.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: 0.5px;font-weight: bold;font-family: 'Rounded Mono';padding-bottom: 20px;   color: var(--primary); font-size: var(--xxsmall);}
.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; border-radius: 30px;}
.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;}

.afterpay-wrapper .price--on-sale .price__sale { flex-direction: row !important; gap: 5px;}
variant-selects { margin-bottom: 0 !important; text-align-last: center;}
.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: 5px; background: var(--quartiary);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: 10px !important; text-transform: uppercase; border: 1px solid var(--black) !important;}
.product-form__input--pill input[type=radio]:checked+label {background: var(--primary);border: 1px solid var(--primary) !important;}
.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);}

.product-accordion-item h5.active {color: var(--primary);}
.product-accordion-item:first-of-type {margin-top: 40px;}
.product-accordion-item .accordion-title { font-size: var(--xxsmall);text-transform: initial;letter-spacing: 0;}
.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: 20px;}
.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% - 10px);}

/* 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: #faeddf; padding: 10px 20px; border-radius: 20px;width: fit-content;}

/* Contact Us */
.contact__button .primary-button { padding: 12px 30px;}
.contact-form input, .contact-form select, .contact-form textarea { background: transparent;border: 1px solid var(--black); color: var(--black) !important;}
.contact-form label {color: var(--black); font-size: var(--xsmall) !important;font-family: 'Open Sans' !important;}


/* 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(--black);  padding: 10px 15px; border-radius: 20px; font-size: var(--xsmall) !important;}
.toggle h5 { font-weight: bold; text-transform: uppercase; }
.toggle.active {opacity: 1; transition: 0.3s ease all;}
.toggle.active, .toggle.active * { color: var(--white);background: var(--black);}
==

/* FAQ Module */
.parent-faq {width: calc(50% - 30px);}
.parent-faq .faq-item {width: 100% !important;}
.parent-faq > .accordion-content { width: 100%; padding-right: 0;margin-top: 40px;}
.faq-module .accordion-title {color: var(--black)!important;font-family: 'Helvetica Neue';font-size: var(--medium) !important;} 
.faq-module .faq-item { margin-bottom: 0 !important; width: calc(50% - 10px); border-bottom: 0; background: #f2efec; padding: 25px 20px; border-radius: 5px;}
.faq-wrapper {gap: 10px;}

/* Before & After */
.beforeafter-item { background: var(--white);padding: 0 10px 0 0;  border-radius: 0; height: fit-content!important; box-sizing: border-box; border: 1px solid var(--black); border-style: none solid none none;}
.beforeafter-media img {  height: 100%;  border-radius: 0; object-fit: cover; aspect-ratio: 1 / 1;}
.beforeafter-content .sm-text { min-height: 85px;}
.beforeafter-content h3 { font-family: 'Helvetica Neue';letter-spacing: 0;font-weight: normal;letter-spacing: -0.5px;}
.beforeafter-content a {background: transparent;  border: 1px solid var(--black); padding: 5px 10px; border-radius: 20px; letter-spacing: 0;font-size: var(--xsmall);}
.beforeafter-header h1 {font-family: 'Helvetica Neue'; font-weight: normal; letter-spacing: -1px;}
.beforeafter-header h1 em {font-family: 'Retroscope Italic';}
.beforeafter-item .author-handle {font-size: 8px !important;}
/* Experts */
.expert-item { width: calc(50% - 20px);}
.expert-media img { border-radius: 5px;overflow: hidden; height: 450px; object-fit: cover;}
.expert-item .excerpt { min-height: 60px}
.read-more.toggle { border-top: 1px solid #ddd !important; padding-top: 15px;color: var(--black) !important; opacity: 1; font-weight: bold; font-size: 10px;}
.read-more-content {height: 0; overflow: hidden; transition: 0.3s ease all;}
.read-more-content.active { height: 100%; transition: 0.3s ease all;}

/* Press */
.press-item { width: calc(33.3% - 20px);}
.press-item h3 { font-family: 'Retroscope'}
.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: 6 / 7; height: auto!important;}
.blog-swiper .card .media {  width: 100%;aspect-ratio: 6 / 7;}
.blog-swiper .card__media .media { aspect-ratio: 6 / 7; 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-meta h3, .expert-meta h2, .expert-meta h2 a {font-size: var(--large) !important; font-family:'Retroscope'; margin: 0 !important;line-height: 1;}


.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 15px}
.main-blog .blog-item {width: calc(33.3% - 10px);}
.main-blog .blog-item .card__media { height: 455px}
.main-blog .blog-item .card .media {  width: 100%;aspect-ratio: 6 / 7;}
.main-blog .blog-item .card__media .media { aspect-ratio: 6 / 7; overflow: hidden; border-radius: 5px;}
.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 .read-more { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #eee; width: 100%; display: flex; padding-top: 13px;}

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; 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;  background: #F6ECE1;border-radius: 20px;}
.article-nav-header a {font-size: var(--xsmall);letter-spacing: 0;font-family: 'Open Sans';}
.previous-entries {padding: 40px;  background: var(--primary); color: var(--tertiary); border-radius: 20px;}
.navigation-title h5 { color: #dac8b5; font-size: 12px; line-height: 1;}
.article-header li a { font-size: var(--xxsmall);} 
.share-banner { border-top: 1px solid #ddd;padding-top: 20px;}
.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 a {color: var(--primary);}
.article-template__content .primary-button {color: var(--black);}
.article-template__content .primary-button svg path {stroke: var(--black);}
.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;}
.share-button__fallback { left: -190px !important; top: 0 !important;background: #f6ece1;border-radius: 20px !important; padding: 5px;  border-radius: 32px !important;}

.article-template__content h1 {font-family: 'Helvetica Neue'; font-size: var(--medium);letter-spacing: -0.5px;}
.article-template__content h2 {font-family: 'Helvetica Neue'; font-size: var(--small);letter-spacing: -0.5px;}
.article-template__content h3 {font-family: 'Helvetica Neue'; font-size: var(--small);letter-spacing: -0.5px; margin-top:10px}
.article-template__content h4 {font-family: 'Helvetica Neue'; font-size: var(--xsmall);letter-spacing: -0.5px; margin-top:10px}

.rte strong { color: var(--primary) !important;font-family: 'Open Sans'; font-size: inherit;}

/* 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: 10px; border-bottom: 1px solid var(--black);}
.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 */
.footer__blocks-wrapper {gap: 45px 0;}
.footer-block__details-content p {font-size: var(--xsmall);letter-spacing: -0.25px;}
.footer-block__heading { font-family: 'Helvetica Neue';letter-spacing: -0.66px;font-weight: normal; font-size: var(--medium);}
.footer-block__heading em { font-family: 'Retroscope Italic';}
.footer .link { color: var(--black); font-family: 'Helvetica Neue'; font-size: var(--xsmall) !important;line-height: 1;padding: 0 !important}
.footer-bottom { border-top: 1px solid var(--black);padding-top: 20px;font-size: var(--xxsmall);}
.footer-newsletter .col5 { position: relative;}
.footer-newsletter .col5:before {content: ''; position: absolute; width: 1px;  height: 100%;  background: var(--tertiary); right: 0;}
footer .code svg path {fill: var(--black);}

.footer__blocks-wrapper button.needsclick { padding: 0px 30px !important;font-size: 12px !important;height: 34px !important;}
.kl-teaser-UKqQJB {bottom: 0px !important; right: 50px !important; padding: 10px !important;}
.kl-teaser-UKqQJB .go681896951 { min-height: fit-content !important; width: fit-content; padding: 8px 30px !important;}
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);}
.author a { font-size: var(--xxsmall);color: #555;}

@media (min-width: 1024px) and (max-width: 1330px) {
.featuredproduct-module .product-slide img { object-fit: cover !important;}
.featuredproduct-module .swiper-slide.product-slide { aspect-ratio: 1 / 1; height: auto !important;}
.featuredproduct-module .single-product-media .product-swiper { height: fit-content;}
}


@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;}
  
h2 {font-size: var(--xlarge) !important;}
h2 strong {font-size: var(--xlarge) !important;}

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


/* Announcement */
.announcement-bar__message {font-size: var(--micro) !important;}
  
/* Menu */
.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: calc(100vw - 20px);top: 10px;left: 10px;right: 10px;}
.page-width.drawer-menu {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-size: var(--medium); background: none;border: none;width: 100%;padding: 16px;text-align: left;display: flex;justify-content: space-between; align-items: center;background: #f2efec; border-radius: 7px;}
.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;}
.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%;}

  .swiper-slide .product-title { font-size: 18px !important}
.swiper-slide .card__media { height: 500px !important;}
.tab.current {height: fit-content !important;}
.quick-add-to-cart { display: none;}
.collection-wrapper .swiper-pagination-bullet { width: 27.5px !important}

/* 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}
  
 /* Featured Collection */
.featuredproduct-wrapper {flex-direction: column; width: 90%; gap: 20px;}
.featuredproduct-module .single-product-media {flex-direction: column-reverse; width: 100%; max-width: 100%;}
.featuredproduct-module .product-swiper { min-height: fit-content;height: fit-content; }
.featuredproduct-module .swiper-slide.product-slide { max-width: 100% !important; } 
.featuredproduct-module .single-product-media img { min-height: 100%; object-fit: cover;}
.featuredproduct-module .product-thumb-swiper { height: fit-content;max-height: 120px}
.featuredproduct-module .product-thumb-swiper img { height: 100%; object-fit: cover; max-height: 120px}
.icon-wrapper {flex-wrap: wrap;}
.featuredproduct-module .read-more { font-size: var(--xsmall);opacity: 0.3;}
.featuredproduct-module .icon-with-text-list-image { width: calc(50% - 10px) !important;}  
.featuredproduct-module .product-headline {margin-bottom: 20px; align-items: center;}
.single-product-flex, .product-content.col6 { width: 100%; padding: 0;} 
.single-product-media .product-swiper { height: fit-content; width: 100%;}
.product-headline { width: 100%;}
.product-content .sm-text {margin: 0;}
.product-content .col10 { width: 100%;}
.product-thumb-swiper { width: 100%; height: 120px;}
.accordion-content .product-icons {flex-wrap: wrap; gap: 10px; padding: 20px; box-sizing: border-box;}
.accordion-content .product-icons h5 {letter-spacing: 1px; font-family: 'Rounded Mono'; padding: 0; font-size: var(--micro);}

/* Collection Grid */
.facets-container {display: none !important;}

.collection.row-width-90 { width: 90%; max-width: 90%;} 
.collection .product-item {width: 100%;}
.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: 95%; padding-top: 90px}
.product-thumb-swiper .product-slide { width: 80px !important;}
.product-single .product {flex-direction: column;gap: 20px;}
.product-single .single-product-media {position: relative; top: 0;width: 100%;flex-direction: column; max-width: 100% !important;} 
.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: center;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;} 
product-recommendations {width: 90% !important;}  
product-recommendations .product-grid { gap: 40px;}

/* FAQ Accordion */
.accordion-content {padding-right: 20px;}
.accordion-title { letter-spacing: -0.5pxpx; padding-right: 30px;}

/* Split Content */
.splitcontent-wrapper {flex-direction: column;}
.split-content { width: 100%; padding: 40px !important;} 
.split-media, .split-code {width: 100%;}  
.split-code { padding: 60px 0;}

/* Split Tabs */
.split-tabs .split-content-container {width: 100%; padding: 40px !important}  
.split-tabs .tablinks {font-size: var(--micro) !important;}  
.split-tabs .split-content {padding: 0 !important;}  
.split-tabs .content-title { width: 100%;}
.split-tabs .split-media-content img { max-height: 400px;} 

  
/* Before & After Swiper */
.beforeafter-header {text-align: center;}
.beforeafter-content {width: 100%;}
.beforeafter-row {  flex-direction: column; display: flex;align-items: center; align-content: center;}
.beforeafter-toggle {justify-content: center;}
.beforeafter-header .text-left { text-align: center;}
.toggle-wrapper {gap: 10px;}  
.toggle {font-size: var(--micro) !important;}
.beforeafter-swiper .swiper-pagination-bullet { width: 28px !important}
.beforeafter-item {padding: 0; border: 0;}
  
/* 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; }

 
/* FAQ Module */
.faq-module .faq-item { width: 100%;}
.parent-faq {width: 100%;}

  
/* 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-newsletter .col5:before { display: none !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;} 
  
}