/** Shopify CDN: Minification failed

Line 1787:25 Unexpected "*"
Line 2144:25 Unexpected "*"

**/
/* =========================================================
   PH PRODUCT · PDP 2.1
   Diseño visual definitivo de la columna de información.
   No modifica la galería ni la estructura funcional de Dawn.
   ========================================================= */

:root {
  --ph-pdp-accent: #0f8f8d;
  --ph-pdp-accent-dark: #08706f;
  --ph-pdp-gold: #c4942f;
  --ph-pdp-gold-text: #806b43;
  --ph-pdp-text: #111820;
  --ph-pdp-muted: #65707c;
  --ph-pdp-border: #dce3e7;
}

/* =========================================================
   01. CONTENEDOR Y ORDEN
   ========================================================= */

.product__info-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  text-align: left;
}

.product__info-container > * {
  margin-top: 0;
  margin-bottom: 0;
  order: 100;
}

/* Título incluye estrellas doradas + nombre */
.product__info-container > .product__title {
  order: 10;
}

/* Precio */
.product__info-container > .ph-price,
.product__info-container > .ph-product-price-block {
  order: 20;
}

/* Inventario */
.product__info-container > .product__inventory {
  order: 30;
}

/* Tamaño */
.product__info-container > .ph-product-size {
  order: 40;
}

/* Variantes */
.product__info-container > variant-selects,
.product__info-container > variant-radios,
.product__info-container > .ph-variant-picker {
  order: 50;
}

/* Cantidad */
.product__info-container > .product-form__quantity {
  order: 60;
}

/* Compra y bloques posteriores */
.product__info-container > .product-form,
.product__info-container > .ph-volume-discounts-wrap {
  order: 70;
}

/* Espaciado controlado */
.product__info-container > * + * {
  margin-top: 1.15rem;
}

/* =========================================================
   02. CONFIANZA
   ========================================================= */

.ph-trust-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem 0.65rem;
  margin: 0 0 1.2rem;
  color: var(--ph-pdp-gold);
}

.ph-trust-stars {
  display: block;
  font-size: 1.85rem;
  line-height: 1;
  letter-spacing: 0.08rem;
}

.ph-trust-text {
  color: var(--ph-pdp-gold-text);
  font-size: 1.3rem;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: 0.02em;
}

/* Oculta el segundo rating para no duplicar estrellas */
.product__info-container > .ph-product-rating,
.product__info-container > .rating-wrapper,
.product__info-container > *:has(.rating-wrapper),
.product__info-container > *:has(.jdgm-preview-badge) {
  display: none !important;
}

/* =========================================================
   03. TÍTULO
   ========================================================= */

.product__title {
  margin: 0;
}

.product__title h1 {
  margin: 0;
  color: var(--ph-pdp-text);
  font-family: var(--font-heading-family);
  font-size: clamp(3rem, 2.7vw, 4.5rem);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -0.04em;
  word-break: normal;
  overflow-wrap: break-word;
}

/* =========================================================
   04. PRECIO
   ========================================================= */

.ph-price {
  display: block;
  width: 100%;
  margin: 1.5rem 0 0.4rem;
  text-align: center;
}

.ph-price__main {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  color: var(--ph-pdp-accent);
}

.ph-price__amount {
  display: inline-block;
  font-size: clamp(4.6rem, 4.4vw, 5.8rem);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.045em;
}

.ph-price__currency {
  display: inline-block;
  font-size: 1.45rem;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.ph-price__compare {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.55rem;
  color: var(--ph-pdp-muted);
  font-size: 1.2rem;
}

.ph-price__compare.is-hidden {
  display: none;
}

/* =========================================================
   05. INVENTARIO
   ========================================================= */

.product__inventory.ph-stock-status {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  width: fit-content;
  min-height: 3.6rem;
  margin: 0;
  padding: 0.65rem 1.15rem;
  border: 0.1rem solid #ead19a;
  border-radius: 0.8rem;
  background: #fffaf0;
  color: #8a6521;
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.2;
}

.product__inventory.ph-stock-status .ph-stock-status__icon {
  display: inline-flex;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}

.product__inventory.ph-stock-status svg {
  width: 100%;
  height: 100%;
}

/* =========================================================
   06. TAMAÑO
   ========================================================= */

.ph-product-size {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0.45rem;
  margin: 0;
  color: var(--ph-pdp-muted);
  font-size: 1.55rem;
  line-height: 1.3;
}

.ph-product-size__value {
  color: var(--ph-pdp-text);
  font-weight: 750;
}

/* =========================================================
   07. VARIANTES · HTML REAL PH
   fieldset.ph-variant-picker__group
   div.ph-variant-picker__grid
   ========================================================= */

variant-selects.ph-variant-picker,
variant-radios.ph-variant-picker {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 2.3rem;
}

.ph-variant-picker__group {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  border: 0 !important;
}

.ph-variant-picker__title {
  display: block;
  width: 100%;
  margin: 0 0 1.15rem;
  padding: 0;
  color: var(--ph-pdp-text);
  text-align: left;
  font-size: 1.75rem;
  font-weight: 750;
  line-height: 1.2;
}

.ph-variant-picker__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.8rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.ph-variant-picker__grid input[type='radio'] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ph-variant-picker__grid input[type='radio'] + label {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 5.8rem !important;

  margin: 0 !important;
  padding: 0.9rem 1rem !important;

  border: 0.1rem solid var(--ph-pdp-border) !important;
  border-radius: 999rem !important;

  background: #fff !important;
  color: var(--ph-pdp-text) !important;

  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;

  font-size: 1.34rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;

  cursor: pointer;
  box-shadow: none !important;
}

.ph-variant-picker__grid input[type='radio'] + label::before,
.ph-variant-picker__grid input[type='radio'] + label::after {
  border-radius: 999rem !important;
}

.ph-variant-picker__grid input[type='radio']:checked + label {
  border-color: var(--ph-pdp-accent) !important;
  background: var(--ph-pdp-accent) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 0.1rem var(--ph-pdp-accent) !important;
}

.ph-variant-picker__grid input[type='radio']:focus-visible + label {
  outline: 0.2rem solid rgba(15, 143, 141, 0.35);
  outline-offset: 0.2rem;
}

.ph-variant-picker__grid input[type='radio'].disabled + label,
.ph-variant-picker__grid input[type='radio']:disabled + label {
  opacity: 0.42;
  cursor: not-allowed;
  text-decoration: none !important;
}

/* =========================================================
   08. CANTIDAD Y COMPRA
   ========================================================= */

.product-form__quantity {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.product-form__quantity .form__label {
  display: block;
  margin: 0 0 0.65rem;
  color: var(--ph-pdp-text);
  text-align: left;
  font-size: 1.25rem;
  font-weight: 650;
}

.product-form__quantity .price-per-item__container {
  display: flex;
  justify-content: flex-start;
}

.product-form__buttons,
.product-form {
  width: 100%;
  max-width: 100%;
}

.product-form__submit {
  min-height: 5.2rem;
  margin-bottom: 0.8rem;
  border-radius: 1rem;
  font-weight: 750;
}

/* =========================================================
   09. LIMPIEZA
   ========================================================= */

.product__tax,
.ph-product-tax-note {
  display: none !important;
}

/* =========================================================
   10. MÓVIL
   ========================================================= */

@media screen and (max-width: 749px) {
  .product__info-container {
    padding: 0;
  }

  .product__info-container > * + * {
    margin-top: 1rem;
  }

  .ph-trust-rating {
    display: block;
    margin-bottom: 1.4rem;
  }

  .ph-trust-stars {
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
  }

  .ph-trust-text {
    display: block;
    max-width: 32rem;
    font-size: 1.25rem;
  }

  .product__title h1 {
    font-size: clamp(3rem, 9vw, 4rem);
    line-height: 1.08;
  }

  .ph-price {
    margin-top: 1.5rem;
  }

  .ph-price__amount {
    font-size: clamp(4.7rem, 14vw, 5.7rem);
  }

  .ph-price__currency {
    font-size: 1.35rem;
  }

  .product__inventory.ph-stock-status {
    min-height: 3.5rem;
    padding: 0.6rem 1rem;
    font-size: 1.2rem;
  }

  .ph-product-size {
    font-size: 1.5rem;
  }

  variant-selects.ph-variant-picker,
  variant-radios.ph-variant-picker {
    margin-top: 2rem;
  }

  variant-selects.ph-variant-picker .form__label,
  variant-radios.ph-variant-picker .form__label {
    margin-bottom: 1.15rem;
    font-size: 1.65rem;
  }

  variant-selects.ph-variant-picker .product-form__input--pill,
  variant-radios.ph-variant-picker .product-form__input--pill {
    gap: 0.75rem;
  }

  variant-selects.ph-variant-picker .product-form__input--pill input[type="radio"] + label,
  variant-radios.ph-variant-picker .product-form__input--pill input[type="radio"] + label {
    min-height: 5.7rem;
    padding: 0.85rem 0.75rem;
    font-size: 1.28rem;
  }
}
/* =========================================================
   PASO 1
   Estrellas arriba + Título más compacto
   ========================================================= */

/* 1. Subir bloque de confianza */
.product__info-container > .ph-trust-rating{
    order:5 !important;
    display:block !important;
    margin:0 0 12px !important;
}

/* 2. Título inmediatamente debajo */
.product__info-container > .product__title{
    order:10 !important;
}

/* 3. Estrellas doradas */
.ph-trust-stars{
    color:#C89B3C !important;
    font-size:20px !important;
    line-height:1 !important;
    margin:0 0 4px !important;
}

/* 4. Texto de confianza */
.ph-trust-text{
    color:#8A6A2F !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
    margin:0 !important;
}

/* 5. Título más elegante */
.product__title h1{
    font-size:clamp(2.8rem,6.8vw,3.6rem) !important;
    line-height:1.08 !important;
    letter-spacing:-0.03em !important;
    margin:0 !important;
}
/* =========================================================
   PASO 2
   Título + Precio + Inventario + Tamaño
   ========================================================= */

/* Título un poco más compacto */
.product__title h1{
    font-size:clamp(2.45rem,5.8vw,3.15rem) !important;
    line-height:1.05 !important;
    letter-spacing:-0.04em !important;
    margin:0 !important;
}

/* Precio centrado y protagonista */
.ph-price{
    text-align:center !important;
    margin:14px 0 6px !important;
}

.ph-price__main{
    justify-content:center !important;
}

.ph-price__amount{
    font-size:clamp(3.9rem,10vw,4.6rem) !important;
    line-height:.95 !important;
}

.ph-price__currency{
    font-size:1.15rem !important;
    margin-left:4px !important;
}

/* Inventario debajo del precio */
.product__info-container > .product__inventory{
    order:30 !important;
    margin:8px auto 0 !important;
    align-self:center !important;
}

/* Tamaño debajo del inventario */
.product__info-container > .ph-product-size{
    order:40 !important;
    margin:10px 0 0 !important;
    justify-content:center !important;
    font-size:1.32rem !important;
}
/* =========================================================
   PASO 2 CORREGIDO
   Título compacto + precio centrado +
   inventario debajo + tamaño al final
   ========================================================= */

/* ORDEN REAL DE LOS BLOQUES */
.product__info-container > .ph-trust-rating {
  order: 5 !important;
}

.product__info-container > .product__title {
  order: 10 !important;
}

/* El precio puede venir dentro de un wrapper */
.product__info-container > .ph-price,
.product__info-container > .ph-product-price-block,
.product__info-container > *:has(.ph-price__main) {
  order: 20 !important;
}

.product__info-container > .product__inventory {
  order: 30 !important;
}

.product__info-container > .ph-product-size {
  order: 40 !important;
}

.product__info-container > variant-selects,
.product__info-container > variant-radios {
  order: 50 !important;
}

/* TÍTULO MÁS PEQUEÑO */
product-info[id^="MainProduct-"]
.product__info-container
.product__title h1 {
  font-size: 28px !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  margin: 0 !important;
}

/* PRECIO CENTRADO Y MÁS PROPORCIONADO */
product-info[id^="MainProduct-"] .ph-price {
  width: 100% !important;
  margin: 16px 0 8px !important;
  text-align: center !important;
}

product-info[id^="MainProduct-"] .ph-price__main {
  justify-content: center !important;
}

product-info[id^="MainProduct-"] .ph-price__amount {
  font-size: 42px !important;
  line-height: 0.95 !important;
}

product-info[id^="MainProduct-"] .ph-price__currency {
  font-size: 13px !important;
}

/* INVENTARIO DEBAJO DEL PRECIO */
product-info[id^="MainProduct-"]
.product__inventory.ph-stock-status {
  align-self: flex-start !important;
  width: fit-content !important;
  min-height: 30px !important;
  margin: 4px 0 0 !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
}

/* TAMAÑO DEBAJO DEL INVENTARIO */
product-info[id^="MainProduct-"] .ph-product-size {
  justify-content: flex-start !important;
  margin: 6px 0 0 !important;
  font-size: 14px !important;
}

@media screen and (min-width: 750px) {
  product-info[id^="MainProduct-"]
  .product__info-container
  .product__title h1 {
    font-size: 32px !important;
  }

  product-info[id^="MainProduct-"] .ph-price__amount {
    font-size: 46px !important;
  }
}
/* =========================================================
   PASO 2.1
   Solo precio + inventario
   ========================================================= */

/* Precio más pequeño */
product-info[id^="MainProduct-"] .ph-price__amount {
  font-size: 34px !important;
  line-height: 0.95 !important;
}

product-info[id^="MainProduct-"] .ph-price__currency {
  font-size: 10px !important;
}

/* Inventario justo debajo del precio */
.product__info-container > .product__inventory {
  order: 30 !important;
}

product-info[id^="MainProduct-"]
.product__inventory.ph-stock-status {
  align-self: flex-start !important;
  margin: 2px 0 0 !important;
  min-height: 26px !important;
  padding: 4px 8px !important;
  font-size: 9px !important;
}

/* Tamaño inmediatamente debajo del inventario */
.product__info-container > .ph-product-size {
  order: 40 !important;
}

product-info[id^="MainProduct-"] .ph-product-size {
  margin: 4px 0 0 !important;
  font-size: 11px !important;
}
/* =========================================================
   PASO 2.2 · ORDEN REAL DEL PRECIO
   ========================================================= */

/* El precio real es un custom element con clase ph-price */
.product__info-container > ph-product-price.ph-price,
.product__info-container > .ph-price {
  order: 20 !important;
}

/* Inventario inmediatamente debajo */
.product__info-container > .product__inventory {
  order: 30 !important;
}

/* Tamaño debajo del inventario */
.product__info-container > .ph-product-size {
  order: 40 !important;
}
/* =========================================================
   PASO 2.3 · TAMAÑO 60 ML MÁS LEGIBLE
   ========================================================= */

product-info[id^="MainProduct-"] .ph-product-size {
  font-size: 14px !important;
  line-height: 1.3 !important;
  margin-top: 6px !important;
}

product-info[id^="MainProduct-"] .ph-product-size__label {
  font-size: 14px !important;
  color: #65707c !important;
}

product-info[id^="MainProduct-"] .ph-product-size__value {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111820 !important;
}
/* =========================================================
   PASO 3 · Selector de presentación más compacto
   ========================================================= */

/* Título */
.ph-variant-picker__title{
    font-size:20px !important;
    line-height:1.2 !important;
    margin-bottom:12px !important;
}

/* Separación entre botones */
.ph-variant-picker__grid{
    gap:10px !important;
}

/* Botones */
.ph-variant-picker__grid input[type="radio"] + label{
    min-height:58px !important;
    height:58px !important;

    padding:8px 12px !important;

    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.15 !important;

    border-radius:18px !important;
}
/* =========================================================
   PASO 4 · Compactar parte inferior del PDP
   ========================================================= */

/* Cantidad */
.product-form__quantity{
    margin:12px 0 0 !important;
}

.product-form__quantity .form__label{
    margin-bottom:6px !important;
}

/* Elimina espacio antes del bloque de descuentos */
.ph-volume-discounts-wrap{
    margin-top:14px !important;
}

/* Elimina espacio después del bloque de descuentos */
.ph-volume-discounts-wrap + *{
    margin-top:12px !important;
}

/* Botón Agregar al carrito */
.product-form__submit{
    min-height:54px !important;
    height:54px !important;
    font-size:18px !important;
    font-weight:700 !important;
    border-radius:14px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
}

/* PayPal más pegado */
.shopify-payment-button{
    margin-top:8px !important;
}
/* =========================================================
   PASO 4.1 · Eliminar espacios muertos
   ========================================================= */

/* Cantidad */
.product-form__quantity{
    margin:8px 0 !important;
    padding:0 !important;
}

/* El DIV que envuelve descuentos */
.product__info-container > .ph-volume-discounts-wrap{
    margin:8px 0 !important;
    padding:0 !important;
}

/* El bloque de descuentos */
.ph-volume-discounts{
    margin:0 !important;
}

/* El wrapper del formulario */
.product-form{
    margin-top:8px !important;
    padding-top:0 !important;
}

/* Botón */
.product-form__buttons{
    margin-top:10px !important;
    padding-top:0 !important;
}

/* Agregar al carrito */
.product-form__submit{
    height:50px !important;
    min-height:50px !important;
    margin:0 0 8px !important;
    font-size:17px !important;
    border-radius:12px !important;
}

/* PayPal pegado */
.shopify-payment-button{
    margin-top:0 !important;
}
/* =========================================================
   PASO 4.2 · Compactar descuentos y botones
   ========================================================= */

/* Reduce el espacio antes de “Completa tu colección” */
.product__info-container > .product-form__quantity {
  margin-bottom: 8px !important;
}

.product__info-container > .ph-volume-discounts-wrap {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
}

/* Neutraliza márgenes internos del bloque */
.ph-volume-discounts-wrap > *,
.ph-volume-discounts {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Reduce el espacio entre descuentos y formulario de compra */
.product__info-container > div:has(.product-form__buttons),
.product__info-container > div:has(.product-form__submit) {
  margin-top: 10px !important;
  padding-top: 0 !important;
}

/* Formulario sin espacios extra */
.product-form,
.product-form__buttons {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Agregar al carrito */
.product-form__submit {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 0 8px !important;
  padding: 0 16px !important;

  border-radius: 10px !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* PayPal: misma altura y ancho */
.shopify-payment-button {
  width: 100% !important;
  margin: 0 !important;
}

.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 16px !important;

  border-radius: 10px !important;

  font-size: 13px !important;
  line-height: 1 !important;
}
/* =========================================================
   PASO 5.1 · Acordeones y descripción más refinados
   ========================================================= */

/* Encabezados: Descripción / Envío */
.product__accordion summary {
  min-height: 44px !important;
  padding: 0 12px !important;
}

.product__accordion .accordion__title {
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

.product__accordion summary .icon-caret,
.product__accordion summary .svg-wrapper {
  width: 11px !important;
  height: 11px !important;
}

/* Contenido interior más compacto y legible */
.product__accordion .accordion__content {
  padding: 8px 14px 16px !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

/* Títulos internos de la descripción */
.product__accordion .accordion__content h2,
.product__accordion .accordion__content h3 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
}

/* Separación clara entre secciones internas */
.product__accordion .accordion__content h2:not(:first-child),
.product__accordion .accordion__content h3:not(:first-child) {
  margin-top: 22px !important;
}

/* Párrafos */
.product__accordion .accordion__content p {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* Evita que “Calidad PH” quede pegado al bloque anterior */
.product__accordion .accordion__content p + h2,
.product__accordion .accordion__content p + h3 {
  margin-top: 22px !important;
}
/* =========================================================
   PASO 5.2 · Centrado vertical de los acordeones
   ========================================================= */

.product__accordion summary{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    min-height:48px !important;
    padding:0 16px !important;
}

.product__accordion .summary__title{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    height:100%;
    margin:0 !important;
}

.product__accordion .accordion__title{
    display:flex !important;
    align-items:center !important;
    height:100%;
    margin:0 !important;

    font-size:15px !important;
    font-weight:600 !important;
    line-height:1 !important;
}

/* Iconos (Envío, etc.) */
.product__accordion .summary__title .icon,
.product__accordion .summary__title svg{
    width:20px !important;
    height:20px !important;
    flex-shrink:0;
}

/* Flecha */
.product__accordion .icon-caret,
.product__accordion .svg-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
}
/* =========================================================
   PH SHIPPING BANNER
   ========================================================= */

.ph-shipping-banner{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;

    min-height:38px;

    margin:12px 0 16px;

    padding:0 16px;

    border-radius:10px;

    background:#EEF9F8;

    border:1px solid rgba(15,143,141,.12);

    color:#0F8F8D;

    font-size:13px;
    font-weight:600;
    line-height:1.2;

    text-align:center;
}

.ph-shipping-banner strong{
    font-weight:700;
}
/* PH · Barra compacta de envío */
.ph-shipping-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 38px;
  margin: 10px 0 14px;
  padding: 8px 14px;
  border: 1px solid rgba(15, 143, 141, 0.14);
  border-radius: 10px;
  background: #eef9f8;
  color: #0f8f8d;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}

.ph-shipping-banner strong {
  font-weight: 750;
}
/* =========================================================
   PH PDP 2.2 · RATING COMPACTO
   Móvil + Tablet
   ========================================================= */

/* MÓVIL + TABLET */
@media screen and (max-width: 989px) {

  .product__info-container > .ph-trust-rating {
    order: 5 !important;

    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    gap: 7px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    white-space: nowrap !important;
  }

  .ph-trust-stars {
    display: inline-flex !important;
    flex: 0 0 auto !important;

    margin: 0 !important;

    color: #C89B3C !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
  }

  .ph-trust-text {
    display: inline-block !important;
    flex: 1 1 auto !important;

    max-width: none !important;
    margin: 0 !important;

    color: #806B43 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;
  }
}

/* MÓVILES PEQUEÑOS */
@media screen and (max-width: 420px) {

  .product__info-container > .ph-trust-rating {
    gap: 6px !important;
  }

  .ph-trust-stars {
    font-size: 16px !important;
    letter-spacing: 0.7px !important;
  }

  .ph-trust-text {
    font-size: 11px !important;
  }
}

/* TABLET */
@media screen and (min-width: 750px) and (max-width: 989px) {

  .ph-trust-stars {
    font-size: 18px !important;
  }

  .ph-trust-text {
    font-size: 13px !important;
  }
}

/* =========================================================
   PH PDP 2.3 · BLOQUE COMERCIAL COMPACTO
   Completa tu colección + franja logística
   Móvil + Tablet
   ========================================================= */

/* COMPLETA TU COLECCIÓN · base móvil/tablet */
@media screen and (max-width: 989px) {
  .ph-volume-discounts-wrap {
    margin: 10px 0 8px !important;
  }

  .ph-volume-discounts {
    padding: 14px 12px 12px !important;
    border-radius: 16px !important;
  }

  .ph-volume-discounts__header,
  .ph-volume-discounts__heading,
  .ph-volume-discounts__title {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
    line-height: 1.1 !important;
  }

  .ph-volume-discounts__subtitle,
  .ph-volume-discounts__description {
    margin: 0 0 10px !important;
    line-height: 1.25 !important;
  }

  .ph-volume-discounts__grid,
  .ph-volume-discounts__tiers,
  .ph-volume-discounts__cards {
    gap: 8px !important;
    margin: 0 !important;
  }

  .ph-volume-discounts__card,
  .ph-volume-discounts__tier,
  .ph-volume-discount-card {
    min-height: 86px !important;
    padding: 9px 6px !important;
    border-radius: 12px !important;
  }

  .ph-volume-discounts__message,
  .ph-volume-discounts__progress,
  .ph-volume-discounts__next {
    min-height: 0 !important;
    margin: 9px 0 0 !important;
    padding: 8px 10px !important;
    line-height: 1.2 !important;
  }

  .ph-volume-discounts__note,
  .ph-volume-discounts__footer {
    margin: 8px 0 0 !important;
    line-height: 1.25 !important;
  }

  /* Franja logística: evita palabras rotas y reduce altura */
  .ph-commerce-strip,
  .ph-shipping-strip,
  .ph-pdp-benefits,
  .ph-product-benefits {
    width: 100% !important;
    min-height: 0 !important;
    margin: 10px 0 8px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  .ph-commerce-strip > *,
  .ph-shipping-strip > *,
  .ph-pdp-benefits > *,
  .ph-product-benefits > * {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 9px 5px !important;
    gap: 5px !important;
    text-align: center !important;
  }

  .ph-commerce-strip svg,
  .ph-shipping-strip svg,
  .ph-pdp-benefits svg,
  .ph-product-benefits svg {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
  }

  .ph-commerce-strip span,
  .ph-commerce-strip strong,
  .ph-shipping-strip span,
  .ph-shipping-strip strong,
  .ph-pdp-benefits span,
  .ph-pdp-benefits strong,
  .ph-product-benefits span,
  .ph-product-benefits strong {
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

/* MÓVIL */
@media screen and (max-width: 749px) {
  .ph-volume-discounts {
    padding: 12px 10px 10px !important;
  }

  .ph-volume-discounts__card,
  .ph-volume-discounts__tier,
  .ph-volume-discount-card {
    min-height: 80px !important;
    padding: 8px 4px !important;
  }

  .ph-volume-discounts__message,
  .ph-volume-discounts__progress,
  .ph-volume-discounts__next {
    margin-top: 8px !important;
    padding: 7px 8px !important;
  }

  .ph-volume-discounts__note,
  .ph-volume-discounts__footer {
    margin-top: 7px !important;
  }
}

/* TABLET */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .ph-volume-discounts {
    padding: 16px 16px 13px !important;
  }

  .ph-volume-discounts__card,
  .ph-volume-discounts__tier,
  .ph-volume-discount-card {
    min-height: 88px !important;
  }

  .ph-commerce-strip > *,
  .ph-shipping-strip > *,
  .ph-pdp-benefits > *,
  .ph-product-benefits > * {
    min-height: 72px !important;
    padding: 10px 8px !important;
  }
}

/* =========================================================
   PH PDP 2.5 · CIERRE BLOQUE COMERCIAL
   Compactación colección + logística vertical
   ========================================================= */
@media screen and (max-width: 989px) {
  .ph-volume-discounts-wrap--pdp-top {
    margin: 6px 0 5px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts {
    padding: 10px 10px 8px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__header,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__heading,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__title {
    margin: 0 0 2px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__subtitle,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__description {
    margin: 0 0 6px !important;
    line-height: 1.15 !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__grid,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tiers,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__cards {
    gap: 7px !important;
    margin: 0 !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__card,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tier,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discount-card {
    min-height: 70px !important;
    padding: 6px 4px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__message,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__progress,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__next {
    margin: 6px 0 0 !important;
    padding: 6px 8px !important;
    line-height: 1.12 !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__note,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__footer {
    margin: 5px 0 0 !important;
    line-height: 1.15 !important;
  }

  .ph-pdp-commerce-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 7px 0 5px !important;
  }

  .ph-pdp-commerce-strip__item {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 72px !important;
    padding: 7px 4px !important;
    text-align: center !important;
  }

  .ph-pdp-commerce-strip__icon {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 auto 1px !important;
  }

  .ph-pdp-commerce-strip__copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 1px !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .ph-pdp-commerce-strip__copy small,
  .ph-pdp-commerce-strip__copy strong {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .ph-pdp-commerce-strip__copy small {
    font-size: 10px !important;
    line-height: 1.05 !important;
  }

  .ph-pdp-commerce-strip__copy strong {
    font-size: 11px !important;
    line-height: 1.08 !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts {
    padding: 12px 14px 10px !important;
  }

  .ph-pdp-commerce-strip__item {
    min-height: 78px !important;
    padding: 8px 7px !important;
  }

  .ph-pdp-commerce-strip__icon {
    width: 22px !important;
    height: 22px !important;
  }

  .ph-pdp-commerce-strip__copy small {
    font-size: 11px !important;
  }

  .ph-pdp-commerce-strip__copy strong {
    font-size: 12px !important;
  }
}

/* =========================================================
   PH PDP 2.6 · LOGÍSTICA COMPACTA TURQUESA
   Iconos diferenciados + entrega dinámica
   ========================================================= */
@media screen and (max-width: 989px) {
  .ph-pdp-commerce-strip {
    min-height: 0 !important;
  }

  .ph-pdp-commerce-strip__item {
    min-height: 62px !important;
    padding: 6px 5px !important;
    gap: 2px !important;
  }

  .ph-pdp-commerce-strip__icon {
    width: 18px !important;
    height: 18px !important;
    color: var(--ph-pdp-accent) !important;
    margin: 0 auto 2px !important;
  }

  .ph-pdp-commerce-strip__copy {
    gap: 1px !important;
    color: var(--ph-pdp-text) !important;
  }

  .ph-pdp-commerce-strip__copy > small {
    color: var(--ph-pdp-text) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
  }

  .ph-pdp-commerce-strip__copy > strong,
  .ph-pdp-commerce-strip__copy > span:not(.ph-pdp-commerce-strip__dynamic-delivery) {
    color: var(--ph-pdp-text) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.05 !important;
  }

  .ph-pdp-commerce-strip__item--stock .ph-pdp-commerce-strip__copy strong {
    font-size: 11.5px !important;
  }

  .ph-pdp-commerce-strip__dynamic-delivery {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ph-pdp-accent) !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }

  .ph-pdp-commerce-strip__dynamic-delivery * {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  .ph-pdp-commerce-strip__item:last-child .ph-pdp-commerce-strip__copy strong {
    color: var(--ph-pdp-accent) !important;
  }

  /* Un último apretón al módulo de ahorro */
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts {
    padding-top: 8px !important;
    padding-bottom: 7px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__card,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tier,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discount-card {
    min-height: 64px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .ph-pdp-commerce-strip__item {
    min-height: 68px !important;
    padding: 7px 8px !important;
  }

  .ph-pdp-commerce-strip__icon {
    width: 20px !important;
    height: 20px !important;
  }

  .ph-pdp-commerce-strip__copy > small,
  .ph-pdp-commerce-strip__dynamic-delivery {
    font-size: 11px !important;
  }

  .ph-pdp-commerce-strip__copy > strong {
    font-size: 12px !important;
  }
}


/* =========================================================
   PH PDP 2.7 · FRANJA COMERCIAL FINAL
   Stock + entrega siguen siendo dinámicos.
   Iconos/valores turquesa, etiquetas negras, cuadros más bajos.
   ========================================================= */
@media screen and (max-width: 989px) {
  .ph-pdp-commerce-strip {
    min-height: 0 !important;
    align-items: stretch !important;
  }

  .ph-pdp-commerce-strip__item {
    min-height: 72px !important;
    padding: 7px 4px 6px !important;
    gap: 3px !important;
    justify-content: center !important;
  }

  .ph-pdp-commerce-strip__icon {
    width: 19px !important;
    height: 19px !important;
    margin: 0 auto 1px !important;
    color: var(--ph-pdp-accent) !important;
  }

  .ph-pdp-commerce-strip__copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .ph-pdp-commerce-strip__copy > small {
    margin: 0 !important;
    color: var(--ph-pdp-text) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }

  .ph-pdp-commerce-strip__copy > strong,
  .ph-pdp-commerce-strip__accent {
    margin: 0 !important;
    color: var(--ph-pdp-accent) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .ph-pdp-commerce-strip__dynamic-delivery {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ph-pdp-accent) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }

  .ph-pdp-commerce-strip__dynamic-delivery * {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-align: center !important;
    box-shadow: none !important;
  }

  /* Completa tu colección: otro recorte vertical sin perder jerarquía */
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts {
    padding-top: 7px !important;
    padding-bottom: 6px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__card,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tier,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discount-card {
    min-height: 60px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 420px) {
  .ph-pdp-commerce-strip__item {
    min-height: 68px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .ph-pdp-commerce-strip__icon {
    width: 18px !important;
    height: 18px !important;
  }

  .ph-pdp-commerce-strip__copy > small {
    font-size: 9.5px !important;
  }

  .ph-pdp-commerce-strip__copy > strong,
  .ph-pdp-commerce-strip__accent,
  .ph-pdp-commerce-strip__dynamic-delivery {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .ph-pdp-commerce-strip__item {
    min-height: 78px !important;
    padding: 8px 8px 7px !important;
  }

  .ph-pdp-commerce-strip__icon {
    width: 21px !important;
    height: 21px !important;
  }

  .ph-pdp-commerce-strip__copy > small {
    font-size: 11px !important;
  }

  .ph-pdp-commerce-strip__copy > strong,
  .ph-pdp-commerce-strip__accent,
  .ph-pdp-commerce-strip__dynamic-delivery {
    font-size: 11.5px !important;
  }
}


/* =========================================================
   PH PDP 2.8 · ENTREGA COMPACTA EN FRANJA
   El bloque completo de entrega conserva Mérida + Express.
   ========================================================= */
@media screen and (max-width: 989px) {
  .ph-pdp-commerce-strip__item {
    min-height: 64px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .ph-pdp-commerce-strip__dynamic-delivery {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
  }

  .ph-delivery-compact {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 3px !important;
    width: auto !important;
    max-width: 100% !important;
    color: var(--ph-pdp-accent) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .ph-delivery-compact strong {
    color: inherit !important;
    font: inherit !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 420px) {
  .ph-pdp-commerce-strip__item {
    min-height: 62px !important;
  }

  .ph-delivery-compact {
    font-size: 10px !important;
    gap: 2px !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .ph-pdp-commerce-strip__item {
    min-height: 70px !important;
  }

  .ph-delivery-compact {
    font-size: 12px !important;
  }
}


/* =========================================================
   PH PDP 3.0 · DENSIDAD RESPONSIVE SEGÚN MOCKUP MAESTRO
   Mobile = conversión / Tablet = equilibrio / Desktop = aire.
   ========================================================= */

/* ---------- MOBILE · < 750 ---------- */
@media screen and (max-width: 749px) {

  /* COMPLETA TU COLECCIÓN: deja de ser protagonista */
  #ProductInfo-template--* .ph-volume-discounts-wrap--pdp-top,
  .product__info-container > .ph-volume-discounts-wrap--pdp-top {
    margin: 6px 0 5px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts {
    padding: 7px 8px 6px !important;
    border-radius: 12px !important;
  }

  /* Ocultar copy redundante para copiar la densidad del mockup */
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__subtitle,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__description,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__message,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__progress,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__next {
    display: none !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__header,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__heading,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__title {
    margin: 0 0 5px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__grid,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tiers,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__cards {
    gap: 5px !important;
    margin: 0 !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__card,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tier,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discount-card {
    min-height: 58px !important;
    height: 58px !important;
    padding: 5px 3px !important;
    border-radius: 9px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__note,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__footer {
    margin: 5px 0 0 !important;
    font-size: 9.5px !important;
    line-height: 1.1 !important;
  }

  /* LOGÍSTICA: banda secundaria de ~55px */
  .product__info-container > .ph-pdp-commerce-strip {
    margin: 5px 0 4px !important;
    min-height: 54px !important;
    border-radius: 9px !important;
  }

  .ph-pdp-commerce-strip__item {
    min-height: 54px !important;
    height: 54px !important;
    padding: 5px 5px !important;
    gap: 5px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ph-pdp-commerce-strip__icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  .ph-pdp-commerce-strip__copy {
    width: auto !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 1px !important;
  }

  .ph-pdp-commerce-strip__copy > small {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #17232d !important;
    white-space: nowrap !important;
  }

  .ph-pdp-commerce-strip__copy > strong,
  .ph-pdp-commerce-strip__accent,
  .ph-pdp-commerce-strip__dynamic-delivery,
  .ph-delivery-compact {
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: var(--ph-pdp-accent) !important;
  }

  .ph-delivery-compact {
    display: flex !important;
    gap: 2px !important;
    white-space: nowrap !important;
  }

  /* PAGOS: inmediatamente debajo de logística */
  .ph-pdp-payments-row {
    width: 100% !important;
    margin: 4px 0 5px !important;
    padding: 4px 7px !important;
    min-height: 34px !important;
    border: 1px solid #e1e5e7 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }

  .ph-pdp-payments-row > * {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  .ph-pdp-payments-row img,
  .ph-pdp-payments-row svg {
    max-height: 21px !important;
    width: auto !important;
  }

  /* TAMAÑO */
  .ph-product-size {
    margin: 5px 0 5px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  /* PRESENTACIONES: cuatro botones en una sola fila */
  variant-selects.ph-variant-picker,
  variant-radios.ph-variant-picker {
    margin: 6px 0 5px !important;
  }

  .ph-variant-picker__title,
  variant-selects.ph-variant-picker .form__label,
  variant-radios.ph-variant-picker .form__label {
    margin: 0 0 5px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  .ph-variant-picker__grid,
  variant-selects.ph-variant-picker .product-form__input--pill,
  variant-radios.ph-variant-picker .product-form__input--pill {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
  }

  .ph-variant-picker__grid input[type="radio"] + label,
  variant-selects.ph-variant-picker .product-form__input--pill input[type="radio"] + label,
  variant-radios.ph-variant-picker .product-form__input--pill input[type="radio"] + label {
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 4px 3px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    font-weight: 650 !important;
    white-space: normal !important;
  }

  /* CANTIDAD */
  .product-form__quantity {
    margin: 6px 0 4px !important;
  }

  .product-form__quantity .form__label {
    margin-bottom: 4px !important;
    font-size: 11px !important;
  }

  .product-form__quantity quantity-input,
  .product-form__quantity .quantity {
    min-height: 40px !important;
    height: 40px !important;
  }

  /* COMPRA */
  .product-form {
    margin-top: 4px !important;
  }

  .product-form__submit {
    min-height: 44px !important;
    height: 44px !important;
    margin: 4px 0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  .shopify-payment-button {
    margin-top: 5px !important;
  }

  .shopify-payment-button__button {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
  }
}

/* ---------- TABLET · 750–989 ---------- */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts {
    padding: 12px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__card,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tier,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discount-card {
    min-height: 74px !important;
    height: 74px !important;
  }

  .ph-pdp-commerce-strip__item {
    min-height: 64px !important;
    height: 64px !important;
    flex-direction: row !important;
    padding: 8px 10px !important;
  }

  .ph-pdp-commerce-strip__copy {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .ph-pdp-payments-row {
    margin: 7px 0 !important;
    padding: 6px 10px !important;
  }

  .ph-variant-picker__grid,
  variant-selects.ph-variant-picker .product-form__input--pill,
  variant-radios.ph-variant-picker .product-form__input--pill {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .ph-variant-picker__grid input[type="radio"] + label,
  variant-selects.ph-variant-picker .product-form__input--pill input[type="radio"] + label,
  variant-radios.ph-variant-picker .product-form__input--pill input[type="radio"] + label {
    min-height: 48px !important;
    height: 48px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }
}

/* ---------- DESKTOP · >= 990 ---------- */
@media screen and (min-width: 990px) {
  /* No aplastar escritorio: conserva aire y jerarquía premium */
  .product__info-container > .ph-volume-discounts-wrap--pdp-top {
    margin-top: 12px !important;
    margin-bottom: 8px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts {
    padding: 15px 16px !important;
  }

  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__card,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discounts__tier,
  .ph-volume-discounts-wrap--pdp-top .ph-volume-discount-card {
    min-height: 88px !important;
  }

  .product__info-container > .ph-pdp-commerce-strip {
    margin: 9px 0 7px !important;
  }

  .ph-pdp-commerce-strip__item {
    min-height: 68px !important;
    padding: 9px 11px !important;
  }

  .ph-pdp-payments-row {
    margin: 7px 0 9px !important;
    padding: 7px 10px !important;
    border: 1px solid #e1e5e7 !important;
    border-radius: 10px !important;
  }

  /* Desktop: variantes cómodas, sin gigantismo */
  .ph-variant-picker__grid,
  variant-selects.ph-variant-picker .product-form__input--pill,
  variant-radios.ph-variant-picker .product-form__input--pill {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .ph-variant-picker__grid input[type="radio"] + label,
  variant-selects.ph-variant-picker .product-form__input--pill input[type="radio"] + label,
  variant-radios.ph-variant-picker .product-form__input--pill input[type="radio"] + label {
    min-height: 50px !important;
    height: 50px !important;
    padding: 7px 6px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }
}


/* =========================================================
   PH PDP 3.6 · ORDEN COMERCIAL
   Orden final solicitado:
   1) Stock / Entrega / Envío gratis
   2) Medios de pago
   3) Tamaño
   4) Presentación
   5) Cantidad
   6) Agregar al carrito + PayPal
   ========================================================= */

/* Aplica en móvil, tablet y escritorio */
.product__info-container > .ph-pdp-commerce-strip {
  order: 30 !important;
}

.product__info-container > .ph-pdp-payments-compact {
  order: 35 !important;
}

.product__info-container > .ph-product-size {
  order: 40 !important;
}

.product__info-container > variant-selects,
.product__info-container > variant-radios,
.product__info-container > .ph-variant-picker {
  order: 50 !important;
}

.product__info-container > .product-form__quantity {
  order: 60 !important;
}

.product__info-container > product-form.product-form,
.product__info-container > .product-form {
  order: 70 !important;
}

/* Móvil: quita espacios innecesarios entre estos bloques */
@media screen and (max-width: 749px) {
  #ProductInfo-template--* > .ph-pdp-commerce-strip,
  .product__info-container > .ph-pdp-commerce-strip {
    margin-bottom: 5px !important;
  }

  .product__info-container > .ph-pdp-payments-compact {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }

  .product__info-container > .ph-product-size {
    margin-top: 0 !important;
  }
}


/* =========================================================
   PH PDP 3.7 · MICROAJUSTE LOGOS MERCADO PAGO + KUESKI
   No modifica orden, layout ni los demás medios de pago.
   ========================================================= */

/* Mercado Pago y Kueski necesitan más superficie horizontal
   porque sus logotipos son más anchos que Visa / MC / Amex. */
.ph-pdp-payment-circle:has(img[alt*="Mercado" i]),
.ph-pdp-payment-circle:has(img[alt*="Kueski" i]),
.ph-payment-icon:has(img[alt*="Mercado" i]),
.ph-payment-icon:has(img[alt*="Kueski" i]) {
  width: 46px !important;
  min-width: 46px !important;
  height: 40px !important;
  padding: 4px !important;
}

.ph-pdp-payment-circle img[alt*="Mercado" i],
.ph-pdp-payment-circle img[alt*="Kueski" i],
.ph-payment-icon img[alt*="Mercado" i],
.ph-payment-icon img[alt*="Kueski" i] {
  width: 100% !important;
  max-width: 38px !important;
  height: auto !important;
  max-height: 27px !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* En móvil evitamos que el grupo fuerce los logos anchos a encogerse. */
@media screen and (max-width: 749px) {
  .ph-pdp-payments-compact {
    overflow: visible !important;
  }

  .ph-pdp-payments-compact__icons,
  .ph-pdp-payment-icons,
  .ph-payment-icons {
    flex-shrink: 0 !important;
  }
}


/* =========================================================
   PH PDP 3.8 · PAGOS VISIBLES
   Mercado Pago + Kueski más legibles
   PayPal ligeramente más grande
   Sin tocar orden ni otros bloques.
   ========================================================= */

@media screen and (max-width: 749px) {

  .ph-pdp-payments-compact {
    overflow: visible !important;
  }

  .ph-pdp-payments-compact__methods {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  /* Visa / Mastercard / Amex */
  .ph-payment-circle:not(.ph-payment-circle--mercado):not(.ph-payment-circle--kueski):not(.ph-payment-circle--paypal) {
    flex: 0 0 29px !important;
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    padding: 4px !important;
  }

  /* PayPal: un poco más grande para que no se pierda */
  .ph-payment-circle--paypal {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 4px !important;
    overflow: visible !important;
  }

  .ph-payment-circle--paypal svg {
    width: 100% !important;
    height: auto !important;
    max-width: 25px !important;
    max-height: 23px !important;
    transform: scale(1.08) !important;
    transform-origin: center !important;
  }

  /* Mercado Pago y Kueski: mini-píldoras.
     Sus logos/nombres son horizontales y dentro de un círculo
     se comprimen demasiado. */
  .ph-payment-circle--mercado,
  .ph-payment-circle--kueski {
    box-sizing: border-box !important;
    flex: 0 0 45px !important;
    width: 45px !important;
    min-width: 45px !important;
    height: 30px !important;
    padding: 2px 4px !important;
    border-radius: 999px !important;
    overflow: visible !important;
    background: #fff !important;
  }

  .ph-payment-circle--mercado > span {
    display: block !important;
    width: 100% !important;
    color: #0878b9 !important;
    font-size: 6.7px !important;
    font-weight: 900 !important;
    line-height: .82 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .ph-payment-circle--kueski > span {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    width: 100% !important;
    color: #0878b9 !important;
    font-size: 6.8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
    white-space: nowrap !important;
  }

  .ph-payment-circle--kueski > span > span {
    color: #62a8df !important;
  }
}

/* Tablet: mismo criterio, un poco más holgado */
@media screen and (min-width: 750px) and (max-width: 989px) {

  .ph-payment-circle--paypal {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  .ph-payment-circle--mercado,
  .ph-payment-circle--kueski {
    width: 50px !important;
    min-width: 50px !important;
    height: 34px !important;
  }
}


/* =========================================================
   PH PDP 4.0 · PAGOS FINAL
   Microajuste visual: Mercado Pago, Kueski y PayPal.
   No altera stock, entrega, descuentos, variantes ni orden.
   ========================================================= */

@media screen and (max-width: 749px) {

  /* La fila puede ocupar todo el ancho sin recortar el último método */
  .ph-pdp-payments-compact,
  .ph-pdp-payments-compact__methods {
    overflow: visible !important;
  }

  .ph-pdp-payments-compact__methods {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  /* Métodos normales */
  .ph-payment-circle {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    box-sizing: border-box !important;
  }

  /* Mercado Pago necesita formato cápsula para mostrar el logo completo */
  .ph-payment-circle--mercadopago {
    flex: 0 0 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 34px !important;
    padding: 3px 4px !important;
    overflow: visible !important;
  }

  /* Kueski: más ancho real para que NO se corte el final */
  .ph-payment-circle--kueski {
    flex: 0 0 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 34px !important;
    padding: 3px 4px !important;
    overflow: visible !important;
  }

  .ph-payment-circle--mercadopago img,
  .ph-payment-circle--kueski img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 22px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Si estos logos están construidos con texto/span en vez de IMG */
  .ph-payment-circle--mercadopago > span,
  .ph-payment-circle--kueski > span {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
    line-height: 1 !important;
  }

  .ph-payment-circle--mercadopago > span {
    font-size: 6.6px !important;
    letter-spacing: -0.04em !important;
  }

  .ph-payment-circle--kueski > span {
    font-size: 6.3px !important;
    letter-spacing: -0.055em !important;
  }

  /* PayPal dentro de la fila de medios de pago */
  .ph-payment-circle--paypal img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
  }

  /* Logo PayPal del botón amarillo: legible y proporcionado */
  .ph-paypal-button img,
  .ph-pdp-paypal-button img,
  [data-ph-paypal-button] img {
    width: auto !important;
    max-width: 118px !important;
    height: 30px !important;
    object-fit: contain !important;
  }
}

/* Tablet: conserva proporción sin comprimir los logos */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .ph-payment-circle--mercadopago {
    width: 58px !important;
    min-width: 58px !important;
  }

  .ph-payment-circle--kueski {
    width: 64px !important;
    min-width: 64px !important;
  }
}