/** Shopify CDN: Minification failed

Line 340:57 Unexpected ";"
Line 387:219 "transfrom" is not a known CSS property

**/
@font-face {
  font-family: 'NeueMontreal-Bold';
  src: url('/cdn/shop/files/NeueMontreal-Bold.woff?v=1716023353') format('woff'),
       url('/cdn/shop/files/NeueMontreal-Bold.woff2?v=1716023353') format('woff2');
  font-display: swap;
}

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

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

@font-face {
  font-family: 'VCHenrietta-Light';
  src: url('/cdn/shop/files/VCHenrietta-Light.woff?v=1716023353') format('woff'),
       url('/cdn/shop/files/VCHenrietta-Light.woff2?v=1716023353') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'VCHenrietta-Medium';
  src: url('/cdn/shop/files/VCHenrietta-Medium.woff?v=1716023352') format('woff'),
       url('/cdn/shop/files/VCHenrietta-Medium.woff2?v=1716023353') format('woff2');
  font-display: swap;
}





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

.container { position: relative; height: 100%; width: 100%;}
.row { height: 100%; position: relative;}
.row-width { width: 80%;  margin: 0 auto;}
.row-width-90 { width: 95%; max-width: 95%; margin: 0 auto;}
.full-width {width: 100%;margin: 0 auto; overflow: hidden; }
.body-offset { margin-top: 170px;}

.col1{width: 8.33%;}
.col2{width: 16.66%;}
.col2-5{width: 20.00%}
.col3{ width: 25%;}
.col4{width: 33.33%;}
.col4-5{width: 40%;}
.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%;}
.col12{width: 100%;}

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

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

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

.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-10 {padding:10px 0}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-20 {padding:20px 0}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-30 {padding:30px 0}
.padding-b-30 {padding-bottom: 30px}
.padding-t-30 {padding-top: 30px}
.padding-40 {padding:40px 0}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-140 {padding:140px 0}
.padding-t-140 {padding-top:140px}
.padding-b-140 {padding-bottom:140px}
.padding-160 {padding:160px 0}
.padding-t-160 {padding-top:160px}
.padding-b-160 {padding-bottom:160px}
.mobile { display:none !important; }


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

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

.xsm-text, .xsm-text p {display: block; font-size: var(--micro); font-weight: 400; line-height: 1;}
.sm-text {display: block; font-size: var(--xsmall); font-weight: 400; line-height: 1.4;}
.sm-text p {font-size: inherit;  font-weight: 400; line-height: 1.4; }
.sm-text em { color: var(--secondary);font-style: normal;}
.med-text, .med-text p {display: block;font-size: var(--small);line-height: 1.4;font-weight: 500;}
.lrg-text {display: block; font-size: var(--medium); line-height: 1.4}

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

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

h1, h2, h3, h4, h5, h6 { z-index: 2; margin: 0; line-height: 1;  letter-spacing: -0.25px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: inherit; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { color: var(--secondary);font-weight: normal;}

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

img {width: 100%;}
li, ul {list-style: none; padding: 0;}
.icon {width: 50px;height: 50px;}


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

/* Colours */

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

/* Input */

input.text, input.title, input[type=email], input[type=password], input[type=number], input[type=tel], input[type=text], select, textarea {background-color: var(--white);padding: 10px; -webkit-appearance: none; border-radius: 30px;font-family: 'NeueMontreal-Regular'; color: var(--primary) !important;box-sizing: border-box;font-size: var(--xxsmall);  margin: 0; letter-spacing: 0 !important;}
::placeholder{ color: var(--primary); font-size: var(--xxsmall)}

input:focus-visible, textarea:focus-visible { outline: 1px solid var(--primary);}
select:focus-visible {outline: 1px solid black;}
[role="button"] {cursor: pointer;}
form { display: flex;flex-direction: column;gap: 10px;}

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

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

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

.secondary-button {cursor: pointer;background: var(--secondary);  border: 0;color: var(--white); padding: 8px 20px; width: fit-content; border-radius: 25px; font-size: var(--xsmall); font-weight: 500;  transition: 0.3s ease all}
.secondary-button:hover { background: var(--tertiary); color: var(--primary); transition: 0.3s ease all}
.secondary-button a {}

.tertiary-button { cursor: pointer;background: var(--tertiary); border: 0; color: var(--primary); padding: 8px 20px; border-radius: 25px; display: block; width: fit-content; font-size: var(--xsmall); font-weight: 500;  transition: 0.3s ease all}
.tertiary-button:hover { background: var(--secondary); color: var(--white); transition: 0.3s ease all }
.tertiary-button a {}

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

.text-link {text-decoration: none; }
.text-link:hover {color: var(--secondary);}
.text-link:hover svg {color: var(--secondary);}

/* Swiper */
.swiper-button-next:after, .swiper-button-prev:after { display: none;}
.swiper-button-next, .swiper-button-prev {background: var(--primary);width: 40px !important;height: 40px !important;padding: 10px;border-radius: 20px;transition: 0.3s ease all;}
.swiper-button-next:hover, .swiper-button-prev:hover { background: var(--secondary);transition: 0.3s ease all;}

.swiper-actions { position: absolute; bottom: 0; left: 0; right: 0;width: 120px; gap:20px; display: flex; flex-direction: row-reverse;margin: auto; justify-content: center;align-items: center;}
.swiper-actions .swiper-button-next, .swiper-actions .swiper-button-prev {top: 0 !important; bottom: 0 !important;margin: 0 !important;  position: relative;left: 0 !important; right: 0 !important;}

/* Header */
.main-navigation { transition: .5s ease all; position: fixed;z-index: 999; width: 100%; display: flex;flex-direction: column; top:0}
.announcement-bar {width: 100%; top: 0;transition: 0.5s ease all;}
.main-navigation.sticky-header { transition: 0.5s ease all;}
.main-navigation sticky-header {background: transparent; transition: 0.5s ease all;}
.main-navigation.sticky-header sticky-header {background: white; transition: 0.5s ease all;}
.main-navigation sticky-header.whitebg {background: var(--white) !important;}
.header {margin: 0 auto;max-width: 100%;}
.header__heading-logo { height: auto !important}
.header-wrapper {display: block;position: fixed;width: 100%;}
.header__menu-item .icon-caret { right: 5px;}
.header__heading-link {padding: 0 !important;}
.header__menu-item {padding: 1.2rem; text-decoration: none; color: var(--primary);}
.header__menu-item:hover {color: var(--secondary);}
.header__menu-item:hover span { color: var(--secondary);}
.header__menu-item span {color: var(--primary);font-size: var(--xsmall);}
.header {display: flex !important;justify-content: space-between;}
nav.header__inline-menu { left: 0 !important; width: 100%;flex: 1; display: flex;justify-content: flex-start;}
.header__heading {min-width: fit-content;}
.cart-count-bubble {background: var(--secondary) !important;}
.announcement-bar__message { text-align: center; padding: 5px 0px;margin: 0; font-weight: 500;}

/* Search */
.search-modal__content { background: var(--tertiary);}
.search__input.field__input {padding-right: 9.8rem; border-radius: 40px; min-width: 100%;}
.search-modal__form[results="true"] .field {background: var(--tertiary);  border: 0px solid var(--primary);border-style: solid solid none; border-radius: 25px;  box-sizing: border-box;}

.search-modal__content .field__button { border-radius: 20px;width: 37px; height: 37px; top: 5px;}
.search__button {right: 15px !important;}
.reset__button {right: calc(37px + 23px)!important;}

.predictive-search { background: var(--tertiary);border: 1px solid var(--primary);border-style: solid;border-radius: 20px; width: 100% !important; margin-top: 10px;left: 0 !important;}
.predictive-search__item--term { background: var(--primary);color: var(--tertiary);border-radius: 20px; margin: 12px;box-sizing: border-box;width: fit-content;justify-content: flex-end;float: right;}
.predictive-search__item--term:hover { background: var(--secondary); transition: 0.3s ease all; }
.predictive-search__item-heading {letter-spacing: 0;font-size: var(--small); color: var(--primary)}

.template-search__header {background: #dee2d1;border-radius: 20px;padding: 20px;margin: 40px auto 20px;}
.template-search .blog-article {background: #f0f3e6;}
.template-search .card__inner .card__information { display: block !important}
.template-search .blog-media img { max-height: 260px; object-fit: cover;}
.template-search .product-item .card__media {width: 85%;margin: auto !important;left: 0;right: 0;height: 85%;height: 300px;width: 100%;position: relative;}
.template-search .card__badge {top: 10px;left: 10px;}
/* Homepage */


/* Services */
.service-item-meta { max-height: fit-content;align-items: flex-start;min-height: 60px;}
.service-content-wrapper { justify-content: space-between; height: 100%;}
.step-absolute { position: absolute;top: 0;right: 0;}
.service-item {width: calc(33.3% - 13px);cursor:pointer; border-radius: 20px;min-height: 200px; box-sizing: border-box;transition: 0.3s ease all;}
.service-item:hover {background:#93aa61 !important; transition: 0.3s ease all;}
.service-item:hover .primary {color: var(--secondary) !important; transition: 0.3s ease all;}
.service-item:hover .secondary {color: var(--primary) !important; transition: 0.3s ease all;}
.service-item:hover .tertiary {color: var(--primary) !important; transition: 0.3s ease all;}
.service-item:hover .content-title strong {color: var(--tertiary);transition: 0.3s ease all;}
.selling-content { width: 100%; justify-content: space-between; position: relative;display: flex; flex-direction: column;}
.step-prefix {color: var(--secondary);font-family: 'VCHenrietta-Medium';text-transform: uppercase;margin-top: 7px;line-height: 1;padding-right: 5px;}
.step-price, .step-price p {font-family: 'VCHenrietta-Medium' !important; text-align: right; font-size: var(--medium); line-height: 1; margin: 0}
.step-price-was, .step-price-was p {color: var(--quartiary);  text-align: right; margin: 0}
.content-title strong { color: var(--secondary); font-weight: normal;transition: 0.3s ease all;}
.service-item .step-process {font-size: var(--xxsmall) !important;background: var(--secondary);padding: 5px 15px; border-radius: 20px;color: var(--tertiary);}
.service-item-content .sm-text i { color: var(--primary)};

/* Fact Swiper */
.fact-module { height: 500px;}
.fact-swiper-slide {height: 500px;}
.fact-number {background: var(--secondary); padding: 5px 20px;border-radius: 20px; color: var(--tertiary);font-size: var(--xsmall);}
.media-overlay {width: 100%; height: 500px; border-radius: 20px;}
.fact-module .source-badge { display: none; z-index: 2; position: absolute;bottom: 20px;left: 20px;background: #DEE2D1;padding: 10px 20px; border-radius: 20px;color: var(--primary);font-size: var(--xsmall);}
.source-badge { z-index: 2; position: absolute;bottom: 20px;left: 20px;background: #DEE2D1;padding: 10px 20px; border-radius: 20px;color: var(--primary);font-size: var(--xsmall);}
.source-badge .info { background: var(--grey); width: 20px; height: 20px; display: block;  position: relative;font-weight: bold;font-family: 'NeueMontreal-Bold'; font-style: normal;border-radius: 20px;display: flex;align-items: center;justify-content: center;line-height: 1; margin-right: 5px;}
.source-badge:hover { transition: 0.3s ease all;transform: scale(1.02);background: #d0dfb3bd;}


/* USP Banner */
.usp-point-slide { width: calc(33.3% - 20px);}
.seperator {border-bottom: 1px solid var(--quartiary);padding-bottom: 40px;}
.icon-wrapper { background: var(--tertiary);border-radius: 30px; height: 60px; width: 60px;  min-width: 60px; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;}
.icon-wrapper img { width: auto; max-height: 20px; max-width: 35px;}

/* How it Works */
.hiw-wrapper { border-radius: 20px;overflow: hidden;height: 100%; position: relative;}
.hiw-underlay {position: absolute;z-index: 0;opacity: 0.1;height: 100%;width: 100%;}
.hiw-underlay img {width: 100%; object-fit: cover;}
.hiw-item {width: calc(33.3% - 20px);}
.hiw-header, .hiw-process-wrapper { position: relative; z-index: 1;}
.step-process { background: var(--secondary); padding: 7.5px 20px; border-radius: 20px;color: var(--tertiary);font-size: var(--xsmall);}


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

/* FAQ Module */
.faq-item {width: calc(50% - 10px);}
.faq-item-content { width: 100%;}
.faq-header .button-wrapper {flex: none;}
.faq-category h6 {font-size: 20px; font-family: 'NeueMontreal-Bold';}

.accordion-button {position: relative; width: 100%;}
.faq-item-wrapper {gap: 30px 20px;}
.faq-item-content.active .accordion-text {height: 100%;transition: .3s ease all;visibility: visible;opacity: 1;padding-top: 10px;}
.accordion-text {height: 0px;margin: 0;padding-top: 10px; overflow: hidden;transition: .3s ease all;  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(--secondary);}

/* Testimonials */
.rating {padding: 5px;border-radius: 10px; gap:2px;}
.rating svg { width: auto; height: 12px;}
.author-name {font-family: 'VCHenrietta-Medium';}

/* Mailing List */
.mailing-wrapper { border-radius: 20px;}
.mailing-item { width: calc(50% - 15px);}
.check{ background: #445323;width: 30px;height: 30px; line-height: 1;border-radius: 20px;padding: 8px; box-sizing: border-box;}
.check svg {width: 15px;height: 15px;}
.check svg path {stroke: var(--tertiary);stroke-width: 8px;}


/* Video Module */
.video-wrapper { border-radius: 20px; overflow:hidden; position: relative}
.video-wrapper video {width: 100%;display: block; max-height: 550px;object-fit: cover;}
.video-control span, .video-control {line-height: 1.4 !important;gap: 3px;}
.video-badge-wrapper { z-index: 2; position: absolute;bottom: 20px;left: 20px;}
.video-badge { background: #DEE2D1;padding: 10px 20px; border-radius: 20px;color: var(--primary);font-size: var(--xsmall);}
.video-badge .info { background: var(--grey); width: 20px; height: 20px; display: block;  position: relative;font-weight: bold;font-family: 'NeueMontreal-Bold'; font-style: normal;border-radius: 20px;display: flex;align-items: center;justify-content: center;line-height: 1; margin-right: 5px;}
.video-badge:hover { transition: 0.3s ease all;transform: scale(1.02);background: #d0dfb3bd;}

/* Promo Banner */
.promo-wrapper {border-radius: 15px;}
.promo-wrapper strong {color: var(--secondary) !important;}

/* Text Blocks */
.text-block .text-container { align-items: stretch;}
.text-block .block-wrapper {border-radius: 15px;  height: auto;}

/* Process */
.process-wrapper .process-item {width: calc(25% - 15px);border-radius: 20px;}
.process-item .icon-wrapper { background: var(--primary);  height: 25px; width: 25px; min-width: 25px;padding: 8px;}
.process-item .icon-wrapper svg path { stroke: var(--tertiary); stroke-width: 8px;}
.process-item-content .sm-text {min-height: 60px;}

.process-item:hover {background:#93aa61 !important; transition: 0.3s ease all;}
.process-item:hover .primary {color: var(--tertiary) !important; transition: 0.3s ease all;}
.process-item:hover .secondary {color: var(--tertiary) !important; transition: 0.3s ease all;}
.process-item:hover .tertiary {color: var(--primary) !important; transition: 0.3s ease all;}
.process-item:hover .content-title strong {color: var(--tertiary);transition: 0.3s ease all;}

.process-wrapper .process-item:nth-child(1) { background: var(--primary) !important;}
.process-wrapper .process-item:nth-child(1) .primary { color: var(--tertiary) !important;}
.process-wrapper .process-item:nth-child(1) .icon-wrapper { background: var(--tertiary);}
.process-wrapper .process-item:nth-child(1) .icon-wrapper svg path { stroke: var(--primary); stroke-width: 8px;}
.process-wrapper .process-item:nth-child(1) .badge.step-process { background: var(--secondary);}
.process-wrapper .process-item:nth-child(1) .primary-button { background: var(--tertiary); color: var(--primary);}

/* Split Content */
.splitcontent-wrapper { border-radius: 20px; overflow: hidden}
.splitcontent-wrapper  .split-media {border-radius: 20px; overflow: hidden }
.split-media img { object-fit: cover; height: 100%;display: block;}
.split-content .icon-wrapper { background: var(--primary);  height: 25px; width: 25px; min-width: 25px;padding: 8px;}
.split-content .icon-wrapper svg path { stroke: var(--tertiary); stroke-width: 8px;}

/* Key Fact Swiper */
.keyfact-swiper-slide {padding:40px;border-radius: 20px;min-height: 400px; box-sizing: border-box;position: relative;}
.keyfact-swiper-slide.col4 { background: transparent !important;}
.keyfact-swiper-slide .swiper-content {height: 100%;}
.keyfact-swiper-slide .swiper-actions {left: 40px; right: auto;bottom: 40px; }

/*Blog Swiper */
.blog-swiper-slide {padding:40px;border-radius: 20px; overflow: hidden; min-height: 400px; box-sizing: border-box;position: relative;}
.blog-swiper-slide.col4 { background: transparent !important;}
.blog-swiper-slide .swiper-content {height: 100%;}
.blog-swiper-slide .swiper-actions {left: 40px; right: auto;bottom: 40px;width: fit-content;}
.swiper-slide.blog-swiper-slide { padding: 0;}
.blog-swiper-slide .swiper-actions a {padding: 12px 30px;}
.ratio::before {display: none}

.restricted.absolute-center.disable { padding: 100px 0 0; z-index: 99 !important; width: 95%; background: #f0f3e6e0; height: 100%; border-radius: 20px;backdrop-filter: blur(6px);display: flex; flex-direction: column; align-items: center; justify-content: flex-start; box-sizing: border-box;top: 40px;gap: 20px;}
.restricted-wrapper {position: sticky;top: 50vh; bottom: 50vh; padding-bottom: 200px;width: 80%; text-align: center;}
.blog-article-wrapper .restricted{ top:0 !important; width: 100% !important;}
.blog-media {position: relative;border-radius: 20px;}
.blog-media img { max-height: 400px;object-fit: cover;}
.blog-media:before { content: ''; position: absolute;bottom: 0;height: 250px;background: linear-gradient(180deg, transparent, var(--tertiary));z-index: 1;width: 100%;}
.blog-content {padding: 40px 25px 20px;}

/* Blog Archive */
.blog-article {padding:0px; border-radius: 20px; overflow: hidden; min-height: 400px; box-sizing: border-box;position: relative;}
li.current { color: var(--secondary);}
.blog-article.col4 { width: calc(33.3% - 13px);}
.blog-article.col3 { width: calc(25% - 16px);}
.blog-article.col2 { width: calc(20% - 16px);}
.blog-article.col6 { width: calc(50% - 13px);}

.pagination__item {background: var(--tertiary) !important; transition: 0.3s ease all; border-radius: 25px !important;color: var(--primary) !important; font-size: var(--small) !important;}
.pagination__item--current { background: var(--primary) !important; color: var(--tertiary) !important;}
.pagination__item--current:after, .pagination__item:hover:after { display:none !important;}
.pagination__item:hover {background: #dfe4ce !important; transition: 0.3s ease all;}

/* Single Blog */
.blog-header-container {border-radius: 20px; position: relative; overflow: hidden }
.blog-article-wrapper {display: flex;align-items: stretch; position: relative;}
.blog-header-wrapper {position: relative;}
.blog-header .text-underlay { opacity: 0.1; z-index:0}
.article-header {border-top: 1px solid var(--quartiary);padding-top: 20px;margin-top: 20px;}
.article-navigation.col3 { background: #f0f3e6; border-radius: 20px; padding: 40px 30px; height: 100%; position: sticky; top: 160px;}
.article-navigation a { font-size: var(--small);color: var(--primary);}
.article-navigation .primary-button {padding: 10px 20px;color: var(--tertiary);}
.article-navigation .icon-arrow {width: 1.5rem;height: auto;}
.article-navigation .icon-arrow svg path {fill: var(--primary)}

.article-template__content h2 {font-size: var(--medium);color: var(--secondary);margin: 0 0 10px}
.article-template__content h3 {font-size: var(--medium);color: var(--primary); margin: 0 0 10px;  line-height: 1.1;}
.article-template__content h3:first-of-type {margin-bottom: 40px;}
.article-template__content strong {color: var(--primary);font-size: var(--small);}
.article-template__content p {font-size: var(--small);}
.article-template__content a { color: var(--secondary);}

/* Mailing List */
.mailing-meta {width: 100%; gap: 20px;}

/* Rich Text */
.richtext-module { position: relative;height: fit-content;}

/* Login / Register */
.customer.login-wrapper { position: relative; z-index: 2;} 

.login-wrapper .icon-wrapper { background: var(--secondary);  height: 25px; width: 25px; min-width: 25px;padding: 8px;}
.login-wrapper .icon-wrapper svg path { stroke: var(--tertiary); stroke-width: 8px;}
.recover-link { color: var(--tertiary); opacity: 0.5; text-decoration: none !important; padding-left: 20px;}

.customer input, .customer textarea, .customer select {background: #eff3e62e; color: var(--tertiary) !important;}
.customer label {color: var(--tertiary) !important;}

h2.form__message { color: var(--tertiary);}
.errors ul { line-height: 1;margin: 0; color: var(--quartiary);}

/* Collection Pages */
.product-grid-wrapper { display: flex; gap: 20px; margin:0; flex-wrap: wrap; }
.product-single-item {border-radius: 20px;}

.priority-grid .product-item { transition: 0.3s ease all;display: none;}
.priority-grid .pagination-wrapper { display: none}
.product-item.priority { order: 1; display: block !important;}

.product-item { width: calc(25% - 15px); order: 2; background: var(--tertiary); border: 1px solid var(--tertiary); border-radius: 20px;padding: 12.5px; box-sizing: border-box;  transition: 0.3s ease all;}
.product-item:hover {background: #fcfcfb; border: 1px solid var(--primary);  transition: 0.3s ease all;}
.product-item h3 a { min-height: 50px; color: var(--primary);font-size: 16px; width: 100%; height: fit-content; margin: 10px 0 auto; padding: 10px 30px; text-align: center;}
.product-item .price {color: var(--secondary);letter-spacing: 0;font-size: var(--small);}
.product-item .card__media { width: 85%;margin: auto !important; left: 0;right: 0;height: 85%; height: 300px; width: 100%;position: relative;}
.product-item .card__content {display: none;}
.product-item .card__media img { height: 100%;max-height: 100%;object-fit: contain;}

.card-information {width: 100%;position: relative;z-index: 9;}
product-form select {border-radius: 4px; text-align-last: center; font-size: var(--xsmall);font-family: VCHenrietta-Medium; border: 0; color: var(--white)!important;  background: url('/cdn/shop/files/down.svg?v=1726553995') var(--secondary);background-repeat: no-repeat; background-size: 14px;  background-position: 94% 50%;}
product-form select.no-dropdown {background: var(--secondary) ;}
product-form {z-index: 99;position: relative;}
select.sold-out {background: var(--quartiary) !important;pointer-events: none;}
product-form button { width: 100% !important;font-family: 'VCHenrietta-Medium'; text-align: center; border-radius: 5px !important;padding: 10px 5px !important;justify-content: center;}
product-form .secondary-button {width: 100%!important;font-family: VCHenrietta-Medium;text-align: center;border-radius: 5px!important; padding: 10px 5px!important; justify-content: center; background: var(--primary) !important;}
product-form option[disabled] {color: var(--white) !important;}
product-form option {text-align: center;}
product-form option:disabled {color: var(--white);}
.card__badge {z-index: 9; position: absolute;top: 0;left: 0;}
.card__badge .badge {padding: 4.5px 17.5px; background: var(--secondary); border-radius: 20px;color: var(--tertiary);}
.price--on-sale .price-item--regular {color: var(--quartiary) !important ;font-size: var(--small) !important;}
.per-unit-price { font-size: var(--xsmall);  color: var(--primary); background: #eff3e6;  padding: 5px 15px; border-radius: 20px;}
.product-review {gap: 1px;}
.product-review svg { width: 16px;height: 16px;}
.product-review svg path { fill: var(--secondary);}
.product-review .empty path {fill: none; stroke: var(--primary); stroke-width: 0.5px;}

.add-to-cart { background: var(--primary);border: 0;border-radius: 7px !important; transition: 0.3s ease all; text-align: center;color: var(--tertiary);font-family: 'VCHenrietta-Medium'; display: flex;align-items: center;justify-content: center;}
.add-to-cart:hover  { background: var(--secondary); transition: 0.3s ease all}

.facets__form { display: flex; gap: 0;}
.facets__wrapper { width: 100%;}
.facets-wrapper {background: #DEE2D1;border-radius: 10px;padding: 15px 0;}
.facets__disclosure {margin-right: 12px !important; background: var(--tertiary);padding: 10px 20px;border-radius: 40px;}
.sort-trigger {background: var(--tertiary);padding: 10px 20px;border-radius: 40px;}
.facets__summary { color: var(--primary); font-size: 1.4rem;padding: 0 1.75rem 0 0;margin-bottom: 0 !important;}
.facets__display  {background: var(--tertiary) !important; border-radius: 13px; border: 1px solid var(--quartiary);color: var(--primary);}
.facets__summary span {color: var(--primary); }
.facet-checkbox .icon-checkmark { width: 16px;height: 8px;left: 0 !important;}


.guidance-modal.active { display: block; left: 0; right: 0;margin: auto;height: fit-content;top: 0;bottom: 0; padding: 40px;background: var(--primary); box-shadow: -1px -1px 8px 0px #435321;}
.guidance-modal .close-btn { cursor: pointer; position: absolute;top: 20px;right: 20px; color: var(--tertiary);}
.guidance-modal select {border-radius: 20px; text-align-last: left; border: 0; background: url('/cdn/shop/files/down-primary.svg?v=1727659891') var(--white);background-repeat: no-repeat; background-size: 14px;  background-position: 96% 50%;}

/* Quick Add */
.quick-add-modal[open] { opacity: 1; visibility: visible;z-index: 9999; background: #0000005e;}
.quick-add-modal__content { background: var(--tertiary); border-radius: 20px; border: 2px solid var(--primary);}


/* Product Pages */
.product-single-wrapper {display: flex;align-items: stretch;}
.product__media-wrapper { position: sticky; top: 160px; height: 100%;}

/* TL - Adjust padding of featured image from 5% down to 1% */
/*.feature-media {padding: 5%; box-sizing: border-box;}*/
.feature-media {padding: 1%; box-sizing: border-box;}

.product-thumb-swiper .product__media-toggle { pointer-events: none;}
.product__media-toggle {display: none !important;}
.product__media-icon--lightbox { display: none !important;}
.product-media-modal[open] {width: 50vw; margin: auto;left: 0; right: 0;top: 0;bottom: 0;height: fit-content; background: var(--white); padding: 40px; max-height: 75vh; overflow: hidden;}
.overflow-hidden:before {content: ''; position: absolute; top: 0; left: 0;  background: #57692f91;  width: 100%;  height: 100%;   z-index: 9;}

.product-single .price-item--regular { color: var(--secondary); letter-spacing: 0;}
.product-single .price-item--sale.price-item--last { color: var(--secondary); letter-spacing: 0;}
.product-single .price--on-sale .price-item--regular {color: var(--quartiary);}

.product-form__input--pill input[type=radio]:checked+label { border: 1px solid var(--secondary) !important;color: var(--primary) !important;font-size: var(--xxsmall) !important; padding: 8px 10px !important; width: fit-content;}
.product-form__input--pill input[type=radio]:disabled+label, .product-form__input--pill input[type=radio].disabled+label {text-decoration: line-through;opacity: 0.5;border-style: solid !important;border-width: 1px !important;border-color: var(--primary);padding: 8px 10px !important; font-size: var(--xxsmall);}
.product-single-header .card__badge {position: relative;}
.product-single-header .vendor-name { margin: 0;}

.product-form__input select {background: #eff3e6; border-radius: 10px;}

.product__description { margin-top: 10px; border-top: 1px solid var(--quartiary); }
.product-form__quantity { background: #F0F3E6; border-radius: 10px; display: flex; align-items: center; justify-content: space-between;padding: 0 20px; box-sizing: border-box;}
.quantity__rules {display: none;}

/* TL - Adjust quantity buttons on the collections page */
button.quantity__button { width: 30px; height: 30px; background: #DEE2D1 !important;padding: 10px;margin: auto;border-radius: 20px;}
button.quantity__button__collection { width: 35% !important; background: var(--secondary) !important; color: var(--white) !important; height: 30px; padding: 10px;margin: auto;border-radius: 20px; max-width: 100%;box-sizing: border-box;}

.product-form__quantity .form__label { margin-bottom: 0 !important; font-size: var(--xsmall);font-weight: bold;color: var(--primary)}
.product-single .product-form__submit {background: var(--primary);border: 0; border-radius: 10px;display: flex; align-items: center; justify-content: center; color: var(--tertiary); font-family: 'VCHenrietta-Medium';}
.shopify-payment-button__button--unbranded { background: var(--secondary) !important; border-radius: 10px !important;  color: var(--tertiary) !important; font-family: 'VCHenrietta-Medium' !important;}

fieldset.shopify_subscriptions_fieldset {border-radius: 15px;overflow: hidden;}
.shopify_subscriptions_app__title, .shopify_subscriptions_app_policy { display: none !important;}
.shopify_subscriptions_app_block div {border: 0 !important; background: #eff3e6;}
.shopify_subscriptions_app_block_label ul { padding: 0 !important; margin: 10px 0;}
.shopify_subscriptions_app_block_label input { accent-color: var(--primary)}
.shopify_subscriptions_app_block_label label {  color: var(--primary); font-size: var(--xsmall); letter-spacing: 0}
#buyer-consent { margin-top: 1em; font-size: var(--xsmall);color: var(--primary);}

.notifyButtonStyle { background: var(--secondary) !important; border: 0 !important;border-radius: 10px !important; font-family: 'VC Henrietta' !important;color: var(--white) !important;}
.restock-alerts-branding-text {display: none !important;}

.accordion-button {position: relative; width: 100%;}
.metafield-item {background: #eff3e6;margin-bottom: 10px; padding: 20px; border-radius: 10px;}
.metafield-item-content {position: relative;width: 100%;}
.metafield-item .accordion-text { padding: 0; width: 85%;}
.metafield-item .accordion-button {font-size: var(--small); color: var(--primary);}
.metafield-item-content.active .accordion-text {height: 100%;transition: .3s ease all;visibility: visible;opacity: 1;padding-top: 10px;color: var(--primary);}
.metafield-item-content.active .trigger { background: var(--secondary); transition: 0.3s ease all; transform: rotate(180deg);}
.metafield-item .accordion-button .trigger {top: -5px;}

/* Page Banner */
.page-header-container {border-radius: 20px;}

/* Locksmith */
.locksmith-container { padding: 80px;border-radius: 20px;}

/* Account Pages */
.account-login { position: relative; height: fit-content;}
.account-wrapper {flex-direction: row;  overflow: auto; height: calc(100vh - 160px); display: flex;justify-content: space-between; background: var(--tertiary); border-radius: 20px;padding: 30px;}
.customer input, .customer select, .customer textarea { border: 0; padding: 10p 20px !important; box-sizing: border-box;width: 100%; min-height: 45px;}
.dashboard-nav {position: sticky;top: 0;height: fit-content;}
.dashboard-nav, .order-history{padding: 20px 30px;border-radius: 10px;}
.account-navigation-menu a { display: flex;}
.account-navigation-menu a img { width: 14px;height: auto; margin-right: 7px; max-height: 16px;vertical-align: baseline;}
.dashboard-meta {padding-bottom: 20px;height: fit-content;}
.dashboard-meta .address-wrapper { margin: 0 !important;}

.account-brand img {height: fit-content;width: 180px;}
.account-nav a, .dashboard-nav a {width: 100%; padding: 5px 0;font-size: var(--xsmall);font-weight: normal;color: var(--primary);}
.module-head {text-align: left;}

.account-referral {padding: 20px;border-radius: 10px;}
.account-referral .tertiary.med-text {background: var(--primary); width: fit-content;padding: 10px 20px;margin-top: 10px;border-radius: 10px; color: white;}
.account-referral .share-button__fallback {animation: animateMenuOpen var(--duration-default) ease; right: 0;left: auto; top: 0;background: #6b7d44;border-radius: 30px; color: var(--tertiary);}
.account-referral .share-button__button {color: var(--tertiary); font-size: var(--small);}
.account-referral .share-button__fallback button { border-radius: 30px;}

.dash-module { border-radius: 10px; padding: 10px 30px;  height: auto; justify-content: flex-start}
.dash-module h3 { text-align: left;}

.customer.addresses {padding: 20px 30px;height: auto; justify-content: flex-start}
.addresses .module-header { padding: 15px 25px;  border-radius: 10px; }
.address-module { padding: 15px 25px;   border-radius: 10px; }
.script-renewal.disabled { opacity: 0.4; pointer-events: none;}
.light {opacity: 1; width: 10px;height: 10px;display: inline-block; background: var(--primary); border-radius: 5px;}
.light.green{background: #49cf2c}
.light.red{background: #ff5151}

.consult-begin { padding: 30px; border-radius: 10px;}
strong.tertiary { color: var(--tertiary) !important; font-weight: 600;}
.order-history .icon-wrapper { transition: 0.3s ease all; width: 40px; height: 40px; margin-right:20px;min-width: 40px;background: var(--tertiary); border-radius: 40px;padding: 12px;box-sizing: border-box;}
.order-history .icon-wrapper svg { width: 100%;}
.order-history  svg path { stroke: var(--primary); stroke-width: 4px;}
.order-history tr:hover .icon-wrapper { background: var(--secondary);transition: 0.3s ease all}
.order-history tr:hover .icon-wrapper svg path { stroke: var(--tertiary);transition: 0.3s ease all}
.order-history tr:hover a { color: var(--secondary);transition: 0.3s ease all}
.order-history tr:hover .primary-button { color: var(--tertiary); background: var(--secondary);}

.gradient-button::before {content: ''; position: absolute; top: -1px; left: -1px; right: -1px;bottom: -1px;background: linear-gradient(90deg,var(--secondary), transparent, #c1ff00, transarent); background-size: 400%; z-index: -1;border-radius: 20px;animation: gradient-animation 3s infinite;}
.gradient-button::after { content: ''; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: var(--primary); border-radius: 15px; z-index: -1;}

@keyframes gradient-animation {
  0% { background-position: 0% 50%;
  }
  50% { background-position: 100% 50%;
  }
  100% { background-position: 0% 50%;
  }
}

.order-history td { font-size: var(--xsmall);}
.order-history tbody tr:last-of-type {border: 0;}
.order-history .order-number {width: calc(50% - 70px);}
.order-history .order-status {width:50%}
.order-status .primary-button { font-size: var(--xxsmall);}

.order-history tr { display: flex; margin-bottom: 20px; align-items: center;}
.resource-content:hover a { color: var(--secondary);}
.resource-content:hover svg { background: var(--secondary);transition: 0.3s ease all}
.resource-content:hover svg path { stroke: var(--tertiary);transition: 0.3s ease all}

.resource-actions svg {width: 25px; height: 25px; background: var(--tertiary); border-radius: 20px;padding: 8px;box-sizing: border-box;}
.resource-actions svg path { stroke: var(--primary); stroke-width: 5px;}

.shipping-summary a { color: var(--tertiary);font-size: var(--xsmall);}
.address-module h3, .address-module .button-wrapper { flex: 0 0 50%;  font-size: var(--small); text-align: left;}
.address-module .button-wrapper { background: transparent; display: flex;justify-content: flex-end;padding: 0;}
.address-grid h2 { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
div#AddAddress { flex: 1; margin-top: 40px; background: var(--grey); padding: 40px; border-radius: 15px;}
.module-header h1 {font-size: var(--large);}

.addresses .order-wrapper { padding: 40px !important;}
.address-wrapper {margin: 20px 0 0 !important;}
.address-wrapper .col6 {width: calc(50% - 10px);}
.address-wrapper .dash-module { text-align: left;}
.address-wrapper .dash-module  p{ color: var(--primary); font-size: var(--small) !important;}

.customer.addresses.full-width {padding: 0;}
#AddAddress {background: #fff;}
#AddAddress input, #AddAddress select, #AddAddress textarea { background: #dee3ce  !important; color: var(--primary) !important;}
#AddAddress label { color: var(--primary) !important;}
.addresses form > div:nth-of-type(1), .addresses form > div:nth-of-type(2) {flex: 1;}
.addresses form button:first-of-type { background: var(--secondary); color: var(--tertiary); padding: 8px 25px !important; border: 0;font-size: var(--small) !important; font-family: 'NeueMontreal-Regular' !important;border-radius: 20px;border: 1px solid var(--secondary)}
.addresses form button:nth-child(2) { background: var(--quartiary); color: var(--primary) !important; border: 1px solid var(--primary);  padding: 8px 25px !important; border: 0;font-size: var(--small) !important; font-family: 'NeueMontreal-Regular' !important;border-radius: 20px; border: 1px solid var(--primary)}
.addresses input[type='checkbox'] {margin: 0 !important; min-height: auto;accent-color: var(--primary);}
li[data-address] h2 { text-align: left !important ;color: var(--primary);}
.activate button[name='decline'], .addresses li > button, .addresses form button[type] { background: white; padding: 8px 25px; border: 1px solid var(--primary); border-radius: 20px;  color: var(--primary);  font-family: 'NeueMontreal-Regular'; font-size: var(--small);}
.addresses li > button:first-of-type {margin-top: 3rem;background: var(--secondary);color: var(--tertiary); border-color: var(--secondary);}

.licence-enabled:before {content: ''; background: #151e0066; width: 100%; height: 100%; position: absolute; top: 0; z-index: 4;}
.shopify-section {position: relative;}
.tabuu-script-card { background: var(--tertiary); border-radius: 20px;padding: 20px;display: none;}
.tabuu-script-card.active {display: block; position: absolute; top:0; width: 50vw; max-width: 600px; right: 0; left: 0; bottom: 0;  z-index: 9; height: fit-content; margin: auto;}
[data-address] input, [data-address] select {  background: var(--primary) !important; padding: 2.2rem 1.5rem 0.8rem 2rem}
.script-validation { font-size: var(--xsmall);color: var(--tertiary); background: var(--secondary); padding: 5px 10px; border-radius: 20px;}
.license_wrapper .close {position: absolute;top: 20px;right: 20px;width: 30px; cursor: pointer; height: 30px; transition: 0.3s ease all; display: flex; align-items: center; justify-content: center;background: #e0e7d1; border-radius: 20px;padding: 10px;}
.license_wrapper .close:hover { background: var(--primary); color: var(--tertiary);transition: 0.3s ease all;}
.script_logo{height: 20px;width: fit-content; margin-right: 50px}
.script_logo img{height: 20px;width: fit-content;}

.license_card_details {border-bottom: 1px solid var(--primary);padding-bottom: 15px;margin-bottom: 20px;}
.script-validation.red {background: #ed6060;}
.script_detail { width: 50%;  margin-bottom: 20px;}
.script_detail h3 { font-size: var(--small);margin-bottom: 5px;}
.script-terms {padding: 20px;border-radius: 10px;}
.script-terms a {color: var(--secondary);}

/* Account - Activate */
.activate-wrapper { background: var(--primary); border-radius: 20px; display: flex; align-items: center;}
.activate-wrapper form { width: 50%; display: flex; align-items: center;}
.activate-wrapper .sm-text {margin: 0;}
.activate-wrapper button {width: 100%;text-align: center;padding: 10px 20px; font-size: var(--small) !important;letter-spacing: 0;font-family: 'NeueMontreal-Regular';}
.activate-wrapper button[name="decline"] {background: var(--tertiary) !important;padding: 10px 20px; font-size: var(--small) !important;letter-spacing: 0;font-family: 'NeueMontreal-Regular'}

/* Account - Order */
.customer.order { padding: 0 !important;max-width: 100% !important}
.order-wrapper {background: #eff3e6;border-radius: 20px;}
.order_time { background: #eff3e6;width: fit-content;padding: 10px 20px;border-radius: 20px;}
.order-details { margin-top: 40px !important;}
.order-details th {font-size: var(--small); color: var(--quartiary); text-align: left; border-bottom: 1px solid var(--quartiary) !important;padding-bottom: 15px !important;}
.order-details tbody td {   border-bottom: 1px solid var(--quartiary); font-size: var(--small); padding: 20px 0 !important; vertical-align: top;}
.order-details tfoot td {padding-top: 15px !important;line-height: 2;  font-size: var(--small); border-bottom: 0 !important;}
.order-details tfoot { border-top: 1px solid var(--quartiary);}
.order_logo img {width: fit-content; height: 40px; float: left;}

/* Upload Prescription */
.upload-wrapper { background: var(--tertiary); border-radius: 20px; padding: 20px; margin: 20px auto; height: fit-content;}

/* Cart Page */
.cart-wrapper { padding: 40px !important; border-radius: 20px;}
.cart__ctas button {width: 100%;background: var(--primary);font-family: 'VCHenrietta-Medium';color: var(--tertiary); border-radius: 30px;border: 0;}
.cart-item cart-remove-button { display: flex; align-items: center;justify-content: center;}
cart-remove-button .button {width: 30px !important;height: 30px !important; min-height: 30px !important;margin: 0 !important;}
cart-remove-button .icon-remove {width: 20px !important; height: 20px !important; color: var(--quartiary) !important;}
.cart-item__name {text-decoration: none;display: block;font-family: 'VCHenrietta-Medium';max-width: 100%; font-size: var(--small);}
.cart-item .primary.price.price--end {color: var(--primary); letter-spacing: 0;}

/* Footer */
.footer-container { border-radius: 20px;margin-bottom: 40px;}
.footer-header {border-bottom: 1px solid #57692f33;padding-bottom: 40px;}
.footer__blocks-wrapper {gap: 0 !important;}
.footer-block--menu li { margin-bottom: 7px;}
.footer-social svg path {color: var(--primary);}
.footer-social svg:hover path {color: var(--secondary);}
.footer .sm-text p {margin-top: 0;}
.footer-block.col4-5 { padding-left: 100px;}
.footer__content-bottom {border-top: 1px solid #57692f33;padding-top: 20px;margin-top: 40px;}
.public-notice { position: relative;}
.public-notice .source-badge { position: relative; top: 0;left: 0;width: fit-content;}
.public-modal {display: none;}

.policy-menu a {color: var(--primary);}
.author a, .author {color: #c2c9a9}
.jquery-modal.blocker {background: transparent;}
.modal { display: none; position: fixed; z-index: 1000;left: 0; top: 0;  width: 100%; height: 100%; overflow: auto; }
.modal-content { background-color: #fefefe; margin: 15% auto;  padding: 20px; border: 1px solid #888;width: 80%; max-width: 600px;}

.public-modal.active { position: fixed;display: block;bottom: 20px;top: auto; right: 2.5%; text-align: left; width: 40%;font-size: var(--micro);bottom: 40px; background: #ced6bf;color: var(--primary); padding: 20px; border-radius: 20px; z-index: 999}
.copyright__content { color: #c2c9a9; font-family: 'NeueMontreal-Regular'; letter-spacing: 0;}

/* Tablet Responsiveness */
@media (min-width:768px) and (max-width: 1201px) {

.row-width-90 {max-width: 95%;}
.menu-drawer {width: 100% !important;}
.header__heading, .header__heading-link {flex: 1; margin-left: 20px !important;display: flex !important;text-align: left !important; }

  
.hiw-process-wrapper { flex-direction: row ;padding-top: 20px !important;gap: 20px !important;}
.hiw-item {width: calc(33.3% - 20px);}

.process-wrapper .process-item {width: calc(50% - 10px);}

.splitcontent-wrapper {flex-direction: row;}
.split-media {width: 100%;height: initial;position: relative;}

/* Blog Swiper */
.swiper-actions.desktop {display: flex !important;}
.swiper-actions.mobile {display: none !important;}
.blog-actions.desktop {display: flex !important;}
.blog-actions.mobile {display: none !important;}
.blog-swiper-slide.col4, .keyfact-swiper-slide.col4 {width: 50%;}
.blog-swiper.col8, .keyfact-swiper.col8 {width: 50% !important;}
.blog-content-wrapper .col8 { width: 90%;}
 
/* Text Blocks */ 
.text-block .text-container {flex-direction: row;}
.text-block .block-wrapper {width: calc(50% - 10px);}

/* Collections */
.facets__form {display: flex !important;flex-direction: column;align-items: center; align-content: center;}
.facets__wrapper {flex-direction: column;}
.facets__wrapper .col4 { width: 100%; text-align: center;margin: 10px 0 20px;}
.facet-selectors {width: 100%; justify-content: center;}
.facets__disclosure, .sort-trigger {padding: 10px 12.5px !important;}
.facets__summary, .facet-filters__sort {font-size: 10px !important;padding: 0 14px 0 0 !important;}
.product-item h3 a {height: 40px;}
.facet-checkbox .icon-checkmark { width: 16px;height: 8px;left: 0;}
.contact-wrapper { flex-direction: row;}  

/* Blog Archive */
.blog-article {width: calc(50% - 10px) !important;}

/* Mailing List */
.mailing-header {flex-direction: row;}

/* Account */
.dash-header, .summary-module, .address-wrapper, .order-reference-wrapper {flex-direction: row;}
.dash-module { width: calc(50% - 10px);}
.order-reference-wrapper .dash-module {width: 100%;}

.footer-header { align-items: flex-start; flex-direction: row !important; padding-bottom: 0 !important;}
.footer-social {flex-direction: row;justify-content: flex-end;gap: 10px; display: flex; flex-wrap: wrap;text-align: right;}
.footer-block--menu {width: calc(33.3% - 20px) !important;padding-bottom: 30px;}  
}

@media (min-width: 0px) and (max-width: 980px) {
.mobile { display:block !important;}
.desktop { display:none;}
}

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


.row-width-90 {max-width: 90%;}

  
.hiw-process-wrapper {flex-direction: column; padding-top: 20px !important; gap: 40px !important;}
.hiw-item { width: 100%;}

.process-wrapper .process-item {width: 100%;}

.split-media { width: 100%;height: 300px;}
.splitcontent-wrapper {flex-direction: column; gap:20px;} 
.split-content:first-of-type {padding-bottom: 0 !important;}
.split-content:last-of-type {padding-top: 0 !important;}

/* Text Blocks */
.text-block .text-container {flex-direction: column;}
.text-block .block-wrapper {width: 100%;}
  
/* Blog Swiper */
.education-wrapper {flex-direction: column;}
.keyfact-swiper-slide.col4, .blog-swiper-slide.col4{ background: transparent !important;width: 100%;padding: 20px !important; min-height: auto;}  
.keyfact-swiper, .blog-swiper {width: 100%;} 
.keyfact-swiper .swiper-wrapper, .blog-swiper .swiper-wrapper { align-items: stretch;}
.keyfact-swiper-slide, .blog-swiper-slide {height: auto !important;}
.blog-swiper-slide .swiper-actions, .keyfact-swiper-slide .swiper-actions{left: 20px;}
.blog-swiper-slide .sm-text, .keyfact-swiper-slide .sm-text{ width: 90% !important}
.keyfact-module .swiper-actions.mobile {position: relative; width: 120px;display: flex !important;}
.blog-article .card__inner {flex-direction: column;}
.blog-actions.mobile { width: 120px; position: relative; left: 0;right: 0; margin: 20px auto 0;}


/* Support */
.contact-wrapper { flex-direction: column;gap: 40px;}

/* Blog Archive */
.blog-article {width: 100% !important;}

/* Single Product */
.product-item .card__media { position: relative;height: 100%; min-height: 215px; max-height: 215px;  width: 100%;}
.product-item h3 a {font-size: 14px;width: 95%;height: 30px; padding: 0;}
product-form select {padding-right: 30px;}
select.sold-out {padding-right:0}
/* Mailing List */
.mailing-header {flex-direction: column; gap: 20px;}

/* Account */
.dash-header, .summary-module, .address-wrapper, .order-reference-wrapper {flex-direction: column;}
.dash-module { width: 100%;}


/* Search */
.template-search .grid__item { width: 100% !important; max-width: 100%;}
  
.footer-social {flex-direction: row;flex-wrap: wrap; align-self: center;justify-content: center;text-align: center; gap: 10px;}
.footer-block--menu { width: calc(50% - 20px) !important;padding-bottom: 30px;}
  
}

/* Small Device General Responsivness */
@media (max-width: 1199px) {

/* Menu */
nav.header__inline-menu { display: none;}
.header a.primary-button {display: none;}
.menu-drawer {background: var(--tertiary) !important; color: var(--primary);}

/* Announcement Banner */
.announcement-bar__message {font-size: var(--micro) !important; padding: 0;}

/* Large Text */
.large-text-wrapper {padding-left: 20px !important;padding-right: 20px !important;}
.featured-text h3 {font-size: var(--xlarge) !important; text-align: center; width: 90%;}
.featured-text .sm-text {width: 95%; font-size: var(--small) !important;margin: 0 auto;}
  
/* Process Module */
.service-swiper {width: 85%;}

  
/* Fact Swiper */
.fact-swiper-slide .sm-text {font-size: 14px !important; width: 85%;}
.fact-swiper-slide h2 {font-size: var(--medium) !important;width: 80%;line-height: 1;}  
.fact-module .source-badge {display:none;bottom: 10px;height: fit-content;right: 10px; width: fit-content;left: auto;}
.fact-swiper .swiper-actions { display: flex !important;  justify-content: flex-end; left: 10px !important; right: auto; bottom: 10px; top: auto; gap: 10px;}  
.fact-swiper-slide .button-wrapper.mobile { position: absolute; bottom: 14px;right: 10px;}

/* USP Module */
.usp-point-slide {display: flex !important;flex-direction: column; align-items: center; text-align: center;}
.usp-point-slide .content-title { text-align: center; width: 80%; margin: auto; color: var(--primary);}


/* Split Content */
.split-content {width: 100%;padding: 40px !important;}
.split-content .sm-text { width: 100%;font-size: var(--xsmall) !important;}
  
/* How it Works */
.hiw-header {flex-direction: column;display: flex;align-items: flex-start; margin: 0 auto 40px;}
.hiw-underlay img {height: 100%;}

/* FAQ Module */
.faq-header {display: flex; flex-direction: column; align-items: flex-start;gap: 20px;}
.faq-header h2 {font-size: var(--large) !important;}
.faq-header > .flex-row {flex-direction: column; gap: 20px;}
.faq-item-wrapper {padding-top: 40px !important;}
.faq-description { width: 90% !important;}
.faq-item {width: 100%;}
.accordion-button {padding-right: 50px !important;}
.faq-item-wrapper .trigger {right: 0 !important;}

 /* Testimonial Module */
.testimonial-swiper {width: 100% !important;max-width: 100%;}
.testimonial-container {width: 100%;padding: 40px 20px !important;}
.testimonial-swiper-slide .sm-text {width: 90%;line-height: 1.2;}

/* Contact Support */
.contact-header h2 {font-size: var(--large) !important;width: 80%;}
.contact-header, .contact-form-wrapper {width: 100%;}
.contact-header .button-wrapper { margin-top: 20px;}

  /* Page Header */
.page-header h3 {font-size: var(--large) !important; width: 80%;}
.page-header .sm-text {width: 90%;font-size: var(--xsmall) !important;}
  
/* Collections */
.large-text-wrapper {padding:20px 20px 30px !important;}
.feature-text--header {flex-direction: column;gap: 20px;}
.product-grid-wrapper {flex-wrap: wrap;}
.product-item {width: calc(50% - 10px);}
.product-item .card__content {display: none;}  
.product-count {display:none}
.product-meta {flex-direction: column;display: flex; align-items: center; gap: 5px;}
.product-item .vendor-name {display: none;}
.product-item .badge {font-size: 10px; padding: 4.5px 10px;}
.facets-wrapper {padding: 7.5px 0;}
.mobile-facets__disclosure.menu-opening { position: relative !important;z-index: 9999;}
.mobile-facets__close {background: #ccd3c2;width: 30px !important;height: 30px !important;border-radius: 30px;padding: 9px;color: var(--primary); top: 15px !important;right: 15px !important;}
.facets-container {display: flex !important;flex-direction: column;align-items: center; padding: 0 !important;} 
.mobile-facets__wrapper { justify-content: center;}
.mobile-facets__open, .mobile-facets__open-label {color: var(--primary);}
.mobile-facets__open svg { width: 30px !important; height: 30px !important;}
.mobile-facets__open path {fill: var(--primary);}
.mobile-facets__inner {background: var(--tertiary) !important;border: 0;width: 100%;max-width: 100%;color: var(--primary);}
.mobile-facets__details .mobile-facets__summary svg {margin-left: auto;width: 30px !important;height: 30px;padding: 8px;background: var(--primary); border-radius: 20px; color: var(--tertiary);}
.mobile-facets__footer button {background: var(--primary); color: var(--tertiary); border-radius: 30px;border: 0; padding: 10px 25px !important;line-height: 1;min-height: fit-content;font-size: var(--small); font-family: 'NeueMontreal-Regular';}
.mobile-facets__sort .select .icon-caret {right: 0;top: 10px;background: transparent;color: var(--primary);}
.active-facets {margin: 0 !important;}
.mobile-facets__label .icon-checkmark { width: 16px;   height: 15px; top: 50% !important;  bottom: 50% !important; margin: auto !important;}

/* Mailing List Module */
.mailing-container {padding: 0 0 20px !important;}
.mailing-header h2 {width: 90%; text-align: center;font-size: var(--large) !important;}
.mailing-form {padding-top: 20px; width: 90%;margin: auto;} 
.mailing-item {width: calc(50% - 15px);}
.mail-benefits {width: 90%;margin: auto;}
.mailing-form .shopify-app-block {width: 100%;}
  
/* Promo Banner */
.promo-banner h3 {font-size: 20px !important;line-height: 1.2; width: 85%;margin: 0 auto;}

 
/* Blog Article */
.blog-article-wrapper {flex-direction: column; margin: 20px !important;}
.blog-header-wrapper h3 {font-size: var(--large) !important; width: 100%;}
.blog-header-wrapper { padding: 40px !important;}
.dashboard-nav.col3 { width: 100%; padding: 0;}
.article-navigation{width: 100%;position: relative !important;top: 0 !important;}

.article-template__content { width: 100%;}
.article-template__content h3 {font-size: 20px;}  

/* Product Single */
.product-single-wrapper {flex-direction: column;}
.product__media-wrapper {position: relative;top: 0; width: 100% !important;max-width: 100% !important;}
.product__info-wrapper {max-width: 100% !important; width: 100% !important; padding: 0 !important;}
.product__info-container { max-width: 100% !important;}
 
/* Account */
.account-container {padding-top: 0;}
.account-wrapper {flex-direction: column; gap: 20px; padding: 20px;} 
.account-navigation-menu { display: none; transition: 0.3s ease all;  width: 100%;margin-top: 20px;}
.enabled .account-navigation-menu { display: flex; transition: 0.3s ease all}
.shop-quicklink a { width: 100%; text-align: center;}
.dashboard-nav {width: 100%; padding: 0;background: var(--tertiary); position: relative;}
.account-nav {display: flex; flex-wrap: wrap; flex-direction: row;align-items: center; justify-content: space-between;}
.mobile-toggle { position: relative; width: 30px;height: 30px; display: flex !important; align-items: center; justify-content: center;}
.mobile-toggle span { transition: 0.3s ease all; width: 30px;height: 2px; background: var(--primary); position: absolute; display: flex;}
.mobile-toggle .top { top: 8px;transition: 0.3s ease all;}
.mobile-toggle .bottom { bottom: 8px;transition: 0.3s ease all;}
.enabled .mobile-toggle .middle {opacity: 0;transition: 0.3s ease all;}
.enabled .mobile-toggle .top {top: auto; transform: rotate(45deg);transform-origin: center;transition: 0.3s ease all;}
.enabled .mobile-toggle .bottom {bottom: auto; transform: rotate(315deg);transform-origin: center;transition: 0.3s ease all;}

.dashboard-meta {width: 100%;} 


.order-history tr {flex-direction: row !important; flex-wrap: wrap;border-bottom: 1px solid #57692f1f;padding-bottom: 20px;}
.order-history .order-number {width: auto;display: flex;flex-direction: column;align-content: flex-start;align-items: flex-start; width: 100%; margin-top: 20px;}
.order-history .order-status {width: 100%;flex-direction: column;text-align: left;margin-top: 20px;}
.order-history td::before {font-size: 9px; color: var(--primary);}
.order-history .icon-wrapper::before { display: none}
.order-status .justify-right {justify-content: space-between;text-align: left;}
.order-status .text-right {text-align: left;}

.shipping-summary { flex-direction: column; gap: 0;}
.account-dash .address-wrapper {margin: 0 !important;}
.address-header {width: 100%;} 
.address-meta {flex-direction: column;width: 100%; gap: 40px;}
.address-billing, .address-shipping { width: 100%;}
 

.consult-wrapper { width: 100%;}
.consult-begin {flex-direction: column;gap: 20px;}
  
.tabuu-script-card.active {width: 90%;} 
.license_card_details {padding-bottom: 20px; align-items: flex-start;}
.license_card_details > .flex-row {flex-direction: column;display: flex;align-items: flex-start;gap: 10px;}
.script_logo { display: none}

/* Account - Activate */
.activate-wrapper form { width: 100%;}

/* Login */
.login-block-wrapper { flex-direction: column; gap:40px}
.login-header { width: 100%;}  
.login-form{width: 100%;}
.login-wrapper .process-check {font-size: var(--small) !important;}
.account-action a {text-align: center;}
.account-action .flex-row {flex-direction: column;gap: 10px;text-align: center;margin: 0 0 40px;padding: 0;}
.account-action .flex-row a {margin: 0;padding: 0;}
.account-action button { width: 100%;padding: 10px 25px !important; text-align: center !important; display: flex; align-items: center;justify-content: center;}

/* Account - Orders */
.order-wrapper {padding: 20px !important;}
.order-wrapper-row .flex-row {flex-direction: column;margin-bottom: 20px;}
.order-wrapper-row .flex-row .flex-row {gap:10px}
.order-wrapper-row .customer__title {margin: 0; font-size: var(--large) !important;}
.order_time, .order_time p {font-size: 10px !important;}
.order_time {width: 100%; text-align: center;}
.order-meta-wrapper {flex-direction: column;}
.order-wrapper h2 { margin-bottom: 20px}

.addresses .address-header { flex-direction: column;}
.addresses .order-wrapper {padding: 20px !important; align-items: center;}
.address-wrapper {width: 100%;}
.address-wrapper .col6 {width: 100%;}  

/* Cart Page */
.cart-wrapper { padding: 20px !important;}

  
/* Footer */
.footer-header {flex-direction: column;padding-bottom: 20px;}
.footer-brand {margin-bottom: 30px;flex-direction: column;}
.footer-social h4 { width: 100%;}
.list-social {flex-direction: row;flex-wrap: nowrap;} 
.footer__blocks-wrapper {display: flex !important;flex-wrap: wrap;}
.footer-block__details-content {margin-bottom: 0 !important;}
.footer-block.col4-5 {width: 100%; padding: 0;}
.footer-details { margin-top: 0;}
.footer-payments { display: none;}
.public-notice { position: relative;width: 100%;display: flex;justify-content: flex-start;}
.public-modal.active {width: 95%;}
.policy-menu {display: none;}
.footer__content-bottom {padding-top: 20px !important;}
.footer__content-bottom-wrapper {gap: 0 !important;}

}

@media (min-width: 1440px) and (max-width: 4800px) {


.full-width {max-width: 1500px;}
.row-width-90 {max-width:1500px;}
.header-wrapper {max-width: 1500px; margin: auto;}
.footer-container {max-width: 1500px;}
}

/* Quiz Module */
.quiz-container {
  height: 100%;            /* Ensures it takes the full height of its parent */
  position: relative;      /* Allows for positioning of child elements */
  border-radius: 20px;     /* Adds rounded edges like the text-container */
  overflow: hidden;        /* Ensures content doesn't overflow outside rounded corners */
  display: flex;           /* Enable flexbox for layout control */
  align-items: stretch;    /* Makes child elements stretch to match container height */
  flex-direction: column;  /* Default direction for child elements */
}

.quiz-header {
  display: flex;            /* Flexbox layout for title, description, and button */
  flex-direction: column;   /* Default layout stacks elements vertically */
  align-items: flex-start;  /* Align items to the start of the column */
  gap: 2px;                /* Spacing between elements */
}

.quiz-header h2 {
  font-size: var(--large) !important; /* Large font for the heading */
}

.quiz-item-wrapper {
  padding-top: 40px !important; /* Top padding for extra spacing */
}

/* Description and Button Container */
.quiz-description-button-wrapper {
  display: flex;            /* Flexbox for description and button alignment */
  justify-content: space-between; /* Spread description and button across row */
  align-items: center;      /* Vertically align the description and button */
  gap: 20px;                /* Adjust spacing between elements */
  flex-wrap: wrap;          /* Allow wrapping for smaller screens */
}

.quiz-description {
  flex: 1;                  /* Allow the description to take available space */
  width: auto;              /* Reset forced width for better alignment */
  max-width: 90%;           /* Prevent excessively wide text */
}

/* Button Styling */
.quiz-button-wrapper {
  display: flex;            /* Ensure proper layout for the button */
  justify-content: flex-end; /* Align the button to the right */
  flex-shrink: 0;           /* Prevent the button from shrinking */
  text-align: center;       /* Center-align button text */
}

.quiz-button-wrapper a {
  display: inline-flex;          /* Flexbox for SVG and text alignment */
  align-items: center;           /* Align SVG and text vertically */
  font-family: VCHenrietta-Medium; /* Apply the correct font */
  padding: 10px 20px;             /* Add padding for button spacing */
  border-radius: 25px;            /* Ensure rounded corners (match other buttons) */
  text-decoration: none;          /* Remove underline */
  color: var(--white);            /* Set font color to white */
  background-color: var(--primary); /* Set button background color */
  border: none;                   /* Remove border if present */
  gap: 8px;                       /* Space between SVG and text */
  transition: 0.3s ease all;      /* Smooth hover effect */
}

.quiz-button-wrapper a:hover {
  background-color: var(--secondary); /* Change background color on hover */
  color: var(--tertiary);             /* Adjust font color on hover */
  transition: 0.3s ease all;          /* Smooth transition */
}

.quiz-button-wrapper .button-icon {
  width: 16px;               /* Size of the SVG icon */
  height: 16px;              /* Size of the SVG icon */
  fill: currentColor;        /* Matches text color */
  margin-right: 8px;         /* Space between the icon and text */
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
  .quiz-header {
    flex-direction: column; /* Default to column layout on mobile */
  }

  .quiz-header h3 {
    font-size: 18px;         /* Adjust heading size for mobile */
    margin-bottom: 0;        /* Remove bottom margin */
    flex-basis: 100%;        /* Heading spans its own row */
    text-align: left;        /* Align heading text to the left */
  }

  .quiz-description-button-wrapper {
    display: flex;           /* Ensure flexbox layout */
    justify-content: space-between; /* Spread description and button across row */
    align-items: center;     /* Align items vertically */
    width: 100%;             /* Ensure full container width */
    gap: 0;                  /* Remove unnecessary gaps */
  }

  .quiz-description {
    font-size: 14px;         /* Smaller font size for description */
    text-align: left;        /* Align the description to the left */
    flex: 1;                 /* Allow the description to take available space */
    margin: 0;               /* Remove extra margins */
    word-break: break-word;  /* Ensure long text wraps properly */
  }

  .quiz-button-wrapper {
    flex-shrink: 0;          /* Prevent the button from shrinking */
    text-align: right;       /* Align the button to the right */
    margin-left: auto;       /* Push the button to the far right */
    display: flex;           /* Ensure proper alignment */
    justify-content: flex-end; /* Align content (button) to the right */
  }

  .quiz-button-wrapper a {
    font-size: 14px;         /* Smaller font size for button text */
    padding: 8px 15px;       /* Reduce button padding for mobile */
    border-radius: 20px;     /* Maintain rounded button style */
  }
}