/** Shopify CDN: Minification failed

Line 1749:0 Expected "}" to go with "{"

**/
/* === MARU SITE BACKGROUND (SAFE) === */
html,
body,
#MainContent,
#MainContent .shopify-section,
#MainContent .section,
#MainContent .color-scheme,
#MainContent .section__color-wrapper,
#MainContent .content-box,
#MainContent .content-box__background,
#MainContent .content-box__background-media,
#MainContent .section-split,
#MainContent .section-split__column,
#MainContent > div {
  background-color: #F5F5F5 !important;
}

/* Theme variable */
:root {
  --page-background: 245 245 245 !important;
}

/* Mobile header size reduction */
@media screen and (max-width: 749px) {
  /* Header container padding */
  .shopify-section-header {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  /* Inner header padding/height */
  .header,
  .header__wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
  }
  
  /* Logo container and image */
  .header__heading,
  .header__heading-logo {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .header__heading-logo img,
  .header__heading-link img {
    max-height: 35px !important;
    width: auto !important;
  }
  
  /* Menu icons */
  .header__icon {
    height: 2rem !important;
    width: 2rem !important;
  }
}
/* Small but still functional header */

.header-wrapper,
.header {
  min-height: 48px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.header__heading,
.header__inline-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.header__heading-logo img {
  max-height: 28px !important;
  height: auto !important;
  width: auto !important;
}

.header__menu-item,
.header__inline-menu li a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
}

.header__icon,
.header__icon svg {
  width: 20px !important;
  height: 20px !important;
}

@media screen and (max-width: 749px) {
  .header-wrapper,
  .header {
    min-height: 56px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .header__heading-logo img {
    max-height: 24px !important;
  }
}


/* Reduce inner spacing */
.header__heading,
.header__inline-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Smaller logo */
.header__heading-logo img {
  max-height: 22px !important;  /* was 28px */
  height: auto !important;
  width: auto !important;
}

/* Tighten menu link spacing */
.header__menu-item,
.header__inline-menu li a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;

}

/* Desktop header height */
@media screen and (min-width: 750px) {
  .header-wrapper,
  .header {
    min-height: 60px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

/* Remove almost all inner padding */
.header__heading,
.header__inline-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Shrink logo further */
.header__heading-logo img {
  max-height: 18px !important;  /* very small but still visible */
  height: auto !important;
  width: auto !important;
}

/* Tighten navigation links */
.header__menu-item,
.header__inline-menu li a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;  /* smallest possible without clipping */
  font-size: 13px !important; /* optional: reduce menu font size */
}

/* Shrink icons again */
.header__icon,
.header__icon svg {
  width: 16px !important;
  height: 16px !important;
}

/* Mobile version – minimum safe touch size */
@media screen and (max-width: 749px) {
  .header-wrapper,
  .header {
    min-height: 48px !important; /* DO NOT go lower – required for tap targets */
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .header__heading-logo img {
    max-height: 18px !important;
  }
  /* Make collapsible titles look like real headings */
summary.accordion__summary .text-with-icon span {
  font-family: var(--font-heading-family, serif) !important;
  font-weight: 700 !important;           /* heavier, like a heading */
  font-size: 1.5rem !important;          /* clearly larger than body text */
  letter-spacing: 0.18em !important;     /* spaced out like your main headers */
  line-height: 1.2 !important;
}
/* TEST: force accordion titles to change so we can see it's working */
body .accordion__summary .text-with-icon span,
body .accordion__summary.uppercase .text-with-icon span {
  font-family: var(--font-heading-family, serif) !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #c13c88 !important; /* TEMP: bright color so we can see it */
}
/* Stretch Theme Accordion Title Override */
accordion-row::part(summary),
accordion-group::part(summary),
accordion::part(summary),
.collapsible-rte::part(summary),
details::part(summary) {
  font-family: var(--font-heading-family) !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
/* ======= CUSTOM LUXURY STYLES ======= */

/* More vertical breathing room between major sections */
.section,
.main-content > div {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* Softer body text and warmer near-black color */
body, p, .text-body {
  color: #3a332c !important;
  line-height: 1.6 !important;
}

/* Cleaner headings */
h1, h2, h3, .heading {
  letter-spacing: -0.005em;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}

/* Pill-shaped elegant buttons */
.button, .btn, button, .shopify-payment-button__button {
  border-radius: 999px !important;
  padding: 0.85rem 1.9rem !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em;
  text-transform: none !important;
  transition: all 0.25s ease;
}
.button:hover, .btn:hover, button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Minimal & clean product cards */
.product-card, .card {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.product-card__title, .card__title {
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  margin-top: 12px !important;
}

/* Soft hover underline for nav links */
.header__menu-item a {
  position: relative;
}
.header__menu-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 0;
  background: currentColor;
  transition: width 0.25s ease;
}
.header__menu-item a:hover::after {
  width: 100%;
}

/* ======= CUSTOM LUXURY STYLES ======= */

/* More vertical breathing room between major sections */
.section:not(.shopify-section--image-with-text-overlay),
.main-content > div:not(.shopify-section--image-with-text-overlay) {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Softer body text and warmer near-black color */
body, p, .text-body {
  color: #3a332c !important;
  line-height: 1.6 !important;
}

/* Cleaner headings */
h1, h2, h3, .heading {
  letter-spacing: -0.005em;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}

/* Pill-shaped elegant buttons */
.button, .btn, button, .shopify-payment-button__button {
  border-radius: 999px !important;
  padding: 0.85rem 1.9rem !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em;
  text-transform: none !important;
  transition: all 0.25s ease;
}
.button:hover, .btn:hover, button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Minimal & clean product cards */
.product-card, .card {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.product-card__title, .card__title {
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  margin-top: 12px !important;
}

/* Soft hover underline for nav links */
.header__menu-item a {
  position: relative;
}
.header__menu-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 0;
  background: currentColor;
  transition: width 0.25s ease;
}
.header__menu-item a:hover::after {
  width: 100%;
}

/* Slight rounding of images for editorial softness */
img {
  border-radius: 0 !important;
}

/* ===== EXOTICA – custom styles ===== */

/* Spacing between sections */
main .shopify-section:not(#shopify-section-template--22392049008676__image_with_text_overlay_bjTMjz) {
  padding-top: 40px;
  padding-bottom: 40px;
}


/* Remove bottom padding from slideshow on mobile */
@media screen and (max-width: 749px) {
  main #shopify-section-template--22392049041444__slideshow_rwmxqG {
    padding-bottom: 0 !important;
  }
}


/* No extra padding under header/announcement */
main .shopify-section:first-child {
  padding-top: 0;
}

/* Headings – editorial feel */
h1, h2, h3 {
  letter-spacing: -0.01em;
  line-height: 1.15;
  font-weight: 500;
}

/* Buttons – pill shape, keep theme colors */
.button,
.btn,
button,
.shopify-payment-button__button {
  border-radius: 999px;
  padding: 0.8rem 1.8rem;
  letter-spacing: 0.06em;
  text-transform: none;
  transition: all 0.25s ease;
}

.button:hover,
.btn:hover,
button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Product cards – minimal */
.product-card,
.card {
  border: none;
  box-shadow: none;
}

.product-card__title,
.card__title {
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 12px;
}

/* Nav hover – subtle underline */
.header__menu-item a {
  position: relative;
}

.header__menu-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 0;
  background: currentColor;
  transition: width 0.25s ease;
}

.header__menu-item a:hover::after {
  width: 100%;
}
/* === EXOTICA – make FACE / BODY / ALL horizontal in the SHOP dropdown (desktop only) === */
@media (min-width: 990px) {
  /* The dropdown panel */
  .header__submenu .list-menu {
    display: flex !important;
    flex-direction: row !important;
    gap: 32px;                  /* space between FACE / BODY / ALL – adjust if needed */
  }

  /* Each item inside the dropdown */
  .header__submenu .list-menu__item {
    margin: 0 !important;
    white-space: nowrap;        /* keeps each word on one line */
  }
}
/* EXOTICA – Reduce height of SHOP dropdown */
.header__submenu {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Optional: reduce space ABOVE dropdown */
.header__submenu.open {
  margin-top: -10px !important;
}

/* Optional: tighten spacing between items */
.header__submenu .header__menu-item {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
/* Thin line buttons for trust icons */
.trust-icons .button,
.trust-icons__item .button,
[class*="trust"] .button {
  border-radius: 0 !important;
  padding: 8px 16px !important;
  border-width: 1px !important;
  background: transparent !important;
}
@media screen and (min-width: 1000px) {
  .footer img {
    max-width: 200px !important;
    width: 200px !important;
    height: auto !important;
  }
}
@media screen and (max-width: 749px) {
  .product-facets,
  .product-filters,
  .mobile-facets,
  .mobile-facets__wrapper,
  facet-filters-form {
    display: none !important;
  }
}
/* Ingredient modal background fix */
div[class*="ai-gen-block__bf4eb64"] {
  background-color: #ffffff !important;
  padding: 20px !important;
}
/* White text for footer except buttons */
.footer h2,
.footer h3,
.footer h4,
.footer p,
.footer a:not(.button):not(.btn),
.footer label,
.footer input::placeholder {
  color: white !important;
}

/* Ensure links are visible */
.footer a:not(.button):not(.btn):hover {
  opacity: 0.8;
}

/* Newsletter button text - targets the exact Stretch theme button */
.footer button.button,
.footer .form-row button.button {
  color: #442718 !important;
}
/* For a fully transparent button with border */
.section-split .button {
  background-color: transparent !important;
  border: 2px solid #fdf8f1 !important;
  color: #fdf8f1 !important;
}

/* For hover effect */
.section-split .button:hover {
  background-color: rgba(253, 248, 241, 0.1) !important;
}

/* Mobile button sizing - very specific targeting */
@media screen and (max-width: 749px) {
  .section-split button.button,
  .section-split a.button {
    font-size: 12px !important;
    padding: 8px 16px !important;
    min-height: 36px !important;
    height: auto !important;
  }
  
  .section-split .button__content {
    font-size: 12px !important;
    padding: 0 !important;
  }
}
#shopify-section-template--22392049041444__text_with_media_7Ycdqm .button.button--outline {
  background-color: #442718 !important;
  border-color: #442718 !important;
  color: #ffffff !important;
}

#shopify-section-template--22392049041444__text_with_media_7Ycdqm .button.button--outline:hover {
  background-color: #5a3420 !important;
  border-color: #5a3420 !important;
}
@media screen and (max-width: 749px) {
  .section-split button.button,
  .section-split a.button {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
  }
}
#template--22392049041444__text_with_media_fBKkRh .button {
  margin-top: 20px;
}
@media screen and (max-width: 749px) {
  #shopify-section-template--22392049041444__text_with_media_fBKkRh .prose {
    padding-top: 80px;
  }
   /* Rhode-style accordion for values section - force override */
.links-with-image .section-split__column a.big-link {
  display: block !important;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the h4 heading by default */
.links-with-image .section-split__column a.big-link .w-stack h4 {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
}

/* Hide the paragraph by default */
.links-with-image .section-split__column a.big-link .w-stack p {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.4s ease !important;
}

/* Show h4 heading on hover */
.links-with-image .section-split__column a.big-link:hover .w-stack h4 {
  max-height: 200px !important;
  opacity: 1 !important;
  margin-bottom: 0.5rem !important;
}

/* Show paragraph on hover */
.links-with-image .section-split__column a.big-link:hover .w-stack p {
  max-height: 500px !important;
  opacity: 1 !important;
  margin-top: 0.5rem !important;
}

/* Mobile menu drawer - make all headings consistent size and alignment */
@media screen and (max-width: 749px) {
  .menu-drawer__panel-body .h4,
  .menu-drawer__panel-body button.h4,
  .menu-drawer__panel-body .subheading {
    font-size: 1rem !important;
    text-align: left !important;
  }
  
  .menu-drawer__panel-body button.h4 {
    justify-content: flex-start !important;
  }
  
  .menu-drawer__panel-body .h-stack {
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 749px) {
  /* Remove all possible padding sources */
  .header__account-link,
  .header__account-link * {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  
  /* Target parent containers */
  nav[role="navigation"],
  .header__inline-menu,
  ul.list-unstyled {
    padding-bottom: 0 !important;
  }
}
#shopify-block-template--22392049172516__1767263598de0c7644__ai_gen_block_2afd88d_jy4DRi {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#shopify-block-template--22392049172516__1767263598de0c7644__ai_gen_block_2afd88d_jy4DRi img,
#shopify-block-template--22392049172516__1767263598de0c7644__ai_gen_block_2afd88d_jy4DRi picture {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
@media screen and (max-width: 749px) {
  #ai_gen_block_2afd88d_jy4DRi,
  #ai_gen_block_2afd88d_jy4DRi img,
  #ai_gen_block_2afd88d_jy4DRi .image-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}
#shopify-section-template--22392049172516__links_with_image_wGH4E9 .content-box,
#shopify-section-template--22392049172516__links_with_image_wGH4E9 .content-box *,
#shopify-section-template--22392049172516__links_with_image_wGH4E9 .content-box__background-media,
#shopify-section-template--22392049172516__links_with_image_wGH4E9 .links-with-image,
#shopify-section-template--22392049172516__links_with_image_wGH4E9 .links-with-image * {
  border-radius: 0 !important;
}
#shopify-section-template--22392049172516__rich_text_PpYm8Y {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media (max-width: 749px) {
  #shopify-section-template--22392049172516__links_with_image_wGH4E9 links-with-image-carousel {
    margin-top: 24px !important;
  }
}

@media screen and (max-width: 749px) {
  #shopify-section-template--22392049008676__image_with_text_overlay_bjTMjz {
    --border-radius: 0 !important;
    --rounded: 0 !important;
  }
}
  
  #shopify-section-template--22392049008676__image_with_text_overlay_bjTMjz,
  #shopify-section-template--22392049008676__image_with_text_overlay_bjTMjz > *,
  #shopify-section-template--22392049008676__image_with_text_overlay_bjTMjz * {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}
@media screen and (max-width: 749px) {
  #shopify-section-template--22392049008676__image_with_text_overlay_bjTMjz .content-box,
  #shopify-section-template--22392049008676__image_with_text_overlay_bjTMjz .content-box__background-media {
    border-radius: 0 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

/* =========================================
   MOBILE PRODUCT CARD TYPOGRAPHY REFINEMENT
   ========================================= */

@media screen and (max-width: 749px) {

  /* Make product titles bold */
  .product-list a[href*="/products/"],
  .collection a[href*="/products/"] {
    font-weight: 600 !important;  /* bold but not heavy */
    letter-spacing: 0.04em !important;
  }

  
/* =========================================
   MOBILE PRODUCT TITLES — BOLD + LETTER SPACING
   ========================================= */

@media screen and (max-width: 749px) {

  .product-list a[href*="/products/"] {
    font-weight: 700 !important;      /* bold */
    letter-spacing: 0.08em !important; /* spacing between letters */
  }

}
/* Mobile: make collection prices smaller (Stretch) */
@media screen and (max-width: 749px) {
  product-card price-list sale-price,
  product-card price-list compare-at-price,
  product-card price-list unit-price,
  product-card price-list .text-sm {
    font-size: 0.65rem !important; /* smaller */
    line-height: 1.2 !important;
  }


/* =========================================
   MOBILE PRODUCT IMAGE UNIFORM SIZE
   ========================================= */

}
@media screen and (max-width: 749px) {

  product-card {
    padding-bottom: 40px !important;
  }

  product-card:nth-child(odd) {
    padding-right: 12px !important;
  }

  product-card:nth-child(even) {
    padding-left: 12px !important;
  }

}
/* =========================================
   MOBILE COLLECTION SPACING (CLEAN FIX)
   ========================================= */

@media screen and (max-width: 749px) {

  product-list.product-list product-card {
    margin-bottom: 48px !important; /* vertical spacing */
  }

/* =========================================
   MOBILE: even spacing left/right + vertical spacing
   ========================================= */
@media screen and (max-width: 749px) {

  /* Give every card equal side padding */
  product-list.product-list product-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 36px !important; /* vertical spacing */
    box-sizing: border-box !important;
  }

  /* Pull the grid back so outer edges stay aligned */
  product-list.product-list {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
}
/* =========================================
   MOBILE COLLECTION: outer padding + inner gutters
   Left slightly smaller, right slightly larger
   + keeps spacing between products
   ========================================= */
@media screen and (max-width: 749px) {

  /* OUTER padding (frame): right a bit bigger than left */
  product-list.product-list {
    padding-left: 24px !important;
    padding-right: 12px !important;
  }

  /* INNER gutters (space between columns) */
  product-list.product-list product-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    margin-bottom: 40px !important; /* vertical spacing between rows */
  }

  /* Cancel inner padding on the outer edges so the grid stays aligned */
  product-list.product-list {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
}
/* =========================================
   MOBILE: Bigger collection images (Rhode-style feel) — keep 2 per row
   ========================================= */
@media screen and (max-width: 749px) {

  /* Tighter outer frame (more usable width) */
  product-list.product-list{
    padding-left: 10px !important;
    padding-right: 14px !important; /* slightly more right like you prefer */
  }

  /* Tighten the space between columns/rows (more image, less gutter) */
  product-list.product-list product-card{
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 28px !important; /* vertical spacing */
    box-sizing: border-box !important;
  }

  /* Pull back the inner padding so outer edges stay aligned */
  product-list.product-list{
    margin-left: -6px !important;
    margin-right: -6px !important;
  }





/* ==================================================
   MOBILE COLLECTION FINAL (Stretch)
   - Bigger images (Rhode feel)
   - Clean gutters + row spacing
   - Force FIRST image only
   - Title bold + letter spacing
   - Price smaller
   ================================================== */
@media screen and (max-width: 749px) {

  /* Frame padding (tweak to taste) */
  product-list.product-list{
    padding-left: 10px !important;
    padding-right: 16px !important; /* slightly more right */
  }

  /* Row spacing */
  product-list.product-list product-card{
    margin-bottom: 32px !important;
  }

  /* Column gutter (space between products) */
  product-card .product-card__figure{
    margin-left: 6px !important;
    margin-right: 6px !important;
    overflow: hidden !important;
    aspect-ratio: 3 / 4 !important; /* big/tall like Rhode */
  }



  /* Force only the first image on mobile */
  product-card .product-card__figure img + img,
  product-card .product-card__figure picture + picture{
    display: none !important;
  }

  /* Title */
  product-card a[href*="/products/"]{
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    font-size: 0.75rem !important;
    line-height: 1.25 !important;
  }

  /* Price (Stretch uses <price-list> and .text-sm) */
  product-card price-list sale-price,
  product-card price-list compare-at-price,
  product-card price-list unit-price,
  product-card price-list .text-sm{
    font-size: 0.62rem !important; /* smaller */
    line-height: 1.2 !important;
  }
}
@media screen and (max-width: 749px) {
  /* Set the HEIGHT on the wrapper that controls the absolutely-positioned video */
  #shopify-section-template--22392049008676__blocks_fzAHRG [class^="ai-video-wrapper-"] {
height: 60vh !important;
min-height: 320px !important;
max-height: 520px !important;
    position: relative !important; /* ensures absolute video is contained */
    overflow: hidden !important;
  }


/* If this section ever uses iframe instead of video */
#shopify-section-template--22392049008676__blocks_fzAHRG iframe {
  width: 100% !important;
  height: 100% !important;
}

/* MOBILE ONLY – Force newsletter popup button size */
@media screen and (max-width: 749px) {
  newsletter-popup.modal--newsletter form button.button[type="submit"] {
    font-size: 12px !important;
    padding: 9px 12px !important;
    min-height: 60px !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 749px) {
  newsletter-popup.modal--newsletter form button.button[type="submit"] {
    padding: 6px 12px !important;
    min-height: 34px !important;
    line-height: 1 !important;
  }
}

/* Footer big logo reveal */
.footer-logo-reveal {
  overflow: hidden;
}

.footer-logo-reveal .footer__big-logo {
  transform: translateY(28px);
  opacity: 0;
  transition: transform 900ms cubic-bezier(.2,.8,.2,1), opacity 700ms ease;
  will-change: transform, opacity;
}

.footer-logo-reveal.is-visible .footer__big-logo {
  transform: translateY(0);
  opacity: 1;
}

/* Optional: slightly smoother on huge logos */
.footer-logo-reveal .footer__big-logo img {
  transform: translateZ(0);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .footer-logo-reveal .footer__big-logo {
    transition: none;
    transform: none;
    opacity: 1;
  }
  
}/* === MARQUEE ANNOUNCEMENT (Stretch + common Shopify themes) === */

/* 1) Make the announcement bar act like a viewport */
.announcement-bar,
.announcement-bar__wrapper,
.announcement-bar__content,
.header__announcement,
#shopify-section-announcement-bar {
  overflow: hidden;
}

/* 2) Target common announcement text nodes across themes */
.announcement-bar__message,
.announcement-bar__text,
.announcement-bar__announcement,
.announcement-bar p,
.announcement-bar a {
  display: inline-block !important;
  white-space: nowrap !important;
  will-change: transform;
  padding-left: 100%;
  animation: announcement-marquee 22s linear infinite;
}

/* 3) Animation */
@keyframes announcement-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* 4) Pause on hover */
.announcement-bar:hover .announcement-bar__message,
.announcement-bar:hover .announcement-bar__text,
.announcement-bar:hover .announcement-bar__announcement,
.announcement-bar:hover p,
.announcement-bar:hover a {
  animation-play-state: paused;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .announcement-bar__message,
  .announcement-bar__text,
  .announcement-bar__announcement,
  .announcement-bar p,
  .announcement-bar a {
    animation: none !important;
    padding-left: 0 !important;
    transform: none !important;
  }

}

/* ===== Force marquee on Stretch announcement-bar (desktop) ===== */
@media (min-width: 750px) {
  /* viewport */
  announcement-bar.announcement-bar {
    overflow: hidden !important;
  }

  /* the track of messages */
  announcement-bar.announcement-bar .announcement-bar__message-list {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    white-space: nowrap !important;

    /* override any slider transforms */
    transform: translate3d(0,0,0) !important;

    /* animate */
    animation: maruMarquee 18s linear infinite !important;
  }

  /* each message */
  announcement-bar.announcement-bar .announcement-bar__message-list > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding-right: 64px !important;
  }

  @keyframes maruMarquee {
    0%   { transform: translate3d(0,0,0); }
    100% { transform: translate3d(-100%,0,0); }
  }
}
/* Shopify Forms (Shopify Forms Embed) - Pill Submit Button */

/* 1) Set radius via CSS variables on the host element (Shadow DOM-safe) */
shopify-forms-embed {
  --button-border-radius: 999px;
  --forms-button-border-radius: 999px;
  --border-radius-button: 999px;
}

/* 2) If parts are exposed, this will also force it */
shopify-forms-embed::part(button),
shopify-forms-embed::part(submit-button),
shopify-forms-embed::part(form-submit-button) {
  border-radius: 999px !important;
}

/* Shopify Forms embed — force pill button via inherited CSS variables */
shopify-forms-embed,
shopify-forms-embed * ,
#app-embed,
div[data-form-root="true"]{
  --button-border-radius: 999px !important;
  --forms-button-border-radius: 999px !important;
  --border-radius: 999px !important;
  --radius: 999px !important;
}

/* Extra safety if the button is reachable (sometimes it is) */
button[class*="formSubmitButton"]{
  border-radius: 999px !important;
}

/* Shopify Forms Waitlist — Desktop pill button fix */
@media screen and (min-width: 750px) {
  body shopify-forms-embed button[data-testid="btn-form-submit"] {
    border-radius: 999px !important;
    overflow: hidden !important;
  }
}@media screen and (min-width: 750px) {
  body shopify-forms-embed input[type="submit"][data-testid="btn-form-submit"] {
    border-radius: 999px !important;
    overflow: hidden !important;
  }
}@media screen and (min-width: 750px) {
  body shopify-forms-embed input[type="submit"][data-testid="btn-form-submit"] {
    border-radius: 999px !important;
    overflow: hidden !important;
  }

}
@media screen and (max-width: 768px) {
  .footer *,
  .footer__content *,
  .footer__logo-wrapper * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
}
@media screen and (min-width: 1000px) {
  .before-after-desktop-small {
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


/* REMOVE spacing only for ORGANIC BEAUTY section */
#shopify-section-template--22392049041444__image_with_text_overlay_GMeabh.section,
#shopify-section-template--22392049041444__image_with_text_overlay_GMeabh {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}.split-before-after-section {
  width: 100%;
}

.split-before-after__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 560px;
}

.split-before-after__content-side,
.split-before-after__slider-side {
  position: relative;
  min-height: 560px;
}

.split-before-after__content-side {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.split-before-after__bg-media,
.split-before-after__bg-image,
.before-after,
.before-after__media,
.before-after__image,
.before-after__before-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.split-before-after__bg-image,
.before-after__image {
  object-fit: cover;
}

.split-before-after__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  z-index: 1;
}

.split-before-after__content {
  position: relative;
  z-index: 2;
  max-width: 560px;
  padding: 48px;
  color: #fff;
  text-align: left;
}

.split-before-after__eyebrow {
  margin: 0 0 12px;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.split-before-after__heading {
  margin: 0 0 16px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.1;
}

.split-before-after__text {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.6;
}

.split-before-after__text p:last-child {
  margin-bottom: 0;
}

.split-before-after__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 24px;
  text-decoration: none;
  background: #ffffff;
  color: #111111;
  border-radius: 999px;
  transition: opacity 0.2s ease;
}

.split-before-after__button:hover {
  opacity: 0.85;
}

.split-before-after__slider-side {
  overflow: hidden;
}

.before-after {
  position: relative;
  width: 100%;
  height: 100%;
}

.before-after__media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.before-after__before-wrap {
  overflow: hidden;
  z-index: 2;
}

.before-after__image--after {
  z-index: 1;
}

.before-after__image--before {
  z-index: 2;
}

.before-after__divider {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 4;
  pointer-events: none;
}

.before-after__divider::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 2px;
  background: #ffffff;
}

.before-after__handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 54px;
  height: 54px;
  transform: translate(-50%, -50%);
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.before-after__handle span {
  position: relative;
  width: 18px;
  height: 18px;
}

.before-after__handle span::before,
.before-after__handle span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #111;
  border-right: 2px solid #111;
  transform: translateY(-50%) rotate(45deg);
}

.before-after__handle span::before {
  left: -2px;
  transform: translateY(-50%) rotate(225deg);
}

.before-after__handle span::after {
  right: -2px;
}

.before-after__range {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
}

.before-after__labels {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 6;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  pointer-events: none;
}

.before-after__label {
  padding: 8px 12px;
  background: rgba(17, 17, 17, 0.55);
  color: #fff;
  font-size: 13px;
  line-height: 1;
  border-radius: 999px;
}

@media screen and (max-width: 989px) {
  .split-before-after__grid {
    grid-template-columns: 1fr;
  }

  .split-before-after__content-side,
  .split-before-after__slider-side {
    min-height: 420px;
  }

  .split-before-after__content {
    padding: 32px 24px;
  }
}
.split-before-after__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
}


  }
@media screen and (max-width: 767px) {
  .shopify-section--links-with-image .links-image-mobile-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }

  .shopify-section--links-with-image .links-image-mobile-nav__marker,
  .shopify-section--links-with-image .links-image-mobile-nav__marker.scroll-marker,
  .shopify-section--links-with-image .links-image-mobile-nav__marker[aria-current],
  .shopify-section--links-with-image .links-image-mobile-nav__marker[aria-current="true"] {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 56px;
    min-width: 56px;
    height: 14px;
    padding: 0;
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2f2023;
    opacity: 1;
    overflow: visible;
  }

  .shopify-section--links-with-image .links-image-mobile-nav__marker::before,
  .shopify-section--links-with-image .links-image-mobile-nav__marker::after {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .shopify-section--links-with-image .links-image-mobile-nav__marker::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 56px;
    height: 1px;
    background: #b7afaf;
    transform: translateY(-50%);
  }

  .shopify-section--links-with-image .links-image-mobile-nav__marker[aria-current="true"]::before {
    width: 100%;
    background: #2f2023;
  }

  .shopify-section--links-with-image .links-image-mobile-nav__marker[aria-current="true"]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #2f2023;
    border-right: 1px solid #2f2023;
    transform: translateY(-50%) rotate(45deg);
  }
}

@media screen and (min-width: 750px) {
  .about-us .shopify-section,
  body.template-page .shopify-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 749px) {
  .ai-split-content-aigenblock2afd88d {
    margin-top: 10px !important;
    padding-top: 10px !important;
    padding-right: 15px !important;
    padding-bottom: 30px !important;
    padding-left: 15px !important;
  }
}

@media screen and (min-width: 750px) {
  .about-us .shopify-section,
  body.template-page .shopify-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}@media screen and (max-width: 749px) {
  .ai-split-content-aigenblock2afd88d {
    margin-top: 10px !important;
    padding-top: 10px !important;
    padding-right: 15px !important;
    padding-bottom: 30px !important;
    padding-left: 15px !important;
  }
.maru-media-triptych {
  padding: 40px 20px;
}

.maru-media-triptych__inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.maru-media-triptych__item {
  position: relative;
  min-width: 0;
}

.maru-media-triptych__media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #f3f1ee;
}


.maru-media-triptych__placeholder {
  width: 100%;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f1ee;
  color: #222;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 749px) {
  .maru-media-triptych {
    padding: 24px 16px;
  }

  .maru-media-triptych__inner {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
 }

/* ============================= */
/* CLEAN VARIANT STYLING (FIXED) */
/* ============================= */

/* Remove ALL outer pill containers */
.product-info__block-item[data-block-type="variant-picker"],
.variant-picker,
.variant-picker__option {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Kill pseudo elements */
.product-info__block-item[data-block-type="variant-picker"]::before,
.product-info__block-item[data-block-type="variant-picker"]::after,
.variant-picker::before,
.variant-picker::after {
  display: none !important;
  content: none !important;
}

/* Style ONLY the buttons */
.product-form__input label {
  background: transparent !important;
  border: 1px solid #321e1e;
  border-radius: 6px; /* 🔥 NOT 999px */
  padding: 6px 14px;
}

/* Selected state */
.product-form__input input:checked + label {
  background: transparent !important;
  border: 1.5px solid #321e1e;
}

/* Hover */
.product-form__input label:hover {
  opacity: 0.7;
}
}/* MOBILE ONLY - thin carousel lines + side arrows */
@media screen and (max-width: 749px) {
  [class*="ai-video-carousel__controls-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  [class*="ai-video-carousel__dots-"] {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  [class*="ai-video-carousel__dot-"] {
    width: 16px !important;
    height: 2px !important;
    min-width: 16px !important;
    min-height: 2px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    opacity: 0.35 !important;
  }

  [class*="ai-video-carousel__dot-"].active {
    width: 22px !important;
    opacity: 1 !important;
  }

  [class*="ai-video-carousel__nav-button-"] {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    border-width: 1px !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  [class*="ai-video-carousel__nav-icon-"] {
    width: 12px !important;
    height: 12px !important;
  }

  .product-gallery__media picture,
  .product-gallery__media .media,
  .product-gallery__media > a,
  .product-gallery__media > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .product-gallery__media img,
  .product-gallery__media picture img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;          /* keeps it big */
    object-position: 28% center !important; /* fixes weird crop */
    display: block !important;
  }
  
}@media screen and (max-width: 749px) {
  .product-gallery__media img {
    object-fit: cover !important;
    object-position: 25% center !important;
  }
}@media screen and (max-width: 749px) {
  .product-gallery__media {
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-bottom: 120% !important; /* this is the size you liked */
    overflow: hidden !important;
  }

  .product-gallery__media > *,
  .product-gallery__media picture,
  .product-gallery__media .media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .product-gallery__media img,
  .product-gallery__media picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: 25% center !important;
    display: block !important;
  }
@media screen and (max-width: 749px) {
  .shopify-section--related-products .section-spacing {
    padding-top: 36px !important;
  }

  .shopify-section--related-products .section-stack {
    gap: 8px !important;
  }
}
@media (max-width: 749px) {
  [data-section-id="template--22392049827876__related-products"] .section-header {
    padding-bottom: 20px; /* Adjust value as needed */
  }
}
@media screen and (min-width: 700px) {
  .shopify-section--blog-post-banner .section-split {
    min-height: calc(100vh - 180px);
    align-items: stretch;
  }

  .shopify-section--blog-post-banner .section-split__column--image {
    display: flex;
    align-items: stretch;
  }

  .shopify-section--blog-post-banner .section-split__column--image img {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 180px);
    object-fit: cover;
    display: block;
  }

  .shopify-section--blog-post-banner .content-box {
    display: flex;
    align-items: center;
  }
}

/* Keep header/announcement untouched */
.shopify-section--header,
.shopify-section-group-header-group,
announcement-bar,
.announcement-bar,
header,
.header,
.header-wrapper {
  background-color: transparent !important;
}

/* Force image to fill entire section */
.shopify-section--image-with-text-overlay,
.shopify-section--image-with-text-overlay .content-box__background-media,
.shopify-section--image-with-text-overlay img,
.shopify-section--image-with-text-overlay video {
  height: 100%;
}

.shopify-section--image-with-text-overlay img,
.shopify-section--image-with-text-overlay video {
  object-fit: cover;
}

/* Mobile only: make image-overlay section button taller */
@media screen and (max-width: 749px) {
  .shopify-section--image-with-text-overlay .button,
  .shopify-section--image-with-text-overlay .btn {
    min-height: 64px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
#shopify-section-template--22392049041444__image_with_text_overlay_GMeabh {
  padding-bottom: 0 !important;
}
#shopify-section-template--22392049041444__image_with_text_overlay_GMeabh,
#shopify-section-template--22392049041444__image_with_text_overlay_GMeabh > * {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 749px) {
  .shopify-section--image-with-text-overlay .button {
    transform: translateY(-60px);
  }
}

@media screen and (min-width: 750px) {
  #shopify-section-template--22392049041444__image_with_text_overlay_GMeabh {
    padding-bottom: 0 !important;
  }