/** Shopify CDN: Minification failed

Line 1046:27 Unexpected "{"
Line 1046:39 Expected ":"
Line 1046:43 Unexpected "{"
Line 1282:18 Unexpected "{"
Line 1282:27 Expected ":"
Line 1288:18 Unexpected "{"
Line 1288:27 Expected ":"
Line 1294:18 Unexpected "{"
Line 1294:27 Expected ":"
Line 1295:18 Unexpected "{"
... and 1 more hidden warnings

**/
/* 1) Register the font faces */
@font-face {
  font-family: "Commissioner";
  src: url("/cdn/shop/files/Commissioner-Black.woff2?v=1755590422") format("woff2"),
       url("/cdn/shop/files/Commissioner-Black.woff?v=1755590422") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Commissioner";
  src: url("/cdn/shop/files/Commissioner-ExtraBold.woff2?v=1755595832") format("woff2"),
       url("/cdn/shop/files/Commissioner-ExtraBold.woff?v=1755595833") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Commissioner";
  src: url("/cdn/shop/files/Commissioner-SemiBold.woff2?v=1755595833") format("woff2"),
       url("/cdn/shop/files/Commissioner-SemiBold.woff?v=1755595833") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Commissioner";
  src: url("/cdn/shop/files/Commissioner-Medium.woff2?v=1755595833") format("woff2"),
       url("/cdn/shop/files/Commissioner-Medium.woff?v=1755595834") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: "Commissioner";
  src: url("/cdn/shop/files/Commissioner-ExtraLight.woff2?v=1755595833") format("woff2"),
       url("/cdn/shop/files/Commissioner-ExtraLight.woff?v=1755595833") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Commissioner";
  src: url("/cdn/shop/files/Commissioner-Thin.woff2?v=1755595832") format("woff2"),
       url("/cdn/shop/files/Commissioner-Thin.woff?v=1755595833") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DS Digital";
  src: url("/cdn/shop/files/DS-Digital.woff2?v=1755635555") format("woff2"),
       url("/cdn/shop/files/DS-Digital.woff?v=1755635555") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DS Digital";
  src: url("/cdn/shop/files/DS-Digital-Italic.woff2?v=1755635555") format("woff2"),
       url("/cdn/shop/files/DS-Digital-Italic.woff?v=1755635555") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: "DS Digital";
  src: url("/cdn/shop/files/DS-Digital-BoldItalic.woff2?v=1755635555") format("woff2"),
       url("/cdn/shop/files/DS-Digital-BoldItalic.woff?v=1755635554") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/***************************************************************************************/
/*FONT STYLES*/
/* Make Commissioner the global font for headings + body via Motion's variables */
:root,
body {
  /* Families */
  --typeHeaderPrimary: "Commissioner";

  --typeBasePrimary: "Commissioner";

}

/* Fallback safety net in case any elements bypass variables */
body, .rte, .button, .btn, [class*="Button"] {
  font-family: "Commissioner", var(--typeBaseFallback) !important;
}

/***************************************************************************************/
/*HEADINGS*/
/*DESKTOP*/
h1, .h1 {
  font-size: 80px;
  font-weight: 900;
  line-height: 100%;
}
h2, .h2 {
  font-size: 64px;
  font-weight: 900;
  line-height: 100%;
}
h3, .h3 {
  font-size: 28px;
  font-weight: 400;
  line-height: 120%;
}
h4, .h4 {
  font-size: 24px;
  font-weight: 800;
  line-height: 100%;
}
h5, .h5 {
  font-size: 18px !!important;
  font-weight: 800 !important;
  line-height: 100% !important;
}
h6, .h6 {
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
}

/*MOBILE*/
@media only screen and (max-width: 590px) {
  h1, .h1 {
    font-size: 56px;
  }
  h2, .h2 {
    font-size: 40px;
  }
  h3, .h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 100%;
  }
  h4, .h4 {
    font-size: 22px;
    font-weight: 800;
    line-height: 120%;
  }
  h5, .h5 {
    font-size: 16px;
    font-weight: 800;
  }
  h6, .h6 {
    font-size: 14px;
  }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    word-break: break-word;
  }
}

/***************************************************************************************/
/*TEXTS*/

span {
    letter-spacing: 0px !important;
    word-break: break-word;
}

.text-size-large {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.text-size-medium-regular, p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.text-size-medium-light {
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

.text-size-medium-light, p {
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

.text-size-small {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}

.text-size-extra-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.text-align-center {
  text-align: center;
}

.is-digital-text {
    font-family: "DS Digital";
}

.hero__subtitle.is-tagline {
    font-family: "DS Digital";
    font-size: 20px;
    letter-spacing: 1px;
}

.product__price, .product__policies.rte {
  color: #5F5F5F;
  font-size: 16px;
  font-weight: 300;
}

.tagline {
  font-weight: 300;
  margin-bottom: 16px;
}

[data-type_base_accent_transform=true] .grid-product__tag {
    letter-spacing: 0em;
}

.text-weight-light, .text-weight-light p{
  font-weight: 300;
}

.label.is-dropdown {
    text-transform: none !important;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
}

.is-digital-scrolling-text {
  font-family: "DS Digital";
}

a.dryll-button {
  color: white;
}

@media only screen and (max-width: 590px) {
  .tagline {
    font-size: 14px;
  }
}

/***************************************************************************************/
/*COLORS*/
/***************************************************************************************/
/*TEXT COLORS*/

.text-color-white {
  color: white;
}

.text-color-white:hover {
  color: white !important;
}

.text-color-grey-300 {
  color: #E5E5E5;
}

.text-color-grey-700 {
  color: #5F5F5F;
}

.text-color-grey-500 {
  color: #9E9E9E !important;
}

.text-color-grey-900 {
  color: #202020 !important;
}

/***************************************************************************************/
/*PAGE OR SECTION SPECIFIC STYLES*/

/***************************************************************************************/
/*LAYOUT & SPACINGS*/
.page-width {
  max-width: 1440px;
}

@media only screen and (min-width: 590px) {
    .page-full, .page-width {
        padding: 0 64px;
    }
}

.page-full, .page-width {
    padding: 0 64px;
}
.page-width.is-header {
    padding-inline: 40px;
}
.rte ol, .rte p, .rte table, .rte ul {
    margin-bottom: 20px;
}

.section-header.is-featured-collection {
  width: 100%;
  float: left;
}

.max-width-525 {
  max-width: 525px;
}

.no-bottom-margin {
  margin-bottom: 0px;
}

.has-margin-bottom-24 {
  margin-bottom: 24px;
}

.section-titles__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-titles__header.is-centered {
  align-items: center;
}

@media only screen and (max-width: 590px) {
  .section-titles__header.mobile-left-aligned {
    align-items: flex-start;
  }

  .mobile-left-aligned {
    text-align: left;
  }
}

/***************************************************************************************/
/*BUTTONS*/
.dryll-button {
  display: flex;
  height: 41px;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: black;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid black;
  transition: all 0.2s ease-out;
}

.dryll-button.is-secondary {
  background: white;
  color: black;
  border-color: white;
}

.dryll-button.is-secondary:hover {
  color: white;
  background: black;
  border-color: black;
}

.dryll-button.is-tertiary {
  background: white;
  color: black;
  border: 1px solid #202020;
}

.dryll-button.is-tertiary:hover {
  background: black;
  color: white;
}

.dryll-button:hover {
  color: black;
  background: white;
}

.dryll-button.is-full-width {
  width: 100%;
  padding: 10px 10px;
}

.dryll-button.is-centered {
  align-self: center;
  justify-self: center;
  margin: auto;
}

.dryll-button.is-left-aligned {
  justify-self: start;
}


/***************************************************************************************/
/*ELEMENT CUSTOMIZATION*/
/***************************************************************************************/
/*NAVBAR*/
.site-header {
    border-bottom: 0px !important;
    padding: 0px;
    height: 48px;
}

.site-header__logo {
  margin: auto;
}

.is-header {
  height: 100%;
}

a.site-nav__link:hover {
    font-weight: 800;
}

a.site-nav__link {
    transition: all 0.1s ease;
}

/* NAVBAR DRAWER */
@media only screen and (max-width: 767px) {
    .grid-overflow-wrapper .grid {
        display: flex;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 767px) {
    .grid-overflow-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow: hidden;
        overflow-x: scroll;
        padding-bottom: 26.66667px;
    }
}

/***************************************************************************************/
/*PRODUCT GRID*/
.grid {
  margin: 0 0 0 -8px;
}

.medium-up--one-quarter {
  width: 100%; /* default mobile */
}

@media (min-width: 768px) {
  .medium-up--one-quarter {
    width: 50%; /* tablet+ */
  }
}

@media (min-width: 1024px) {
  .medium-up--one-quarter {
    width: 25%; /* desktop+ */
  }
}

.grid-overflow-wrapper {
  width: 100%;
}

/***************************************************************************************/
/*GRID PRODUCT*/
.grid__item {
  padding-left: 8px;
}

.grid-product__content {
  border: 1px solid #9E9E9E;
  padding: 12px;
}

.grid-product__content {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 7; /* keeps the minimum ratio */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* keeps meta at bottom */
  background-size: cover;
  background-position: center;
  border: 1px solid #9E9E9E;
  padding: 10px;
  background-position: top;
}

@media only screen and (min-width: 590px) {
    .grid-product__content {
        margin-bottom: 8px;
    }
}

.grid-product__price {
  margin-top: 0;
}

/* overlay the hover image and fade it in */
.grid-product__content::after {
  content: "";
  position: absolute; inset: 0;
  background-image: var(--hover-image);
  background-size: cover; background-position: center;
  opacity: 0;
  transition: opacity 250ms ease;
  pointer-events: none;
  will-change: opacity;
}

/* fade on hover */
.grid-product__content:hover::after {
  opacity: 1;
}

.grid-product__title {
  margin-bottom: 0px;
}

.grid-product__content:hover .grid-product__tag {
  border: 1px solid var(--Color-Grey-200, #F2F2F2);
  background: linear-gradient(273deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.15) 100%), rgba(0, 0, 0, 0.00);
  color: white;
}

.grid-product__content:hover .grid-product__tag.highlighted {
  background: black;
  border: 1px solid black;
}

.grid-product__content:hover .tag-dot {
  background: white;
}

.grid-product__content:hover .grid-product__price, .grid-product__content:hover .grid-product__title {
  color: white;
}

.grid-product__content:hover .custom-grid-product-meta-wrapper {
  background: transparent;
  background: rgba(255, 255, 255, 0.05); /* semi-transparent */
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px); /* Safari support */
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.grid-product__tag {
  position: relative;
  align-self: start;
  background: linear-gradient(273deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.15) 100%), rgba(0, 0, 0, 0.00);
  color: black;
  display: inline-flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #202020;
  font-size: 16px;
  line-height: 150%;
  font-family: "DS Digital";
  letter-spacing: 1px;
  transition: all 250ms ease;
}

.grid-product__tag.highlighted {
  background: black;
  color: white;
}

.grid-product__tag.highlighted .tag-dot {
  background: white;
}

.tag-dot {
  width: 8px;
  height: 8px;
  background: black;
  border-radius: 100px;
  transition: all 250ms ease;
}

.custom-grid-product-meta-wrapper {
  padding: 12px;
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all 250ms ease;
  margin-top: auto;
}

.custom-grid-product-meta-wrapper .dryll-button {
  margin-top: 0 !important;
}

.grid-product__title, .grid-product__price {
  transition: all 250ms ease;
}

.secondary-ratio .grid-product__content {
  aspect-ratio: 4/5 !important;
}

@media only screen and (max-width: 767px) {
  .secondary-ratio .grid-product__content {
    aspect-ratio: 4/7 !important;
  }
  .custom-grid-product-meta-wrapper {
    gap: 6px;
  }
}

/* ON SHOP PAGE */
.is-shop-grid .grid-product__content {
  aspect-ratio: 4/5 !important;
}


/***************************************************************************************/
/*NEWSLETTER*/
@media only screen and (min-width: 590px) {
    .newsletter-section {
        padding: 177px 0;
    }
}

.newsletter-section__content {
  padding: 0px;
  max-width: 768px;
}

@media only screen and (max-width: 590px) {
    .newsletter-section {
        padding: 200px 0 !important;
    }

    .newsletter-section .theme-block {
        margin-bottom: 8px;
    }
}

/***************************************************************************************/
/*FOOTER*/
.footer__copyright {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer__copyright>span {
    padding: 0px;
}
.site-footer__bottom-block {
    margin: 0 0px 0px;
}
.footer__legals {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
[data-type_header_accent_transform=true] .footer__title {
    letter-spacing: 1px;
}

@media (max-width: 767px) {
  .footer__copyright {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
}

/***************************************************************************************/
/*PRODUCT PAGE STYLES*/
/***************************************************************************************/
/*PRODUCT PAGE | HERO*/
.page-width.is-pdp, .page-content.is-pdp {
  padding: 0px;
  max-width: none;
}

.grid.is-pdp {
  position: relative;
}

.grid__item.is-pdp.is-right {
    max-width: 720px;
    padding: 40px 64px 40px 0px;
    position: sticky;
    top: 0px;
}

@media (max-width: 767px) {
  .grid.is-pdp {
    margin: 0px;
  }
  .page-width.is-pdp {
    padding: 0px 12px;
  }
  .product-single__meta {
    padding: 0px;
  }
  .medium-up--one-half.is-pdp {
    width: 100%;
    position: relative;
    padding-left: 0px;
  }
  .grid__item.is-pdp.is-right {
    position: relative;
    padding: 32px 0px; 
  }
}

.product-block {
    margin-bottom: 20px;
}

.product-block.product-block--price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

.product__policies {
  margin: 0;
}

.product-block.product__quantity-and-buy {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product__buy-buttons {
    flex: 1;
}

.js-qty__num {
  background: #F2F2F2;
  border: none;
  padding: 8px 0px;
}

.js-qty__wrapper {
  max-width: 200px;
  margin-right: 24px;
}

.js-qty__adjust--minus {
    padding: 8px 10px 8px 40px;
}

.js-qty__adjust--plus {
    padding: 8px 40px 8px 10px;
}

.collapsibles-wrapper {
  padding: 0px 20px;
}

/***************************************************************************************/
/* PRODUCT PAGE | VARIANT SELECTORS */

/*GENERAL*/
label.variant__label {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
}

.variant-input-wrap input[type=radio]:checked+label {
    box-shadow: inset 0 0 0 2px black;
}

.variant-input-wrap label {
    padding: 6px 8px;
    border: 1px solid #E5E5E5;
    box-shadow: inset 0 0 0 2px transparent;
    font-size: 14px;
}

/*DOSEN*/
.variant-input-wrap.is-dosen {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.variant-input-dosen__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 145px;
  gap: 2px;
}

.variant-input-dosen__info {
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    background: #F2F2F2;
}

.variant-input-dosen__info-text {
    font-size: 14px;
    text-align: center;
}

.variant-input-wrap.is-dosen input[type=radio]:checked+label {
    box-shadow: none;
    border-color: black;
}

.variant-input-wrap.is-dosen input[type=radio]:checked+label.disabled {
  background: #7f7f7f;
}

.variant-input-wrap.is-dosen label {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border: 1px solid #E5E5E5;
    margin: 0;
    font-size: 14px;
    text-align: center;
}

/*SACHETS*/
.variant-input-wrap.is-sachets {
    display: grid ;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-bottom: 10px;
}

.variant-input-wrap.is-sachets label {
    display: flex;
    box-shadow: none !important;
    width: 100%;
    margin: 0 !important;
    height: 40px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.variant-input-wrap.is-sachets input[type=radio]:checked+label {
    border-color: #7E7E7E;
}

/* SUBSCRIPTION WIDGET */
.recharge-subscription-widget {
    margin-top: 40px;
    margin-bottom: 10px;
}

.rc-purchase-option__badge {
  top: -1.5em !important;
}


/***************************************************************************************/
/*PRODUCT PAGE | FLAVOURS PICKER*/
.flavour-mix__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.flavour-mix__list { margin: 0; padding: 0; }
.flavour-mix__row { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 6px 9px 6px 16px; margin: 6px 0px; border: 1px solid #E5E5E5; }
.flavour-mix__label { font-size: 0.95rem; }
.flavour-mix__controls { display: inline-flex; gap: 12px; align-items: center; }
.flavour-mix__btn { width: 36px; height: 36px; line-height: 34px; text-align: center; background: #F2F2F2; display: flex; align-items: center; justify-content: center; }
.flavour-mix__btn[disabled], .flavour-mix__btn:disabled { opacity: .45; cursor: not-allowed; pointer-events: none; }
.flavour-mix__qty { width: 15px; text-align: center; border: 0; background: transparent; font-weight: 400; font-size: 14px; padding: 0px; }
/* remove any focus outline / inner shadow */
.flavour-mix__qty {
  border: 0;
  outline: none !important;
  box-shadow: none !important;
  background: transparent;
  caret-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none; /* prevents mouse/touch focus on the input */
}

/* also cover focus-visible / active states just in case */
.flavour-mix__qty:focus,
.flavour-mix__qty:active,
.flavour-mix__qty:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.flavour-mix__counter { font-size: 14px; }
.flavour-mix__hint { margin: 6px 0 0; font-size: .85rem; opacity: .75; }
.flavour-mix--invalid .flavour-mix__counter { color: #5F5F5F; }
.flavour-mix__header p { margin: 0px; }

/***************************************************************************************/
/*PRODUCT PAGE | INFO-IMAGE BOX*/
.info-image-box {
  border: 1px solid #E5E5E5;
  padding: 12px 12px 12px 20px;
  margin-top: 40px;
}
.info-image-box__inner {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  align-items: center;
}
.info-image-box__text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  /* max-width: 150px; */
  padding-top: 8px;
}
.info-image-box__subtitle {
  margin-top: 0px;
}
.info-image-box__inner .text-size-medium-regular p strong {
    font-weight: 400;
    color: #3F3F3F;
}
.info-image-box__text .info-image-box__title {
    width: 100%;
    max-width: 150px;
}
.info-image-box--image-left .info-image-box__inner {
  grid-template-columns: 280px 1fr;
}
.info-image-box--image-left .info-image-box__text { order: 2; }
.info-image-box--image-left .info-image-box__image { order: 1; }

.info-image-box__title { margin: 0 0 6px; }
.info-image-box__rte p:last-child { margin-bottom: 0; }

@media (max-width: 1100px) {
  .info-image-box__inner,
  .info-image-box--image-left .info-image-box__inner {
    grid-template-columns: 1fr;
  }
  .info-image-box--image-left .info-image-box__text,
  .info-image-box--image-left .info-image-box__image {
    order: initial;
  }
}

/***************************************************************************************/
/*PRODUCT PAGE | IMAGES VIEW*/
/* Hide/show blocks at breakpoints */
.product-images--mobile-only { display: block; }
.product__stacked-images { display: none; }

@media (min-width: 768px) {
  .product-images--mobile-only { display: none !important; }
  .product__stacked-images { display: block; }
}

/* Optional niceties for the stacked layout */
.product__stacked-images--{{ section_id }} {
  width: 100%;
  max-width: 900px; /* tune as desired or remove */
  margin: 0 auto;
}
.product__stacked-image:last-child { 
  margin-bottom: 0; 
}

/***************************************************************************************/
/*PRE CART POP UP*/
.pre-cart { position: fixed; top: 0; right: 0; z-index: 9999; width: min(568px, 92vw); pointer-events: none; }
.pre-cart.hidden { display: none; }
.pre-cart__inner { pointer-events: auto; background: #fff; padding: 32px; display: grid; gap: 24px; animation: pre-cart-in .18s ease-out; }
.pre-cart__header { display:flex; flex-direction: row; gap: 16px; }
.pre-cart__content { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; }
.pre-cart__content--gift.hidden { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.pre-cart__media img { width: 130px; height: 125px; object-fit: cover; }
.pre-cart__maindetails { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; gap: 12px; }
.pre-cart__title { margin-bottom: 5px; }
.pre-cart__tags { color: #5F5F5F }
.pre-cart__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@keyframes pre-cart-in { from { transform: translateY(-6px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.pre-cart-overlay {
  position: fixed;
  inset: 0; /* top:0, right:0, bottom:0, left:0 */
  background: rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(3px); /* glass effect */
  -webkit-backdrop-filter: blur(3px);
  z-index: 9998; /* below popup */
}

.pre-cart-overlay.hidden {
  display: none;
}

@media only screen and (max-width: 590px) {
  .pre-cart {
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
  }
}

/*CART DRAWER*/
.is-in-cart-drawer {
  padding: 0px 10px;
}

.drawer--right.drawer--is-open {
    transform: translate(-100vw);
}

.drawer--right {
    right: -100vw;
    width: 100vw;
}

.drawer {
    max-width: none;
}

.drawer__fixed-header {
    min-height: 95px !important;
}

button.refresh-cart-button {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-decoration: underline;
}

@media only screen and (max-width: 590px) {
  .drawer__scrollable {
    padding: 40px 12px 0px 12px;
  }
  .cart__item .cart__item--image {
    aspect-ratio: 4 / 5 !important;
  }

  .cart__item--details {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    position: relative;
  }
  .cart__item--qty {
    align-self: flex-start !important;
    margin-top: auto;
  }
  .cart__item--price {
    margin-left: 0px;
  }
  .cart__item--remove {
    position: absolute;
    bottom: 0;
  }
  .drawer .js-qty__num {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .drawer .cart__item {
        grid-gap: 40px 12px !important;
        grid-template-columns: 110px 1fr !important;
  }
  .drawer__header {
    padding: 22px 0px;
  }
  .drawer__fixed-header, .drawer__footer {
    padding-left: 12px;
    padding-right: 12px;
  }
  .drawer__fixed-header {
    min-height: 90px !important;
  }
  .drawer__footer:after {
    left: 12px;
    right: 12px;
  }
}

@media only screen and (min-width: 590px) {
    .drawer--right.drawer--is-open {
        transform: translate(-623px);
        transition-duration: .5s;
    }
    .drawer--right {
        right: -623px;
        width: 623px;
    }
    .drawer__fixed-header, .drawer__footer, .drawer__header, .drawer__scrollable {
        padding-left: 32px;
        padding-right: 32px;
    }
    .drawer__fixed-header, .drawer__header {
        min-height: 0px;
    }
}

.drawer__header {
  padding: 32px 0px;
}

.cart__item--details {
    align-items: baseline;
}

.cart__item-row {
    margin-bottom: 8px;
}

.cart__terms {
    justify-content: flex-start;
}

.cart__checkout-wrapper {
    margin-top: 8px;
}

.drawer .cart__item {
    grid-gap: 24px 16px;
    grid-template-columns: 130px 1fr;
}

.drawer .cart__item--details .cart__item--name {
    grid-column: 1 / span 2;
}

button.cart-remove-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F2F2F2;
    cursor: pointer;
}

.cart__item--remove {
    display: flex;
    justify-content: flex-end;
    align-self: flex-end;
}

.cart__item .cart__item--image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.cart__item .image-wrap {
  height: 100% !important;
  padding-bottom: 0% !important;
}

.cart__item--qty {
    align-self: flex-end;
}

/***************************************************************************************/
/* ANNOUNCEMENT BAR */
.announcement {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: 34px;
    max-height: none !important;
}

@media only screen and (max-width: 590px) {
  .announcement {
    /* flex-direction: column; */
    padding: 6px;
  }
}

.announcement__text {
  padding: 0px;
  display: flex;
  font-size: 12px;
}

.announcement__countdown-value {
    font-family: "DS Digital";
    line-height: 100%;
}

@media only screen and (min-width: 590px) {
    .announcement__text {
        padding: 0px;
    }
}

#shopify-section-{{ section.id }} .announcement__icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  margin-inline-end: var(--ann-icon-gap, 8px);
}
#shopify-section-{{ section.id }} .announcement__icon-svg {
  width: var(--ann-icon-size, 16px);
  height: var(--ann-icon-size, 16px);
  display: block;
}
/* Make pasted SVG inherit the announcement text color */
#shopify-section-{{ section.id }} .announcement__icon-svg,
#shopify-section-{{ section.id }} .announcement__icon-svg * {
  fill: currentColor;
}

/***************************************************************************************/
/* PASSWORD PAGE */
.password__footer {
    background: black;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    max-width: none;
}
.site-header--password {
    margin-top: 24px;
}

.site-header--password .page-width {
    padding: 0px 16px !important;
}

/***************************************************************************************/
/* BACK IN STOCK BUTTON */
#klaviyo-bis-button-container {
  margin-bottom: 0px !important;
}

/***************************************************************************************/
/* HOME HERO */
.hero__link {
  margin-top: 20px;
}

/***************************************************************************************/
/* SPLIT SECTION IMAGE + CONTENT */
.split-section_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.split-content_container, .split-image_wrapper {
  flex: 1;
}

.split-content_container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 32px 64px;
  width: 100%;
  max-width: none;
}

.split-content_wrapper {
  max-width: 590px;
}

.split-image_wrapper img {
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1000px) {
  .split-section_wrapper {
    grid-template-columns: 1fr;
  }
  .split-content_wrapper {
    max-width: none;
    padding-bottom: 64px;
  }
  .split-content_container {
    order: 2;
  }
  .split-image_wrapper {
    order: 1;
  }
}

/***************************************************************************************/
/* CENTERED HERO SECTION */

.centered-hero__wrapper {
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.centered-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 590px;
}

.centered-hero__image, .centered-hero__subtitle {
  margin-bottom: 16px;
}

.centered-hero__countdown {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.countdown__value {
    background: white;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "DS Digital";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.countdown__label {
  color: white;
  font-size: 14px;
  font-weight: 400;
}

.countdown__separator {
  align-self: flex-start;
  margin-top: 5px;
}

.countdown__group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

@media only screen and (max-width: 590px) {
  .centered-hero__subtitle {
    font-size: 12px;
  }
}

/***************************************************************************************/
/* PRODUCT SUGGESTIONS SECTION */
.product-suggestions-preview__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.product-suggestions-preview__title {
  max-width: 800px;
}

.dryll-button.product-suggestions-preview__cta {
  margin-top: 0px !important;
}

@media only screen and (max-width: 1000px) {
  .product-suggestions-preview__grid {
    grid-template-columns: 1fr;
  }
}

.product-suggestions-preview__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-suggestions-preview__card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #9E9E9E;
    aspect-ratio: 6 / 5;
    background-size: cover;
    background-position: center;
}

.product-suggestions-preview__cta {
  width: 100%;
}

@media only screen and (max-width: 590px) {
  .product-suggestions-preview__content {
    gap: 8px;
  }
}

.product-single__form {
  flex: 1;
}

/***************************************************************************************/
/* MASONRY BOXES SECTION */
.masonry-boxes__columns { display:grid; grid-template-columns:1fr 1fr; gap: 8px; margin-top: 44px;}
.masonry-boxes__column { display:flex; flex-direction: column; gap: 8px; }
.masonry-boxes__box { background-size:cover; background-position:center; min-height:270px; position:relative; }
.masonry-boxes__content { position:relative; }

.masonry-boxes__box {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 12px;
    color: white;
}

.masonry-boxes__box-text p {
    margin: 0;
}

h5.masonry-boxes__box-title {
    margin-bottom: 8px;
}

.masonry-boxes__box--tall {
    min-height: 340px;
}

.masonry-boxes__nav {
  display: none;

}

@media (max-width: 590px) {
  .masonry-boxes__columns {
    --card-w: 330px;
    --card-h: 370px;
    --gap: 6px;

    display: flex;
    gap: var(--gap);
    overflow-x: auto;
    overflow-y: visible;

    /* IMPORTANT: disable native snap; we’ll snap in JS */
    scroll-snap-type: none;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    touch-action: pan-y;           /* vertical scroll still works */
  }

  .masonry-boxes__column {
    display: flex;
    gap: var(--gap);
    flex-direction: row;
  }

  .masonry-boxes__box {
    flex: 0 0 var(--card-w);
    width: var(--card-w);
    height: var(--card-h);
    /* no snap on items either */
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }

  .masonry-boxes__columns::-webkit-scrollbar { display: none; }
  .masonry-boxes__columns { scrollbar-width: none; }

  .masonry-boxes__nav { display:flex; justify-content:start; gap:12px; margin-top:32px; }
  .masonry-boxes__nav-btn { appearance:none; border:0; cursor:pointer; width:32px; height:32px; background:#F2F2F2; display:flex; align-items:center; justify-content:center; }
}

/***************************************************************************************/
/* FAQ  CUSTOMIZATION*/
.faq-item {
    margin: 24px 0px;
}

.faq-item .collapsible-trigger {
    padding: 16px 20px;
}

/***************************************************************************************/
/* PRODUCT HIGHLIGHT SECTION */
.product-highlights__wrapper {
    display: flex;
    flex-direction: row;
}

.product-highlights__wrapper > * {
  flex-grow: 1;   /* children grow equally */
  flex-basis: 0;  /* ensures equal distribution regardless of content size */
}

.product-highlights__content {
      display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.product-highlights__faqs {
    max-width: 470px;
}

img.product-highlights__img {
    max-height: 100%;
    object-fit: contain;
}

.product-highlights__image--mobile { display: none; }

.product-highlights__image--desktop {
    display: flex;
    align-items: center;
    max-height: 600px;
}

.section-titles__header.is-desktop {
  display: flex;
}

.section-titles__header.is-mobile {
  display: none;
}

/* Below 1000px: stack, show mobile image between header and FAQs */
@media only screen and (max-width: 1000px) {
  .product-highlights__wrapper {
    flex-direction: column;
  }

  .product-highlights__image--desktop {
    display: none;
  }
  .product-highlights__image--mobile { 
    display: flex;
    justify-content: center;
    margin: 48px 0px;
  }

  .product-highlights__img {
    width: 100%;
    height: auto;
    display: block;
  }

  .product-highlights__faqs {
    max-width: none;
  }

  img.product-highlights__img {
    max-height: 500px;
    max-width: 66%;
  }

  .section-titles__header.is-desktop {
  display: none;
  }

  .section-titles__header.is-mobile {
    display: flex;
  }
}

/*FEATURED COLLECTION SECTION CUSTOMIZATION*/
.section-header__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

@media only screen and (max-width: 1000px) {
  .section-header__bottom {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }
}

/* BLOG POST - INGREDIENT */
.ingredient-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 48px;
}