/** Shopify CDN: Minification failed

Line 1328:0 Unexpected "#9f692538cfaf42c3298579d5ada3b4da"

**/
/* Forced Underground Styles - MedievalDrip */

/* Force underground theme on body */
body {
  background: #1b4d3e !important;
  color: #f2e9d0 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* Ensure proper scroll behavior */
html {
  scroll-behavior: smooth;
  overflow-x: auto;
  overflow-y: auto;
}

/* Ultra-specific yellow text class with maximum specificity */
body .underground-yellow-text,
html body .underground-yellow-text,
body * .underground-yellow-text,
html body * .underground-yellow-text,
body .underground-yellow-text *,
html body .underground-yellow-text *,
body * .underground-yellow-text *,
html body * .underground-yellow-text *,
.underground-yellow-text,
.underground-yellow-text *,
* .underground-yellow-text,
* .underground-yellow-text * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* Even more specific for any element with this class */
[class*="underground-yellow-text"],
[class*="underground-yellow-text"] *,
*[class*="underground-yellow-text"],
*[class*="underground-yellow-text"] * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* Override the product/card color rule specifically for yellow text */
.group-block:has([class*="product"]) .underground-yellow-text,
.group-block:has([class*="product"]) .underground-yellow-text *,
.group-block:has([class*="card"]) .underground-yellow-text,
.group-block:has([class*="card"]) .underground-yellow-text *,
.group-block:has([class*="product"]) [class*="underground-yellow-text"],
.group-block:has([class*="product"]) [class*="underground-yellow-text"] *,
.group-block:has([class*="card"]) [class*="underground-yellow-text"],
.group-block:has([class*="card"]) [class*="underground-yellow-text"] * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* Maximum specificity override for any element with underground-yellow-text */
*[class*="underground-yellow-text"],
*[class*="underground-yellow-text"] *,
.group-block *[class*="underground-yellow-text"],
.group-block *[class*="underground-yellow-text"] *,
.group-block:has([class*="product"]) *[class*="underground-yellow-text"],
.group-block:has([class*="product"]) *[class*="underground-yellow-text"] *,
.group-block:has([class*="card"]) *[class*="underground-yellow-text"],
.group-block:has([class*="card"]) *[class*="underground-yellow-text"] * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* Ultra-specific override for product content areas */
.group-block:has([class*="product"]) .underground-yellow-text,
.group-block:has([class*="product"]) .underground-yellow-text *,
.group-block:has([class*="product"]) [class*="underground-yellow-text"],
.group-block:has([class*="product"]) [class*="underground-yellow-text"] *,
.group-block:has([class*="product"]) *[class*="underground-yellow-text"],
.group-block:has([class*="product"]) *[class*="underground-yellow-text"] *,
.group-block:has([class*="card"]) .underground-yellow-text,
.group-block:has([class*="card"]) .underground-yellow-text *,
.group-block:has([class*="card"]) [class*="underground-yellow-text"],
.group-block:has([class*="card"]) [class*="underground-yellow-text"] *,
.group-block:has([class*="card"]) *[class*="underground-yellow-text"],
.group-block:has([class*="card"]) *[class*="underground-yellow-text"] * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* Force yellow text on all elements within underground-yellow-text containers */
.underground-yellow-text,
.underground-yellow-text *,
[class*="underground-yellow-text"],
[class*="underground-yellow-text"] *,
*[class*="underground-yellow-text"],
*[class*="underground-yellow-text"] * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* Ultra-specific rule for ProductInformation div */
#ProductInformation-template--24847607202088__main > div,
#ProductInformation-template--24847607202088__main > div *,
#ProductInformation-template--24847607202088__main > div h1,
#ProductInformation-template--24847607202088__main > div h2,
#ProductInformation-template--24847607202088__main > div h3,
#ProductInformation-template--24847607202088__main > div h4,
#ProductInformation-template--24847607202088__main > div h5,
#ProductInformation-template--24847607202088__main > div h6,
#ProductInformation-template--24847607202088__main > div p,
#ProductInformation-template--24847607202088__main > div span,
#ProductInformation-template--24847607202088__main > div a,
#ProductInformation-template--24847607202088__main > div label,
#ProductInformation-template--24847607202088__main > div legend,
#ProductInformation-template--24847607202088__main > div button,
#ProductInformation-template--24847607202088__main > div div,
#ProductInformation-template--24847607202088__main > div section,
#ProductInformation-template--24847607202088__main > div article {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* Override any conflicting styles for ProductInformation */
#ProductInformation-template--24847607202088__main > div *[class*="product"],
#ProductInformation-template--24847607202088__main > div *[class*="card"],
#ProductInformation-template--24847607202088__main > div *[class*="text"],
#ProductInformation-template--24847607202088__main > div *[class*="title"],
#ProductInformation-template--24847607202088__main > div *[class*="price"] {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* EXCEPTION: Add to cart button should have green background, not transparent */
#ProductInformation-template--24847607202088__main > div *[class*="button"]:not([class*="add-to-cart"]),
#ProductInformation-template--24847607202088__main > div *[class*="button"]:not([id*="add-to-cart"]),
#ProductInformation-template--24847607202088__main > div *[class*="button"]:not([id*="ProductSubmitButton"]) {
  color: #f2e9d0 !important;
  background-color: transparent !important;
}

/* SPECIFIC: Add to cart button with green background - HIGHEST SPECIFICITY */
#ProductInformation-template--24847607202088__main > div *[class*="button"][class*="add-to-cart"],
#ProductInformation-template--24847607202088__main > div *[class*="button"][id*="add-to-cart"],
#ProductInformation-template--24847607202088__main > div *[class*="button"][id*="ProductSubmitButton"],
#ProductInformation-template--24847607202088__main > div button[id*="BuyButtons-ProductSubmitButton"],
#ProductInformation-template--24847607202088__main > div button#BuyButtons-ProductSubmitButton-AZTZPUUxmdmhvSzY3U__add-to-cart,
#ProductInformation-template--24847607202088__main button#BuyButtons-ProductSubmitButton-AZTZPUUxmdmhvSzY3U__add-to-cart,
button#BuyButtons-ProductSubmitButton-AZTZPUUxmdmhvSzY3U__add-to-cart {
  background: #1b4d3e !important;
  background-color: #1b4d3e !important;
  color: #f2e9d0 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px 32px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  font-size: 16px !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hover effect for the specific add to cart button */
#ProductInformation-template--24847607202088__main > div *[class*="button"][class*="add-to-cart"]:hover,
#ProductInformation-template--24847607202088__main > div *[class*="button"][id*="add-to-cart"]:hover,
#ProductInformation-template--24847607202088__main > div *[class*="button"][id*="ProductSubmitButton"]:hover,
#ProductInformation-template--24847607202088__main > div button[id*="BuyButtons-ProductSubmitButton"]:hover,
#ProductInformation-template--24847607202088__main > div button#BuyButtons-ProductSubmitButton-AZTZPUUxmdmhvSzY3U__add-to-cart:hover,
#ProductInformation-template--24847607202088__main button#BuyButtons-ProductSubmitButton-AZTZPUUxmdmhvSzY3U__add-to-cart:hover,
button#BuyButtons-ProductSubmitButton-AZTZPUUxmdmhvSzY3U__add-to-cart:hover {
  background: #2d5a4a !important;
  background-color: #2d5a4a !important;
  color: #f2e9d0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(27, 77, 62, 0.4) !important;
}

/* Specific styling for variant picker fieldset */
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset,
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset * {
  background-color: transparent !important;
  border-radius: 12px !important;
  border: 1px solid #e0e0e0 !important;
  padding: 16px !important;
  margin: 8px 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Style for variant option buttons within the fieldset */
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset .variant-option__button-label,
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset .variant-option__button-label__text {
  background-color: #1b4d3e !important;
  border: 2px solid #1b4d3e !important;
  border-radius: 8px !important;
  color: #f2e9d0 !important;
  padding: 10px 18px !important;
  margin: 4px !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* Hover effect for variant buttons - enhanced visibility */
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset .variant-option__button-label:hover,
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset .variant-option__button-label__text:hover {
  background-color: #2d5a4a !important;
  color: #f2e9d0 !important;
  border-color: #2d5a4a !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 6px 16px rgba(27, 77, 62, 0.4) !important;
}

/* Selected state for variant buttons */
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset input[type="radio"]:checked + .variant-option__button-label,
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset input[type="radio"]:checked + .variant-option__button-label .variant-option__button-label__text {
  background-color: #f2e9d0 !important;
  color: #1b4d3e !important;
  border-color: #f2e9d0 !important;
  box-shadow: 0 4px 12px rgba(242, 233, 208, 0.4) !important;
  transform: translateY(-2px) !important;
  font-weight: 700 !important;
}

/* Specific styling for individual size buttons */
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(3),
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(4),
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(5),
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(6) {
  background-color: #1b4d3e !important;
  border: 2px solid #1b4d3e !important;
  border-radius: 8px !important;
  color: #f2e9d0 !important;
  padding: 10px 18px !important;
  margin: 4px !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* Hover effect for individual size buttons - enhanced visibility */
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(3):hover,
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(4):hover,
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(5):hover,
#ProductInformation-template--24847607202088__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset > label:nth-child(6):hover {
  background-color: #2d5a4a !important;
  color: #f2e9d0 !important;
  border-color: #2d5a4a !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 6px 16px rgba(27, 77, 62, 0.4) !important;
}

/* Force underground theme on all sections */
.section,
.section-group {
  background: #1b4d3e !important;
  color: #f2e9d0 !important;
}

/* Force underground theme on header */
.header,
.header-group {
  background: #1b4d3e !important;
  border-bottom: 1px solid #2d5a4a !important;
}

/* Global variant picker styling for better legibility */
.variant-option__button-label,
.variant-option__button-label__text,
.variant-picker .variant-option--buttons label,
.variant-picker .variant-option--buttons input[type="radio"] + label,
.variant-picker .variant-option--buttons .variant-option__button-label,
.variant-picker .variant-option--buttons .variant-option__button-label__text {
  background-color: #1b4d3e !important;
  border: 2px solid #1b4d3e !important;
  border-radius: 8px !important;
  color: #f2e9d0 !important;
  padding: 10px 18px !important;
  margin: 4px !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  display: inline-block !important;
}

.variant-option__button-label:hover,
.variant-option__button-label__text:hover,
.variant-picker .variant-option--buttons label:hover,
.variant-picker .variant-option--buttons input[type="radio"] + label:hover,
.variant-picker .variant-option--buttons .variant-option__button-label:hover,
.variant-picker .variant-option--buttons .variant-option__button-label__text:hover {
  background-color: #ff6b35 !important;
  color: #ffffff !important;
  border-color: #ff6b35 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
}

.variant-option__button-label input[type="radio"]:checked + .variant-option__button-label,
.variant-option__button-label input[type="radio"]:checked + .variant-option__button-label .variant-option__button-label__text,
.variant-picker .variant-option--buttons input[type="radio"]:checked + label,
.variant-picker .variant-option--buttons input[type="radio"]:checked + .variant-option__button-label,
.variant-picker .variant-option--buttons input[type="radio"]:checked + .variant-option__button-label .variant-option__button-label__text {
  background-color: #f2e9d0 !important;
  color: #1b4d3e !important;
  border-color: #f2e9d0 !important;
  box-shadow: 0 4px 12px rgba(242, 233, 208, 0.4) !important;
  transform: translateY(-2px) !important;
  font-weight: 700 !important;
}

/* Legend styling for variant pickers */
.variant-option legend {
  color: #f2e9d0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
}

.header__logo {
  filter: brightness(1.2) contrast(1.1) !important;
}

/* HEADER LOGO MÁS GRANDE Y RESPONSIVO */
.header-logo__image {
  max-height: 80px !important;
  height: 80px !important;
  width: auto !important;
}

@media (max-width: 1024px) {
  .header-logo__image {
    max-height: 60px !important;
    height: 60px !important;
  }
}

@media (max-width: 768px) {
  .header-logo__image {
    max-height: 48px !important;
    height: 48px !important;
  }
  .header-logo {
    justify-content: center !important;
    align-items: center !important;
  }

  /* Mobile variant picker improvements */
  .variant-option__button-label,
  .variant-option__button-label__text,
  .variant-picker .variant-option--buttons label,
  .variant-picker .variant-option--buttons input[type="radio"] + label,
  .variant-picker .variant-option--buttons .variant-option__button-label,
  .variant-picker .variant-option--buttons .variant-option__button-label__text {
    padding: 12px 20px !important;
    font-size: 16px !important;
    margin: 6px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  .variant-option legend {
    font-size: 18px !important;
    margin-bottom: 15px !important;
  }
  
  .header-logo {
    margin: 0 auto !important;
  }
  
  .header {
    flex-direction: column !important;
    padding: 8px 0 !important;
  }
}

@media (max-width: 480px) {
  .header-logo__image {
    max-height: 38px !important;
    height: 38px !important;
  }
}

/* Header logo using loading screen logo */
.header-logo__image {
  max-height: 40px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Header navigation links color - FORCED */
.header .header__menu a,
.header .header__menu-item a,
.header .header__menu-link,
.header .header__menu-item,
.header__menu a,
.header__menu-item a,
.header__menu-link,
.header__menu-item,
.header a,
.header__menu-item {
  /* color: #f2e9d0 !important; */
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.header .header__menu a:hover,
.header .header__menu-item a:hover,
.header .header__menu-link:hover,
.header .header__menu-item:hover,
.header__menu a:hover,
.header__menu-item a:hover,
.header__menu-link:hover,
.header__menu-item:hover,
.header a:hover,
.header__menu-item:hover {
  color: #ff6b35 !important;
}

/* Override any other header link styles */
.header *[class*="menu"] a,
.header *[class*="menu"] span,
.header *[class*="menu"] div {
  /* color: #f2e9d0 !important; */
}

.header *[class*="menu"] a:hover,
.header *[class*="menu"] span:hover,
.header *[class*="menu"] div:hover {
  color: #ff6b35 !important;
}

/* Force all header text to be beige */
.header,
.header * {
  /* color: #f2e9d0 !important; */
}

/* ========================================
   HEADER MENU TITLES - FORCE YELLOW COLOR
   ======================================== */

/* Ultra-specific selector for header menu titles */
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li:nth-child(4) > a > span,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a > span,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a *,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a span,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a span * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  fill: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
}

/* Even more specific for all header menu items */
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a *,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a span,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a span *,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a div,
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a div * {
  color: #f2e9d0 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  fill: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
}

/* Override any conflicting styles with maximum specificity */
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a[style*="color"],
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a span[style*="color"],
#header-component > div > div > div.header__column.header__column--left > header-menu > div > nav > div > overflow-list > li > a div[style*="color"] {
  color: #f2e9d0 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  fill: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
}

/* Specific override for navigation links */
.header .navigation,
.header .navigation *,
.header .header__menu,
.header .header__menu *,
.header .header__menu-item,
.header .header__menu-item * {
  /* color: #f2e9d0 !important; */
}

.header .navigation a:hover,
.header .navigation *:hover,
.header .header__menu a:hover,
.header .header__menu *:hover,
.header .header__menu-item:hover,
.header .header__menu-item *:hover {
  color: #ff6b35 !important;
}

/* Force underground theme on hero */
.hero {
  background: linear-gradient(135deg, #1b4d3e 0%, #0f3d2e 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

.hero::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: 
    radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(255, 140, 90, 0.1) 0%, transparent 50%) !important;
  pointer-events: none !important;
}

.hero__heading {
  color: #f2e9d0 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.hero__subheading {
  color: #f2e9d0 !important;
  font-weight: 300 !important;
  letter-spacing: 1px !important;
}

/* Force underground theme on product cards */
.product-card,
.card {
  background: #f2e9d0 !important;
  border: 1px solid #2d5a4a !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

/* Ultra-specific override for product-card background */
product-card.product-card,
product-card[class*="product-card"],
.product-card[class*="product-card"],
.product-card {
  background: #f2e9d0 !important;
  background-color: #f2e9d0 !important;
}

/* Override any inline styles for product-card */
product-card.product-card[style*="background"],
product-card[class*="product-card"][style*="background"],
.product-card[class*="product-card"][style*="background"],
.product-card[style*="background"] {
  background: #f2e9d0 !important;
  background-color: #f2e9d0 !important;
}

.product-card:hover,
.card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
  border-color: #ff6b35 !important;
}

.product-card__image,
.card__image {
  transition: transform 0.3s ease !important;
}

.product-card:hover .product-card__image,
.card:hover .card__image {
  transform: scale(1.05) !important;
}

.product-card__title,
.card__title {
  color: #f2e9d0 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.product-card__price,
.card__price {
  color: #ff6b35 !important;
  font-weight: 600 !important;
  font-size: 1.2em !important;
}

/* Force underground theme on buttons */
.button--primary,
.btn--primary {
  background: linear-gradient(135deg, #ff6b35 0%, #ff8c5a 100%) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 15px 30px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

.button--primary::before,
.btn--primary::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
  transition: left 0.5s ease !important;
}

.button--primary:hover::before,
.btn--primary:hover::before {
  left: 100% !important;
}

.button--primary:hover,
.btn--primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4) !important;
}

.button--secondary,
.btn--secondary {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #333333 !important;
  padding: 13px 28px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}

.button--secondary:hover,
.btn--secondary:hover {
  border-color: #ff6b35 !important;
  color: #ff6b35 !important;
  background: rgba(255, 107, 53, 0.1) !important;
}

/* Force underground theme on collection grid */
.collection-grid {
  background: #1b4d3e !important;
  padding: 60px 0 !important;
}

.collection-grid__title {
  color: #f2e9d0 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  position: relative !important;
}

.collection-grid__title::after {
  content: '' !important;
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60px !important;
  height: 3px !important;
  background: linear-gradient(135deg, #ff6b35 0%, #ff8c5a 100%) !important;
}

/* Force underground theme on footer */
.footer,
.footer-group {
  background: #1a1a1a !important;
  border-top: 1px solid #333333 !important;
  color: #cccccc !important;
}

.footer__logo {
  filter: brightness(1.2) contrast(1.1) !important;
}

.footer__link {
  color: #cccccc !important;
  transition: color 0.3s ease !important;
}

.footer__link:hover {
  color: #ff6b35 !important;
}

/* Force underground theme on navigation */
.navigation {
  background: #0a0a0a !important;
  border-bottom: 1px solid #333333 !important;
}

.navigation__item {
  color: #ffffff !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: color 0.3s ease !important;
}

.navigation__item:hover {
  color: #ff6b35 !important;
}

/* Force underground theme on header actions */
.header-actions__action {
  color: #ffffff !important;
  transition: color 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

.header-actions__action:hover {
  color: #ff6b35 !important;
}

/* Force icon containers to be visible */
.svg-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}

.header-actions__cart-icon {
  color: #ffffff !important;
  transition: color 0.3s ease !important;
}

.header-actions__cart-icon:hover {
  color: #ff6b35 !important;
}

/* Force underground theme on account button */
.account-button {
  color: #ffffff !important;
  transition: color 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  background-color: transparent !important;
  border: none !important;
  padding: 8px !important;
}

/* Remove border from button--secondary */
.button--secondary {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.header-actions__action.button--secondary {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.account-button:hover {
  color: #ff6b35 !important;
}

.account-button .svg-wrapper {
  color: #ffffff !important;
  transition: color 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.account-button:hover .svg-wrapper {
  color: #ff6b35 !important;
}

/* Force account icon to be visible */
.account-button .svg-wrapper {
  min-width: 20px !important;
  min-height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  background-color: transparent !important;
  border: none !important;
}

.account-button .svg-wrapper svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  stroke-width: 2px !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.account-button:hover .svg-wrapper svg {
  color: #ff6b35 !important;
  stroke: #ff6b35 !important;
}

/* Force user simple icon to be visible */
.icon-user-simple svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
  stroke-width: 2px !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.account-button:hover .icon-user-simple svg {
  color: #ff6b35 !important;
  stroke: #ff6b35 !important;
  fill: #ff6b35 !important;
}

/* Force menu icon to be visible */
.icon-menu svg {
  color: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
  fill: none !important;
  stroke-width: 2px !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.account-button:hover .icon-menu svg {
  color: #ff6b35 !important;
  stroke: #ff6b35 !important;
}

/* Force all account button icons to be visible */
.account-button .svg-wrapper {
  color: #f2e9d0 !important;
  background-color: transparent !important;
  border: none !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
}

/* Remove all borders and boxes from account button */
.account-button,
.account-button *,
.account-popover,
.account-popover * {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
}

/* Force account popover to be visible */
.account-popover {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Fix account popover panel background - SIMPLIFIED */
.account-popover__panel,
.account-popover__panel .details-content,
.account-popover__panel .color-scheme-1,
.account-popover__panel .details-content.color-scheme-1 {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Adjust account popover positioning - move slightly to the right for better centering */
.account-popover__panel {
  inset-inline-end: -20px !important;
}

/* Remove all borders, radius, and extra styling from inner elements */
.account-popover__panel *,
.account-popover__panel .details-content *,
.account-popover__panel .color-scheme-1 *,
.account-popover__panel .details-content.color-scheme-1 * {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Keep only the main modal background white */
.account-popover__panel .details-content,
.account-popover__panel .details-content.color-scheme-1 {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Improve text colors in modal */
.account-popover__panel h1,
.account-popover__panel h2,
.account-popover__panel h3,
.account-popover__panel h4,
.account-popover__panel h5,
.account-popover__panel h6,
.account-popover__panel p,
.account-popover__panel span,
.account-popover__panel div,
.account-popover__panel label {
  color: #333333 !important;
  font-weight: 500 !important;
}

/* Style buttons with proper colors */
.account-popover__panel .button,
.account-popover__panel button,
.account-popover__panel input[type="submit"],
.account-popover__panel input[type="button"] {
  background: #1b4d3e !important;
  color: #f2e9d0 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.account-popover__panel .button:hover,
.account-popover__panel button:hover,
.account-popover__panel input[type="submit"]:hover,
.account-popover__panel input[type="button"]:hover {
  background: #ff6b35 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(255, 107, 53, 0.3) !important;
}

/* Style secondary buttons differently */
.account-popover__panel .button--secondary,
.account-popover__panel button.button--secondary {
  background: #2d5a4a !important;
  color: #f2e9d0 !important;
  border: 1px solid #1b4d3e !important;
}

.account-popover__panel .button--secondary:hover,
.account-popover__panel button.button--secondary:hover {
  background: #ff6b35 !important;
  color: #ffffff !important;
  border-color: #ff6b35 !important;
}

/* Style links in modal */
.account-popover__panel a {
  color: #1b4d3e !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.account-popover__panel a:hover {
  color: #ff6b35 !important;
  text-decoration: none !important;
}

/* Remove underline from buttons */
.account-popover__panel .button,
.account-popover__panel button,
.account-popover__panel input[type="submit"],
.account-popover__panel input[type="button"] {
  text-decoration: none !important;
}

/* Make "Account" text green */
.account-popover__panel h1,
.account-popover__panel h2,
.account-popover__panel h3,
.account-popover__panel h4,
.account-popover__panel h5,
.account-popover__panel h6,
.account-popover__panel .account-title,
.account-popover__panel [class*="account"],
.account-popover__panel [class*="Account"] {
  color: #1b4d3e !important;
  font-weight: 600 !important;
}

/* Force "Account" text to be green with higher specificity */
.account-popover__panel *:contains("Account"),
.account-popover__panel *:contains("account"),
.account-popover__panel .details-content h1,
.account-popover__panel .details-content h2,
.account-popover__panel .details-content h3,
.account-popover__panel .details-content h4,
.account-popover__panel .details-content h5,
.account-popover__panel .details-content h6 {
  color: #1b4d3e !important;
  font-weight: 600 !important;
}

/* Maximum specificity for Account title - override everything */
.account-popover__panel span.account-actions_title.h5,
.account-popover__panel .account-actions_title h5,
.account-popover__panel h5.account-actions_title,
.account-popover__panel .account-actions_title,
.account-popover__panel .account-actions__title,
.account-popover__panel .account-actions__title h5,
.account-popover__panel h5.account-actions__title {
  color: #1b4d3e !important;
  font-weight: 600 !important;
  background-color: transparent !important;
  border: none !important;
  text-decoration: none !important;
}

/* Force override for any conflicting styles */
.account-popover__panel *[class*="account-actions"] *[class*="title"] {
  color: #1b4d3e !important;
  font-weight: 600 !important;
}

/* Specific fix for Account title with correct class */
.account-popover__panel .account-actions__title,
.account-popover__panel .account-actions__title h5,
.account-popover__panel h5.account-actions__title,
.account-popover__panel .account-actions_title,
.account-popover__panel .account-actions_title h5,
.account-popover__panel h5.account-actions_title,
.account-popover__panel span.account-actions_title.h5 {
  color: #1b4d3e !important;
  font-weight: 600 !important;
}

/* Override any other text colors for Account */
.account-popover__panel * {
  color: #333333 !important;
}

.account-popover__panel h1,
.account-popover__panel h2,
.account-popover__panel h3,
.account-popover__panel h4,
.account-popover__panel h5,
.account-popover__panel h6 {
  color: #1b4d3e !important;
}

/* Ensure Orders and Profile buttons are always visible but no hover */
.account-popover__panel [class*="orders"],
.account-popover__panel [class*="profile"],
.account-popover__panel [class*="Orders"],
.account-popover__panel [class*="Profile"] {
  color: #333333 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transition: none !important;
  transform: none !important;
  position: static !important;
}

/* Remove hover for Orders and Profile */
.account-popover__panel [class*="orders"]:hover,
.account-popover__panel [class*="profile"]:hover,
.account-popover__panel [class*="Orders"]:hover,
.account-popover__panel [class*="Profile"]:hover {
  color: #333333 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  transform: none !important;
  position: static !important;
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Disable hover effects for account-actions__list buttons */
.account-popover__panel .account-actions__list a,
.account-popover__panel .account-actions__list button,
.account-popover__panel .account-actions__list div,
.account-popover__panel .account-actions__list * {
  transition: none !important;
  transform: none !important;
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove all hover effects */
.account-popover__panel .account-actions__list a:hover,
.account-popover__panel .account-actions__list button:hover,
.account-popover__panel .account-actions__list div:hover,
.account-popover__panel .account-actions__list *:hover {
  transform: none !important;
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Style account-actions__link buttons like the ones above */
.account-popover__panel .account-actions__link,
.account-popover__panel .button-secondary,
.account-popover__panel .button--secondary,
.account-popover__panel .account-actions__link.button-secondary,
.account-popover__panel .account-actions__link.button--secondary {
  border-radius: 8px !important;
  transition: transform 0.2s ease !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Hover effect for account-actions__link buttons */
.account-popover__panel .account-actions__link:hover,
.account-popover__panel .button-secondary:hover,
.account-popover__panel .button--secondary:hover,
.account-popover__panel .account-actions__link.button-secondary:hover,
.account-popover__panel .account-actions__link.button--secondary:hover {
  transform: translateY(-2px) !important;
  transition: transform 0.2s ease !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Maximum specificity for Orders and Profile text - override everything */
.account-popover__panel .account-actions__link,
.account-popover__panel .button-secondary,
.account-popover__panel .button--secondary,
.account-popover__panel .account-actions__link.button-secondary,
.account-popover__panel .account-actions__link.button--secondary,
.account-popover__panel .account-actions__link span,
.account-popover__panel .button-secondary span,
.account-popover__panel .button--secondary span,
.account-popover__panel .account-actions__link.button-secondary span,
.account-popover__panel .account-actions__link.button--secondary span,
.account-popover__panel .account-actions__link div,
.account-popover__panel .button-secondary div,
.account-popover__panel .button--secondary div,
.account-popover__panel .account-actions__link.button-secondary div,
.account-popover__panel .account-actions__link.button--secondary div {
  color: #f2e9d0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  text-decoration: none !important;
}

/* Force yellow color on hover with maximum specificity */
.account-popover__panel .account-actions__link:hover,
.account-popover__panel .button-secondary:hover,
.account-popover__panel .button--secondary:hover,
.account-popover__panel .account-actions__link.button-secondary:hover,
.account-popover__panel .account-actions__link.button--secondary:hover,
.account-popover__panel .account-actions__link:hover span,
.account-popover__panel .button-secondary:hover span,
.account-popover__panel .button--secondary:hover span,
.account-popover__panel .account-actions__link.button-secondary:hover span,
.account-popover__panel .account-actions__link.button--secondary:hover span,
.account-popover__panel .account-actions__link:hover div,
.account-popover__panel .button-secondary:hover div,
.account-popover__panel .button--secondary:hover div,
.account-popover__panel .account-actions__link.button-secondary:hover div,
.account-popover__panel .account-actions__link.button--secondary:hover div {
  color: #f2e9d0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  text-decoration: none !important;
}

/* Remove box styles from parent containers */
.group-block-content,
[class*="group-block-content"],
.layout-panel-flex,
[class*="layout-panel-flex"] {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: none !important;
  border: none !important;
  transform: none !important;
}

/* Remove box styles from nested elements in parent containers */
.group-block-content .group-block,
[class*="group-block-content"] .group-block,
.layout-panel-flex .group-block,
[class*="layout-panel-flex"] .group-block {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: none !important;
  border: none !important;
  transform: none !important;
}

/* Direct styling for product boxes - ONLY real product boxes */
.group-block:has([class*="product"]),
.group-block:has([class*="card"]) {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: none !important;
  padding: 20px !important;
}

.group-block:has([class*="product"]):hover,
.group-block:has([class*="card"]):hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

/* Remove description styles from parent containers */
.group-block-content [class*="content"],
[class*="group-block-content"] [class*="content"],
.layout-panel-flex [class*="content"],
[class*="layout-panel-flex"] [class*="content"] {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Remove text styles from parent containers */
.group-block-content [class*="title"],
[class*="group-block-content"] [class*="title"],
.layout-panel-flex [class*="title"],
[class*="layout-panel-flex"] [class*="title"],
.group-block-content [class*="price"],
[class*="group-block-content"] [class*="price"],
.layout-panel-flex [class*="price"],
[class*="layout-panel-flex"] [class*="price"],
.group-block-content [class*="description"],
[class*="group-block-content"] [class*="description"],
.layout-panel-flex [class*="description"],
[class*="layout-panel-flex"] [class*="description"] {
  color: inherit !important;
  font-weight: inherit !important;
  margin: inherit !important;
  padding: inherit !important;
}

/* Product description area - Simplified without internal boxes */
.group-block:has([class*="product"]) > [class*="content"]:not(.group-block-content),
.group-block:has([class*="product"]) [class*="content"]:not(.group-block-content):not([class*="group-block-content"]),
.group-block:has([class*="card"]) > [class*="content"]:not(.group-block-content),
.group-block:has([class*="card"]) [class*="content"]:not(.group-block-content):not([class*="group-block-content"]) {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ELIMINADO - Estas clases estaban sobrescribiendo los estilos del precio y título */

/* ELIMINADO - Esta regla estaba sobrescribiendo todos los colores */

/* Specific product link - Simplified without internal boxes */
#9f692538cfaf42c3298579d5ada3b4da {
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  text-decoration: none !important;
}

/* Product cards - Simplified without internal boxes */
.product-card.underground-theme {
  background-color: transparent !important;
}

/* Green slideshow arrows - make them bigger, thicker and green */
.slideshow-control .icon-caret {
  color: #1b4d3e !important;
  width: 32px !important;
  height: 32px !important;
  stroke-width: 3px !important;
}

.slideshow-control .icon-caret svg {
  width: 32px !important;
  height: 32px !important;
  fill: #1b4d3e !important;
  stroke: #1b4d3e !important;
  stroke-width: 3px !important;
}

.slideshow-controls .icon {
  color: #1b4d3e !important;
  width: 32px !important;
  height: 32px !important;
  stroke-width: 3px !important;
}

/* Yellow text for facet filters form */
#FacetFiltersForm--template--24847606808872__main-desktop {
  color: #f2e9d0 !important;
}

/* Yellow text for h3 elements in facet filters */
#FacetFiltersForm--template--24847606808872__main-desktop h3 {
  color: #f2e9d0 !important;
}

/* Yellow text for facets label */
.facets__label {
  color: #f2e9d0 !important;
}

/* Yellow icons for facet filters */
#FacetFiltersForm--template--24847606808872__main-desktop svg,
#FacetFiltersForm--template--24847606808872__main-desktop .icon {
  color: #f2e9d0 !important;
  fill: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
}

/* Green text for dropdown labels */
#FacetFiltersForm--template--24847606808872__main-desktop label {
  color: #1b4d3e !important;
}

/* Green text for checkbox labels */
.checkbox__label {
  color: #1b4d3e !important;
}

.checkbox__label * {
  color: #1b4d3e !important;
}

/* Green text for checkbox label text */
.checkbox__label-text {
  color: #1b4d3e !important;
}

/* Green and bigger icon for add to cart */
.add-to-cart-icon svg {
  color: #39ff14 !important;
  fill: #39ff14 !important;
  stroke: #39ff14 !important;
  width: 32px !important;
  height: 32px !important;
}

.quick-add__button .add-to-cart-icon svg {
  color: #39ff14 !important;
  fill: #39ff14 !important;
  stroke: #39ff14 !important;
  width: 32px !important;
  height: 32px !important;
}

/* Bigger and neon green text for ADD */
.add-to-cart-text__content {
  color: #39ff14 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* Yellow text for footer */
footer {
  color: #f2e9d0 !important;
}

footer * {
  color: #f2e9d0 !important;
}

/* Page transition loading animation */
.page-transition-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1b4d3e;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

/* ========================================
   PAGE TRANSITION LOADER - ORIGINAL STRUCTURE
   ======================================== */

/* ========================================
   PAGE TRANSITION LOADER - PERFECT ALIGNMENT
   ======================================== */

.page-transition-loader .loading-icon {
  width: 100%;
  max-width: 400px;
  animation: bounce 1.5s ease-in-out infinite;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.page-transition-loader .loading-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.page-transition-loader .loading-spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.page-transition-loader .loading-icon svg {
  width: 100%;
  height: 100%;
  fill: #f2e9d0;
}

.page-transition-loader .loading-logo-text {
  color: #f2e9d0;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.page-transition-loader .loading-logo-image {
  width: 100%;
  height: auto;
  max-width: 300px;
  max-height: 120px;
  object-fit: contain;
}

.page-transition-loader .loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(242, 233, 208, 0.3);
  border-top: 3px solid #f2e9d0;
  border-radius: 50%;
  animation: spin 1s linear infinite !important;
}

.page-transition-loader .loading-text {
  color: #f2e9d0;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  animation: pulse 2s infinite;
  width: 100%;
}

.page-transition-loader .loading-dots {
  animation: textFade 2s ease-in-out infinite;
}

.page-transition-loader.active {
  opacity: 1;
  visibility: visible;
}

@keyframes bounce {
  0% {
    transform: translateY(0) scale(1);
  }
  10% {
    transform: translateY(-30px) scale(1.05);
  }
  20% {
    transform: translateY(0) scale(1);
  }
  30% {
    transform: translateY(-25px) scale(1.03);
  }
  40% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-20px) scale(1.02);
  }
  60% {
    transform: translateY(0) scale(1);
  }
  70% {
    transform: translateY(-15px) scale(1.01);
  }
  80% {
    transform: translateY(0) scale(1);
  }
  90% {
    transform: translateY(-10px) scale(1.005);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Improve add to cart buttons - more specific */
.product-grid_item .group-block [class*="button"],
.product-grid_item [class*="group-block"] [class*="button"],
[class*="product-grid_item"] .group-block [class*="button"],
[class*="product-grid_item"] [class*="group-block"] [class*="button"],
.product-grid_item .group-block .add-to-cart,
.product-grid_item [class*="group-block"] .add-to-cart,
[class*="product-grid_item"] .group-block .add-to-cart,
[class*="product-grid_item"] [class*="group-block"] .add-to-cart,
.product-grid_item .group-block [class*="add-to-cart"],
.product-grid_item [class*="group-block"] [class*="add-to-cart"],
[class*="product-grid_item"] .group-block [class*="add-to-cart"],
[class*="product-grid_item"] [class*="group-block"] [class*="add-to-cart"] {
  background-color: #1b4d3e !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
}

.product-grid_item .group-block [class*="button"]:hover,
.product-grid_item [class*="group-block"] [class*="button"]:hover,
[class*="product-grid_item"] .group-block [class*="button"]:hover,
[class*="product-grid_item"] [class*="group-block"] [class*="button"]:hover,
.product-grid_item .group-block .add-to-cart:hover,
.product-grid_item [class*="group-block"] .add-to-cart:hover,
[class*="product-grid_item"] .group-block .add-to-cart:hover,
[class*="product-grid_item"] [class*="group-block"] .add-to-cart:hover,
.product-grid_item .group-block [class*="add-to-cart"]:hover,
.product-grid_item [class*="group-block"] [class*="add-to-cart"]:hover,
[class*="product-grid_item"] .group-block [class*="add-to-cart"]:hover,
[class*="product-grid_item"] [class*="group-block"] [class*="add-to-cart"]:hover {
  background-color: #2d6a4e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(27, 77, 62, 0.3) !important;
}

/* Green cart icons - more specific */
.product-grid_item .group-block [class*="button"] svg,
.product-grid_item [class*="group-block"] [class*="button"] svg,
[class*="product-grid_item"] .group-block [class*="button"] svg,
[class*="product-grid_item"] [class*="group-block"] [class*="button"] svg,
.product-grid_item .group-block .add-to-cart svg,
.product-grid_item [class*="group-block"] .add-to-cart svg,
[class*="product-grid_item"] .group-block .add-to-cart svg,
[class*="product-grid_item"] [class*="group-block"] .add-to-cart svg,
.product-grid_item .group-block [class*="add-to-cart"] svg,
.product-grid_item [class*="group-block"] [class*="add-to-cart"] svg,
[class*="product-grid_item"] .group-block [class*="add-to-cart"] svg,
[class*="product-grid_item"] [class*="group-block"] [class*="add-to-cart"] svg {
  color: white !important;
  fill: white !important;
  stroke: white !important;
  width: 20px !important;
  height: 20px !important;
}

/* Green text for add to cart buttons - more specific */
.product-grid_item .group-block [class*="button"] span,
.product-grid_item [class*="group-block"] [class*="button"] span,
[class*="product-grid_item"] .group-block [class*="button"] span,
[class*="product-grid_item"] [class*="group-block"] [class*="button"] span,
.product-grid_item .group-block .add-to-cart span,
.product-grid_item [class*="group-block"] .add-to-cart span,
[class*="product-grid_item"] .group-block .add-to-cart span,
[class*="product-grid_item"] [class*="group-block"] .add-to-cart span,
.product-grid_item .group-block [class*="add-to-cart"] span,
.product-grid_item [class*="group-block"] [class*="add-to-cart"] span,
[class*="product-grid_item"] .group-block [class*="add-to-cart"] span,
[class*="product-grid_item"] [class*="group-block"] [class*="add-to-cart"] span {
  color: white !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

/* Fix icon and text alignment in Orders and Profile buttons */
.account-popover__panel .account-actions__link,
.account-popover__panel .button-secondary,
.account-popover__panel .button--secondary,
.account-popover__panel .account-actions__link.button-secondary,
.account-popover__panel .account-actions__link.button--secondary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 18px !important;
  min-height: 50px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* Align icons and text properly */
.account-popover__panel .account-actions__link svg,
.account-popover__panel .button-secondary svg,
.account-popover__panel .button--secondary svg,
.account-popover__panel .account-actions__link.button-secondary svg,
.account-popover__panel .account-actions__link.button--secondary svg,
.account-popover__panel .account-actions__link img,
.account-popover__panel .button-secondary img,
.account-popover__panel .button--secondary img,
.account-popover__panel .account-actions__link.button-secondary img,
.account-popover__panel .account-actions__link.button--secondary img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  bottom: 0 !important;
}

/* Align text properly */
.account-popover__panel .account-actions__link span,
.account-popover__panel .button-secondary span,
.account-popover__panel .button--secondary span,
.account-popover__panel .account-actions__link.button-secondary span,
.account-popover__panel .account-actions__link.button--secondary span,
.account-popover__panel .account-actions__link div,
.account-popover__panel .button-secondary div,
.account-popover__panel .button--secondary div,
.account-popover__panel .account-actions__link.button-secondary div,
.account-popover__panel .account-actions__link.button--secondary div {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  bottom: 0 !important;
  line-height: 1 !important;
}

/* Fix alignment on hover - same rules as normal state */
.account-popover__panel .account-actions__link:hover,
.account-popover__panel .button-secondary:hover,
.account-popover__panel .button--secondary:hover,
.account-popover__panel .account-actions__link.button-secondary:hover,
.account-popover__panel .account-actions__link.button--secondary:hover {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Align icons on hover */
.account-popover__panel .account-actions__link:hover svg,
.account-popover__panel .button-secondary:hover svg,
.account-popover__panel .button--secondary:hover svg,
.account-popover__panel .account-actions__link.button-secondary:hover svg,
.account-popover__panel .account-actions__link.button--secondary:hover svg,
.account-popover__panel .account-actions__link:hover img,
.account-popover__panel .button-secondary:hover img,
.account-popover__panel .button--secondary:hover img,
.account-popover__panel .account-actions__link.button-secondary:hover img,
.account-popover__panel .account-actions__link.button--secondary:hover img {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  bottom: 0 !important;
}

/* Align text on hover */
.account-popover__panel .account-actions__link:hover span,
.account-popover__panel .button-secondary:hover span,
.account-popover__panel .button--secondary:hover span,
.account-popover__panel .account-actions__link.button-secondary:hover span,
.account-popover__panel .account-actions__link.button--secondary:hover span,
.account-popover__panel .account-actions__link:hover div,
.account-popover__panel .button-secondary:hover div,
.account-popover__panel .button--secondary:hover div,
.account-popover__panel .account-actions__link.button-secondary:hover div,
.account-popover__panel .account-actions__link.button--secondary:hover div {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  bottom: 0 !important;
  line-height: 1 !important;
}

/* Remove all styling from button--secondary */
button.button--secondary,
button.header-actions__action.button--secondary,
button.button-unstyled.button--secondary {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #f2e9d0 !important;
}

.account-popover__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
}

/* Force account avatar and initials to be visible */
.account-button__avatar {
  color: #f2e9d0 !important;
  background-color: #ff6b35 !important;
  border: 2px solid #f2e9d0 !important;
  font-weight: bold !important;
  font-size: 14px !important;
}

/* Force all header icons to be visible */
header-actions svg {
  color: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
  fill: none !important;
  stroke-width: 2px !important;
}

header-actions svg:hover {
  color: #ff6b35 !important;
  stroke: #ff6b35 !important;
}

/* Specific icon styles */
.icon-search svg,
.icon-cart svg,
.icon-account svg {
  color: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
  fill: none !important;
  stroke-width: 2px !important;
}

.icon-search:hover svg,
.icon-cart:hover svg,
.icon-account:hover svg {
  color: #ff6b35 !important;
  stroke: #ff6b35 !important;
}

/* Force underground theme on search */
.search__input {
  background: #0f3d2e !important;
  border: 1px solid #2d5a4a !important;
  color: #f2e9d0 !important;
  border-radius: 4px !important;
}

.search__input:focus {
  border-color: #ff6b35 !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2) !important;
}

/* Force underground theme on icons */
.header-actions__action svg,
.cart-icon svg,
.search-action svg,
.svg-wrapper svg,
.account-button svg,
.account-button__icon svg {
  color: #f2e9d0 !important;
  fill: none !important;
  stroke: #f2e9d0 !important;
  stroke-width: 2px !important;
}

.header-actions__action:hover svg,
.cart-icon:hover svg,
.search-action:hover svg,
.account-button:hover svg {
  color: #ff6b35 !important;
  stroke: #ff6b35 !important;
}

/* Force underground theme on cart */
.cart-drawer {
  background: #1b4d3e !important;
  border-left: 1px solid #2d5a4a !important;
}

.cart-item {
  background: #0f3d2e !important;
  border: 1px solid #2d5a4a !important;
  border-radius: 4px !important;
}

/* Force underground theme on loading screen */
.loading-screen {
  background: linear-gradient(135deg, #1b4d3e 0%, #0f3d2e 100%) !important;
}

.loading-text {
  color: #f2e9d0 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

/* Custom scrollbar for underground theme */
::-webkit-scrollbar {
  width: 8px !important;
}

::-webkit-scrollbar-track {
  background: #0f3d2e !important;
}

::-webkit-scrollbar-thumb {
  background: #2d5a4a !important;
  border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff8c5a !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero__heading {
    font-size: 2.5rem !important;
    letter-spacing: 1px !important;
  }
  
  .button--primary,
  .btn--primary {
    padding: 12px 24px !important;
    font-size: 0.9rem !important;
  }
  
  .collection-grid__title {
    font-size: 1.8rem !important;
    letter-spacing: 2px !important;
  }
}

/* Animations for underground theme */
@keyframes undergroundGlow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(255, 107, 53, 0.3) !important;
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 107, 53, 0.6) !important;
  }
}

.product-card:hover,
.card:hover {
  animation: undergroundGlow 2s ease-in-out infinite !important;
} 

/* Cart empty state text colors - Green text for better contrast on white background */
.cart-drawer--empty .cart-drawer__heading {
  color: #1b4d3e !important;
}

.cart-drawer--empty .cart-items__wrapper p {
  color: #1b4d3e !important;
}

.cart-drawer--empty .cart-items__empty-button {
  color: #1b4d3e !important;
  border-color: #1b4d3e !important;
}

.cart-drawer--empty .cart-items__empty-button:hover {
  background-color: #1b4d3e !important;
  color: #f2e9d0 !important;
}

/* Fix input hover transparency - keep white background */
.field__input:hover {
  background-color: #ffffff !important;
}

input[type="email"]:hover,
input[type="text"]:hover,
input[type="password"]:hover {
  background-color: #ffffff !important;
}

/* Account popover icons - Yellow color */
.account-popover__panel .account-actions__icon svg {
  color: #f2e9d0 !important;
  fill: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
}

.account-popover__panel .account-actions__icon {
  color: #f2e9d0 !important;
} 

/* Cart drawer close button (X) - Verde visible */
.button.cart-drawer__close-button.button-unstyled.button--secondary.underground-theme {
  color: #1b4d3e !important;
}
.button.cart-drawer__close-button.button-unstyled.button--secondary.underground-theme:hover,
.button.cart-drawer__close-button.button-unstyled.button--secondary.underground-theme:focus {
  color: #145c36 !important;
} 

/* Forzar color verde en la X del botón de cerrar del cart drawer */
.cart-drawer__close-button .svg-wrapper,
.cart-drawer__close-button .svg-wrapper svg,
.cart-drawer__close-button .svg-wrapper svg path {
  color: #1b4d3e !important;
  stroke: #1b4d3e !important;
  fill: none !important;
}
.cart-drawer__close-button:hover .svg-wrapper,
.cart-drawer__close-button:focus .svg-wrapper,
.cart-drawer__close-button:hover .svg-wrapper svg,
.cart-drawer__close-button:focus .svg-wrapper svg,
.cart-drawer__close-button:hover .svg-wrapper svg path,
.cart-drawer__close-button:focus .svg-wrapper svg path {
  color: #145c36 !important;
  stroke: #145c36 !important;
} 

/* Oculta la X de cerrar el menú drawer en mobile cuando el menú no está abierto */
#Details-menu-drawer-container > summary > .header-drawer-icon--close {
  display: none !important;
}
#Details-menu-drawer-container[open] > summary > .header-drawer-icon--close {
  display: inline-flex !important;
}
#Details-menu-drawer-container > summary > .header-drawer-icon--open {
  display: inline-flex !important;
}
#Details-menu-drawer-container[open] > summary > .header-drawer-icon--open {
  display: none !important;
} 

@media (max-width: 768px) {
  .header .header-drawer-icon,
  .header .header-drawer-icon svg,
  .header .header-actions__action svg,
  .header .svg-wrapper svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
} 

/* Sidebar mobile menu: letras verdes */
#HeaderDrawer-catalog > span,
#HeaderDrawer-home > span,
#HeaderDrawer-contact > span,
#HeaderDrawer-about-us > span,
.menu-drawer__menu > li > a,
.menu-drawer__menu > li > span {
  color: #1b4d3e !important;
}

/* Sidebar mobile menu: X a la derecha */
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 10 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button > span svg {
  color: #1b4d3e !important;
  stroke: #1b4d3e !important;
  fill: none !important;
}
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:hover > span svg,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:focus > span svg {
  color: #145c36 !important;
  stroke: #145c36 !important;
} 

#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button > span,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button > span svg,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button > span svg path {
  color: #1b4d3e !important;
  stroke: #1b4d3e !important;
  fill: none !important;
}
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:hover > span,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:focus > span,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:hover > span svg,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:focus > span svg,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:hover > span svg path,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > button:focus > span svg path {
  color: #145c36 !important;
  stroke: #145c36 !important;
} 

@media (max-width: 768px) {
  #shopify-section-template--24847606808872__main .facets-mobile-wrapper.facets-controls-wrapper fieldset label span svg {
    color: #f2e9d0 !important;
    stroke: #f2e9d0 !important;
    fill: none !important;
  }
}

@media (max-width: 768px) {
  #ResultsList > div > ul {
    padding: 1rem !important;
  }
}

@media (max-width: 768px) {
  #header-component .account-popover__panel.details-content {
    left: auto !important;
    right: 0 !important;
    width: 90vw !important;
    max-width: 320px !important;
    min-width: unset !important;
    inset-inline-end: 0 !important;
    inset-inline-start: auto !important;
    inset-block-start: calc(100% + 8px) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25) !important;
  }
}

/* Additional variant picker styles to ensure they apply */
.variant-picker fieldset label,
.variant-picker fieldset input[type="radio"] + label,
.variant-picker .variant-option--buttons label,
.variant-picker .variant-option--buttons input[type="radio"] + label {
  background-color: #1b4d3e !important;
  border: 2px solid #1b4d3e !important;
  border-radius: 8px !important;
  color: #f2e9d0 !important;
  padding: 10px 18px !important;
  margin: 4px !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  display: inline-block !important;
}

.variant-picker fieldset label:hover,
.variant-picker fieldset input[type="radio"] + label:hover,
.variant-picker .variant-option--buttons label:hover,
.variant-picker .variant-option--buttons input[type="radio"] + label:hover {
  background-color: #2d5a4a !important;
  color: #f2e9d0 !important;
  border-color: #2d5a4a !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 6px 16px rgba(27, 77, 62, 0.4) !important;
}

.variant-picker fieldset input[type="radio"]:checked + label,
.variant-picker .variant-option--buttons input[type="radio"]:checked + label {
  background-color: #f2e9d0 !important;
  color: #1b4d3e !important;
  border-color: #f2e9d0 !important;
  box-shadow: 0 4px 12px rgba(242, 233, 208, 0.4) !important;
  transform: translateY(-2px) !important;
  font-weight: 700 !important;
}

.variant-picker fieldset legend,
.variant-picker .variant-option legend {
  color: #f2e9d0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
}

@media (max-width: 768px) {
  .variant-picker fieldset label,
  .variant-picker fieldset input[type="radio"] + label,
  .variant-picker .variant-option--buttons label,
  .variant-picker .variant-option--buttons input[type="radio"] + label {
    padding: 12px 20px !important;
    font-size: 16px !important;
    margin: 6px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }
  
  .variant-picker fieldset legend,
  .variant-picker .variant-option legend {
    font-size: 18px !important;
    margin-bottom: 15px !important;
  }
}

/* ========================================
   PRODUCT PAGE STYLING IMPROVEMENTS
   ======================================== */

/* Product Information Section - Dark Green Background */
.product-information {
  background: #0A3B2E !important;
  color: #ffffff !important;
}

.product-information .section-background {
  background: #0A3B2E !important;
}

.product-information .product-details {
  background: #0A3B2E !important;
  color: #ffffff !important;
}

/* Product Details Container */
.product-details > .group-block {
  background: #0A3B2E !important;
  padding: 24px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(10, 59, 46, 0.3) !important;
}

/* Product Title Styling */
.product-details h1,
.product-details h2,
.product-details h3,
.product-details .product-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}

/* Price Styling - Larger and More Prominent */
.product-details .price,
.product-details product-price .price,
.product-details .product-price .price {
  color: #ffffff !important;
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin: 20px 0 !important;
  display: block !important;
}

.product-details .compare-at-price {
  color: #cccccc !important;
  font-size: 1.5rem !important;
  text-decoration: line-through !important;
  margin-right: 12px !important;
}

/* Product Description Styling */
.product-details p,
.product-details .product-description,
.product-details .rte {
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
  background: transparent !important;
  font-weight: 400 !important;
}

/* Variant Picker Container - Dark Green Background */
.product-details .variant-picker {
  background: #0A3B2E !important;
  padding: 20px 0 !important;
  margin: 20px 0 !important;
  border-radius: 8px !important;
}

/* Variant Picker Form */
.product-details .variant-picker__form {
  background: transparent !important;
}

/* Variant Option Labels (Size, Color, etc.) */
.product-details .variant-option legend,
.product-details .variant-picker fieldset legend {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Variant Buttons Container */
.product-details .variant-option--buttons {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Individual Variant Buttons */
.product-details .variant-option__button-label,
.product-details .variant-option__button-label__text,
.product-details .variant-picker fieldset label,
.product-details .variant-picker fieldset input[type="radio"] + label {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 12px 20px !important;
  margin: 6px !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  display: inline-block !important;
  min-width: 60px !important;
  text-align: center !important;
}

/* Variant Buttons Hover */
.product-details .variant-option__button-label:hover,
.product-details .variant-option__button-label__text:hover,
.product-details .variant-picker fieldset label:hover,
.product-details .variant-picker fieldset input[type="radio"] + label:hover {
  background-color: #ff6b35 !important;
  color: #ffffff !important;
  border-color: #ff6b35 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
}

/* Variant Buttons Selected */
.product-details .variant-option__button-label input[type="radio"]:checked + .variant-option__button-label,
.product-details .variant-option__button-label input[type="radio"]:checked + .variant-option__button-label .variant-option__button-label__text,
.product-details .variant-picker fieldset input[type="radio"]:checked + label {
  background-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-2px) !important;
  font-weight: 700 !important;
}

/* Buy Buttons Styling */
.product-details .buy-buttons,
.product-details .product-form {
  background: #0A3B2E !important;
  margin-top: 24px !important;
  padding: 20px !important;
  border-radius: 12px !important;
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
}

.product-details .buy-buttons button,
.product-details .product-form button {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  padding: 16px 32px !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  width: 100% !important;
  margin: 8px 0 !important;
}

.product-details .buy-buttons button:hover,
.product-details .product-form button:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.2) !important;
}

/* Quantity Selector */
.product-details .quantity-selector,
.product-details .quantity {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 12px !important;
  margin: 16px 0 !important;
}

/* Remove border from specific quantity selector */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi > div > quantity-selector-component,
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  overflow: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Quantity Selector Buttons */
.product-details .quantity-selector button,
.product-details .quantity button {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Specific styling for quantity selector buttons and input */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component button,
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component input {
  width: 50px !important;
  height: 45px !important;
  margin: 0 5px !important;
  padding: 6px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: rgba(242, 233, 208, 0.1) !important;
  border: 2px solid rgba(242, 233, 208, 0.3) !important;
  color: #f2e9d0 !important;
  overflow: visible !important;
  min-width: 50px !important;
  max-width: 50px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

/* Ensure SVG icons are visible in quantity selector */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component button svg,
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component .svg-wrapper svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
  fill: none !important;
}

/* Ensure the input field is properly styled */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component input[type="number"] {
  text-align: center !important;
  background: rgba(242, 233, 208, 0.1) !important;
  border: 2px solid rgba(242, 233, 208, 0.3) !important;
  color: #f2e9d0 !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.product-details .quantity-selector button:hover,
.product-details .quantity button:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Hover effects for specific quantity selector buttons */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component button:hover {
  background: rgba(242, 233, 208, 0.2) !important;
  border-color: rgba(242, 233, 208, 0.6) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(242, 233, 208, 0.2) !important;
}

/* Additional fixes for quantity selector structure */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component .button {
  position: relative !important;
  z-index: 1 !important;
}

#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi quantity-selector-component .svg-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Change display for product-form-buttons container */
.product-form-buttons.product-form-buttons--stacked {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  width: 100% !important;
  padding: 20px !important;
  margin-top: 30px !important;
}

/* Ensure parent containers don't cut off content */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi,
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi > div,
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi .product-form-buttons,
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi .spacing-style {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 1rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Add padding to the specific div container */
#BuyButtons-ProductForm-ASVNPOEdiR3dZR1hkS__buy_buttons_eYQEYi > div {
  padding: 1rem !important;
}

/* Fix menu drawer submenu colors - override yellow text */
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > nav > ul > li:nth-child(2) > ul,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > nav > ul > li:nth-child(2) > ul *,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > nav > ul > li:nth-child(2) > ul li,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > nav > ul > li:nth-child(2) > ul li a,
#Details-menu-drawer-container > div.menu-drawer.motion-reduce.color-scheme-1 > nav > ul > li:nth-child(2) > ul li span {
  color: #1b4d3e !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Ensure all submenu items in menu drawer are green */
.menu-drawer__menu ul li a,
.menu-drawer__menu ul li span,
.menu-drawer__menu ul li * {
  color: #1b4d3e !important;
}

/* Override underground-yellow-text specifically for menu drawer */
.menu-drawer .underground-yellow-text,
.menu-drawer [class*="underground-yellow-text"],
.menu-drawer *[class*="underground-yellow-text"],
.menu-drawer .underground-yellow-text *,
.menu-drawer [class*="underground-yellow-text"] *,
.menu-drawer *[class*="underground-yellow-text"] * {
  color: #1b4d3e !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fix for variant picker container alignment */
#ProductInformation-template--25040395764008__main .variant-picker,
#ProductInformation-template--25040395764008__main .variant-picker form,
#ProductInformation-template--25040395764008__main .variant-picker fieldset {
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* Ensure variant buttons stay within their container */
#ProductInformation-template--25040395764008__main .variant-option__button-label,
#ProductInformation-template--25040395764008__main .variant-option__button-label__text {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  transform: none !important;
}

/* Fix hover effects to not break layout */
#ProductInformation-template--25040395764008__main .variant-option__button-label:hover,
#ProductInformation-template--25040395764008__main .variant-option__button-label__text:hover {
  transform: none !important;
  box-shadow: 0 1px 4px rgba(255, 107, 53, 0.3) !important;
}

/* Specific fix for the container mentioned in the selector */
#ProductInformation-template--25040395764008__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form > fieldset {
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  padding: 20px !important;
  margin: 0 !important;
}

/* Fix the parent container that's causing the overflow issue */
#ProductInformation-template--25040395764008__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column {
  overflow: visible !important;
  padding: 10px !important;
  margin: 0 !important;
  position: relative !important;
}

/* Ensure all variant button labels stay aligned */
#ProductInformation-template--25040395764008__main .variant-option__button-label span,
#ProductInformation-template--25040395764008__main .variant-option__button-label__text {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  display: inline-block !important;
}

/* Fix the variant-picker container specifically */
#ProductInformation-template--25040395764008__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker {
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ensure the form inside variant-picker doesn't cut off content */
#ProductInformation-template--25040395764008__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > variant-picker > form {
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove the problematic data-option-id class - ELIMINATED */

/* Quantity Input */
.product-details .quantity-selector input,
.product-details .quantity input {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* General fix for container overflow issues */
.product-details .group-block,
.product-details .group-block-content,
.product-details .layout-panel-flex {
  overflow: visible !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
  .product-details > .group-block {
    padding: 16px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  
  .product-details h1,
  .product-details h2,
  .product-details h3,
  .product-details .product-title {
    font-size: 1.5rem !important;
    margin-bottom: 12px !important;
  }
  
  .product-details .price,
  .product-details product-price .price,
  .product-details .product-price .price {
    font-size: 2rem !important;
    margin: 16px 0 !important;
  }
  
  .product-details .variant-option__button-label,
  .product-details .variant-option__button-label__text,
  .product-details .variant-picker fieldset label,
  .product-details .variant-picker fieldset input[type="radio"] + label {
    padding: 14px 16px !important;
    font-size: 1rem !important;
    margin: 4px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }
  
  .product-details .buy-buttons button,
  .product-details .product-form button {
    padding: 18px 24px !important;
    font-size: 1rem !important;
    margin: 12px 0 !important;
  }
  
  .product-details .variant-option legend,
  .product-details .variant-picker fieldset legend {
    font-size: 1rem !important;
    margin-bottom: 10px !important;
  }
}

/* Additional Text Styling for Product Details */
.product-details * {
  color: #ffffff !important;
}

.product-details .text-block,
.product-details .text-block *,
.product-details .product-form__info,
.product-details .product-form__info *,
.product-details .payment-terms,
.product-details .payment-terms *,
.product-details .installments,
.product-details .installments *,
.product-details .tax-note,
.product-details .tax-note * {
  color: #ffffff !important;
  font-weight: 400 !important;
}

/* Specific targeting for the product information section */
#ProductInformation-template--24886353789224__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column,
#ProductInformation-template--24886353789224__main > div,
#ProductInformation-template--24886353789224__main,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column,
#ProductInformation-template--24930869575976__main > div,
#ProductInformation-template--24930869575976__main {
  background: #0a0a0a !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

/* Force all elements within product details to have transparent background */
.product-details .group-block,
.product-details .group-block-content,
.product-details .layout-panel-flex,
.product-details .layout-panel-flex--column {
  background: transparent !important;
  color: #ffffff !important;
}

/* Override para el contenedor de compra - MÁXIMA PRIORIDAD */
#ProductInformation-template--24930869575976__main 
  .group-block-content.layout-panel-flex.layout-panel-flex--column > span {

background-color: #002d22 !important; /* usa el mismo verde que el fondo principal */
box-shadow: none !important;          /* elimina el brillo anaranjado */
border: none !important;              /* sin bordes extras */
opacity: 1 !important;                /* sólido, no translúcido */
}

/* Remove any glow effects from the span container */
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > span::before,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > span::after {
  display: none !important;
  content: none !important;
}

/* OVERRIDE AGRESIVO - Forzar el estilo del contenedor */
#ProductInformation-template--24930869575976__main *[class*="group-block-content"] *[class*="layout-panel-flex"] > span {
  background-color: #002d22 !important; /* usa el mismo verde que el fondo principal */
  box-shadow: none !important;          /* elimina el brillo anaranjado */
  border: none !important;              /* sin bordes extras */
  opacity: 1 !important;                /* sólido, no translúcido */
}

/* Override para product-form y sus elementos span */
.product-form,
.product-form span {
  background-color: #002d22 !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 1 !important;
}

/* OVERRIDE PROFESIONAL COMPLETO - ELIMINAR CAJAS ANIDADAS */

/* Fondo principal del bloque de producto - SOLO LA CAJA PADRE */
#ProductInformation-template--24930869575976__main,
#ProductInformation-template--24930869575976__main > div,
#ProductInformation-template--24930869575976__main .product-details {
  background-color: #1b4d3e !important; /* Verde del fondo de la página */
  background: #1b4d3e !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 1 !important;
  color: #f2e9d0 !important;
  padding: 24px !important;
  border-radius: 12px !important;
}

/* ELIMINAR TODAS LAS CAJAS INTERNAS - Solo mantener elementos funcionales */
#ProductInformation-template--24930869575976__main .group-block,
#ProductInformation-template--24930869575976__main .group-block-content,
#ProductInformation-template--24930869575976__main .layout-panel-flex,
#ProductInformation-template--24930869575976__main .layout-panel-flex--column,
#ProductInformation-template--24930869575976__main .layout-panel-flex--row,
#ProductInformation-template--24930869575976__main .spacing-style,
#ProductInformation-template--24930869575976__main .border-style,
#ProductInformation-template--24930869575976__main .size-style {
  background-color: transparent !important;
  background: transparent !important;
  color: #f2e9d0 !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Eliminar TODOS los fondos negros de elementos internos */
#ProductInformation-template--24930869575976__main span,
#ProductInformation-template--24930869575976__main section,
#ProductInformation-template--24930869575976__main form,
#ProductInformation-template--24930869575976__main fieldset {
  background-color: transparent !important;
  background: transparent !important;
  color: #f2e9d0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* CANTIDAD - Simple y limpio */
#ProductInformation-template--24930869575976__main .quantity,
#ProductInformation-template--24930869575976__main .quantity__wrapper,
#ProductInformation-template--24930869575976__main .quantity-input {
  background: #f2e9d0 !important;
  border: 1px solid #1b4d3e !important;
  border-radius: 6px !important;
  padding: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  box-shadow: none !important;
}

/* Botones de cantidad simples */
#ProductInformation-template--24930869575976__main .quantity__button,
#ProductInformation-template--24930869575976__main button[name="plus"],
#ProductInformation-template--24930869575976__main button[name="minus"] {
  background: #1b4d3e !important;
  border: 1px solid #f2e9d0 !important;
  border-radius: 4px !important;
  color: #f2e9d0 !important;
  width: 35px !important;
  height: 35px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

#ProductInformation-template--24930869575976__main .quantity__button:hover {
  background: #ffffff !important;
  color: #1b4d3e !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Input de cantidad */
#ProductInformation-template--24930869575976__main .quantity__input,
#ProductInformation-template--24930869575976__main input[name="quantity"] {
  background: transparent !important;
  border: none !important;
  color: #f2e9d0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  width: 60px !important;
  height: 40px !important;
}

/* BOTÓN ADD TO CART - Simple y limpio */
#ProductInformation-template--24930869575976__main button[name="add"],
#ProductInformation-template--24930869575976__main .product-form__cart-submit,
#ProductInformation-template--24930869575976__main .btn-cart,
#ProductInformation-template--24930869575976__main [id*="add-to-cart"],
#ProductInformation-template--24930869575976__main [class*="add-to-cart"] {
  background: #f2e9d0 !important;
  border: 1px solid #1b4d3e !important;
  border-radius: 6px !important;
  color: #1b4d3e !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  padding: 12px 20px !important;
  width: 100% !important;
  min-height: 50px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

#ProductInformation-template--24930869575976__main button[name="add"]:hover {
  background: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}

#ProductInformation-template--24930869575976__main button[name="add"]:active {
  transform: none !important;
  box-shadow: none !important;
}

/* BOTÓN SOLD OUT - Simplificado sin cajas internas */
#ProductInformation-template--24930869575976__main button[name="add"]:disabled,
#ProductInformation-template--24930869575976__main .product-form__cart-submit:disabled,
#ProductInformation-template--24930869575976__main .btn-cart:disabled,
#ProductInformation-template--24930869575976__main [id*="add-to-cart"]:disabled,
#ProductInformation-template--24930869575976__main [class*="add-to-cart"]:disabled {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #a8b5a8 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  padding: 12px 20px !important;
  width: 100% !important;
  min-height: 50px !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  opacity: 0.8 !important;
}

/* TALLAS - Simple y limpio */
#ProductInformation-template--24930869575976__main .variant-option__button-label,
#ProductInformation-template--24930869575976__main .product-form__input label,
#ProductInformation-template--24930869575976__main fieldset label,
#ProductInformation-template--24930869575976__main .variant-picker label,
#ProductInformation-template--24930869575976__main input[type="radio"] + label {
  background: #f2e9d0 !important;
  border: 1px solid #1b4d3e !important;
  border-radius: 4px !important;
  color: #1b4d3e !important;
  padding: 8px 16px !important;
  margin: 2px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  min-width: 50px !important;
  text-align: center !important;
}

#ProductInformation-template--24930869575976__main .variant-option__button-label:hover,
#ProductInformation-template--24930869575976__main .product-form__input label:hover,
#ProductInformation-template--24930869575976__main fieldset label:hover,
#ProductInformation-template--24930869575976__main input[type="radio"] + label:hover {
  background: #ff6b35 !important;
  color: #ffffff !important;
  border-color: #ff6b35 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
}

#ProductInformation-template--24930869575976__main input[type="radio"]:checked + label,
#ProductInformation-template--24930869575976__main .variant-option__button-label.selected,
#ProductInformation-template--24930869575976__main .variant-picker label.selected {
  background: #1b4d3e !important;
  border-color: #f2e9d0 !important;
  color: #f2e9d0 !important;
  font-weight: bold !important;
  box-shadow: none !important;
}

/* LÍNEAS DE SOLD OUT - Visibles */
#ProductInformation-template--24930869575976__main .variant-option__button-label svg line,
#ProductInformation-template--24930869575976__main .variant-picker svg line,
#ProductInformation-template--24930869575976__main fieldset svg line,
#ProductInformation-template--24930869575976__main input[type="radio"] + label svg line {
  stroke: #1b4d3e !important;
  stroke-width: 3px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* TÍTULO SIZE - Visible */
#ProductInformation-template--24930869575976__main .variant-option legend,
#ProductInformation-template--24930869575976__main .variant-picker fieldset legend,
#ProductInformation-template--24930869575976__main fieldset legend {
  color: #f2e9d0 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* TÍTULO DEL PRODUCTO - OVERRIDE ULTRA AGRESIVO */
#ProductInformation-template--24930869575976__main h1,
#ProductInformation-template--24930869575976__main h2,
#ProductInformation-template--24930869575976__main h3,
#ProductInformation-template--24930869575976__main .product-title,
#ProductInformation-template--24930869575976__main .view-product-title,
#ProductInformation-template--24930869575976__main .view-product-title a,
#ProductInformation-template--24930869575976__main [class*="title"],
#ProductInformation-template--24930869575976__main [class*="Title"],
#ProductInformation-template--24930869575976__main span[class*="title"],
#ProductInformation-template--24930869575976__main div[class*="title"],
#ProductInformation-template--24930869575976__main a[class*="title"],
#ProductInformation-template--24930869575976__main [class*="title"] span,
#ProductInformation-template--24930869575976__main [class*="title"] div,
#ProductInformation-template--24930869575976__main [class*="title"] a,
#ProductInformation-template--24930869575976__main [class*="title"] *,
#ProductInformation-template--24930869575976__main [class*="Title"] *,
#ProductInformation-template--24930869575976__main *[class*="title"],
#ProductInformation-template--24930869575976__main *[class*="Title"],
#ProductInformation-template--24930869575976__main *[class*="title"] *,
#ProductInformation-template--24930869575976__main *[class*="Title"] * {
  color: #f2e9d0 !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  margin: 16px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-decoration: none !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  white-space: normal !important;
  direction: ltr !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
  clip: auto !important;
  zoom: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* PRECIO - OVERRIDE ULTRA AGRESIVO */
#ProductInformation-template--24930869575976__main .price,
#ProductInformation-template--24930869575976__main .price-item,
#ProductInformation-template--24930869575976__main .price__regular,
#ProductInformation-template--24930869575976__main product-price .price,
#ProductInformation-template--24930869575976__main .product-price .price,
#ProductInformation-template--24930869575976__main .price__sale,
#ProductInformation-template--24930869575976__main .price__compare,
#ProductInformation-template--24930869575976__main .price__badge,
#ProductInformation-template--24930869575976__main .price__current,
#ProductInformation-template--24930869575976__main .price__container,
#ProductInformation-template--24930869575976__main .price__wrapper,
#ProductInformation-template--24930869575976__main [class*="price"],
#ProductInformation-template--24930869575976__main [class*="Price"],
#ProductInformation-template--24930869575976__main span.price,
#ProductInformation-template--24930869575976__main div.price,
#ProductInformation-template--24930869575976__main .price span,
#ProductInformation-template--24930869575976__main .price div,
#ProductInformation-template--24930869575976__main .price *,
#ProductInformation-template--24930869575976__main [class*="price"] *,
#ProductInformation-template--24930869575976__main [class*="Price"] *,
#ProductInformation-template--24930869575976__main *[class*="price"],
#ProductInformation-template--24930869575976__main *[class*="Price"],
#ProductInformation-template--24930869575976__main *[class*="price"] *,
#ProductInformation-template--24930869575976__main *[class*="Price"] * {
  color: #f2e9d0 !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  text-shadow: 0 0 10px rgba(242, 233, 208, 0.3) !important;
  margin: 16px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  white-space: normal !important;
  direction: ltr !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
  clip: auto !important;
  zoom: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* CONTENEDOR DE TALLAS - Resaltado */
#ProductInformation-template--24930869575976__main .product-form__input,
#ProductInformation-template--24930869575976__main .variant-picker,
#ProductInformation-template--24930869575976__main fieldset {
  background: rgba(242, 233, 208, 0.1) !important;
  border: 2px solid rgba(242, 233, 208, 0.3) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  margin: 16px 0 !important;
  box-shadow: 0 4px 15px rgba(242, 233, 208, 0.1) !important;
}

/* TÍTULO DE TALLAS - Más visible */
#ProductInformation-template--24930869575976__main .variant-picker__label,
#ProductInformation-template--24930869575976__main fieldset legend,
#ProductInformation-template--24930869575976__main .product-form__input legend {
  color: #f2e9d0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
  text-align: center !important;
  display: block !important;
}

/* SHOPIFY PAY - Integrado */
#ProductInformation-template--24930869575976__main .shopify-payment-button {
  margin-top: 16px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

#ProductInformation-template--24930869575976__main .shopify-payment-button__button {
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
}

/* OVERRIDE ESPECÍFICO - ELIMINAR TODAS LAS PARTES NEGRAS */
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column *,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > *,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column span,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column div,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column section,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column form,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column fieldset,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column .product-form,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column .product-form *,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column .variant-picker,
#ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column .variant-picker * {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  color: #f2e9d0 !important;
}

/* DESCRIPCIÓN - Mantener texto blanco para legibilidad */
#ProductInformation-template--24930869575976__main .product-description,
#ProductInformation-template--24930869575976__main .product-description *,
#ProductInformation-template--24930869575976__main .product__description,
#ProductInformation-template--24930869575976__main .product__description *,
#ProductInformation-template--24930869575976__main .rte,
#ProductInformation-template--24930869575976__main .rte *,
#ProductInformation-template--24930869575976__main .product-form__description,
#ProductInformation-template--24930869575976__main .product-form__description *,
#ProductInformation-template--24930869575976__main [class*="description"],
#ProductInformation-template--24930869575976__main [class*="description"] * {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* OVERRIDE ULTRA AGRESIVO - Para cualquier elemento negro restante */
#ProductInformation-template--24930869575976__main [style*="background: black"],
#ProductInformation-template--24930869575976__main [style*="background-color: black"],
#ProductInformation-template--24930869575976__main [style*="background: #000"],
#ProductInformation-template--24930869575976__main [style*="background-color: #000"],
#ProductInformation-template--24930869575976__main [style*="background: rgb(0, 0, 0)"],
#ProductInformation-template--24930869575976__main [style*="background-color: rgb(0, 0, 0)"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* DISEÑO SIMPLE CON VERDE MÁS OSCURO */
/* Botón Add to Cart - Verde oscuro */
#ProductInformation-template--24930869575976__main button[name="add"],
#ProductInformation-template--24930869575976__main .product-form__cart-submit,
#ProductInformation-template--24930869575976__main .btn-cart,
#ProductInformation-template--24930869575976__main [id*="add-to-cart"],
#ProductInformation-template--24930869575976__main [class*="add-to-cart"] {
  background: #0f3d2e !important;
  border: 2px solid #f2e9d0 !important;
  border-radius: 8px !important;
  color: #f2e9d0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  padding: 14px 20px !important;
  width: 100% !important;
  min-height: 50px !important;
  cursor: pointer !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.2s ease !important;
}

#ProductInformation-template--24930869575976__main button[name="add"]:hover {
  background: #1b4d3e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Tallas - Verde oscuro */
#ProductInformation-template--24930869575976__main .variant-option__button-label,
#ProductInformation-template--24930869575976__main .product-form__input label,
#ProductInformation-template--24930869575976__main fieldset label,
#ProductInformation-template--24930869575976__main .variant-picker label,
#ProductInformation-template--24930869575976__main input[type="radio"] + label {
  background: #0f3d2e !important;
  border: 2px solid #f2e9d0 !important;
  border-radius: 6px !important;
  color: #f2e9d0 !important;
  padding: 10px 16px !important;
  margin: 4px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  min-width: 50px !important;
  text-align: center !important;
}

#ProductInformation-template--24930869575976__main .variant-option__button-label:hover,
#ProductInformation-template--24930869575976__main .product-form__input label:hover,
#ProductInformation-template--24930869575976__main fieldset label:hover,
#ProductInformation-template--24930869575976__main input[type="radio"] + label:hover {
  background: #ff6b35 !important;
  color: #ffffff !important;
  border-color: #ff6b35 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
}

#ProductInformation-template--24930869575976__main input[type="radio"]:checked + label,
#ProductInformation-template--24930869575976__main .variant-option__button-label.selected,
#ProductInformation-template--24930869575976__main .variant-picker label.selected {
  background: #f2e9d0 !important;
  border-color: #0f3d2e !important;
  color: #0f3d2e !important;
  font-weight: bold !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Cantidad - Simplificado sin cajas internas */
#ProductInformation-template--24930869575976__main .quantity,
#ProductInformation-template--24930869575976__main .quantity__wrapper,
#ProductInformation-template--24930869575976__main .quantity-input {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  box-shadow: none !important;
}

#ProductInformation-template--24930869575976__main .quantity__button,
#ProductInformation-template--24930869575976__main button[name="plus"],
#ProductInformation-template--24930869575976__main button[name="minus"] {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #f2e9d0 !important;
  width: 35px !important;
  height: 35px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

#ProductInformation-template--24930869575976__main .quantity__button:hover {
  background: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Override any orange backgrounds */
.product-details [style*="orange"],
.product-details [style*="Orange"],
.product-details [style*="background-color: orange"],
.product-details [style*="background-color: Orange"] {
  background: transparent !important;
  color: #ffffff !important;
}

.product-details .product-form__info strong,
.product-details .product-form__info b {
  font-weight: 600 !important;
}

/* Payment Options Text */
.product-details .payment-terms,
.product-details .installments,
.product-details .tax-note {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 0.9rem !important;
  margin-top: 12px !important;
}

/* Force all buttons to have correct styling */
.product-details button,
.product-details .button,
.product-details input[type="button"],
.product-details input[type="submit"] {
  background: rgba(242, 233, 208, 0.1) !important;
  border: 1px solid rgba(242, 233, 208, 0.3) !important;
  color: #f2e9d0 !important;
  font-weight: 600 !important;
  backdrop-filter: blur(10px) !important;
}

.product-details button:hover,
.product-details .button:hover,
.product-details input[type="button"]:hover,
.product-details input[type="submit"]:hover {
  background: rgba(242, 233, 208, 0.2) !important;
  border-color: rgba(242, 233, 208, 0.5) !important;
  transform: translateY(-1px) !important;
  transition: all 0.3s ease !important;
}

/* Specific styling for size buttons */
.product-details .variant-option--buttons label,
.product-details .variant-option--buttons input[type="radio"] + label,
.product-details fieldset label {
  background: rgba(242, 233, 208, 0.1) !important;
  border: 1px solid rgba(242, 233, 208, 0.3) !important;
  color: #f2e9d0 !important;
  font-weight: 600 !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s ease !important;
}

.product-details .variant-option--buttons input[type="radio"]:checked + label,
.product-details fieldset input[type="radio"]:checked + label {
  background: rgba(242, 233, 208, 0.25) !important;
  border-color: rgba(242, 233, 208, 0.6) !important;
  color: #0a0a0a !important;
  font-weight: 700 !important;
  box-shadow: 0 0 15px rgba(242, 233, 208, 0.3) !important;
}

/* Override any specific button styles */
.product-details .shopify-payment-button,
.product-details .shopify-payment-button__button {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

/* Force all text to be white */
.product-details span,
.product-details div,
.product-details p,
.product-details h1,
.product-details h2,
.product-details h3,
.product-details h4,
.product-details h5,
.product-details h6 {
  color: #ffffff !important;
}

/* Ultra-specific overrides for stubborn elements */
.product-details *[class*="button"],
.product-details *[class*="Button"],
.product-details *[class*="btn"],
.product-details *[class*="Btn"] {
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Override any inline styles */
.product-details [style*="background"] {
  background: #0A3B2E !important;
}

.product-details [style*="color"] {
  color: #ffffff !important;
}

/* Force all form elements */
.product-details form,
.product-details form * {
  background: transparent !important;
  color: #ffffff !important;
}

/* Specific override for any remaining orange elements */
.product-details * {
  background-color: transparent !important;
  color: #ffffff !important;
}

/* Preserve button functionality while keeping container clean */
#ProductInformation-template--24930869575976__main button,
#ProductInformation-template--24930869575976__main .button,
#ProductInformation-template--24930869575976__main input[type="button"],
#ProductInformation-template--24930869575976__main input[type="submit"],
#ProductInformation-template--24930869575976__main .quantity__button,
#ProductInformation-template--24930869575976__main .product-form__buttons {
  background: inherit !important;
  border: inherit !important;
  color: inherit !important;
  box-shadow: inherit !important;
  outline: inherit !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Ensure buttons work properly */
#ProductInformation-template--24930869575976__main button:hover,
#ProductInformation-template--24930869575976__main .button:hover,
#ProductInformation-template--24930869575976__main input[type="button"]:hover,
#ProductInformation-template--24930869575976__main input[type="submit"]:hover {
  transform: inherit !important;
  transition: inherit !important;
}

/* Underground Gallery Title Font Styling */
.underground-gallery__title,
#shopify-section-template--24886353690920__gallery_section .underground-gallery__title,
#shopify-section-template--24886353690920__gallery_section > div > div > div.underground-gallery__header > h2 {
  font-family: 'Orbitron', 'Arial Black', 'Helvetica Bold', sans-serif !important;
  font-weight: 900 !important;
  font-size: 3.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 4px !important;
  color: #f2e9d0 !important;
  text-shadow: 0 0 20px rgba(242, 233, 208, 0.3) !important;
  position: relative !important;
  margin-bottom: 25px !important;
}



/* Mobile responsive font sizing */
@media screen and (max-width: 749px) {
  .underground-gallery__title,
  #shopify-section-template--24886353690920__gallery_section .underground-gallery__title,
  #shopify-section-template--24886353690920__gallery_section > div > div > div.underground-gallery__header > h2 {
    font-size: 2.5rem !important;
    letter-spacing: 3px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 480px) {
  .underground-gallery__title,
  #shopify-section-template--24886353690920__gallery_section .underground-gallery__title,
  #shopify-section-template--24886353690920__gallery_section > div > div > div.underground-gallery__header > h2 {
    font-size: 2rem !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 375px) {
  .underground-gallery__title,
  #shopify-section-template--24886353690920__gallery_section .underground-gallery__title,
  #shopify-section-template--24886353690920__gallery_section > div > div > div.underground-gallery__header > h2 {
    font-size: 1.8rem !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
  }
}

/* Desktop Enhancements */
@media (min-width: 769px) {
  .product-details > .group-block {
    padding: 32px !important;
    max-width: 500px !important;
  }
  
  .product-details .variant-option__button-label,
  .product-details .variant-option__button-label__text,
  .product-details .variant-picker fieldset label,
  .product-details .variant-picker fieldset input[type="radio"] + label {
    min-width: 80px !important;
    padding: 14px 24px !important;
  }
  
  /* Desktop specific styling for the clean container */
  #ProductInformation-template--24930869575976__main > div > div.group-block-content.layout-panel-flex.layout-panel-flex--column > span {
    padding: 20px !important;
    margin: 0 !important;
  }
}

/* Mobile responsive styling */
@media screen and (max-width: 768px) {
  #ProductInformation-template--24930869575976__main .group-block-content.layout-panel-flex.layout-panel-flex--column > span {
    background-color: #002d22 !important; /* usa el mismo verde que el fondo principal */
    box-shadow: none !important;          /* elimina el brillo anaranjado */
    border: none !important;              /* sin bordes extras */
    opacity: 1 !important;                /* sólido, no translúcido */
    padding: 15px !important;
    margin: 0 !important;
  }
  
  /* Ensure buttons are properly sized on mobile */
  #ProductInformation-template--24930869575976__main button,
  #ProductInformation-template--24930869575976__main .button,
  #ProductInformation-template--24930869575976__main input[type="button"],
  #ProductInformation-template--24930869575976__main input[type="submit"] {
    min-height: 44px !important;
    font-size: 16px !important;
  }
}

/* ========================================
   PRODUCT PAGE ICONS STYLING
   ======================================== */

/* Product Page Icon Blocks - Simple and clean */
.product-details .icon-block,
.product-details .icon-block__media,
.product-details .shopify-block.icon-block,
.product-details .shopify-block.icon-block svg {
  color: #f2e9d0 !important;
  fill: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
  stroke-width: 2px !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Specific styling for shipping and returns icons */
.product-details .icon-block[class*="truck"],
.product-details .icon-block[class*="return"],
.product-details .icon-block[class*="shipping"],
.product-details .icon-block[class*="delivery"] {
  color: #f2e9d0 !important;
  fill: #f2e9d0 !important;
  stroke: #f2e9d0 !important;
  stroke-width: 2px !important;
  width: 20px !important;
  height: 20px !important;
  filter: none !important;
}

/* Icon containers - Clean and simple */
.product-details .group-block:has(.icon-block),
.product-details .group-block:has([class*="icon"]),
.product-details .layout-panel-flex--row:has(.icon-block),
.product-details .layout-panel-flex--row:has([class*="icon"]) {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  margin: 4px 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Text next to icons */
.product-details .icon-block + .text-block,
.product-details .icon-block + .rte-formatter,
.product-details .icon-block + [class*="text"],
.product-details .icon-block + p {
  color: #f2e9d0 !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hover effects for icon containers - Simple */
.product-details .group-block:has(.icon-block):hover,
.product-details .group-block:has([class*="icon"]):hover,
.product-details .layout-panel-flex--row:has(.icon-block):hover,
.product-details .layout-panel-flex--row:has([class*="icon"]):hover {
  background: transparent !important;
  border: none !important;
  transform: none !important;
  box-shadow: none !important;
  transition: none !important;
}

/* Mobile responsive for icons */
@media (max-width: 768px) {
  .product-details .icon-block,
  .product-details .icon-block__media,
  .product-details .shopify-block.icon-block,
  .product-details .shopify-block.icon-block svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2px !important;
  }
  
  .product-details .icon-block[class*="truck"],
  .product-details .icon-block[class*="return"],
  .product-details .icon-block[class*="shipping"],
  .product-details .icon-block[class*="delivery"] {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2px !important;
  }
  
  .product-details .group-block:has(.icon-block),
  .product-details .group-block:has([class*="icon"]),
  .product-details .layout-panel-flex--row:has(.icon-block),
  .product-details .layout-panel-flex--row:has([class*="icon"]) {
    padding: 6px 0 !important;
    margin: 2px 0 !important;
    gap: 8px !important;
  }
  
  .product-details .icon-block + .text-block,
  .product-details .icon-block + .rte-formatter,
  .product-details .icon-block + [class*="text"],
  .product-details .icon-block + p {
    font-size: 0.8rem !important;
  }
}

/* ========================================
   OVERRIDE FINAL PARA ESTILOS INLINE
   ======================================== */

/* OVERRIDE PARA ESTILOS INLINE - MÁXIMA PRIORIDAD */
#ProductInformation-template--24930869575976__main [style*="color"],
#ProductInformation-template--24930869575976__main [style*="Color"],
#ProductInformation-template--24930869575976__main [style*="background"],
#ProductInformation-template--24930869575976__main [style*="Background"],
#ProductInformation-template--24930869575976__main [style*="font"],
#ProductInformation-template--24930869575976__main [style*="Font"],
#ProductInformation-template--24930869575976__main [style*="display"],
#ProductInformation-template--24930869575976__main [style*="Display"],
#ProductInformation-template--24930869575976__main [style*="visibility"],
#ProductInformation-template--24930869575976__main [style*="Visibility"],
#ProductInformation-template--24930869575976__main [style*="opacity"],
#ProductInformation-template--24930869575976__main [style*="Opacity"] {
  color: #f2e9d0 !important;
  background: transparent !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* OVERRIDE ESPECÍFICO PARA ELEMENTOS DE PRECIO CON ESTILOS INLINE */
#ProductInformation-template--24930869575976__main [class*="price"][style*="color"],
#ProductInformation-template--24930869575976__main [class*="Price"][style*="color"],
#ProductInformation-template--24930869575976__main [class*="price"][style*="Color"],
#ProductInformation-template--24930869575976__main [class*="Price"][style*="Color"] {
  color: #f2e9d0 !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  background: transparent !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* OVERRIDE ESPECÍFICO PARA ELEMENTOS DE TÍTULO CON ESTILOS INLINE */
#ProductInformation-template--24930869575976__main [class*="title"][style*="color"],
#ProductInformation-template--24930869575976__main [class*="Title"][style*="color"],
#ProductInformation-template--24930869575976__main [class*="title"][style*="Color"],
#ProductInformation-template--24930869575976__main [class*="Title"][style*="Color"] {
  color: #f2e9d0 !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  background: transparent !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* OVERRIDE FINAL - CUALQUIER ELEMENTO CON COLOR */
#ProductInformation-template--24930869575976__main * {
  color: #f2e9d0 !important;
}

/* EXCEPCIONES PARA ELEMENTOS ESPECÍFICOS */
#ProductInformation-template--24930869575976__main button,
#ProductInformation-template--24930869575976__main input,
#ProductInformation-template--24930869575976__main select,
#ProductInformation-template--24930869575976__main textarea {
  color: inherit !important;
}

/* ========================================
   PRODUCT GRID CARDS - YELLOW BACKGROUND
   ======================================== */

/* Background amarillo para las tarjetas de productos en la grilla */
.product-grid__card.product-grid__card {
  background-color: #f2e9d0 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}

/* Hover effect para las tarjetas */
.product-grid__card.product-grid__card:hover {
  background-color: #f4e6b3 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-2px) !important;
}

/* Asegurar que el texto dentro de las tarjetas sea legible */
.product-grid__card.product-grid__card * {
  color: #1b4d3e !important;
}

/* Excepción para elementos que deben mantener su color original */
.product-grid__card.product-grid__card .underground-yellow-text,
.product-grid__card.product-grid__card .underground-yellow-text *,
.product-grid__card.product-grid__card [class*="underground-yellow-text"],
.product-grid__card.product-grid__card [class*="underground-yellow-text"] * {
  color: #f2e9d0 !important;
}