/* Mar Moda — Direct CSS overrides */

/* === DISABLED BUTTON === */
.product-quantity .add-to-cart:disabled,
.product-quantity .add-to-cart[disabled],
#product .add-to-cart:disabled {
  opacity: 1 !important;
  background: #ddd !important;
  color: #999 !important;
  cursor: not-allowed !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 15px 20px !important;
}
#product .add-to-cart:not(:disabled) {
  opacity: 1 !important;
  background: #1C2B2D !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 15px 20px !important;
  border: none !important;
}
#product .add-to-cart:not(:disabled):hover { background: #000 !important; }
#product .add-to-cart i { display: none !important; }

/* Elegir talla state */
#product .add-to-cart.marmoda-choose-size {
  background: #fff !important;
  color: #000 !important;
  border: 1.5px solid #1C2B2D !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
#product .add-to-cart.marmoda-choose-size:hover { background: #fff !important; }

/* === HIDE NOISE === */
#product .product-availability, #product .product-availability.d-block { display: none !important; }
#product .product-unavailable, #product .product-combination-only-unavailable { display: none !important; }
#product .js-product-availability, #product .product-prices .badge.badge-warning, #product .product-prices .badge.badge-success, #product .product-prices .badge.badge-danger { display: none !important; }
#product .tax-shipping-delivery-label { display: none !important; }
#product .product-flags { display: none !important; }
#product .product-manufacturer.product-manufacturer-next,
#product .product-manufacturer.mb-3 { display: none !important; }
#product .product-variants .custom-select2 { display: none !important; }
.marmoda-trust-points { display: none !important; }

/* === BRAND — inline with title, no separators === */
.marmoda-brand-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  text-decoration: none !important;
  margin-bottom: 6px !important;
}
.marmoda-brand-inline:hover { opacity: 0.7 !important; }
.marmoda-brand-name {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #999 !important;
}
.marmoda-brand-logo {
  max-height: 20px !important;
  width: auto !important;
  max-width: 80px !important;
  opacity: 0.5 !important;
  filter: grayscale(100%) !important;
}
.marmoda-brand-inline:hover .marmoda-brand-logo {
  opacity: 1 !important;
  filter: none !important;
}
.marmoda-brand-row { display: none !important; }

/* Header: no borders, no padding */
#product .product_header_container {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#product .product-prices {
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: none !important;
}
#product .product-prices .current-price {
  border: none !important;
  padding: 0 !important;
}

/* === VARIANT LABELS — clean === */
#product .product-variants-item .form-control-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #000 !important;
  margin-bottom: 10px !important;
  display: block !important;
}

/* === SIZE BUTTONS === */
.marmoda-size-buttons {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
.marmoda-size-btn { position: relative !important; }
.marmoda-size-btn input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}
.marmoda-size-btn .size-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 48px !important;
  height: 44px !important;
  padding: 0 14px !important;
  border: 1.5px solid #ddd !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  user-select: none !important;
}
.marmoda-size-btn .size-label:hover { border-color: #000 !important; }
.marmoda-size-btn.selected .size-label,
.marmoda-size-btn input:checked ~ .size-label {
  border-color: #000 !important;
  background: #1C2B2D !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.marmoda-size-btn.unavailable .size-label {
  color: #ccc !important;
  border-color: #eee !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
  background: #fafafa !important;
}
.marmoda-size-btn.unavailable .size-label:hover { border-color: #eee !important; }

/* === COLOR SWATCHES === */
.marmoda-color-swatches {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
.marmoda-color-item input { position: absolute !important; opacity: 0 !important; }
.marmoda-color-item .color {
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 0 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 1.5px #ddd !important;
  cursor: pointer !important;
}
.marmoda-color-item input:checked + .color { box-shadow: 0 0 0 2px #1C2B2D !important; }

/* === ACCORDION === */
.marmoda-accordion { margin-top: 24px !important; }

/* === SHIPPING INFO === */
.marmoda-shipping-info { display: flex !important; flex-direction: column !important; gap: 16px !important; }
.marmoda-ship-item { display: flex !important; gap: 12px !important; align-items: flex-start !important; }
.marmoda-ship-item svg { flex-shrink: 0 !important; margin-top: 2px !important; }
.marmoda-ship-item strong { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: #000 !important; margin-bottom: 4px !important; }
.marmoda-ship-item p { font-size: 12px !important; color: #777 !important; line-height: 1.5 !important; margin: 0 !important; }

/* Short description */
#product [id^="product-description-short"],
#product div[id^="product-description-short"],
#product .product-information .rte-content.product-description,
.product-information > .rte-content {
  display: block !important;
  visibility: visible !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: #666 !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: none !important;
}

/* === GALLERY (carousel/fade mode) === */

/* Main image container */
#product .product-cover {
  background: #fff !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  position: relative !important;
  padding: 0 !important;
}

/* Swiper fade mode — only active slide visible */
#product .product-cover .swiper-fade .swiper-slide {
  opacity: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
#product .product-cover .swiper-fade .swiper-slide-active {
  opacity: 1 !important;
  position: relative !important;
  pointer-events: auto !important;
}

/* Images fill the slide — center and maximize */
#product .product-cover .swiper-slide img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  max-height: 600px !important;
  margin: 0 auto !important;
}
#product .product-cover .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}
#product .product-cover .swiper-fade .swiper-slide-active {
  opacity: 1 !important;
  position: relative !important;
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Swiper wrapper fills container */
#product .product-cover .swiper-wrapper {
  position: relative !important;
}

/* ARROWS — inside image, circular, visible on hover */
#product .product-cover .swiper-button-prev,
#product .product-cover .swiper-button-next {
  visibility: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(255,255,255,0.92) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12) !important;
  opacity: 0 !important;
  transition: opacity 0.25s !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  margin: 0 !important;
}
#product .product-cover .swiper-button-prev { left: 14px !important; }
#product .product-cover .swiper-button-next { right: 14px !important; }
#product .product-cover:hover .swiper-button-prev:not(.swiper-button-disabled),
#product .product-cover:hover .swiper-button-next:not(.swiper-button-disabled) {
  opacity: 1 !important;
}
#product .product-cover .swiper-button-prev:hover,
#product .product-cover .swiper-button-next:hover {
  background: #fff !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.18) !important;
}
/* Arrow icons */
#product .product-cover .swiper-button-prev::after {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-left: 2px solid #1C2B2D !important;
  border-bottom: 2px solid #1C2B2D !important;
  transform: rotate(45deg) !important;
  margin-left: 3px !important;
  font-size: 0 !important;
}
#product .product-cover .swiper-button-next::after {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-right: 2px solid #1C2B2D !important;
  border-top: 2px solid #1C2B2D !important;
  transform: rotate(45deg) !important;
  margin-right: 3px !important;
  font-size: 0 !important;
}
#product .swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* THUMBNAILS */
#product .product-images.swiper-thumbs {
  margin-top: 12px !important;
  max-height: 100px !important;
}
#product .product-images.swiper-thumbs .swiper-wrapper {
  gap: 10px !important;
}
#product .product-images.swiper-thumbs .swiper-slide {
  width: auto !important;
  flex-shrink: 0 !important;
  max-width: 80px !important;
  max-height: 80px !important;
}
#product .js-thumb-container,
#product .product-images .thumb-container {
  width: 80px !important;
  height: 80px !important;
  max-width: 80px !important;
  max-height: 80px !important;
  background: #fff !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  padding: 6px !important;
  opacity: 0.55 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#product .js-thumb-container:hover,
#product .product-images .thumb-container:hover {
  opacity: 1 !important;
  border-color: #ddd !important;
}
#product .swiper-slide-thumb-active .js-thumb-container,
#product .swiper-slide-thumb-active .thumb-container,
#product .js-thumb-selected,
#product .thumb-container:has(.js-thumb-selected) {
  border-color: #000 !important;
  opacity: 1 !important;
}
#product .js-thumb-container img,
#product .product-images .thumb-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
}
/* Hide thumb arrows */
#product .product-images.swiper-thumbs .swiper-button-prev,
#product .product-images.swiper-thumbs .swiper-button-next { display: none !important; }

/* Hide expand/zoom button */
#product .expander, #product a.expander { display: none !important; visibility: hidden !important; }

/* Pagination dots */
#product .product-cover .swiper-pagination { bottom: 14px !important; }
#product .product-cover .swiper-pagination-bullet { width: 8px !important; height: 8px !important; background: #1C2B2D !important; opacity: 0.25 !important; }
#product .product-cover .swiper-pagination-bullet-active { opacity: 1 !important; }

/* Right column: sticky */
#product .col-product-info {
  position: sticky !important;
  top: 20px !important;
  align-self: flex-start !important;
}

/* DISABLE EasyZoom hover effect */
#product .easyzoom, #product .easyzoom-product { pointer-events: none !important; }
#product .easyzoom img, #product .easyzoom-product img { pointer-events: auto !important; }
#product .zoomContainer, #product .zoomWindow, #product .zoomLens, #product .easyzoom-flyout { display: none !important; }

/* Force product image column wider (theme cache ignores DB changes) */
#product .col-product-image {
  flex: 0 0 58% !important;
  max-width: 58% !important;
}
#product .col-product-image .images-container {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}
#product .col-product-info,
#product .product-info-col {
  flex: 0 0 42% !important;
  max-width: 42% !important;
}

/* === PRODUCT PAGE — cleanup === */

/* Hide countdown timer */
#product .product-countdown,
#product .iqitcountdown,
#product [class*="countdown"] {
  display: none !important;
}

/* Hide countdown and availability badges (NOT discount badge) */
#product .badge-countdown,
#product .iqitcountdown,
#product [class*="countdown"] {
  display: none !important;
}

/* Accessories: hide sidebar, show mobile block on ALL screens */
#product .product-accessories.product-accessories-sidebar:not(.product-accessories-sidebar-mobile) {
  display: none !important;
}
#product .product-accessories.product-accessories-sidebar-mobile {
  display: block !important;
  margin: 32px 0 !important;
  padding: 0 15px !important;
}
#product .product-accessories.product-accessories-sidebar-mobile .section-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-bottom: 20px !important;
}

/* "También te puede gustar" carousel — no overflow cut */
#product .product-accessories .products,
#product .product-accessories .swiper-container {
  overflow: visible !important;
}
#product .product-accessories {
  margin: 32px 0 !important;
  padding: 0 30px !important;
}
#product .product-accessories h5,
#product .product-accessories .section-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-bottom: 20px !important;
}

/* Product name on product page */
#product h1.product-detail-name,
#product h1[itemprop="name"],
#product .product_header_container h1 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #000 !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

/* Brand name on product page */
#product .marmoda-brand-name,
#product .product-brand a {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #8FA3A6 !important;
}

/* Price on product page */
#product .current-price .price,
#product .product-prices .current-price span[itemprop="price"] {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #000 !important;
}
#product .product-prices .has-discount .price {
  color: #2B7A5F !important;
}
#product .product-prices .regular-price {
  font-size: 16px !important;
  color: #AAA !important;
  text-decoration: line-through !important;
}
#product .product-prices .discount-badge,
#product .product-prices .discount {
  background: #E8F5F0 !important;
  color: #2B7A5F !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 0 !important;
}



/* Accordion (Detalles / Envío) — spacing */
#product .product-tabs .card,
#product .product-tabs .panel {
  border: none !important;
  border-bottom: 1px solid #E8ECEB !important;
  border-radius: 0 !important;
}
#product .product-tabs .card-header,
#product .product-tabs .panel-title a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 16px 0 !important;
  background: none !important;
}
#product .product-tabs .card-body,
#product .product-tabs .panel-body {
  font-size: 13px !important;
  color: #666 !important;
  line-height: 1.6 !important;
  padding: 0 0 16px !important;
}

/* === HEADER — logo & cart fix === */
#header .header-top .right-nav .cart-preview .header-btn,
#header .header-top .blockcart .header-btn {
  background: transparent !important;
  color: #000 !important;
}

/* === FIX: Limit image height, center, hide easyzoom === */
/* max-height removed — carousel handles sizing */
#product .product-cover .easyzoom {
  display: none !important;
}
#product .product-cover picture {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-height: 650px !important;
}
#product .product-cover picture img {
  max-height: 650px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* === NUCLEAR: white backgrounds everywhere === */
#product .images-container .product-cover,
#product .images-container .product-cover .swiper-slide,
body#product .product-cover,
body#product .images-container .product-cover {
  background: #fff !important;
  background-color: #fff !important;
}
.product-miniature .thumbnail-container {
  background: #fff !important;
}
#product .js-thumb-container,
#product .product-images .thumb-container {
  background: #fff !important;
}

/* ================================================
   MAR MODA — HEADER FINAL
   ================================================ */

/* --- Header bar --- */
.marmoda-header-single,
#header .header-top.marmoda-header-single,
.header-top.marmoda-header-single {
  background: #fff !important;
  border-top: none !important;
  border-bottom: 3px solid #2B7A5F !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* --- Sticky on scroll --- */
.marmoda-header-single.is-sticky {
  background: #fff !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  
  z-index: 9999 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}

/* --- Main row: logo | menu (centered) | icons --- */
.marmoda-header-row {
  display: flex !important;
  align-items: center !important;
  height: 64px !important;
}

/* --- Logo: 48px, more presence --- */
.marmoda-header-logo {
  flex-shrink: 0 !important;
}
.marmoda-header-logo a {
  display: flex !important;
  align-items: center !important;
}
/* First logo rule removed — unified below */

/* --- Menu: centered in available space --- */
.marmoda-header-menu {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
  min-width: 0 !important;
}

/* Reset megamenu wrapper */
.marmoda-header-menu .iqitmegamenu-wrapper,
.marmoda-header-menu #iqitmegamenu-wrapper,
.marmoda-header-menu .iqit-megamenu-container,
.marmoda-header-menu .container-iqitmegamenu {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  position: static !important;
  z-index: auto !important;
}
.marmoda-header-menu .iqitmegamenu-wrapper.stuck,
.marmoda-header-menu #iqitmegamenu-wrapper.stuck {
  position: static !important;
  z-index: auto !important;
  width: auto !important;
}
.marmoda-header-menu #iqitmegamenu-horizontal,
.marmoda-header-menu .cbp-hrmenu,
.marmoda-header-menu .cbp-horizontal {
  background: transparent !important;
}
.marmoda-header-menu .cbp-hrmenu > ul,
.marmoda-header-menu .cbp-hrmenu > div > ul {
  height: 64px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
/* El UL del submenu (marcas) NO debe tener height fijo */
.marmoda-header-menu .cbp-hrmenu .cbp-hrsub ul,
.marmoda-header-menu .cbp-hrmenu .cbp-manufacturers {
  height: auto !important;
  align-items: center !important;
}

/* --- Menu items: clean, no separators --- */
.marmoda-header-menu .cbp-hrmenu ul > li,
.marmoda-header-menu .cbp-hrmenu-tab,
.marmoda-header-menu .cbp-hrmenu ul > li > a,
.marmoda-header-menu .cbp-hrmenu .nav-link {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  height: 64px !important;
}
/* Excepción: items dentro del submenu (megamenu marcas, etc.) NO deben tener altura fija */
.marmoda-header-menu .cbp-hrmenu .cbp-hrsub li,
.marmoda-header-menu .cbp-hrmenu .cbp-hrsub li a,
.marmoda-header-menu .cbp-hrmenu .cbp-manufacturers li,
.marmoda-header-menu .cbp-hrmenu .cbp-manufacturers li a {
  height: auto !important;
}

/* Submenu MARCAS: logos uniformes (todos mismo alto, centrados) */
.cbp-hrmenu .cbp-manufacturers li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 8px !important;
}
.cbp-hrmenu .cbp-manufacturers li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 70px !important;
  width: 100% !important;
  padding: 0 !important;
}
.cbp-hrmenu .cbp-manufacturers img.logo_manufacturer {
  max-height: 60px !important;
  max-width: 80% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: grayscale(1) opacity(.7) !important;
  transition: filter .2s !important;
}
.cbp-hrmenu .cbp-manufacturers li a:hover img.logo_manufacturer {
  filter: grayscale(0) opacity(1) !important;
}
.marmoda-header-menu .cbp-hrmenu ul > li > a,
.marmoda-header-menu .cbp-hrmenu .nav-link {
  padding: 0 20px !important;
  line-height: 64px !important;
  height: 64px !important;
  white-space: nowrap !important;
  transition: color 0.2s !important;
}
.marmoda-header-menu .cbp-hrmenu .cbp-tab-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #000 !important;
  transition: color 0.2s !important;
}
.marmoda-header-menu .cbp-hrmenu ul > li:hover .cbp-tab-title {
  color: #2B7A5F !important;
}

/* --- Icons zone: right side --- */
.marmoda-header-icons {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

/* --- All icon buttons: same style --- */
.marmoda-icon-btn {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 8px !important;
  color: #000 !important;
  font-size: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  position: relative !important;
  transition: color 0.2s !important;
  line-height: 1 !important;
}
.marmoda-icon-btn:hover {
  color: #2B7A5F !important;
}

/* --- Cart count badge --- */
.marmoda-cart-count {
  position: absolute !important;
  top: 0px !important;
  right: -2px !important;
  background: #2B7A5F !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-family: system-ui, sans-serif !important;
}

/* --- Search dropdown --- */
.marmoda-search-dropdown {
  padding: 12px 0 16px !important;
  border-top: 1px solid #eee !important;
}
.marmoda-search-dropdown .search-widget {
  max-width: 600px !important;
  margin: 0 auto !important;
}
.marmoda-search-dropdown input[type="text"] {
  background: #F6F8F7 !important;
  border: 1px solid #E4EAE8 !important;
  border-radius: 8px !important;
  padding: 12px 40px 12px 16px !important;
  font-size: 14px !important;
  width: 100% !important;
  height: 44px !important;
  color: #000 !important;
}

/* --- Hide old elements --- */
#header .header-nav { display: none !important; }
.container.iqit-megamenu-container { display: none !important; }
#iqitmegamenu-wrapper.stuck:not(.marmoda-header-menu #iqitmegamenu-wrapper) { display: none !important; }

/* --- SVG icons: fine line style --- */
.marmoda-icon-btn svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #1C2B2D !important;
  stroke-width: 1.5 !important;
  transition: stroke 0.2s !important;
}
.marmoda-icon-btn:hover svg {
  stroke: #2B7A5F !important;
}

/* --- Logo: integrated with green line (higher specificity to win over .logo.img-fluid) --- */
.marmoda-header-logo img,
.marmoda-header-logo .logo.img-fluid {
  max-height: 40px !important;
  width: auto !important;
}

/* --- Login link as text --- */
.marmoda-login-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #000 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  white-space: nowrap !important;
}
.marmoda-login-text:hover {
  color: #2B7A5F !important;
}

/* --- Hide original theme cart/login inside megamenu wrapper --- */
.iqitmegamenu-wrapper .header-cart-default,
.iqitmegamenu-wrapper .ps-shoppingcart,
.iqitmegamenu-wrapper .blockcart,
.iqitmegamenu-wrapper .header-btn,
.iqitmegamenu-wrapper .user-info,
.iqitmegamenu-wrapper .header-user-info {
  display: none !important;
}


/* ================================================
   MEGAMENU — compact, clean, no wasted space
   ================================================ */

/* Hide ALL chevron arrows everywhere in megamenu */
.marmoda-header-menu .cbp-submenu-aindicator,
.marmoda-header-menu .fa-angle-down,
.marmoda-header-menu .fa-angle-right,
.cbp-hrmenu .cbp-submenu-aindicator,
.cbp-hrmenu .fa-angle-down,
.cbp-hrsub .fa-angle-down,
.cbp-hrsub .fa-angle-right,
.cbp-hrsub .cbp-submenu-aindicator,
.cbp-hrsub .cbp-submenu-it-indicator { display: none !important; }

/* Tab positioning context */
.marmoda-header-menu .cbp-hrmenu,
.marmoda-header-menu .cbp-hrmenu ul,
.marmoda-header-menu .cbp-hrmenu-tab {
  position: static !important;
}

/* Dropdown panel — contained width, centered under nav */
.marmoda-header-menu .cbp-hrmenu-tab .cbp-hrsub {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute !important;
  top: 64px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: auto !important;
  z-index: 9999 !important;
  background: #fff !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.10) !important;
  border-top: 2px solid #2B7A5F !important;
  padding: 0 !important;
  transition: opacity 0.15s ease !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
}
/* Kill Bootstrap col-N forced width on dropdown */
.marmoda-header-menu .cbp-hrsub[class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
}

/* Show on hover / opened */
.marmoda-header-menu .cbp-hrmenu-tab:hover > .cbp-hrsub,
.marmoda-header-menu .cbp-hrmenu-tab.cbp-hrsub-opened > .cbp-hrsub {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Inner container — constrain width */
.marmoda-header-menu .cbp-hrsub-inner {
  width: max-content !important;
  max-width: 90vw !important;
  margin: 0 auto !important;
  padding: 12px 16px 14px !important;
}

/* "Ver todo" link */
.marmoda-vertodo {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #2B7A5F !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #eee !important;
  width: 100% !important;
  text-align: left !important;
}
.marmoda-vertodo:hover { color: #000 !important; }

/* Category grid — tight flex layout */
.marmoda-header-menu .cbp-hrsub .menu_row,
.marmoda-header-menu .cbp-hrsub .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-content: center !important;
}
.marmoda-header-menu .cbp-menu-column {
  padding: 0 !important;
  margin: 0 !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
}
.marmoda-header-menu .cbp-menu-column-inner { padding: 0 !important; margin: 0 !important; }

/* Category link lists */
.marmoda-header-menu .cbp-links,
.marmoda-header-menu .cbp-category-tree {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.marmoda-header-menu .cbp-links li { margin: 0 !important; padding: 0 !important; }

/* Category link style */
.marmoda-header-menu .cbp-category-link-w a,
.marmoda-header-menu .cbp-links a {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #444 !important;
  padding: 8px 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: block !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
  line-height: 1.3 !important;
}
.marmoda-header-menu .cbp-category-link-w a:hover,
.marmoda-header-menu .cbp-links a:hover {
  color: #2B7A5F !important;
}

/* Kill all pseudo arrows in submenu */
.marmoda-header-menu .cbp-hrsub a::before,
.marmoda-header-menu .cbp-hrsub a::after,
.marmoda-header-menu .cbp-hrsub li::before,
.marmoda-header-menu .cbp-hrsub li::after,
.marmoda-header-menu .cbp-hrsub .cbp-category-link-w::before,
.marmoda-header-menu .cbp-hrsub .cbp-category-link-w::after {
  display: none !important;
  content: none !important;
}

/* ---- Brands grid (injected via JS) ---- */
.marmoda-brands-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px 14px !important;
  padding-top: 10px !important;
  width: 760px !important;
}
.marmoda-brand-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  padding: 18px 20px !important;
  border-radius: 0 !important;
  transition: background 0.15s !important;
  height: 90px !important;
  min-height: 90px !important;
  background: #fff !important;
}
.marmoda-brand-item:hover { background: #f5f5f5 !important; }
.marmoda-brand-item img {
  max-height: 56px !important;
  max-width: 220px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  transition: transform 0.2s !important;
}
.marmoda-brand-item:hover img {
  transform: scale(1.05) !important;
}


.marmoda-brand-item[href*="jimmy-lion"] img {
  max-width: 100% !important;
  max-height: 36px !important;
}
.marmoda-brand-text {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #999 !important;
  text-align: center !important;
}
.marmoda-brand-text:hover { color: #2B7A5F !important; }

/* ============================================

/* ============================================
   HOMEPAGE v4 — Complete rewrite 2026-04-08
   ============================================ */

/* ---------- SLIDER ---------- */
.marmoda-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #1C2B2D;
}
.marmoda-slider-track {
  position: relative;
  width: 100%;
  height: 520px;
}
.marmoda-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  transition: opacity .6s ease, visibility .6s;
  pointer-events: none;
}
.marmoda-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: auto;
}
.marmoda-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marmoda-slide-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(28,43,45,.7) 0%, rgba(28,43,45,.25) 55%, transparent 100%);
}
.marmoda-slide-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 7%;
  max-width: 580px;
}
.marmoda-slide-tag {
  color: rgba(255,255,255,.7);
  font-size: 15px;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 16px;
}
.marmoda-slide-title {
  color: #fff;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -1px;
  margin: 0 0 16px;
  font-family: Inter, -apple-system, sans-serif;
}
.marmoda-slide-sub {
  color: rgba(255,255,255,.75);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 28px;
}
.marmoda-slide-ctas {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.marmoda-btn-primary {
  display: inline-block;
  padding: 16px 42px;
  background: #fff;
  color: #1C2B2D;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  transition: all .3s;
}
.marmoda-btn-primary:hover {
  background: #2B7A5F;
  color: #fff;
}
.marmoda-btn-outline {
  display: inline-block;
  padding: 12px 30px;
  background: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  border: 1.5px solid rgba(255,255,255,.3);
  transition: all .3s;
}
.marmoda-btn-outline:hover {
  border-color: #fff;
  color: #fff;
}

/* Slider arrows */
.marmoda-slider-prev,
.marmoda-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  background: rgba(255,255,255,.12);
  border: none;
  color: #fff;
  font-size: 28px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.marmoda-slider-prev { left: 16px; }
.marmoda-slider-next { right: 16px; }
.marmoda-slider-prev:hover,
.marmoda-slider-next:hover { background: rgba(255,255,255,.25); }

/* Slider dots */
.marmoda-slider-dots {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  gap: 8px;
}
.marmoda-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.4);
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: all .3s;
}
.marmoda-dot.active {
  background: #fff;
  border-color: #fff;
}

/* ---------- SECTION HEADERS ---------- */
.marmoda-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 22px;
}
.marmoda-section-title {
  font-size: 24px;
  font-weight: 700;
  color: #1C2B2D;
  margin: 0;
  letter-spacing: -0.3px;
  font-family: Inter, -apple-system, sans-serif;
}
.marmoda-section-link {
  font-size: 13px;
  font-weight: 600;
  color: #2B7A5F;
  text-decoration: none;
  letter-spacing: 0.3px;
  transition: color .3s;
}
.marmoda-section-link:hover {
  color: #1C2B2D;
}

/* ---------- CATEGORIES 2x2 GRID ---------- */
.marmoda-categories {
  max-width: 1260px;
  margin: 48px auto 0;
  padding: 0 15px;
}
.marmoda-cat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.marmoda-cat-card {
  position: relative;
  display: block;
  border-radius: 0;
  overflow: hidden;
  aspect-ratio: 8/5;
  text-decoration: none;
}
.marmoda-cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.marmoda-cat-card:hover img {
  transform: scale(1.04);
}
.marmoda-cat-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.05) 50%, transparent 100%);
}
.marmoda-cat-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 28px;
}
.marmoda-cat-name {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  display: block;
  font-family: Inter, -apple-system, sans-serif;
  letter-spacing: -0.3px;
}
.marmoda-cat-link {
  color: rgba(255,255,255,.6);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
  transition: color .3s;
}
.marmoda-cat-card:hover .marmoda-cat-link {
  color: #fff;
}


/* ============================================
   PRODUCT SECTIONS — minimal overrides
   ============================================ */
.marmoda-products-section {
  max-width: 100%;
  margin: 48px auto 0;
  padding: 0 30px;
}

/* Hide widget titles (we use our own) */
.marmoda-products-section h4.section-title,
.marmoda-products-section .section-title,
.marmoda-products-section h4.block-title,
.marmoda-products-section .block-title {
  display: none !important;
}

/* Force 4 columns (theme default is 5 on xl) */
.marmoda-products-section .js-product-miniature-wrapper {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

/* Hide empty Ofertas */
.marmoda-products-sales:not(:has(.product-miniature)) {
  display: none;
}

@media (max-width: 991px) {
  .marmoda-products-section .js-product-miniature-wrapper {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media (max-width: 575px) {
  .marmoda-products-section .js-product-miniature-wrapper {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

/* ============================================
   FONT SIZE FIX — No tiny fonts (min 11px)
   ============================================ */
.marmoda-login-text { font-size: 13px !important; }
.marmoda-cart-count { font-size: 10px !important; }
.breadcrumb span, .breadcrumb a, .breadcrumb li { font-size: 13px !important; }
.marmoda-usp span { font-size: 13px !important; }
.marmoda-cat-link { font-size: 13px !important; }
.marmoda-section-link { font-size: 14px !important; }
.marmoda-header-menu .cbp-category-link-w a { font-size: 13px !important; }
.category-sub-link { font-size: 13px !important; }
.footer-container .block-title span, .footer-container h5 { font-size: 14px !important; }
.footer-container a, .footer-container li a { font-size: 13px !important; }
.footer-container p, .footer-container .ps-emailsubscription-conditions { font-size: 13px !important; }

/* --- Header always white background --- */
.marmoda-header-single { background: #fff !important; }

/* --- Fix slider content under header --- */
.marmoda-slide-content { padding-top: 80px !important; }

/* --- BRANDS section --- */
.marmoda-brands {
  max-width: 100%;
  margin: 56px auto 0;
  padding: 0 30px 56px;
}
.marmoda-brands-header {
  justify-content: center !important;
}
.marmoda-brands-header .marmoda-section-title {
  text-align: center;
}
.marmoda-brands-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
}
.marmoda-brands-row a {
  opacity: .3;
  transition: opacity .4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marmoda-brands-row a:hover { opacity: 1; }
.marmoda-brands-row img {
  max-height: 42px;
  width: auto;
  max-width: 100px;
  filter: grayscale(100%);
  transition: filter .4s;
  object-fit: contain;
}
.marmoda-brands-row a:hover img { filter: grayscale(0%); }

/* --- CATEGORY OVERLAY fix (lost in cleanup) --- */
.marmoda-cat-overlay {
  background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.15) 40%, transparent 70%) !important;
}
.marmoda-cat-name {
  text-shadow: 0 1px 4px rgba(0,0,0,.3);
}
.marmoda-cat-link {
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  color: rgba(255,255,255,.75) !important;
}
.marmoda-cat-card:hover .marmoda-cat-link { color: #fff !important; }

/* --- SLIDER OVERLAY fix --- */
.marmoda-slide-overlay {
  background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.35) 45%, transparent 80%) !important;
}
.marmoda-slide-tag { text-shadow: 0 1px 3px rgba(0,0,0,.4); }
.marmoda-slide-title { text-shadow: 0 2px 8px rgba(0,0,0,.3); }
.marmoda-slide-sub { text-shadow: 0 1px 3px rgba(0,0,0,.3); }

/* --- SLIDER visibility fix --- */
.marmoda-slider .marmoda-slide:not(.active) {
  visibility: hidden !important;
  opacity: 0 !important;
}
.marmoda-slider .marmoda-slide.active {
  visibility: visible !important;
  opacity: 1 !important;
}

/* --- BRANDS: full width, bigger, under slider --- */
.marmoda-brands {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 28px 30px !important;
  border-bottom: 1px solid #E4EAE8;
}
.marmoda-brands-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: nowrap !important;
}
.marmoda-brands-row a {
  opacity: .35 !important;
  transition: opacity .4s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 !important;
}
.marmoda-brands-row a:hover { opacity: 1 !important; }
.marmoda-brands-row img {
  max-height: 38px !important;
  width: auto !important;
  max-width: 120px !important;
  filter: grayscale(100%) !important;
  transition: filter .4s !important;
  object-fit: contain !important;
}
.marmoda-brands-row a:hover img { filter: grayscale(0%) !important; }
@media (max-width: 768px) {
  .marmoda-brands-row {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px 30px !important;
  }
  .marmoda-brands-row a { flex: none !important; }
  .marmoda-brands-row img { max-height: 36px !important; }
}

/* --- BRANDS CAROUSEL (CSS marquee) --- */
@keyframes marmoda-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.marmoda-brands {
  overflow: hidden !important;
  padding: 34px 0 !important;
  border-bottom: 1px solid #E4EAE8 !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.marmoda-brands-track {
  display: flex;
  width: max-content;
  animation: marmoda-scroll 25s linear infinite;
}
.marmoda-brands:hover .marmoda-brands-track {
  animation-play-state: paused;
}
.marmoda-brands-slide {
  display: flex;
  align-items: center;
  gap: 90px;
  padding: 0 30px;
}
.marmoda-brands-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .4;
  transition: opacity .3s;
  flex-shrink: 0;
}
.marmoda-brands-slide a:hover {
  opacity: 1;
}
.marmoda-brands-slide img {
  max-height: 70px;
  width: auto;
  max-width: 180px;
  filter: grayscale(100%);
  transition: filter .3s;
  object-fit: contain;
}
.marmoda-brands-slide a:hover img {
  filter: grayscale(0%);
}
/* Override old static brands CSS */
.marmoda-brands-row {
  display: none !important;
}

/* ============================================
   PRODUCT CARDS — unified (home + category)
   ============================================ */

/* --- Flags on image --- */
.product-miniature ul.product-flags {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 2 !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.product-miniature .product-flag {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  padding: 4px 10px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  line-height: 1.3 !important;
  display: inline-block !important;
  width: fit-content !important;
}

/* Flag: Nuevo — dark */
.product-miniature .product-flag.new {
  background: #1C2B2D !important;
  color: #fff !important;
}

/* Flag: Descuento — green */
.product-miniature .product-flag.discount {
  background: #2B7A5F !important;
  color: #fff !important;
}

/* Flag: En oferta — HIDE (redundant with discount %) */
.product-miniature .product-flag.on-sale {
  display: none !important;
}

/* Flag: Pack, Online only etc */
.product-miniature .product-flag.pack,
.product-miniature .product-flag.online-only {
  background: #1C2B2D !important;
  color: #fff !important;
}

/* --- Image container --- */
.product-miniature .thumbnail-container {
  position: relative !important;
  overflow: hidden !important;
}
.product-miniature .product-thumbnail {
  background: #fff !important;
  overflow: hidden !important;
  display: block !important;
}
.product-miniature .product-thumbnail img {
  transition: transform .4s ease !important;
  width: 100% !important;
}
.product-miniature:hover .product-thumbnail img.product-thumbnail-first {
  transform: scale(1.04) !important;
}

/* --- Description area --- */
.product-miniature .product-description {
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 8px 8px !important;
}

/* Brand name */
.product-miniature .product-brand {
  order: -2 !important;
  margin-bottom: 3px !important;
}
.product-miniature .product-brand a,
.product-miniature .manufacturer-name,
.product-miniature .product-brand-name {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #8FA3A6 !important;
  text-decoration: none !important;
  display: block !important;
  order: -2 !important;
}

/* Product title */
.product-miniature .product-title {
  order: -1 !important;
  margin-bottom: 6px !important;
}
.product-miniature .product-title a,
.product-miniature h2.product-title a,
.product-miniature h2 a {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #000 !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.product-miniature .product-title a:hover,
.product-miniature h2 a:hover {
  color: #2B7A5F !important;
}

/* Price block */
.product-miniature .product-price-and-shipping {
  order: 1 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

/* Current price — normal */
.product-miniature .product-price-and-shipping .price {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #000 !important;
}

/* Current price — with discount (has-discount class) */
.product-miniature .product-price-and-shipping .price.has-discount {
  color: #2B7A5F !important;
}

/* Regular price (strikethrough) */
.product-miniature .product-price-and-shipping .regular-price {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #AAA !important;
  text-decoration: line-through !important;
}

/* Discount badge next to price */
.product-miniature .product-price-and-shipping .discount-badge,
.product-miniature .product-price-and-shipping .discount-percentage,
.product-miniature .product-price-and-shipping .discount-amount {
  font-size: 11px !important;
  font-weight: 700 !important;
  background: #E8F5F0 !important;
  color: #2B7A5F !important;
  padding: 2px 6px !important;
  border-radius: 0 !important;
  line-height: 1.3 !important;
}

/* Variant links (color dots) */
.product-miniature .products-variants {
  order: 2 !important;
  margin-top: 8px !important;
}
.product-miniature .products-variants .variant-links a {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  border: 1.5px solid #ddd !important;
  margin-right: 4px !important;
  display: inline-block !important;
}

/* Hover actions (quick view, wishlist) */
.product-miniature .product-functional-buttons {
  opacity: 0;
  transition: opacity .3s ease;
}
.product-miniature:hover .product-functional-buttons {
  opacity: 1;
}
.product-miniature .product-actions-main {
  opacity: 0;
  transition: opacity .3s;
}
.product-miniature:hover .product-actions-main {
  opacity: 1;
}

/* Availability badge — hide on listings */
.product-miniature .product-availability .badge {
  display: none !important;
}

/* --- HOME: force 4 columns --- */
.marmoda-products-section .js-product-miniature-wrapper {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}
@media (max-width: 991px) {
  .marmoda-products-section .js-product-miniature-wrapper {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media (max-width: 575px) {
  .marmoda-products-section .js-product-miniature-wrapper {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

/* ============================================
   FOOTER — Mar Moda v2
   ============================================ */

/* --- USP strip (pre-footer) --- */
.marmoda-usp-strip {
  background: #fff;
  border-top: 1px solid #E8ECEB;
  border-bottom: 1px solid #E8ECEB;
  padding: 22px 0;
}
.marmoda-usp-strip-inner {
  display: flex;
  justify-content: center;
  gap: 48px;
}
.marmoda-usp-strip-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.marmoda-usp-strip-item svg {
  flex-shrink: 0;
}
.marmoda-usp-strip-item span {
  font-size: 13px;
  color: #4A5859;
  line-height: 1.4;
}
.marmoda-usp-strip-item strong {
  font-weight: 600;
  color: #1C2B2D;
}

/* --- Main footer --- */
.marmoda-footer {
  background: #1C2B2D !important;
  padding: 52px 0 40px !important;
  border: none !important;
}
.marmoda-footer .row,
.marmoda-footer .block-footer,
.marmoda-footer .block-toggle,
.marmoda-footer .block-iqitlinksmanager,
.marmoda-footer .block-iqitcontactpage,
.marmoda-footer .block-social-links,
.marmoda-footer .block-newsletter {
  display: none !important;
}

/* Grid 5 columns */
.marmoda-footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.2fr 1.5fr;
  gap: 32px;
}
.marmoda-footer-col h5, .marmoda-footer-col .footer-title {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
.marmoda-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.marmoda-footer-col ul li {
  margin-bottom: 10px;
}
.marmoda-footer-col ul li a {
  color: #8FA3A6 !important;
  font-size: 13px !important;
  text-decoration: none;
  transition: color .25s;
}
.marmoda-footer-col ul li a:hover {
  color: #fff !important;
}

/* Contacto */
.marmoda-footer-address {
  color: #8FA3A6 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin: 0 0 14px !important;
}
.marmoda-footer-contact {
  margin: 0 0 6px !important;
}
.marmoda-footer-contact a {
  color: #8FA3A6 !important;
  font-size: 13px !important;
  text-decoration: none;
  transition: color .25s;
}
.marmoda-footer-contact a:hover {
  color: #fff !important;
}

/* Newsletter */
.marmoda-footer-newsletter-txt {
  color: #8FA3A6 !important;
  font-size: 13px !important;
  margin: 0 0 14px !important;
  line-height: 1.5 !important;
}
.marmoda-footer-col .block-newsletter {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.marmoda-footer-col .block-newsletter .block-title {
  display: none !important;
}
.marmoda-footer-col .block-newsletter .block-content {
  padding: 0 !important;
}
.marmoda-footer-col input[type=email],
.marmoda-footer-col .input-group input {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  height: auto !important;
}
.marmoda-footer-col input[type=email]::placeholder {
  color: #ffffff !important;
}
.marmoda-footer-col .input-group-append .btn,
.marmoda-footer-col .input-group .btn {
  background: #2B7A5F !important;
  border-color: #2B7A5F !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  height: auto !important;
}
.marmoda-footer-col .input-group-append .btn:hover,
.marmoda-footer-col .input-group .btn:hover {
  background: #23654E !important;
}
.marmoda-footer-col .ps-emailsubscription-conditions {
  color: #ffffff !important;
  font-size: 11px !important;
  margin-top: 8px !important;
  line-height: 1.4 !important;
}

/* Social links */
.marmoda-footer-social {
  margin-top: 24px;
}
.marmoda-footer-social .social-links {
  display: flex;
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.marmoda-footer-social .social-links a {
  color: #ffffff !important;
  font-size: 18px !important;
  transition: color .25s;
}
.marmoda-footer-social .social-links a:hover {
  color: #2B7A5F !important;
}

/* Hide old blockreassurance in footer */
.marmoda-footer #block-reassurance,
.marmoda-footer .blockreassurance {
  display: none !important;
}

/* --- Kit Digital banner (subvención obligatoria) --- */
.marmoda-kitdigital {
  background: #fff !important;
  padding: 24px 0 !important;
  border-top: 1px solid #E8ECEB !important;
  text-align: center !important;
}
.marmoda-kitdigital img {
  max-width: 820px !important;
  width: 100% !important;
  height: auto !important;
  display: inline-block !important;
}
@media (max-width: 768px) {
  .marmoda-kitdigital {
    padding: 18px 0 !important;
  }
  .marmoda-kitdigital img {
    max-width: 100% !important;
  }
}

/* --- Copyright --- */
.marmoda-footer-copy {
  background: #151E20 !important;
  padding: 14px 0 !important;
  text-align: center;
}
.marmoda-footer-copy span {
  color: #ffffff !important;
  font-size: 12px !important;
}

/* Override old footer styles from font-fix section */
.footer-container .block-title span,
.footer-container h5 { font-size: 13px !important; }
.footer-container a, .footer-container li a { font-size: 13px !important; }
.footer-container p, .footer-container .ps-emailsubscription-conditions { font-size: 13px !important; }

/* --- Responsive footer --- */
@media (max-width: 991px) {
  .marmoda-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media (max-width: 575px) {
  .marmoda-usp-strip-inner {
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    padding: 0 15px;
  }
  .marmoda-footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .marmoda-footer {
    padding: 36px 0 28px !important;
  }
}


/* === Accesibilidad: visually hidden (sr-only) === */
.marmoda-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* ============================================
   MENÚ — Todos los textos en negro puro
   ============================================ */
.marmoda-header-menu .cbp-hrmenu > ul > li > a,
.marmoda-header-menu .cbp-tab-title,
.marmoda-header-menu .cbp-hrmenu ul > li > a,
.marmoda-header-menu .cbp-hrmenu .nav-link,
.marmoda-header-menu .cbp-hrmenu-tab > a {
  color: #000 !important;
}

/* Submenu: categories and sub-links */
.cbp-hrsub a,
.cbp-hrsub .cbp-category-link-w a,
.cbp-hrsub .category-sub-link,
.cbp-hrsub .cbp-submenu-category-title,
.cbp-hrsub h4,
.cbp-hrsub h5,
.cbp-hrsub li a {
  color: #000 !important;
}

/* "Ver todas las marcas" link */
.marmoda-vertodo {
  color: #000 !important;
}
.marmoda-vertodo:hover {
  color: #2B7A5F !important;
}

/* Brand items (only text version if any) */
.marmoda-brand-item,
.marmoda-brand-text {
  color: #000 !important;
}

/* Hover — keep dark/use brand green as accent */
.marmoda-header-menu .cbp-hrmenu-tab:hover > a,
.marmoda-header-menu .cbp-hrmenu-tab:hover .cbp-tab-title,
.cbp-hrsub a:hover,
.cbp-hrsub .category-sub-link:hover {
  color: #2B7A5F !important;
}


/* ============================================
   CATEGORY/LISTING PAGES — product grid
   ============================================ */

/* Force 2 cols on mobile for category/brand/listing pages (use grid for reliability) */
@media (max-width: 767px) {
  #products .products.row.products-grid,
  #products .products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin: 0 !important;
  }
  #products .js-product-miniature-wrapper,
  #products .js-product-miniature-wrapper.col-6 {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }
}

/* ============================================
   PRODUCT PAGE MOBILE — stack vertically
   ============================================ */
@media (max-width: 767px) {
  #product .col-product-image,
  #product .col-product-info,
  #product .product-info-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  #product .col-product-info {
    padding: 20px 0 0 !important;
    position: static !important;
  }
  /* Product title smaller on mobile */
  #product h1.product-detail-name,
  #product h1[itemprop="name"],
  #product .product_header_container h1 {
    font-size: 22px !important;
  }
  #product .current-price .price {
    font-size: 20px !important;
  }
  /* Button add-to-cart full width */
  #product .add-to-cart {
    width: 100% !important;
    margin-top: 12px !important;
  }
  /* Size buttons: wrap nicely */
  .marmoda-size-buttons {
    gap: 6px !important;
  }
  .marmoda-size-btn .size-label {
    min-width: 44px !important;
    height: 42px !important;
    font-size: 13px !important;
  }
}

/* ============================================
   MOBILE — Responsive overrides
   ============================================ */
@media (max-width: 767px) {
  /* Logo mobile: cap height */
  #mobile-header .logo.img-fluid,
  .mobile-main-bar img {
    max-height: 36px !important;
    max-width: 140px !important;
    width: auto !important;
    height: auto !important;
  }
  
  /* Slider: smaller title, better spacing */
  .marmoda-slide-title {
    font-size: 28px !important;
    line-height: 1.1 !important;
    margin-bottom: 12px !important;
  }
  .marmoda-slide-tag {
    font-size: 11px !important;
    letter-spacing: 3px !important;
    margin-bottom: 10px !important;
  }
  .marmoda-slide-sub {
    font-size: 14px !important;
    margin-bottom: 18px !important;
  }
  .marmoda-btn-primary {
    font-size: 12px !important;
    padding: 12px 28px !important;
  }
  .marmoda-slide-content {
    padding: 60px 20px 40px !important;
  }
  .marmoda-slider {
    height: auto !important;
  }
  .marmoda-slider .marmoda-slide {
    min-height: 420px !important;
  }
  
  /* Slider arrows smaller on mobile */
  .marmoda-slider-prev, .marmoda-slider-next {
    width: 36px !important;
    height: 36px !important;
    font-size: 18px !important;
  }
  
  /* Brands carousel — smaller logos */
  .marmoda-brands {
    padding: 24px 0 !important;
  }
  .marmoda-brands-slide a img {
    max-height: 32px !important;
    max-width: 100px !important;
  }
  .marmoda-brands-slide {
    gap: 32px !important;
  }
  
  /* Section titles smaller */
  .marmoda-section-title {
    font-size: 22px !important;
  }
  .marmoda-section-header {
    padding: 0 16px !important;
  }
  
  /* Product sections: 2 cols already working */
  .marmoda-products-section {
    padding: 0 8px !important;
  }
  
  /* Categories 2x2 grid on home — keep 2 cols but smaller labels */
  .marmoda-categories {
    padding: 0 12px !important;
  }
  .marmoda-cat-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .marmoda-cat-card {
    aspect-ratio: 4/5 !important;
  }
  .marmoda-cat-name {
    font-size: 18px !important;
  }
  .marmoda-cat-link {
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
  }
  .marmoda-cat-label {
    padding: 14px 12px !important;
  }
  
  /* Footer USP strip: stack vertical */
  .marmoda-usp-strip-inner {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 20px !important;
  }
  .marmoda-usp-strip-item {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  
  /* Footer grid single column */
  .marmoda-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 0 20px !important;
  }
  
  /* Kit Digital banner mobile */
  .marmoda-kitdigital {
    padding: 16px 12px !important;
  }
  .marmoda-kitdigital img {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .marmoda-slide-title {
    font-size: 24px !important;
  }
  .marmoda-brands-slide a img {
    max-height: 28px !important;
    max-width: 80px !important;
  }
}


/* Mobile menu: Ver todo link at top of each submenu */
.marmoda-mobile-vertodo {
  display: block !important;
  padding: 12px 0 !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #E8ECEB !important;
  color: #2B7A5F !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
}
.marmoda-mobile-vertodo:hover {
  color: #1C2B2D !important;
}


/* ============================================
   COOKIE BANNER — RGPD + Kit Digital
   ============================================ */
.marmoda-cookies {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: #fff !important;
  border-top: 2px solid #2B7A5F !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.12) !important;
  padding: 20px 0 !important;
  z-index: 99999 !important;
  transform: translateY(100%) !important;
  transition: transform 0.3s ease !important;
}
.marmoda-cookies.show {
  transform: translateY(0) !important;
}
.marmoda-cookies-inner {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}
.marmoda-cookies p {
  flex: 1 !important;
  margin: 0 !important;
  font-size: 13px !important;
  color: #1C2B2D !important;
  line-height: 1.5 !important;
  min-width: 260px !important;
}
.marmoda-cookies p a {
  color: #2B7A5F !important;
  text-decoration: underline !important;
}
.marmoda-cookies-btns {
  display: flex !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}
.marmoda-cookies-btns button {
  border: none !important;
  padding: 10px 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  transition: all 0.15s !important;
  text-transform: uppercase !important;
}
.marmoda-cookies-reject {
  background: transparent !important;
  color: #1C2B2D !important;
  border: 1.5px solid #1C2B2D !important;
}
.marmoda-cookies-reject:hover {
  background: #1C2B2D !important;
  color: #fff !important;
}
.marmoda-cookies-accept {
  background: #2B7A5F !important;
  color: #fff !important;
  border: 1.5px solid #2B7A5F !important;
}
.marmoda-cookies-accept:hover {
  background: #1f5c47 !important;
  border-color: #1f5c47 !important;
}

@media (max-width: 767px) {
  .marmoda-cookies {
    padding: 16px 0 !important;
  }
  .marmoda-cookies-inner {
    padding: 0 16px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }
  .marmoda-cookies-btns {
    justify-content: stretch !important;
  }
  .marmoda-cookies-btns button {
    flex: 1 !important;
    padding: 12px !important;
  }
}


/* ============================================
   BRAND/MANUFACTURER PAGES — clean layout
   ============================================ */

/* Hide ugly "Listado de productos por marca" h1 */
body.page-manufacturer h1.page-title,
body.page-manufacturer #main > h1.h1,
body.page-manufacturer h1.h1.page-title {
  display: none !important;
}

/* Brand info section — clean and compact */
.page-manufacturer .brand-infos,
.page-manufacturer #manufacturer {
  padding: 24px 30px 20px !important;
}
.page-manufacturer .brand-infos h1,
.page-manufacturer .manufacturer-short-description h1 {
  visibility: visible !important;
  height: auto !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-bottom: 12px !important;
}

/* Brand description text */
.page-manufacturer .brand-infos p,
.page-manufacturer #manufacturer p {
  font-size: 14px !important;
  color: #666 !important;
  line-height: 1.6 !important;
  max-width: 800px !important;
}

/* Brand logo — if present, float right */
.page-manufacturer .brand-infos img,
.page-manufacturer .manufacturer-logo img {
  max-height: 80px !important;
  width: auto !important;
  float: right !important;
  margin: 0 0 16px 24px !important;
}

/* Product grid on brand pages — consistent with categories */
.page-manufacturer #products .products-grid .js-product-miniature-wrapper {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}
@media (max-width: 991px) {
  .page-manufacturer #products .products-grid .js-product-miniature-wrapper {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media (max-width: 767px) {
  .page-manufacturer #products .products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .page-manufacturer #products .js-product-miniature-wrapper {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Force product swiper slides to full width */
#product .product-cover .swiper-slide,
#product .product-cover .swiper-wrapper .swiper-slide,
#product .product-images-large .swiper-slide {
  width: 100% !important;
  min-width: 100% !important;
  flex-shrink: 0 !important;
}


/* Fix: thumbnails clipping on left (theme sets margin-left: -7px) */
#product .product-images.swiper-thumbs,
#product .swiper-thumbs {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Fix: qty input left border clipping */
#product .bootstrap-touchspin,
#product .product-quantity .input-group {
  overflow: visible !important;
}
#product input[name="qty"],
#product .product-quantity input[type="number"] {
  margin-left: 0 !important;
  border: 1px solid #ddd !important;
}


/* Accessories carousel: 5 columns to fill width */
#product .product-accessories .swiper-slide {
  width: 20% !important;
  min-width: 20% !important;
  flex-shrink: 0 !important;
}
@media (max-width: 991px) {
  #product .product-accessories .swiper-slide {
    width: 33.33% !important;
    min-width: 33.33% !important;
  }
}
@media (max-width: 575px) {
  #product .product-accessories .swiper-slide {
    width: 50% !important;
    min-width: 50% !important;
  }
}


/* Hide category-products block (duplica el de accesorios) */
#product .category-products,
.category-products.block-section {
  display: none !important;
}

/* --- A11y fixes (WCAG AA) --- */

/* Color contrast footer - WCAG 1.4.3 */
.marmoda-footer .ps-emailsubscription-conditions,
.marmoda-footer p.text-muted,
.marmoda-footer-col p.text-muted,
footer .text-muted.ps-emailsubscription-conditions,
.marmoda-footer-copy span,
.marmoda-footer-copy {
  color: #ffffff !important;
}

/* Footer title (ex-h5, now h2) keeps visual size */
.marmoda-footer-col .footer-title {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

/* Target-size 24x24 - WCAG 2.5.8 AA */
.marmoda-dot {
  position: relative !important;
}
.marmoda-dot::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 24px !important;
  height: 24px !important;
}
.marmoda-login-text,
.marmoda-header-icons a,
.marmoda-icon-btn {
  min-height: 36px !important;
  min-width: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* --- Footer text todo blanco (contraste siempre OK) --- */
.marmoda-footer,
.marmoda-footer-col,
.marmoda-footer-col p,
.marmoda-footer-col ul li a,
.marmoda-footer-col .footer-title,
.marmoda-footer-copy,
.marmoda-footer-copy span,
.marmoda-footer-social-txt,
.marmoda-footer p,
.marmoda-footer a {
  color: #fff !important;
}
.marmoda-footer-col ul li a {
  opacity: .85;
  transition: opacity .25s;
}
.marmoda-footer-col ul li a:hover {
  opacity: 1;
  color: #fff !important;
}

/* Footer grid: 4 columnas (sin newsletter) */
.marmoda-footer-grid {
  grid-template-columns: 1fr 1fr 1fr 1.2fr !important;
  gap: 32px;
}
@media (max-width: 991px) {
  .marmoda-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px 24px !important;
  }
}
@media (max-width: 575px) {
  .marmoda-footer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Redes sociales - más grandes y visibles */
.marmoda-social-links {
  display: flex !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 14px 0 0 !important;
}
.marmoda-social-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  transition: background .25s, transform .25s !important;
}
.marmoda-social-links a:hover {
  background: rgba(255,255,255,.18) !important;
  transform: translateY(-2px) !important;
}
.marmoda-footer-social-txt {
  font-size: 13px !important;
  opacity: .85;
  margin: 0 0 8px !important;
}

/* Kit Digital invertido: oscuro + blanco */
.marmoda-kitdigital {
  background: #1c2b2d !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding: 28px 0 !important;
}
.marmoda-kitdigital img {
  filter: invert(1) brightness(1.1) !important;
  max-width: 820px !important;
}
@media (max-width: 768px) {
  .marmoda-kitdigital { padding: 20px 0 !important; }
}

/* --- Footer: 5 columnas (Síguenos al mismo nivel) --- */
.marmoda-footer-grid {
  grid-template-columns: 1fr 1fr 1fr 1.2fr 0.8fr !important;
  gap: 32px !important;
  align-items: start !important;
}
@media (max-width: 991px) {
  .marmoda-footer-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 32px 24px !important;
  }
  .marmoda-footer-col-social {
    grid-column: span 3;
  }
}
@media (max-width: 575px) {
  .marmoda-footer-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .marmoda-footer-col-social {
    grid-column: span 2;
  }
}

/* Redes sociales: iconos circulares, sin subtítulo */
.marmoda-footer-col-social .marmoda-social-links {
  display: flex !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.marmoda-footer-col-social .marmoda-social-links a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  transition: background .25s, transform .25s !important;
}
.marmoda-footer-col-social .marmoda-social-links a:hover {
  background: rgba(255,255,255,.18) !important;
  transform: translateY(-2px) !important;
}

/* Kit Digital: más grande, sin borde divisorio, fondo igual footer, logos blancos limpios */
.marmoda-kitdigital {
  background: #1c2b2d !important;
  border-top: 0 !important;
  padding: 40px 20px !important;
  margin-top: 0 !important;
}
.marmoda-kitdigital img {
  filter: brightness(0) invert(1) !important;
  max-width: 1100px !important;
  width: 100% !important;
  height: auto !important;
  opacity: .95 !important;
}
@media (max-width: 768px) {
  .marmoda-kitdigital { padding: 28px 16px !important; }
  .marmoda-kitdigital img { max-width: 100% !important; }
}

/* Copyright ya no se renderiza (template quitado) */
.marmoda-footer-copy { display: none !important; }


/* Kit Digital oficial: fondo blanco, logos originales (estándar Red.es) */
/* Override final - sobrescribe reglas anteriores */
.marmoda-kitdigital {
  background: #ffffff !important;
  border-top: 0 !important;
  padding: 36px 20px !important;
  margin-top: 0 !important;
  text-align: center !important;
}
.marmoda-kitdigital img {
  filter: none !important;
  opacity: 1 !important;
  max-width: 1100px !important;
  width: 100% !important;
  height: auto !important;
  display: inline-block !important;
}
@media (max-width: 768px) {
  .marmoda-kitdigital { padding: 24px 16px !important; }
  .marmoda-kitdigital img { max-width: 100% !important; }
}


/* Kit Digital oficial 2024 - banner con bandera (versión actualizada enero 2024) */
.marmoda-kitdigital {
  background: #ffffff !important;
  border-top: 0 !important;
  padding: 32px 20px !important;
  margin-top: 0 !important;
  text-align: center !important;
}
.marmoda-kitdigital img {
  filter: none !important;
  opacity: 1 !important;
  max-width: 1200px !important;
  width: 100% !important;
  height: auto !important;
  display: inline-block !important;
}
@media (max-width: 768px) {
  .marmoda-kitdigital { padding: 20px 16px !important; }
  .marmoda-kitdigital img { max-width: 100% !important; }
}


/* --- Color swatches en filtro COLOR (ps_facetedsearch) --- */
#search_filters a[href*="q=Color-"],
#search_filters_wrapper a[href*="q=Color-"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#search_filters a[href*="q=Color-"]::before,
#search_filters_wrapper a[href*="q=Color-"]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,.15);
  flex-shrink: 0;
  background: #ccc;
}

/* Orden correcto: GENÉRICOS primero, luego ESPECÍFICOS (más largos/compuestos) */
/* Azul */
#search_filters a[href*="q=Color-Azul"]::before,
#search_filters_wrapper a[href*="q=Color-Azul"]::before { background: #2c5fa8; }
#search_filters a[href*="q=Color-Azul+Claro"]::before,
#search_filters_wrapper a[href*="q=Color-Azul+Claro"]::before { background: #a6c4dc; }
#search_filters a[href*="q=Color-Azul+Marino"]::before,
#search_filters_wrapper a[href*="q=Color-Azul+Marino"]::before { background: #1b2a4d; }

/* Gris */
#search_filters a[href*="q=Color-Gris"]::before,
#search_filters_wrapper a[href*="q=Color-Gris"]::before { background: #888888; }
#search_filters a[href*="q=Color-Gris+Claro"]::before,
#search_filters_wrapper a[href*="q=Color-Gris+Claro"]::before { background: #c8c8c8; }
#search_filters a[href*="q=Color-Gris+Oscuro"]::before,
#search_filters_wrapper a[href*="q=Color-Gris+Oscuro"]::before { background: #4a4a4a; }

/* Verde */
#search_filters a[href*="q=Color-Verde"]::before,
#search_filters_wrapper a[href*="q=Color-Verde"]::before { background: #3a7a42; }
#search_filters a[href*="q=Color-Verde+Oliva"]::before,
#search_filters_wrapper a[href*="q=Color-Verde+Oliva"]::before { background: #6e6e3a; }
#search_filters a[href*="q=Color-Verde+Oscuro"]::before,
#search_filters_wrapper a[href*="q=Color-Verde+Oscuro"]::before { background: #1e3b1f; }

/* Blanco */
#search_filters a[href*="q=Color-Blanco"]::before,
#search_filters_wrapper a[href*="q=Color-Blanco"]::before { background: #ffffff; }
#search_filters a[href*="q=Color-Blanco+roto"]::before,
#search_filters_wrapper a[href*="q=Color-Blanco+roto"]::before { background: #f4f0e6; }

/* Marrón */
#search_filters a[href*="q=Color-Marr"]::before,
#search_filters_wrapper a[href*="q=Color-Marr"]::before { background: #6d4a2a; }

/* Colores simples (sin variantes compuestas) */
#search_filters a[href*="q=Color-Negro"]::before,
#search_filters_wrapper a[href*="q=Color-Negro"]::before { background: #1a1a1a; }
#search_filters a[href*="q=Color-Granate"]::before,
#search_filters_wrapper a[href*="q=Color-Granate"]::before { background: #7a223a; }
#search_filters a[href*="q=Color-Rojo"]::before,
#search_filters_wrapper a[href*="q=Color-Rojo"]::before { background: #c62828; }
#search_filters a[href*="q=Color-Morado"]::before,
#search_filters_wrapper a[href*="q=Color-Morado"]::before { background: #7b3f9e; }
#search_filters a[href*="q=Color-Lila"]::before,
#search_filters_wrapper a[href*="q=Color-Lila"]::before { background: #c7a7d6; }
#search_filters a[href*="q=Color-Rosa"]::before,
#search_filters_wrapper a[href*="q=Color-Rosa"]::before { background: #eab2c5; }
#search_filters a[href*="q=Color-Amarillo"]::before,
#search_filters_wrapper a[href*="q=Color-Amarillo"]::before { background: #e6c640; }
#search_filters a[href*="q=Color-Mostaza"]::before,
#search_filters_wrapper a[href*="q=Color-Mostaza"]::before { background: #d4a234; }
#search_filters a[href*="q=Color-Camel"]::before,
#search_filters_wrapper a[href*="q=Color-Camel"]::before { background: #be9660; }
#search_filters a[href*="q=Color-Beige"]::before,
#search_filters_wrapper a[href*="q=Color-Beige"]::before { background: #dcc8a0; }
#search_filters a[href*="q=Color-Crema"]::before,
#search_filters_wrapper a[href*="q=Color-Crema"]::before { background: #eadcb8; }
#search_filters a[href*="q=Color-Naranja"]::before,
#search_filters_wrapper a[href*="q=Color-Naranja"]::before { background: #e67e32; }
#search_filters a[href*="q=Color-Multicolor"]::before,
#search_filters_wrapper a[href*="q=Color-Multicolor"]::before {
  background: conic-gradient(from 0deg, #c62828, #e6c640, #3a7a42, #2c5fa8, #7b3f9e, #c62828);
}

/* === FIX v144: btn-primary siempre texto blanco === */
.btn.btn-primary,
.btn-primary,
a.btn-primary,
button.btn-primary {
  color: #fff !important;
  background: #1C2B2D !important;
  border-color: #1C2B2D !important;
}
.btn.btn-primary:hover,
.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
  color: #fff !important;
  background: #000 !important;
  border-color: #000 !important;
}

/* cart-content-btn */
.cart-content-btn a.btn-primary,
.cart-detailed-actions a.btn-primary,
.blockcart-modal .btn-primary,
.card-block a.btn-primary {
  color: #fff !important;
}

/* === v145: checkout minimalista === */
/* Hide Tratamiento Sr/Sra */
#customer-form .form-group.row:has(#field-id_gender),
#customer-form .form-group:has(input[name="id_gender"]) {
  display: none !important;
}

/* Hide password/cuenta opcional block */
#customer-form .form-group:has(input[name="password"]),
#customer-form p.required-fields + p,
#customer-form .form-group:has(#field-password) {
  display: none !important;
}

/* Hide "Crear una cuenta (opcional)" paragraph */
#customer-form p:has(+ div input[name="password"]),
#customer-form .create-account-info,
#customer-form p.form-control-comment {
  display: none !important;
}

/* Hide all non-essential checkboxes except "Acepto condiciones" */
#customer-form .custom-checkbox:has(input[name="newsletter"]),
#customer-form .custom-checkbox:has(input[name="optin"]),
#customer-form .custom-checkbox:has(input[name="customer_privacy"]) {
  display: none !important;
}

/* In step 2 direcciones, hide Empresa / IVA / Dir Complementaria */
#delivery-address .form-group:has(input[name="company"]),
#delivery-address .form-group:has(input[name="vat_number"]),
#delivery-address .form-group:has(input[name="address2"]) {
  display: none !important;
}

/* Tramitar Pedido button (same fix as other primary) */
.cart-detailed-actions .btn-primary,
.btn-primary.tramitar-pedido {
  color: #fff !important;
}

/* v146: hidden checkboxes auto-check via CSS trick */
/* (CSS no puede auto-check, necesitamos JS) */

/* === v148: Iconos métodos de pago (checkout step 4) — refactor === */
.payment-options .payment-option {
  display: flex !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
  cursor: pointer !important;
  transition: border-color .2s, background .2s !important;
}
.payment-options .payment-option:hover {
  border-color: #1f6051 !important;
  background: #f8faf9 !important;
}
.payment-options .payment-option label {
  flex: 1 !important;
  margin: 0 0 0 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}
.payment-options .payment-option::after {
  content: '' !important;
  width: 64px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
}
.payment-options .payment-option .custom-radio {
  margin-right: 4px !important;
}

/* DEFAULT (fallback): icono tarjeta — para Cecabank "Pagar con tarjeta" */
.payment-options .payment-option::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231f6051'><path d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/></svg>") !important;
}

/* Transferencia bancaria → icono banco */
.payment-options .payment-option:has([data-module-name="ps_wirepayment"])::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231f6051'><path d='M4 10v7h2v-7H4zm6 0v7h2v-7h-2zm-7 12h18v-2H3v2zM16 10v7h2v-7h-2zm-4-9L3 6v2h18V6l-9-5z'/></svg>") !important;
}

/* PayPal → logo oficial PP */
.payment-options .payment-option:has([data-module-name="paypal"])::after,
.payment-options .payment-option:has([data-module-name*="paypal"])::after,
.payment-options .payment-option:has([data-module-name="ps_checkout"])::after,
.payment-options .payment-option:has(label[for*="paypal" i])::after {
  width: 80px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 33'><path fill='%23253B80' d='M46.211 6.749h-6.839a.95.95 0 0 0-.939.802l-2.766 17.537a.57.57 0 0 0 .564.658h3.265a.95.95 0 0 0 .939-.803l.746-4.73a.95.95 0 0 1 .938-.803h2.165c4.505 0 7.105-2.18 7.784-6.5.306-1.89.013-3.375-.872-4.415-.972-1.142-2.696-1.746-4.985-1.746zm.789 6.405c-.374 2.454-2.249 2.454-4.062 2.454h-1.032l.724-4.583a.57.57 0 0 1 .563-.481h.473c1.235 0 2.4 0 3.002.704.359.42.469 1.044.332 1.906zM66.654 13.075h-3.275a.57.57 0 0 0-.563.481l-.145.916-.229-.332c-.709-1.029-2.29-1.373-3.868-1.373-3.619 0-6.71 2.741-7.312 6.586-.313 1.918.132 3.752 1.22 5.031.998 1.176 2.426 1.666 4.125 1.666 2.916 0 4.533-1.875 4.533-1.875l-.146.91a.57.57 0 0 0 .562.66h2.95a.95.95 0 0 0 .939-.803l1.77-11.209a.568.568 0 0 0-.561-.658zm-4.565 6.374c-.316 1.871-1.801 3.127-3.695 3.127-.951 0-1.711-.305-2.199-.883-.484-.574-.668-1.391-.514-2.301.295-1.855 1.805-3.152 3.67-3.152.93 0 1.686.309 2.184.892.499.589.697 1.411.554 2.317zM84.096 13.075h-3.291a.954.954 0 0 0-.787.417l-4.539 6.686-1.924-6.425a.953.953 0 0 0-.912-.678h-3.234a.57.57 0 0 0-.541.754l3.625 10.638-3.408 4.811a.57.57 0 0 0 .465.9h3.287a.949.949 0 0 0 .781-.408l10.946-15.8a.57.57 0 0 0-.468-.895z'/><path fill='%23179BD7' d='M94.992 6.749h-6.84a.95.95 0 0 0-.938.802l-2.766 17.537a.569.569 0 0 0 .562.658h3.51a.665.665 0 0 0 .656-.562l.785-4.971a.95.95 0 0 1 .938-.803h2.164c4.506 0 7.105-2.18 7.785-6.5.307-1.89.012-3.375-.873-4.415-.971-1.142-2.694-1.746-4.983-1.746zm.789 6.405c-.373 2.454-2.248 2.454-4.062 2.454h-1.031l.725-4.583a.568.568 0 0 1 .562-.481h.473c1.234 0 2.4 0 3.002.704.359.42.468 1.044.331 1.906zM115.434 13.075h-3.273a.567.567 0 0 0-.562.481l-.145.916-.23-.332c-.709-1.029-2.289-1.373-3.867-1.373-3.619 0-6.709 2.741-7.311 6.586-.312 1.918.131 3.752 1.219 5.031 1 1.176 2.426 1.666 4.125 1.666 2.916 0 4.533-1.875 4.533-1.875l-.146.91a.57.57 0 0 0 .564.66h2.949a.95.95 0 0 0 .938-.803l1.771-11.209a.571.571 0 0 0-.565-.658zm-4.565 6.374c-.314 1.871-1.801 3.127-3.695 3.127-.949 0-1.711-.305-2.199-.883-.484-.574-.666-1.391-.514-2.301.297-1.855 1.805-3.152 3.67-3.152.93 0 1.686.309 2.184.892.501.589.699 1.411.554 2.317zM119.295 7.23l-2.807 17.858a.569.569 0 0 0 .562.658h2.822c.469 0 .867-.34.939-.803l2.768-17.536a.57.57 0 0 0-.562-.659h-3.16a.571.571 0 0 0-.562.482z'/><path fill='%23253B80' d='M7.266 29.154l.523-3.322-1.165-.027H1.061L4.927 1.292a.316.316 0 0 1 .314-.268h9.38c3.114 0 5.263.648 6.385 1.927.526.6.861 1.227 1.023 1.917.17.724.173 1.589.007 2.644l-.012.077v.676l.526.298a3.69 3.69 0 0 1 1.065.812c.45.513.741 1.165.864 1.938.127.795.085 1.741-.123 2.812-.24 1.232-.628 2.305-1.152 3.183a6.547 6.547 0 0 1-1.825 2c-.696.494-1.523.869-2.458 1.109-.906.236-1.939.355-3.072.355h-.73c-.522 0-1.029.188-1.427.525a2.21 2.21 0 0 0-.744 1.328l-.055.299-.924 5.855-.042.215c-.011.068-.03.102-.058.125a.155.155 0 0 1-.096.035H7.266z'/><path fill='%23179BD7' d='M23.048 7.667c-.028.179-.06.362-.096.55-1.237 6.351-5.469 8.545-10.874 8.545H9.326c-.661 0-1.218.48-1.321 1.132l-1.41 8.94-.397 2.534a.704.704 0 0 0 .695.814h4.881c.578 0 1.069-.42 1.16-.99l.048-.248.919-5.832.059-.32c.09-.572.582-.992 1.16-.992h.73c4.729 0 8.431-1.92 9.513-7.476.452-2.321.218-4.259-.978-5.622a4.667 4.667 0 0 0-1.336-1.035z'/><path fill='%23222D65' d='M21.754 7.151a9.757 9.757 0 0 0-1.203-.267 15.284 15.284 0 0 0-2.426-.177h-7.352a1.172 1.172 0 0 0-1.159.992L8.05 17.605l-.045.289a1.336 1.336 0 0 1 1.321-1.132h2.752c5.405 0 9.637-2.195 10.874-8.545.037-.188.068-.371.096-.55a6.594 6.594 0 0 0-1.017-.429 9.045 9.045 0 0 0-.277-.087z'/><path fill='%23253B80' d='M9.614 7.699a1.169 1.169 0 0 1 1.159-.991h7.352c.871 0 1.684.057 2.426.177a9.757 9.757 0 0 1 1.481.353c.365.121.704.264 1.017.429.368-2.347-.003-3.945-1.272-5.392C20.378.682 17.853 0 14.622 0h-9.38c-.66 0-1.223.48-1.325 1.133L.01 25.898a.806.806 0 0 0 .795.932h5.791l1.454-9.225 1.564-9.906z'/></svg>") !important;
}

/* === v156: Botón flotante WhatsApp === */
.marmoda-whatsapp-btn {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  width: 56px !important;
  height: 56px !important;
  background: #25D366 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
  z-index: 9998 !important;
  transition: transform .2s, box-shadow .2s !important;
  text-decoration: none !important;
}
.marmoda-whatsapp-btn:hover {
  transform: scale(1.08) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
}
.marmoda-whatsapp-btn svg {
  width: 32px !important;
  height: 32px !important;
  fill: #fff !important;
}
@media (max-width: 768px) {
  .marmoda-whatsapp-btn {
    bottom: 16px !important;
    right: 16px !important;
    width: 52px !important;
    height: 52px !important;
  }
}