.rdl-layout{width:100%;min-width:0}
.rdl-picture{display:block}
.rdl-picture img{display:block;width:100%;height:auto}
.rdl-grid{display:grid;width:100%;min-width:0}
.rdl-grid--50-50{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rdl-grid--33-33-33{grid-template-columns:repeat(3,minmax(0,1fr))}
.rdl-grid--25-50-25{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
.rdl-grid--25-25-25-25{grid-template-columns:repeat(4,minmax(0,1fr))}
.rdl-col{min-width:0}
@media(max-width:767.98px){.rdl-grid{grid-template-columns:minmax(0,1fr)}}

/* Ficha */
/* ==========================================================
   MONPIC · FOTO MINI VINTAGE · BLOQUE PRINCIPAL
   Ruta Layouts + Custom Photo 0.3.6
   ========================================================== */

@font-face {
  font-family: "MPMiniAnton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/img/cms/monpic/anton.woff2") format("woff2");
}

/* El espacio superior pertenece ahora al fondo crema.
   Esto evita que el margen del hero colapse y parezca parte del header. */
body#product:has(.mp-mini-hero) #wrapper {
  padding: 32px 0 64px;
  background: #f8f5ee;
}

body#product:has(.mp-mini-hero) .breadcrumb,
body#product:has(.mp-mini-hero) .breadcrumb__wrapper {
  display: none !important;
}

body#product:has(.mp-mini-hero) #wrapper .columns-container {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  padding-right: 24px;
  padding-left: 24px;
}

body#product:has(.mp-mini-hero) #center-column {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  margin: 0;
  padding: 0;
}

.mp-mini-hero,
.mp-mini-hero * {
  box-sizing: border-box;
}

.mp-mini-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
  align-items: center;
  gap: 48px 76px;
  width: 100%;
  max-width: 1032px;
  margin: 0 auto;
  color: #222222;
}

.mp-mini-gallery,
.mp-mini-info {
  min-width: 0;
}

.mp-mini-info {
  max-width: 340px;
}

.mp-mini-info h1 {
  margin: 0 0 14px;
  font: 400 32px/1.2 "MPMiniAnton", Impact, sans-serif;
  text-transform: uppercase;
}

.mp-mini-info .product__prices {
  margin-bottom: 18px;
}

.mp-mini-info .product__price {
  color: #222222;
  font: 700 20px/1.4 Georgia, serif;
}

.mp-mini-info .product__tax-infos {
  color: #666666;
  font-size: 12px;
}

.mp-mini-summary {
  margin-bottom: 18px;
  color: #47443f;
  font-size: 15px;
  line-height: 1.7;
}

/* Galería */
.mp-mini-gallery .carousel-item picture,
.mp-mini-gallery .carousel-item img {
  display: block;
  width: 100%;
}

.mp-mini-gallery .carousel-item img {
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 0;
}

.mp-mini-gallery .product__carousel {
  overflow: hidden;
  border-radius: 0;
  background: #eee7dd;
}

.mp-mini-gallery .carousel-control-prev,
.mp-mini-gallery .carousel-control-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background: #222222;
  opacity: 1;
  transform: translateY(-50%);
}

.mp-mini-gallery .carousel-control-prev {
  left: 14px;
}

.mp-mini-gallery .carousel-control-next {
  right: 14px;
}

/* ----------------------------------------------------------
   INTEGRACIÓN CUSTOM PHOTO
   {{product.additional_info}} ejecuta displayProductAdditionalInfo.
   Custom Photo entrega el enlace real del editor en .phs-create.
   ---------------------------------------------------------- */

.mp-mini-editor-entry,
.mp-mini-editor-entry .product__additional-info,
.mp-mini-editor-entry .phs-product-entry {
  width: 100%;
  margin: 0;
}

.mp-mini-editor-entry .phs-product-entry {
  display: block;
}

.mp-mini-editor-entry .phs-product-entry small {
  display: none;
}

/* El campo técnico de personalización pertenece al módulo,
   pero no debe mostrarse al cliente en la ficha. */
.mp-mini-editor-entry .product-customization,
body#product:has(.mp-mini-editor-entry .phs-product-entry) .product-customization {
  display: none !important;
}

.mp-mini-editor-entry .phs-create {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 53px;
  margin: 0;
  padding: 13px 20px;
  border: 0 !important;
  border-radius: 0 !important;
  background: #222222 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font: 400 18px/1.5 "MPMiniAnton", Impact, sans-serif;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
}

.mp-mini-editor-entry .phs-create:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

.mp-mini-editor-entry .phs-create:focus-visible {
  outline: 3px solid #ed0060;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  body#product:has(.mp-mini-hero) #wrapper {
    padding-top: 20px;
    padding-bottom: 44px;
  }

  body#product:has(.mp-mini-hero) #wrapper .columns-container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .mp-mini-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    margin: 0 auto;
  }

  .mp-mini-info {
    max-width: none;
  }

  .mp-mini-info h1 {
    font-size: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mp-mini-hero *,
  .mp-mini-hero *::before,
  .mp-mini-hero *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Información y características */
.rdl-product .mp-mini-about{max-width:1000px;margin:60px auto 0;text-align:center;color:#222;padding:0 0 36px}
.rdl-product .mp-mini-about h2{font:400 28px/1.25 MPMiniAnton,Impact,sans-serif;text-transform:uppercase;margin:0 0 14px}
.rdl-product .mp-mini-about p{max-width:760px;margin:0 auto 10px;font-size:15px;line-height:1.7}
.rdl-product .mp-mini-about summary{cursor:pointer;text-decoration:underline;font-size:14px;margin-bottom:12px}
.rdl-product .mp-mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:26px}
.rdl-product .mp-mini-features svg{display:block;width:64px;height:64px;margin:0 auto 12px;fill:#f7b2c5;stroke:#222;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rdl-product .mp-mini-features strong{font:700 15px/1.4 Georgia,serif}
@media(max-width:767px){.rdl-product .mp-mini-about{margin-top:40px}.rdl-product .mp-mini-features{grid-template-columns:repeat(2,1fr);gap:28px 16px}.rdl-product .mp-mini-about h2{font-size:25px}}