/* ===== Barra roja ===== */
.section-adbar {
  padding: 0 40px !important;
  height: 22px !important;
  overflow: hidden !important;
}
.section-adbar .js-swiper-adbar,
.section-adbar .js-swiper-adbar-wrapper {
  height: 22px !important;
  min-height: 22px !important;
  display: flex !important;
  align-items: center !important;
}
.section-adbar .adbar-text-container {
  font-size: 8px !important;
  line-height: 8px !important;
}

/* ===== Logo / header blanco ===== */
.logo-img.logo-img-small {
  max-width: 118px !important;
  width: 118px !important;
  height: auto !important;
}

/* ===== Menú negro + Venta al público/Cotizar obras ===== */
.head-banner-item {
  padding-top: 0.5px !important;
  padding-bottom: 0.5px !important;
}

.head-banner-item .mb-1 {
  margin-bottom: 0 !important;
}
.nav-desktop-list {
  padding: 0.5px 0 !important;
}

/* ===== Banner: proporción fija, cero recorte en cualquier pantalla ===== */
.section-slider .swiper-slide {
  aspect-ratio: 2.4 / 1 !important;
  height: auto !important;
  max-height: none !important;
}
.section-slider .slider-image {
  object-fit: cover !important;
  object-position: center top !important;
}

/* ===== Espacio entre banner y marcas ===== */
.section-slider .my-3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ===== Marcas más pegadas a los puntitos ===== */
.copi-brands-grid {
  padding-top: 4px !important;
}

/* ===== Ficha de producto: galería, ancho, alineación ===== */
@media (min-width: 768px) {
  #single-product > .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
  #single-product {
    padding-top: 0.5rem !important;
  }
  #single-product > .container > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #single-product > .container > .row > div:first-child {
    flex: 0 0 70% !important;
    max-width: 70% !important;
    padding-left: 0 !important;
  }
  #single-product > .container > .row > div:nth-child(2) {
    flex: 0 0 30% !important;
    max-width: 30% !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  #single-product .js-swiper-product {
    min-width: 0 !important;
  }

  /* Pegar todo (miniaturas + foto grande) bien a la izquierda */
  #single-product [data-store^="product-image"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #single-product [data-store^="product-image"] > .col-md-auto {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #single-product .product-thumbs-container {
    margin-left: 0 !important;
    padding-right: 0 !important;
    width: 220px !important;
    height: calc(100vh - 170px) !important;
  }
  #single-product .js-swiper-product-thumbs {
    height: calc(100vh - 170px) !important;
  }
  #single-product .product-thumbs-container .swiper-slide {
    width: 220px !important;
  }
  #single-product .product-thumbs-container .product-thumb {
    width: 220px !important;
  }
  #single-product [data-store^="product-image"] > .col.p-0.px-md-3 {
    padding-left: 14px !important;
  }

  /* Foto grande: llena el alto disponible */
  #single-product .js-product-slide-link {
    padding-bottom: 0 !important;
    height: calc(100vh - 170px) !important;
  }
}

/* ===== Producto: ocultar barra roja + menú negro, mostrar solo buscador ===== */
@media (min-width: 768px) {
  body.template-product .section-adbar {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
  }
  body.template-product .head-main:hover .section-adbar {
    max-height: 40px !important;
  }

  body.template-product .head-main .menu-and-banners-row:has([data-store="navigation"]) {
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    transition: max-height 0.3s ease !important;
  }
  body.template-product .head-main:hover .menu-and-banners-row:has([data-store="navigation"]) {
    max-height: 200px !important;
    visibility: visible !important;
  }
}

/* ===== Producto: franja de entrega destacada ===== */
#single-product #copi-delivery-badge {
  display: none !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f2e9ea !important;
  border-radius: 8px !important;
  padding: 9px 14px !important;
  margin-bottom: 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #691b28 !important;
}
#single-product #copi-delivery-badge.copi-visible {
  display: flex !important;
}

/* ===== Producto: precio con transferencia, protagonista ===== */
#single-product .js-payment-discount-price-product-container {
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #691b28 !important;
}
#single-product .js-payment-discount-price-product-container span:not(.js-payment-discount-price-product) {
  font-size: 12px !important;
  font-weight: 400 !important;
  display: block !important;
  margin-top: 2px !important;
}