/** Shopify CDN: Minification failed

Line 130:19 Unexpected "*"
Line 931:21 Unexpected "*"
Line 2992:0 Expected "}" to go with "{"

**/
/* Gulyarn Redesign System - Custom CSS Overrides */

:root {
  /* Brand Color Palette (Derived from Gulyarn Logo) */
  --color-primary:      #8B3A2A; /* Deep Rust / Burnt Sienna */
  --color-background:   #FFF5F0; /* Warm Cream */
  --color-accent-peach: #E8B89D; /* Warm Peach / Blush */
  --color-accent-pink:  #E8AFC0; /* Soft Pink */
  --color-accent-green: #8A9A7B; /* Sage / Muted Green */
  --color-accent-gold:  #D4A843; /* Mustard / Golden Yellow */
  --color-accent-dark:  #6B2344; /* Deep Plum / Burgundy */
  --color-text:         #3D3D3D; /* Warm Charcoal Body Text */
  --color-text-light:   #7A7A7A; /* Muted Text */
  --color-card-bg:      #FDF0F0; /* Soft Tinted Card Background */

  /* Global Typography System */
  --font-gulyarn-heading: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-gulyarn-body:    'Inter', 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Global Layout Tokens */
  --gulyarn-border-radius: 12px;
  --gulyarn-card-radius:   16px;
  --gulyarn-box-shadow:    0 8px 24px rgba(139, 58, 42, 0.08);
  --gulyarn-transition:    all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  /* Judge.me Overrides */
  --jdgm-primary-color: var(--color-primary) !important;
  --jdgm-star-color: var(--color-accent-gold) !important;
  --jdgm-write-review-bg-color: var(--color-primary) !important;
  --jdgm-border-radius: 30px !important;
  --jdgm-reviewer-name-color: var(--color-primary) !important;
}

/* Global Reset & Body Styling */
body {
  background-color: var(--color-background) !important;
  color: var(--color-text) !important;
  font-family: var(--font-gulyarn-body) !important;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.title, .heading {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary);
  letter-spacing: 0.02em;
}

/* Links & Accents */
a {
  color: var(--color-primary);
  transition: var(--gulyarn-transition);
}

a:hover {
  color: var(--color-accent-dark);
}

/* Primary Button Styling */
.button,
.button--primary,
.cart__checkout-button,
button.button--primary,
.product-form__submit,
.jdgm-write-rev-link,
.spr-button {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-radius: var(--gulyarn-border-radius) !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--color-primary) !important;
  transition: var(--gulyarn-transition) !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.15) !important;
}

.button:hover,
.button--primary:hover,
.cart__checkout-button:hover,
button.button--primary:hover,
.product-form__submit:hover,
.jdgm-write-rev-link:hover,
.spr-button:hover {
  background-color: var(--color-accent-dark) !important;
  border-color: var(--color-accent-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(107, 35, 68, 0.25) !important;
}

/* Secondary Button Styling */
.button--secondary,
.button--outlined {
  background-color: transparent !important;
  color: var(--color-primary) !important;
  border: 1.5px solid var(--color-primary) !important;
  border-radius: var(--gulyarn-border-radius) !important;
  transition: var(--gulyarn-transition) !important;
}

/* Dynamic Checkout Button ("Buy it Now") styles moved to product page section */

.button--secondary:hover,
.button--outlined:hover {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}

/* Remove Dawn Native Button Double Borders */
.button::after,
.button::before,
.button--primary::after,
.button--secondary::after,
.button--outlined::after {
  display: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Section Spacing Improvements */
.section-template--* {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Header Component Redesign */
.header-wrapper {
  background-color: var(--color-background) !important;
  border-bottom: 1px solid var(--color-accent-peach) !important;
  box-shadow: 0 2px 10px rgba(139, 58, 42, 0.04);
}

.header__heading-link {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.header__menu-item,
.header__active-menu-item,
.header__submenu .header__menu-item {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-primary) !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
  letter-spacing: 0.04em !important;
  transition: var(--gulyarn-transition) !important;
}

.header__menu-item:hover {
  color: var(--color-accent-dark) !important;
  text-decoration: underline !important;
  text-underline-offset: 6px;
}

.header__icon {
  color: var(--color-primary) !important;
  transition: var(--gulyarn-transition) !important;
}

.header__icon:hover {
  color: var(--color-accent-dark) !important;
  transform: scale(1.05);
}

.cart-count-bubble {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}

/* Footer Component Redesign */
footer.footer {
  background-color: var(--color-background) !important;
  border-top: 1px solid var(--color-accent-peach) !important;
  color: var(--color-text) !important;
}

.footer-block__heading {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
}

.footer-block__details-content .list-menu__item--link {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-text) !important;
  transition: var(--gulyarn-transition) !important;
}

.footer-block__details-content .list-menu__item--link:hover {
  color: var(--color-primary) !important;
  padding-left: 4px;
}

.footer__list-social .list-social__item .link {
  color: var(--color-primary) !important;
  transition: var(--gulyarn-transition) !important;
}

.footer__list-social .list-social__item .link:hover {
  color: var(--color-accent-dark) !important;
  transform: translateY(-2px);
}

/* Hero Banner Component Redesign */
.banner:not(.banner--desktop-transparent) .banner__box {
  background-color: rgba(255, 245, 240, 0.92) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
  box-shadow: 0 10px 30px rgba(139, 58, 42, 0.1) !important;
  backdrop-filter: blur(8px);
  padding: 3rem 4rem !important;
}

.banner__heading {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 3.8rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.banner__text {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-text) !important;
  font-size: 1.6rem !important;
}

@media screen and (max-width: 749px) {
  .banner__heading {
    font-size: 2.8rem !important;
  }
  .banner__box {
    padding: 2rem !important;
  }
}

/* Product Description Premium Accordion Styling */
.product__description {
  background-color: var(--color-card-bg);
  border: 1px solid var(--color-accent-peach) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  padding: 2rem 0 1rem 0 !important; /* Removed side padding so arrow reaches right edge */
  margin-top: 3rem !important;
  box-shadow: 0 4px 15px rgba(139, 58, 42, 0.04) !important;
}

.product__description summary {
  padding-bottom: 1rem !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
}

.product__description .summary__title {
  padding-left: 3rem !important; /* Indent the title to match previous layout */
}

.product__description .accordion__content {
  padding: 0 3rem !important; /* Apply side padding to inner content instead */
  margin-bottom: 2rem !important;
}

.product__description p,
.product__description ul {
  font-family: var(--font-gulyarn-body);
  font-size: 1.5rem;
  color: var(--color-text);
  line-height: 1.7;
  margin-bottom: 2rem;
}

.product__description ul li {
  margin-bottom: 1rem;
}

/* This creates the separation lines between sections */
.product__description h3,
.product__description h4,
.product__description h5 {
  font-family: var(--font-gulyarn-heading);
  color: var(--color-primary);
  font-size: 2rem;
  font-weight: 600;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-accent-peach);
}

/* Remove the top border from the very first heading so it looks clean */
.product__description h3:first-child,
.product__description h4:first-child,
.product__description h5:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* Product Card Component Redesign & Full Symmetry Layout */
.card-wrapper {
  transition: var(--gulyarn-transition);
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.card-wrapper:hover {
  transform: translateY(-4px);
}

.card {
  background-color: var(--color-card-bg) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  border: none !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(139, 58, 42, 0.08) !important;
  transition: var(--gulyarn-transition);
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}

.card-wrapper:hover .card {
  box-shadow: var(--gulyarn-box-shadow);
  border-color: var(--color-accent-pink) !important;
}

.card__inner {
  border-radius: var(--gulyarn-card-radius) var(--gulyarn-card-radius) 0 0 !important;
  overflow: hidden;
  background-color: #ffffff !important;
  position: relative !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

.card__media {
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.card__media img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

/* Review Stars Global Styling */
.spr-starrating,
.spr-stars,
.jdgm-star,
.rating-star,
.rating-star svg,
.rating-star path,
.rating-text,
.rating,
.loox-rating .star {
  color: var(--color-accent-gold) !important;
  fill: var(--color-accent-gold) !important;
  --color-icon: var(--color-accent-gold) !important;
}

/* Empty Rating Stars Formatting */
.product-card-rating {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
}
.rating--empty .rating-star-empty {
  font-size: 1.4rem;
  letter-spacing: 2px;
  color: rgba(139, 58, 42, 0.55) !important; /* Subtle brown/primary tint */
  line-height: 1;
}
.product-card-rating .rating-count {
  font-size: 1.2rem;
  color: rgba(139, 58, 42, 0.7) !important;
  margin: 0;
}

/* Hide title overlay on top of product card images */
.card__inner .card__content,
.card__inner .card__information {
  display: none !important;
}

.card__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
  padding: 1.5rem !important;
}

.card__information {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 0 !important;
}

.card-information {
  margin-top: auto !important;
  width: 100% !important;
}

.card__heading {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  margin-bottom: 0.8rem !important;
}

.card__heading a {
  color: var(--color-primary) !important;
  font-weight: 600 !important;
  font-size: 1.6rem !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.card__heading a:hover {
  color: var(--color-accent-dark) !important;
}

/* Global Pricing Color System */
.price {
  font-family: var(--font-gulyarn-body) !important;
}

/* Active selling prices (Regular & Sale final prices) - Prominent Dark Sienna Theme Color */
.price-item,
.price .price-item,
.price .price-item--sale,
.price__regular .price-item--regular,
.price__sale .price-item--sale,
.price-item--last {
  color: var(--color-accent-dark) !important; /* #6B2A1E - prominent dark sienna */
  font-weight: 700 !important;
}

/* Strikethrough / Cut compare-at prices ONLY - Crisp Black */
.price s.price-item,
.price .price-item--regular s,
.price s,
.price__sale s,
s.price-item--regular,
.price--on-sale .price-item--regular {
  color: #111111 !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
  opacity: 0.65 !important;
}

.badge {
  border-radius: 20px !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
}

.badge--bottom-left {
  background-color: var(--color-accent-gold) !important;
  color: #ffffff !important;
  border: none !important;
}

/* Quick Add Button Alignment inside Cards */
.card-wrapper .quick-add,
.card .quick-add {
  margin-top: 1.2rem !important;
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}

.card__content .button,
.card__content .quick-add__submit {
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: var(--gulyarn-border-radius) !important;
  white-space: normal !important;
  text-align: center !important;
  padding: 0.8rem 1rem !important;
  min-height: 4.2rem !important;
}

/* ============================================================================
   COLLECTION LIST REDESIGN - OPTION 3: GLASSMORPHIC CARD BOXES
   ========================================================================= */

/* Grid container & item sizing layout on Collection List Page */
.collection-list,
.grid--collection-list {
  display: grid !important;
  gap: 2.2rem !important;
  width: 100% !important;
}

.collection-list .grid__item,
.grid--collection-list .grid__item,
.collection-list__item {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

@media screen and (min-width: 990px) {
  .collection-list,
  .grid--collection-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (max-width: 989px) and (min-width: 750px) {
  .collection-list,
  .grid--collection-list {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.8rem !important;
  }
}

@media screen and (max-width: 749px) {
  .collection-list,
  .grid--collection-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.2rem !important;
  }
}

/* Card Wrapper Box Styling */
.template-list-collections .collection-card-wrapper {
  background-color: #FDF0F0 !important;
  border: 1.5px solid var(--color-accent-peach) !important;
  border-radius: 18px !important;
  padding: 1.2rem !important;
  box-shadow: 0 4px 16px rgba(139, 58, 42, 0.06) !important;
  transition: var(--gulyarn-transition) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  text-align: center !important;
}

.template-list-collections .collection-card-wrapper .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}

.template-list-collections .collection-card-wrapper:hover {
  border-color: var(--color-primary) !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 30px rgba(139, 58, 42, 0.16) !important;
}

/* Hide duplicate content element inside inner card */
.template-list-collections .collection-card-wrapper .card__inner .card__content {
  display: none !important;
}

/* Inner Image Container - Rounded Square (No Circles!) */
.template-list-collections .collection-card-wrapper .card__inner {
  border-radius: 14px !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  background-color: #ffffff !important;
  width: 100% !important;
  position: relative !important;
}

.template-list-collections .collection-card-wrapper .card__inner img,
.template-list-collections .collection-card-wrapper .card__media img {
  border-radius: 14px !important;
  transition: transform 0.4s ease !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

.template-list-collections .collection-card-wrapper:hover .card__inner img,
.template-list-collections .collection-card-wrapper:hover .card__media img {
  transform: scale(1.06) !important;
}

/* Outer Text Content Area (Single CTA Button) */
.template-list-collections .collection-card-wrapper > .card > .card__content {
  padding: 1.2rem 0.4rem 0.4rem 0.4rem !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
  width: 100% !important;
}

/* Collection Heading Title - Capitalized */
.template-list-collections .collection-card-wrapper .card__heading,
.card__heading,
.card__heading a {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  text-transform: capitalize !important;
}

.template-list-collections .collection-card-wrapper .card__heading {
  font-size: 1.7rem !important;
  margin: 0 0 0.8rem 0 !important;
  line-height: 1.3 !important;
}

.template-list-collections .collection-card-wrapper .card__heading a {
  color: var(--color-primary) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.template-list-collections .collection-card-wrapper:hover .card__heading a {
  color: var(--color-accent-dark) !important;
}

/* Hide default inline arrow next to title */
.template-list-collections .collection-card-wrapper .card__heading .icon-wrap {
  display: none !important;
}

/* Single Styled CTA Button ("Explore →") at bottom of Card */
.template-list-collections .collection-card-wrapper > .card > .card__content::after {
  content: 'Explore Collection →' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #ffffff !important;
  color: var(--color-primary) !important;
  border: 1.5px solid var(--color-accent-peach) !important;
  border-radius: 20px !important;
  padding: 0.6rem 1.4rem !important;
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(139, 58, 42, 0.05) !important;
  transition: var(--gulyarn-transition) !important;
  margin-top: 0.4rem !important;
}

.template-list-collections .collection-card-wrapper:hover > .card > .card__content::after {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-color: var(--color-primary) !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.25) !important;
}

/* Mobile Adjustments (< 750px) */
@media screen and (max-width: 749px) {
  .template-list-collections .collection-card-wrapper {
    padding: 0.8rem !important;
    border-radius: 14px !important;
  }

  .template-list-collections .collection-card-wrapper .card__inner {
    border-radius: 10px !important;
  }

  .template-list-collections .collection-card-wrapper > .card > .card__content {
    padding: 0.8rem 0.2rem 0.2rem 0.2rem !important;
  }

  .template-list-collections .collection-card-wrapper .card__heading {
    font-size: 1.35rem !important;
    margin-bottom: 0.4rem !important;
  }

  .template-list-collections .collection-card-wrapper > .card > .card__content::after {
    font-size: 1.05rem !important;
    padding: 0.4rem 0.8rem !important;
  }
}

/* Header & Announcement Navigation Polish */
.header__menu-item {
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  font-size: 1.3rem !important;
  text-transform: uppercase !important;
  color: var(--color-primary) !important;
  position: relative;
  padding: 0.8rem 1.4rem !important;
}

.header__menu-item span {
  position: relative;
}

.header__menu-item span::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: var(--color-accent-gold);
  transition: width 0.3s ease;
}

.header__menu-item:hover span::after {
  width: 100%;
}

.utility-bar {
  background-color: var(--color-accent-dark) !important;
  color: #ffffff !important;
  border-bottom: none !important;
}

.announcement-bar {
  background-color: transparent !important;
}

.announcement-bar__message {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 0.8rem 0 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
}

/* Make sure localization links in top bar are visible */
.utility-bar .localization-selector.link {
  color: #ffffff !important;
}

/* Header Dropdown & Mega Menu Boutique Styling */
.header__submenu,
.mega-menu__content {
  background-color: var(--color-card-bg) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
  box-shadow: 0 16px 36px rgba(139, 58, 42, 0.12) !important;
  padding: 1.5rem 2rem !important;
}

.header__submenu .header__menu-item {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.4rem !important;
  color: var(--color-text) !important;
  text-transform: none !important;
  font-weight: 500 !important;
  padding: 0.8rem 1.2rem !important;
  border-radius: 8px;
  transition: var(--gulyarn-transition);
}

.header__submenu .header__menu-item:hover {
  background-color: rgba(232, 184, 157, 0.2) !important;
  color: var(--color-primary) !important;
}

.mega-menu__title {
  font-family: var(--font-gulyarn-heading) !important;
  font-size: 1.6rem !important;
  color: var(--color-primary) !important;
  font-weight: 600 !important;
}

/* Multirow Section Boutique Styling */
.multirow .media img,
.image-with-text__media-item img {
  border-radius: 200px 200px 0 0 !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 12px 30px rgba(139, 58, 42, 0.1) !important;
}

.multirow-section .image-with-text__content {
  background-color: var(--color-card-bg) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
  padding: 3.5rem !important;
}

/* Cart Page Redesign (Plants Parlour inspired) */
.cart-item {
  background-color: #ffffff !important;
  border-radius: var(--gulyarn-border-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.cart-item__media img {
  border-radius: 8px !important;
}

.cart-item__name {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 1.8rem !important;
}

.cart__blocks {
  background-color: var(--color-card-bg) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
  padding: 2.5rem !important;
}

.totals__subtotal-value {
  color: var(--color-primary) !important;
  font-family: var(--font-gulyarn-heading) !important;
  font-size: 2.2rem !important;
}

/* Account & Login Page Redesign (Plants Parlour inspired) */
.customer.login,
.customer.register,
.customer.account {
  max-width: 50rem !important;
  margin: 4rem auto !important;
  padding: 4rem 3rem !important;
  background-color: var(--color-card-bg) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
  box-shadow: var(--gulyarn-box-shadow) !important;
}

.customer h1 {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 3.2rem !important;
  text-align: center;
}

.customer .field input {
  border-radius: var(--gulyarn-border-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
  background-color: #ffffff !important;
}

.customer .field input:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px rgba(139, 58, 42, 0.2) !important;
}

/* Form Elements (Newsletter & Country Selectors) */
.newsletter-form__field-wrapper .field__input,
.localization-form__select {
  background-color: #ffffff !important;
  border: 1.5px solid var(--color-accent-peach) !important;
  border-radius: 30px !important;
  padding: 1.2rem 2rem !important;
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.4rem !important;
  color: var(--color-primary) !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.05) !important;
  transition: var(--gulyarn-transition) !important;
}

.newsletter-form__field-wrapper .field__input:focus,
.localization-form__select:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 4px 15px rgba(139, 58, 42, 0.15) !important;
  outline: none !important;
}

.newsletter-form__button {
  border-radius: 0 30px 30px 0 !important;
  color: var(--color-primary) !important;
  transition: var(--gulyarn-transition) !important;
}

.newsletter-form__button:hover {
  color: var(--color-accent-gold) !important;
  transform: translateX(3px);
}

/* Remove default Dawn input lines */
.field::before,
.field::after,
.select::before,
.select::after {
  display: none !important;
}

/* --- Mobile Responsiveness Overrides --- */
@media screen and (max-width: 749px) {
  .multirow-section .image-with-text__content {
    padding: 2.5rem !important;
  }
  
  .multirow .media img,
  .image-with-text__media-item img {
    border-radius: 120px 120px 0 0 !important;
  }
  
  .section-template--* {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  .banner__box {
    padding: 2rem !important;
  }
  
  .gulyarn-testimonial-card {
    padding: 2.5rem 1.5rem;
  }

  /* Shrink Collection Circles on Mobile */
  .collection-list.slider .grid__item {
    width: calc(50% - 10px) !important;
    max-width: 180px !important;
  }

  .template-list-collections .collection-card-wrapper .card__heading {
    font-size: 1.4rem !important;
    margin-top: 1rem !important;
  }

  /* Add breathing room between product cards on mobile grids and sliders 
     (Disabled: these hardcoded gaps break Dawn's native 2-col math and force 1 card per row)
  .grid--2-col-tablet-down,
  .slider--tablet.grid--peek {
    column-gap: 12px !important;
    row-gap: 24px !important;
  }
  */
  
  /* Give cards a tiny margin just in case the slider packs them tightly 
  .product-grid .grid__item {
    padding-left: 4px;
    padding-right: 4px;
  }
  */

  /* Shrink Product Cards on Mobile Grid */
  .card__content {
    padding: 1rem !important;
    padding-bottom: 1.5rem !important;
  }

  .card__heading, 
  .card__heading a {
    font-size: 1.3rem !important;
  }

  .price {
    font-size: 1.3rem !important;
  }

  /* Shrink Quick Add Buttons on Mobile Product Cards */
  .card-wrapper .quick-add {
    margin: 1rem 0 0 0 !important;
    width: 100% !important;
  }
  
  .card__content .button,
  .card__content .quick-add__submit {
    padding: 0.8rem 1rem !important;
    font-size: 1.1rem !important;
    min-width: auto !important;
    min-height: 3.5rem !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  
  /* Allow titles to safely wrap to two lines on mobile */
  .card__heading {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Announcement Bar Polish */
.utility-bar__grid {
  display: flex !important;
  justify-content: center !important;
}
.utility-bar .localization-wrapper,
.utility-bar .list-social {
  display: none !important;
}
.announcement-bar {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px;
}
.announcement-bar__message {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* NUCLEAR OPTION: Force All Stars to Gold */
.rating-star, 
.rating-star *,
.rating-star::before,
.rating-star::after,
.jdgm-star,
.jdgm-star *,
.spr-icon-star,
.spr-icon-star-empty,
.loox-rating .star * {
  color: var(--color-accent-gold) !important;
  fill: var(--color-accent-gold) !important;
  stroke: var(--color-accent-gold) !important;
  --color-icon: var(--color-accent-gold) !important;
}

/* Gulyarn Custom Doran Shoppable Videos Overrides - Option C: Botanical Leaf Frame */
[id*="1780145495b8986e8b"] {
  background-color: var(--color-card-bg) !important;
  padding: 8rem 2rem !important;
  margin: 6rem auto;
  max-width: var(--page-width, 1200px);
  /* Creates a beautiful botanical leaf/petal shape container */
  border-radius: 140px 0 140px 0 !important;
  box-shadow: 0 15px 35px rgba(139, 58, 42, 0.06) !important;
  border: 1px solid var(--color-accent-peach) !important;
  position: relative;
}

/* --- Image With Text Tablet Fix --- */
@media screen and (min-width: 750px) and (max-width: 990px) {
  .image-with-text .grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 3rem !important;
  }
  .image-with-text__media-item,
  .image-with-text__text-item {
    width: 100% !important;
    max-width: 100% !important;
  }
  .image-with-text__content {
    padding: 3rem !important;
    text-align: center !important;
  }
}

/* Typography strictly follows your site's existing theme settings */
[id*="1780145495b8986e8b"] h2 {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important; 
  font-size: 4rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  margin-bottom: 1rem !important;
}

[id*="1780145495b8986e8b"] p,
[id*="1780145495b8986e8b"] [class*="description"] {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-text) !important;
  font-size: 1.5rem !important;
  text-align: center !important;
  margin-bottom: 5rem !important;
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Clean, softly rounded rectangular videos inside the leaf container */
[id*="1780145495b8986e8b"] iframe,
[id*="1780145495b8986e8b"] video,
[id*="1780145495b8986e8b"] [class*="video"] {
  border-radius: 16px !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 10px 24px rgba(139, 58, 42, 0.08) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* Interactive Hover */
[id*="1780145495b8986e8b"] iframe:hover,
[id*="1780145495b8986e8b"] video:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 15px 30px rgba(139, 58, 42, 0.15) !important;
}

/* Mobile Screen Adjustments */
@media screen and (max-width: 749px) {
  [id*="1780145495b8986e8b"] {
    padding: 5rem 1.5rem !important;
    border-radius: 80px 0 80px 0 !important;
  }
  [id*="1780145495b8986e8b"] h2 {
    font-size: 3rem !important; 
  }
  [id*="1780145495b8986e8b"] iframe,
  [id*="1780145495b8986e8b"] video {
    border-width: 4px !important;
  }
}

/* Hide Doran Watermark */
[id*="1780145495b8986e8b"] a[href*="doran"],
[id*="1780145495b8986e8b"] a[href*="Doran"],
[id*="1780145495b8986e8b"] [class*="watermark"],
[id*="1780145495b8986e8b"] [class*="powered"],
[id*="1780145495b8986e8b"] [class*="brand"],
[id*="1780145495b8986e8b"] [class*="logo"] {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  position: absolute !important;
  z-index: -9999 !important;
}

/* --- Slider Controls Polish (Only inside main content, NOT announcement bar) --- */
main .slider-buttons {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.5rem !important;
  margin-top: 2rem !important;
}

main .slider-button {
  background-color: #ffffff !important;
  border: 1px solid var(--color-accent-peach) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  color: var(--color-primary) !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.08) !important;
  transition: var(--gulyarn-transition) !important;
  z-index: 3 !important;
}

main .slider-button:not([disabled]):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(139, 58, 42, 0.12) !important;
  border-color: var(--color-primary) !important;
}

main .slider-button[disabled] {
  opacity: 0.5 !important;
  box-shadow: none !important;
}

main .slider-button .icon {
  width: 16px !important;
  height: 16px !important;
}

main .slider-counter {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.1em !important;
  background-color: var(--color-card-bg) !important;
  padding: 0.5rem 1.5rem !important;
  border-radius: 20px !important;
  border: 1px solid var(--color-accent-peach) !important;
}

/* --- Mobile Menu Drawer Polish --- */
.menu-drawer {
  background-color: var(--color-card-bg) !important;
}

.menu-drawer__inner-container {
  background-color: var(--color-card-bg) !important;
}

.menu-drawer__menu-item {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  color: var(--color-primary) !important;
  padding: 1.5rem 3rem !important;
  transition: all 0.3s ease !important;
  border-bottom: 1px solid rgba(232, 184, 157, 0.4) !important;
}

.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:active {
  background-color: rgba(232, 184, 157, 0.15) !important;
  padding-left: 3.5rem !important;
  color: var(--color-accent-dark) !important;
}

.menu-drawer__utility-links {
  background-color: var(--color-card-bg) !important;
  border-top: none !important;
  padding-bottom: 4rem !important;
}

.menu-drawer .list-social__link {
  color: var(--color-primary) !important;
}

.menu-drawer .list-social__link:hover {
  transform: scale(1.1);
}

/* --- Product Page Timeline Widget --- */
.gulyarn-timeline-widget {
  background-color: #ffffff;
  border: 1px solid var(--color-accent-peach);
  border-radius: var(--gulyarn-card-radius);
  padding: 2.5rem 1.5rem;
  margin: 2.5rem 0;
  box-shadow: 0 8px 20px rgba(139, 58, 42, 0.05);
  transition: transform 0.3s ease;
  overflow: hidden;
}

.gulyarn-timeline-title {
  font-family: var(--font-gulyarn-heading);
  color: var(--color-primary);
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.gulyarn-timeline-track {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gulyarn-timeline-track::before {
  content: '';
  position: absolute;
  top: 24px; /* Center of 48px icons */
  left: 10%;
  right: 10%;
  height: 3px;
  background-color: var(--color-accent-peach);
  z-index: 1;
}

.gulyarn-timeline-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  z-index: 2;
  flex: 1;
  text-align: center;
}

.gulyarn-timeline-icon {
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border: 2px solid var(--color-accent-peach);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.gulyarn-timeline-widget:hover .gulyarn-timeline-icon {
  transform: scale(1.15) rotate(5deg);
  box-shadow: 0 0 15px rgba(139, 58, 42, 0.15);
  background-color: rgba(232, 184, 157, 0.2); /* very soft peach */
  border-color: var(--color-primary);
}

.gulyarn-timeline-step span {
  font-family: var(--font-gulyarn-heading);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
}

.gulyarn-timeline-date {
  font-family: var(--font-gulyarn-body);
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--color-text);
}

@media screen and (max-width: 600px) {
  .gulyarn-timeline-track {
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start;
  }
  
  .gulyarn-timeline-track::before {
    width: 2px;
    height: calc(100% - 48px);
    left: 23px; /* Center of 48px icon */
    top: 24px;
  }
  
  .gulyarn-timeline-step {
    flex-direction: row;
    width: 100%;
    text-align: left;
    gap: 1.5rem;
    align-items: center;
  }
  
  .gulyarn-timeline-step span {
    margin-top: 0;
    font-size: 1rem;
  }
  
  .gulyarn-timeline-date {
    margin-left: auto; /* Push date to the right side */
    font-size: 1rem;
    text-align: right;
  }
}

/* --- Product Page Specs Table --- */
.gulyarn-specs-widget {
  margin: 2.5rem 0;
  background-color: #ffffff;
  border-radius: var(--gulyarn-card-radius);
  border: 1px solid var(--color-accent-peach);
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(139, 58, 42, 0.05);
}

.gulyarn-specs-title {
  font-family: var(--font-gulyarn-heading);
  color: var(--color-primary);
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--color-accent-peach);
  background-color: var(--color-card-bg);
}

.gulyarn-specs-table {
  width: 100%;
  border-collapse: collapse;
}

.gulyarn-specs-table th,
.gulyarn-specs-table td {
  padding: 1.2rem 2rem;
  font-family: var(--font-gulyarn-body);
  font-size: 1.3rem;
  text-align: left;
  border-bottom: 1px solid rgba(232, 184, 157, 0.3);
}

.gulyarn-specs-table th {
  font-weight: 600;
  color: var(--color-primary);
  width: 40%;
  background-color: rgba(253, 240, 240, 0.3);
  border-right: 1px solid rgba(232, 184, 157, 0.3);
}

.gulyarn-specs-table td {
  color: var(--color-text);
}

.gulyarn-specs-table tr:last-child th,
.gulyarn-specs-table tr:last-child td {
  border-bottom: none;
}

/* --- Section 6: Judge.me Reviews Redesign --- */
:root {
  --jdgm-primary-color: var(--color-primary) !important;
  --jdgm-secondary-color: rgba(139, 58, 42, 0.1) !important;
  --jdgm-star-color: var(--color-accent-gold) !important;
  --jdgm-write-review-bg-color: var(--color-primary) !important;
  --jdgm-reviewer-name-color: var(--color-primary) !important;
  --jdgm-border-radius: 12px !important;
}

html body div.jdgm-widget,
html body div.jdgm-review-widget,
html body div[data-jdgm-widget="reviews"] {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
  box-shadow: none !important;
}

/* Reset margin for the preview badge (stars under title) so it doesn't create huge whitespace */
body .jdgm-preview-badge,
body .jdgm-widget.jdgm-preview-badge {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

body .jdgm-widget-title,
body .jdgm-rev-widg__title {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 3.2rem !important;
  text-align: left !important;
  margin-bottom: 2rem !important;
  border-bottom: none !important;
}

/* Force Write Review Button */
html body div.jdgm-widget .jdgm-write-rev-link,
html body div.jdgm-widget .jdgm-submit-rev,
html body div.jdgm-widget .jdgm-widget-actions a {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  border: none !important;
  padding: 1rem 2.5rem !important;
  font-family: var(--font-gulyarn-heading) !important;
  font-weight: 600 !important;
  transition: var(--gulyarn-transition) !important;
  display: inline-block !important;
  text-decoration: none !important;
}

html body div.jdgm-widget .jdgm-write-rev-link:hover,
html body div.jdgm-widget .jdgm-submit-rev:hover {
  background-color: var(--color-accent-dark) !important;
  transform: translateY(-2px) !important;
}

/* Individual Review Card */
html body div.jdgm-widget .jdgm-rev,
html body div.jdgm-widget div.jdgm-rev,
html body div.jdgm-widget article.jdgm-rev,
html body div.jdgm-widget .jdgm-review {
  background-color: transparent !important;
  border-radius: 12px !important;
  border: 1px solid rgba(139, 58, 42, 0.25) !important;
  padding: 2.5rem !important;
  margin-bottom: 2rem !important;
  box-shadow: none !important;
  transition: var(--gulyarn-transition) !important;
}

html body div.jdgm-widget .jdgm-rev:hover,
html body div.jdgm-widget .jdgm-review:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-color: var(--color-primary) !important;
}

/* Avatar Styling */
html body div.jdgm-widget .jdgm-rev__icon,
html body div.jdgm-widget .jdgm-review__icon {
  background-color: #F1E2DA !important; /* Soft peach matches mockup */
  color: var(--color-primary) !important;
  font-weight: bold !important;
  border-radius: 50% !important;
}

.jdgm-rev__author {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
}

.jdgm-rev__title {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: var(--color-text) !important;
  margin-bottom: 0.8rem !important;
}

.jdgm-rev__body {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.4rem !important;
  color: var(--color-text) !important;
  line-height: 1.6 !important;
}

/* --- Section 7: Mobile Sticky Add to Cart --- */
.gulyarn-sticky-cart-mobile {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(253, 240, 240, 0.95); /* Tinted card bg */
  backdrop-filter: blur(10px);
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--color-accent-peach);
  box-shadow: 0 -4px 20px rgba(139, 58, 42, 0.1);
  z-index: 999;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.gulyarn-sticky-cart-mobile button {
  flex: 1;
  margin: 0 !important;
  padding: 0 1rem !important;
  min-height: 4.4rem !important;
  font-size: 1.2rem !important;
  border-radius: 30px !important;
  box-shadow: none !important;
  font-family: var(--font-gulyarn-body), var(--font-body-family), sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border: 1px solid var(--color-primary) !important;
}

@media screen and (max-width: 749px) {
  .gulyarn-sticky-cart-mobile {
    display: flex;
  }
  
  /* Add padding to bottom of page so sticky cart doesn't cover content */
  body {
    padding-bottom: 70px !important;
  }
}

/* --- Section 4: Frequently Bought Together Redesign --- */
.cbb-frequently-bought-container, 
.fbt-container, 
.product-recommendations {
  background-color: var(--color-card-bg) !important;
  border: 1px solid var(--color-accent-peach) !important;
  border-radius: var(--gulyarn-card-radius) !important;
  padding: 3rem !important;
  margin-top: 3rem !important;
  box-shadow: 0 4px 15px rgba(139, 58, 42, 0.04) !important;
}

.cbb-frequently-bought-title,
.fbt-title,
.product-recommendations__heading {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 2.2rem !important;
}

.cbb-frequently-bought-product-image,
.fbt-image {
  border-radius: var(--gulyarn-border-radius) !important;
  border: 1px solid var(--color-accent-peach) !important;
}

.cbb-frequently-bought-add-button,
.fbt-add-button,
button.fbt-btn {
  background-color: var(--color-primary) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-family: var(--font-gulyarn-body) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.cbb-frequently-bought-add-button:hover,
.fbt-add-button:hover,
button.fbt-btn:hover {
  background-color: var(--color-accent-dark) !important;
  transform: translateY(-2px);
}


/* --- Force Desktop Product Gallery Slider --- */
@media screen and (min-width: 990px) {
  /* Make the main image container a scrollable slider */
  .product--thumbnail_slider .product__media-list,
  .product--thumbnail .product__media-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none; /* Firefox */
  }
  
  .product--thumbnail_slider .product__media-list::-webkit-scrollbar,
  .product--thumbnail .product__media-list::-webkit-scrollbar {
    display: none; /* Safari/Chrome */
  }
  
  /* Ensure each slide snaps properly and takes exactly 100% width to prevent half-scrolling */
  .product--thumbnail_slider .product__media-item,
  .product--thumbnail .product__media-item {
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
    display: block !important;
    width: 100% !important;
  }

  /* Force the main arrows to appear and overlay the image */
  .product--thumbnail_slider .slider-mobile-gutter .slider-buttons,
  .product--thumbnail .slider-mobile-gutter .slider-buttons {
    display: flex !important;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    justify-content: space-between !important;
    padding: 0 2rem;
    pointer-events: none; /* Let clicks pass through the container to the image */
    z-index: 10;
  }

  /* Re-enable clicks on the actual buttons and style them */
  .product--thumbnail_slider .slider-mobile-gutter .slider-button,
  .product--thumbnail .slider-mobile-gutter .slider-button {
    pointer-events: auto !important; 
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 4px 15px rgba(139, 58, 42, 0.15) !important;
  }
  
  /* Hide the counter on desktop overlay */
  .product--thumbnail_slider .slider-mobile-gutter .slider-counter,
  .product--thumbnail .slider-mobile-gutter .slider-counter {
    display: none !important;
  }
}

/* --- Product Page: Quantity Selector Fix --- */
.quantity {
  border-radius: 30px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  border: 1px solid var(--color-accent-peach) !important;
}

.quantity:after, 
.quantity:before {
  display: none !important; /* Remove Dawn's default pseudo-borders */
}

.quantity__input, 
.quantity__button {
  background-color: transparent !important;
}

/* --- Product Page: Add to Cart & Buy It Now Side-by-Side --- */
.product-form__buttons {
  display: flex !important;
  flex-direction: row !important;
  gap: 1.5rem !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 1rem !important;
}

.product-form__buttons .product-form__submit,
.product-form__buttons .shopify-payment-button {
  flex: 1 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Ensure both buttons are identical in size, color, font, and shape */
body .product-form__buttons .product-form__submit,
body .product-form__buttons .shopify-payment-button__button,
body .product-form__buttons .shopify-payment-button__button--unbranded,
body .product-form__buttons .shopify-payment-button [role='button'] {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-family: var(--font-gulyarn-body), var(--font-body-family), sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--color-primary) !important;
  transition: var(--gulyarn-transition) !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.15) !important;
  min-height: 5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 2rem !important;
  line-height: 1 !important;
  width: 100% !important;
  max-height: 5rem !important;
}

body .product-form__buttons .product-form__submit:hover,
body .product-form__buttons .shopify-payment-button__button:hover,
body .product-form__buttons .shopify-payment-button__button--unbranded:hover,
body .product-form__buttons .shopify-payment-button [role='button']:hover {
  background-color: var(--color-accent-dark) !important;
  border-color: var(--color-accent-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(107, 35, 68, 0.25) !important;
}

/* Remove Dawn's default black pseudo-border on the Buy It Now button */
body .product-form__buttons .shopify-payment-button__button--unbranded::after,
body .product-form__buttons .shopify-payment-button__button--unbranded::before,
body .product-form__buttons .shopify-payment-button [role='button']::after,
body .product-form__buttons .shopify-payment-button [role='button']::before {
  display: none !important;
}

/* Removed mobile stacking so buttons stay side-by-side on small screens */

/* --- Layout Redesign: Inline Quantity & Add to Cart --- */
/* Hide the standalone Quantity block because we moved it inside buy-buttons.liquid */
.product-form__input.product-form__quantity {
  display: none !important;
}

/* Ensure the quantity input inside the buy buttons is styled properly */
.product-form__buttons .quantity {
  min-height: 5rem !important;
  width: 12rem !important;
  margin-right: 0 !important;
}

/* Make sure the form buttons row aligns items properly */
.product-form__buttons {
  display: flex !important;
  flex-direction: row !important;
  gap: 1.5rem !important;
  align-items: center !important;
  width: 100% !important;
}

/* The add to cart button should take remaining space */
.product-form__buttons .product-form__submit {
  flex: 1 !important;
}

/* Completely Hide Buy It Now / Dynamic Checkout */
.product-form__buttons .shopify-payment-button,
.gulyarn-sticky-buy-now {
  display: none !important;
}

/* --- Image Zoom Modal Constraints & Scroll Snapping --- */
.product-media-modal__content {
  scroll-snap-type: x mandatory !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: row !important;
  /* Make sure scrolling is smooth */
  scroll-behavior: smooth !important;
}

/* Add a styled horizontal scrollbar for laptop/desktop users without trackpads */
.product-media-modal__content::-webkit-scrollbar {
  height: 10px;
}
.product-media-modal__content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
.product-media-modal__content::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 10px;
}

.product-media-modal__content > * {
  scroll-snap-align: center !important;
  scroll-snap-stop: always !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 100vw !important; /* Force each image container to take exactly 1 screen width */
  width: 100vw !important;
  height: 100vh !important;
}

/* Prevent the lightbox image from zooming larger than the screen */
.product-media-modal__content img,
.product-media-modal__content .image-magnify-full-size {
  max-width: 100vw !important;
  max-height: 100vh !important;
  object-fit: contain !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: auto !important;
  margin: auto !important;
  border-radius: 0 !important;
}

/* --- Bulletproof Uniform Product Image Sizes --- */
/* --- Bulletproof Uniform Product Image Sizes --- */
/* Completely neutralize Dawn's dynamic sizing */
.product__media-list {
  height: auto !important;
  min-height: 0 !important;
}

.product__media-list .product__media-item {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  /* width is intentionally left to Dawn's default for mobile slider centering */
}

.product__media-item .product-media-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
}

/* DESTROY Dawn's padding hacks which inflate height */
.product-media-container::before,
.product-media-container::after,
.thumbnail::before,
.thumbnail::after {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  content: none !important;
  height: 0 !important;
}

.product__media-item .product__media,
.product__modal-opener {
  padding: 0 !important;
  height: 100% !important;
  border-radius: 16px !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
}

.product__media-item img,
.product__media-item video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  margin: 0 !important;
}

/* Uniformity for thumbnails (1:1 Square, Rounded Corners) */
.thumbnail-list {
  align-items: flex-start !important;
}

.thumbnail-list__item {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  padding: 0 !important;
}

.thumbnail-list__item .thumbnail {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

.thumbnail-list__item .thumbnail img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  margin: 0 !important;
}

/* Active state for thumbnails */
.thumbnail-list__item .thumbnail[aria-current="true"] {
  outline: 2px solid var(--color-primary) !important; /* Matches reference */
  outline-offset: 2px !important;
}

/* ============================================================================
   COLLECTION BANNER OVERRIDES
   ========================================================================= */
.collection-hero__title,
.collection-hero__description {
  color: var(--color-primary) !important;
}

@media screen and (max-width: 990px) {
  .collection-hero__title {
    font-size: 3rem !important;
  }
  .collection-hero__description {
    font-size: 1.5rem !important;
  }
}

@media screen and (max-width: 749px) {
  .collection-hero__title {
    font-size: 2.4rem !important;
    margin-bottom: 1rem !important;
  }
  .collection-hero__description {
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
  }
}

/* ============================================================================
   COLLECTION FILTERS & SORTING (FACETS) - GULYARN BOUTIQUE STYLING
   ========================================================================= */

/* Complete Facets Bar Container */
.facets-container {
  margin-bottom: 2.5rem !important;
}

/* Hide duplicate product count below the bar */
.facets-container > .product-count,
.facets-container > div.product-count {
  display: none !important;
}

.facets__form {
  background-color: #FDF0F0 !important;
  border: 1px solid var(--color-accent-peach) !important;
  border-radius: 12px !important;
  padding: 1rem 2rem !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 2rem !important;
  box-shadow: 0 4px 16px rgba(139, 58, 42, 0.05) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Facets Wrapper & Child Sections */
.facets__wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 1.2rem !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.facet-filters {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.product-count {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.product-count__text,
.product-count__text span,
h2.product-count__text {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-primary) !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
}

/* Facet Headers & Labels ("Filter:", "Sort by:") */
.facets__heading {
  margin: 0 0.8rem 0 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-primary) !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
}

/* Availability & Price Filter Dropdowns - White Pill Styling (Matching Sort By) */
.facets__disclosure {
  margin-right: 0.5rem !important;
  position: relative !important;
}

.facets__summary {
  background-color: #ffffff !important;
  color: var(--color-primary) !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
  border: 1.5px solid var(--color-accent-peach) !important;
  border-radius: 8px !important;
  padding: 0.6rem 3.2rem 0.6rem 1.2rem !important;
  height: 3.8rem !important;
  box-shadow: 0 2px 8px rgba(139, 58, 42, 0.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  cursor: pointer !important;
  transition: var(--gulyarn-transition) !important;
  margin: 0 !important;
  white-space: nowrap !important;
  min-width: 140px !important;
  box-sizing: border-box !important;
}

.facets__summary:hover,
.facets__summary:focus,
.facets__disclosure[open] > .facets__summary {
  border-color: var(--color-primary) !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.12) !important;
  background-color: #ffffff !important;
}

.facets__summary > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.facets__summary-label {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-primary) !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
}

.facet-filters__label,
.facet-filters__label label,
.facet-filters__label h2 {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-primary) !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  white-space: nowrap !important;
  margin: 0 1rem 0 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}

/* Caret Icon Positioning inside All White Pill Controls */
.facets__summary .icon-caret,
.facet-filters__field .select .icon-caret,
.select > .icon-caret {
  position: absolute !important;
  right: 1.2rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  margin: 0 !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  color: var(--color-primary) !important;
  fill: var(--color-primary) !important;
}

/* Sort By Field Container */
.facet-filters__field {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
}

.facet-filters__field .select {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.facet-filters__sort,
.facet-filters__field .select select,
.select__select {
  background-color: #ffffff !important;
  color: var(--color-primary) !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
  border: 1.5px solid var(--color-accent-peach) !important;
  border-radius: 8px !important;
  padding: 0.6rem 3.5rem 0.6rem 1.2rem !important;
  min-width: 180px !important;
  width: auto !important;
  height: 3.8rem !important;
  box-shadow: 0 2px 8px rgba(139, 58, 42, 0.06) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  transition: var(--gulyarn-transition) !important;
}

.facet-filters__sort:hover,
.facet-filters__sort:focus,
.select__select:focus {
  border-color: var(--color-primary) !important;
  outline: none !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.12) !important;
}

/* Dropdown Menu Options inside <select> */
.facet-filters__sort option,
.select__select option {
  background-color: #FDF0F0 !important;
  color: var(--color-primary) !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
}

/* Responsive Facet Bar - Strictly 1 Line on Desktop & Tablet (down to 601px) */
@media screen and (max-width: 1024px) {
  .facets__form {
    flex-wrap: nowrap !important;
    padding: 0.8rem 1rem !important;
    gap: 0.6rem !important;
    justify-content: space-between !important;
  }

  .facets__wrapper {
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
  }

  .facets__heading {
    margin-right: 0.4rem !important;
    font-size: 1.25rem !important;
  }

  .facets__summary {
    min-width: 95px !important;
    padding: 0.4rem 2.2rem 0.4rem 0.8rem !important;
    height: 3.4rem !important;
    font-size: 1.2rem !important;
  }

  .facets__summary-label {
    font-size: 1.2rem !important;
  }

  .facet-filters__label {
    margin-right: 0.4rem !important;
    font-size: 1.25rem !important;
  }

  .facet-filters__sort,
  .facet-filters__field .select select,
  .select__select {
    min-width: 125px !important;
    padding: 0.4rem 2.4rem 0.4rem 0.8rem !important;
    height: 3.4rem !important;
    font-size: 1.2rem !important;
  }

  .product-count__text {
    font-size: 1.2rem !important;
  }

  .facets__summary .icon-caret,
  .facet-filters__field .select .icon-caret,
  .select > .icon-caret {
    right: 0.8rem !important;
    width: 1rem !important;
    height: 1rem !important;
  }
}

/* Mobile Screens (< 600px): Clean Stacked Layout */
@media screen and (max-width: 600px) {
  .facets__form {
    flex-wrap: wrap !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.8rem !important;
    padding: 1rem !important;
  }

  .facets__wrapper {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .facet-filters {
    width: 100% !important;
  }

  .facet-filters__field {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .facet-filters__field .select,
  .facet-filters__sort {
    width: 100% !important;
    flex-grow: 1 !important;
  }

  .product-count {
    justify-content: center !important;
  }
}

/* Product Cards Mobile 2-per-row Grid Override 
   (Disabled because it breaks native Dawn sliders with flex-wrap: wrap)
*/
/*
@media screen and (max-width: 749px) {
  .product-grid,
  #product-grid,
  ul.product-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 10px !important;
    row-gap: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .product-grid .grid__item,
  #product-grid .grid__item,
  ul.product-grid > li {
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  .product-grid .card__content {
    padding: 0.8rem !important;
  }

  .product-grid .card__heading a {
    font-size: 1.25rem !important;
  }
}

/* Filter Dropdown Popups (.facets__display) */
.facets__display {
  background-color: #FDF0F0 !important;
  border: 1px solid var(--color-accent-peach) !important;
  box-shadow: 0 8px 24px rgba(139, 58, 42, 0.12) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
}

.facets__header {
  border-bottom: 1px solid rgba(139, 58, 42, 0.15) !important;
  padding-bottom: 1rem !important;
  margin-bottom: 1rem !important;
}

.facets__selected {
  color: var(--color-primary) !important;
  font-weight: 500 !important;
}

.facets__reset {
  color: var(--color-primary) !important;
  text-decoration: underline !important;
}

.facet-checkbox {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-primary) !important;
  padding: 0.6rem 0.8rem !important;
  border-radius: 6px !important;
  transition: var(--gulyarn-transition) !important;
}

.facet-checkbox:hover {
  background-color: rgba(139, 58, 42, 0.08) !important;
/* Expanded Dropdown Menu Options inside <select> */
.facet-filters__sort option,
.facet-filters__field .select select option,
.select__select option,
select#SortBy option {
  background-color: #FDF0F0 !important;
  color: var(--color-primary) !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
}

.facet-filters__sort option:checked,
.facet-filters__sort option:hover,
.facet-filters__sort option:focus {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}

/* Mobile Facets Trigger Button */
.mobile-facets__open {
  background-color: #FDF0F0 !important;
  border: 1px solid var(--color-accent-peach) !important;
  border-radius: 8px !important;
  color: var(--color-primary) !important;
  padding: 0.8rem 1.4rem !important;
}

.icon-caret {
  color: var(--color-primary) !important;
}

/* ============================================================================
   PAGINATION - GULYARN BOUTIQUE STYLING
   ========================================================================= */

.pagination-wrapper {
  margin-top: 4.5rem !important;
  margin-bottom: 4rem !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.pagination__list {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.8rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pagination__list li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
}

/* Base Pagination Circular Pill Button */
.pagination__item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 4rem !important;
  height: 4rem !important;
  min-width: 4rem !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  color: var(--color-primary) !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  border: 1.5px solid var(--color-accent-peach) !important;
  box-shadow: 0 2px 8px rgba(139, 58, 42, 0.06) !important;
  text-decoration: none !important;
  transition: var(--gulyarn-transition) !important;
  cursor: pointer !important;
}

/* Hover & Focus state for inactive page links */
.pagination__item.link:hover,
.pagination__item.link:focus {
  border-color: var(--color-primary) !important;
  background-color: #FDF0F0 !important;
  color: var(--color-accent-dark) !important;
  box-shadow: 0 4px 12px rgba(139, 58, 42, 0.15) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/* Remove default link underlines */
.pagination__item::after,
.pagination__item:hover::after,
.pagination__item.link::after {
  display: none !important;
}

/* Active / Current Page Circular Pill */
.pagination__item--current {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-color: var(--color-primary) !important;
  box-shadow: 0 4px 14px rgba(139, 58, 42, 0.3) !important;
  cursor: default !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* Caret Arrows for Previous/Next */
.pagination__item-arrow .icon-caret {
  width: 1.2rem !important;
  height: 1.2rem !important;
  color: var(--color-primary) !important;
  fill: var(--color-primary) !important;
}

.pagination__item--next .icon-caret {
  transform: rotate(90deg) !important;
}

.pagination__item--prev .icon-caret {
  transform: rotate(-90deg) !important;
}

/* Hover on Caret Arrows */
.pagination__item-arrow:hover .icon-caret {
  color: var(--color-accent-dark) !important;
  fill: var(--color-accent-dark) !important;
}

/* Ellipsis (...) */
span.pagination__item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--color-primary) !important;
  font-weight: 700 !important;
  cursor: default !important;
}

/* ============================================================================
   OUR FLORAL TALE — OPTION 1: EDITORIAL MAGAZINE AESTHETIC
   ============================================================================ */

/* 1. CMS Page Editorial Typography & Hero Image Polish (.rte) */
.page-width .rte h1,
.page-width .rte h2,
.page-width .rte h3 {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  letter-spacing: -0.01em !important;
}

.page-width .rte p {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.55rem !important;
  line-height: 1.75 !important;
  color: var(--color-text) !important;
}

.page-width .rte blockquote {
  font-family: var(--font-gulyarn-heading) !important;
  font-size: 1.6rem !important;
  font-style: italic !important;
  color: var(--color-primary) !important;
  border-left: 4px solid var(--color-primary) !important;
  background: rgba(253, 240, 240, 0.6) !important;
  padding: 1.2rem 1.8rem !important;
  border-radius: 0 16px 16px 0 !important;
  margin: 2rem 0 !important;
}

.page-width .rte img {
  border-radius: 20px !important;
  box-shadow: 0 12px 36px rgba(139, 58, 42, 0.12) !important;
  max-width: 100% !important;
  height: auto !important;
}

/* 2. Step Section Headers (Playfair Display + Clean Formatting) */
.template-page .featured-collection .collection__title .title {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 2.8rem !important;
  text-align: center !important;
  letter-spacing: 0.02em !important;
  position: relative !important;
  display: inline-block !important;
}

.template-page .featured-collection .collection__title {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
}

.template-page .featured-collection .collection__description {
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.35rem !important;
  color: var(--color-text-light) !important;
  text-align: center !important;
  max-width: 520px !important;
  margin: 0.5rem auto 2rem auto !important;
}

/* Step 2 Notice Badge Styling (Advance payment box) */
.template-page .featured-collection .collection__description p {
  display: inline-block !important;
  background: rgba(232, 184, 157, 0.18) !important;
  border: 1px dashed var(--color-accent-peach) !important;
  border-radius: 30px !important;
  padding: 0.5rem 1.6rem !important;
  color: var(--color-primary) !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

/* 3. Alternate Soft Background Bands Behind Step Sections */
.template-page .section:has(.collection-quick-add-bulk):nth-of-type(even) {
  background: linear-gradient(180deg, #FFF5F0 0%, #FDF0F0 100%) !important;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  border-top: 1px solid rgba(232, 184, 157, 0.3) !important;
  border-bottom: 1px solid rgba(232, 184, 157, 0.3) !important;
}

/* 4. Product Card Styling & Clean Quantity Selectors */
.template-page .featured-collection .product-card-wrapper .card {
  border: 1px solid rgba(232, 184, 157, 0.4) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  overflow: hidden !important;
}

.template-page .featured-collection .product-card-wrapper .card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 28px rgba(139, 58, 42, 0.12) !important;
  border-color: var(--color-accent-peach) !important;
}

.template-page .featured-collection .card__heading {
  font-family: var(--font-gulyarn-heading) !important;
  color: var(--color-primary) !important;
  font-size: 1.5rem !important;
}

.template-page .featured-collection .price .price-item {
  font-family: var(--font-gulyarn-body) !important;
  color: var(--color-primary) !important;
  font-weight: 700 !important;
}

/* Quantity [- 1 +] Pill Styling */
.template-page .featured-collection .quantity,
.template-page .featured-collection quantity-input {
  border: 1.5px solid var(--color-accent-peach) !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  height: 3.4rem !important;
}

.template-page .featured-collection .quantity__button {
  width: 3rem !important;
  height: 3.4rem !important;
  border: none !important;
  background: transparent !important;
  color: var(--color-primary) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}

.template-page .featured-collection .quantity__input {
  width: 2.8rem !important;
  border: none !important;
  border-left: 1px solid var(--color-accent-peach) !important;
  border-right: 1px solid var(--color-accent-peach) !important;
  text-align: center !important;
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--color-primary) !important;
}

/* Add to Cart / Choose Options Button Styling */
.template-page .featured-collection .quick-add__submit,
.template-page .featured-collection .button[name="add"],
.template-page .featured-collection quick-add-bulk .button {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border: 1.5px solid var(--color-primary) !important;
  border-radius: 30px !important;
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  padding: 0.65rem 1.4rem !important;
  transition: var(--gulyarn-transition) !important;
  cursor: pointer !important;
  width: 100% !important;
}

.template-page .featured-collection .quick-add__submit:hover,
.template-page .featured-collection .button[name="add"]:hover {
  background-color: var(--color-accent-dark) !important;
  border-color: var(--color-accent-dark) !important;
  box-shadow: 0 6px 18px rgba(139, 58, 42, 0.22) !important;
}

/* View All Button Styling */
.template-page .featured-collection .collection__view-all .button {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border: 1.5px solid var(--color-primary) !important;
  border-radius: 30px !important;
  font-family: var(--font-gulyarn-body) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 1.1rem 2.8rem !important;
  box-shadow: 0 6px 20px rgba(139, 58, 42, 0.16) !important;
  transition: var(--gulyarn-transition) !important;
}

.template-page .featured-collection .collection__view-all .button:hover {
  background-color: var(--color-accent-dark) !important;
  border-color: var(--color-accent-dark) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================================
   HOMEPAGE SPECIFIC OVERRIDES (Fixing Global CSS Bleed)
   ============================================================================ */

/* 1. Force "Shop Our Collections" to be pure circles on Homepage
      Using the section's unique ID for maximum CSS specificity to override
      all global .card !important rules without touching the /collections page */
#shopify-section-collection_list_grVdqJ .collection-card-wrapper,
#shopify-section-collection_list_grVdqJ .card-wrapper {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  transform: none !important;
}

#shopify-section-collection_list_grVdqJ .card-wrapper:hover {
  transform: translateY(-3px) !important;
}

#shopify-section-collection_list_grVdqJ .card {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
}

#shopify-section-collection_list_grVdqJ .card__inner {
  border-radius: 50% !important;
  border: 1.5px solid var(--color-accent-peach) !important;
  box-shadow: 0 4px 15px rgba(139, 58, 42, 0.08) !important;
  background-color: #ffffff !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 100% !important;
}

#shopify-section-collection_list_grVdqJ .card__media {
  border-radius: 50% !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#shopify-section-collection_list_grVdqJ img {
  border-radius: 50% !important;
  object-fit: cover !important;
}

#shopify-section-collection_list_grVdqJ .card-wrapper:hover .card__inner {
  box-shadow: 0 8px 24px rgba(139, 58, 42, 0.18) !important;
  border-color: var(--color-primary) !important;
}

#shopify-section-collection_list_grVdqJ .card > .card__content {
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1.2rem 0.5rem 0 0.5rem !important;
  text-align: center !important;
  justify-content: flex-start !important;
}

#shopify-section-collection_list_grVdqJ .card__heading,
#shopify-section-collection_list_grVdqJ .card__heading a {
  text-align: center !important;
  font-size: 1.5rem !important;
  color: var(--color-primary) !important;
  font-family: var(--font-gulyarn-body) !important;
  font-weight: 500 !important;
  white-space: normal !important;
  overflow: visible !important;
  display: block !important;
  min-height: auto !important;
  -webkit-line-clamp: unset !important;
  line-height: 1.4 !important;
  margin-bottom: 0 !important;
}

#shopify-section-collection_list_grVdqJ .card__inner .card__content {
  display: none !important;
}

#shopify-section-collection_list_grVdqJ .card > .card__content::after {
  display: none !important;
}

/* Hide slider arrows for Shop Our Collections */
#shopify-section-collection_list_grVdqJ .slider-button {
  display: none !important;
}

/* Mobile: 3 circles per row for this section */
@media screen and (max-width: 749px) {
  #shopify-section-collection_list_grVdqJ .collection-list {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem !important;
  }

  #shopify-section-collection_list_grVdqJ .card__heading,
  #shopify-section-collection_list_grVdqJ .card__heading a {
    font-size: 1.2rem !important;
  }
}

/* 2. Revert Best Sellers (Product Cards) to clean standard layout & Ultimate Symmetry */
.template-index .featured-collection .product-card-wrapper .card {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.template-index .featured-collection .product-card-wrapper .card:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Make card content stretch */
.template-index .featured-collection .product-card-wrapper .card__content {
  padding: 1rem 0.5rem 0.5rem 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* Ensure inner information block stretches */
.template-index .featured-collection .product-card-wrapper .card__information {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  width: 100% !important;
}

/* Force titles to take exactly 2 lines so reviews (if any) align */
.template-index .featured-collection .product-card-wrapper .card__heading {
  min-height: 44px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 0.5rem !important;
}

/* Make card-information stretch so we can push price to bottom */
.template-index .featured-collection .product-card-wrapper .card-information {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  width: 100% !important;
}

/* Push price to the absolute bottom of the card-information block (handles missing reviews gracefully) */
.template-index .featured-collection .product-card-wrapper .price {
  margin-top: auto !important;
}

/* Fix button missing borders and spacing */
.template-index .featured-collection .quick-add {
  margin-top: 1rem !important;
}

.template-index .featured-collection .quick-add__submit {
  border: 1.5px solid var(--color-primary) !important;
  border-radius: 4px !important;
  padding: 1rem !important;
  background-color: transparent !important;
  color: var(--color-primary) !important;
  box-sizing: border-box !important;
}

.template-index .featured-collection .quick-add__submit:hover {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}

/* 3. Force Cut Price on Top & Standardize Price Height for Symmetry (Global Mobile/Tablet) */
@media screen and (max-width: 989px) {
  /* Force ALL price layouts (regular & sale) to stack vertically tightly */
  .product-card-wrapper .price__sale,
  .product-card-wrapper .price__regular {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  .product-card-wrapper .price-item {
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  /* Force the price container to always take exactly 2 lines of space */
  .product-card-wrapper .price {
    min-height: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
  }
}

/* ============================================================================
   HEADER NAVIGATION MENU
   ============================================================================ */
/* Remove hover/active underlines from all menu items */
.header__menu-item,
.header__menu-item span,
.header__menu-item:hover,
.header__menu-item:hover span,
.header__active-menu-item,
.list-menu__item,
.list-menu__item:hover,
.list-menu__item:hover span {
  text-decoration: none !important;
  text-decoration-line: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* Hide the dropdown arrow caret next to nested menus (e.g. Collections) */
summary.header__menu-item .icon-caret,
.list-menu__item .icon-caret,
.header__menu-item > svg {
  display: none !important;
}

/* Hide native HTML details/summary carets just in case */
summary.header__menu-item::-webkit-details-marker {
  display: none !important;
}
summary.header__menu-item {
  list-style: none !important;
}

/* ============================================================================
   HERO SLIDESHOW OVERRIDES
   ============================================================================ */
/* Hide the previous/next arrows and the pause/play autoplay button aggressively */
slideshow-component .slider-button,
.slideshow__controls .slider-button,
.slideshow__controls .slider-button--prev,
.slideshow__controls .slider-button--next,
.slideshow__controls .slideshow__autoplay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Force the dots container to float absolutely at the bottom center of the image */
.slideshow__controls {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
  width: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Make dots container fully transparent */
.slideshow__controls .slider-counter {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Color the dots with the theme primary color */
.slideshow__controls .slider-counter__link .dot {
  background-color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
}

.slideshow__controls .slider-counter__link--active .dot {
  background-color: var(--color-accent-peach) !important;
  border-color: var(--color-accent-peach) !important;
}