/* Reimosa Experience v0.7.23 — sistema maestro PDP
 * Reglas aprobadas en QA:
 * - galería y compra = dos tarjetas hermanas 50/50 en escritorio;
 * - ambas comparten exactamente la misma altura de fila, SIN altura fija artificial;
 * - la imagen se centra dentro de su tarjeta;
 * - el control − / cantidad / + NO se toca aquí: purchase-controls.css es su único dueño;
 * - descripción, recomendaciones y testimonios usan el mismo ancho maestro.
 */

body.reimosa-lab-product-active{
  --reimosa-pdp-master:min(calc(100vw - 48px),1760px);
  --reimosa-pdp-gap:clamp(18px,1.8vw,30px);
  --reimosa-pdp-card-pad:clamp(26px,2.1vw,40px);
}

/* Quitar límites heredados de OceanWP solo en el cuerpo del PDP. */
body.reimosa-lab-product-active #main #content-wrap,
body.reimosa-lab-product-active #main > .container,
body.reimosa-lab-product-active #main #content-wrap.container,
body.reimosa-lab-product-active #main .container{
  width:var(--reimosa-pdp-master)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
body.reimosa-lab-product-active #main #primary,
body.reimosa-lab-product-active #main .content-area,
body.reimosa-lab-product-active #main #content,
body.reimosa-lab-product-active #main .site-main,
body.reimosa-lab-product-active #main .woocommerce{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  float:none!important;
  box-sizing:border-box!important;
}
body.reimosa-lab-product-active #right-sidebar,
body.reimosa-lab-product-active .widget-area.sidebar-container{display:none!important}

/* SOLO el producto principal WooCommerce. Nunca productos internos de YITH. */
body.reimosa-lab-product-active div.product[id^="product-"]{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:var(--reimosa-pdp-gap)!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery,
body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  align-self:stretch!important;
  float:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

@media(min-width:901px){
  /* La fila decide el alto por el contenido más alto; la tarjeta hermana se estira sola. */
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:clamp(18px,1.8vw,30px)!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary{
    display:flex!important;
    flex-direction:column!important;
    padding:var(--reimosa-pdp-card-pad)!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .reimosa-pdp-assurance{
    margin-top:16px!important;
  }

  /* Centrado real de la imagen dentro de la tarjeta, sin mover la tarjeta. */
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery .woocommerce-product-gallery__image,
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery .woocommerce-product-gallery__image > a{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery .woocommerce-product-gallery__image > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery .woocommerce-product-gallery__image img{
    display:block!important;
    width:auto!important;
    max-width:min(92%,700px)!important;
    height:auto!important;
    max-height:min(70vh,700px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    object-fit:contain!important;
  }

  /* Jerarquía legible en pantallas grandes. */
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .product_title{
    font-size:clamp(30px,2.15vw,42px)!important;
    line-height:1.12!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary p.price,
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .price{
    font-size:clamp(27px,1.75vw,34px)!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .woocommerce-product-details__short-description,
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .woocommerce-product-details__short-description p,
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .woocommerce-product-details__short-description li{
    max-width:none!important;
    font-size:clamp(17px,1.12vw,19px)!important;
    line-height:1.68!important;
  }
  body.reimosa-lab-product-active .reimosa-pdp-brand,
  body.reimosa-lab-product-active .reimosa-pdp-chip{font-size:13px!important}
  body.reimosa-lab-product-active .reimosa-pdp-assurance strong{font-size:14px!important;line-height:1.38!important}
}

/* Todo lo posterior ocupa las dos columnas y el mismo ancho maestro. */
body.reimosa-lab-product-active div.product[id^="product-"] > :not(.woocommerce-product-gallery):not(.summary):not(.onsale){
  grid-column:1 / -1!important;
  min-width:0!important;
}
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs,
body.reimosa-lab-product-active div.product[id^="product-"] > .reimosa-rec-section,
body.reimosa-lab-product-active div.product[id^="product-"] > .reimosa-pdp-routine,
body.reimosa-lab-product-active div.product[id^="product-"] > .reimosa-pdp-alternatives,
body.reimosa-lab-product-active div.product[id^="product-"] > .reimosa-exp-testimonials,
body.reimosa-lab-product-active .reimosa-rec-section,
body.reimosa-lab-product-active .reimosa-pdp-routine,
body.reimosa-lab-product-active .reimosa-pdp-alternatives,
body.reimosa-lab-product-active .reimosa-exp-testimonials,
body.reimosa-lab-product-active .reimosa-pdp-testimonials-moved{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Descripción larga: ancho completo y tamaño real de lectura. */
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs ul.tabs{
  width:100%!important;
  max-width:none!important;
}
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:clamp(28px,3vw,48px)!important;
  box-sizing:border-box!important;
  font-size:clamp(17px,1.15vw,19px)!important;
  line-height:1.72!important;
}
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel p,
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel li{
  font-size:clamp(17px,1.15vw,19px)!important;
  line-height:1.72!important;
}
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel h2{font-size:clamp(27px,2vw,36px)!important}
body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel h3{font-size:clamp(23px,1.65vw,30px)!important}

/* Recomendaciones y testimonios: mismo ancho y mejor escala en escritorio. */
@media(min-width:768px){
  body.reimosa-lab-product-active .reimosa-rec-section,
  body.reimosa-lab-product-active .reimosa-pdp-routine,
  body.reimosa-lab-product-active .reimosa-pdp-alternatives,
  body.reimosa-lab-product-active .reimosa-exp-testimonials{
    padding:clamp(26px,2.4vw,40px)!important;
  }
  body.reimosa-lab-product-active .reimosa-rec-heading{max-width:980px!important}
  body.reimosa-lab-product-active .reimosa-rec-heading h2{font-size:clamp(28px,2vw,36px)!important}
  body.reimosa-lab-product-active .reimosa-rec-heading p{font-size:17px!important;line-height:1.65!important}
  body.reimosa-lab-product-active .reimosa-rec-card h3{font-size:16px!important;line-height:1.4!important}
  body.reimosa-lab-product-active .reimosa-rec-card__brand{font-size:13px!important}
  body.reimosa-lab-product-active .reimosa-rec-card__role{font-size:13px!important}
  body.reimosa-lab-product-active .reimosa-rec-card__cta{font-size:15px!important;min-height:46px!important}
  body.reimosa-lab-product-active .reimosa-exp-testimonial-card p{font-size:16px!important;line-height:1.65!important}
}

/* Proteger YITH: ningún grid del producto principal entra a sus componentes. */
body.reimosa-lab-product-bundle div.product[id^="product-"] .yith-wcpb-product-bundled-item{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  width:100%!important;
}
body.reimosa-lab-product-bundle div.product[id^="product-"] .yith-wcpb-product-bundled-item-image{flex:0 0 58px!important}
body.reimosa-lab-product-bundle div.product[id^="product-"] .yith-wcpb-product-bundled-item-data{flex:1 1 auto!important;min-width:0!important}

@media(max-width:1200px){
  body.reimosa-lab-product-active #main #content-wrap,
  body.reimosa-lab-product-active #main > .container,
  body.reimosa-lab-product-active #main #content-wrap.container{width:calc(100% - 32px)!important}
  body.reimosa-lab-product-active div.product[id^="product-"]{gap:20px!important}
}
@media(max-width:900px){
  body.reimosa-lab-product-active div.product[id^="product-"]{grid-template-columns:1fr!important;gap:16px!important}
  body.reimosa-lab-product-active div.product[id^="product-"] > :not(.onsale){grid-column:1!important}
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-product-gallery,
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary{height:auto!important}
}
@media(max-width:767px){
  body.reimosa-lab-product-active #main #content-wrap,
  body.reimosa-lab-product-active #main > .container,
  body.reimosa-lab-product-active #main #content-wrap.container{
    width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .woocommerce-product-details__short-description,
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .woocommerce-product-details__short-description p,
  body.reimosa-lab-product-active div.product[id^="product-"] > .summary.entry-summary .woocommerce-product-details__short-description li{
    font-size:16px!important;
    line-height:1.65!important;
  }
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel,
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel p,
  body.reimosa-lab-product-active div.product[id^="product-"] > .woocommerce-tabs .panel li{
    font-size:17px!important;
    line-height:1.68!important;
  }
}

/* v0.7.23: separación compacta bajo menú/breadcrumbs; alcance solo PDP Experience. */
body.reimosa-lab-product-active #main #content-wrap{padding-top:18px!important}
body.reimosa-lab-product-active div.product[id^="product-"]{margin-top:0!important}
body.reimosa-lab-product-active .page-header{padding-top:10px!important;padding-bottom:10px!important;margin-bottom:0!important;min-height:0!important}
body.reimosa-lab-product-active .page-header .page-header-title{display:none!important}
@media(min-width:901px){
  body.reimosa-lab-product-variable div.product[id^="product-"] > .woocommerce-product-gallery,
  body.reimosa-lab-product-bundle div.product[id^="product-"] > .woocommerce-product-gallery{justify-content:flex-start!important}
}
@media(max-width:767px){body.reimosa-lab-product-active #main #content-wrap{padding-top:12px!important}}