/** Shopify CDN: Minification failed

Line 501:14 Unexpected ";"
Line 698:98 Expected ":"
Line 698:100 Expected identifier but found "0"
Line 1222:48 "text-deocration" is not a known CSS property
Line 1431:219 "transfrom" is not a known CSS property
Line 1737:38 "text-deocration" is not a known CSS property

**/
@font-face {
    font-family: 'ActaDisplay-Book';
    src:url('/cdn/shop/files/ActaDisplay-Book.woff2?v=1679983061') format("woff2"),
    url('/cdn/shop/files/ActaDisplay-Book.woff?v=1679983061') format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HolidayFree';
    src:url('/cdn/shop/files/HolidayFreeRegular.woff2?v=1729142833') format("woff2"),
    url('/cdn/shop/files/HolidayFreeRegular.woff?v=1729142833') format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ActaDisplay-Book';
    src:url('/cdn/shop/files/ActaDisplay-Book.woff2?v=1679983061') format("woff2"),
    url('/cdn/shop/files/ActaDisplay-Book.woff?v=1679983061') format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Light';
    src:url('/cdn/shop/files/Montserrat-Light.woff2?v=1679983952') format("woff2"),
    url('/cdn/shop/files/Montserrat-Light.woff?v=1679983953') format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Montserrat-Italic';
     src:url('/cdn/shop/files/Montserrat-Italic.woff2?v=1679983952') format("woff2"),
    url('/cdn/shop/files/Montserrat-Italic.woff?v=1679983953') format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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


@font-face {
    font-family: 'Apercu Pro';
    src: url('/cdn/shop/files/ApercuPro-Light.woff2?v=1679982930') format('woff2'),
        url('/cdn/shop/files/ApercuPro-Light.woff?v=1679982930') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

html {scroll-behavior: smooth; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale;}
::selection { background: var(--blush); color: var(--black);}

.hb body, .hb .link, .hb .list-menu__item--link { font-family: 'Inter';}

.container { position: relative; height: 100%;}
.row { height: 100%; position: relative;}
.row-width { width: 80%;  margin: 0 auto;}
.row-width-95 { width: 95%; max-width: 95%; margin: 0 auto;}
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto;}
.full-width { width: 100%;  margin: 0 auto;}

.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%;}
.col5{width: 41.33%;}
.col6{width: 50%; position: relative;}
.col7{width: 58.33%;}
.col8{width: 66.66%;}
.col9{width: 75%;}
.col10{width: 83.88%;}
.col11{width: 91.66%;}
.col11-5{width: 95%;}
.col12{width: 100%;}
.height-0 { min-height:0vh; box-sizing: border-box;}
.height-20 { min-height:20vh;box-sizing: border-box; }
.height-40 { min-height:40vh;box-sizing: border-box; }
.height-60 { min-height:60vh;box-sizing: border-box; }
.height-80 { min-height:80vh;box-sizing: border-box; }
.height-100 { min-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 10px}
.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-15 {padding:15px 15px}
.padding-b-15 {padding-bottom: 15px}
.padding-t-15 {padding-top: 15px}
.padding-l-15 {padding-left: 15px}
.padding-r-15 {padding-right: 15px}
.padding-20 {padding:20px 20px}
.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-t-0 { margin-top: 0; }
.margin-b-0 { margin-bottom: 0; }
.margin-l-0 { margin-left: 0; }
.margin-r-0 { margin-right: 0; }
.margin-5 { margin: 5px !important; }
.margin-t-5 { margin-top: 5px; }
.margin-b-5 { margin-bottom: 5px; }
.margin-l-5 { margin-left: 5px; }
.margin-r-5 { margin-right: 5px; }
.margin-10 { margin: 10px !important; }
.margin-t-10 { margin-top: 10px; }
.margin-b-10 { margin-bottom: 10px; }
.margin-l-10 { margin-left: 10px; }
.margin-r-10 { margin-right: 10px; }
.margin-20 { margin: 20px 0; }
.margin-t-20 { margin-top: 20px; }
.margin-b-20 { margin-bottom: 20px; }
.margin-l-20 { margin-left: 20px; }
.margin-r-20 { margin-right: 20px; }
.margin-30 { margin: 30px 0; }
.margin-t-30 { margin-top: 30px; }
.margin-b-30 { margin-bottom: 30px; }
.margin-l-30 { margin-left: 30px; }
.margin-r-30 { margin-right: 30px; }
.margin-40 { margin: 40px 0; }
.margin-t-40 { margin-top: 40px; }
.margin-b-40 { margin-bottom: 40px; }
.margin-l-40 { margin-left: 40px; }
.margin-r-40 { margin-right: 40px; }
.margin-60 { margin: 60px 0; }
.margin-t-60 { margin-top: 60px; }
.margin-b-60 { margin-bottom: 60px; }
.margin-l-60 { margin-left: 60px; }
.margin-r-60 { margin-right: 60px; }
.margin-80 { margin: 80px 0; }
.margin-t-80 { margin-top: 80px; }
.margin-b-80 { margin-bottom: 80px; }
.margin-l-80 { margin-left: 80px; }
.margin-r-80 { margin-right: 80px; }
.margin-100 { margin: 100px 0; }
.margin-t-100 { margin-top: 100px; }
.margin-b-100 { margin-bottom: 100px; }
.margin-l-100 { margin-left: 100px; }
.margin-r-100 { margin-right: 100px; }
.margin-120 { margin: 120px 0; }
.margin-t-120 { margin-top: 120px; }
.margin-b-120 { margin-bottom: 120px; }
.margin-l-120 { margin-left: 120px; }
.margin-r-120 { margin-right: 120px; }



.float-left {float: left;}
.float-right {float: right;}

.border-top { border-top:1px solid var(--black); }
.border-left { border-left:1px solid var(--black); }
.border-right { border-right:1px solid var(--black); }
.border-bottom { border-bottom:1px solid var(--black); }
.border { border:1px solid var(--black); }

.absolute-center { position: absolute;top: 0;left: 0;right: 0;width: fit-content; margin: auto;height: fit-content;bottom: 0;}
.absolute-top { position: absolute;top: 0;left: 0;right: 0;width: fit-content; margin: auto;height: fit-content;}


.flex {display: flex;}
.column { display: flex; flex-direction: column;}
.center { display: flex; align-items: center;justify-content: center; margin:0 auto}
.left { float: left; justify-content: left }
.right { float: right; justify-content: right }

.textcenter, .text-center { text-align:center;}
.textright { text-align:right;}
.textleft { text-align:left;}

.mobile { display: none !important}
.desktop { display: block}

a { cursor: pointer; text-decoration: none}


h1, h2, h3, h4, h5, h6 { z-index: 99}
h1, h1 a {font-family: 'ActaDisplay-Book', serif; font-size: var(--xxlarge); font-weight: 100; font-style: normal; letter-spacing: -1px; line-height:1}
h2, h2 a { font-family: 'ActaDisplay-Book', serif; font-size: var(--large); font-weight: 100; font-style: normal; letter-spacing: -1px;line-height:1}
h3, h3 a { width: fit-content;font-family: 'ActaDisplay-Book',serif; margin: 0; display: block; font-size: var(--medium); font-weight: 100; font-style: normal; letter-spacing: -1px;line-height:1}
h4, h4 a { width: fit-content;  font-family: 'Montserrat-Bold',sans-serif;  margin: 0; display: block; font-size: var(--xsmall);  font-weight: 400;}
h5, h5 a { font-family: 'Montserrat-Bold',sans-serif; text-transform: uppercase; letter-spacing: 2px; font-weight: 400;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
body  { font-family: 'Open Sans',sans-serif; font-size: var(--xsmall); letter-spacing: 0; line-height: 1.4; margin: 0;}
p  { font-family: 'Open Sans',sans-serif; font-size: var(--xsmall); letter-spacing: 0; line-height: 1.4; margin: 7.5px 0;}
span {line-height: 1.4; font-family:inherit;}
iframe {border: 0;}
img{width: 100%; display: block}
svg {width: auto;}
li, ul {list-style: none; padding: 0 !important;}

.primary-font, .primary-font > p { font-family: 'ActaDisplay-Book' !important;}
.secondary-font, .secondary-font > p  { font-family: 'big-caslon-fb' !important;}
.tertiary-font, .tertiary-font > p { font-family: 'Montserrat-Bold' !important;}
.quartiary-font, .quartiary-font > p  { font-family: 'Apercu Pro' !important; font-weight: 500;}
.quinary-font, .quinary-font > p  { font-family: 'HolidayFree' !important;}
.hexiary-font, .hexiary-font > p  { font-family: 'Open Sans' !important;}

.mm h1, .mm h1 a {font-family: 'big-caslon-fb', serif; font-size: var(--large); font-weight: 100; font-style: normal; letter-spacing: -1px; line-height:1}
.mm h2, .mm h2 a { font-family: 'big-caslon-fb', serif; font-size: var(--large); font-weight: 100; font-style: normal; letter-spacing: -1px;line-height:1}
.mm h3, .mm h3 a { width: fit-content;font-family: 'big-caslon-fb',serif !important; display: block; font-size: var(--medium); font-weight: 100; font-style: normal; letter-spacing: -0.5px;line-height:1}
.mm h4, .mm h4 a { width: fit-content;  font-family: 'Apercu Pro',sans-serif;  display: block; font-size: var(--xsmall); }
.mm h5, .mm h5 a { font-family: 'Apercu Pro',sans-serif;text-transform: uppercase;letter-spacing: 2px;}
.mm body  { font-family: 'Apercu Pro',sans-serif; font-size: var(--xsmall); letter-spacing: 0; line-height: 1.4; margin: 0; background: var(--lemon);}
.mm p  { font-family: 'Apercu Pro',sans-serif; font-size: var(--xsmall); letter-spacing: 0; line-height: 1.4; }
.mm a {font-family: 'Apercu Pro',sans-serif; color: inherit; }



.hb h1 {  font-size: var(--xlarge); font-family: 'freightdispcmp-pro'; font-weight: 300; font-style: italic;  line-height: 1 }
.hb h1 span {line-height: 1;}
.hb h2{ font-size: var(--large); font-family: 'freightdispcmp-pro'; font-weight: 300; font-style: italic; line-height: 1 }
.hb h2 span { line-height: 0.8;}
.hb h3{ font-size: var(--medium); font-family: 'freightdispcmp-pro';  line-height: 1; font-style: italic; font-weight: 300 }
.hb h3 span { line-height: 1;}
.hb h4{ font-size: var(--small); font-family: 'freightdispcmp-pro';  line-height: 1; font-style: italic; font-weight: 300}
.hb h5 { font-family: 'mr-eaves-modern', sans-serif !important; text-transform: uppercase;letter-spacing: 2px !important;font-weight: normal;}
.hb h6{ font-size: var(--xxsmall); font-family: 'mr-eaves-modern', sans-serif;  text-transform: uppercase; letter-spacing: 2px; font-weight: normal}
.hb body,p  { font-size: var(--xxsmall); font-family: 'Inter' !important; font-weight: 400}

.hb h1 a, .hb h2 a, .hb h3 a, .hb h4 a {text-decoration: none;color: inherit;font-family: 'freightdispcmp-pro'; text-transform: initial;letter-spacing: 0;}
.hb h1,.hb h2, .hb h3 { z-index: 2; margin: 0; line-height: 1;  letter-spacing: -0.25px;}
.hb h4,.hb h5,.hb h6 { z-index: 2; line-height: 1;  letter-spacing: -0.25px;}
.hb  h5 a, .hb h6 a {text-decoration: none;color: inherit;font-family: 'mr-eaves-modern'; text-transform: uppercase; letter-spacing: 2px; font-weight: normal}

a.anchor { display: block !important; position: relative; top: -145px;visibility: hidden;}
.hide, .hidden { display:none; transition: opacity 0.7s ease-in; opacity: 0;}


/* Colours */
:root {
	--white: #ffffff;
	--black: #333333;
	--pink: #E53E82;
	--blush: #DCC1BA;
    --light: #FAF7F5;
	--tan: #B88672;
    --nude: #ECDAD2;
    --terracotta: #BB3D14;
    --lemon: #fff7e7;
    --purple: #AF9DC6;
    --orange: #e58c45;
    --dusty: #E3B6BA;
    --berry: #B04576;
    --moss: #92B19F;
    --coral: #F3D7CC;
  --green: #E0ECCD;
	--xxlarge: 60px;
    --xlarge: 50px;
	--large: 42px;
	--medium: 26px;
	--small: 15px;
	--xsmall: 13px;
  --xxsmall: 11px;
	--micro: 10px;
	
}

.mm:root {
    --xxlarge: 70px;
    --xlarge: 60px;
    --large: 44px;
    --medium: 22px;
    --small:15px;
    --xsmall: 13px;
    --xxsmall: 11px;
  
}

.transparent { color: transparent;}
.transparentbg { background: transparent}
.white, .white p { color: var(--white);}
.whitebg { background:rgb(255, 255, 255);}
.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);}

.mm .whitebg {background: var(--lemon);}
.mm .primary, .mm .primary p, .mm .pink, .mm .pink p { color: var(--orange);}
.mm .primarybg { background: var(--orange);}
.mm .secondary, .mm .secondary p { color: var(--green);}
.mm .secondarybg { background: var(--green);}
.mm .tertiary, .mm .tertiary p { color: var(--purple);}
.mm .tertiarybg { background: var(--purple);}
.mm .quartiary, .mm .quartiary p { color: var(--lemon);}
.mm .quartiarybg { background: var(--lemon);}

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

.black { color: var(--black);}
.blackbg { background: var(--black);}
.pink { color: var(--pink);}
.pinkbg { background: var(--pink);}
.blush { color: var(--blush);}
.blushbg { background: var(--blush);}
.tan { color: var(--tan);}
.tanbg { background: var(--tan);}
.nude { color: var(--nude);}
.nudebg { background: var(--nude);}
.light { color: var(--light);}
.lightbg { background: var(--light);}
.purple { color: var(--purple);}
.purplebg { background: var(--purple);}
.terracotta { color: var(--terracotta)}
.terracottabg { background: var(--terracotta)}


/* Habitual Beauty Gradients */
.hb .gradient-overlay {z-index: 0;width: 100%;height: 100%; opacity: 0.6; background-blend-mode: color;}
.hb .gradient { background: radial-gradient(farthest-corner circle at 33% 0%, #eec2e7 0%, #eec2e7 50%, transparent), radial-gradient(farthest-corner circle at 50% 200%, #0ad3ff 0%, #0ad3ff, transparent) var(--primary) !important;}
.hb .gradient1 { background: radial-gradient(farthest-corner circle at 33% 0%, #ffd80a38 0%, #ffd80a14 50%, transparent), radial-gradient(farthest-corner circle at 50% 200%, #0ad3ff 0%, #0ad3ff29, transparent) var(--primary) !important}



sup {font-size: 0.5em; text-decoration: none !important;}
.micro-text {  font-size: var(--micro); line-height: 1.2;}
.xxsm-text {  font-size: var(--xxsmall); line-height: 1.2;}
.xsm-text { font-size: var(--xsmall); line-height: 1.4;}
.sm-text { font-size: var(--small); line-height: 1.4;}
.med-text { font-size: var(--medium); line-height: 1.4}
.lrg-text {  font-size: var(--large); line-height: 1.4}
.xlrg-text {  font-size: var(--large); line-height: 1.4}

.mm .sm-text { font-family: 'Apercu Pro'; line-height: 1.1;}
.mm .med-text { font-family: 'Apercu Pro';line-height: 1.3;}
.mm .lrg-text { font-family: 'Apercu Pro';line-height: 1.4;}

.hb .sm-text { font-family: 'Inter'; line-height: 1.1;}
.hb .med-text { font-family: 'Inter';line-height: 1.3;}
.hb .lrg-text { font-family: 'Inter';line-height: 1.4;}


.rte ul {padding:0}

/* Buttons */
.button-wrapper {margin-top: 20px; display: flex;gap: 20px;flex-direction: row; align-items: center;}
.button-wrapper a img { width: 7px;  margin-left: 10px;}
.mm .button-wrapper a img { display: none;}

.button, .primary-button {display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--black); cursor: pointer; padding: 7.5px 25px; border-radius: 30px !important; font-family: 'Montserrat-Regular',sans-serif;  font-weight: 600;text-transform: uppercase;font-size: var(--xxsmall);letter-spacing: 1px; text-decoration: none; color: var(--black);transition: 0.5s ease all;-webkit-appearance: none;appearance: none;background-color: transparent; box-sizing: border-box;}
.button:hover, .primary-button:hover { background: var(--nude) !important;transition: 0.5s ease all; }
.mm .button { background: var(--orange); border: 0; color: var(--lemon); font-family: 'Apercu Pro' !important;}
.mm .button:hover { background: var(--purple) !important; color: var(--black);}

.button2, .secondary-button { background: var(--nude);  border: 0; padding: 7.5px 35px; width: fit-content; display:block; color: var(--black); border-radius: 30px !important; font-family: 'Montserrat-Regular',sans-serif; font-weight: 600;text-transform: uppercase;font-size: var(--xxsmall);letter-spacing: 1px; text-decoration: none; }
.button2:hover; .secondary-button:hover { background: var(--tan);color: var(--white);text-decoration: none}
.mm .button2 {background: var(--purple);font-family: 'Apercu Pro' !important; color: var(--lemon);}
.mm .button2:hover { background: var(--orange) !important; color: var(--lemon);}

.button3, .tertiary-button { background: var(--black); padding: 12px 35px; width: fit-content; border:0; display:block; color: var(--white); border-radius: 30px !important; font-family: 'Montserrat-Regular',sans-serif;font-weight: 600;text-transform: uppercase;font-size: var(--xxsmall);letter-spacing: 1px; text-decoration: none; }
.button3:hover, .tertiary-button:hover { background: var(--pink) !important;color: var(--white) !important; text-decoration: none}

.button4, .quartiary-button { font-family: 'Montserrat'; background: transparent; border: 1px solid var(--black); color: black;padding: 7.5px 20px; border-radius: 30px; font-size: var(--xxsmall);text-transform: uppercase; letter-spacing: 2px; text-decoration: none;  transform: scale(1);transition: 0.3s ease all;}
.button4:hover, .quartiary-button:hover { background: var(--black); color: var(--white);  transform: scale(1.02);transition: 0.3s ease all;}

 .quinary-button { font-family: 'Montserrat'; background: var(--primary); border: 1px solid var(--primary); color: var(--white) !important;padding: 10px 20px; border-radius: 30px; font-size: var(--xsmall);text-transform: uppercase; letter-spacing: 2px; text-decoration: none;  transform: scale(1);transition: 0.3s ease all;}
.quinary-button:hover { background: transparent; color: var(--primary) !important;  transform: scale(1.02);transition: 0.3s ease all;}


.mm .quartiary-button { font-family: 'Apercu'; background: transparent; border: 1px solid var(--lemon); color: var(--lemon);padding: 7.5px 20px; border-radius: 30px; font-size: var(--xxsmall);text-transform: uppercase; letter-spacing: 2px; text-decoration: none;  transform: scale(1);transition: 0.3s ease all;}
.mm .quartiary-button:hover { background: var(--lemon); color: var(--orange);  transform: scale(1.02);transition: 0.3s ease all;}

.textlink { font-family: 'Montserrat-Bold', sans-serif;  color: inherit; text-transform: uppercase;letter-spacing: 2px;text-decoration: none;font-size: var(--xxsmall);}
.mm .textlink { letter-spacing: 1px;text-decoration: underline;}

.hb .primary-button {cursor: pointer; letter-spacing:0; background: var(--primary); border: 0; font-family: 'Inter'; text-transform: none;color: var(--black); width: fit-content; padding: 10px 25px; transition: 0.3s ease all; display: flex; transform: translateY(0px); border-radius:0 !important;  font-size: var(--xsmall); font-weight: 300;}
.hb .primary-button:hover { background: var(--black); color: var(--white); transition: 0.3s ease all }
.hb .primary-button a {}
.hb .primary-button svg { transform: translateX(0px); transition: 0.3s ease all }
.hb .primary-button svg path { stroke: var(--black); transition: 0.3s ease all }
.hb .primary-button:hover svg path { stroke: var(--white); transition: 0.3s ease all }
.hb .primary-button:hover svg {transform: translateX(10px); transition: 0.3s ease all }

.hb .secondary-button {cursor: pointer; letter-spacing:0;background: var(--black);  display: flex; border: 0; font-family: 'Inter'; text-transform: none; color: var(--primary); padding: 8px 20px; width: fit-content; font-size: var(--xsmall); font-weight: 300; border-radius:0 !important;  transition: 0.3s ease all}
.hb .secondary-button:hover { background: var(--tertiary); color: var(--primary); transition: 0.3s ease all}
.hb .secondary-button a {}
.hb .secondary-button svg { transform: translateX(0px); transition: 0.3s ease all }
.hb .secondary-button svg path { stroke: var(--primary); transition: 0.3s ease all }
.hb .secondary-button:hover svg path { stroke: var(--primary); transition: 0.3s ease all }
.hb .secondary-button:hover svg {transform: translateX(10px); transition: 0.3s ease all }

.hb .tertiary-button { cursor: pointer; letter-spacing:0;background: var(--white); border: 0; font-family: 'Inter'; text-transform: none; color: var(--black); padding: 10px 20px; display: block; width: fit-content; font-size: var(--xsmall); font-weight: 300; border-radius:0 !important;  transition: 0.3s ease all}
.hb .tertiary-button:hover { background: var(--black); color: var(--primary); transition: 0.3s ease all }
.hb .tertiary-button a {}
.hb .tertiary-button svg { transform: translateX(0px); transition: 0.3s ease all }
.hb .tertiary-button svg path { stroke: var(--black); transition: 0.3s ease all }
.hb .tertiary-button:hover svg path { stroke: var(--primary); transition: 0.3s ease all }
.hb .tertiary-button:hover svg {transform: translateX(10px); transition: 0.3s ease all }
.hb .text-link {
    text-decoration: none;
    font-weight: 400;
    
}
.hb .text-link {text-decoration: none; font-weight: 400; font-family: 'Inter';color: var(--black);}
.hb .text-link:hover {color: var(--black); }
.hb .text-link svg { transform: translateX(0px); transition: 0.3s ease all }
.hb .text-link svg path { stroke: var(--black); transition: 0.3s ease all }
.hb .text-link:hover svg path { stroke: var(--black); transition: 0.3s ease all }
.hb .text-link:hover svg {transform: translateX(10px); transition: 0.3s ease all }

/* Modals */
.mfp-bg.mfp-ready { z-index: 9999999999 !important;}
.mfp-wrap.mfp-auto-cursor.mfp-ready { z-index: 99999999999 !important;}
.mfp-content { width: 73vw !important; margin: 0 auto; background: var(--white); padding: 40px !important; box-sizing: border-box;}
a.popup-modal-dismiss {color: inherit; position: absolute; top: 20px;right: 20px;}
.mfp-content h3 { color: var(--pink);}

.grid { display: grid;grid-template-columns: 1fr 1fr 1fr;margin-bottom: 2rem;padding: 0; width: 100%;list-style: none;grid-column-gap: 20px; grid-row-gap: 30px;}
.grid:last-child { margin-bottom: 0;}
.grid--gapless.grid { column-gap: 0; row-gap: 0;}
.mm .grid {grid-column-gap: 40px;  }

/* Brand Switch */
.brand-switchs .row { justify-content: space-between; width: 95%;margin: 0 auto; padding-top: 10px;}
.brand-switch { display: block; border-radius: 10px 10px 0 0 ;}
.switch-wrapper {  display: flex; gap: 8px}
.brand-switch img { max-height: 15px;width: auto; padding: 10px 20px; box-sizing: content-box;display: block;}
.switch-wrapper.krumble-active .brand-switch:first-of-type {background: var(--pink);transition: 0.2s ease all}
.switch-wrapper.krumble-active .brand-switch:nth-child(2) { background: var(--purple);transition: 0.2s ease all; }
.switch-wrapper.krumble-active .brand-switch:nth-child(2):hover { background: var(--green); transition: 0.2s ease all}
.switch-wrapper.mini-active .brand-switch:first-of-type {background: var(--pink);}
.switch-wrapper.mini-active .brand-switch:first-of-type:hover {background: var(--coral);transition: 0.2s ease all}
.switch-wrapper.mini-active .brand-switch:first-of-type img{   filter: invert(1);}
.switch-wrapper.mini-active .brand-switch:nth-child(2) {background: var(--purple);}
.switch-wrapper.krumble-active .brand-switch:first-of-type img{   filter: invert(1);}

.switch-wrapper.hb-active .brand-switch:nth-child(3) img {filter: invert(0) brightness(0);}
.switch-wrapper.hb-active .brand-switch:nth-child(3) { background: var(--primary);transition: 0.2s ease all; }
.switch-wrapper.hb-active .brand-switch:nth-child(3):hover { background: var(--black); transition: 0.2s ease all}
.switch-wrapper.hb-active .brand-switch:nth-child(3):hover img {filter: invert(1) brightness(11);}
header {position: sticky;top: 0; z-index: 999;  width: 100%; background: transparent; transition: 0.1s ease all;}
header.whitebg {transition: 0.1s ease all;}
.mm header { background: var(--lemon)}


/* Input */
.field:before, .field:after , .select:before, .select:after { display:none}
.customer form input, .customer form select, .customer form textarea, .contactus form input, .contactus form select, .contactus form textarea  { border: 1px solid var(--black) !important; border-radius: 30px !important; font-family: 'Montserrat-Regular' !important; font-size: var(--xxsmall) !important; letter-spacing: 0 !important}
form .button, form .button1 { width: 100%}
textarea { border: 1px solid var(--black) !important; outline: none; background: white; border-radius: 20px !important; height:80px; padding: 10px 20px !important; box-shadow: none; height: 40px; min-height: 50px !important; max-height:300px; resize: vertical}
textarea:before {display:none}
::-webkit-scrollbar { display: none;}

/* Announcement Banner */
.announcement-bar-static { z-index: 9999;}

.announcement-bar .row {display: flex;justify-content: space-around; width: 100%;margin: 0 auto;overflow: hidden;}
.announcement-bar__link { display: block;width: 100%;padding: 1rem 0;text-decoration: none;}
.announcement-bar__link .announcement-bar__message {padding: 0;}
.announcement-bar__message { padding: 7px 20px;margin: 0;box-sizing: border-box;text-align: center;color: var(--white); font-family: 'Montserrat-B', sans-serif;font-weight: 500;font-size: var(--xxsmall);}
.mm .announcement-bar__message {color: var(--black);}
.hb .announcement-bar { background: var(--primary) !important; }
.hb .announcement-swiper a, .hb .announcement-swiper, .hb .announcement-bar__message {color: var(--black) !important;}

.announcement-swiper a:hover { background: transparent;}
.announcement-swiper a { color: var(--white) !important; padding: 0 !important}
.shipping-bar .row { width:100%;}
.shipping-bar__message { padding: 10px 20px; font-family: 'Montserrat-Bold',sans-serif; margin: 0 auto; text-align: center; color: var(--white);  font-weight: 700; text-transform: uppercase; letter-spacing: 3px; font-size: var(--xxsmall);}

.mm main {background: var(--lemon);}


/* Mega Menu */
.mega-menu { position: absolute; top: 0;padding: 80px 2.5% 20px; box-sizing: border-box;width: 100%;background: var(--light); border: 1px solid var(--nude);left: 0; right: 0; border-style: none none solid none; z-index: -1;}
.mm .mega-menu { background: var(--lemon);border: 1px solid var(--black);border-style: none none solid;}
.mega-menu .product-grid {grid-template-columns: 1fr 1fr 1fr 1fr;}
.mega-menu li {width: fit-content;}
.mega-menu .card-meta, .mega-menu .price, .mega-menu .ajax-add { display: none;}
.mega-menu .card--media a {text-align: center;}
.mega-menu .feature {display: none;}
.mega-menu-product .card__heading { text-align: center;margin: 10px auto 0;}
.mega-menu-product .product-link { width: 100%; text-align: center;}
.mega-menu .list-menu__item {justify-content: space-between; padding: 10px 0; margin:0; font-family: 'Open Sans', sans-serif ;font-weight: 500; text-transform: capitalize; gap: 0;}
.kf .mm-menu { display:none}
.mm .kf-menu { display:none}
.mega-menu .card__badge { display: none;}

.hb .header__heading-logo {max-width: 225px;}


/* Main Menu */
.header__menu {padding: 0 1rem;}
.header__menu-item {padding: 10px 0;margin: 0 10px;width: auto; text-decoration: none;color: var(--black);font-size: var(--xsmall); font-weight: normal;font-family: 'Open Sans',sans-serif; gap: 10px;}
.header__menu-item:hover { font-weight: normal; color: var(--pink)}
.hb .header__menu-item { font-family: 'Inter' !important; color: var(--black)}
.hb .header__menu-item:hover { color: var(--quartiary) !important}
.mm .header__menu-item:hover { color: var(--orange)}
header-menu details .icon {transition: 0.3s ease all;}
header-menu details[open] .icon {transform: rotate(180deg); transform-origin: center;transition: 0.3s ease all;}
.mm .header__menu-item {font-family: 'Apercu Pro' !important;}

/* Navigation */
.hb .site-header .wrapper {  border-bottom: 1px solid #eee; padding: 0 5%;box-sizing: border-box; overflow: visible !important;}
.hb .has-scrolled .site-header { background: var(--white);}
.hb .header__dropdown { color: var(--black); position: absolute; top: 100%; background: var(--primary); line-height: 22px; margin: 0; text-align: left; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;pointer-events: none;}
.hb .header__dropdown__wrapper { padding: 40px 5% !important;}

.hb .grandparent.is-active .header__dropdown {visibility: visible; z-index: 2; pointer-events: all;}
.hb .grandparent.is-active .header__dropdown__wrapper,  .hb .grandparent.is-active .header__dropdown__wrapper * { opacity: 1;}

.hb .main-nav {display: flex; align-items: center; flex: 1;  justify-content: flex-end; gap:40px}
.hb .main-nav .menu__items { display: flex; align-items: stretch; justify-content: center; gap: 20px;}
.hb .main-nav .menu__item a * { font-size: var(--xsmall);font-weight: 300;}
.hb .main-nav .navlink--icon .icon {width: 25px; height: 25px; padding: 0;}
.hb .menu__items { display: flex; align-items: stretch; justify-content: center; gap: 20px;}
.hb .navlink path {stroke: var(--black);stroke-width: 7px;}
.hb .menu__item>.navlink {min-height: 100%; padding: 17.5px 0;}
.hb .menu__item--icon {min-width: 40px; justify-content: center;}

.hb .promo-module { border-radius: 20px; padding: 7px 20px;}
.hb .promo-module p {margin:0}

.link{ cursor: pointer; display: inline-block; border: none;box-shadow: none; color: var(--black); background-color: transparent; font-size: var(--xxsmall);font-family: 'Open Sans', sans-serif;}
.customer a { cursor: pointer; display: inline-block; border: none;box-shadow: none; color: var(--black); background-color: transparent; font-size: var(--xxsmall);font-family: 'Montserrat-Bold', sans-serif;}
.link--text { color: var(--black);}
.link--text:hover { color: var(--pink);}
.search__button { width: fit-content !important;}

/* Cart Drawer */
.drawer__header{ width: 100%; margin: 0 auto;}
.cart-header-wrapper { max-height: 75.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;}
.cart-header-wrapper.active {max-height: 80vh !important;transition: max-height 0.5s ease;}
.drawer__header h2 { width: 95%; margin:  0 auto 10px; }

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%;}
.drawer__header { min-height: 15vh; height: auto; gap:0}
.drawer-banner img { object-fit: cover; height: auto;}
button.drawer__close { z-index: 999; width: 40px;height: 40px;position: absolute; top: 10px;right: 15px;background: #eee;padding: 5px;border-radius: 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.drawer__close .svg-wrapper {height: 15px !important;width: 15px !important;display: flex;}
.drawer__close:hover {background: white;border: 1px solid var(--primary);}
.drawer__close:hover path{ fill:var(--primary);}
.drawer__inner-empty { width: 100%;}
.store-notice { width: 95%; margin: 0 auto;background: var(--white);  color: var(--primary); border: 2px solid #eee; border-radius: 10px; padding: 8px; text-align: center; font-size: var(--xsmall);}
.progress-bar-wrapper { width: 100%; height: 15px; background: #eee; position: relative; border-radius: 20px; margin-bottom: 5px; overflow: hidden;}
.progress-bar-bg { height: 100%; width: 100%; background-color: transparent;}
.progress-bar-fill { height: 100%;background: var(--primary);border-radius: 20px;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 {  border-bottom: 1px solid #eee; padding: 0;  margin-bottom: 20px; border; 0;}
.cart-drawer .cart-item__media { border-radius: 5px; overflow: hidden;}
.cart-item__savings { font-weight: bold; font-family: 'Montserrat-Bold' !important;}
.cart-item__final-price {font-weight: 600 !important;}
.cart-item__discounted-prices {gap: 4px;}
.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: 'Montserrat-Regular'; color: var(--primary);}


.cart-drawer .quantity { width: auto; min-height: auto; max-width: 100px;}
.cart-drawer .quantity__button {width: auto;}
.cart-drawer .quantity__button svg {width: 12px;}
.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;-webkit-appearance: none;text-transform: none; font-weight: 500; letter-spacing: 0; text-decoration: underline;font-size: var(--xsmall);}
cart-remove-button .button:hover  {background: transparent !important;color: var(--primary) !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 {display: flex; width: fit-content;align-items: center;line-height: calc(1 + 0.5 / var(--font-body-scale));padding: 5px 10px !important; border-radius: 20px;font-style: italic;}

.cart-drawer .cart__checkout-button {max-width: none; border-radius: 30px; width: 100%; cursor: pointer; background: var(--primary) !important;border: 0;padding: 14px 20px;text-transform: inherit;letter-spacing: 0; font-size: var(--small);font-weight: bold !important;font-family: 'Montserrat-Bold' !important;}
.cart-drawer .cart__checkout-button:hover {background: #e53e828a !important}
.cart-drawer .cart__checkout-button span { color: var(--white); font-weight: 500;}
.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--media { background: var(--light); border-radius: 10px; 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%;}
.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-family: 'Montserrat-Regular'; text-transform: uppercase; font-size: var(--xxsmall);padding: 7.5px 0px !important; margin-top: 0px !important}

.cart-view .swiper-slide .quick-add-btn:hover {background: var(--black) !important;}
.cart-view h3 { min-height: 45px;}
.cart-drawer .product-option dd { font-size: var(--micro);}
.cart-view .card__content { display: flex !important; text-align: center; width: 100%;}
.cart-view .card__heading a:after { content: none !important}

.drawer__footer {  min-height: 13vh; border-top: 0 !important; padding: 20px 2.5% 20px !important; background: var(--light);}
.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%; }
.milestone-detail h3 p {font-size: var(--small); margin: 0;}
.milestone-details { display: flex; width: 100%; margin-top: 30px;}
.milestone-detail { width: 100%; background: var(--white);border-radius: 10px;padding: 10px;box-sizing: border-box; position: relative; border: 2px solid #eee;}

.milestone-detail img {border-radius: 5px;}
.milestone-detail { display: none; position: relative;}
.milestone-detail.is-visible { display: flex; }
.milestone-detail::before { content: '';position: absolute;top: -18px;left: var(--connector-left, 0%);width: 2px;height: 18px;background: #eee;transform: translateX(-7px);}
.milestone-description, .milestone-description p { display: inline; font-size: var(--xsmall); line-height: 1; margin: 0}
.milestone-icon  {box-sizing: border-box; width: 45px; height: 45px;background: var(--white);border-radius: 50px;border: 2px solid var(--primary); display: flex; justify-content: center; align-items: center;}
.milestone-steps {position: absolute;top: -18px;bottom: auto; height: fit-content; margin: auto; width: 97.5%;}
.milestone-step {width: 80px; display: flex;flex-direction: column; align-items: center;}
.milestone-icon span {font-weight: bold;color: var(--primary);font-family: 'Montserrat-Regular';}
.milestone-label { text-transform: uppercase; font-size: 8px; letter-spacing: 0.5px; width: 90%; text-align: center;line-height: 1;margin-top: 5px;}
.milestone-icon .threshold { 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: 30px; height: 30px;}
.milestone-icon .checked svg path { fill: white; stroke: transparent; }
.milestone-icon.milestone-achieved .threshold { display: none;}
.milestone-icon.milestone-achieved .checked { display: flex;}
.milestone-icon.milestone-achieved {background: var(--primary); border: 2px solid  #b03064}
.milestone-achieved.milestone-icon span {color: var(--white);}
.milestone-placeholder { aspect-ratio: 1 / 1; background: var(--light);  border-radius: 5px; display: flex;justify-content: center;align-items: center;font-size: var(--medium);color: var(--primary); font-family: 'Montserrat-Bold';}
.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:30px; border-radius:999px; 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:#e61f7a; } /* 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:5px; width:20px; height:20px; border-radius:50%; background:#fff; transition:left .2s ease; }
.sp-toggle[aria-pressed="true"] .sp-toggle-knob { left:30px; }

.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 { width: 100%;}
.cart-drawer__empty-content .list-menu-item { border: 2px solid var(--primary); border-radius: 30px; padding: 15px 20px !important;}
.cart-drawer__empty-content .list-menu-item:first-of-type , .cart-drawer__empty-content .list-menu-item:hover { background: var(--primary);}
.cart-drawer__empty-content .list-menu-item:first-of-type  *, .cart-drawer__empty-content .list-menu-item:hover * { color: white !important;}


/* Brand Customisations to Cart */
.hb .cart-drawer * {font-family: 'Inter' !important;}
.hb .drawer__header h2 { font-style: normal !important;}
.hb .milestone-placeholder {background: var(--primary); color: var(--black);}
.hb .milestone-icon { border-color: var(--black) !important;}
.hb .milestone-icon * { color: var(--black) !important; }
.hb .milestone-detail h3 p { color: #313131 !important;font-family: 'Inter' !important; font-style: normal !important;}
.hb .milestone-icon.milestone-achieved { background: #313131;border: 2px solid #ffffff;}
.hb .milestone-terms:hover { color: #DEDBEC;}

.mm .cart-drawer * {font-family: 'Apercu Pro' !important;}
.mm .milestone-placeholder {background: var(--white); color: var(--orange);}
.mm .milestone-icon { border-color: var(--orange) !important;}
.mm .milestone-icon * { color: var(--orange) !important; }
.mm .milestone-detail { background: var(--lemon); border-color: var(--orange);}
.mm .milestone-detail::before { background: var(--orange);}
.mm .milestone-icon.milestone-achieved { background: var(--orange) ;border: 2px solid #e58c45;}
.mm .milestone-terms:hover { color: var(--orange);}

.hb .is-empty .cart__empty-text {display: block; color: var(--black); font-style: normal;}
.hb .progress-bar-fill { background: var(--primary);}
.mm .progress-bar-fill { background: var(--orange);}
.mm .progress-bar-wrapper{ background: #ffeccd;}
.mm .drawer__inner { background: #fff !important}

.hb .cart-item__savings { color: var(--tertiary) !important;}
.hb .cart-vendor { color: #313131;}
.hb .gwp-notice { background: #313131;}
.mm .cart-drawer .cart-item { border-bottom: 1px solid rgb(241, 240, 239);}
.mm .cart-vendor { color: var(--orange);}
.mm .cart-drawer .quantity { background: #ffffff !important;}
.mm cart-remove-button .button {color: var(--orange) !important;}
.mm .discounts__discount { background: #ffeccd;}

.hb .cart-view .swiper-slide .quick-add-btn { background: #313131; text-transform: capitalize; letter-spacing: 0 !important;}
.hb .cart-view .swiper-slide .quick-add-btn:hover { background: #5e5e5e;}
.hb .cart-view .swiper-slide .card--media { background: var(--primary);}
.mm .cart-view .swiper-slide .quick-add-btn { background: var(--orange); text-transform: capitalize; letter-spacing: 0 !important;}
.mm .cart-view .swiper-slide .quick-add-btn:hover { background: #ffd592;}
.mm .cart-view .swiper-slide .product-link { font-size: var(--xsmall);font-family: 'Apercu Pro' !important;font-weight: 500;}
.mm .cart-view .swiper-slide .card--media, .mm .cart-view .swiper-slide .card--media *  {background:rgb(250, 242, 225);}

.hb .sp-toggle[aria-pressed="true"] { background: var(--black);}
.mm .sp-toggle[aria-pressed="true"] { background: var(--orange);}

.hb .cart-drawer .cart__checkout-button { background: #313131 !important;}
.hb .cart-drawer .cart__checkout-button:hover {background:  #5e5e5e !important}
.mm .drawer__footer { background: #ffeccd;}
.mm .cart-drawer .cart__checkout-button { background: var(--orange) !important;}
.mm .cart-drawer .cart__checkout-button:hover {background:  #ffd592 !important}

.hb .cart-drawer__collection-header h4 {font-style: normal; font-family: 'Inter' !important;}
.hb .cart-drawer__empty-content .list-menu-item { border: 2px solid var(--black); border-radius: 30px; padding: 15px 20px !important;}
.hb .cart-drawer__empty-content .list-menu-item:first-of-type , .hb .cart-drawer__empty-content .list-menu-item:hover { background: var(--black) !important ;}
.hb .cart-drawer__empty-content .list-menu-item * { color: var(--black);}
.mm .cart-drawer__empty-content .list-menu-item { border: 2px solid var(--orange); border-radius: 30px; padding: 15px 20px !important;}
.mm .cart-drawer__empty-content .list-menu-item:first-of-type , .mm .cart-drawer__empty-content .list-menu-item:hover { background: var(--orange)!important ; }

@media (max-width: 1280px) and (min-width: 769px) { 
  .cart-drawer .sm-text {font-size: var(--xsmall);}
 
}
@media (max-width: 768px) { 
#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;}
  .cart-drawer .list-menu.list-menu--inline {gap: 10px;}
  .milestone-description, .milestone-description p {font-size: var(--xxsmall);}
  .milestone-icon { width: 40px;height: 40px;}
  .milestone-icon span {font-size: var(--micro);}

}


/* Search Results */
.template-search__header {background: var(--nude);  max-width: 100% !important; padding: 20px !important; box-sizing: border-box;}
.template-search__search {width: 95%;margin: 0 auto;}
.template-search__search .search__button { right: 20px;}
.template-search .facets-container { padding: 20px 0 10px;}

.template-search .card__inner { display: block !important;}
.template-search .card { display: flex;flex-direction: column; background: var(--white)}
.template-search .card:before, .template-search .card:after { display:none;}
.template-search .card > a {display: block; position: relative;aspect-ratio: 1 / 1; width: 100%; height: 100%;}
.search-page-placeholder { background: var(--nude); aspect-ratio: 1 / 1;height: 21vw; width: 100%; position: relative;  border-radius: 20px;}





/* Module Hero */
.hero-swiper .swiper-slide { flex-direction: row !important;display: flex;}
.swiper.hero-swiper { width: 100%; margin: 0;position: relative; height: 100%;}
.swiper-pagination, .new-pagination {  width: fit-content !important; position: absolute; text-align: left; left: 5% !important; z-index:9; bottom: 30px !important;}
.swiper-pagination-bullet { background: transparent; border:1px solid var(--black); opacity: 1;  margin: 0px 8px !important;}
.swiper-pagination-bullet-active { background: var(--black) !important}
.mm .swiper-pagination-bullet { border:1px solid var(--white);}
.mm .swiper-pagination-bullet-active {background: var(--white) !important; border: 1px solid var(--white) !important;}

.collection-swiper { width: 90%; margin: 0 auto;}
.collection-swiper .product-footer { display: none;}
.swiper-button-next, .swiper-button-prev { width: 15px !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 20px !important; left: auto;display: inherit !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 20px !important;right: auto;display: inherit !important;}
.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; color: var(--black); font-size: var(--medium); text-transform: none!important;font-weight: 100 !important; letter-spacing: 0;font-variant: initial; line-height: 1;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after ,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display:none;}
.text-wrapper, .image-wrapper { position: relative; height:auto; display:flex}
.image-wrapper {overflow: hidden; position: relative;}
.image-wrapper img {height: auto; min-height: 100%;}
.shop-tag {position: absolute;bottom: 20px; left: 20px; cursor: pointer; padding: 10px; border-radius: 20px; width: auto; background: var(--black); z-index: 990; display: flex; align-items: center; gap: 20px;}
.shop-tag a { font-size: var(--micro); letter-spacing: 1px;}
.tag-trigger {width: 20px; height: 20px; margin: 0;  padding: 1px;}

.hero-banner { aspect-ratio: 16 / 7; position: relative;  overflow: hidden;}
.mm .hero-banner .overlay-wrapper .black { color: var(--white) !important}
.overlay-wrapper { display: flex; flex-direction: column;  box-sizing: border-box; align-items: flex-start; justify-content: flex-end; width: 80%; margin: auto; height: auto;}
.overlay-wrapper h1 { margin: 0 0 20px 0;}
.overlay-wrapper h2 { font-size: var(--xlarge); margin: 10px 0 20px 0; width: 70%;}
.overlay-wrapper h5 { margin: 0 0 10px 0;}
.image-wrapper > img { height: auto; object-position: center; object-fit: cover;}
.banner__text { font-family: 'Montserrat-Regular',sans-serif;font-size: var(--xsmall);line-height: 1.2; margin-bottom: 20px;}
.mm .banner__text { font-family: 'Apercu Pro',sans-serif;}


/* Habitual Beauty Hero Swiper */
.hb .hero-swiper { width: 100%; height: 700px;}
.hb .media-overlay { position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: black;opacity: 0.4;  z-index: 1;}
.hb .hero-content {z-index: 9; max-width: 33vw}
.hb .hero-media video { width: 100%; min-height: 100%; object-fit: cover;}
.hb .hero-media img { height: 700px; object-fit: cover;object-position: top;}


/* Swiper Controls */
.hb .swiper-button-next:after, .hb .swiper-button-prev:after {color: var(--black) !important;font-size: var(--xsmall) !important; font-weight: bold;}
.hb .swiper-pagination { bottom: 50px !important; left: 0 !important; right: 0 !important; margin: 0 auto;}
.hb .swiper-pagination-bullet { margin: 0 4px !important; background: transparent !important; border: 1px solid var(--white); transition: 0.3s ease all}
.hb .swiper-pagination-bullet-active { width: 20px !important; border-radius: 5px !important; transition: 0.3s ease all }

.hb .swiper-pagination.black, .hb .collection-swiper .swiper-pagination, .hb .press-quotes .swiper-pagination, .hb .category-swiper .swiper-pagination,.hb  .blog-swiper .swiper-pagination,.hb .ugc-swiper .swiper-pagination, .hb .text-swiper .swiper-pagination {bottom: 0 !important;}
.hb .collection-swiper .swiper-pagination-bullet, .hb .black  .swiper-pagination-bullet,.hb .press-quotes .swiper-pagination-bullet,.hb .category-swiper .swiper-pagination-bullet,.hb .blog-swiper .swiper-pagination-bullet,.hb .ugc-swiper .swiper-pagination-bullet,.hb .text-swiper .swiper-pagination-bullet{ border: 1px solid var(--black) !important;}

.hb.swiper-button { position: absolute;bottom: 0; z-index:11; left: 5%;}

/* Collection Header */
.hb .collection-header {margin-top: 65px; display: block;}
.hb .collection-title {width: 100%;justify-content: space-between;align-items: center;}
.hb .collection-sort {display: none;}  
.hb .collection-header p {line-height: 1.2;font-size: 12px;}
.hb .collection-header .faq-item {width: 80%;}
.hb .collection-header h2 {font-family: 'freightdispcmp-pro', sans-serif; margin-bottom: 10px; font-weight: 400;text-transform: inherit;letter-spacing: 0;}
.hb .collection-header li { list-style: disc;margin-left: 15px;}
.hb .header-media-wrapper h5 {margin: 0 auto;top: 20px;}

/* Collection / Product */
.collection-banner {aspect-ratio: 3 / 1; overflow: hidden;position: relative; border: 1px solid var(--black); border-style: none none solid none;}
.collection-banner .row { overflow: hidden;}
.collection-banner .overlay-wrapper { padding-top: 40px;}

.collection-banner-media img { min-height: 100%; object-fit: cover;}
.collection-badge {width: auto; height: 120px;right: 50px; top: 100px;z-index: 2; position: absolute;}
.collection-badge img {width: auto;height: 120px;display: inline-block;}
.collection__description {text-align: center;}
.product-grid-container {width: 95%;margin: 40px auto 0;}
.mm .collection-hero {background: var(--lemon) !important;}

.banner__heading {margin: 0 0 20px 0;}
.product-card-wrapper .media { aspect-ratio: 1 / 1;  display: block; position: relative;  border-radius: 30px;   overflow: hidden;}
.card-wrapper {color: inherit;height: 100%; width:100%;position: relative; text-decoration: none; overflow: hidden; border-radius: 15px;}
.card {text-decoration: none; text-align: var(--text-alignment);}
.card__media {aspect-ratio: 1 / 1; overflow: hidden; border-radius: 15px}
.card__media img {object-fit: cover; width: 100%; display: block;object-position: center; height: 100%; overflow: hidden; transition: 0.5s ease all;}
.mm .card__media img { background: var(--lemon);}
.card__media svg {background: var(--light);}
.card__media .reveal { position: absolute; z-index: -1;}
.card--media a { display: block; position: relative}
.product-card-wrapper {  transition:0.3s ease all}
.product-card-wrapper:hover .reveal { top: 0; z-index:9; position: absolute; transition:0.3s ease all; left:0;}

.promo-block { position: relative; border-radius: 30px; overflow: hidden}
.promo-image {width: auto; position: relative;  height: 100%; transition: 0.6s ease-in all;}
.promo-image img {   height: 100%; object-fit: cover; transform: scale(1); transition: 0.6s ease-in all;}
.promo-image:hover img { transform: scale(1.06); transition: 0.6s ease-in all;}
.promo-image:before { content: ''; position: absolute;bottom: 0;left: 0; z-index:1;width: 100%; height: 75%;background: linear-gradient(0deg, var(--white), transparent);}
.promo-overlay { z-index:3; position: absolute; bottom: 20px; display: flex;justify-content: space-between; height: fit-content; top: auto; width: 80%; left: 20px;}
.promo-overlay h3 {font-size: var(--large); line-height: 1;}
.mm .promo-overlay h3 {font-size: var(--medium);}

.card-meta{ justify-content: space-between;margin-bottom:10px}
.product-info .product-tag, .product-info .product-weight {font-size: var(--xxsmall);letter-spacing: 2px;}
.product-tag, .product-weight { font-weight: 600;font-family: 'Montserrat-Regular',sans-serif; font-size: var(--micro); text-transform: uppercase; line-height: 2;color: var(--black);}
.mm .product-tag {font-family: 'Apercu Pro'; letter-spacing: 1px;}
.stamped-badge { display: flex; gap: 10px;align-items: center;}
.stamped-badge-caption { text-transform: capitalize;font-family: 'Montserrat-Regular',sans-serif;font-size: var(--xxsmall); color: var(--black);font-weight: 100; line-height: 2; letter-spacing: 0;}
.stamped-fa-star:before { font-size: 13px; margin-right: -1px;color: var(--nude);}
.mm .stamped-fa-star:before { color: var(--orange);}
.stamped-fa-star-o:before {font-size: 13px; margin-right: -1px;color: transparent;  -webkit-text-stroke: 1px var(--nude);}
.stamped-starrating .stamped-fa-star-o:before { color: inherit !important}
.mm .stamped-fa-star-o:before  {  -webkit-text-stroke: 1px solid var(--orange);}
.product-meta {justify-content: space-between;  min-height: 40px;}
.product-meta {min-height: 50px;}
.product-link { font-family: 'Montserrat-Regular',sans-serif !important;  text-align: left;font-size: var(--xsmall); width: 80%; display: block; letter-spacing: 0; color: var(--black); text-decoration: none;}
.mm .product-link {width: 80%;}

.card__badge { position: absolute; top: 10px; left: 10px; z-index: 9;}
.card__badge img {width: 100px;height: auto;}
square-placement {text-align: center;margin-bottom: 10px !important;}

.collection .product-footer .feature {font-size: 10px; text-align: center; color: #ccc;}
.collection .product-footer {border-top: 1px solid var(--primary); margin-top: 10px; padding-top: 10px; }
.mm .collection .product-footer {border-top: 1px solid var(--orange); }
.mm .collection .product-footer .feature { color: var(--orange)}

.addtocart {background: var(--primary);border: 0;color: var(--white);padding: 10px 25px;}
.mm .addtocart {background: var(--orange);border: 0;color: var(--white);padding: 10px 25px;}
.price .price-item {display: inline-block;margin: 0 1rem 0 0;color: var(--primary);}
.mm .price .price-item {display: inline-block;margin: 0 1rem 0 0;color: var(--orange);}

.hb .addtocart { background: var(--white); border: 1px solid;  color: var(--black); padding: 10px 25px;font-family: 'Inter' !important; text-transform: capitalize; letter-spacing: 0;font-weight: normal; font-size: 14px;}
.hb .price .price-item { display: inline-block; margin: 0 1rem 0 0; color: var(--black);}
.hb .product-link { font-family: 'Inter' !important; font-weight: 400 !important;font-size: 16px;}
.hb .card__heading { width: 100%;}
.hb .product-card-wrapper .media, .hb .product-card-wrapper .card__media { border-radius: 0 !important;}
.hb .card-wrapper { border-radius: 0 !important;}
.hb .card__information * { font-family: 'Inter' !important;}
.hb .product-footer { display: none}
.hb .product-meta {  min-height: 20px;}
.hb .product-slide .card-meta{margin-top: 10px}
.hb .product-tag { text-transform: initial; font-family: 'mr-eaves-modern';  text-transform: uppercase; letter-spacing: 2px; font-weight: 300;}
.hb .price__sale { display: none;}
.hb .price-item {  font-weight: 300; font-family: 'Inter' !important;} 
.ajax-add { margin-top: 20px;}
.ProductForm__AddToCart { width: 100% !important;}
.mm .product-form__submit { background: var(--orange); border: 0;}
.ajaxified-cart-feedback { display: none !important; line-height: 36px; font-size: 90%;  vertical-align: middle;}
.ajaxified-cart-feedback.success { color: #3D9970;}
.ajaxified-cart-feedback.error { color: #FF4136; } 
.ajaxified-cart-feedback a { border-bottom: 1px solid;}

/* 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: fit-content !important;}
.usp-media {height: 20px;}


/* Product Media */
.shopify-section { display: inline; }
.product-wrapper { gap: 60px; max-width: 1370px; margin: 0 auto;}
.product {padding-top: 40px;}
.product-media { gap: 10px;aspect-ratio: 1 / 1;overflow: hidden;  max-height: 600px; }
.product-media .swiper-slide { border-radius: 10px;overflow: hidden;  aspect-ratio: 1 / 1;}
.product-swiper .swiper-slide img { width: 100% !important; object-fit: cover; height: fit-content; min-width: auto; border: 0; aspect-ratio: 1 / 1;}
.thumbnail-swiper {width: 16.66%; max-height: 600px; display: flex;flex-direction: column; flex-wrap: nowrap;align-content: center;align-items: center; justify-content: center;}
.thumbnail-swiper .swiper-wrapper {display: flex; flex-direction: column;flex-wrap: nowrap; align-items: flex-end;  width: 100% !important;left: 0 !important; align-content: center; justify-content: flex-start;}
.thumbnail-swiper .swiper-slide { width: 100% !important; max-height: 200px; height: auto !important; background: transparent; border: 0;}
.thumbnail-swiper .swiper-slide img { object-fit: cover; min-width: 100%;width: auto; background: transparent; height: 100%;}
.mm .product-swiper .swiper-slide img { background: var(--lemon)}
 
.product-swiper {width: 83.33%;height: 600px;}

.product__title {font-size: var(--large);}
.product-info .stamped-fa-star:before {font-size: 22px;}
.product-info .stamped-badge-caption {text-transform: uppercase;font-family: 'Montserrat-Regular',sans-serif;  font-size: var(--xxsmall);  color: var(--black); font-weight: bold; line-height: 2; letter-spacing: 1px;}
.product-info .product-meta {gap: 10px; justify-content: flex-start; display: flex; align-items: center;}
.product-form .button.klaviyo-bis-trigger { width: 100% !important;}
.product-form .quantity__input { max-width: 80px;}
.tab { padding-top: 20px;}
.upsell-switch .tab-controls { cursor: pointer; width: 100%; background: var(--light);  color: var(--black); display: flex;max-height: 40px; padding: 0; padding: 0px !important}
.upsell-switch .tab-item { width: 50%;  border: 0 !important; color: var(--black); height: 40px;}
.upsell-switch .tab-item.active {color: var(--white) !important;background: var(--pink) !important;}
.ufe-custom-upsell { margin-top: 40px;}
.mm .upsell-switch .tab-controls {background: var(--white);}
.mm .upsell-switch .tab-item {color: var(--black); height: 40px;}
.mm .upsell-switch .tab-item.active { color: var(--white) !important; background: var(--orange) !important;}

.property-preaction { display: flex; align-items: center; justify-content: space-between; margin: 20px 0;}

.price--large {display: flex; align-items: center;}
.price--large .price__regular {text-transform: uppercase; font-size: var(--small); line-height: 1;}
.price__badge-sold-out {color: var(--pink) !important;text-transform: uppercase; font-size: var(--small); line-height: 1;}
.price {font-size: var(--xsmall); letter-spacing: 0; line-height: 1; color: var(--black); font-weight: bold;font-family: 'Montserrat-Regular',sans-serif;}
.price > * { display: inline-block; vertical-align: top;}
.price.price--unavailable { visibility: hidden;}
.price--end {text-align: right;}
.price .price-item { display: inline-block; margin: 0 1rem 0 0;}
.price__regular .price-item--regular { margin-right: 0;}
.price:not(.price--show-badge) .price-item--last:last-of-type { margin: 0;}
.mm .price {font-family: 'Apercu Pro';}
.product-disclaimer {padding: 10px; border-radius: 10px; text-align: center; font-family: 'Montserrat-Regular',sans-serif; text-transform: uppercase; font-size: var(--micro); letter-spacing: 1px; color: var(--black); font-weight: 700;}
.mm .product-disclaimer {background: var(--green);font-family: 'Apercu Pro';}
.sachet-price { font-size: 12px;background: #e595486b;padding: 5px 10px; border-radius: 20px; margin-left: 10px !important;text-transform: capitalize; font-weight: 400;}
.product-grid .sachet-price, .collection .sachet-price { display: none !important;}

.notice {padding: 10px 20px; background: #f7f7f7; border-radius: 10px; box-sizing: border-box; font-size: 14px;}
.mm .notice {background: #ffa50014;}

.rc-container.rc_container {background: var(--white) !important;border-radius: 6px !important; margin: 10px 0 !important; overflow: hidden !important;}
.rc-widget .rc-option--active { background: var(--light) !important;}
.rc_popup {display: none !important;}

.product-data { margin-top:20px;}
.product-data .row {gap: 60px; display: flex;align-items: flex-start; justify-content: space-between;}
.product-test.flex {background: var(--light);  height: fit-content;border-radius: 15px;padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between;align-items: center;}
.mm .product-test {background: var(--white);}
.combo-product { display: flex; gap: 20px;align-items: flex-start;}
.combo-text {padding-left: 20px;}
.combo-text h2 { width: 90%; margin: 0;}
.combo-item { width: 50%;}
.combo-item h5 { margin:10px 0 0 ;}
.combo-item h5 a{line-height: 1; display: block; font-size: var(--xxsmall);text-transform: capitalize; letter-spacing: 0; font-weight: 100; font-family: 'Montserrat-Regular'; width: 80%; text-align: center; margin: 0 auto auto;}
.mm .combo-item h5 a {font-family: 'Apercu Pro';color: var(--black); font-size: var(--xsmall);}
.combo-item img { overflow: hidden;  border-radius: 20px;}

.product-details li, .product-details li span {font-size: var(--xsmall) !important; font-style: normal; color: var(--black);}

.mm .quantity { background: var(--coral);}
.quantity { align-items: center;}

.mm .brand-icons { display: flex;gap: 20px;}
.brand-icons img {max-height: 150px;width: auto;}

.product-nav { margin-top:80px; position: sticky; top: 140px; z-index: 100;}
.product-nav {background: var(--coral);}
.nav-menu { border-top: 1px solid var(--black); padding: 10px 0; display: flex; justify-content: center;width: 100%;text-align: center; border-bottom: 1px solid var(--black);}
.nav-menu .menu-item {padding: 8px 25px; margin: 0 20px;  letter-spacing: 2px; border-radius: 20px; transition: 0.5s ease all;  text-decoration: none; color: var(--black);text-transform: uppercase;font-size: var(--xxsmall);font-weight: 600; font-family: Montserrat-Regular,sans-serif; gap: 16px;}
.nav-menu .menu-item:hover { text-decoration: none; background: var(--nude); transition: 0.5s ease all}
.mm .nav-menu .menu-item:hover {background: var(--lemon); }
.nav-menu .menu-item a {text-decoration: none; color: inherit;}

afterpay-placement { margin-bottom: 10px !important;display: block;}
.afterpay-main-text { padding-right: 0px; font-family: 'Open Sans'; color: var(--black);letter-spacing: 0; line-height: 1; font-size: var(--xxsmall);}
.shopify-cleanslate [role="button"] {border-radius: 20px; min-height: 40px; box-sizing: border-box;}


/* Habitual Beauty Single Product */
.hb .breadcrumb-banner * {font-family: 'mr-eaves-modern'; text-transform: uppercase;letter-spacing: 1px;font-size: var(--xxsmall);}

.hb .single-product-media { background: var(--primary); width: 100%; height: fit-content; overflow: hidden;}
.hb .product-swiper {width: 100%; height: 100%;}
.hb .product-swiper .swiper-slide img { width: auto; min-height: 100%; height: 100%; object-fit: cover;}
.hb .product-swiper .swiper-pagination-bullet { border: 1px solid var(--black) !important}

.hb .product-slide iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; min-height: 350px}
.hb .single-product-media-wrapper {width: 50%;  min-width: 45vw;}
.hb .product__accordions { border-bottom: 1px solid #31313140; padding: 15px 0;}
.hb .product__accordion__title {font-family: 'mr-eaves-modern'; text-transform: uppercase; letter-spacing: 1.3px; font-size: var(--xxsmall);}
.hb .product__description.rte { color: var(--black);  width: 100%; margin-bottom: 40px; padding-bottom: 0; font-size: var(--xsmall);}
.hb .product__accordion__inner span { font-size: var(--xsmall);letter-spacing: 0; line-height: 1.4; }
.hb .product__accordion__title .icon path {fill: black !important; stroke-width: 10px !important;}
.hb .accordion-more h5 {font-size: var(--xxsmall);letter-spacing: 1px;color: #31313150;}

.hb .product__form__wrapper {margin-top: 40px;}
.hb .product-subheading { font-size: var(--xxsmall);}
.hb .product-meta-banner {border-bottom: 1px solid #31313140; padding: 10px 0; width: 100%;}
.hb .product-meta-banner .meta-item { width: auto; color: var(--black);}
.hb .product-meta-banner .meta-item .sm-text {font-size: var(--xxsmall);width: auto; color: var(--black);}
.hb .product-meta-banner .meta-item h5 { font-size: var(--xxsmall); color: #3131317a;}
.hb .product-meta-banner .metafield-single_line_text_field-array {display: flex;  gap: 10px;}
.hb .metafield-single_line_text_field {position: relative; margin: 0}
.hb .metafield-single_line_text_field-array li:before { content: ','; position: absolute;right: -4px; bottom: 2px; color: var(--black);}
.hb .metafield-single_line_text_field-array li:last-of-type:before { display: none;}

.hb .rc-container-wrapper.rc_container_wrapper { margin-bottom: 20px;  background: transparent;padding: 0;}
.hb .rc-widget .rc-option--active {background: #fefefe !important; color: var(--black) !important;  accent-color: var(--black);  display: flex !important; padding: 10px !important;}
.hb .rc-widget { color: var(--black) !important; font-size: var(--xsmall) !important; }
.hb .rc_popup {display: none !important;}
.hb .rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {  padding-left: 0 !important; padding-bottom: 0 !important;}
.hb .rc-selling-plans.rc_widget__option__plans * { color: var(--black) !important; padding: 10px 20px; background: var(--primary);}
.hb .rc-template__radio-group .rc-radio { padding: 12.5px 20px !important;}
.hb .ufe-wrap {max-width: 100% !important; width: 100%;}
.hb .product__submit__buttons {display: flex;flex-direction: column; gap: 15px;}
.hb .product__submit__item a {width: 100%;justify-content: center; border: 1px solid var(--primary)}
.hb .product__submit__item a:hover {background: var(--primary);color: var(--black);border: 1px solid var(--black);}
.hb .product__submit__add {width: 100% !important; padding: 15px 20px !important;font-size: var(--small) !important;}
.hb .select-popout__list { background: var(--secondary) !important;}
.hb .product__selectors .select-popout { background: var(--secondary);border-radius: 20px; width: fit-content;color: var(--black);letter-spacing: 0; font-size: var(--xsmall); text-align: center; border: 1px solid var(--black);}
.hb .product__selectors {display: flex !important;}
.hb .product__selectors .selector-wrapper {width: fit-content !important;}
.hb .product__selectors .select__label {text-transform: uppercase; font-family: 'mr-eaves-modern';letter-spacing: 2px; font-size: var(--xxsmall) !important;}
.hb .select-popout__toggle .icon-select path { stroke: var(--black); stroke-width: 15px;}

.hb  .ufe-wrap {max-width: 100% !important; width: 100%;}

/* Habitual Beauty Product Recommendations */
.hb .recommended-swiper .product-item { width: 100%;}
.hb .recommended-swiper.grid { display: grid !important;  grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}
.hb .recentview-swiper .product-item { width: 100%;}
.hb .recentview-swiper.grid { display: grid !important; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}

.hb .tabs__link {font-size: var(--xsmall) !important; opacity: 0.2;  transition: 0.3s ease all; }
.hb .tabs__link.current {opacity: 1; transition: 0.3s ease all; }
.hb .tabs__link:hover { color: var(--tertiary); opacity: 0.6;}


/* UGC Swiper */
.ugc-item video {width: auto; aspect-ratio: 9 / 14; min-width: 100%; max-height: 650px; border-radius: 5px; overflow: hidden;  height: auto; object-fit: cover;}
.ugc-media { display: flex;height: 100%;}
.category-item-wrapper {height: 100%;}
.ugc-container .swiper-pagination { margin: auto; left: 0;right: 0;}
.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}
.ugc-container .swiper-pagination-bullet { margin: 0 5px !important;background: var(--black) !important;}

/* Breadcrumbs */
nav.breadcrumb-wrapper {position: absolute; top: 65px; z-index: 9; left: 5%;}
.breadcrumb-wrapper li, .breadcrumb-wrapper a { font-family: 'Montserrat'; text-transform: uppercase;font-size: var(--micro); font-weight: 600; color: var(--black) !important; text-decoration: none;}
.breadcrumb-wrapper .breadcrumb { display: flex;gap: 10px; align-content: center;}
.breadcrumb-wrapper .sep {line-height: 1;font-size: 10px;}

.main-product { position: relative;}
.main-product .breadcrumb-wrapper { top: 0;left: 0;}
.article-banner .breadcrumb-wrapper { top: 0 !important; left: 0 !important}

.hb .breadcrumb-banner * {font-family: 'mr-eaves-modern'; text-transform: uppercase;letter-spacing: 1px;font-size: var(--xxsmall);}
.hb .breadcrumb-banner a { color: var(--black); text-deocration: none !important;}

/* New - Collection Banner */
.collection-hero__inner.page-width { display: none;}
.collection-header h5 { margin: 0;}
.collection-banner {width: 100%; border-bottom: 0px;}
.text-underlay { position: absolute; z-index: 0;}
.collection-banner .overlay.absolute-center {position: absolute; top: 0; left: 0; width: 100%;height: 100%; z-index: 1;}
.banner-media-wrapper  img {width: auto; height: fit-content; min-height: 100%; object-fit: contain;}
.banner-media-wrapper .desktop { height: 100%;}

.collection-content-wrapper { z-index:9; height: fit-content;position: absolute; width: 50%; margin: auto;left: 5%;  top: 0;bottom: 0;}
.collection-banner .accordion-button { font-size: 10px;text-transform: uppercase;letter-spacing: 1px;}

.collection-header p {line-height: 1.2;font-size: 12px;}
.collection-header .faq-item {width: 80%;}
.collection-header h2 {font-family: 'Montserrat-Bold', sans-serif; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 2px; font-weight: 400;}
.collection-header li { list-style: disc;margin-left: 15px;}
.collection-header li:marker { accent-color: var(--orange);}

/* Detail Swiper - Collections */ 
.detail-module { position: relative;}
.detail-module .row {width: 90%; margin: 0 auto; gap: 100px; align-items: center;}
.detail-swiper:before { content: ''; position: absolute; right: 0;top: 0; height: 100%; background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--light));  z-index: 9; width: 200px;display: block;}
.mm .detail-swiper:before {background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--lemon));}
.detail-swiper img { object-fit: contain; object-position: bottom; height: 120px;  margin-bottom: 20px;width: auto;}

.detail-slide {display: flex; flex-direction: column;} 
 .detail-slide .sm-text { margin-top: 10px;}
.detail-swiper h3 { font-size: var(--small);}


/* Habitual Beauty Collection Header */
.hb .collection-header-module {position: relative;}
.hb .header-media { width: 100%;}
.hb .header-media-wrapper { height: 440px;overflow: hidden;}
.hb .header-content { z-index: 9;}
.hb .product-count { opacity: 0.2; line-height: 2;}

/* Habitual Beauty Collection Pages */
.hb .collection__sort__label {font-family: 'Inter';font-size: var(--xsmall) !important;}
.hb .collection__sort__label .icon path { stroke: var(--black) !important;}
.hb .collection__sort__option-wrapper { left: auto; right: 0;text-align: right; background: var(--primary) !important; z-index: 999;border-radius: 0 !important;padding: 10px 20px !important; font-size: var(--xsmall) !important;}
.hb  div#CollectionStickyBar { width: 90% !important;margin: 0 auto !important; max-width: 90%;}
.hb .collection__filters {width: 100%; display:none;}
.hb .collection__filters-list__inner { width: 100%; height: 60px;  min-height: auto !important;}
.hb .collection__filters-list__inner form { display: flex; justify-content: space-between;align-items: center;width: 100%;}
.hb .collection__products { width: 100% !important;}
.hb .collection__products .grid { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; width: 90%;margin: 0 auto;}

/* Habitual Beauty Featured Collection */
.hb .collection-wrapper {width: 100%; max-width: 100%;}
.hb .collection-toggle .toggle { opacity: 0.2;  transition: 0.3s ease all; font-family: 'Inter'; font-size: var(--xsmall); cursor: pointer;}
.hb .collection-toggle .toggle:hover { color: var(--tertiary); opacity: 0.6;}
.hb .collection-toggle .toggle.active {opacity: 1; transition: 0.3s ease all; }
.hb .collection-swiper {display: none !important; width: 100%; opacity:0;  transition: 0.3s ease all; }
.hb .collection-swiper.active {display: block !important; transition: 0.3s ease all; opacity: 1}
.hb .product-grid-item__image { height: 450px !important; background: var(--primary); border-radius: 0 !important;}
.hb .product__media img {height: 100%;width: 100%;}
.hb .background-size-cover img, .hb .video-background img, .hb .img-object-cover { background: var(--primary);}

.hb .price-unit-cost {color: #313131;font-size: var(--xxsmall); opacity: 0.3;}
.hb .price-unit-benefit { font-size: var(--xxsmall); padding: 5px 20px;  background: #F3F2F0;}
.hb .product__badge__item>span { display: flex !important; color: var(--lxs-rating-icon-color); font-size: var(--xxsmall); font-weight: 600;letter-spacing: -0.5px;}
.hb .product__badge em { width: 12px; height: 12px; display: block; background: var(--tertiary); border-radius: 8px; color: var(--primary); display: flex; align-items: center;justify-content: center;font-size: 10px;}
.hb .product-limited span { display: flex; flex-direction: row;gap: 6px; align-items: center;}

.hb .product-meta-wrapper { padding-bottom: 20px; border-bottom: 1px solid var(--black); height: 50px; margin-top: 7.5px;}
.hb .product-summary { padding: 20px 0 0;}
.hb .product-summary h5 { font-size: var(--xxsmall);}
.hb .product-grid-item .tagflex { position: absolute; bottom: 20px; z-index: 11;left: 0; right: 0; width: fit-content; margin: auto;}
.hb .product-item a {font-size: var(--xsmall);}
.hb .product-benefits * { color: #888;}
.hb .product-benefits .xsm-text, .product-benefits h5 { font-size: var(--micro);}
.hb .tagflex h5 { position: relative; margin: 0; line-height: 1; font-size: var(--xxsmall);}
.hb .tagflex .tag ul { display: flex; gap: 20px;}
.hb .tagflex .tag li {margin: 0; position: relative;  font-size: var(--xxsmall);}
.hb .tagflex .tag li:after {content: ''; position: absolute; width: 4px;  height: 4px; border-radius: 5px; background: var(--black);bottom: 0; top: 0; right: -10.5px; margin: auto;} 
.hb .product-grid-item .tag li:before {display:none} 
.hb .tagflex .tag li:last-of-type:after { display: none !important}

.hb .product-item:hover .mobileatc { opacity: 1; transition: 0.3s ease all; z-index: 99;}
.hb .mobileatc { position: absolute; bottom: 10px;width: 90%;margin: 0 auto; left: 0; right: 0; z-index: 0;display: flex; flex-direction: column; align-items: center; transition: 0.3s ease all; justify-content: center;}
.hb .mobileatc select { background: var(--black); color: var(--primary) !important; margin-bottom: 10px; font-size: var(--xxsmall); width: 100%; padding: 10px 20px;}

.hb .product-item form button { width: 100%; display: flex; justify-content: center;}
.hb .product-item form .secondary-button { width: 100% !important; padding: 12px;}
.hb .product-item .rc_container_wrapper { display: none;}
.hb .product-grid-item__title, .hb .product-grid-item__price {font-size: var(--xsmall); line-height:1}

/* Page Hero */
.hb .page-hero-wrapper { position: relative;overflow: hidden; height: 600px;}
.hb .page-hero-content { z-index: 9;}

/* Split Content */
.hb .split-content {position: relative;}
.hb .split-accordion-item { flex-direction: column;position: relative; z-index: 9;}

.hb .accordion-content {height: auto;}
.hb .accordion-wrapper, .hb .splitcontent-content { width: 80%; margin: 0 auto;}

.hb .split-content .accordion-media-container {overflow: hidden; }
.hb .split-content .accordion-media {max-height: 800px;overflow: hidden; height: auto; }
.hb .split-content .accordion-media img {max-height: 800px;object-fit: cover;  min-width: 100%; width: auto !important; height: auto;}

.hb .float-right { float: right; order: 2;}
.hb .float-left { float: left; order: 1;}
.hb .accordion {font-family: 'Inter';  text-transform: capitalize; letter-spacing: 0; font-size: var(--small);}
.hb .accordion.active {color: #000000;cursor: pointer;}
.hb .accordion-title {font-size: var(--xxsmall); position: relative; margin: 20px 0 0 !important}
.hb .accordion-item { padding-bottom: 20px; border-bottom: 1px solid #31313136;}
.hb .accordion-item.active .accordion-text { height: auto; max-height: fit-content; visibility: visible; opacity: 1; margin: 10px 0 0; transition: 0.3s ease all}
.hb .accordion-text { height: 0px;visibility: hidden;opacity: 0; max-height: 0px;margin: 0; transition: 0.3s ease all}
.hb .accordion-title:after {  background: transparent; transform: none !important; content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.55371 0V9.10745' stroke='%23313131' stroke-miterlimit='10'/%3E%3Cpath d='M0 4.55371H9.10756' stroke='%23313131' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); position: absolute;right: 0;}
.hb .accordion-item.active .accordion-title:after { transform: none !important; content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.55371H9.10756' stroke='%23313131' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); position: absolute;right: 0;}

/* Before & After Swiper */
.hb .split-media.swiper-slide { display: flex;}
.hb .image-wrapper { position: relative; width: 50%;  overflow: hidden; aspect-ratio: auto;}
.hb .image-wrapper img { object-fit: cover; min-width: 100%; min-height: 450px;height: 100%;width: auto;}
.hb .overlay.image_title { position: absolute;   font-style: italic; bottom: 20px; left: 0; right: 0; top: auto; margin: auto; width: fit-content;  font-family: 'freightdispcmp-pro'; font-size: var(--large); color: var(--white);}

/* Product Icons */
.hb .icon-media img {width: 60px;margin: auto;height: 60px;}
.hb h5.icon-title { font-size: var(--xxsmall); width: 70%; margin: auto; text-align: center;text-transform: uppercase;letter-spacing: 0;font-weight: 300;}
 
/* Split Swiper */
.hb .splitswiper-content {position: relative;}
.hb .splitswiper-pagination {  position: relative !important; top: 0 !important; left: 0 !important;  display: flex;}

/* Promo / Press */
.hb .press-content {opacity: 0;transition: 0.3s ease all; visibility: hidden;}
.hb .swiper-slide-active .press-content { opacity:1; visibility: visible; transition: 0.3s ease all; }
.hb .press-slide img { max-height: 60px; height: 100px; width: 200px; object-fit: contain; object-position: center; opacity: 0.3; margin: 0 auto;}
.hb .press-swiper .swiper-slide-active img { opacity:1;}
.hb .swiper.press-swiper, .hb .press-quotes { width: 100%;}

/* Featured Product */
.size-chart { background: #b45b864a; display: flex; justify-content: center;align-items: center; position: fixed;top: 0;left: 0;z-index: 9999; right: 0;bottom: 0;margin: auto !important; height: 100%; width: 100%; border-radius: 10px; overflow: hidden;}
.chart-close { width: 30px; height: 30px;border: 0;background: transparent; position: absolute;right: 10px; top: 10px;}
.size-toggle { appearance: none; color: var(--black); border: 0;font-family: 'Montserrat';background: transparent;  font-size: var(--small);  text-decoration: underline;}
.size-chart img { max-width: 50vw;height: auto;}
.size-chart-wrapper { position: relative;}

.featuredproduct-info .product-form__input input[type=radio]+label {padding: 10px; min-width: 40px; min-height: 40px; align-content: center;color: #c8588f !important; background: transparent; border: 1px solid #c8588f;}
.featuredproduct-info .product-form__input input[type=radio]:checked+label {background-color: #c8588f; color: white !important; border: 1px solid #c8588f;}
.featuredproduct-info fieldset.product-form__input .form__label { display: none}
.featuredproduct-info .product-form__submit { background: #e9b7c7; color: black;opacity: 1 !important;}
.featuredproduct-info .badge { display: none !important; background: transparent;border: 1px solid var(--primary);}
.featured-product .product-form__buttons a, .product-redirect { appearance: none;  border:0; text-decoration: none; width: 100%;text-align: center;padding: 12px 20px; display: flex; align-items: center; justify-content: center; background: #e9b7c7; border-radius: 20px; color: var(--black); font-family: 'Apercu'; font-size: 14px;  text-align: center;}
 button.kltrigger { appearance: none; cursor: pointer; width: 100%; background: #c8588f; color: var(--white); border: 0; border-radius: 30px;padding: 12px 20px; color: var(--white);font-family: 'Apercu'; font-size: 14px; }
 product-form.product-form {margin-bottom: 10px !important; }
.featuredproduct-info .price .price-item {  color: #c8588f;}
[data-productid="8440967463109"] span.badge.price__badge-sold-out.color-inverse {display: none;}

/* Limited Edition Apparel */
.product-apparel .product-form__input input[type=radio]+label {padding: 10px; min-width: 40px; min-height: 40px; align-content: center;color: #c8588f !important; background: transparent; border: 1px solid #c8588f;}
.product-apparel .product-form__input input[type=radio]:checked+label {background-color: #c8588f; color: white !important; border: 1px solid #c8588f;}
.product-apparel fieldset.product-form__input .form__label { display: none}
.bbl-product.product-form__submit {
    pointer-events: all !important;background: #e9b7c7;appearance: none; color: var(--black);opacity: 1 !important;}
.product-redirect { pointer-events: none; background: #e9b7c7;appearance: none; color: var(--black);opacity: 1 !important;}
.product-apparel [data-productid="8440967463109"] .price .price-item {  color: #c8588f;}
.bbl-product.product-form__submit[disabled] { background: #e9b7c736;}

/* Category Swiper */
.hb .category-swiper { width: 100%;}
.hb .category-item-wrapper { position: relative; overflow: hidden;}
.hb .category-content {position: absolute;bottom: 20px;left: 20px;height: fit-content; z-index: 4;}
.hb .category-media { height: 400px;}
.hb .category-media img { height: 400px; object-fit: cover; transform: scale(1.0); transition: 0.5s ease all;}
.hb .category-item:hover .category-media img { transform: scale(1.05); transition: 0.5s ease all;}
.hb .category-content .tagflex { margin-bottom: 5px;}
.hb .category-content .tagflex h5:nth-child(1):after { background: var(--primary);} 
.hb .category-media  .overlay { background: #3131318a; z-index: 1; width: 100%; height: 100%; mix-blend-mode: multiply;}

/* Blog Swiper */
.hb .blog-slide { width: fit-content !important; overflow: hidden; height: 400px !important;}
.hb .blog-post-item { max-height: 400px; width: calc(25% - 7.66px) !important; position: relative;}
.hb .blog-slide .blog-post-item {width: 100% !important;}
.hb .blog-slide img, .hb .blog-post-item img {  max-height: 400px;  height: 400px !important; width: 100%; object-fit: cover;}
.hb .blog-slide:nth-child(3n+2) img { width: 600px;}
.hb .blog-post-item:nth-child(2), .hb .blog-post-item:nth-child(4), .hb .blog-post-item:nth-child(5), .hb .blog-post-item:nth-child(7), .hb .blog-post-item:nth-child(9), .hb .blog-post-item:nth-child(10) { width: calc(50% - 6.66px) !important;}
.hb .blog-slide a {  color: var(--primary); width: fit-content !important; display: block;}
.hb .blog__post-content { position: absolute !important; width: 100%; bottom: 20px !important; top: auto;left: 0px !important; z-index: 10; padding: 0 20px !important;}
.hb .blog-slide .tagflex { position: absolute; top: -20px;}
.hb .blog-slide .tagflex h5:after { background: var(--primary);}
.hb .blog-slide .tagflex h5:last-of-type:after { display: none}
.hb .blog-overlay { width: 100%; height: 100%; background: #3131315e; mix-blend-mode: multiply;}


/* New - USP Banner */
.usp-points { border: 1.5px solid var(--black);border-style: solid none; overflow: hidden }
.usp-content .content-title {text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-family: 'Montserrat-Bold';}
.mm .usp-content .content-title { font-family: 'Apercu Pro';letter-spacing: 1px;}

/* New Collections FAQ */
.faq-module .accordion-button {border-bottom: 1px solid var(--black); min-height: 45px; padding-bottom: 10px;position: relative;font-size: 14px; padding-right: 40px;text-transform: uppercase;letter-spacing: 1px;width: 100%; font-family: 'Montserrat-Bold';color: var(--black);}
.mm .faq-module  .accordion-button { font-family: 'Apercu Pro';color: var(--orange); text-transform: none; letter-spacing: 0;}
.faq-module  .accordion-button:before {  content: url('/cdn/shop/files/plus.svg?v=1716770991');  position: absolute; right: 0; font-size: 10px; font-family: 'Montserrat-Regular'; top: 3px; color: var(--black);text-transform: capitalize; letter-spacing: -0.5px;}
.mm .faq-module  .accordion-button:before { font-family: 'Apercu Pro';}
.faq-module  .faq-item-content.active .accordion-button:before { content: url('/cdn/shop/files/minus.svg?v=1716771233');}

.faq-module .absolute-center { pointer-events: none;position: absolute;top: 0;bottom: 0;height: 100%; margin: auto; width: 100% ;}
.faq-item-wrapper {gap: 30px 20px;}
.faq-item-content.flex-column { width: 100%;}
.faq-item {width: calc(33.33% - 15px);}
.faq-item-content.active .accordion-text { position: relative; height: 100%;transition: .3s ease all;visibility: visible;opacity: 1;padding-top: 10px; padding-right: 0;}
.accordion-text {height: 0px;margin: 0; overflow: hidden;transition: .3s ease all;  color: var(--black); visibility: hidden; padding-right: 15%; opacity: 0;}
.trigger {width: 30px;height: 30px;background: var(--primary);display: flex;align-content: center;justify-content: center;padding: 7px;box-sizing: border-box;border-radius: 20px; position: absolute;top: 0px;right: 20px;transfrom: rotate(0deg); transition: 0.3s ease all;}
.trigger svg { width: 18px; height: auto;}
.faq-item-content.active .trigger { background: var(--secondary); transition: 0.3s ease all; transform: rotate(180deg);}
.accordion-text strong, .accordion-text a {color: var(--black);}

.accordion-title { font-family: 'Apercu Pro'; color: var(--black); font-weight: 800; text-transform: uppercase; letter-spacing: 1px; position: relative; margin: 20px 0 0 !important}
.accordion-item { padding-bottom: 20px; border-bottom: 1px solid #31313136;}
.accordion-item.active .accordion-text { height: auto; max-height: fit-content; visibility: visible; opacity: 1; margin: 10px 0 0; transition: 0.3s ease all}
.accordion-title:after { content: ''; background: url(black_plus.svg); float: right; margin-left: 5px; transition: 0.5s ease all;height: 15px;width: 15px;background-size: contain; right:0;}
.accordion-item.active .accordion-title:after { content: ''; transform:rotate(45deg); position: absolute;right: 0;transition: 0.5s ease all;}
.accordion-text p { width: 100%;}

/* Badge Banner */
.badge-wrapper.desktop {display: flex;}
.badge-content {border: 1px solid var(--black); border-radius: 15px; padding: 10px 10px; box-sizing: border-box; min-width: calc(33.3% - 10px);background: #FCF9EF;}
.badge-media img { width: 100%; object-fit: contain; height: 100%; max-height: 80px;}
.badge-content .content-subtitle {font-weight: 600; text-transform: uppercase;}
.badge-content h2 {margin: 5px 0 0;}
.badge-media {width: 100px;}

/* New Large Text Banner */
.feature-text--header h5 { font-family: 'Montserrat-Bold'; margin: 0 0 10px;}
.mm .feature-text--header h5 { font-family: 'big-caslon-fb';  letter-spacing: 0; text-transform: capitalize;font-size: 20px !important;margin: 0 0 10px;}

/* Reviews */
.product-reviews { width: 90%; margin: 0 auto;}
.stamped-summary-actions-clear, .stamped-summary-actions-mobile-filter, .stamped-summary-actions-newquestion, .stamped-summary-actions-newreview { font-size: var(--xxsmall) !important; text-decoration: none; text-align: center; width: auto; line-height: 1 !important; background: var(--nude) !important; color: var(--black) !important; font-family: 'Montserrat-Bold',sans-serif; text-transform: uppercase;  border: 0 !important; padding: 15px 20px !important;border-radius: 20px !important;  font-weight: 100 !important; box-shadow: none !important;}
.stamped-summary-actions-newquestion:before, .stamped-summary-actions-newreview:before, .stamped-summary-actions-mobile-filter i:before, .stamped-summary-actions-clear:before { color: var(--black) !important}
.stamped-summary-caption .stamped-summary-text { margin-top: 0px !important; font-family: 'Montserrat-Bold',sans-serif; text-transform: uppercase; font-size: var(--micro) !important; letter-spacing: 1px;}
.stamped-summary-photos-container, .stamped-reviews-filter {display: none !important;}
.stamped-review-header-title {font-family: 'Montserrat-Bold',sans-serif; text-transform: uppercase;letter-spacing: 1px; font-size: var(--micro) !important;}
.stamped-review {border-top: 1px solid var(--black) !important;  margin: 0 !important; padding: 20px 0 !important;}
.stamped-summary-ratings { display: none;}
.stamped-review-header { font-size: 14px;width: 100%;display: flex; line-height: 1; gap: 15px;align-items: center;}
.review-location, .stamped-verified-badge, .created { display: none;}
.stamped-pagination{ width: fit-content; background: var(--light); padding: 10px !important; border-radius: 20px;}
.stamped-pagination a { color: inherit !important}
.stamped-review-content { margin:0 !important}
.stamped-review-footer { opacity: 1 !important; margin: 10px 0 !important;}
div[data-widget-style] .summary-rating:first-child .summary-rating-title:before, div[data-widget-style] .summary-rating:nth-child(2) .summary-rating-title:before, div[data-widget-style] .summary-rating:nth-child(3) .summary-rating-title:before, div[data-widget-style] .summary-rating:nth-child(4) .summary-rating-title:before, div[data-widget-style] .summary-rating:nth-child(5) .summary-rating-title:before { color: var(--blush) !important;}
ul.stamped-tabs li.active {border-bottom: none !important; color: var(--pink) !important;}
li#tab-questions[data-count][data-new-tab]:after, li#tab-reviews[data-count]:after { background: transparent !important;}
.stamped-container ul.stamped-tabs { border: 0px !important}
.stamped-summary-caption strong { font-family: 'ActaDisplay-Book', serif;}
.summary-overview { display: flex;flex-direction: column;  gap: 10px;}
.mm .product-recommendation { background: var(--white) !important;}
.product-recommendations .product-grid {grid-template-columns: 1fr 1fr 1fr 1fr;}

/* Fullwidth Banner */
.fullwidth-image img {aspect-ratio: 6 / 2; width: 100%;  object-fit: cover;  object-position: center;}

/* Text Banner */
.text-banner { z-index: 2;  position: relative;}
.text-banner .content-media img {height: auto;}
.element-overlay { margin-top: -55px; position: absolute; width: auto; max-width: 100px;}
.element-overlay.right {right: 0;}
.text-banner h2 { font-size: var(--xlarge); max-width: 90%; margin: 0 auto 20px;}
.attachment-wrapper {margin-top: 30px;}
#shopify-section-mm-text-banner .element-overlay.right { margin-top: -55px; position: absolute; right: 0;}

/* Tabbed Content Blocks */
.tab-controls.tabbed-nav {border: 1px solid var(--black);  text-align: center; border-radius: 0;padding: 20px 0; border-style: solid none; width: 100%;}
.tab-controls {  width: auto; max-width: inherit; display: inline-block; margin: 0 auto; padding: 3px 7.5px; border-radius: 20px; background: #ecdad242;}
.tab-item { background: transparent;  color: var(--black);border: 1px solid transparent ;padding: 10px 40px;font-family: 'Montserrat-Bold',sans-serif; font-weight: 500; text-transform: uppercase;  border-radius: 20px; letter-spacing: 2px; font-size: var(--xxsmall);}
.mm .tab-item { font-family: 'Apercu Pro';font-weight: 600;}
.tab-item.active { background: var(--nude);  border: 1px solid var(--black); transition: 0.3s ease-in all;}
.tab-item.active:before { content: '';  background: var(--white); transition: 0.3s ease-in all; position: absolute; left: 0;top: 0; width: 100%; height: auto;bottom: 0; border-radius: 20px; z-index: -1;}
.tab.flex {width: 100%;}
.tab-content { margin: 0 auto;}
.tab-content .fullwidth{ width: 100%;}
.tab-content .sm-text {  width: 70%; margin: 30px auto 0;}
.tab-copy .sm-text { width: 100%;margin: 30px 0;}
.tab-copy { padding: 40px;box-sizing: border-box;}
.tab-copy h2 {width: 85%;font-size: 32px; margin: 0;}
.contentblock .tab-copy { display: flex; flex-direction: column;align-items: flex-start;justify-content: center;}

.attachment-wrapper img {max-height: 100px; width: auto;}
.tab-media { overflow: hidden; position: relative;}
.tab-media img { height: auto;min-height: 100%; object-fit: cover;object-position: center;min-width: 100%;}
.tab-media svg { background: var(--white);}
.tab-media .desktop {height: 100%;}
.tab-content .tab {padding: 0;}

.mm-content .tab-content, .mm-content2 .tab-content { min-height:70vh;}
.mm-content  .tab-copy, .mm-content2  .tab-copy { padding: 60px 100px;box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.mm-content .tab-copy h2 {width: 85%;font-size: var(--large); margin-bottom: 0;}

.mm-content .block-overlay , .mm-content2 .block-overlay { position: absolute; z-index: 0; height: inherit;}
.mm-content .block-overlay img, .mm-content2 .block-overlay img  { height: 100%; width: auto; max-width: 100vw;}
.mm-content .tab-media, .mm-content2 .tab-media { aspect-ratio: 1 / 0.75;  overflow: hidden; object-position:top}
.mm-content .black { color: var(--white) !important;}
.mm-content.rightblock .block-overlay {width: 15%;left: 0;right: 0; bottom: 0; height:auto; z-index: 1;margin: auto;}
.mm-content.rightblock .block-overlay img { width: 100%; height: auto;}
.mm-content2.rightblock .block-overlay {width: 15%;left: 0;right: 0; bottom: 0; height:auto; z-index: 1;margin: auto;}
.mm-content2.rightblock .block-overlay img { width: 100%; height: auto;}

.icon-overlay-rh, .icon-overlay-lh { position: absolute; left: 0;right: 0;width: 125px;z-index: 9; margin: auto; bottom: 0;}
.icon-overlay-lh {bottom: 15vh;}
.icon-overlay-rh {right: 55%;top:15vh ;left: 45%;}


/* Peptides */
.peptide-combos .col4.combo-wrapper {display: flex;}
.peptide-combos .combo-item img { overflow: hidden; border-radius: 20px; width: 100%;}
.peptide-combos .combo-item a { display: flex; width: fit-content; width: 100%;justify-content: center;}

/* Flavour Bar */

.flavour-grid {display: flex; flex-wrap: wrap; gap: 40px; width: 90%; padding-top: 60px; align-items: center; justify-content: center;}
.flavour-item { width: calc(20% - 50px);  display: flex; flex-direction: column; align-items: center; gap: 10px; transition: 0.3s ease all;}
.flavour-item:hover img {transform: scale(1.09);transition: 0.3s ease all;}
.flavour-item img { max-width: 120px; height: auto;transition: 0.3s ease all;}
.flavour-item h5 { margin: 0;}
.flavour-item h3 a {font-size: 24px !important;}

/* As Seen In */
.asiswiper { margin-bottom: 30px;}
.asiswiper .swiper-wrapper { align-items: center;}
.logo-bar__item {height: 50px !important; max-height: 60px;}
.logo-bar__item img { object-fit: contain; height: 100%; max-width: 200px; opacity: 0.5}
.asiswiper .swiper-slide-active img { opacity: 1;}
.sourcecontent .textlink { margin-top: 20px;display: block;}

/* Community Love */
.testimonialswiper .swiper-slide {  flex-direction: column; padding: 30px 30px; border-radius: 20px; box-sizing: border-box;}
.testimonialswiper .swiper-slide:hover { background: var(--nude) !important; transition: 0.2s ease all;}
.testimonialswiper .swiper-slide .description { font-size: var(--xsmall);line-height: 1.2; margin-bottom: 10px;}
.testimonialswiper .author-meta{justify-content: space-between;align-items: center;  margin-bottom: 10px;}
.testimonialswiper .action-meta{align-items: center;  margin-bottom: 10px;}
.testimonialswiper .author { font-family: 'Acta-Display', serif; letter-spacing: -1px;font-size: 20px; line-height: 1;}
.testimonialswiper .action-meta { gap: 10px;}
.testimonialswiper .action-meta img { width: 50px; border-radius: 100%;}
.testimonialswiper .action-meta .product { font-family: 'Montserrat-Regular', sans-serif;  padding: 0; width: 50%; line-height: 1;font-size: var(--micro); text-transform: uppercase; text-decoration: none; letter-spacing: 1px;  font-weight: 500;}
.testimonialswiper .fa-star { color: var(--black);width: 12px;}

.customer-love h2 {margin-bottom: 20px;}
.customer-love #stamped-reviews-widget {  margin: 0 0 30px;}


/* Bound by Love */
.collection-hero__inner.page-width { display: none;}
.template--17939322372293__section_page_hero_M3y7cV.page-hero-container {position: relative}
.page-hero-banner .template--17939322372293__section_page_hero_M3y7cV {width: 100%; border-bottom: 0px;}
.template--17939322372293__section_page_hero_M3y7cV .page-hero-banner .accordion-button { font-size: 10px;text-transform: uppercase;letter-spacing: 1px;}

.template--17939322372293__section_page_hero_M3y7cV .page-hero-header p {line-height: 1.2;font-size: 12px;}
.template--17939322372293__section_page_hero_M3y7cV .page-hero-header .faq-item {width: 80%;}
.template--17939322372293__section_page_hero_M3y7cV .page-hero-header h2 {font-family: 'Montserrat-Bold', sans-serif; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 2px; font-weight: 400;}
.template--17939322372293__section_page_hero_M3y7cV .page-hero-header li { list-style: disc;margin-left: 15px;}
.template--17939322372293__section_page_hero_M3y7cV .page-hero-header li:marker { accent-color: var(--orange);}


/* Featured Blog */
.blog > .container {margin: 0 auto;}
.blog .container .row.flex { align-items: flex-start;}
.blog .row.center { align-items: flex-start;}
.blog-summary h2 {margin: 10px 0;}
.blog-summary .sm-text {width: 66%; margin-bottom: 40px;}

.blog .blog-wrapper { flex-wrap: wrap; gap: 40px 10px;}
.blog .blog__post.grid__item { max-width: calc(50% - 20px);width: calc(50% - 20px);}
.blog-wrapper {  gap: 10px;}
.blog-tags { -ms-overflow-style: none; scrollbar-width: none;  text-align: right; width: 50%; margin: 0 0 0 auto; display: flex; flex-wrap: nowrap; overflow: scroll; scroll-snap-type: x mandatory;  flex-direction: row; align-items: center;align-content: center; padding: 0 0 30px;justify-content: flex-end;}
.blog-tags a {font-size: var(--micro); text-transform: uppercase; color: inherit; text-decoration: none; scroll-snap-align: start; font-weight: 500;font-family: 'Montserrat-Regular', sans-serif;  letter-spacing: 0px;line-height: 1; min-width: fit-content; padding: 0 8px; }
.blog-tags::-webkit-scrollbar { display: none;}

.blog-intro {  position: sticky; top: 150px;}
.blog-intro p {width: 75%;}
.tagfilter a { text-decoration: none;color: var(--black);text-transform: capitalize; font-size: var(--xxsmall);}
#BlogTagFilter { width: 50%;border: 1px solid var(--black); border-style: none none solid; padding: 5px;margin-bottom: 20px;}
.tagfilter label {display: flex;align-items: center;  margin-bottom: 5px;}
.tagfilter input[type="checkbox"] { appearance: initial; padding: 6px; margin-right: 10px; border: 1px solid var(--black);}
.tagfilter input[type="checkbox"]:checked, input#checked { background: url(black_plus.svg); background-size: 70%; background-position: center; background-repeat: no-repeat;}
.totop { margin-top: 60px;}


#AjaxinatePagination a {font-family: 'ActaDisplay-Regular';text-decoration: none; letter-spacing: 0; color: var(--black) !important; font-size: var(--small); padding: 60px 0;display: block;}

.article-tags {gap: 10px;margin-top: 10px;}
.article-tags h5 {margin: 0 0 10px;}
.blog-heading { font-size: 22px; letter-spacing: -0.5px;width: 80%; line-height: 1.1; font-weight: 400;}


/* Stockist */
.stockist-widget { width: 100% !important;}
.intro-wrapper {padding: 60px;box-sizing: border-box;}
.stockist-grid { display: flex; gap:60px; align-items: center;}

/* Learn */
.learn-media {aspect-ratio: 1 / 1; overflow: hidden;  border-radius: 20px;}
.learn-media img {  height: 100%; min-width: 100%; object-fit: cover;}
.learn-item a {text-decoration: none; display: block;}
.learn-item h3 {   margin: 20px 0 10px;}

/* Accordion */
.accordion { color: var(--black); cursor: pointer; padding: 20px 15px;  width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; background: transparent; font-family: 'Montserrat-Bold',sans-serif; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid var(--black);}
.mm .accordion { font-family: 'Apercu Pro'; font-weight: 800}
.accordion:first-of-type { padding-top: 0;}
.accordion.active { color: var(--pink); cursor: pointer;}
.mm .accordion.active { color: var(--orange);}
.accordion:after {content: ''; background: url('black_plus.svg'); float: right; margin-left: 5px;  transition: 0.5s ease all; height: 15px;  width: 15px; background-size: contain;}
.accordion.active:after { content: ''; transform: rotate(45deg); transition: 0.5s ease all; }
.panel { padding: 20px 0; display: none;overflow: hidden; font-family: 'Montserrat-Regular',sans-serif; line-height: 1.2;font-size: var(--xsmall); color: var(--black);}
.mm .panel {font-family: 'Apercu Pro';}
                       
/* Blog / Article */
.article-banner {aspect-ratio: 2 / 1; overflow: hidden;position: relative; border: 1px solid var(--black); border-style: none none solid none;}
.article-banner .row { overflow: hidden;}
.article-banner-text {height: 100%; aspect-ratio: 1 / 1;}
.article-banner-text .overlay-wrapper { height: 100%;  padding: 0; display: flex; justify-content: space-between;z-index: 1;}
.article-banner-text .overlay-wrapper time { margin-bottom: 20px; display: block;}
.article-banner-text .overlay-wrapper h5 { margin: 0;}
.article-banner-media {  aspect-ratio: 1 / 1;}
.article-banner-media img {height: 100%;width: 100%; display: block; object-fit: cover;}
.article-banner-text .article-title { margin-top: 30vh;}
.article-banner .block-overlay {position: absolute;z-index: 0; bottom: 0;height: 100%; width: auto; }
.article-banner .block-overlay img { height: 100%; width: auto;}

.article-meta { gap: 20px; display: flex; align-items: center; margin-bottom: 100px;}
.share-button__button {font-size: var(--xxsmall) !important; line-height: 1; text-decoration: underline; margin: 0;  padding: 0;color: inherit !important; font-family: 'Montserrat-Bold';}
.blog-summary h3 { width: 80%; line-height: 1.3;  margin-bottom: 60px;}
.article-template .blog-wrapper {margin: 0 auto 40px; align-items: flex-start;}
.blog-content img { margin-top: 20px;}
.blog-content h2 {margin: 0 0 10px; font-size: var(--medium); letter-spacing: -1px;}
.blog-content h3 {font-size: var(--small) !important; color: var(--primary)}
.blog-content h5 {margin: 20px 0 10px;}
.blog-content a { color: var(--black);  font-style: italic;}
.blog-summary {position: sticky;top: 200px;}
.blog-content li {list-style: auto;}

.article-sources { padding: 20px;border-radius: 15px; margin-top: 40px;}
.source-wrapper {gap: 5px; flex-direction: column; margin-top: 10px;}
.source-wrapper a  { font-style: normal; text-decoration: none;}
.source-wrapper a img { width: 7px;  margin-left: 10px;}


/* FAQ */
.faq-module  { position: relative;}
.faq-module .element-overlay.top { width: 100px;top: 500px;position: absolute;left: -20px;}
.faq-module .element-overlay.bottom {  width: 100px; bottom: 300px;position: absolute;right: -20px;}
.faq-intro { position: sticky; top: 180px;align-self: flex-start;}
.faq-intro h2 { margin: 0 0 20px;}


/* Glossary */
.glossary-module  { position: relative;}
.glossary-module .row { align-items: flex-start;}
.glossary-module .element-overlay.top { top: 500px;position: absolute;left: -20px;}
.glossary-module .element-overlay.bottom { bottom: 300px;position: absolute;right: -20px;}
.glossary-intro { position: sticky; top: 180px;align-self: flex-start;}
.glossary-intro h2 { margin: 0 0 20px;}

/* Search Modal */
.search-modal { top: 57px; background: var(--nude);}
.search__input.field__input { padding: 10px !important;}

/* Contact Us */
.contactus .row-width { max-width: 90%; width: 90%;}
.contactus .row.flex { gap: 60px;}
.contact-status { display: flex; justify-content: space-between;align-items: center;}
.contact-status h2 {margin: 0;}
.status { background: var(--white); padding: 7.5px 20px; border-radius: 20px;display: flex; align-items: center; justify-content: space-between;gap: 10px;}
.online, .offline {display: flex; flex-direction: row;align-items: center; gap: 10px;}
.online span { width: 10px; height: 10px; display: block; background: #19cd19; border-radius: 20px; animation: pulse 1s 2s infinite;}
.offline span { width: 10px; height: 10px; display: block; background: #cd1919; border-radius: 20px; animation: pulse 1s 2s infinite;}
.online h5, .offline h5 { margin:0; font-size: var(--micro); letter-spacing: 1px;}


.contact-options.grid {display: grid; grid-template-columns: 1fr 1fr !important; grid-row-gap: 20px; margin-top: 20px;}
.contactus .sm-text { margin-top:30px;}
.contact-item { background: var(--white); padding: 15px; border-radius: 10px;box-sizing: border-box;}
.contact-item:hover {background: var(--nude); color: #000;}
.contact-item h5 {margin: 0 0 5px;line-height: 1;font-size: var(--micro); letter-spacing: 1px;}
.contact-item a { color: inherit;text-decoration: none;margin: 0;padding: 0;}
.contact-item .sm-text { margin: 5px 0 0;font-size: var(--xsmall);letter-spacing: 0;line-height: 1.4;}
.contact-form h2 {margin-top: 0;}

/* Policies */
.shopify-policy__container { max-width: 91% !important; width: 100%; padding: 60px 0 !important;}
.shopify-policy__title h1 {font-size: var(--large);text-transform: capitalize;}


/* Cart */
.cart-header h2 {margin-bottom: 0;}
.free-shipping { width: 80%;gap: 6px;margin: 0 auto 20px;}
.remaining, .eligible {text-align: center; width: 100%; font-size: 10px;}
.ship-bar {width: 100%; height: 5px; border: 1px solid var(--pink); border-radius: 20px; position: relative;}
#remainingBar { position: absolute; left: 0; top: 0; background: var(--pink); height: 3px;border-radius: 20px;}
.cart-actions .row { display: flex;gap: 20px;}
.action-item { border-radius: 20px; overflow: hidden; flex: 1;box-shadow: 0 1px 7px #ecdad257;}
.action-icon { width: auto; height: 100%;  aspect-ratio: 1 / 1;  border-radius: 0 40px 40px 0;color: var(--white);  font-family: 'ActaDisplay-Regular', serif; font-size: var(--xxlarge); line-height: 1; display: flex; align-items: center; justify-content: center;}
.action-info { padding: 20px; box-sizing: border-box;}
.action-info .sm-text { font-size: 7px; font-weight: 900; line-height: 1.7; text-transform: uppercase; letter-spacing: 1px;}


.is-empty .cart__empty-text { display:block;}
.is-empty .cart__warnings { display: flex; gap:40px;  margin-bottom: 100px; justify-content: space-between;align-items: flex-start;}
.empty-cart { background: var(--light); border-radius: 20px; padding: 20px; width: 50%; box-sizing: border-box; display: flex;  align-items: flex-start; flex-direction: column;}
.cart-login { background: var(--light); padding: 20px; box-sizing: border-box;border-radius: 20px;  width: 50%; display: flex; flex-direction: column; align-items: flex-start;}
.cart__warnings h3 {margin: 10px 0 20px;}
.cart__warnings .button-wrapper { margin:0}

.cart-head > .flex { width: 100%; display: flex;justify-content: space-between; border-bottom: 1px solid var(--black); font-family: 'Montserrat-Regular', sans-serif;font-weight: 500; text-transform: uppercase;font-size: var(--xxsmall);letter-spacing: 2px;padding-bottom: 10px;margin-bottom: 10px;}

.cart__contents  .cart-item {  border-bottom: 1px solid var(--tertiary); display: flex; justify-content: space-between;align-items: center;  padding: 10px 0;gap: 20px;}
.cart__contents  .cart-item__name { text-decoration: none;display: block; font-family: 'Montserrat-Regular', serif; letter-spacing: -0.3px;font-size: var(--small); line-height: 1; margin-bottom: 10px;}
.cart__contents  .cart-item__name a { text-deocration:none; color: inherit}
.cart__contents  .cart-item__details { display: flex;gap: 20px;align-items: center; flex: 0 0 58.33%;}
.cart__contents  .cart-item__image { width: 100px; aspect-ratio: 1 / 1; height: 100%; border-radius: 10px !important;}
.cart__contents  .product-col.black { flex: 0 0 53.33%;}
.cart__contents  .ufe-cart-item-total-price { display: flex;align-items: center;}
.cart__contents .cart-items quantity-input {padding: 10px 10px;}
.cart__contents .cart-items .quantity__input { max-width: 80px }
.cart__contents .cart-item__quantity { min-width: 80px;}
.cart__contents .cart-item__image-container { border: 0 !important; border-radius: 10px !important;}
.cart__contents .cart-badge {padding: 5px 15px;border-radius: 20px; font-weight: normal; font-family: 'Montserrat-Regular' !important;}

.cart__note:before, .cart__note:after { display:none}
.cart__note label { font-family: 'Montserrat-Regular', sans-serif;font-weight: 500; text-transform: uppercase;font-size: var(--micro);letter-spacing: 2px;}
.continue {margin-top: 60px;}
.totals { width:100%; display: flex;justify-content: space-between;align-items: center;}
.totals__subtotal { margin: 0; font-size: var(--xxsmall);}
.totals__subtotal-value {font-family: 'Montserrat-Regular', sans-serif; font-size: var(--xxsmall); font-weight: 500; text-transform: uppercase; color: var(--black); display: flex; gap: 20px;  flex-direction: row;}
.totals__subtotal-value span {display: flex; gap: 10px;}
.cart__checkout-button { background: var(--black) !important;color: var(--white); padding: 10px 20px; border-radius: 20px; border: 1px solid var(--black);font-family: 'Montserrat-Bold', sans-serif; text-transform: uppercase; letter-spacing: 2px;}
.cart__checkout-button:hover { background: #000000 ; color: var(--white) !important;}


/* Account */
.dashboard-wrapper {gap: 40px; position: relative;display: flex; align-items: flex-start;}
.dashboard-menu { box-shadow: 0 1px 7px #ecdad257; min-width: 20%;  flex: 1; padding: 20px; border-radius: 15px; box-sizing: border-box; position: sticky; display: flex; align-items: flex-start; top: 180px;flex-direction: column; min-height: 70vh;}
.dashboard-menu h2 { margin: 0 0 20px;}

#dashboard-links {margin: 0 0 20px 0; padding: 0;display: flex;flex-direction: column;gap: 10px;}
.customer-wrapper {box-shadow: 0 1px 7px #ecdad257; background: var(--white); border-radius: 15px;  padding: 20px 30px 30px; box-sizing: border-box;}
.customer-sidebar.flex { display: flex; flex-direction: column; gap:20px; flex: 1; min-width: 70%;}
.introduction {  display: flex; align-items: center; gap:20px}
.introduction h2 { flex: 1;margin: 0;}

.favicon { background: var(--nude); border-radius: 50px; width: 70px; height: 70px; display: flex; justify-content: center;font-family: 'ActaDisplay-Regular', serif; letter-spacing: -7px;font-size: var(--large);  color: #b886724f; line-height: 1; align-items: center;}

.customer-info { flex: 1;}
.customer-info h5 {margin: 0 0 10px;}
.customer-account { flex: 1;}
.customer-analytics { display: flex;flex: 0 0 25%;justify-content: center;}
.customer-meta {flex-direction: column; display: flex;}
.progressbar-text {font-family: 'Montserrat-Bold';color: var(--black) !important;}

.dashboard-menu a { text-transform: uppercase;text-decoration: none;padding: 0; margin: 0;}
.dashboard-menu .menu-link a{ text-transform: uppercase;text-decoration: none; letter-spacing: 2px;}
.dashboard-menu .menu-link.active a { color: var(--pink);}
.logout { position: absolute;bottom: 30px;}
.customer .button2 { background: var(--nude); padding: 10px 20px !important; width: calc(100% - 30px); text-align: center; box-sizing: border-box; margin: 0 auto;left: 0;  right: 0;}

.reward-wrapper { gap: 20px;}
.reward-wrapper img { height: 40px; width: 40px;}
.stamped-reward-wrapper {background: var(--tan);  display: flex; align-items: center; justify-content: center; width: 150px; border-radius: 20px;font-family: 'ActaDisplay-Regular', serif;color: var(--white);font-size: var(--medium); letter-spacing: -1px; line-height: 1;}
#stamped-rewards-points-placeholder { font-family: 'ActaDisplay-Regular', serif;color: var(--white);font-size: var(--medium); letter-spacing: -1px; line-height: 1;}
#stamped-reviews-widget[data-widget-type="site-badge"] .stamped-style-color-text { font-family: 'Montserrat-Bold',sans-serif; letter-spacing: 2px;}
.totalspend { margin-top:10px; font-size: var(--medium);font-family: 'Montserrat-Regular', sans-serif; color: var(--black); background: var(--nude); width: fit-content; padding: 2px 15px;  border-radius: 50px;}

[data-label="Payment status"] { display: flex; gap: 7px; align-items: center;}
[data-label="Payment status"] span { height: 10px; width: 10px;display: block; background: grey;border-radius: 20px;}
[data-label="Payment status"] span.green { background: green}
[data-label="Payment status"] span.red { background: red}



.address-header { display: flex;align-items: center; gap: 20px;}
.address-header .button2 { width: fit-content;}
.addresses [aria-expanded='false'] ~ div[id] {display: none;}
.addresses [aria-expanded='true'] ~ div[id] { display: block;}
.addresses ul {list-style: none; padding-left: 0; margin-top: 40px;display: flex; text-align: center; flex-wrap: wrap; gap: 20px; align-items: baseline;}
li[data-address] { margin-top: 0; justify-content: space-between;flex: 1; box-shadow: 0 1px 7px #ecdad257; min-width: calc(25% - 15px); background: var(--light);border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start; position: relative; padding: 20px !important; box-sizing: border-box;}
li[data-address].default { border: 1px solid var(--nude);}
[data-address] div h5 { margin: 20px 0 0 !important;}
[data-address] button { background: var(--black); color: var(--white);padding: 5px 20px; border-radius: 20px;border: 0;  font-family: 'Montserrat-Regular'; margin-top: 20px;}
[data-address] button:first-of-type {margin: 20px 0 5px !important;}
.activate button[name=decline], .addresses li>button, .addresses form button[type] { background: var(--black) !important; color: var(--light) !important; border-radius: 20px; border: 0;font-family: 'Montserrat-Bold'; padding: 5px 20px;margin: 0 0 3px;}

.addresses h2 {text-align: left; margin: 0; flex: 1;  font-size: var(--small) !important;}
.customer li .default-title { margin: 0 0 10px; background: var(--nude); padding: 5px 10px; border-radius: 20px; position: absolute;top: -10px;}
.addresses ul p { margin-bottom: 0; text-align: left;}
.addresses input[type='checkbox'] { margin-top: 2rem; margin-left: 0;}
.addresses form .button-wrapper { flex-direction: column;margin: 0; margin-top:20px;}


/* Wholesale */
.wholesale-status { margin-top: 10px; background: var(--blush); width: max-content; display: inline-block;padding: 8px 10px;border-radius: 20px; font-size: var(--micro);text-transform: uppercase; letter-spacing: 1px; color: var(--black); font-weight: bold; font-family: Montserrat;line-height: 1;}
.wsg-spof-container-main { max-width: 90% !important; padding: 0 !important;}
.wsg-nav-link {font-family: 'Montserrat-Regular';  padding: 8px 16px !important; width: fit-content !important; font-weight: bold; text-transform: uppercase;letter-spacing: 2px;}
.wsg-nav-link.active { border: 0 !important; border-radius: 20px !important ;padding: 8px 16px !important;cursor: default;background: var(--blush);color: white !important; font-family: 'Montserrat-Regular'; text-transform: uppercase; letter-spacing: 2px;}
.wsg-table input[type="number"] { border: 0 !important; background: var(--light) !important ;border-radius: 20px !important; padding: 5px 25px !important;}
.wsg-info-block a, .wsg-variant-title {padding-right: 20px;font-family: 'ActaDisplay-Book';font-weight: normal !important;  text-transform: inherit; letter-spacing: 0 !important; line-height: 1; font-size: var(--small) !important;}
.wsg-price {font-size: 16px !important; font-weight: 500; line-height: 1!important ; font-family: 'Montserrat-Bold';text-transform: uppercase;}
.wsg-view button.wsg-button {background: var(--black); color: var(--white) !important; padding: 10px 30px !important; line-height: 1 !important; border-radius: 30px !important;}
.wsg-view button.wsg-button span, .wsg-view button.wsg-button a {color: var(--white) !important; }
.wsg-product-accordion, .wsg-variant-row {border-top: 1px solid black !important;}
.wsg-table-head-row {margin-bottom: 20px;font-family: 'Montserrat-Bold'; text-transform: uppercase; letter-spacing: 1px;font-size: var(--xsmall); text-align: center;}
.wsg-inc, .wsg-dec { width: auto !important;}
#wsg-checkout-two {background: var(--pink);}
.wsg-shipping-header.wsg-flex-row-between { flex-direction: column;text-align: left;display: flex; align-items: flex-start;}
button.wsg-return-to-summary {width: fit-content !important;text-align: center; min-width: auto !important;color: var(--black) !important;}
.wsg-inc rect, .wsg-dec rect {fill: transparent !important;}
#wsg-checkout-one { background: var(--pink);  color: var(--white); padding: 5px 20px;height: auto;line-height: 1;}
.wsg-subtotal-block {width: 50% !important;}
.wsg-checkout-buttons { width: 100% !important;}
#wsg-pagination .wsg-pagination-link {width: 40px !important;}
.checkout-one-spof {color: var(--black) !important;}

/* Page: Habitual Beauty Contact */
.hb .contact-form input, .hb .contact-form textarea, .hb .contact-form select { background: var(--primary); color: var(--black) !important; font-size: var(--xsmall) !important; padding: 15px 20px !important; border-radius: 0 !important; border: 0 !important; margin-bottom: 7px;}
.hb .contact-content h1 { margin-bottom: 40px; width: 80%;}

/* Page: Habitual Beauty Learn */
.hb .page-grid .page-item { width: calc(33.33% - 13.33px);}
.hb .page-grid-wrapper {gap: 20px;}
.hb .page-item h5 { font-size: var(--large); margin: 0; letter-spacing: 0; font-style: italic;}
.hb .page-item .text-link {font-size: var(--xxsmall);}
.hb .page-item a svg { width: 18px; height: 18px;}
.hb .learn-media { max-height: max-content; height: auto; overflow: hidden; width: 100%; aspect-ratio: 1 / 1; border-radius: 0;}

/* Page: Habitual Beauty FAQ */
.hb .faq-item { width: 100% !important;}
.hb .faq.flex {justify-content: space-between; margin: 40px 0;}
.hb .faq-category-title {padding: 15px 0;}
.hb .faqaccordion{  font-family: 'Inter'; background: transparent; display: flex; justify-content: space-between;align-items: center; font-size: var(--small); cursor: pointer;padding: 15px 0 0; width: 100%;  margin-bottom: 15px; border: 0;  text-align: left;}
.hb .faqaccordion.title { font-family: 'Inter'; font-size: var(--medium); font-weight: 300}
.hb .faqactive{  padding: 15px 0 0 !important; margin-bottom: 20px;}
.hb .faqpanel {  padding: 0; background-color: transparent; font-size: 12px; max-height: 0; overflow: hidden;}
.hb .faqpanel a { color: var(--black);}
.hb .faqpanel p {width: 90%;}
.hb .question .faqactive + .faqpanel { max-height: 100% !important;  margin-bottom: 15px;}
.hb .faqaccordion:after { content: 'Expand'; width: 22px; height: 22px; flex: 0 0 60px;  font-size: 12px !important;  float: right;  margin-left: 44px !important;}
.hb .faqactive:after {content: 'Close';  width: 22px; height: 22px; color:var(--black); }
.hb .question {border-top: 1px solid #13131320 ;}
.hb .question .flex {padding-bottom: 25px;}


/* Page: Habitual Beauty Ingredient Glossary */
.hb .iglossary .grid .grid__item {padding: 0;}
.hb .ig.flex {justify-content: space-between;margin-bottom: 30px; padding-top: 40px;}
.hb .igaccordion{background: transparent; text-transform: capitalize; color: var(--black); font-size: var(--small); font-family: 'Inter-Light',sans-serif; cursor: pointer;padding: 20px 0 0; width: 100%;  border: 0;  display: flex; justify-content: space-between;align-items: center; text-align: left; transition: 0.4s;}
.hb .igactive, .azactive { color: var(--black); padding: 20px 0 0; margin-bottom: 20px;}
.hb .igpanel { margin-bottom: 20px  !important;}
.hb .igpanel .col6 {min-width: calc(23.3% - 27px);}
.hb .igpanel h5 {font-size: var(--xxsmall);margin-bottom: 10px;}
.hb .igpanel p:first-of-type {display: none;}
.hb .igpanel p:last-of-type {display: block;}
.hb .igpanel, .azpanel {padding: 0; background-color: transparent; font-size: 12px; max-height: 0; overflow: hidden;}
.hb .azaccordion:after, .hb  .fa-chevron-down:before { content: ""; background: url(HB_Icon_ArrowDown.svg);  width: 20px; height: 20px;}
.hb .azactive:after {content: ""; background: url(HB_Icon_ArrowUp.svg); color:var(--black);}
.hb .azpanel { display: flex; justify-content: space-around; margin-bottom: 20px !important;}
.hb .azpanel a { opacity: 1; font-size: 14px;text-transform: uppercase; padding: 5px;color: #ae815c;}
.hb .azpanel :not(.on) {opacity: 0.4 !important;}
.hb .azpanel a.on {opacity: 1 !important;}
.hb .azfilter.tan { position: sticky;top: -1px; background: var(--white); border-bottom: 1px solid #13131320;padding-top: 45px;}
.hb .igaccordion:after { content: 'Expand';width: 22px; height: 22px; flex: 0 0 60px;font-size: 12px !important; color:var(--black); float: right;margin-left: 5px; text-transform: initial; font-weight: 100; }
.hb .igactive:after {content: 'Close';width: 22px; height: 22px; color: var(--black);}
.hb .azaccordion  {background: transparent; color: Expand; border-top: 1px solid #13131320; font-size: 12px; display: flex; justify-content: space-between;align-items: center; cursor: pointer;padding: 20px 0 0; width: 100%;  border-right: 0; border-left: 0; border-bottom: 0;  text-align: left; transition: 0.4s;}
.hb .ingredient {border-top: 1px solid #13131320;}
.hb .ingredient:first-of-type {border-top: 0;}
.hb .ingredient .flex {padding-bottom: 25px;}
.hb .igsummary { margin: 20px 0;}
.hb .ingredienthero, .faqhero {float: right; width: 425px; position: sticky;top: 0px;}
.hb .foundin li a {color: var(--black);}


.hb .no-scroll::-webkit-scrollbar { display: none;}
.hb .no-scroll { scrollbar-width: none;}
.hb .no-scroll {-ms-overflow-style: none;}

/* Page: Habitual Beauty Policies */
.hb .policy-content h1, .hb .policy-content h2, .hb .policy-content h3, .hb .policy-content h4 {margin-bottom: 20px;}
.hb .policy-content strong {font-family: mr-eaves-modern, sans-serif; letter-spacing: 1px; font-size: 12px; margin-top: 10px; margin-bottom: 7px; display: block;}


/* Footer */

.footer-newsletter-wrapper { overflow: hidden;position: relative; cursor: pointer;}
.newsletter-wrapper {padding: 17.5px 40px;position: relative; }
.footer-newsletter-wrapper svg { overflow: visible !important;}
.footer-newsletter-wrapper svg path { transform: translateX(0px);}
.newsletter-wrapper:before { content: ''; position: absolute; bottom: 0; height: 60px;width: 100%; top: -60px;  left: 0; background: var(--black); transition: 0.5s ease all;}
.footer-newsletter-wrapper:hover *, .footer-newsletter-wrapper:hover .black { color: var(--primary);  transition: 0.5s ease all; z-index:4;}
.footer-newsletter-wrapper:hover .newsletter-wrapper:before { top:0; transition: 0.5s ease all;}
.footer-newsletter-wrapper:hover svg path { stroke: var(--primary); transform: translateX(10px);}
.mail-trigger {position: absolute; top: 0; bottom: 0; right: 40px; margin: auto;width: fit-content; height: fit-content;}

.footer-link {font-size: var(--xxsmall); line-height: 1;}
.footer-links li { margin-bottom: 5px !important; line-height: 1;}

.group-link img {width: 100px;}

/* Footer */
footer .row-width { max-width: 90%; width: 90%;}
.footer-brand { display: flex;align-items: center; justify-content: space-between; flex-direction: row; width: 100%;}
.footer-brand img {max-width: 200px;}
.paynow {  font-size: var(--xsmall); display: flex; gap: 10px; flex: 0 auto; align-items: center; flex-direction: row;}
.paynow img { height: 20px; width: fit-content;}

.footer__blocks-wrapper { display: flex;justify-content: space-between;align-items: flex-start;}
.footer-block { display: block;margin-top: 0; }
.footer-block.col3 { width: 25% !important;}

footer  div[data-testid="form-row"] { border-bottom: 1px solid var(--black);}
footer  div[data-testid="form-row"] input, footer  div[data-testid="form-row"] input:hover, footer  div[data-testid="form-row"] input:focus {box-shadow: none !important;}
.go3176171171 span {line-height: inherit;}
footer  div[data-testid="form-row"]:last-of-type { border-bottom: 0;}
footer [data-form-type="action,subscribe"] { margin-top:10px;}
.newsletter button[role="combobox"] {width: auto !important; background: transparent !important}
footer .list-menu__item--link { color: var(--black);font-family: 'Open Sans', sans-serif; font-size: var(--xxsmall); padding: 5px 0 !important; display: block; line-height: 1 !important;}

.mm footer .list-menu__item--link {font-family: 'Apercu Pro',sans-serif;}
.mm footer * {color: var(--white) !important;}
.mm footer .footer-brand img { filter: invert(1) brightness(2);}
.mm footer div[data-testid="form-row"], .mm .legal-banner { border-color: white !important}
.mm footer ::placeholder { color: var(--white) !important}
.mm footer [type="button"] {color: var(--black) !important;}
.mm footer svg { width: auto;}
.mm .kf-only { display: none;}
.mm .hb-only { display: none;}
.mm .mm-only { display: block;}
.kf .kf-only { display: block;}
.kf .mm-only { display: none;}
.kf .hb-only { display: none;}
.hb .kf-only { display: none;}
.hb .mm-only { display: none;}

.copyright, .site-author {font-family: 'Open Sans', sans-serif;}
.krumbled-group { font-family: 'Open Sans',sans-serif; font-size: var(--xxsmall);}
.group-brands.black {display: flex; gap: 20px;}
.legal-banner { display: flex; justify-content: space-between; font-family: 'Open Sans';font-size: var(--micro);letter-spacing: 0; border-top: 1px solid var(--black); padding-top: 20px;}
.site-author { display: flex; gap: 10px; align-items: center; line-height: 1;}
.site-author img {height: 10px; width: auto;}

/* 404 */

.template-404 { flex-direction: column; gap: 0; min-height: 50vh;}
.template-404 .title { margin: 20px 0 0;}
/* Animations */
@keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
  100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);}}
@keyframes spin {  100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);  }}


/* Mobile Responsivness */
@media (max-width: 728px) {

  .mm:root {
    --xlarge: 36px;
    --medium: 28px;
    --small: 16px;
}

.m-flex-column { flex-direction: column;flex-wrap: nowrap; }
.m-flex-column > .col2 { width: 100% !important; box-sizing: border-box;}
.m-flex-column > .col3 { width: 100% !important; box-sizing: border-box;}
.m-flex-column > .col4 { width: 100% !important; box-sizing: border-box; }
.m-flex-column > .col5 { width: 100% !important; box-sizing: border-box;}
.m-flex-column > .col6 { width: 100% !important; box-sizing: border-box;}
.m-flex-column > .col7 { width: 100% !important; box-sizing: border-box; }
.m-flex-column > .col8 { width: 100% !important; box-sizing: border-box;}
.m-flex-column > .col9 { width: 100% !important; box-sizing: border-box; }

.menu-drawer { width: 100vw !important;border: 0;}
.no-js details[open]>.menu-drawer, .js details[open].menu-opening>.menu-drawer, details[open].menu-opening>.menu-drawer__submenu {background: var(--light);}
.mm details[open]>.menu-drawer, .mm details[open].menu-opening>.menu-drawer, .mm details[open].menu-opening>.menu-drawer__submenu {background: var(--lemon);}
.menu-drawer__close-button { background: var(--nude);border: 0 !important; padding: 20px 30px; margin: 0;}
.mm .menu-drawer__close-button { background: var(--coral);}

.grid { display: grid; grid-template-columns: 1fr !important;}

.mm-content .tab-content, .mm-content2 .tab-content {min-height: auto; flex-direction: column;}
.mm-content .tab-copy, .mm-content2 .tab-copy {padding: 40px;align-items: center;overflow: hidden;}
.mm .rightblock .tab-media { order: 2; aspect-ratio: 1 / 1;}

.mm .contentblock .tab-copy {align-items: center;justify-content: center;}
.mm .contentblock .tab-content {flex-direction: column;display: flex;}
.mm-content .tab-media, .mm-content2 .tab-media {aspect-ratio: 1 / 1;}
.mm-content2.rightblock .block-overlay {display: none;}
.icon-overlay-rh, .icon-overlay-lh { display: none;}
  
.tab-controls {justify-content: flex-start !important;}
.tab-item {min-width: fit-content !important; width: auto !important;}
.tab-controls.tabbed-nav {padding-left: 20px;}
.tab-content .sm-text { text-align: center;}

.flavour-grid {gap: 20px; width: 100%;}
.flavour-item { width: calc(50% - 20px);}
.flavour-item .content-media { padding-top: 0;}
 
.customer-love .swiper-button-next, .customer-lov .swiper-rtl .swiper-button-prev, .customer-love .swiper-button-prev, .customer-lov .swiper-rtl .swiper-button-next {bottom: 30%; top: auto !important;}
.blog .blog-wrapper {width: 100%;}
.blog .container { max-width: 95% !important;}
#BlogTagFilter {-webkit-appearance: none; background: transparent; color: var(--black)}
.article-banner-text .article-title {margin-top: 60px;}
article ol, article li { padding:0;}


.collection-hero__title {margin: 40px auto 0px !important; font-size: var(--large); }
.collection-banner .col6 { width: 100%;}
.collection-banner-text { position: absolute;height: 100%;}
.collection-banner.collection-block .overlay-wrapper:before {content: ''; position: absolute; top: 0;width: 100%; height: 100%;  background: #ffffff75; z-index: 1;left: 0; right: 0;}
.collection-banner.collection-block {height: fit-content !important; min-height: 350px; aspect-ratio: auto;}
.collection-banner.collection-block .collection-banner-media > img, .collection-banner.collection-block .collection-banner-text {min-height: 350px;}
  
.product-media .swiper-slide {width: 100% !important; aspect-ratio: 1 / 1; overflow: hidden;}
.product-swiper .swiper-slide img {border: 0;}
.product-media {  width: 100%; margin: 0 auto; display: flex;flex-direction: column-reverse !important; aspect-ratio: auto;}
.product-swiper { width: 100% !important;}
.thumbnail-swiper { width: 100% !important;display: flex; }
.thumbnail-swiper .swiper-slide { width: 25% !important; aspect-ratio: 1 / 1;}
.thumbnail-swiper .swiper-wrapper {flex-direction: row !important;}

.size-chart img { max-width: 90vw;height: auto;}
.stamped-content, div[data-widget-style*=standard] .stamped-summary { position: relative; gap: 10px;display: flex;flex-direction: column;align-items: center;}
.mm .combo-text h2 {font-size: var(--medium);}
.product-nav { top: 124px !important;}
.product-nav .nav-menu.flex {padding: 5px 40px;}
.product-nav .nav-menu .menu-item { line-height: 1.5}
.detail-swiper img { height: 120px !important;}
.upsell-switch .tab-item {min-width: auto !important;width: calc(50% - 10px) !important;}
.detail-swiper h3 { text-align: center;}
.detail-slide { display: flex; flex-direction: column; align-items: center;}
.product-data .flex-row { flex-direction: column-reverse;}
.text-banner h2 { font-size: var(--large);max-width: 100%; margin: 0 auto 20px;}
  .price--sold-out {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}
.blog-summary, .blog-content {width: 100%; position: relative; top: 0;}

cart-items {padding-top: 20px;display: block;}
.cart-actions { display: none;}
.cart__warnings {flex-direction: column;gap: 10px;}
.empty-cart, .cart-login {width: 100%;align-items: center;}


 .template--18733787414725__dynamic_split_content_8ejQgq .flex-row.m-flex-column {
    flex-direction: column-reverse !important;
  }

.hb .page-grid .page-item {width: 100%;}
 
.wsg-subtotal-block { width: 100% !important; display: flex;flex-direction: column;align-items: center; align-content: center;}
.wsg-button-row a, .wsg-button-row button {width: 100%; margin: 0 !important; padding: 10px 20px !important;}
.wsg-checkout-buttons .wsg-button-row {flex-direction: column;gap: 10px;}
 
.learn-wrapper {grid-template-columns: 1fr !important}
.product-recommendations .product-grid {grid-template-columns: 1fr !important;}
.contact-options.grid { grid-template-columns: 1fr !important;}
footer .footer-block.col4 { margin-bottom: 40px;}

}


/* Mobile / Hand Held  Devices */
@media (max-width: 1023px) {
  :root {
    --xxlarge: 46px;
    --xlarge: 38px;
    --large: 28px;
    --medium: 20px;
    --small: 14px;
    --xsmall: 12px;
   }

    
.brand-switch img { max-height: 10px; padding: 15px 10px;}
.split-code .klaviyo-form {max-width: 90%;}
.drawer {z-index: 999999 !important}
.mobile { display: block !important}
.desktop { display: none !important}
.button-wrapper { flex-direction: column;}
  
.announcement-bar__message:not(:first-of-type) {display: none;}
.announcement-bar__message {width: 100%; font-size: var(--micro);}
  
.header { max-width: 90%;}
.header__icon, .header__icon--cart .icon {height: auto;}


/* Native Cart */
.cart-header-wrapper { max-height: 75vh}
.cart-items-wrapper { padding-top: 10px !important;}
.cart__contents .cart-item__quantity { margin-top: 10px;}
.cart-drawer .cart-item {gap: 0 !important;}
.cart__contents .cart-items quantity-input {padding: 5px 10px;}
.milestone-detail {padding: 5px; margin-top: 10px;}

.cart-drawer__collection-header {padding-bottom: 5px;}
.cart-view .swiper-slide .product-link {font-size: var(--micro);}


.sp-row { gap: 5px; margin-bottom: 10px;}
.drawer__footer { padding: 10px 2.5% !important;}

.hero-banner {aspect-ratio: auto;}
.hero-banner .swiper-slide { display: flex; flex-direction: column !important;}
.hero-banner .text-wrapper { min-height:500px} 
.hero-banner .text-wrapper, .image-wrapper {  display: flex; position: relative; height: 100%; aspect-ratio: 1 / 1; width: 100%;}
.hero-banner .swiper-pagination { left: 0 !important; right: 0 !important; width: fit-content !important;margin: auto !important;}
.overlay-wrapper { padding-bottom: 0;}
 .overlay-wrapper h1 { font-size: var(--xlarge);}
  
.collection-swiper {width: 80%;}

.collection-banner {margin-top: 20px;height: 700px !important;}
.banner-media-wrapper {height: 700px !important;}
.collection-banner .text-underlay {height: 700px !important;}
.collection-banner .col9 {width: 100%;}
.collection-banner .overlay.absolute-center { height: 700px !important; background: linear-gradient(360deg, rgba(250, 247, 245, 1) 0%, rgba(250, 248, 245, 0) 100%, rgba(250, 247, 245, 0) 100%) !important;}
.collection-header .faq-item {width: 100%;}
.collection-banner .accordion-text {padding: 0;}
.collection-hero__title {margin: 40px auto 0;  text-align: center;}
.collection-content-wrapper {width: 90%; left: 5%;right: 5%; bottom: 40px; top: auto;}
.product-grid-container { padding: 0 0 20px !important; max-width: 95%; margin: 0 auto;}
.card-wrapper {width: 97.5%;margin: auto;}
.large-text-wrapper {padding: 20px !important;}
.featured-text h3 { font-size: 34px !important; width: 100%;} 

.collection-badge img {height: 80px;}
  
.badge-swiper {width: 100%;}
.badge-content {width: 100%;display: flex !important;}
  
.faq-item { width: 100%;}
.faq-module .accordion-button {font-size: 12px; min-height: fit-content;}
.grid__item { width: 100%; max-width: 100%; transition: all 0.3s ease; }

.usp-wrapper {gap: 20px;  overflow: scroll;}
.usp-content {min-width: fit-content;}
.usp-content .content-title {font-size: 12px !important;}

.tab-controls { width: 100%;overflow: scroll;   justify-content: center; display: flex;position: relative;align-items: center;}
.tab-item {  min-width: calc(33% - 20px); width: fit-content; }
.attachment-wrapper img { max-height: 200px; width: auto; max-width: 80%}


.mm-content .tab-content, .mm-content2 .tab-content {min-height: auto; flex-direction: column;}
.mm-content .tab-copy, .mm-content2 .tab-copy {padding: 40px;align-items: center;overflow: hidden;}
.mm .rightblock .tab-media { order: 2; aspect-ratio: 1 / 1;}

.mm .contentblock .tab-copy {align-items: center;justify-content: center;}
.mm .contentblock .tab-content {flex-direction: column;display: flex;}
.mm-content .tab-media, .mm-content2 .tab-media {aspect-ratio: 1 / 1;}
.mm-content2.rightblock .block-overlay {display: none;}
.icon-overlay-rh, .icon-overlay-lh { display: none;}
.asseenin .padding-80 {padding: 40px 0;}
.logo-bar__item { height: 60px !important;max-height: 70px;justify-content: center;}
  
.blog .container { max-width: 85%;}
.blog .row.center {display: flex; flex-direction: column;gap:40px}
.blog .col6 { width: 100%;}
.blog-tags { display:none}
.blog-summary .sm-text {width: 80%;}
.blog-summary { position: relative;top: 0;}
.blog-heading {width: 100%;}
.blog .blog__post.grid__item {max-width: 100%; width: 100%;}
.blog .blog__post .card_wrapper {width: 100%;}
.article-tags {margin: 20px 0 10px;}
.sourcecontent .lrg-text { width: 80% !important; margin:0 auto;}
.article-banner-text .article-title {margin-top: 90px;}
article ol, article li { padding:0;}
   
.breadcrumb-wrapper { width:100%; left: 0 !important;top: 50px !important;}
.breadcrumb-wrapper .breadcrumb {justify-content: center;}
.breadcrumb-wrapper li, .breadcrumb-wrapper a { font-size: 8px}
  
.testimonialswiper { width: 80%;}
.element-overlay.top.left {top: 50px;left: 0; position: absolute;}
.element-overlay.bottom.right {right: 0; bottom: 0;position: absolute}
.tab.flex {flex-direction: column;}
.tab-copy, .tab-media {width:100%;}
.tab-content .sm-text {width: 100%;}
.tab-copy h2 {width: 85%;text-align: center;  margin: 0 auto;}
.tab-copy h5 {text-align: center;}
.tab-media {aspect-ratio: 1 / 1;}
.text-banner .content-media { padding-top: 40px}
.text-banner .content-media img {height: auto;}

.product__info-container {max-width: 100% !important;}
.product-wrapper.flex { flex-direction: column; width: 100%;}
.product-media {  width: 100%; margin: 0 auto; display: flex;flex-direction: row-reverse; aspect-ratio: auto;}
.product-swiper { width: 80%;}

.hb .split-swiper-wrapper .button-wrapper { flex-direction: column;  align-items: flex-start; margin-bottom: 40px;}

.product-wrapper {max-width: 100%;}
.product-media { max-height: auto; }
.product-swiper {height: auto;}
  
.thumbnail-swiper { width: 20%;display: flex; }
.thumbnail-swiper .swiper-slide { width: 100%;}
.product-info { width: 90%;margin: 0 auto;}
.product-swiper .swiper-slide img { width: 100%;}

.upsell-switch .tab-item { min-width: calc( 50% - 0px); width: auto; padding: 10px !important;  height: 40px;}
.accordion { padding: 20px 15px 20px 0 !important;}
.product-data .row { flex-direction: column; gap: 20px; width: 90%; margin: 0 auto;}
.product-test.flex, .product-details {width: 100%;}
.product-test {flex-direction: column;gap: 20px;}
.combo-text, .combo-wrapper {width: 100%;}
.product-nav {top: 129px ;}
.nav-menu.flex { overflow: scroll; justify-content: flex-start; padding: 10px 40px;}
.detail-module .row {flex-direction: column;}
.detail-module h2 { margin: 0;}
.detail-module .row .col4 {  width: 100%;  display: flex;flex-direction: column;align-items: flex-start;}
.detail-swiper { width: 100%;  padding-left: 40px; box-sizing: border-box;}
.detail-swiper h3 { text-align: center;}
.detail-slide { display: flex; flex-direction: column; align-items: center;}
  
.glossary-module .row  { flex-direction: column; width: 100%; padding: 100px 0 60px;}
.glossary-intro, .faq-intro{ position: relative; top: auto;}
.glossary-intro, .glossary-wrapper, .faq-intro, .faq-wrapper { width: 100%;}

.faq-module > .container .row { flex-direction: column; width: 100%; padding: 100px 0 60px;}
  
.blog .row.flex { flex-direction: column; gap: 40px;}
.blog-intro, .blog-grid { width: 100%;position: relative;top: 0;}
.blog-intro p { width:85%}
.tagfilter, .totop { display: none;}
#BlogTagFilter {width: 100%;}

.article-banner { aspect-ratio: auto;}
.article-banner .row { overflow: hidden;  flex-direction: column;}
.article-banner-text, .article-banner-media {width: 100%;}
.article-template .blog-wrapper { flex-direction: column;}
.blog-summary, .blog-content {width: 100%;}
.blog-summary h3 { width: 100%;margin-bottom: 40px;}
.article-template__back {display: none;}
  
.contactus .row.flex {gap: 40px; flex-direction: column;}
.contact-info, .contact-form { width: 100%;}
  
.login-header h2 { margin-bottom: 0;}
.customer form {width: 100% !important;}

.customer-sidebar.flex { width: 100%;}
.customer-details { flex-direction: column;}
.dashboard-wrapper {flex-direction: column;}
.dashboard-menu { width: 100%; min-height: auto;  z-index: 998; position: relative; top: 0;}
.customer-wrapper {flex-direction: column;}
.customer .button2 {position: relative; border: 0; box-sizing: content-box;  bottom: 0;}
  
.cart-actions .row { flex-direction: column;}
.action-icon { max-width: 75px; flex: 1;}
.cart-item__details { flex: 1 !important;width: 100% !important;justify-content: space-between;}
.cart-item {display: flex !important; gap: 1.5rem; flex-direction: row; flex-wrap: wrap;}
.cart__cta, .cart__blocks { width: 90%;margin: 0 auto 40px;}
.cart__contents .cart-item__quantity {width: 66%;}

footer .row-width { max-width: 85%;}
footer .footer-block { width: fit-content; min-width: 45%;}
.footer__blocks-wrapper { flex-wrap: wrap;}
footer .footer-block.col4 { width: 100%;}
.footer-brand {flex-direction: column; gap: 40px;}
.legal-banner { flex-direction: column;text-align: center;display: flex;align-items: center; gap: 10px; padding-bottom: 20px;}


/* Mobile Menu */
.hb .mobile-menu__button path { stroke: var(--black); stroke-width: 10px; }
.hb .promo-module { display: none; }
.hb .drawer.is-open { padding: 35px 20px; background: var(--primary); }
.hb .drawer__close-button { width: 40px !important; height: 40px !important; padding: 10px !important; }
.hb .mobile-nav__trigger { height: 40px !important; width: 40px !important; }
.hb .mobile-navlink { height: 45px; display: flex !important; align-items: center; }
.hb .mobile-menu__item--has-items { gap: 5px; display: flex; align-items: center !important; }
.hb .mobile-navlink--level-3 { padding: 7px 0 !important; color: var(--black) !important; }
.hb .mobile-nav--bottom { margin-top: 0 !important; }
.hb .drawer .promo-module { display: flex !important; width: fit-content; margin-top: 40px; }

/* Announcement Banner */
.hb .announcement-swiper { width: 100%; }

/* Headings */
.hb h1 { font-size: 36px !important; }
.hb h2 { font-size: 28px !important; }

/* Text Blocks */
.hb .sm-text.col8 { width: 90%; }
.hb body { padding: 0 !important; }

/* Hero Module */
.hb .hero-content { max-width: 80vw; }
.hb .hero-slider .hero-media .hero-right { display: none; }
.hb .hero-slider .hero-media .hero-left { width: 100%; height: 700px; }

/* Page Hero Module */
.hb .page-hero-module .page-hero-content .sm-text { width: 80%; margin: 20px auto; }

/* Tabbed Collections */
.hb .collection-header .col8 { width: 100%; }
.hb .collection-wrapper { max-width: 90%; margin-top: 20px; }
.hb .collection-wrapper .product-grid-item__image { height: 500px !important; }

/* Split Swiper */
.hb .split-swiper .hero-media { flex-direction: column; position: relative; }
.hb .split-swiper .hero-media .hero-left:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.hb .split-swiper .hero-media .hero-right { z-index: 9; }
.hb .split-swiper .hero-media .col6 { width: 100%; }
.hb .splitcontent-content { padding: 60px 0; }
.hb .split-swiper .hero-media .hero-right.float-left { position: absolute; }
.hb .split-swiper .hero-media .hero-left.float-right:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #ffffffbd; }

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

/* Category Swiper */
.hb .category-header .sm-text.col8 { width: 100%; }
.hb .category-module .collection-wrapper { max-width: 100%; }

/* Swiper Content */
.hb .split-swiper-wrapper { flex-direction: column; gap: 40px; }
.hb .splitswiper-content-wrapper { width: 100%; }
.hb .splitswiper-media { width: 100%; }
.hb .image-wrapper img { min-height: 300px; height: 300px; }

/* Swiper Accordion */
.hb .split-content .accordion-media { height: auto; padding: 60px 0; max-height: fit-content; }
.hb .split-content .gradient-overlay { z-index: 5; opacity: 0.9; }
.hb .split-content .accordion-media-container { width: 100%; position: absolute; top: 0; z-index: 4; height: 100%; }
.hb .split-accordion-item .accordion-media-container div { height: 100%; }
.hb .split-content .accordion-content { width: 100%; z-index: 6; }
.hb .split-content .accordion-media img { height: 100%; }
.hb .accordion-item.active .accordion-text * { font-size: 10px !important; color: var(--black); }
.hb .accordion-heading { display: flex;flex-direction: column; justify-content: center; align-content: center;align-items: center;}

/* Featured Blog */
.hb .featured-blog .col5 { width: 90%; }
.hb .featured-blog .collection-wrapper { max-width: 100%; }
.hb .featured-blog .swiper-button { display: none; }

/* Product Grid */
.hb .product-meta-wrapper { margin: 0; }

/* Collection Header */
.hb .collection-header-module .header-media div,
.hb .header-media img { height: 100%; object-fit: cover; }
.hb .collection-header-module .header-content { width: 85%; }
.hb .ugcnews-wrapper { display: none; }
.hb .collection-title { width: 100%; justify-content: space-between; align-items: center; }
.hb .collection-sort { display: none; }

/* Collection Grid */
.hb .collection__sticky-bar { display: none !important; }
.hb .collection__products .grid { grid-template-columns: 1fr 1fr; }
.hb .product-grid-item__image { height: 250px !important; }
.hb .collection__products .product-benefits { flex-direction: column; gap: 5px; text-align: center; }
.hb .collection__products .product-benefits .xsm-text { font-size: 10px; }
.hb .collection__products .product-summary { padding: 10px 0 0; }
.hb .collection__products .product-grid-item__info-content > a { min-height: 50px; height: 50px; display: block; }

/* Featured Product */
.featured-product-content {gap: 40px;}
.featuredproduct-container {padding: 20px 0px !important;}

/* Product Single */
.hb .breadcrumbs { justify-content: center; }
.hb .breadcrumb-banner * { font-size: 10px; }

.hb .single-product-container { padding: 20px 0; }
.hb .single-product-flex { flex-direction: column; }
.hb .single-product-media-wrapper { width: 100%; }
.hb .afterpay-wrapper { display: none; }

.hb .product-meta-banner { flex-wrap: wrap; padding-bottom: 20px; }
.hb .product-meta-banner .meta-item { flex-wrap: wrap; }
.hb .main-content:before { content: none !important; }
.hb .select-popout__list { right: 0; }

.hb .split-accordion-item {flex-direction: column !important; align-items: flex-start !important; text-align: left !important;}
  
/* Product FAQ Accordion */
.hb .faq-accordion .accordion-media { padding: 60px; flex-direction: column; }
.hb .faq-accordion .accordion-content.float-left { position: relative; }
.hb .faq-accordion .accordion-media-container { width: 100%; position: absolute !important;  opacity: 0.1;}
.hb .faq-accordion .accordion-media-container.float-right:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #ffffffbd; }

.hb .review-wrapper {
    flex-direction: column;
}
.hb .review-content, .hb .review-list.col8 {
    width: 100%;
}
/* Journal */
.hb .blog-post-item,
.hb .blog-post-item:nth-child(2),
.hb .blog-post-item:nth-child(4) { width: 100% !important; }

/* Account */
.hb .dash-header .sm-text.col6 { width: 90%; font-size: 12px; }
.hb .account-wrapper .account { flex-direction: column; }
.hb .section__header,
.hb .account-dash { width: 100%; }
 }


/* Tablet Responsivness */
@media (min-width: 769px) and (max-width: 1024px) { 
:root {
    --xxlarge: 46px;
    --xlarge: 38px;
    --large: 28px;
    --medium: 20px;
    --small: 14px;
    --xsmall: 12px;
   }

select {-webkit-appearance: none; border-radius: 0px;}
 .list-menu--inline, .list-menu__item { flex-wrap: nowrap;}
  
.hero-banner {aspect-ratio: auto;}
.hero-banner .swiper-slide { display: flex; flex-direction: column;}
.hero-banner .text-wrapper { position: absolute; height: 100%; aspect-ratio: auto; display: flex; width: 100%; z-index: 1;  min-height: 500px; background: #ecdad287 !important;}
.hero-banner .image-wrapper {max-height: 500px; position: relative; height: 100%; aspect-ratio: auto; width: 100%}
.hero-banner .swiper-pagination { left: 0 !important; right: 0 !important; width: fit-content !important;margin: auto !important;}
.overlay-wrapper { padding-bottom: 0;}
.overlay-wrapper h1 { font-size: var(--xlarge);}

.grid {display: grid; grid-template-columns: 1fr 1fr !important;}

.tag-trigger { min-height: 20px !important;}
.collection-banner { display: block !important;  aspect-ratio: auto !important; min-height:300px}
.collection-banner .row, .collection-banner-media img { min-height: 300px;}
.collection-banner-media img{ display:block}
.tabbed-nav .tab-item { min-width: auto; width:auto;padding: 10px 30px;}
.tab-content .sm-text { width: 100%;text-align: center;}

.flavour-grid {gap: 40px; }
.flavour-item {width: calc(25% - 40px);}
  
.blog .blog-wrapper { width: 100%;}
.blog .blog__post.grid__item {max-width: 50%; width: calc(50% - 10px);}
.blog .article-tags { margin: 10px 0 10px;}
.blog .article-tags h5 { margin:0}
.blog-intro, .blog-grid { width: 100%;position: relative; top: 0;}

.learn-media img {aspect-ratio: 1 / 1;min-height:400px;}
  
.swiper-slide.grid__item { width: auto; max-width:50% ; transition: all 0.3s ease;}
.product-grid { display: grid; grid-template-columns: 1fr 1fr !important; margin-bottom: 2rem;padding: 0;  width: 100%; list-style: none; column-gap: 20px;row-gap: 30px;}
.product-grid .grid__item { width: 100%; max-width: 100%;   transition: all 0.3s ease;}

.nav-menu.flex { overflow: auto; justify-content: center; padding: 10px 40px;}
.cart-actions .row { flex-direction: row;width: 100%; overflow: scroll;}
.action-item {min-width: 40vw; width: auto}
.action-icon { max-width: 75px; width: 75px; padding: 0 30px;}}


@media (max-width: 1366px) and (orientation: landscape) {

.collection-hero__title {margin: 40px auto 0;  text-align: center;}
.grid { display: grid; grid-template-columns: 1fr 1fr 1fr !important;}
.product-recommendations .product-grid { grid-template-columns: 1fr 1fr 1fr;}
.swiper-slide.grid__item { width: auto; max-width:50% ; transition: all 0.3s ease;}
.product-grid { display: grid; grid-template-columns: 1fr 1fr 1fr !important; margin-bottom: 2rem;padding: 0;  width: 100%; list-style: none; column-gap: 20px;row-gap: 30px;}
.product-grid .grid__item { width: 100%; max-width: 100%;   transition: all 0.3s ease;}
.mega-menu .grid__item:nth-child(4) {display: none;}

.detail-swiper:before{ display:none}
.cart-actions .row { flex-direction: row;}
  
}


@media ( min-width: 1024px) and (max-width: 1365px) {

  :root {
    --xxlarge: 50px;
    --xlarge: 42px;
    --large: 32px;
    --medium: 24px;
    --small: 16px;
    --xsmall: 14px;
   }

.mega-menu .product-grid { grid-template-columns: 1fr 1fr 1fr !important;}
.list-menu__item { flex-wrap: nowrap;flex-direction: row;}
.list-menu--inline { gap: 20px;display: inline-flex;flex-wrap: nowrap;}
  
.grid { display: grid; grid-template-columns: 1fr 1fr 1fr !important;}
.grid__item { width: 100%; flex-grow: 1; flex-shrink: 0; transition: all 0.3s ease;}
.learn-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr !important;}

.hero-banner .text-wrapper{ position: relative; height: 100%; aspect-ratio: auto; display: flex; width: 100%; min-height: 500px;}
.hero-banner .image-wrapper {position: relative; height: auto; aspect-ratio: auto; width: 100%}
.overlay-wrapper { padding-bottom: 0;}


  .product-wrapper {max-width: 1260px;}
.product-media { max-height: 550px; }
.product-swiper {width: 83.33%;height: 550px;}
  .thumbnail-swiper { max-height: 550px; }
.tab-copy { padding: 75px;}
.tab-controls {width: auto;  max-width: initial;}
.tab-item { min-width: calc(33% - 20px);}
.text-wrapper, .image-wrapper {  min-height: 45vh;}

.blog .container { max-width: 85%;}
.blog .container .row.flex {align-items: flex-start; max-width: 100% !important;width: 100%;}
.blog .row.center {display: flex; flex-direction: column;gap:40px}
.blog .col6 { width: 100%; gap: 20px;}
.blog-tags { display:none}
.blog-summary { position:relative; top:0;}
.blog-summary .sm-text {width: 80%;}
.blog-heading {width: 100%;}

.article-banner-text .article-title { margin-top: 40px;}
  
.blog .blog__post.grid__item {max-width: 50%; width: calc(50% - 20px);}
.blog .blog__post .card_wrapper {width: 100%;}
.article-tags {margin: 20px 0 10px;}
.sourcecontent .lrg-text { width: 80% !important; margin:0 auto;}

}


@media (min-width: 1500px) and (max-width:3500px) {

.mega-menu .product-grid { grid-template-columns: 1fr 1fr 1fr 1fr !important;}

.hero-swiper .swiper-slide { flex-direction: row !important;display: flex;}
.hero-banner .text-wrapper{ position: relative; height: 100%; aspect-ratio: auto; display: flex; width: 100%; min-height: 500px;}
.hero-banner .image-wrapper { position: relative; height: 100%; aspect-ratio: auto; width: 100%}
.overlay-wrapper { padding-bottom: 0;}

.product-wrapper {max-width: 100%;}
.product-media { max-height: min-content;  aspect-ratio: 1/1}
.product-swiper {width: 83.33%;height: max-content;}
.thumbnail-swiper { max-height: max-content; }
  

.hb .image-wrapper img { max-height: 500px;}
.hb .collection__products .grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;}
  

.grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;}
.grid__item { width: 100%; }
.learn-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;}
 .product-recommendations .product-grid {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.tab-copy { padding: 100px;}
}