/** Shopify CDN: Minification failed

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

**/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

/* Prevent horizontal scrollbars from absolute edge illustrations */
html, body {
  overflow-x: hidden !important;
}

:root {
  /* Override default theme fonts with custom loaded fonts */
  --font-heading--family: 'Anton', sans-serif !important;
  --font-body--family: 'Josefin Sans', sans-serif !important;
  --font-subheading--family: 'Josefin Sans', sans-serif !important;
  --font-accent--family: 'Josefin Sans', sans-serif !important;
}

/* Remove placeholder hero background SVG when no image is selected */
.hero:not(:has(img)) .hero__media,
.hero:not(:has(img)) .hero__media-wrapper,
.hero:not(:has(img)) svg.hero__media {
  display: none !important;
}

/* Ensure the hero section background color fills the area correctly */
.hero {
  background-color: var(--color-background) !important;
}

/* Header customization */
#header-component {
  border-bottom: 1px solid #2D1613 !important;
}

.header-logo {
  font-family: var(--font-body--family) !important;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  letter-spacing: -0.02em !important;
  color: var(--color-foreground) !important;
  text-transform: none !important;
}

.header-menu a,
.header-menu__link {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  color: var(--color-foreground) !important;
}

/* Header action GET EARLY ACCESS button styling */
.header-get-early-access {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: var(--color-foreground) !important;
  color: var(--color-background) !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
  border: none !important;
  white-space: nowrap !important;
  cursor: pointer;
}

.header-get-early-access:hover {
  opacity: 0.9 !important;
  transform: scale(1.02);
}


/* Announcement Bar text style */
.announcement-bar__text {
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
}

/* Hero text block style adjustments */
.hero .text-block h1 {
  font-size: clamp(3rem, 8vw, 6.5rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.05em !important;
  margin-block: 0.12em !important;
  font-family: 'Anton', sans-serif !important;
  text-transform: uppercase !important;
  color: var(--color-foreground) !important;
}

.hero .text-block h2 {
  font-size: clamp(0.75rem, 2vw, 0.85rem) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin-block: 0.4em !important;
  font-family: var(--font-body--family) !important;
  font-weight: 600 !important;
  color: var(--color-foreground) !important;
  opacity: 0.9;
  margin-inline: 0 !important;
}

.hero .text-block p {
  font-size: clamp(1rem, 2.5vw, 1.15rem) !important;
  line-height: 1.4 !important;
  margin-block: 0.5em !important;
  max-width: 28rem !important;
  margin-inline: 0 !important;
  font-family: var(--font-body--family) !important;
  color: var(--color-foreground) !important;
  opacity: 0.85;
}

/* Split layout for Desktop Hero Section */
@media screen and (min-width: 750px) {
  .hero:not(.hero--layout-centered_deco) .hero__container,
  .hero--layout-split .hero__container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    background-color: var(--color-background) !important;
    padding-inline: 8% !important;
    min-height: 650px !important;
    position: relative !important;
    gap: 40px !important;
  }

  .hero:not(.hero--layout-centered_deco) .hero__content-wrapper,
  .hero--layout-split .hero__content-wrapper {
    grid-column: 1 !important;
    grid-row: 1 !important;
    text-align: left !important;
    align-items: flex-start !important;
    position: relative !important;
    z-index: 2 !important;
    max-width: 600px !important;
    margin-inline-start: 0 !important;
  }

  .hero:not(.hero--layout-centered_deco) .hero__media-grid,
  .hero--layout-split .hero__media-grid {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 550px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
  }

  /* Force left-alignment for text elements inside hero */
  .hero:not(.hero--layout-centered_deco) .text-block,
  .hero--layout-split .text-block {
    --horizontal-alignment: flex-start !important;
    --text-align: left !important;
    --text-align-default: left !important;
    align-items: flex-start !important;
  }
  .hero:not(.hero--layout-centered_deco) .text-block *,
  .hero--layout-split .text-block * {
    text-align: left !important;
  }
}

/* Stacked layout for Mobile Hero Section */
@media screen and (max-width: 749px) {
  .hero:not(.hero--layout-centered_deco) .hero__container,
  .hero--layout-split .hero__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-inline: 20px !important;
    background-color: var(--color-background) !important;
    gap: 20px !important;
  }

  .hero:not(.hero--layout-centered_deco) .hero__content-wrapper,
  .hero--layout-split .hero__content-wrapper {
    order: 1 !important;
    text-align: center !important;
    align-items: center !important;
  }

  .hero:not(.hero--layout-centered_deco) .hero__media-grid,
  .hero--layout-split .hero__media-grid {
    order: 2 !important;
    width: 100% !important;
    min-height: 300px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .hero:not(.hero--layout-centered_deco) .text-block p,
  .hero--layout-split .text-block p {
    margin-inline: auto !important;
  }
}

/* Render the transparent can image inside the media grid ONLY when there is no user-uploaded image */
.hero:not(.hero--layout-centered_deco) .hero__media-grid:not(:has(img))::after,
.hero--layout-split .hero__media-grid:not(:has(img))::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 550px !important;
  background-image: url('livvup_dark_chocolate_can.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

@media screen and (max-width: 749px) {
  .hero:not(.hero--layout-centered_deco) .hero__media-grid:not(:has(img))::after,
  .hero--layout-split .hero__media-grid:not(:has(img))::after {
    height: 300px !important;
  }
}

.hero:not(.hero--layout-centered_deco) .hero__media-grid:has(img)::after,
.hero--layout-split .hero__media-grid:has(img)::after {
  display: none !important;
}

/* Style the user's uploaded image to fit contain and scale correctly */
.hero:not(.hero--layout-centered_deco) .hero__media-grid :is(.hero__media, picture, img),
.hero--layout-split .hero__media-grid :is(.hero__media, picture, img) {
  object-fit: contain !important;
  width: 100% !important;
  height: 550px !important;
  max-height: 550px !important;
  position: relative !important;
  display: block !important;
  z-index: 2 !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  margin: auto !important;
}

@media screen and (max-width: 749px) {
  .hero:not(.hero--layout-centered_deco) .hero__media-grid :is(.hero__media, picture, img),
  .hero--layout-split .hero__media-grid :is(.hero__media, picture, img) {
    height: 300px !important;
    max-height: 300px !important;
  }
}

/* Footer partition line - Soft Gradient Fade */
footer {
  position: relative !important;
  border-top: none !important;
}

footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 15% !important;
  right: 15% !important;
  height: 1px !important;
  background: linear-gradient(
    to right,
    rgba(215, 199, 163, 0) 0%,
    rgba(215, 199, 163, 0.12) 50%,
    rgba(215, 199, 163, 0) 100%
  ) !important;
  pointer-events: none !important;
}

/* Signup Form overrides - Premium Pill Design */
.email-signup-block {
  max-width: 480px;
  margin-inline: auto;
  padding-block: 1.5rem;
}

.email-signup__form {
  width: 100%;
}

.email-signup__input-group {
  display: flex !important;
  align-items: center !important;
  border: 1px solid rgba(215, 199, 163, 0.25) !important; /* Sand color with opacity */
  border-radius: 50px !important;
  background-color: rgba(0, 0, 0, 0.15) !important; /* Subtle dark background inside input */
  padding: 6px 6px 6px 20px !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
  border-bottom: none !important;
  margin-block-end: 0 !important;
}

.email-signup__input-group:focus-within {
  border-color: #D7C7A3 !important; /* Solid Sand on focus */
  box-shadow: 0 0 0 1px #D7C7A3 !important;
}

.email-signup__input {
  border: none !important;
  background: transparent !important;
  color: #D7C7A3 !important; /* Sand text */
  font-family: var(--font-body--family) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  padding: 10px 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.email-signup__input::placeholder {
  color: rgba(215, 199, 163, 0.5) !important; /* Subtle Sand placeholder */
  opacity: 1 !important;
}

.email-signup__button {
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: transform 0.2s, opacity 0.2s !important;
  margin: 0 !important;
}

.email-signup__button:hover {
  transform: scale(1.08) !important;
  opacity: 0.95 !important;
}

.email-signup__button-icon {
  width: 20px !important;
  height: 20px !important;
  fill: #D7C7A3 !important; /* Sand color arrow */
}


/* Flavour Sections Layout Overrides */
.flavour-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-block: 15px;
}

.flavour-badges .badge {
  border: 1px solid currentColor;
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.9;
}

.flavour-buy-group {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 20px;
}

.flavour-pricing {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.flavour-pricing .price-was {
  font-family: 'Anton', sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  text-decoration: line-through;
  opacity: 0.5;
  margin-bottom: 2px;
}

.flavour-pricing .price-val {
  font-family: 'Anton', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.flavour-pricing .price-sub {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  opacity: 0.8;
  margin-top: 4px;
}

.flavour-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: var(--color-foreground) !important;
  color: var(--color-background) !important;
  border-radius: 50px !important;
  padding: 12px 30px !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: transform 0.2s, opacity 0.2s;
  cursor: pointer;
}

.flavour-button:hover {
  opacity: 0.9 !important;
  transform: scale(1.02);
}

/* Contain fit for media with content section images to prevent cropping */
.media-with-content :is(.media, img, picture) {
  object-fit: contain !important;
}

/* Letter spacing override for flavour headings */
.media-with-content h1,
.media-with-content .text-block h1 {
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
}

/* Why Fermented Section Grid & Typography */
.why-fermented-section {
  padding-block: 60px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--color-foreground);
}

.why-fermented-header {
  max-width: 800px;
  margin-bottom: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: var(--page-margin);
}

.why-fermented-header .accent-text {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 12px;
  opacity: 0.85;
}

.why-fermented-header .section-title {
  font-family: 'Anton', sans-serif !important;
  font-size: clamp(2rem, 5vw, 4rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin-block: 10px !important;
  color: var(--color-foreground) !important;
}

.why-fermented-header .section-desc {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  max-width: 600px;
  margin-top: 10px;
  opacity: 0.85;
}

.why-fermented-grid {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1100px;
  border-top: 1px solid rgba(45, 22, 19, 0.15);
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .why-fermented-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.why-fermented-grid .grid-col {
  padding: 40px 35px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .why-fermented-grid .grid-col:not(:last-child) {
    border-right: 1px solid rgba(45, 22, 19, 0.15);
  }
}

@media screen and (max-width: 767px) {
  .why-fermented-grid .grid-col:not(:last-child) {
    border-bottom: 1px solid rgba(45, 22, 19, 0.15);
  }
}

.why-fermented-grid .col-num {
  font-family: 'Anton', sans-serif;
  font-size: 3.2rem;
  line-height: 1;
  margin-bottom: 12px;
  opacity: 0.25;
  color: var(--color-foreground);
}

.why-fermented-grid .col-title {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 8px !important;
  color: var(--color-foreground);
}

.why-fermented-grid .col-desc {
  font-size: 0.95rem;
  line-height: 1.55;
  opacity: 0.8;
  margin: 0;
}

/* Back of the Bottle Section & Nutrition Card */
.back-of-bottle-section {
  padding-block: 60px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--color-foreground);
}

.back-of-bottle-header {
  margin-bottom: 40px;
  padding-inline: var(--page-margin);
}

.back-of-bottle-header .accent-text {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 12px;
  opacity: 0.85;
}

.back-of-bottle-header .section-title {
  font-family: 'Anton', sans-serif !important;
  font-size: clamp(2rem, 5vw, 4rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  color: var(--color-foreground) !important;
}

.nutrition-card {
  background-color: #D7C7A3;
  color: #2D1613;
  width: 90%;
  max-width: 420px;
  border: 2px solid #2D1613;
  border-radius: 12px;
  padding: 30px 25px;
  text-align: left;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  margin-inline: auto;
}

.nutrition-card .card-title {
  font-family: 'Anton', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 6px 0 !important;
  color: #2D1613 !important;
  letter-spacing: 0.03em;
}

.nutrition-card .card-subtitle {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  opacity: 0.9;
  margin-bottom: 12px;
}

.nutrition-card .thick-divider {
  height: 6px;
  background-color: #2D1613;
  margin-block: 10px;
}

.nutrition-table {
  display: flex;
  flex-direction: column;
  margin-block: 15px;
}

.nutrition-table .table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 10px;
  border-bottom: 1px solid rgba(45, 22, 19, 0.25);
  font-size: 1.05rem;
}

.nutrition-table .table-row:last-child {
  border-bottom: none;
}

.nutrition-table .row-label {
  font-weight: 600;
}

.nutrition-table .row-value {
  font-weight: 700;
}

.nutrition-card .card-footer {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  margin-top: 12px;
  opacity: 0.9;
}

/* FAQ Section & Accordion Details */
.faq-section {
  padding-block: 60px 40px;
  max-width: 900px;
  margin-inline: 0 auto;
  padding-inline: var(--page-margin);
  color: var(--color-foreground);
  text-align: left;
}

.faq-header {
  margin-bottom: 40px;
}

.faq-header .accent-text {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 12px;
  opacity: 0.85;
}

.faq-header .section-title {
  font-family: 'Anton', sans-serif !important;
  font-size: clamp(2rem, 5vw, 4rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  color: var(--color-foreground) !important;
}

.faq-accordion {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(45, 22, 19, 0.2);
  max-width: 800px;
}

.faq-row {
  border-bottom: 1px solid rgba(45, 22, 19, 0.2);
  padding-block: 20px;
  cursor: pointer;
}

/* Remove default triangle disclosure marker */
.faq-row summary::-webkit-details-marker {
  display: none;
}
.faq-row summary {
  list-style: none;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 1.15rem;
  user-select: none;
  color: var(--color-foreground);
}

.faq-question .faq-icon {
  font-size: 1.4rem;
  font-weight: 300;
  transition: transform 0.25s ease;
}

.faq-row[open] .faq-question .faq-icon {
  transform: rotate(45deg);
}

.faq-answer {
  padding-top: 12px;
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.85;
  color: var(--color-foreground);
}

.faq-answer p {
  margin: 0 0 10px 0;
}
.faq-answer p:last-child {
  margin-bottom: 0;
}

/* Show text instead of icons for social links */
.social-icons__icon-wrapper {
  width: auto !important;
}

.social-icons__icon-wrapper .social-icons__icon {
  display: none !important;
}

.social-icons__icon-wrapper .social-icons__icon-label {
  display: inline-block !important;
  font-family: var(--font-body--family) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--color-foreground) !important;
  transition: opacity 0.2s ease-in-out;
}

.social-icons__icon-wrapper a {
  text-decoration: none !important;
}

.social-icons__icon-wrapper a:hover .social-icons__icon-label {
  opacity: 0.8 !important;
}

/* Hide 'Our Story' link from all header navigation elements */
#header-group li:has(a[href*="our-story"]),
#header-component li:has(a[href*="our-story"]),
.menu-list__list-item:has(a[href*="our-story"]),
.menu-drawer__list-item--flat:has(a[href*="our-story"]),
.menu-drawer__list-item--deep:has(a[href*="our-story"]),
.menu-drawer__list-item:has(a[href*="our-story"]) {
  display: none !important;
}

/* ==========================================
   Catalog Page Brand Collection Grid Overrides
   ========================================== */

/* Restore clean Sand page layout background and margins */
.template-collection .product-grid-container {
  background-color: #FAF6F0 !important;
  padding-top: 40px !important;
  padding-bottom: 100px !important;
}

.template-collection .collection-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-inline: 24px !important;
}

/* Hide filters and sorting selectors entirely */
.facets-container,
.facets__form,
.facets,
.facet-filters,
#filters {
  display: none !important;
}

/* 2-column grid layout on desktop */
.product-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

@media screen and (min-width: 990px) {
  .product-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

.product-grid__item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Premium Card Wrapper Styles */
.product-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.product-card:hover {
  transform: translateY(-6px) !important;
}

/* Card inner content layout */
.product-card__content {
  display: flex !important;
  flex-direction: column !important;
  padding: 30px 24px !important;
  margin: 0 !important;
  border-radius: 28px !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Desktop Horizontal Split layout inside cards */
@media screen and (min-width: 750px) {
  .product-card__content {
    display: grid !important;
    grid-template-columns: 42% 58% !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 40px 30px 40px 10px !important;
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
  }
}

/* Card 1: Dark Chocolate Custom background style */
.product-card:has(a[href*="chocolate"]):has(a[href*="dark"]) .product-card__content {
  background: linear-gradient(135deg, #24120E 0%, #150907 100%) !important;
}
.product-card:has(a[href*="chocolate"]):has(a[href*="dark"]) .product-card__content p,
.product-card:has(a[href*="chocolate"]):has(a[href*="dark"]) .product-card__content .price,
.product-card:has(a[href*="chocolate"]):has(a[href*="dark"]) .product-card__content a {
  color: #ffffff !important;
}

/* Card 2: Irish Coffee Custom background style */
.product-card:has(a[href*="coffee"]):has(a[href*="irish"]) .product-card__content {
  background: linear-gradient(135deg, #53372D 0%, #362119 100%) !important;
}
.product-card:has(a[href*="coffee"]):has(a[href*="irish"]) .product-card__content p,
.product-card:has(a[href*="coffee"]):has(a[href*="irish"]) .product-card__content .price,
.product-card:has(a[href*="coffee"]):has(a[href*="irish"]) .product-card__content a {
  color: #ffffff !important;
}

/* Card Image configuration */
.product-card__content card-gallery,
.product-card__content [class*="gallery"],
.product-card__content slideshow-component,
.product-card__content media-carousel,
.product-card__content .media,
.product-card__content img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important; /* Keep full bottle image visible */
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product-card__content card-gallery,
.product-card__content [class*="gallery"] {
  display: block !important;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 750px) {
  /* Image on left column, Text content on right column */
  .product-card__content > [class*="gallery"] {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
    height: 100% !important;
  }
  .product-card__content > :not([class*="gallery"]) {
    grid-column: 2 !important;
    justify-self: flex-start !important;
    text-align: left !important;
    padding-left: 5% !important;
  }
  .product-card__content::after {
    grid-column: 2 !important;
    align-self: flex-start !important;
    margin-left: 5% !important;
  }
}

/* Typography styles matching homepage sections */
.product-card a[ref="productTitleLink"] p,
.product-card p[role="heading"] {
  font-family: var(--font-heading--family) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 0 !important;
}

@media screen and (min-width: 750px) {
  .product-card a[ref="productTitleLink"] p,
  .product-card p[role="heading"] {
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 749px) {
  .product-card__content > [class*="gallery"] {
    height: 300px !important;
    margin-bottom: 20px !important;
  }

  .product-card a[ref="productTitleLink"] p,
  .product-card p[role="heading"] {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
    margin-top: 15px !important;
    margin-bottom: 8px !important;
    text-align: left !important;
  }
  
  .product-card__content::after {
    align-self: flex-start !important;
  }
}

/* Product taglines dynamically injected above title */
.product-card:has(a[href*="chocolate"]):has(a[href*="dark"]) a[ref="productTitleLink"]::before {
  content: "Rich & Indulgent" !important;
  display: block !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  text-transform: none !important;
  color: #D7C7A3 !important;
  margin-bottom: 6px !important;
}

.product-card:has(a[href*="coffee"]):has(a[href*="irish"]) a[ref="productTitleLink"]::before {
  content: "Smooth & Energizing" !important;
  display: block !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  text-transform: none !important;
  color: #D7C7A3 !important;
  margin-bottom: 6px !important;
}

/* Product descriptions dynamically injected below title */
.product-card:has(a[href*="chocolate"]):has(a[href*="dark"]) a[ref="productTitleLink"]::after {
  content: "Deep cocoa. Smooth taste.\A Pure indulgence in every sip." !important;
  white-space: pre-wrap !important;
  display: block !important;
  font-family: var(--font-body--family) !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin-top: 10px !important;
  line-height: 1.4 !important;
}

.product-card:has(a[href*="coffee"]):has(a[href*="irish"]) a[ref="productTitleLink"]::after {
  content: "Bold coffee. Smooth finish.\A Your everyday energizer." !important;
  white-space: pre-wrap !important;
  display: block !important;
  font-family: var(--font-body--family) !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin-top: 10px !important;
  line-height: 1.4 !important;
}

/* Pricing Overrides */
.product-card .price {
  font-family: 'Anton', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  margin-top: 15px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Pricing unit label PER 250ML BOTTLE */
.product-card .price::after {
  content: "PER 250ML BOTTLE" !important;
  display: block !important;
  font-family: var(--font-body--family) !important;
  font-weight: 700 !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #D7C7A3 !important;
  margin-top: 4px !important;
  line-height: 1.2 !important;
}

/* Injected Bullet List with checkmarks above price - moved to price__regular level */
.product-card .price__regular::before {
  content: "✓  23g Protein\A ✓  Zero Sugar\A ✓  Fermented Yeast Protein" !important;
  white-space: pre-wrap !important;
  display: block !important;
  font-family: var(--font-body--family) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-transform: none !important;
  letter-spacing: 0.03em !important;
  color: rgba(255, 255, 255, 0.95) !important;
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  line-height: 1.6 !important;
}

/* Strikethrough ₹129 rendered directly above ₹99 */
.product-card .price::before {
  content: "₹129" !important;
  display: block !important;
  font-family: 'Anton', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  opacity: 0.5 !important;
  color: #D7C7A3 !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
  white-space: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Custom premium "Buy Now →" Button */
.product-card__content::after {
  content: "Buy Now  →" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50px !important;
  padding: 12px 28px !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin-top: 24px !important;
  align-self: flex-start !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
  cursor: pointer !important;
  background-color: #966B4E !important; /* Premium Tan/Caramel background */
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.product-card__content::after:hover {
  transform: scale(1.04) !important;
  opacity: 0.95 !important;
}

/* Product page — tags displayed as pill badges */
.product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.product-tags .tag,
product-information .product__tags .tag,
.product__tags a {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 50px;
  font-family: var(--font-body--family);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: rgba(45, 22, 19, 0.08);
  color: #2D1613;
  border: 1px solid rgba(45, 22, 19, 0.2);
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.product-tags .tag:hover,
.product__tags a:hover {
  background-color: rgba(45, 22, 19, 0.15);
}


/* Centered Layout with Floating Decorative Images */
.hero--layout-centered_deco {
  position: relative !important;
  width: 100% !important;
  background-color: #F4EFE6 !important; /* Light sandy background */
  overflow: hidden !important;
}

.hero--layout-centered_deco .hero__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 720px !important;
  padding: 80px 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.hero--layout-centered_deco .hero__content-wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  z-index: 3 !important;
}

.hero--layout-centered_deco .hero__media-grid {
  display: none !important; /* Hide background/split media columns */
}

/* Force center text alignment in centered layout */
.hero--layout-centered_deco .text-block {
  width: 100% !important;
  --horizontal-alignment: center !important;
  --text-align: center !important;
  --text-align-default: center !important;
  align-items: center !important;
  margin-inline: auto !important;
}

.hero--layout-centered_deco .text-block * {
  text-align: center !important;
  margin-inline: auto !important;
}

/* Typography styles for centered layout */
.hero--serif-heading .text-block h1,
.hero--serif-heading .text-block .h1,
.hero--serif-heading .text-block h1 *,
.hero__container h1,
.hero__container h1 * {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  font-size: clamp(3.5rem, 8vw, 7rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  color: #694029 !important; /* Deep warm brown #694029 for LivvUp */
}

/* Header Logo Styling */
.header-logo,
.header__heading-text,
.header__heading-link,
.logo-link {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 700 !important;
  font-size: 1.85rem !important;
  line-height: 1 !important;
  color: #694029 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero--layout-centered_deco .text-block h2,
.hero--layout-centered_deco .text-block .h2,
.hero--layout-centered_deco .text-block h6,
.hero--layout-centered_deco .text-block .h6,
.hero--layout-centered_deco .text-block h2 *,
.hero--layout-centered_deco .text-block .h2 *,
.hero--layout-centered_deco .text-block h6 *,
.hero--layout-centered_deco .text-block .h6 * {
  font-family: var(--font-body--family) !important;
  font-size: clamp(0.85rem, 1.8vw, 1.15rem) !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  opacity: 0.95;
  color: #2D1613 !important; /* Dark brown accent */
  margin-top: 5px !important;
  margin-bottom: 20px !important;
}

.hero--layout-centered_deco .text-block p,
.hero--layout-centered_deco .text-block p * {
  font-family: var(--font-body--family) !important;
  font-size: clamp(0.95rem, 2.2vw, 1.1rem) !important;
  line-height: 1.5 !important;
  max-width: 44rem !important;
  margin-inline: auto !important;
  opacity: 1 !important;
  color: #9C7A68 !important; /* Richer, darker shade of #D1B8A8 rose-taupe for hero subtitle */
  margin-top: 10px !important;
  margin-bottom: 25px !important;
}

/* Rounded Pill Button design matching the reference image */
.hero--layout-centered_deco .button,
.hero--layout-centered_deco a.button,
.hero--layout-centered_deco [style_class="button"] {
  border-radius: 50px !important;
  padding: 12px 36px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background-color: #694029 !important; /* Rich #694029 brown background */
  color: #FFFFFF !important;
  border: none !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.hero--layout-centered_deco .button:hover,
.hero--layout-centered_deco a.button:hover {
  background-color: #52311F !important; /* Darker brown on hover */
  opacity: 1 !important;
  transform: translateY(-2px);
}

/* Heading eyelash accent decoration */
.hero__heading-accent {
  position: absolute !important;
  top: 12px !important; /* Positioned exactly above the top-left of 'L' in 'LivvUp' */
  left: calc(50% - 130px) !important; /* Shifted left to sit above 'B' of 'Baseline' on desktop */
  transform: translate(-100%, -50%) rotate(-15deg) !important;
  color: #694029 !important; /* #694029 brown matching accent lines */
  pointer-events: none !important;
  display: inline-flex !important;
  z-index: 5 !important;
}

/* Floating Images Wrapper & Items */
.hero__floating-images {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  overflow: hidden !important;
}

.hero__float-img {
  position: absolute !important;
  will-change: transform !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.hero__float-img img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.hero__float-img--top-left {
  width: var(--float-img-top-left-width) !important;
  top: var(--float-img-top-left-top) !important;
  left: var(--float-img-top-left-left) !important;
  transform: rotate(var(--float-img-top-left-rotate)) !important;
}

.hero__float-img--top-left img,
.hero__float-img--bottom-right img {
  mix-blend-mode: multiply !important; /* Seamless transparent blend on #FAF6F0 background */
}

.hero__float-img--bottom-left {
  width: var(--float-img-bottom-left-width) !important;
  bottom: var(--float-img-bottom-left-bottom) !important;
  left: var(--float-img-bottom-left-left) !important;
  transform: rotate(var(--float-img-bottom-left-rotate)) !important;
}

.hero__float-img--top-right {
  width: var(--float-img-top-right-width) !important;
  top: var(--float-img-top-right-top) !important;
  right: var(--float-img-top-right-right) !important;
  transform: rotate(var(--float-img-top-right-rotate)) !important;
}

.hero__float-img--bottom-right {
  width: var(--float-img-bottom-right-width) !important;
  bottom: var(--float-img-bottom-right-bottom) !important;
  right: var(--float-img-bottom-right-right) !important;
  transform: rotate(var(--float-img-bottom-right-rotate)) !important;
}

/* Responsive adjustments for mobile */
@media screen and (max-width: 749px) {
  .hero__heading-accent {
    left: calc(50% - 60px) !important; /* Shifted left to sit above 'B' of 'Baseline' on mobile */
    top: 8px !important; /* Positioned exactly above the top-left of 'L' in 'LivvUp' on mobile */
  }

  .hero--layout-centered_deco .hero__container {
    min-height: 520px !important;
    padding: 60px 16px !important;
  }
  
  .hero--serif-heading .text-block h1,
  .hero--serif-heading .text-block .h1,
  .hero--serif-heading .text-block h1 * {
    font-size: clamp(2.2rem, 10vw, 3.5rem) !important;
    margin-top: 10px !important;
  }

  .hero__float-img--top-left {
    width: calc(var(--float-img-top-left-width) * 0.55) !important;
  }
  
  .hero__float-img--bottom-left {
    width: calc(var(--float-img-bottom-left-width) * 0.55) !important;
  }
  
  .hero__float-img--top-right {
    width: calc(var(--float-img-top-right-width) * 0.55) !important;
  }
  
  .hero__float-img--bottom-right {
    width: calc(var(--float-img-bottom-right-width) * 0.55) !important;
  }

  .hero__float-img.hide-mobile {
    display: none !important;
  }
}

/* Force header background to be very light cream */
#header-component,
#header-component .header__row,
#header-component .header__row--top,
#header-component .header__row--bottom {
  background-color: #FAF6F0 !important;
  background: #FAF6F0 !important;
  --color-scheme-top-row: #FAF6F0 !important;
  --color-scheme-bottom-row: #FAF6F0 !important;
}

/* Our Story Homepage Section Styling */
.our-story-section {
  position: relative !important;
  width: 100% !important;
  background-color: #FAF6F0 !important; /* Unified cream sandy background */
  padding: 120px 0 !important;
  overflow: visible !important; /* Allows edge bottle to overlap the bottom sections */
  z-index: 15 !important; /* Higher z-index to overlay next section background */
}

.our-story__container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
  z-index: 5 !important;
}

.our-story__grid {
  display: grid !important;
  grid-template-columns: 1fr 1.1fr !important;
  gap: 100px !important;
  align-items: center !important;
}

/* Left side: Overlapping images */
.our-story__images-col {
  position: relative !important;
  width: 100% !important;
}

.our-story__images-wrapper {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 95% !important; /* Forces aspect ratio */
}

.our-story__arches {
  position: absolute !important;
  top: 15% !important;
  left: 20% !important;
  width: 60% !important;
  height: 60% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.our-story__arches svg {
  width: 100% !important;
  height: 100% !important;
}

.our-story__image-container {
  position: absolute !important;
  border-radius: 0 !important; /* Sharp corners like in reference image */
  overflow: hidden !important;
  box-shadow: 0 10px 40px rgba(45, 22, 19, 0.08) !important;
}

.our-story__image-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.our-story__image-container--back {
  top: 0 !important;
  left: 0 !important;
  width: 60% !important;
  aspect-ratio: 1 / 1 !important;
  z-index: 2 !important;
}

.our-story__image-container--front {
  bottom: 0 !important;
  right: 8% !important;
  width: 60% !important;
  aspect-ratio: 1 / 1 !important;
  z-index: 3 !important;
}

/* Right side: Content styling */
.our-story__content-col {
  display: flex !important;
  align-items: center !important;
}

.our-story__content-wrapper {
  max-width: 520px !important;
}

.our-story__heading {
  font-family: 'Cormorant Garamond', serif !important;
  color: #2D1613 !important; /* Dark charcoal/brown brand color */
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  position: relative !important;
  display: inline-block !important;
}

.our-story__heading-accent {
  position: absolute !important;
  top: 0 !important;
  right: -32px !important;
  transform: translate(0, -25%) rotate(35deg) !important;
  width: 28px !important;
  height: 19px !important;
  color: #8C6239 !important; /* Copper/brown color */
}

.our-story__heading-accent svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.our-story__text {
  font-family: var(--font-body--family) !important;
  color: #6C5A55; /* Warm grey/brown body color */
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  margin-bottom: 36px !important;
}

.our-story__text p {
  margin: 0 0 16px 0 !important;
}

.our-story__text p:last-child {
  margin-bottom: 0 !important;
}

.our-story__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #8C6239 !important; /* Pill button color */
  color: #FFFFFF !important;
  font-family: var(--font-body--family) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 15px 40px !important;
  border-radius: 50px !important; /* Pill style */
  text-decoration: none !important;
  transition: all 0.25s ease-in-out !important;
  border: none !important;
  cursor: pointer !important;
}

.our-story__button:hover {
  opacity: 0.9 !important;
  transform: translateY(-2px) !important;
}

/* Off-screen edge decorations */
.our-story__edge {
  position: absolute !important;
  pointer-events: none !important;
  z-index: 4 !important;
  height: auto !important;
}

.our-story__edge--left {
  bottom: -180px !important; /* Adjusted coordinate for larger size */
  left: -40px !important; /* Shifted in more to reveal even more of the bottle body */
  width: 320px !important; /* Increased size to make it pop */
  transform: rotate(10deg) !important;
  z-index: 20 !important; /* Sits on top of the next section background */
}

.our-story__edge--right {
  bottom: 40px !important;
  right: -25px !important; /* Shifted in more to reveal even more of the bottle body */
  width: 260px !important; /* Made larger to increase visibility */
  transform: rotate(-15deg) !important;
  z-index: 20 !important;
}

/* Mobile Responsive query */
@media screen and (max-width: 749px) {
  .our-story-section {
    padding: 60px 0 !important;
  }

  .our-story__grid {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  .our-story__images-wrapper {
    max-width: 400px !important;
    margin: 0 auto !important;
  }

  .our-story__image-container--front {
    right: 0 !important;
  }

  .our-story__content-col {
    justify-content: center !important;
    text-align: center !important;
  }

  .our-story__content-wrapper {
    max-width: 100% !important;
  }

  .our-story__heading {
    font-size: 2.4rem !important;
  }

  .our-story__edge--left {
    width: 200px !important; /* Increased size on mobile */
    bottom: -110px !important; /* Shifted down on mobile to match larger size */
    left: -20px !important; /* Shifted in more on mobile */
    z-index: 20 !important;
  }

  .our-story__edge--right {
    width: 150px !important; /* Made larger on mobile */
    bottom: 20px !important;
    right: -15px !important; /* Shifted in more on mobile */
    z-index: 20 !important;
  }
}

/* Product Showcase Homepage Section Styling */
.product-showcase-section {
  position: relative !important;
  width: 100% !important;
  background-color: #FAF6F0 !important; /* Matches hero cream sandy background */
  padding: 120px 0 !important;
  overflow: visible !important; /* Allows the right edge bottle to overlap sections without clipping */
  z-index: 10 !important;
}

.product-showcase__container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
  z-index: 5 !important;
}

.product-showcase__header {
  text-align: center !important;
  margin-bottom: 70px !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.product-showcase__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  color: #2D1613 !important; /* Dark charcoal */
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin: 0 0 20px 0 !important;
  position: relative !important;
  display: inline-block !important;
}

.product-showcase__heading-accent {
  position: absolute !important;
  top: 0 !important;
  right: -32px !important;
  transform: translate(0, -25%) rotate(35deg) !important;
  width: 28px !important;
  height: 19px !important;
  color: #8C6239 !important; /* Copper/brown color */
}

.product-showcase__heading-accent svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.product-showcase__description {
  font-family: var(--font-body--family) !important;
  color: #6C5A55 !important; /* Warm grey/brown body */
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
}

.product-showcase__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.product-showcase__grid--two {
  grid-template-columns: repeat(2, 1fr) !important;
  max-width: 840px !important;
  margin: 0 auto !important;
  gap: 36px !important;
}

/* Card styles */
/* Card Base Style */
.product-showcase__card {
  position: relative !important;
  border-radius: 24px !important;
  padding: 36px 28px !important;
  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}

.product-showcase__card:hover {
  transform: translateY(-6px) !important;
}

/* 1. Dark Chocolate Card (#2D1613 & #56372E) */
.product-showcase__card--dark-choc {
  background: linear-gradient(145deg, #2D1613 0%, #56372E 100%) !important;
  color: #FAF6F0 !important;
  border: 1px solid rgba(86, 55, 46, 0.5) !important;
  box-shadow: 0 16px 40px rgba(45, 22, 19, 0.22) !important;
}

.product-showcase__card--dark-choc .product-showcase__card-badge {
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #E29B35 !important;
  border: 1px solid rgba(226, 155, 53, 0.35) !important;
  padding: 5px 14px !important;
  border-radius: 50px !important;
}

.product-showcase__card--dark-choc .product-showcase__flavor-label {
  color: #D9CEBD !important;
}

.product-showcase__card--dark-choc .product-showcase__card-name {
  color: #FAF6F0 !important;
}

.product-showcase__card--dark-choc .product-showcase__card-tagline {
  color: #E6DCCF !important;
}

.product-showcase__card--dark-choc .product-showcase__price {
  color: #FAF6F0 !important;
}

.product-showcase__card--dark-choc .product-showcase__review-count {
  color: #D9CEBD !important;
}

.product-showcase__card--dark-choc .product-showcase__cta,
.product-showcase__cta--dark {
  background-color: #56372E !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.product-showcase__card--dark-choc .product-showcase__cta:hover,
.product-showcase__cta--dark:hover {
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

/* 2. Irish Coffee Card (#917E70 & #C1B7B5) */
.product-showcase__card--irish-coffee {
  background: linear-gradient(145deg, #917E70 0%, #C1B7B5 100%) !important;
  color: #2D1613 !important;
  border: 1px solid rgba(145, 126, 112, 0.4) !important;
  box-shadow: 0 16px 40px rgba(145, 126, 112, 0.24) !important;
}

.product-showcase__card--irish-coffee .product-showcase__card-badge {
  background-color: rgba(45, 22, 19, 0.12) !important;
  color: #2D1613 !important;
  border: 1px solid rgba(45, 22, 19, 0.25) !important;
  padding: 5px 14px !important;
  border-radius: 50px !important;
}

.product-showcase__card--irish-coffee .product-showcase__flavor-label {
  color: #2D1613 !important;
  font-weight: 600 !important;
}

.product-showcase__card--irish-coffee .product-showcase__card-name {
  color: #2D1613 !important;
}

.product-showcase__card--irish-coffee .product-showcase__card-tagline {
  color: #3A231C !important;
}

.product-showcase__card--irish-coffee .product-showcase__price {
  color: #2D1613 !important;
}

.product-showcase__card--irish-coffee .product-showcase__review-count {
  color: #3A231C !important;
}

.product-showcase__card--irish-coffee .product-showcase__stars {
  color: #2D1613 !important;
}

.product-showcase__card--irish-coffee .product-showcase__cta,
.product-showcase__cta--light {
  background-color: #2D1613 !important;
  color: #FAF6F0 !important;
  border: none !important;
}

.product-showcase__card--irish-coffee .product-showcase__cta:hover,
.product-showcase__cta--light:hover {
  background-color: #56372E !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
}

.product-showcase__card-badge {
  display: inline-block !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

.product-showcase__flavor-label {
  font-family: var(--font-body--family) !important;
  font-size: 0.85rem !important;
  color: #6C5A55 !important;
  margin-bottom: 16px !important;
}

.product-showcase__image-container,
.product-showcase__image-wrap {
  width: 100% !important;
  height: 220px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
}

.product-showcase__card-img,
.product-showcase__image-container img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.product-showcase__card:hover .product-showcase__card-img,
.product-showcase__card:hover .product-showcase__image-container img {
  transform: scale(1.05) !important;
}

.product-showcase__card-name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
  color: #2D1613 !important;
  margin: 0 0 10px 0 !important;
}

.product-showcase__card-tagline {
  font-family: var(--font-body--family) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  color: #5C4033 !important;
  margin-bottom: 16px !important;
}

.product-showcase__price-row {
  margin-bottom: 20px !important;
}

.product-showcase__price {
  font-family: var(--font-body--family) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
}

.product-showcase__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 180px !important;
  padding: 12px 30px !important;
  border-radius: 50px !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  transition: all 0.25s ease !important;
  margin: 0 auto !important;
}

.product-showcase__cta:hover {
  background-color: #734F2D !important;
  transform: translateY(-2px) !important;
}

.product-showcase__card-price {
  font-family: var(--font-body--family) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #8C6239 !important;
  margin-bottom: 8px !important;
}

.product-showcase__rating {
  color: #E29B35 !important; /* Golden stars */
  font-size: 0.8rem !important;
  margin-bottom: 20px !important;
  letter-spacing: 0.1em !important;
}

.product-showcase__card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 150px !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out !important;
  text-transform: uppercase !important;
}

/* Default card button (outline style) */
.product-showcase__card:not(.product-showcase__card--highlighted) .product-showcase__card-btn {
  background-color: transparent !important;
  color: #8C6239 !important;
  border: 1px solid rgba(140, 98, 57, 0.4) !important;
}

.product-showcase__card:not(.product-showcase__card--highlighted) .product-showcase__card-btn:hover {
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  border-color: #8C6239 !important;
}

/* Highlighted card button (solid style) */
.product-showcase__card--highlighted .product-showcase__card-btn {
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  border: 1px solid #8C6239 !important;
  box-shadow: 0 4px 10px rgba(140, 98, 57, 0.2) !important;
}

.product-showcase__card--highlighted .product-showcase__card-btn:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px) !important;
}

/* Bottom centered CTA */
.product-showcase__footer {
  text-align: center !important;
  margin-top: 60px !important;
}

.product-showcase__bottom-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  font-family: var(--font-body--family) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 15px 44px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out !important;
  box-shadow: 0 4px 15px rgba(140, 98, 57, 0.2) !important;
}

.product-showcase__bottom-btn:hover {
  opacity: 0.95 !important;
  transform: translateY(-2px) !important;
}

/* Edge elements positioning */
.product-showcase__edge {
  position: absolute !important;
  pointer-events: none !important;
  z-index: 4 !important;
  height: auto !important;
}

.product-showcase__edge--right {
  bottom: 40px !important;
  right: -25px !important; /* Shifted in more to reveal even more of the bottle body */
  width: 260px !important; /* Refined size to match Our Story */
  transform: rotate(-15deg) !important;
  z-index: 20 !important;
}

/* Responsive Mobile adjustments */
@media screen and (max-width: 980px) {
  .product-showcase__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
  }
  
  .product-showcase__card--highlighted {
    transform: scale(1) !important;
  }
}

@media screen and (max-width: 749px) {
  .product-showcase-section {
    padding: 60px 0 !important;
  }

  .product-showcase__heading {
    font-size: 2.3rem !important;
  }

  .product-showcase__grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .product-showcase__card {
    padding: 24px !important;
  }

  .product-showcase__edge--right {
    width: 150px !important;
    bottom: 20px !important;
    right: -15px !important; /* Shifted in more on mobile */
    z-index: 20 !important;
  }
}

/* Cleaned up temporary single story image and banner styles */

/* Fuel Your Nutrition Highlights Section Styling */
.nutrition-highlights-section {
  position: relative !important;
  width: 100% !important;
  background-color: #EAE2D7 !important; /* Warm rich nude background (a little darker than #FAF6F0) */
  padding: 100px 0 120px 0 !important;
  overflow: hidden !important;
  z-index: 5 !important;
}

.nutrition-highlights__container {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
}

.nutrition-highlights__header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 60px auto !important;
}

.nutrition-highlights__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin: 0 0 20px 0 !important;
  position: relative !important;
  display: inline-block !important;
}

.nutrition-highlights__heading-accent {
  position: absolute !important;
  top: -6px !important;
  left: -28px !important;
  transform: rotate(-15deg) !important;
  width: 26px !important;
  height: 18px !important;
  color: #8C6239 !important;
}

.nutrition-highlights__heading-accent svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.nutrition-highlights__description {
  font-family: var(--font-body--family) !important;
  color: #6C5A55 !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* Stage & Bottle Container */
.nutrition-highlights__stage {
  position: relative !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  min-height: 520px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.nutrition-highlights__product-wrap {
  position: relative !important;
  max-width: 580px !important;
  width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  z-index: 2 !important;
}

.nutrition-highlights__bottle-img {
  width: 100% !important;
  max-width: 540px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 20px 40px rgba(45, 22, 19, 0.12)) !important;
}

/* SVG Connector Lines Overlay */
.nutrition-highlights__connectors {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Floating Callout Badges Container */
.nutrition-highlights__callouts-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

.nutrition-highlights__item {
  position: absolute !important;
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background-color: #FFFFFF !important;
  border-radius: 50px !important;
  padding: 10px 22px 10px 10px !important;
  box-shadow: 0 10px 30px rgba(45, 22, 19, 0.08) !important;
  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  cursor: pointer !important;
}

.nutrition-highlights__item:hover {
  transform: translateY(-6px) scale(1.04) !important;
  box-shadow: 0 16px 40px rgba(45, 22, 19, 0.16) !important;
}

/* Floating Positions around bottle on Desktop */
.nutrition-highlights__item--1 {
  top: 6% !important;
  left: 2% !important;
}

.nutrition-highlights__item--2 {
  top: 42% !important;
  left: -2% !important;
}

.nutrition-highlights__item--3 {
  bottom: 8% !important;
  left: 6% !important;
}

.nutrition-highlights__item--4 {
  top: 6% !important;
  right: 2% !important;
}

.nutrition-highlights__item--5 {
  top: 42% !important;
  right: -2% !important;
}

.nutrition-highlights__item--6 {
  bottom: 8% !important;
  right: 6% !important;
}

.nutrition-highlights__icon-wrap {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(140, 98, 57, 0.25) !important;
}

.nutrition-highlights__icon-wrap svg {
  width: 22px !important;
  height: 22px !important;
}

.nutrition-highlights__text-block {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

.nutrition-highlights__metric {
  font-family: var(--font-body--family) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  line-height: 1.1 !important;
}

.nutrition-highlights__label {
  font-family: var(--font-body--family) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #6C5A55 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Responsive Mobile Rules */
@media screen and (max-width: 980px) {
  .nutrition-highlights__stage {
    min-height: auto !important;
    flex-direction: column !important;
  }

  .nutrition-highlights__connectors {
    display: none !important;
  }

  .nutrition-highlights__callouts-container {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    pointer-events: auto !important;
    margin-top: 30px !important;
  }

  .nutrition-highlights__item {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 10px 14px 10px 10px !important;
  }
}

@media screen and (max-width: 600px) {
  .nutrition-highlights__callouts-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  .nutrition-highlights__metric {
    font-size: 1.1rem !important;
  }

  .nutrition-highlights__label {
    font-size: 0.7rem !important;
  }
}

/* Sampling Feedback Testimonials Section Styling */
.sampling-feedback-section {
  position: relative !important;
  width: 100% !important;
  background-color: #FAF6F0 !important; /* Unified cream sandy background */
  padding: 100px 0 120px 0 !important;
  overflow: visible !important;
  z-index: 5 !important;
}

.sampling-feedback__edge-img {
  position: absolute !important;
  top: 10% !important;
  left: -20px !important;
  width: 180px !important;
  height: auto !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transform: rotate(-10deg) !important;
}

.sampling-feedback__container {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
  z-index: 5 !important;
}

.sampling-feedback__header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 50px auto !important;
}

.sampling-feedback__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin: 0 0 16px 0 !important;
  position: relative !important;
  display: inline-block !important;
}

.sampling-feedback__heading-accent {
  position: absolute !important;
  top: -8px !important;
  right: -32px !important;
  transform: rotate(35deg) !important;
  width: 28px !important;
  height: 19px !important;
  color: #8C6239 !important;
}

.sampling-feedback__heading-accent svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.sampling-feedback__subheading {
  font-family: var(--font-body--family) !important;
  color: #6C5A55 !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* Carousel Container */
.sampling-feedback__carousel-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  max-width: 850px !important;
  margin: 0 auto !important;
}

.sampling-feedback__track-wrap {
  width: 100% !important;
  overflow: hidden !important;
  padding: 16px 0 24px 0 !important;
}

.sampling-feedback__track {
  display: flex !important;
  width: 100% !important;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform !important;
}

.sampling-feedback__slide {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  opacity: 0.3 !important;
  transform: scale(0.96) !important;
  transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.sampling-feedback__slide.is-active {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Card Styling (No Photo) */
.sampling-feedback__card {
  text-align: center !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  padding: 40px 48px !important;
  background-color: #FFFFFF !important; /* Elegant white card background */
  border-radius: 24px !important;
  border: 1px solid rgba(140, 98, 57, 0.12) !important;
  box-shadow: 0 12px 32px rgba(45, 22, 19, 0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.sampling-feedback__card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 40px rgba(45, 22, 19, 0.09) !important;
}

.sampling-feedback__quote {
  font-family: var(--font-body--family) !important;
  font-size: 1.15rem !important;
  line-height: 1.75 !important;
  color: #4A3530 !important;
  font-style: italic !important;
  margin: 0 0 24px 0 !important;
}

.sampling-feedback__stars {
  color: #E29B35 !important; /* Golden stars */
  font-size: 1.1rem !important;
  letter-spacing: 0.15em !important;
  margin-bottom: 14px !important;
}

.sampling-feedback__author {
  font-family: var(--font-body--family) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #8C6239 !important;
  letter-spacing: 0.05em !important;
}

/* Navigation Arrow Buttons matching reference extended stem design */
.sampling-feedback__nav-btn {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background-color: #EAE2D7 !important; /* Soft nude cream background */
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  overflow: visible !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  flex-shrink: 0 !important;
}

.sampling-feedback__nav-btn:hover {
  background-color: #DFD5C6 !important;
  box-shadow: 0 4px 14px rgba(140, 98, 57, 0.15) !important;
}

.sampling-feedback__nav-btn svg {
  width: 54px !important;
  height: 24px !important;
  position: absolute !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.sampling-feedback__nav-btn--next svg {
  left: -14px !important;
}

.sampling-feedback__nav-btn--prev svg {
  right: -14px !important;
}

/* Hover: Arrow slides forward to the edge/end of circle */
.sampling-feedback__nav-btn--next:hover svg {
  transform: translateX(14px) !important;
}

.sampling-feedback__nav-btn--prev:hover svg {
  transform: translateX(-14px) !important;
}

/* Mobile Responsiveness */
@media screen and (max-width: 749px) {
  .sampling-feedback-section {
    padding: 60px 0 80px 0 !important;
  }

  .sampling-feedback__heading {
    font-size: 2.4rem !important;
  }

  .sampling-feedback__edge-img {
    width: 110px !important;
    top: 5% !important;
    left: -15px !important;
  }

  .sampling-feedback__carousel-wrap {
    gap: 10px !important;
  }

  .sampling-feedback__nav-btn {
    width: 42px !important;
    height: 42px !important;
  }

  .sampling-feedback__card {
    padding: 28px 20px !important;
    border-radius: 18px !important;
  }

  .sampling-feedback__quote {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
}

/* Follow Us On Instagram Section Styling */
.instagram-follow-section {
  position: relative !important;
  width: 100% !important;
  background-color: #FAF6F0 !important; /* Unified cream sandy background */
  padding: 80px 0 100px 0 !important;
  overflow: hidden !important;
  z-index: 5 !important;
  text-align: center !important;
}

.instagram-follow__container {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
}

.instagram-follow__header {
  margin-bottom: 36px !important;
}

.instagram-follow__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin: 0 0 16px 0 !important;
  position: relative !important;
  display: inline-block !important;
}

.instagram-follow__heading-accent {
  position: absolute !important;
  top: -6px !important;
  left: -28px !important;
  transform: rotate(-15deg) !important;
  width: 26px !important;
  height: 18px !important;
  color: #8C6239 !important;
}

.instagram-follow__heading-accent svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.instagram-follow__subheading {
  font-family: var(--font-body--family) !important;
  color: #6C5A55 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* CTA Button Styling */
.instagram-follow__btn-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.instagram-follow__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  box-shadow: 0 8px 24px rgba(140, 98, 57, 0.25) !important;
}

.instagram-follow__btn:hover {
  background-color: #734F2D !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 14px 32px rgba(140, 98, 57, 0.35) !important;
}

.instagram-follow__icon {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0 !important;
}

/* Mobile Responsiveness */
@media screen and (max-width: 749px) {
  .instagram-follow-section {
    padding: 50px 0 70px 0 !important;
  }

  .instagram-follow__heading {
    font-size: 2.4rem !important;
  }

  .instagram-follow__btn {
    padding: 14px 28px !important;
    font-size: 0.78rem !important;
  }
}

/* Theme-Matched Dark Espresso Footer Styling */
#shopify-section-sections--188902113597__footer-group,
#shopify-section-footer-group,
footer,
.footer-group,
.footer-section,
[data-section-type="footer"] {
  background-color: #2D1613 !important; /* Deep dark espresso chocolate background */
  color: #E6DCCF !important;
  position: relative !important;
  border-top: none !important; /* Fix: Remove top outer border */
}

/* Footer Section Content Container */
#shopify-section-sections--188902113597__footer-group .color-scheme-2,
footer .color-scheme-2,
.footer-utilities.color-scheme-2,
.section-background.color-scheme-2 {
  background-color: #2D1613 !important;
  color: #E6DCCF !important;
  border: none !important;
}

/* Footer Headings */
#shopify-section-sections--188902113597__footer-group h2,
#shopify-section-sections--188902113597__footer-group h3,
#shopify-section-sections--188902113597__footer-group h4,
footer h2, footer h3, footer h4 {
  font-family: 'Cormorant Garamond', serif !important;
  color: #FAF6F0 !important; /* Cream title color for crisp contrast */
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

/* Footer Paragraphs & Text */
#shopify-section-sections--188902113597__footer-group p,
footer p,
.footer-utilities,
.footer-copyright {
  font-family: var(--font-body--family) !important;
  color: #D9CEBD !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

/* Footer Quick Links List */
.footer-quick-links,
footer ul,
.footer-group ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.footer-quick-links li a,
footer ul li a,
.footer-group ul li a {
  color: #D9CEBD !important;
  text-decoration: none !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.95rem !important;
  transition: all 0.25s ease !important;
  display: inline-block !important;
}

/* Center Quick Links Column in Footer with Light Vertical Dividers */
footer .section-content-wrapper > .group-block,
#shopify-section-sections--188902113597__footer-group .group-block {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

#shopify-section-sections--188902113597__footer-group [data-block-id*="group_quick_links"],
#shopify-section-footer-group [data-block-id*="group_quick_links"],
footer [data-block-id*="group_quick_links"],
.footer-group [data-block-id*="group_quick_links"] {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0 50px !important;
  border-left: 1px solid rgba(217, 206, 189, 0.22) !important;
  border-right: 1px solid rgba(217, 206, 189, 0.22) !important;
}

#shopify-section-sections--188902113597__footer-group [data-block-id*="group_quick_links"] h3,
#shopify-section-sections--188902113597__footer-group [data-block-id*="group_quick_links"] ul,
footer [data-block-id*="group_quick_links"] h3,
footer [data-block-id*="group_quick_links"] ul {
  text-align: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footer-quick-links li a:hover,
footer ul li a:hover,
.footer-group ul li a:hover {
  color: #E29B35 !important;
  transform: translateY(-1px) !important;
}

@media screen and (max-width: 749px) {
  #shopify-section-sections--188902113597__footer-group [data-block-id*="group_quick_links"],
  footer [data-block-id*="group_quick_links"] {
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid rgba(217, 206, 189, 0.18) !important;
    border-bottom: 1px solid rgba(217, 206, 189, 0.18) !important;
    padding: 24px 0 !important;
    width: 100% !important;
  }
}

/* Footer Links & Navigation */
#shopify-section-sections--188902113597__footer-group a,
footer a,
.footer-utilities a {
  color: #D9CEBD !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

#shopify-section-sections--188902113597__footer-group a:hover,
footer a:hover,
.footer-utilities a:hover {
  color: #E29B35 !important; /* Golden amber hover accent */
}

/* Remove full-width outer divider line */
.footer-utilities {
  border: none !important;
  border-top: none !important;
}

/* Single Narrow Page-Width Partition Line in Footer */
.utilities {
  border-top: 1px solid rgba(230, 220, 207, 0.15) !important;
  border-bottom: none !important;
  padding-top: 24px !important;
  color: #D9CEBD !important;
}

/* Footer Social Icons */
.footer-utilities svg,
.social-links svg,
footer .icon {
  color: #E6DCCF !important;
  fill: currentColor !important;
  transition: color 0.25s ease !important;
}

.social-links a:hover svg {
  color: #E29B35 !important;
}

/* Fix Email Signup Double Border in Footer */
footer .email-signup,
footer .field,
footer .email-signup__form,
footer .input-group,
#shopify-section-sections--188902113597__footer-group .email-signup,
#shopify-section-sections--188902113597__footer-group .field {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

#shopify-section-sections--188902113597__footer-group input[type="email"],
footer input[type="email"] {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(230, 220, 207, 0.25) !important;
  border-radius: 50px !important;
  color: #FAF6F0 !important;
  padding: 14px 20px !important;
  font-family: var(--font-body--family) !important;
  outline: none !important;
  box-shadow: none !important;
}

#shopify-section-sections--188902113597__footer-group input[type="email"]:focus,
footer input[type="email"]:focus {
  border-color: #8C6239 !important;
  box-shadow: 0 0 0 2px rgba(140, 98, 57, 0.3) !important;
}

#shopify-section-sections--188902113597__footer-group input[type="email"]::placeholder,
footer input[type="email"]::placeholder {
  color: rgba(230, 220, 207, 0.6) !important;
}

#shopify-section-sections--188902113597__footer-group button[type="submit"],
footer button[type="submit"],
footer .email-signup__button {
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
  border: none !important;
  transition: all 0.25s ease !important;
  outline: none !important;
}

#shopify-section-sections--188902113597__footer-group button[type="submit"]:hover,
footer button[type="submit"]:hover,
footer .email-signup__button:hover {
  background-color: #E29B35 !important;
  color: #2D1613 !important;
}

/* Vertical Divider Between Instagram and LinkedIn Icons */
.social-icons__wrapper,
.social-links {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.social-icons__icon-wrapper,
.social-links a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.social-icons__icon-wrapper:not(:last-child)::after,
.social-links a:not(:last-child)::after,
.social-icons__wrapper > div:not(:last-child)::after,
.footer-utilities .social-links a:not(:last-child)::after {
  content: "" !important;
  display: inline-block !important;
  width: 1px !important;
  height: 16px !important;
  background-color: rgba(230, 220, 207, 0.4) !important; /* Soft nude vertical divider line */
  margin-left: 16px !important;
}

/* Hide 3-Line Eyelash Accent SVG Above All Headings Across All Sections */
.hero__heading-accent,
.our-story__heading-accent,
.product-showcase__heading-accent,
.nutrition-highlights__heading-accent,
.sampling-feedback__heading-accent,
.instagram-follow__heading-accent,
[class*="__heading-accent"],
.heading-accent {
  display: none !important;
  visibility: hidden !important;
}

/* Hide Small Eyebrow Titles Above Main Section Titles */
.our-story-hero__eyebrow,
.our-story-idea__eyebrow,
.our-story-founders__eyebrow,
.our-story-future__eyebrow,
[class*="__eyebrow"],
.eyebrow,
.section-eyebrow,
.heading-eyebrow {
  display: none !important;
  visibility: hidden !important;
}

/* Hide Top Announcement Bar Header Above Navbar */
#shopify-section-sections--188902113597__announcement_bar,
#shopify-section-announcement_bar,
.header-announcements,
header-announcements,
.announcement-bar {
  display: none !important;
  visibility: hidden !important;
}

/* Persistent Sticky Header (Follows page on scroll) */
#shopify-section-sections--188902113597__header-group,
#shopify-section-header-group,
.header-group,
.header-section,
sticky-header,
header.header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 4px 20px rgba(45, 22, 19, 0.08) !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ==========================================================================
   Comprehensive Mobile Design Refinements (@media max-width: 749px)
   ========================================================================== */
@media screen and (max-width: 749px) {
  /* 1. Hero Section Mobile Optimization */
  .hero--layout-centered_deco .hero__container {
    min-height: auto !important;
    padding: 40px 16px 36px 16px !important;
  }

  .hero--serif-heading .text-block h1,
  .hero--serif-heading .text-block .h1,
  .hero--serif-heading .text-block h1 * {
    font-size: clamp(2.4rem, 10vw, 3.6rem) !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .hero__float-img {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .hero__float-img--top-left {
    width: 90px !important;
    top: 10px !important;
    left: 6px !important;
  }

  .hero__float-img--bottom-right {
    width: 90px !important;
    bottom: 10px !important;
    right: 6px !important;
  }

  .hero__float-img--bottom-left,
  .hero__float-img--top-right {
    display: none !important; /* Hide secondary float clutter on mobile */
  }

  /* 2. Our Story Section Mobile Optimization */
  .our-story-section {
    padding: 50px 0 !important;
  }

  .our-story__grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .our-story__img-col {
    justify-content: center !important;
  }

  .our-story__img-stage {
    max-width: 280px !important;
    height: 320px !important;
    margin: 0 auto !important;
  }

  .our-story__edge--left,
  .our-story__edge--right,
  .our-story__edge {
    display: none !important; /* Prevent huge edge pictures from merging/overlapping on mobile */
  }

  .our-story__content-wrapper {
    text-align: center !important;
    max-width: 100% !important;
  }

  .our-story__heading {
    font-size: 2.4rem !important;
    margin-bottom: 16px !important;
  }

  .our-story__button {
    margin-inline: auto !important;
  }

  /* 3. Product Showcase Mobile Optimization */
  .product-showcase-section {
    padding: 50px 0 !important;
  }

  .product-showcase__heading {
    font-size: 2.4rem !important;
    text-align: center !important;
  }

  .product-showcase__description {
    font-size: 0.9rem !important;
    text-align: center !important;
    margin-bottom: 28px !important;
  }

  .product-showcase__grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .product-showcase__card {
    padding: 24px 20px !important;
    border-radius: 24px !important;
  }

  .product-showcase__image-container,
  .product-showcase__image-wrap {
    height: 190px !important;
    margin-bottom: 16px !important;
  }

  .product-showcase__card-img,
  .product-showcase__image-container img {
    max-height: 180px !important;
  }

  .product-showcase__edge--right,
  .product-showcase__edge {
    display: none !important; /* Prevent floating can from overlapping card contents */
  }

  /* 4. Fuel Your Nutrition Mobile Optimization */
  .nutrition-highlights-section {
    padding: 50px 0 !important;
  }

  .nutrition-highlights__heading {
    font-size: 2.4rem !important;
    text-align: center !important;
  }

  .nutrition-highlights__stage {
    min-height: auto !important;
    flex-direction: column !important;
  }

  .nutrition-highlights__product-wrap {
    max-width: 240px !important;
    margin: 0 auto 24px auto !important;
  }

  .nutrition-highlights__bottle-img {
    max-width: 220px !important;
    height: auto !important;
  }

  .nutrition-highlights__callouts-container {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 16px !important;
    pointer-events: auto !important;
  }

  .nutrition-highlights__item {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    padding: 8px 10px !important;
    border-radius: 40px !important;
  }

  .nutrition-highlights__icon-wrap {
    width: 36px !important;
    height: 36px !important;
  }

  .nutrition-highlights__icon-wrap svg {
    width: 18px !important;
    height: 18px !important;
  }

  .nutrition-highlights__metric {
    font-size: 0.95rem !important;
  }

  .nutrition-highlights__label {
    font-size: 0.65rem !important;
  }

  .nutrition-highlights__connectors {
    display: none !important;
  }

  /* 5. Tasting Feedback Section Mobile Optimization */
  .sampling-feedback-section {
    padding: 50px 0 !important;
  }

  .sampling-feedback__heading {
    font-size: 2.4rem !important;
    text-align: center !important;
  }

  .sampling-feedback__edge-img {
    display: none !important; /* Hide edge graphic on mobile */
  }

  .sampling-feedback__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .sampling-feedback__card {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  /* 6. Instagram Follow Mobile Optimization */
  .instagram-follow-section {
    padding: 50px 0 !important;
  }

  .instagram-follow__heading {
    font-size: 2.4rem !important;
    text-align: center !important;
  }

  .instagram-follow__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .instagram-follow__img-wrap {
    border-radius: 16px !important;
    aspect-ratio: 1 / 1 !important;
  }
}

/* ==========================================================================
   Our Story & Brand Page Styling (Idea, Founders, Product & Future Plans)
   ========================================================================== */
/* Editorial Hero Section (Inspired by Reference Design) */
.our-story-editorial-hero {
  background-color: #2D1613 !important;
  color: #FAF6F0 !important;
  padding: 80px 0 0 0 !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 90vh !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Floating Photos Collage Grid */
.our-story-editorial-hero__collage {
  position: relative !important;
  width: 100% !important;
  max-width: 1350px !important;
  height: 520px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  z-index: 5 !important;
  padding: 0 20px !important;
}

.our-story-editorial-hero__photo-card {
  position: absolute !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 50px rgba(25, 10, 8, 0.5) !important;
  border: 1px solid rgba(250, 246, 240, 0.15) !important;
  background-color: #23100E !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

.our-story-editorial-hero__photo-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Center Main Vertical Card */
.our-story-editorial-hero__photo-card--center {
  width: 440px !important;
  height: 560px !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
  border-radius: 20px !important;
  border: 4px solid #FFFFFF !important;
}

/* Top-Left Card */
.our-story-editorial-hero__photo-card--top-left {
  width: 270px !important;
  height: 340px !important;
  top: 20px !important;
  left: 10% !important;
  z-index: 2 !important;
  filter: none !important;
}

/* Bottom-Right Card */
.our-story-editorial-hero__photo-card--bottom-right {
  width: 280px !important;
  height: 350px !important;
  bottom: 30px !important;
  right: 10% !important;
  z-index: 2 !important;
  filter: opacity(0.95) !important;
}

/* Giant Overlapping Title Wrapper */
.our-story-editorial-hero__title-wrap {
  width: 100% !important;
  text-align: center !important;
  position: relative !important;
  margin-top: -140px !important;
  z-index: 8 !important;
  pointer-events: none !important;
  padding-bottom: 30px !important;
}

.our-story-editorial-hero__giant-title {
  font-family: var(--font-body--family) !important;
  font-size: clamp(5.5rem, 18vw, 17rem) !important;
  font-weight: 900 !important;
  color: #FFFFFF !important;
  letter-spacing: -0.04em !important;
  line-height: 0.85 !important;
  margin: 0 !important;
  text-transform: lowercase !important;
  text-shadow: 0 15px 40px rgba(0, 0, 0, 0.9) !important;
}

/* Tablet & Mid-size screens (750px - 1100px) */
@media screen and (max-width: 1100px) and (min-width: 750px) {
  .our-story-editorial-hero__collage {
    height: 440px !important;
  }

  .our-story-editorial-hero__photo-card--center {
    width: 350px !important;
    height: 460px !important;
  }

  .our-story-editorial-hero__photo-card--top-left {
    width: 210px !important;
    height: 270px !important;
    left: 5% !important;
  }

  .our-story-editorial-hero__photo-card--bottom-right {
    width: 220px !important;
    height: 280px !important;
    right: 5% !important;
  }

  .our-story-editorial-hero__title-wrap {
    margin-top: -100px !important;
  }
}

/* Mobile Screens (< 749px) */
@media screen and (max-width: 749px) {
  .our-story-editorial-hero {
    min-height: 65vh !important;
    padding-top: 50px !important;
  }

  .our-story-editorial-hero__collage {
    height: 340px !important;
    padding: 0 10px !important;
  }

  .our-story-editorial-hero__photo-card--center {
    width: 240px !important;
    height: 320px !important;
    border-width: 2px !important;
  }

  .our-story-editorial-hero__photo-card--top-left {
    width: 130px !important;
    height: 170px !important;
    left: 2% !important;
    top: 10px !important;
  }

  .our-story-editorial-hero__photo-card--bottom-right {
    width: 140px !important;
    height: 180px !important;
    right: 2% !important;
    bottom: 20px !important;
  }

  .our-story-editorial-hero__title-wrap {
    margin-top: -70px !important;
    padding-bottom: 20px !important;
  }

  .our-story-editorial-hero__giant-title {
    font-size: clamp(3.8rem, 18vw, 7.5rem) !important;
  }
}

/* Innovation Idea Section */
.our-story-idea-section {
  background-color: #FAF6F0 !important;
  padding: 90px 0 !important;
}

.our-story-idea__container {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.our-story-idea__header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 60px auto !important;
}

.our-story-idea__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin-bottom: 16px !important;
}

.our-story-idea__lead {
  font-family: var(--font-body--family) !important;
  font-size: 1rem !important;
  color: #6C5A55 !important;
  line-height: 1.7 !important;
}

.our-story-idea__comparison-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.1fr !important;
  gap: 32px !important;
  align-items: stretch !important;
}

.our-story-idea__card {
  padding: 40px !important;
  border-radius: 28px !important;
  position: relative !important;
}

.our-story-idea__card--old {
  background-color: #FAF6F0 !important;
  border: 1px solid rgba(45, 22, 19, 0.08) !important;
}

.our-story-idea__card--new {
  background-color: #2D1613 !important;
  color: #FAF6F0 !important;
  box-shadow: 0 20px 50px rgba(45, 22, 19, 0.2) !important;
}

.our-story-idea__card-tag {
  font-family: var(--font-body--family) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  display: inline-block !important;
  margin-bottom: 16px !important;
  opacity: 0.8 !important;
}

.our-story-idea__card-tag--highlight {
  color: #E29B35 !important;
  opacity: 1 !important;
}

.our-story-idea__card-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  margin-bottom: 24px !important;
}

.our-story-idea__card--old .our-story-idea__card-title {
  color: #2D1613 !important;
}

.our-story-idea__card--new .our-story-idea__card-title {
  color: #FAF6F0 !important;
}

.our-story-idea__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.our-story-idea__list li {
  font-family: var(--font-body--family) !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  margin-bottom: 12px !important;
}

.our-story-idea__card--old .our-story-idea__list li {
  color: #6C5A55 !important;
}

.our-story-idea__card--new .our-story-idea__list li {
  color: #D9CEBD !important;
}

/* Clean Editorial Layout for Founder Ishan */
.our-story-founders-section {
  background-color: #FAF6F0 !important;
  padding: 100px 0 !important;
}

.our-story-founders__container {
  max-width: 1150px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.our-story-founders__header {
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto 50px auto !important;
}

.our-story-founders__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.our-story-founders__main-grid {
  display: grid !important;
  grid-template-columns: 0.85fr 1.15fr !important;
  gap: 50px !important;
  align-items: center !important;
  margin-bottom: 60px !important;
}

.our-story-founders__img-card {
  position: relative !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 45px rgba(45, 22, 19, 0.12) !important;
  background-color: #FFFFFF !important;
}

.our-story-founders__img {
  width: 100% !important;
  height: 480px !important;
  object-fit: cover !important;
  display: block !important;
}

.our-story-founders__img-badge {
  position: absolute !important;
  bottom: 0 !important;
  inset-inline: 0 !important;
  background: linear-gradient(180deg, transparent 0%, rgba(45, 22, 19, 0.92) 100%) !important;
  padding: 36px 28px 24px 28px !important;
  color: #FFFFFF !important;
}

.our-story-founders__name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #FAF6F0 !important;
  display: block !important;
}

.our-story-founders__role {
  font-family: var(--font-body--family) !important;
  font-size: 0.85rem !important;
  color: #E29B35 !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

/* Clean Accent Narrative Layout (No Dark Box) */
.our-story-founders__narrative-wrap {
  border-left: 3px solid #8C6239 !important;
  padding-left: 32px !important;
}

.our-story-founders__headline {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2.3rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  line-height: 1.25 !important;
  margin-bottom: 24px !important;
}

.our-story-founders__text-body p {
  font-family: var(--font-body--family) !important;
  font-size: 1.02rem !important;
  color: #6C5A55 !important;
  line-height: 1.8 !important;
  margin-bottom: 18px !important;
}

/* Bottom Feature Cards Grid */
.our-story-founders__features-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

.our-story-founders__feature-card {
  background-color: #FFFFFF !important;
  border-radius: 24px !important;
  padding: 36px 28px !important;
  box-shadow: 0 10px 30px rgba(45, 22, 19, 0.05) !important;
  border: 1px solid rgba(45, 22, 19, 0.06) !important;
  text-align: left !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.our-story-founders__feature-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(45, 22, 19, 0.09) !important;
}

.our-story-founders__feature-number {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  color: #8C6239 !important;
  display: block !important;
  margin-bottom: 10px !important;
  line-height: 1 !important;
}

.our-story-founders__feature-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin-bottom: 8px !important;
}

.our-story-founders__feature-text {
  font-family: var(--font-body--family) !important;
  font-size: 0.9rem !important;
  color: #6C5A55 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Roadmap & Future Plans Section */
.our-story-future-section {
  background-color: #EAE2D7 !important;
  padding: 100px 0 !important;
  position: relative !important;
}

.our-story-future__container {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.our-story-future__header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 60px auto !important;
}

.our-story-future__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin-bottom: 16px !important;
}

.our-story-future__description {
  font-family: var(--font-body--family) !important;
  font-size: 1rem !important;
  color: #6C5A55 !important;
  line-height: 1.7 !important;
}

.our-story-future__timeline {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
}

.our-story-future__step {
  background-color: #FAF6F0 !important;
  border-radius: 28px !important;
  padding: 40px !important;
  border: 1px solid rgba(45, 22, 19, 0.08) !important;
  box-shadow: 0 10px 30px rgba(45, 22, 19, 0.04) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.our-story-future__step:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 40px rgba(45, 22, 19, 0.1) !important;
}

.our-story-future__badge {
  display: inline-block !important;
  background-color: #8C6239 !important;
  color: #FFFFFF !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  padding: 6px 16px !important;
  border-radius: 50px !important;
  margin-bottom: 18px !important;
}

.our-story-future__step-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.9rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}

.our-story-future__step-text {
  font-family: var(--font-body--family) !important;
  font-size: 0.95rem !important;
  color: #6C5A55 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

@media screen and (max-width: 749px) {
  .our-story-future-section {
    padding: 60px 0 !important;
  }

  .our-story-future__timeline {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .our-story-future__step {
    padding: 28px 20px !important;
  }
}

/* Promise CTA Section */
.our-story-promise-section {
  background-color: #FAF6F0 !important;
  padding: 90px 0 !important;
}

.our-story-promise__container {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.our-story-promise__box {
  background-color: #2D1613 !important;
  border-radius: 36px !important;
  padding: 70px 40px !important;
  text-align: center !important;
  box-shadow: 0 20px 50px rgba(45, 22, 19, 0.2) !important;
}

.our-story-promise__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.2rem !important;
  font-weight: 700 !important;
  color: #FAF6F0 !important;
  margin-bottom: 16px !important;
}

.our-story-promise__text {
  font-family: var(--font-body--family) !important;
  font-size: 1.05rem !important;
  color: #D9CEBD !important;
  max-width: 580px !important;
  margin: 0 auto 36px auto !important;
  line-height: 1.7 !important;
}

.our-story-promise__cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #E29B35 !important;
  color: #2D1613 !important;
  font-family: var(--font-body--family) !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 16px 44px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out !important;
}

.our-story-promise__cta-btn:hover {
  background-color: #FFFFFF !important;
  color: #2D1613 !important;
  transform: translateY(-2px) !important;
}

/* Mobile Responsiveness for Our Story Page */
@media screen and (max-width: 749px) {
  .our-story-hero__container {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    text-align: center !important;
  }

  .our-story-hero__badge-row {
    justify-content: center !important;
  }

  .our-story-idea__comparison-grid,
  .our-story-founders__main-grid,
  .our-story-future__timeline {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .our-story-founders__img {
    height: 320px !important;
  }

  .our-story-founders__message-title {
    font-size: 1.7rem !important;
    text-align: center !important;
  }

  .our-story-founders__story-text {
  .our-story-founders__narrative-wrap {
    border-left: none !important;
    border-top: 3px solid #8C6239 !important;
    padding-left: 0 !important;
    padding-top: 24px !important;
    text-align: center !important;
  }

  .our-story-founders__features-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .our-story-idea__heading,
  .our-story-founders__heading,
  .our-story-future__heading {
    font-size: 2.4rem !important;
  }

  .our-story-founders__card {
    padding: 30px 20px !important;
  }

  .our-story-founders__quote {
    font-size: 1.3rem !important;
  }

  .our-story-promise__box {
    padding: 40px 20px !important;
    border-radius: 24px !important;
  }

  .our-story-promise__heading {
    font-size: 2.2rem !important;
  }
}

/* ==========================================================================
   SHOPIFY POLICY PAGES - ELEGANT EDITORIAL LIGHT THEME OVERRIDE
   ========================================================================== */

/* Outer Layout Background */
main#MainContent:has(.shopify-policy__container),
div.shopify-policy__container,
.shopify-policy__container {
  background-color: #FAF6F0 !important;
}

/* White Card Container */
div.shopify-policy__container,
.shopify-policy__container {
  max-width: 900px !important;
  margin: 50px auto 90px auto !important;
  padding: 56px 48px !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(45, 22, 19, 0.08) !important;
  border-radius: 28px !important;
  box-shadow: 0 15px 45px rgba(45, 22, 19, 0.05) !important;
  color: #2D1613 !important;
  box-sizing: border-box !important;
}

/* Clear Inner Body Background */
.shopify-policy__body,
.shopify-policy__title {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* FORCE Elegance on ALL Headings - OVERRIDE BLOCKY DISPLAY FONT */
:is(.shopify-policy__container, .shopify-policy__title, .shopify-policy__body, [data-template*="policy"]) :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  color: #2D1613 !important;
  line-height: 1.25 !important;
}

/* Main Title (h1) */
:is(.shopify-policy__container, .shopify-policy__title, .shopify-policy__body) :is(h1, .h1) {
  font-size: clamp(2.4rem, 4.5vw, 3.4rem) !important;
  text-align: center !important;
  margin: 0 0 16px 0 !important;
}

/* Section Headings (h2) */
:is(.shopify-policy__container, .shopify-policy__body) :is(h2, .h2) {
  font-size: 1.7rem !important;
  margin-top: 40px !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(45, 22, 19, 0.1) !important;
}

/* Section Headings (h3) */
:is(.shopify-policy__container, .shopify-policy__body) :is(h3, .h3) {
  font-size: 1.35rem !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

/* Body Paragraphs */
:is(.shopify-policy__container, .shopify-policy__body) p {
  font-family: var(--font-body--family), 'Outfit', 'Inter', -apple-system, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.75 !important;
  color: #4A3E3B !important;
  margin-bottom: 18px !important;
  text-align: left !important;
}

/* Lists */
:is(.shopify-policy__container, .shopify-policy__body) :is(ul, ol) {
  margin: 14px 0 22px 24px !important;
  padding: 0 !important;
}

:is(.shopify-policy__container, .shopify-policy__body) li {
  font-family: var(--font-body--family), 'Outfit', 'Inter', -apple-system, sans-serif !important;
  font-size: 0.96rem !important;
  line-height: 1.7 !important;
  color: #4A3E3B !important;
  margin-bottom: 10px !important;
}

/* Links & Bold */
:is(.shopify-policy__container, .shopify-policy__body) a {
  color: #8C6239 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

:is(.shopify-policy__container, .shopify-policy__body) :is(strong, b) {
  color: #2D1613 !important;
  font-weight: 700 !important;
}




/* ==========================================================================
   LIVVUP BRAND THEME CART DRAWER REDESIGN
   ========================================================================== */

/* Cart Drawer Dialog & Background */
cart-drawer,
.cart-drawer,
dialog.cart-drawer,
.drawer,
.drawer__inner,
dialog[is="cart-drawer"] {
  background-color: #FAF6F0 !important;
  color: #2D1613 !important;
  font-family: var(--font-body--family), 'Outfit', sans-serif !important;
}

.drawer__inner,
.cart-drawer__content,
dialog.cart-drawer::backdrop {
  background-color: #FAF6F0 !important;
}

/* Cart Header */
.cart-drawer__header,
.drawer__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 24px 24px 20px 24px !important;
  border-bottom: 1px solid rgba(45, 22, 19, 0.1) !important;
}

.cart-drawer__title,
.drawer__title,
.cart-drawer__header h2,
.cart-drawer header h2,
.drawer__header .h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 2.3rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  margin: 0 !important;
}

/* Close Button */
.cart-drawer__close,
.drawer__close,
.cart-drawer .icon-close {
  color: #2D1613 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform 0.25s ease !important;
}

.cart-drawer__close:hover,
.drawer__close:hover {
  transform: scale(1.1) !important;
}

/* Cart Items List */
.cart-drawer__items,
.cart-items,
.cart-items__wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 20px 24px !important;
}

/* Cart Item Card */
.cart-item,
.cart-drawer__item,
tr.cart-item {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  padding: 18px !important;
  border: 1px solid rgba(45, 22, 19, 0.08) !important;
  box-shadow: 0 6px 20px rgba(45, 22, 19, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}

/* Product Thumbnail */
.cart-item__media,
.cart-item__image-container,
.cart-item img {
  width: 80px !important;
  height: 80px !important;
  object-fit: contain !important;
  border-radius: 14px !important;
  background: #FAF6F0 !important;
  padding: 6px !important;
}

/* Product Details */
.cart-item__details {
  flex: 1 !important;
}

.cart-item__name,
.cart-item__title,
.cart-item a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.cart-item__price,
.cart-item__final-price,
.cart-item .price {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #2D1613 !important;
}

/* Quantity Selector in Cart Drawer Item */
.cart-item quantity-popover,
.cart-item .quantity,
.cart-item__quantity-wrapper,
.cart-item quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  background: #FAF6F0 !important;
  border: 1px solid rgba(45, 22, 19, 0.2) !important;
  border-radius: 50px !important;
  padding: 4px 12px !important;
  margin-top: 8px !important;
}

.cart-item .quantity__button,
.cart-item button[name="minus"],
.cart-item button[name="plus"],
.cart-item .quantity-selector__button {
  background: none !important;
  border: none !important;
  color: #2D1613 !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  cursor: pointer !important;
}

.cart-item .quantity__input,
.cart-item input[name="updates[]"],
.cart-item .quantity-selector__input {
  width: 32px !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
  font-size: 1rem !important;
}

/* Delete / Trash Button */
.cart-item cart-remove-button,
.cart-item .cart-remove-button,
.cart-item__remove-btn {
  color: #8C6239 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.cart-item cart-remove-button:hover,
.cart-item__remove-btn:hover {
  color: #C62828 !important;
}

/* Cart Summary Footer */
.cart-drawer__footer,
.drawer__footer,
.cart-summary {
  background: #FAF6F0 !important;
  border-top: 1px solid rgba(45, 22, 19, 0.12) !important;
  padding: 24px !important;
  margin-top: auto !important;
}

/* Totals Header */
.cart-drawer__totals,
.totals,
.cart-summary__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}

.totals__total,
.cart-summary__total-label {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #2D1613 !important;
}

.totals__total-value,
.cart-summary__total-value {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #2D1613 !important;
}

.tax-note,
.cart-drawer__tax-note {
  font-size: 0.88rem !important;
  color: #756763 !important;
  margin-bottom: 20px !important;
}

/* Checkout Pill Button */
.cart-drawer__checkout-button,
.cart__checkout-button,
.cart-drawer button[name="checkout"],
.drawer__footer button[name="checkout"],
.cart-drawer a.button--primary {
  width: 100% !important;
  padding: 16px 36px !important;
  background-color: #2D1613 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 10px 25px rgba(45, 22, 19, 0.15) !important;
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
}

.cart-drawer__checkout-button:hover,
.cart__checkout-button:hover,
.cart-drawer button[name="checkout"]:hover,
.cart-drawer a.button--primary:hover {
  background-color: #3A1B16 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(45, 22, 19, 0.25) !important;
}

/* ==========================================================================
   MAIN CART PAGE (/cart) REDESIGN & CLEANUP
   ========================================================================== */
.main-cart-section,
.cart-section,
.cart-wrapper,
main#MainContent:has(.cart-items) {
  background-color: #FAF6F0 !important;
  color: #2D1613 !important;
}

/* Cart Summary Card Styling */
.cart-summary,
.cart-totals,
.cart-summary__container,
.cart-totals__container {
  background-color: #FFFFFF !important;
  border-radius: 24px !important;
  padding: 32px !important;
  box-shadow: 0 10px 30px rgba(45, 22, 19, 0.06) !important;
  color: #2D1613 !important;
  border: 1px solid rgba(45, 22, 19, 0.08) !important;
}

.cart-summary * {
  color: #2D1613 !important;
}

.cart-summary button[name="checkout"],
.cart-summary .checkout-button,
.cart-summary a.button {
  background-color: #2D1613 !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 16px 36px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 10px 25px rgba(45, 22, 19, 0.15) !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
}

.cart-summary button[name="checkout"]:hover,
.cart-summary .checkout-button:hover,
.cart-summary a.button:hover {
  background-color: #3A1B16 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(45, 22, 19, 0.25) !important;
}