/* ==========================================================================
   Milar 2026 · ficha de producto (especificación §5). Depende de milar2026.css.
   El bloque de compra ordena con «order» los bloques que pinta el servidor (no se mueve su marcado):
   cabecera → precio → financiación → promesa de entrega → tienda con stock → promociones → garantía → servicios →
   botones (+ tienda) → alternativas → manual → EPREL → Connectif → tu tienda de cercanía.
   ========================================================================== */

.m26-pdp-page { background: #fff; }
.m26-pdp-page .productTab--Milar > .container { max-width: var(--m26-container); margin: 0 auto; padding: 0 var(--m26-gutter); box-sizing: border-box; }

/* miga */
.m26-pdp-page .m26-pdp-crumb { margin: 0; padding: 14px 0 6px; background: none; border: 0; }
.m26-pdp-page .m26-pdp-crumb .wrap { max-width: none; margin: 0; padding: 0; }
.m26-pdp-page .m26-pdp-crumb .breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; background: none; color: var(--m26-muted); font: 500 13px/1.4 var(--m26-font); }
.m26-pdp-page .m26-pdp-crumb .breadcrumb a { color: var(--m26-muted); text-decoration: none; }
.m26-pdp-page .m26-pdp-crumb .breadcrumb a:hover { color: var(--m26-ink); text-decoration: underline; }

/* --------------------------------------------------------------------------
   Maquetación
   -------------------------------------------------------------------------- */
.m26-pdp-page section.m26-pdp {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	margin: 0;
	padding: 8px 0 0;
	font-family: var(--m26-font);
	color: var(--m26-ink);
}

.m26-pdp__gallery { min-width: 0; }
.m26-pdp__gallery > div { position: relative; }

.m26-pdp-page .m26-pdp__gallery .w-full.relative { padding-bottom: 0 !important; border: 0 !important; }

.m26-pdp-page .m26-pdp__gallery #main-carousel,
.m26-pdp-page .m26-pdp__gallery .carousel-inner {
	border: 1px solid var(--m26-line);
	border-radius: var(--m26-radius-lg);
	background: #fff;
	overflow: hidden;
}

.m26-pdp-page .m26-pdp__gallery #main-carousel .splide__slide img,
.m26-pdp-page .m26-pdp__gallery .carousel-inner img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: contain; }

.m26-pdp-page .m26-pdp__gallery #thumbnail-carousel { margin-top: 12px !important; }
.m26-pdp-page .m26-pdp__gallery #thumbnail-carousel .splide__slide { border: 1.5px solid var(--m26-line) !important; border-radius: 12px; overflow: hidden; background: #fff; opacity: .7; transition: opacity .2s var(--m26-ease), border-color .2s var(--m26-ease); }
.m26-pdp-page .m26-pdp__gallery #thumbnail-carousel .splide__slide.is-active { border-color: var(--m26-ink) !important; opacity: 1; }
.m26-pdp-page .m26-pdp__gallery .splide__arrow { width: 44px; height: 44px; border: 1.5px solid var(--m26-line-strong); background: #fff; opacity: 1; }
.m26-pdp-page .m26-pdp__gallery .splide__arrow svg { fill: var(--m26-ink); width: 16px; height: 16px; }
.m26-pdp-page .m26-pdp__gallery .splide__pagination__page { width: 8px; height: 8px; margin: 0 4px; background: var(--m26-line-strong); transition: width .35s var(--m26-spring); }
.m26-pdp-page .m26-pdp__gallery .splide__pagination__page.is-active { width: 24px; border-radius: 999px; background: var(--m26-ink); transform: none; }

/* etiquetas sobre la foto (descuento, exclusivo web, recogida…) */
.m26-pdp-page .m26-pdp__gallery #discount_amount_text,
.m26-pdp-page .m26-pdp__gallery #web_exclusive_text { display: inline-flex; margin: 0 8px 10px 0; padding: 5px 12px; border-radius: 999px; background: var(--m26-ink); font: 700 12px/1.2 var(--m26-font); letter-spacing: .02em; text-transform: none; }
.m26-pdp-page .m26-pdp__gallery #discount_amount_text p, .m26-pdp-page .m26-pdp__gallery #web_exclusive_text p { margin: 0; }
.m26-pdp-page .m26-pdp__gallery .absolute.z-10 { top: 14px !important; left: 14px !important; }
.m26-pdp-page .m26-pdp__gallery .absolute.z-10.right-0 { left: auto !important; right: 14px !important; }
.m26-pdp-page .m26-pdp__gallery .absolute.z-10 strong, .m26-pdp-page .m26-pdp__gallery .absolute.z-10 span.inline-block { border-radius: 999px !important; font-family: var(--m26-font) !important; }
.m26-pdp-page .m26-pdp__gallery .absolute.z-10 p.text-rose-700 { border-radius: 999px; background: #B42318 !important; border-color: #B42318 !important; color: #fff !important; }

/* --------------------------------------------------------------------------
   Bloque de compra
   -------------------------------------------------------------------------- */
.m26-pdp-page .m26-pdp__buy { display: flex !important; flex-direction: column; gap: 14px; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
.m26-pdp-page .m26-pdp__buy > * { order: 30; margin-bottom: 0 !important; }
.m26-pdp-page .m26-pdp__buy > script, .m26-pdp-page .m26-pdp__buy > input { display: none; }
.m26-pdp__head { order: 1 !important; }
.m26-pdp-page .m26-pdp__buy > .bg-lime-50 { order: 2 !important; }
.m26-pdp-page .m26-pdp__buy > .info-guaranteePrice { order: 3 !important; }
.m26-pdp-page .m26-pdp__buy > #financiacion { order: 4 !important; }
.m26-pdp-page .m26-pdp__buy > #postalcode-box-content { order: 5 !important; }
.m26-pdp-page .m26-pdp__buy > #storeDetailProductStock, .m26-pdp-page .m26-pdp__buy > .mb-4:has(.bg-black-green), .m26-pdp-page .m26-pdp__buy > .c-store-accordion { order: 6 !important; }
.m26-pdp-page .m26-pdp__buy > .info-description { order: 7 !important; }
.m26-pdp-page .m26-pdp__buy > .services-content__warranty { order: 8 !important; }
.m26-pdp-page .m26-pdp__buy > .services-content { order: 9 !important; }
.m26-pdp-page .m26-pdp__buy > .m26-pdp__cta { order: 10 !important; }
.m26-pdp-page .m26-pdp__buy > .not-zone { order: 11 !important; }
.m26-pdp-page .m26-pdp__buy > .mlr-altModule { order: 12 !important; }
.m26-pdp-page .m26-pdp__buy > .my-4 { order: 13 !important; }
.m26-pdp-page .m26-pdp__buy > #edbin { order: 14 !important; }
.m26-pdp-page .m26-pdp__buy > .cn_content { order: 15 !important; }
.m26-pdp-page .m26-pdp__buy > #nearestStoreInfoProductList { order: 16 !important; }

/* cabecera: marca · H1 · valoración · chips */
.m26-pdp__brandrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.m26-pdp__brand img { display: block; max-width: 112px; max-height: 28px; width: auto; height: auto; }
.m26-pdp__rating { display: inline-flex; align-items: center; gap: 5px; color: var(--m26-muted); font-size: 14px; text-decoration: none; }
.m26-pdp__rating svg { width: 14px; height: 14px; fill: var(--m26-ink); }
.m26-pdp__rating b { color: var(--m26-ink); }
.m26-pdp__rating:hover span { text-decoration: underline; text-underline-offset: 3px; }

.m26-pdp__h1 { margin: 0; font: 800 26px/1.12 var(--m26-font); letter-spacing: -.03em; color: var(--m26-ink); text-transform: none; }
.m26-pdp__name { display: block; }
.m26-pdp__attrs { display: block; margin-top: 6px; color: var(--m26-muted); font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.4; }

.m26-pdp__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 14px 0 0; padding: 0; list-style: none; }
.m26-pdp__chips li { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px; background: var(--m26-bone); font-size: 13px; font-weight: 600; }
.m26-pdp__chips li.m26-pdp__chip-energy { padding: 0; background: none; }
.m26-pdp__chips li.m26-pdp__chip-energy img { display: block; height: 26px; width: auto; }
.m26-pdp__energy { display: block; padding: 0; border: 0; background: none; cursor: pointer; } /* 19-oct: la etiqueta se abre con botón, no con enlace */

/* precio */
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice { padding: 0; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice > .display-flex { display: flex !important; align-items: baseline; justify-content: flex-start !important; gap: 10px; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice > .display-flex > .shrink-0 { display: none; } /* la etiqueta energética ya está en los chips */
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice .ml-auto { margin-left: 0 !important; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice p.price { margin: 0; color: var(--m26-ink) !important; font: 800 40px/1 var(--m26-font) !important; letter-spacing: -.035em; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice p.price.line-through { color: var(--m26-muted) !important; font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice .display-flex.items-baseline { flex-direction: row-reverse; justify-content: flex-end; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice .display-flex.items-baseline p.price:not(.line-through) { color: #B42318 !important; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice > p.text-xs { margin: 4px 0 0; color: var(--m26-muted); font-size: 13px !important; text-align: left !important; }
.m26-pdp-page .m26-pdp__buy .info-guaranteePrice .rebate-box { margin-top: 10px; padding: 12px 14px; border-radius: 14px; background: var(--m26-green-soft); }

/* financiación (Nemuru) */
.m26-pdp-page .m26-pdp__buy #financiacion { margin: 0 !important; }
.m26-pdp-page .m26-pdp__buy #financiacion:empty { display: none; }

/* promesa de entrega (texto del servidor) */
.m26-pdp-page .m26-pdp__buy #postalcode-box-content.ocu { display: none !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message { margin: 0; padding: 0; background: none; border: 0; }
.m26-pdp-page .m26-pdp__buy #services_superior_message .service_product,
.m26-pdp-page .m26-pdp__buy #services_superior_message .service_normal {
	margin: 0 !important;
	padding: 16px 18px !important;
	border: 0 !important;
	border-radius: var(--m26-radius-card);
	background: var(--m26-green-soft) !important;
	color: var(--m26-ink);
	font: 400 14px/1.45 var(--m26-font);
}

.m26-pdp-page .m26-pdp__buy #services_superior_message .pdpConfianza:empty { display: none; }
.m26-pdp-page .m26-pdp__buy #services_superior_message ul { display: grid; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none; }
.m26-pdp-page .m26-pdp__buy #services_superior_message .titleMain { margin: 0 !important; padding: 0 0 0 28px !important; color: var(--m26-ink) !important; font: 800 17px/1.3 var(--m26-font) !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z' fill='%232E7300'/%3E%3C/svg%3E") left 2px / 20px no-repeat !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message .titleMain strong { font-weight: 800; }
.m26-pdp-page .m26-pdp__buy #services_superior_message li { position: relative; margin: 0 !important; padding: 0 0 0 28px !important; border: 0 !important; background: none !important; color: var(--m26-ink) !important; font: 400 14px/1.4 var(--m26-font) !important; list-style: none !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message li::before { content: ""; position: absolute; left: 4px; top: 3px; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
.m26-pdp-page .m26-pdp__buy #services_superior_message li#beforeTime { padding-left: 28px !important; color: var(--m26-green-text) !important; font-weight: 700 !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message li#beforeTime::before { display: none; }
.m26-pdp-page .m26-pdp__buy #services_superior_message li#beforeTime .m26-live { position: absolute; left: 7px; top: 6px; }
.m26-pdp-page .m26-pdp__buy #services_superior_message li img, .m26-pdp-page .m26-pdp__buy #services_superior_message li .icon { display: none !important; }

/* servicios: garantía y retirada */
.m26-pdp-page .m26-pdp__buy .services-content__warranty,
.m26-pdp-page .m26-pdp__buy .services-content { margin: 0 !important; padding: 0 !important; }
.m26-pdp-page .m26-pdp__buy .services-content__warranty .titleout,
.m26-pdp-page .m26-pdp__buy .services-content p.text-lg { margin: 0 0 8px !important; color: var(--m26-muted); font: 700 12px/1.3 var(--m26-font) !important; letter-spacing: .1em; text-transform: uppercase; }

.m26-pdp-page .m26-pdp__buy .service-card {
	display: block !important;
	margin: 0 !important;
	padding: 14px 16px !important;
	border: 1.5px solid var(--m26-line-strong) !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: none !important;
	transition: border-color .2s var(--m26-ease), background-color .2s var(--m26-ease);
}

.m26-pdp-page .m26-pdp__buy .service-card:has(input:checked) { border-color: var(--m26-ink) !important; background: var(--m26-bone) !important; }
.m26-pdp-page .m26-pdp__buy .service-card > .display-flex, .m26-pdp-page .m26-pdp__buy .services-content .service-card { display: flex !important; align-items: center; gap: 12px; }
.m26-pdp-page .m26-pdp__buy .service-card input[type="checkbox"] { position: static !important; flex: none; width: 20px !important; height: 20px !important; margin: 0 !important; opacity: 1 !important; accent-color: var(--m26-ink); }
.m26-pdp-page .m26-pdp__buy .service-card label { flex: 1; margin: 0 !important; padding: 0 !important; color: var(--m26-ink) !important; font: 600 14px/1.35 var(--m26-font) !important; text-transform: none !important; cursor: pointer; }
.m26-pdp-page .m26-pdp__buy .service-card label::before, .m26-pdp-page .m26-pdp__buy .service-card label::after { display: none !important; }
.m26-pdp-page .m26-pdp__buy .warrantyname span { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; text-transform: none; }
.m26-pdp-page .m26-pdp__buy .warrantyname strong { flex: none; font-weight: 800; }
.m26-pdp-page .m26-pdp__buy .service-card > button { margin: 8px 0 0 32px !important; padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 13px/1 var(--m26-font); text-decoration: underline; }
.m26-pdp-page .m26-pdp__buy #textWarranty { margin: 10px 0 0 32px; color: var(--m26-muted); font-size: 13px; line-height: 1.5; }

/* botones */
.m26-pdp-page .m26-pdp__cta { display: flex; flex-direction: column; gap: 10px; }
.m26-pdp-page .m26-pdp__cta > .mt-4 { margin: 0 !important; }
.m26-pdp-page .m26-pdp__cta .button.button-primary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 58px;
	padding: 0 24px;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--m26-green) !important;
	color: var(--m26-ink) !important;
	font: 800 17px/1 var(--m26-font) !important;
	letter-spacing: -.005em;
	text-transform: none !important;
	box-shadow: none !important;
	transition: background-color .2s var(--m26-ease), transform .15s var(--m26-ease);
}

.m26-pdp-page .m26-pdp__cta .button.button-primary:hover { background: #5ccc0a !important; }
.m26-pdp-page .m26-pdp__cta .button.button-primary:active { transform: scale(.97); }
.m26-pdp-page .m26-pdp__cta .button.button-primary .icon-cart { display: none; }
.m26-pdp-page .m26-pdp__cta .button.button-outline-black { min-height: 52px; border-radius: 999px; font-family: var(--m26-font); }

.m26-pdp__store[hidden] { display: none; }
.m26-pdp__store .m26-btn { min-height: 58px; font-size: 16px; }
.m26-pdp__legal { margin: 10px 0 0; color: var(--m26-muted); font-size: 13px; line-height: 1.45; }

/* tienda con stock, alternativas y no disponible */
.m26-pdp-page .m26-pdp__buy .c-product-store, .m26-pdp-page .m26-pdp__buy .mlr-altModule, .m26-pdp-page .m26-pdp__buy .not-zone, .m26-pdp-page .m26-pdp__buy .sem-box-store {
	margin: 0 !important;
	border: 1px solid var(--m26-line) !important;
	border-radius: var(--m26-radius-card) !important;
	background: #fff !important;
	box-shadow: none !important;
	font-family: var(--m26-font) !important;
}

.m26-pdp-page .m26-pdp__buy .not-zone .text-not-zone { border-radius: var(--m26-radius-card) var(--m26-radius-card) 0 0; }

/* tu tienda de cercanía (bloque del servidor) */
.m26-pdp-page .m26-pdp__buy #nearestStoreInfoProductList { margin: 0 !important; border: 1px solid var(--m26-line) !important; border-radius: var(--m26-radius-lg) !important; background: #fff !important; box-shadow: none !important; overflow: hidden; font-family: var(--m26-font) !important; }
.m26-pdp-page .m26-pdp__buy .nearest-store-info__links a { border-radius: 999px !important; font-family: var(--m26-font) !important; }
.m26-pdp-page .m26-pdp__buy .nearest-store-info__warning { border-radius: 12px; }

/* EPREL y Connectif */
.m26-pdp-page .m26-pdp__buy #edbin { font-family: var(--m26-font); font-size: 13px; }
.m26-pdp-page .m26-pdp__buy .cn_content { border-radius: var(--m26-radius-card); overflow: hidden; }

/* --------------------------------------------------------------------------
   Barra fija de compra (Alpine fixedAddToCart)
   -------------------------------------------------------------------------- */
.m26-pdp-page section.m26-pdp > .fixed.bottom-0 { z-index: 70 !important; background: #fff !important; border-top: 1px solid var(--m26-line); box-shadow: 0 -10px 30px rgba(0, 12, 26, .12); font-family: var(--m26-font); }
.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .container { max-width: var(--m26-container); padding: 0 var(--m26-gutter); }
.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .price { color: var(--m26-ink) !important; font-family: var(--m26-font) !important; font-weight: 800 !important; }
.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .button.button-primary { min-height: 48px; padding: 0 22px; border: 0 !important; border-radius: 999px !important; background: var(--m26-green) !important; color: var(--m26-ink) !important; font: 800 15px/1 var(--m26-font) !important; text-transform: none !important; }
.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .button.button-primary .icon-cart { display: none; }
.m26-pdp-page section.m26-pdp > .fixed.bottom-0 ul button { font-family: var(--m26-font); color: var(--m26-muted); }
.m26-pdp-page section.m26-pdp > .fixed.bottom-0 ul button:hover { color: var(--m26-ink); }

/* --------------------------------------------------------------------------
   Asesor y bloques inferiores
   -------------------------------------------------------------------------- */
.m26-pdp-after { margin: 40px 0 0; font-family: var(--m26-font); }
.m26-advisor--pdp { gap: 20px; }
.m26-advisor--pdp .m26-advisor__quote { margin: 0; }

.m26-pdp-page .productTab--Milar .heading-3 { font: 800 clamp(22px, 2.2vw, 28px)/1.15 var(--m26-font) !important; letter-spacing: -.025em; text-transform: none; color: var(--m26-ink); }

@media (min-width: 1024px) {
	.m26-pdp-page section.m26-pdp { grid-template-columns: minmax(0, 7fr) minmax(380px, 5fr); gap: 56px; align-items: start; padding-top: 12px; }
	.m26-pdp__gallery { position: sticky; top: calc(var(--m26-hdr-h, 120px) + 16px); }
	.m26-pdp__h1 { font-size: clamp(28px, 2.4vw, 36px); }
	.m26-pdp-page .m26-pdp__buy .info-guaranteePrice p.price { font-size: 48px !important; }


	.m26-advisor--pdp { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 40px; padding: 44px 48px; }
	.m26-advisor--pdp .m26-advisor__foot { flex-direction: column; align-items: flex-start; margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.m26-pdp-page *, .m26-sheet * { animation: none !important; transition: none !important; }
}

.m26-pdp-page .m26-hide { display: none !important; }
/* el CSS antiguo recorta el h1 de la ficha a una línea */
.m26-pdp-page .m26-pdp__h1 { display: block !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; -webkit-line-clamp: unset !important; max-height: none !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message .titleMain { display: block !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message .titleMain strong { display: inline !important; }
/* imágenes que pinta el CSS antiguo con ::before: «Envío en 24h» (contradice «nunca envío») y el avión de papel */
.m26-pdp-page .m26-pdp__buy .pdpConfianza, .m26-pdp-page .m26-pdp__buy .pdpConfianza::before { display: none !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message .titleMain::before { display: none !important; }
/* la barra fija entra solo cuando el bloque de compra ya no se ve (milar2026_pdp_ui.jsp pone html.m26-pdp-bar) */
html:not(.m26-pdp-bar) .m26-pdp-page section.m26-pdp > .fixed.bottom-0 { display: none !important; }
html.m26-pdp-bar .m26-pdp-page section.m26-pdp > .fixed.bottom-0 { animation: m26-dock .35s var(--m26-ease) both; }
@keyframes m26-dock { from { transform: translateY(100%); } to { transform: none; } }
html.m26-pdp-bar #sonar-fab { bottom: calc(96px + env(safe-area-inset-bottom)) !important; }

/* --------------------------------------------------------------------------
   Descripción · ficha técnica · opiniones (cajaDescripcionesProducto)
   -------------------------------------------------------------------------- */
.m26-pdp-page section.tabs.js-tabs { max-width: var(--m26-container); margin: 40px auto 0; padding: 0 var(--m26-gutter); box-sizing: border-box; font-family: var(--m26-font); color: var(--m26-ink); }
.m26-pdp-page .tabs__description > div > h2 { margin: 0; border-top: 1px solid var(--m26-line); }
.m26-pdp-page .tabs__description > div > h2:first-child { border-top: 0; }
.m26-pdp-page .tabs__description > div > h2 > button {
	min-height: 64px;
	padding: 0 4px !important;
	background: none !important;
	color: var(--m26-ink) !important;
	font: 800 clamp(20px, 2vw, 26px)/1.2 var(--m26-font) !important;
	letter-spacing: -.02em;
	text-transform: none !important;
}

.m26-pdp-page .tabs__description li.grid { padding: 12px 4px !important; border-color: var(--m26-line) !important; font-size: 14px; line-height: 1.45; }
.m26-pdp-page .tabs__description li.grid > *:first-child { color: var(--m26-muted); font-weight: 600; }
.m26-pdp-page .tabs__description ul + div, .m26-pdp-page .tabs__description div:has(+ ul) { margin-top: 18px; padding: 10px 12px; border-radius: 10px; background: var(--m26-bone) !important; color: var(--m26-ink) !important; font: 800 13px/1.2 var(--m26-font) !important; letter-spacing: .06em; text-transform: uppercase; }
.m26-pdp-page .tabs__description p, .m26-pdp-page .tabs__description li:not(.grid) { font-size: 15px; line-height: 1.6; }
.m26-pdp-page .tabs__description img { max-width: 100%; height: auto; border-radius: 16px; }

/* asesor más compacto en la ficha */
.m26-advisor--pdp .m26-advisor__quote p { font-size: clamp(22px, 2.2vw, 30px); }
.m26-pdp-page .tabs__description div:has(+ ul) * { margin: 0 !important; padding: 0 !important; background: none !important; font: inherit !important; color: inherit !important; }
/* contenedor antiguo de la promesa: sin fondo ni márgenes (la tarjeta es .service_product) */
.m26-pdp-page .m26-pdp__buy #postalcode-box-content, .m26-pdp-page .m26-pdp__buy #postalcode-box-content > * { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.m26-pdp-page .m26-pdp__buy #postalcode-box-content .service_product, .m26-pdp-page .m26-pdp__buy #postalcode-box-content .service_normal { padding: 16px 18px !important; background: var(--m26-green-soft) !important; }
.m26-pdp-page .m26-pdp__buy #services_superior_message li::before { left: 4px !important; right: auto !important; top: 3px !important; margin: 0 !important; transform: none !important; }
/* .service_normal envuelve a veces a .service_product: la tarjeta es solo la de dentro */
.m26-pdp-page .m26-pdp__buy #postalcode-box-content .service_normal:has(.service_product) { padding: 0 !important; background: none !important; }
.m26-pdp-page .m26-pdp__buy #postalcode-box-content .service_product { box-shadow: none !important; width: auto !important; margin: 0 !important; }
.m26-pdp-page .m26-pdp__buy #postalcode-box-content .service_product, .m26-pdp-page .m26-pdp__buy #postalcode-box-content .service_normal, .m26-pdp-page .m26-pdp__buy #services_superior_message { width: 100% !important; max-width: none !important; float: none !important; box-sizing: border-box; }

/* --------------------------------------------------------------------------
   Sin entrega en el CP (cantShippingZone · .m26-pdp--nozone)
   -------------------------------------------------------------------------- */
/* no se puede comprar: fuera financiación, garantía, servicios y el banner de newsletter; el aviso sube justo tras la cabecera */
.m26-pdp--nozone .m26-pdp__buy > #financiacion,
.m26-pdp--nozone .m26-pdp__buy > .services-content__warranty,
.m26-pdp--nozone .m26-pdp__buy > .services-content,
.m26-pdp--nozone .m26-pdp__buy > .info-description,
.m26-pdp--nozone .m26-pdp__buy > .cn_content,
.m26-pdp--nozone .m26-pdp__buy > .m26-pdp__cta:empty { display: none !important; }
.m26-pdp--nozone .m26-pdp__buy > .info-guaranteePrice { display: none !important; }
.m26-pdp-page .m26-pdp--nozone .m26-pdp__buy > .not-zone { order: 3 !important; }
.m26-pdp-page .m26-pdp--nozone .m26-pdp__buy > .mlr-altModule { order: 4 !important; }

.m26-pdp-page .m26-pdp__buy .not-zone { padding: 0 !important; border: 0 !important; background: none !important; }
.m26-pdp-page .m26-pdp__buy:has(> .mlr-altModule) > .not-zone > div:has(> #button_not_same_products) { display: none; }
.m26-pdp-page .m26-pdp__buy .not-zone .button-not-zone { display: flex !important; align-items: center; justify-content: center; min-height: 46px; margin-top: 10px !important; border: 1.5px solid var(--m26-line-strong) !important; border-radius: 999px !important; background: #fff !important; color: var(--m26-ink) !important; font: 700 14px/1.2 var(--m26-font) !important; text-decoration: none !important; }
.m26-nozone { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; padding: 18px; border-radius: var(--m26-radius-card); background: var(--m26-bone); color: var(--m26-ink); font-family: var(--m26-font); }
.m26-nozone__ico { grid-row: span 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #fff; }
.m26-nozone__ico svg { width: 24px; height: 24px; fill: none; stroke: var(--m26-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-nozone__t { margin: 0 0 4px; font-size: 18px; font-weight: 800; letter-spacing: -.015em; line-height: 1.2; }
.m26-nozone__d { margin: 0; color: var(--m26-muted); font-size: 14px; line-height: 1.45; }
.m26-nozone__ctas { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.m26-nozone__ctas .m26-btn { min-height: 48px; padding: 0 12px; font-size: 14px; }
@media (max-width: 380px) { .m26-nozone__ctas { grid-template-columns: 1fr; } }

/* alternativas que sí llegan */
.m26-pdp-page .m26-pdp__buy .mlr-altModule { padding: 16px !important; }
.m26-pdp-page .mlr-altModule__header { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; }
.m26-pdp-page .mlr-altModule__title { margin: 0 !important; color: var(--m26-ink) !important; font: 800 16px/1.25 var(--m26-font) !important; letter-spacing: -.01em; text-transform: none !important; }
.m26-pdp-page .mlr-altProduct { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0 0 8px !important; padding: 10px !important; border: 1px solid var(--m26-line) !important; border-radius: 14px !important; background: #fff !important; color: var(--m26-ink) !important; text-decoration: none !important; box-shadow: none !important; transition: border-color .2s var(--m26-ease); }
.m26-pdp-page .mlr-altProduct:hover { border-color: var(--m26-line-strong) !important; }
.m26-pdp-page .mlr-altProduct__img, .m26-pdp-page .mlr-altProduct__img img { display: block; width: 72px !important; height: 72px !important; margin: 0 !important; object-fit: contain; border-radius: 10px; background: #fff; }
.m26-pdp-page .mlr-altProduct__info { min-width: 0; }
.m26-pdp-page .mlr-altProduct__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 3px !important; color: var(--m26-ink) !important; font: 700 14px/1.3 var(--m26-font) !important; }
.m26-pdp-page .mlr-altProduct__meta { overflow: hidden; margin: 0 !important; color: var(--m26-muted) !important; font: 500 12px/1.3 var(--m26-font) !important; white-space: nowrap; text-overflow: ellipsis; }
.m26-pdp-page .mlr-altProduct__side { display: grid !important; justify-items: end; gap: 4px; text-align: right; }
.m26-pdp-page .mlr-altProduct__price { color: var(--m26-ink) !important; font: 800 18px/1 var(--m26-font) !important; letter-spacing: -.02em; white-space: nowrap; }
.m26-pdp-page .mlr-altProduct__side .discount span { color: var(--m26-muted) !important; font: 500 12px/1 var(--m26-font) !important; text-decoration: line-through; }
.m26-pdp-page .mlr-altProduct__shipping { display: inline-flex !important; align-items: center; gap: 4px; padding: 0 !important; border: 0 !important; background: none !important; color: var(--m26-green-text) !important; font: 700 12px/1.2 var(--m26-font) !important; white-space: nowrap; }
.m26-pdp-page .mlr-altProduct__shipping img { display: none !important; }
.m26-pdp-page .mlr-altProduct__shipping::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center / contain no-repeat; }
.m26-pdp-page .mlr-altModule__toggleBtn { display: inline-flex !important; align-items: center; gap: 6px; margin: 4px 0 0 !important; padding: 6px 0 !important; border: 0 !important; background: none !important; color: var(--m26-ink) !important; font: 700 14px/1 var(--m26-font) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-pdp-page .mlr-altModule__list { margin-top: 8px; }
.m26-pdp-page .mlr-altModule .button-not-zone { display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; min-height: 46px; margin: 6px 0 0 !important; padding: 0 16px !important; border: 1.5px solid var(--m26-line-strong) !important; border-radius: 999px !important; background: #fff !important; color: var(--m26-ink) !important; font: 700 14px/1.2 var(--m26-font) !important; text-decoration: none !important; box-shadow: none !important; }
.m26-pdp-page .mlr-altModule .button-not-zone:hover { border-color: var(--m26-ink) !important; }
.m26-pdp-page .mlr-altModule__inner { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.m26-pdp-page .mlr-altProduct { grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "img info" "img side"; row-gap: 6px; }
.m26-pdp-page .mlr-altProduct > .mlr-altProduct__img { grid-area: img; }
.m26-pdp-page .mlr-altProduct__img, .m26-pdp-page .mlr-altProduct__img img { width: 64px !important; height: 64px !important; }
.m26-pdp-page .mlr-altProduct__info { grid-area: info; }
.m26-pdp-page .mlr-altProduct__side { grid-area: side; display: flex !important; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 10px; text-align: left; }
/* los atributos del H1 se repetían con las pastillas: se ocultan a la vista pero siguen en el H1 (mismo texto para SEO) */
.m26-pdp__h1 .m26-pdp__attrs { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }

/* --------------------------------------------------------------------------
   Promesa + costes de entrega e instalación en una sola tarjeta
   -------------------------------------------------------------------------- */
.m26-pdp-page .m26-pdp__buy #postalcode-box-content:has(.m26-costs) { overflow: hidden; padding: 0 !important; border: 0 !important; border-radius: var(--m26-radius-card) !important; background: var(--m26-green-soft) !important; }
.m26-pdp-page .m26-pdp__buy #postalcode-box-content .m26-costs { margin: 0 18px !important; padding: 12px 0 16px !important; }
.m26-pdp-page .m26-pdp__buy #postalcode-box-content:has(.m26-costs) #services_superior_message .service_product,
.m26-pdp-page .m26-pdp__buy #postalcode-box-content:has(.m26-costs) #services_superior_message .service_normal { border-radius: 0 !important; background: none !important; padding-bottom: 12px !important; }
.m26-costs { display: grid; gap: 6px; margin: 0 18px; padding: 12px 0 16px; border-top: 1px dashed rgba(46, 115, 0, .35); font-family: var(--m26-font); color: var(--m26-ink); }
.m26-costs__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.m26-costs dt { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 500; }
.m26-costs dt svg { width: 18px; height: 18px; flex: none; fill: none; stroke: var(--m26-green-text); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-costs dd { margin: 0; font-size: 14px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.m26-costs dd.is-free { color: var(--m26-green-text); }
.m26-costs__total { margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(46, 115, 0, .2); }
.m26-costs__total dt { padding-left: 26px; font-weight: 800; }
.m26-costs__total dd { font-size: 16px; font-weight: 800; }

/* --------------------------------------------------------------------------
   Financiación integrada bajo el precio (Nemuru; el interior se ajusta en su shadow DOM)
   -------------------------------------------------------------------------- */
.m26-pdp-page .m26-pdp__buy > .info-guaranteePrice:has(+ * ) { margin-bottom: 0 !important; }
.m26-pdp-page .m26-pdp__buy #financiacion { margin: -4px 0 0 !important; }
.m26-pdp-page .m26-pdp__buy #financiacion nemuru-simulation { display: block; }

/* --------------------------------------------------------------------------
   Tu tienda bajo los botones (canales a la vista, diseño 05/06)
   -------------------------------------------------------------------------- */
/* (15-oct) ya no se oculta #nearestStoreInfoProductList con la tarjeta de tienda: sus enlaces #nearestStorePhone y
   #nearestStoreHowToArrive son disparadores de GTM (Storelocator) y la analítica debe ser la de producción */
.m26-pdp__store .m26-pdp__legal { display: none; }
.m26-pdp__store { margin-top: 10px; }
.m26-pdpshop { margin-top: 14px; padding: 14px; border: 1px solid var(--m26-line); border-radius: var(--m26-radius-card); background: #fff; font-family: var(--m26-font); color: var(--m26-ink); }
.m26-pdpshop[hidden] { display: none !important; }
.m26-pdpshop__head { display: flex; align-items: center; gap: 12px; }
.m26-pdpshop__img { width: 56px; height: 56px; flex: none; border-radius: 12px; object-fit: cover; }
.m26-pdpshop__txt { min-width: 0; }
.m26-pdpshop__k { margin: 0; color: var(--m26-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.m26-pdpshop__name { margin: 1px 0 2px; font-size: 16px; font-weight: 800; letter-spacing: -.01em; }
.m26-pdpshop__name a { color: var(--m26-ink) !important; text-decoration: none !important; }
.m26-pdpshop__name a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.m26-pdpshop__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; color: var(--m26-muted); font-size: 13px; }
.m26-pdpshop__open { display: inline-flex; align-items: center; gap: 6px; color: var(--m26-green-text); font-weight: 700; }
.m26-pdpshop__open::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--m26-green); }
.m26-pdpshop__open.is-closed { color: var(--m26-muted); }
.m26-pdpshop__open.is-closed::before { background: var(--m26-line-strong); }
.m26-pdpshop__open[hidden] { display: none; }
.m26-pdpshop__change { padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 13px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-pdpshop__ch { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.m26-pdpshop__ch li[hidden] { display: none; }
.m26-pdpshop__ch a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 8px; border: 1.5px solid var(--m26-line-strong); border-radius: 999px; background: #fff; color: var(--m26-ink) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; white-space: nowrap; transition: border-color .2s var(--m26-ease); }
.m26-pdpshop__ch a:hover { border-color: var(--m26-ink); }
.m26-pdpshop__ch svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-pdpshop__ch [data-canal="whatsapp"] svg { stroke: #128C3E; }
.m26-pdpshop__legal { margin: 10px 0 0; color: var(--m26-muted); font-size: 12px; line-height: 1.45; }

/* --------------------------------------------------------------------------
   Hoja «Comprar en Milar {tienda}» (prototipo) y barra fija con los dos botones
   -------------------------------------------------------------------------- */
.m26-storesheet .m26-sheet__panel { display: flex; flex-direction: column; gap: 12px; padding: 10px 16px calc(20px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; transition: transform .45s cubic-bezier(.32, .72, 0, 1); }
.m26-storesheet__grab { align-self: center; width: 40px; height: 5px; border-radius: 3px; background: var(--m26-line-strong); }
.m26-storesheet .m26-sheet__title { margin: 4px 0 0; font-size: 20px; }
.m26-storesheet__note { margin: 0; color: var(--m26-muted); font-size: 13px; line-height: 1.45; }
.m26-storesheet__ch { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.m26-storesheet__ch li[hidden] { display: none; }
.m26-storesheet__ch a { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--m26-line); background: #fff; color: var(--m26-ink) !important; text-decoration: none !important; transition: transform .15s var(--m26-ease), box-shadow .2s var(--m26-ease); }
.m26-storesheet__ch a:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
.m26-storesheet__ch a:active { transform: scale(.98); }
.m26-storesheet__ch svg { width: 24px; height: 24px; flex: none; fill: none; stroke: var(--m26-green-text); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-storesheet__ch a > span { flex: 1; min-width: 0; }
.m26-storesheet__ch b { display: block; font-size: 15px; }
.m26-storesheet__ch a > span > span { display: block; color: var(--m26-muted); font-size: 13px; }
.m26-storesheet__msg { max-width: 92%; margin: 8px 0 0 auto; padding: 10px 12px; border-radius: 14px 14px 4px 14px; background: #E7F7DE; color: var(--m26-ink); font-size: 13px; line-height: 1.4; }
.m26-storesheet__msg:empty { display: none; }
.m26-storesheet__close { min-height: 48px; margin-top: 4px; }
@media (min-width: 1024px) {
	.m26-storesheet .m26-sheet__panel { width: 440px; padding: 22px 24px 24px; border-radius: 24px; }
	.m26-storesheet__grab { display: none; }
}

/* barra fija: precio arriba y «Añadir a la cesta» | «Comprar en tienda» al 50 % en móvil */
.m26-pdp-page .m26-bar2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.m26-barstore { min-height: 48px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--m26-bone); box-shadow: inset 0 0 0 1px var(--m26-line-strong); color: var(--m26-ink); font: 700 15px/1 var(--m26-font); cursor: pointer; white-space: nowrap; }
.m26-barstore:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
@media (max-width: 767px) {
	.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .display-flex.py-3 { flex-wrap: wrap; gap: 8px !important; }
	.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .display-flex.grow { flex-wrap: wrap; gap: 8px 12px !important; }
	.m26-pdp-page .m26-bar2 { flex: 1 1 100%; }
	.m26-pdp-page .m26-bar2 .button.button-primary { width: 100%; padding: 0 10px !important; }
}
@media (max-width: 767px) {
	.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .display-flex.grow { justify-content: flex-start !important; }
	html.m26-pdp-bar #sonar-fab { bottom: calc(132px + env(safe-area-inset-bottom)) !important; }
}
.m26-costs__total { margin-top: 0; padding-top: 0; border-top: 0; }
.m26-costs__total dt { padding-left: 0; }

/* --------------------------------------------------------------------------
   Visor de imágenes (milar2026_pdp_viewer.jsp)
   -------------------------------------------------------------------------- */
.m26-pdp-page #main-carousel { position: relative; }
.m26-pdp-page #main-carousel .splide__slide img { cursor: zoom-in; }
.m26-viewer__open { position: absolute; right: 10px; bottom: 10px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--m26-line); border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--m26-ink); cursor: pointer; box-shadow: 0 4px 12px rgba(0, 12, 26, .08); }
.m26-viewer__open svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
html.m26-viewer-open, html.m26-viewer-open body { overflow: hidden; }
html.m26-viewer-open #sonar-fab { display: none !important; }
.m26-viewer { position: fixed; inset: 0; z-index: 2147482000; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; background: #fff; font-family: var(--m26-font); color: var(--m26-ink); opacity: 0; transition: opacity .2s var(--m26-ease); }
.m26-viewer[hidden] { display: none; }
.m26-viewer.is-open { opacity: 1; }
.m26-viewer__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: calc(10px + env(safe-area-inset-top)) 12px 10px 18px; }
.m26-viewer__count { margin: 0; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.m26-viewer__hint { flex: 1; margin: 0; color: var(--m26-muted); font-size: 13px; text-align: center; }
.m26-viewer.is-zoom .m26-viewer__hint { visibility: hidden; }
.m26-viewer__close { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--m26-bone); color: var(--m26-ink); cursor: pointer; }
.m26-viewer__close svg, .m26-viewer__nav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.m26-viewer__stage { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; }
.m26-viewer__img { max-width: 100%; max-height: 100%; object-fit: contain; transform-origin: center; cursor: zoom-in; will-change: transform; }
.m26-viewer.is-zoom .m26-viewer__img { cursor: grab; }
.m26-viewer__nav { position: absolute; top: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-top: -24px; padding: 0; border: 1px solid var(--m26-line); border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--m26-ink); cursor: pointer; }
.m26-viewer__nav--prev { left: 12px; }
.m26-viewer__nav--next { right: 12px; }
.m26-viewer.is-single .m26-viewer__nav, .m26-viewer.is-single .m26-viewer__thumbs { display: none; }
.m26-viewer.is-zoom .m26-viewer__nav { opacity: 0; pointer-events: none; }
.m26-viewer__thumbs { display: flex; justify-content: center; gap: 8px; margin: 0; padding: 10px 16px calc(14px + env(safe-area-inset-bottom)); overflow-x: auto; list-style: none; scrollbar-width: none; }
.m26-viewer__thumbs::-webkit-scrollbar { display: none; }
.m26-viewer__thumbs button { display: block; width: 56px; height: 56px; padding: 4px; border: 1.5px solid var(--m26-line); border-radius: 12px; background: #fff; cursor: pointer; }
.m26-viewer__thumbs button[aria-current="true"] { border-color: var(--m26-ink); box-shadow: inset 0 0 0 1px var(--m26-ink); }
.m26-viewer__thumbs img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 767px) {
	.m26-viewer__nav { display: none; }
	.m26-viewer__thumbs { justify-content: flex-start; }
}
@media (min-width: 1024px) {
	.m26-viewer__hint::after { content: " · rueda para acercar"; }
	.m26-viewer__nav--prev { left: 28px; }
	.m26-viewer__nav--next { right: 28px; }
}

/* --------------------------------------------------------------------------
   Ficha técnica: el «!» delante del atributo parecía un error → «i» discreta DETRÁS del nombre
   (el texto de ayuda se ancla a la fila para no salirse de la pantalla)
   -------------------------------------------------------------------------- */
.m26-pdp-page li:has(> span > span.relative > button.peer) { position: relative; }
.m26-pdp-page li > span:has(> span.relative > button.peer) { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 6px; }
.m26-pdp-page li > span > span.relative:has(> button.peer) { position: static !important; max-height: none !important; }
.m26-pdp-page li > span > span.relative > button.peer { width: 18px !important; height: 18px !important; margin: 0 !important; border: 1.5px solid var(--m26-muted) !important; border-radius: 50%; background: #fff !important; color: transparent !important; font-size: 0 !important; position: relative; flex: none; }
.m26-pdp-page li > span > span.relative > button.peer::before { content: "i"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--m26-muted); font: italic 700 11px/1 Georgia, serif; }
.m26-pdp-page li > span > span.relative > button.peer:hover, .m26-pdp-page li > span > span.relative > button.peer:focus-visible { border-color: var(--m26-ink) !important; }
.m26-pdp-page li > span > span.relative > button.peer:hover::before, .m26-pdp-page li > span > span.relative > button.peer:focus-visible::before { color: var(--m26-ink); }
.m26-pdp-page li > span > span.relative > [role="tooltip"] { left: 16px !important; right: 16px; bottom: calc(100% - 8px) !important; width: auto !important; max-width: 380px; margin: 0 !important; padding: 10px 12px !important; border-radius: 12px !important; background: var(--m26-ink) !important; font: 500 13px/1.45 var(--m26-font) !important; text-align: left !important; box-shadow: 0 10px 30px rgba(0, 12, 26, .2); }
.m26-pdp-page .js-description-content.m26-hide-empty { display: none !important; }
.m26-pdp-page li > span > span.relative > button.peer:hover + [role="tooltip"],
.m26-pdp-page li > span > span.relative > button.peer:focus-visible + [role="tooltip"],
.m26-pdp-page li.m26-tip-open > span > span.relative > [role="tooltip"] { display: block !important; }

/* --------------------------------------------------------------------------
   Solo en tienda (allowBuy = false · .m26-pdp--storeonly): un único mensaje, sin zona
   -------------------------------------------------------------------------- */
.m26-pdp--storeonly .m26-pdp__buy > .bg-lime-50,
.m26-pdp--storeonly .m26-pdp__buy > .not-zone,
.m26-pdp--storeonly .m26-pdp__buy > #postalcode-box-content,
.m26-pdp--storeonly .m26-pdp__buy > #financiacion,
.m26-pdp--storeonly .m26-pdp__buy > .services-content__warranty,
.m26-pdp--storeonly .m26-pdp__buy > .services-content,
.m26-pdp--storeonly .m26-pdp__buy > .cn_content,
.m26-pdp--storeonly .mlr-altModule .button-not-zone { display: none !important; }
.m26-pdp-page .m26-pdp--storeonly .m26-pdp__buy > .mlr-altModule { order: 12 !important; }
.m26-storeonly { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; margin-top: 4px; padding: 18px; border-radius: var(--m26-radius-card); background: var(--m26-bone); color: var(--m26-ink); font-family: var(--m26-font); }
.m26-storeonly__ico { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #fff; }
.m26-storeonly__ico svg { width: 24px; height: 24px; fill: none; stroke: var(--m26-green-text); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-storeonly__t { margin: 0 0 4px; font-size: 18px; font-weight: 800; letter-spacing: -.015em; }
.m26-storeonly__d { margin: 0; color: var(--m26-muted); font-size: 14px; line-height: 1.45; }
.m26-storeonly__find { grid-column: 1 / -1; margin-top: 14px; min-height: 48px; }
html.m26-pdp-has-store .m26-storeonly__find { display: none; }
.m26-pdp--storeonly .m26-pdp__store .m26-btn { background: var(--m26-green); border-color: var(--m26-green); color: var(--m26-ink); }
.m26-pdp--storeonly .m26-pdp__buy > .info-guaranteePrice:not(:has(.price)) { display: none !important; }

/* ==========================================================================
   Ficha SIN STOCK (cajaDetalleProductosSinStockMilar.jsp · lienzo Milar 2026)
   ========================================================================== */
.m26-nostock-page .productTab > section.dataProduct { display: block !important; max-width: var(--m26-container); margin: 0 auto !important; padding: 0 var(--m26-gutter) !important; box-sizing: border-box; }
.m26-nostock { font-family: var(--m26-font); color: var(--m26-ink); padding: 14px 0 0; }
.m26-nostock__grid { display: grid; gap: 18px; }
.m26-nostock__photos { position: relative; height: 300px; overflow: hidden; border: 1px solid var(--m26-line); border-radius: 18px; background: #fff; }
.m26-nostock__list { display: flex; height: 100%; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.m26-nostock__list::-webkit-scrollbar { display: none; }
.m26-nostock__list > li { display: flex; align-items: center; justify-content: center; flex: 0 0 100%; scroll-snap-align: center; }
.m26-nostock__img { width: auto !important; max-width: 86%; height: auto !important; max-height: 86%; object-fit: contain; cursor: zoom-in; opacity: .85; }
.m26-nostock__badge { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 6px 11px; border-radius: 999px; background: var(--m26-ink); color: #fff; font-size: 12px; font-weight: 700; }
.m26-nostock__dots { display: flex; justify-content: center; gap: 6px; padding-top: 10px; }
.m26-nostock__dots i { width: 6px; height: 6px; border-radius: 6px; background: var(--m26-line-strong); }
.m26-nostock__dots i.is-on { width: 18px; background: var(--m26-ink); }
.m26-nostock__buy { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.m26-nostock__buy .m26-pdp__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.m26-nostock__buy .m26-pdp__chips li { padding: 8px 12px; border-radius: 999px; background: var(--m26-bone); font-size: 13px; font-weight: 600; }
.m26-nostock__price { display: flex; align-items: baseline; gap: 10px; margin: 2px 0 0; }
.m26-nostock__price span { color: #8A929C; font-size: 32px; font-weight: 800; letter-spacing: -.03em; }
.m26-nostock__price small { color: var(--m26-muted); font-size: 13px; }
.m26-nostock__promo { align-self: flex-start; margin: 0; padding: 4px 10px; border-radius: 999px; background: #EAF6E0; color: var(--m26-green-text); font-size: 13px; font-weight: 700; }

.m26-nostock__notify { display: flex; flex-direction: column; gap: 12px; margin: 4px 0 0; padding: 18px; border-radius: var(--m26-radius-card); background: var(--m26-bone); }
.m26-nostock__nhead { display: flex; gap: 12px; align-items: flex-start; }
.m26-nostock__nico { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none; border-radius: 12px; background: #fff; }
.m26-nostock__nico svg { width: 24px; height: 24px; fill: none; stroke: var(--m26-green-text); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-nostock__nt { margin: 0 0 4px; font-size: 18px; font-weight: 800; letter-spacing: -.015em; }
.m26-nostock__nd { margin: 0; color: var(--m26-muted); font-size: 14px; line-height: 1.45; }
.m26-nostock__nrow { display: grid; gap: 10px; }
.m26-nostock__field { display: flex; flex-direction: column; gap: 6px; margin: 0; font-size: 13px; font-weight: 700; }
.m26-nostock__field input { height: 48px; padding: 0 14px; border: 1.5px solid var(--m26-line-strong); border-radius: 12px; background: #fff; color: var(--m26-ink); font: 500 15px var(--m26-font); box-sizing: border-box; width: 100%; }
.m26-nostock__field input:focus { outline: none; border-color: var(--m26-ink); box-shadow: 0 0 0 3px rgba(79, 187, 0, .25); }
.m26-nostock__go { min-height: 52px; font-size: 16px; }
.m26-nostock__terms { display: flex; gap: 10px; align-items: flex-start; margin: 0; color: var(--m26-muted); font-size: 12.5px; line-height: 1.4; cursor: pointer; }
.m26-nostock__terms input { width: 18px; height: 18px; margin: 0; flex: none; accent-color: var(--m26-ink); }
.m26-nostock__terms a { color: var(--m26-ink); }
.m26-nostock__msg { margin: 0; padding: 10px 12px; border-radius: 10px; background: #FDECEA; color: #8A1C12; font-size: 13px; font-weight: 600; }
.m26-nostock__msg.is-ok { background: #EAF6E0; color: var(--m26-green-text); }

.m26-nostock__store { padding: 14px; border: 1px solid var(--m26-line); border-radius: var(--m26-radius-card); background: #fff; }
.m26-nostock__store[hidden] { display: none; }
.m26-nostock__sd { margin: 10px 0 0; font-size: 14px; line-height: 1.45; }
.m26-nostock__store .m26-pdpshop__ch li[hidden] { display: none; }

.m26-nostock__alts { padding: 28px 0 0; }
.m26-nostock__alts[hidden] { display: none; }
.m26-nostock__ahead { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.m26-nostock__at { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.m26-nostock__all { color: var(--m26-ink); font-size: 14px; font-weight: 700; }
.m26-nostock__alts .m26-rail { margin-inline: calc(-1 * var(--m26-gutter)); }
.m26-nostock__alts .m26-rail__track { padding-inline: var(--m26-gutter); }
.m26-nostock__links { display: grid; gap: 8px; margin-top: 14px; }
.m26-nostock__links a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 16px; border: 1px solid var(--m26-line); border-radius: 14px; color: var(--m26-ink) !important; font-size: 15px; font-weight: 700; text-decoration: none !important; }
.m26-nostock__links a:hover { border-color: var(--m26-line-strong); }
.m26-nostock-page .m26-pdp-after { max-width: var(--m26-container); margin: 28px auto 0; padding: 0 var(--m26-gutter); box-sizing: border-box; }

@media (min-width: 1024px) {
	.m26-nostock { padding-top: 22px; }
	.m26-nostock__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; }
	.m26-nostock__photos { height: 560px; border-radius: 22px; }
	.m26-nostock__badge { top: 18px; left: 18px; font-size: 13px; }
	.m26-nostock__price span { font-size: 44px; }
	.m26-nostock__nrow { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
	.m26-nostock__go { min-height: 52px; padding: 0 22px; }
	.m26-nostock__alts { padding-top: 44px; }
	.m26-nostock__at { font-size: 30px; }
	.m26-nostock__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.m26-nostock__alts .m26-rail { margin-inline: 0; }
	.m26-nostock__alts .m26-rail__track { padding-inline: 0; }
}
.m26-nostock__all { white-space: nowrap; }
/* «Opiniones» va un nivel más dentro (div x-data) y no cogía el estilo de las otras pestañas */
.m26-pdp-page .tabs__description h2 > button, .m26-pdp-page .tabs__description #reviewscontainer, .m26-pdp-page .tabs__description #opinionMobile {
	font: 800 clamp(20px, 2vw, 26px)/1.2 var(--m26-font) !important; letter-spacing: -.02em; text-transform: none !important; color: var(--m26-ink) !important;
}
.m26-pdp-page .tabs__description #reviewscontainer { min-height: 64px; padding: 0 4px !important; background: none !important; }
.m26-pdp-page .tabs__description div > div > h2 { margin: 0; border-top: 1px solid var(--m26-line); }
.m26-pdp-page .tabs__description, .m26-pdp-page .tabs__description li, .m26-pdp-page .tabs__description strong, .m26-pdp-page .tabs__description span:not(.icon) { font-family: var(--m26-font) !important; }
/* flecha de las pestañas en móvil: SVG propio (la fuente de iconos salía como un cuadro roto) */
.m26-pdp-page .tabs__description .icon.icon-chevron { display: block; width: 20px !important; height: 20px !important; font-size: 0 !important; line-height: 0 !important; background: var(--m26-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; }
.m26-pdp-page .tabs__description .icon.icon-chevron::before { content: none !important; }
/* televisores: instalación opcional en su propia línea */
.m26-costs__opt { margin-top: 6px !important; }
.m26-costs__opt dt span { color: var(--m26-muted); font-weight: 500; }

/* CWV · CLS: hasta que Splide monta la galería, se reserva su alto (fotos cuadradas de 500 px) y solo se ve la primera */
.m26-pdp-page .m26-pdp__gallery #main-carousel:not(.is-initialized) .splide__slide:not(:first-child) { display: none; }
.m26-pdp-page .m26-pdp__gallery #main-carousel:not(.is-initialized) .splide__track { height: min(calc(100vw - 32px), 500px); }
.m26-pdp-page .m26-pdp__gallery #main-carousel:not(.is-initialized) .splide__slide:first-child img { height: 100%; width: auto; max-width: 100%; margin: 0 auto; }
/* novedad sin stock (plantilla de novedad = ficha sin stock con la marca m26Novedad, 15-oct) */
.m26-nostock__badge--new { background: var(--m26-green); color: var(--m26-ink); }

/* 16-oct · cambios de Hiberus en la ficha con stock: PVPR encima del precio y caja de reembolso visible (antes oculta), con el
   aspecto del rediseño (la hoja heredada la pintaba en rosa con la etiqueta roja) */
.m26-pdp-page .price-pvpr { margin: 0 0 2px; color: var(--m26-muted); font-size: 13px; font-weight: 600; letter-spacing: .01em; }
.m26-pdp-page .rebate-box { margin: 12px 0 !important; padding: 14px 16px !important; border: 1px solid var(--m26-line) !important; border-radius: var(--m26-radius-card, 16px) !important; background: #fff !important; }
.m26-pdp-page .rebate-box__title { display: inline-flex !important; align-items: center; margin: 0 0 8px !important; padding: 4px 10px !important; border-radius: 999px !important; background: var(--m26-green) !important; color: var(--m26-ink) !important; font: 800 12px/1.2 var(--m26-font) !important; letter-spacing: .02em; text-transform: none !important; }
.m26-pdp-page .rebate-box__description { margin: 0 0 6px !important; color: var(--m26-ink) !important; font-size: 14px !important; line-height: 1.45; }
.m26-pdp-page .rebate-box__link { color: var(--m26-ink) !important; font-size: 13px !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
/* 16-oct · con nuestra tarjeta de tienda visible, el cuadro antiguo «Tu tienda de cercanía» no se ve (estaba repetido). Sigue en el
   DOM: custom.js lo rellena y nuestros canales le pasan el clic para que GTM (Storelocator) mida lo mismo que en producción */
.m26-pdp-has-shop #nearestStoreInfoProductList { display: none !important; }

/* 16-oct · asesor de la ficha más fino: frase a la izquierda y, a la derecha y en una fila, quién atiende + botón */
.m26-advisor--pdp { padding: 22px 20px !important; gap: 16px !important; }
.m26-advisor--pdp .m26-kicker { margin-bottom: 6px; }
.m26-advisor--pdp .m26-advisor__quote p { font-size: clamp(18px, 1.5vw, 22px) !important; line-height: 1.3; }
@media (min-width: 768px) {
	.m26-advisor--pdp { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center !important; column-gap: 40px !important; padding: 24px 32px !important; }
	.m26-advisor--pdp .m26-advisor__foot { flex-direction: row !important; flex-wrap: nowrap; align-items: center !important; gap: 20px; margin-top: 0; }
}

/* 16-oct · promociones del producto en la columna de compra (cajaPromocionesProductoMilar.jsp, movida a .promocionesTrsl
   por fichaProducto.js). Solo CSS: marcado, enlace de la promoción y scripts igual. Tarjeta verde clara: icono (el de la
   promoción o un regalo), etiqueta del gestor y «Consultar ›»; toda la tarjeta lleva al enlace de la promoción. */
.promocionesTrsl { margin: 14px 0 4px; }
.promocionesTrsl .listado { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.promocionesTrsl .listado .item { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; min-height: 64px; margin: 0; padding: 12px 16px; border: 1px solid #CFE8BB; border-radius: 14px; background: var(--m26-green-soft); font-family: var(--m26-font); transition: border-color .15s, box-shadow .15s; }
.promocionesTrsl .listado .item:hover { border-color: var(--m26-green); box-shadow: 0 6px 18px rgba(0, 12, 26, .08); }
.promocionesTrsl .listado .item > img { grid-column: 1; grid-row: 1; width: 40px !important; height: 40px !important; object-fit: contain; border-radius: 10px; background: #fff; }
/* sin icono de la promoción: un regalo en un círculo blanco */
.promocionesTrsl .listado .item:not(:has(> img))::before { content: ""; grid-column: 1; grid-row: 1; width: 40px; height: 40px; border-radius: 10px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7300' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11h16v9H4zM3 7h18v4H3zM12 7v13M12 7c-1.5-3-5-3.5-5-1s5 1 5 1Zm0 0c1.5-3 5-3.5 5-1s-5 1-5 1Z'/%3E%3C/svg%3E") center / 22px no-repeat; }
.promocionesTrsl .listado .item > .ventaja { grid-column: 2; margin: 0 !important; padding: 0 !important; color: var(--m26-ink) !important; font: 700 15px/1.3 var(--m26-font) !important; text-align: left; }
.promocionesTrsl .listado .item > .ventaja a { color: inherit !important; text-decoration: none !important; }
/* toda la tarjeta es el enlace de la promoción */
.promocionesTrsl .listado .item > .ventaja a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.promocionesTrsl .listado .item > .ventaja.link { grid-column: 3; grid-row: 1; display: inline-flex; align-items: center; gap: 4px; color: var(--m26-green-text) !important; font-size: 14px !important; font-weight: 800 !important; white-space: nowrap; }
.promocionesTrsl .listado .item > .ventaja.link::after { content: "›"; font-size: 20px; line-height: 1; transition: transform .15s; }
.promocionesTrsl .listado .item:hover > .ventaja.link::after { transform: translateX(3px); }
/* bloque de información (INFO_HTML) sin enlace: misma tarjeta sin «Consultar» */
.promocionesTrsl .listado .item > .ventaja:only-of-type { grid-column: 2 / span 2; }

/* --------------------------------------------------------------------------
   16-oct · Fichas sin stock y descatalogado: vuelven las etiquetas del gestor de la ficha original (h2 y h3 incluidos)
   y la ficha descatalogada usa la misma maqueta (body.m26-descat-page, CajaDetalleProductosDescatalogadosMilar.jsp).
   -------------------------------------------------------------------------- */
h3.m26-nostock__nt { color: var(--m26-ink); font-family: var(--m26-font); line-height: 1.25; text-transform: none; }
.m26-nostock__ahead > div { min-width: 0; }
.m26-nostock__ahead .m26-kicker { margin: 0 0 6px; }
h2.m26-nostock__at { color: var(--m26-ink); font-family: var(--m26-font); line-height: 1.12; text-transform: none; text-align: left; max-width: 34ch; }
@media (min-width: 1024px) { h2.m26-nostock__at { font-size: 26px; } }
h2.m26-nostock__alead { margin: 8px 0 0; color: var(--m26-muted); font: 500 15px/1.45 var(--m26-font); letter-spacing: 0; text-transform: none; text-align: left; }
.m26-nostock__links a > span:first-child { min-width: 0; }
.m26-nostock__alts .m26-card__more { display: inline-flex; align-items: center; margin-top: 8px; color: var(--m26-ink) !important; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
/* aviso de descatalogado: la etiqueta trae su propio icono (svg blanco) y un <span style="margin-left:10px"> */
.m26-nostock__notice { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 0; padding: 18px; border-radius: var(--m26-radius-card); background: var(--m26-bone); }
.m26-nostock__nico--off svg { stroke: #B3261E; }
h2.m26-nostock__ntxt { margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; background: none !important; color: var(--m26-ink) !important; font: 800 18px/1.3 var(--m26-font) !important; letter-spacing: -.015em; text-align: left !important; text-transform: none !important; }
h2.m26-nostock__ntxt > svg { display: none !important; }
h2.m26-nostock__ntxt > span { margin: 0 !important; }
h2.m26-nostock__ntxt a { color: var(--m26-ink) !important; text-decoration: underline; text-underline-offset: 3px; }
.m26-descat-page .m26-nostock__img { opacity: .7; filter: grayscale(.35); }
.m26-descat-page .m26-nostock__badge { background: #fff; color: var(--m26-ink); box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
/* fotos altas (frigoríficos, congeladores): el max-height en % no siempre se resolvía y la foto se salía del marco */
.m26-nostock__img { max-height: 258px !important; }
@media (min-width: 1024px) { .m26-nostock__img { max-height: 480px !important; } }
/* 18-oct · 1.4.3 contraste: titulares verdes del texto del fabricante en la descripción (#4FBB00 sobre blanco, 2,48:1) */
.m26-pdp-page .description-shop h3, .m26-pdp-page .description-shop h4, .m26-pdp-page .description-shop h2 { color: var(--m26-green-text) !important; }
/* 26-oct · DESCRIPCIÓN DEL PRODUCTO (texto de la tienda, .description-shop): una sola columna legible con la tipografía 2026.
   El CSS antiguo la partía en 2 columnas (column-count: 2 desde 768 px), dejaba el texto en Open Sans 100 y los titulares
   a 16 px/400 como el cuerpo; y la raya de las pestañas (div > div > h2) caía también sobre el primer h2 del texto. */
.m26-pdp-page .tabs__description .description-shop { column-count: auto !important; column-gap: normal !important; max-width: 820px; font-family: var(--m26-font) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: #22303E !important; }
/* textos pegados de Google Docs: van sueltos o en <span> sin <p>; heredan lo de arriba */
.m26-pdp-page .tabs__description .description-shop span { font: inherit !important; color: inherit !important; }
.m26-pdp-page .tabs__description .description-shop img { display: block; margin: 18px 0; }
.m26-pdp-page .tabs__description .description-shop h2,
.m26-pdp-page .tabs__description .description-shop h3,
.m26-pdp-page .tabs__description .description-shop h4 { border: 0 !important; color: var(--m26-ink) !important; font-family: var(--m26-font) !important; font-weight: 800 !important; letter-spacing: -.01em; text-wrap: balance; }
.m26-pdp-page .tabs__description .description-shop h2 { margin: 0 0 14px !important; font-size: clamp(22px, 2.2vw, 28px) !important; line-height: 1.15 !important; }
.m26-pdp-page .tabs__description .description-shop h3 { margin: 28px 0 8px !important; font-size: 19px !important; line-height: 1.25 !important; }
.m26-pdp-page .tabs__description .description-shop h4 { margin: 22px 0 6px !important; font-size: 16px !important; line-height: 1.3 !important; }
.m26-pdp-page .tabs__description .description-shop > :first-child { margin-top: 0 !important; }
.m26-pdp-page .tabs__description .description-shop p,
.m26-pdp-page .tabs__description .description-shop li { margin: 0 0 14px !important; font-family: var(--m26-font) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: #22303E !important; }
.m26-pdp-page .tabs__description .description-shop strong, .m26-pdp-page .tabs__description .description-shop b { font-weight: 700 !important; color: var(--m26-ink) !important; }
.m26-pdp-page .tabs__description .description-shop ul { margin: 0 0 14px !important; padding-left: 1.2em !important; list-style: disc !important; }
.m26-pdp-page .tabs__description .description-shop ol { margin: 0 0 14px !important; padding-left: 1.4em !important; list-style: decimal !important; }
.m26-pdp-page .tabs__description .description-shop li { margin-bottom: 6px !important; }
.m26-pdp-page .tabs__description .description-shop a { color: var(--m26-green-text) !important; text-decoration: underline; text-underline-offset: 2px; }

/* 19-oct · PICTOGRAMAS DEL CARGADOR (cargador común UE: «incluye / no incluye cargador» y potencia admitida). Sus reglas
   estaban en style.css y se perdieron al recortarlo (milar2026-legacy-pdp-style.css): los botones quedaban a 0×0 y no se veían.
   Mismo marcado y mismas ventanas (etiquetas charger.*); solo se les da tamaño y el aspecto de la ficha. */
.m26-pdp-page .charger-included, .m26-pdp-page .charger-not-included, .m26-pdp-page .charger-info {
	display: inline-flex; align-items: center; justify-content: center; vertical-align: top;
	width: 84px; height: 84px; margin: 20px 10px 0 0; padding: 6px; box-sizing: border-box;
	border: 1px solid var(--m26-line-strong); border-radius: 16px; background: #fff; color: var(--m26-ink); cursor: pointer;
}
.m26-pdp-page .charger-included:hover, .m26-pdp-page .charger-not-included:hover, .m26-pdp-page .charger-info:hover { border-color: var(--m26-ink); }
.m26-pdp-page .charger-included:focus-visible, .m26-pdp-page .charger-not-included:focus-visible, .m26-pdp-page .charger-info:focus-visible { outline: 2px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-pdp-page .charger-details__icon { width: 66px; height: 66px; flex: none; }
.modal-included-charger, .modal-not-included-charger, .modal-charger-info { width: 300px; max-width: calc(100vw - 32px); }

/* 19-oct · VENTANAS ANTIGUAS DE LA FICHA (cargador ×3, condiciones de envío, instalación integrable). Usan utilidades de
   Tailwind (inset-0, z-50, bg-opacity-40, min-h-screen…) que no están en el CSS recortado: se quedaban sin posición, fuera
   de la pantalla. Mismo marcado, ids y Alpine (x-show); aquí solo su aspecto. No se toca `display` del contenedor: lo
   gobierna x-show con style en línea. */
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] { position: fixed; inset: 0; z-index: 2147482500; font-family: var(--m26-font); color: var(--m26-ink); }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] > .min-h-screen { display: flex !important; align-items: center; justify-content: center; min-height: 100%; height: 100%; padding: 16px; box-sizing: border-box; text-align: left; }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] > .min-h-screen > [aria-hidden="true"] { position: fixed; inset: 0; background: rgba(0, 12, 26, .55); }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] > .min-h-screen > div:not([aria-hidden]) {
	position: relative; z-index: 1; display: flex; flex-direction: column; width: min(520px, 100%); max-width: 520px; max-height: calc(100vh - 64px);
	margin: 0; padding: 22px 24px 26px; box-sizing: border-box; overflow: auto; border-radius: 22px; background: #fff;
	box-shadow: 0 24px 60px rgba(0, 12, 26, .3);
}
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] h2 { margin: 0 0 12px; font: 800 22px/1.2 var(--m26-font); letter-spacing: -.02em; text-align: left !important; }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] .content, .m26-pdp-page .fixed.inset-0.z-50[role="dialog"] p { font-size: 15px; line-height: 1.55; color: #3B4450; text-align: left !important; }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] .charger-details__icon { display: block; width: 72px; height: 72px; margin: 4px 0 12px; }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] button:has(> .icon-close) {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%;
	background: var(--m26-bone); color: var(--m26-ink); cursor: pointer; position: relative;
}
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] button:has(> .icon-close) .icon-close { display: none; }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] button:has(> .icon-close)::before,
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] button:has(> .icon-close)::after { content: ""; position: absolute; width: 16px; height: 2px; border-radius: 2px; background: currentColor; transform: rotate(45deg); }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] button:has(> .icon-close)::after { transform: rotate(-45deg); }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] button:has(> .icon-close):focus-visible { outline: 2px solid var(--m26-ink); outline-offset: 2px; }
.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 767.98px) {
	.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] > .min-h-screen { align-items: flex-end; padding: 0; }
	.m26-pdp-page .fixed.inset-0.z-50[role="dialog"] > .min-h-screen > div:not([aria-hidden]) { width: 100%; max-width: none; max-height: 85vh; border-radius: 22px 22px 0 0; padding-bottom: calc(26px + env(safe-area-inset-bottom)); }
}

/* 19-oct · integrables: «Instalación · No incluida (producto integrable) · Más info» bajo la entrega a pie de calle */
.m26-costs__note { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: #3B4450; }
.m26-costs__note dt { font-size: 13px !important; font-weight: 600 !important; padding-left: 26px; }
.m26-costs__note dd { margin: 0; text-align: right; font-weight: 500; }
.m26-costs__note button { padding: 0; border: 0; background: none; color: var(--m26-ink); font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; min-height: 24px; }

/* 26-oct · no está a la venta en este CP (m26-pdp--noventa, además de --nozone): fuera la promesa de entrega («En tu casa en 24/48 h»,
   gastos de envío), que el servidor pinta igual aunque no deje comprar */
.m26-pdp--noventa .m26-pdp__buy > #postalcode-box-content { display: none !important; }

/* 27-oct · ficha: fuera la tarjeta antigua «Tu tienda de cercanía» (#nearestStoreInfoProductList, la muestra un script con display:block en línea).
   Repetía lo que ya enseña «Comprar en <tienda>». Se deja en el HTML (el script y la analítica siguen igual); el listado no se toca. */
.m26-pdp #nearestStoreInfoProductList { display: none !important; }

/* 27-oct · retirada del antiguo dentro del bloque de entrega (milar2026_pdp_costes.jsp), como una línea más bajo la entrega
   y la instalación. Solo informativa, sin casilla (se elige en el carrito). La etiqueta del gestor trae «… <span><strong>GRATIS</strong></span>». */
.m26-pdp-page #postalcode-box-content .m26-costs:has(+ .m26-costs__ret) { padding-bottom: 8px !important; }
.m26-pdp-page #postalcode-box-content .m26-costs__ret { display: flex !important; align-items: center; gap: 8px; margin: 0 18px !important; padding: 10px 0 14px !important; border-top: 1px solid rgba(46, 115, 0, .2) !important; color: var(--m26-ink) !important; font: 500 14px/1.35 var(--m26-font) !important; }
.m26-pdp-page #postalcode-box-content .m26-costs__ret > svg { width: 18px; height: 18px; flex: none; fill: none; stroke: var(--m26-green-text); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-pdp-page #postalcode-box-content .m26-costs__ret > span { display: flex; flex: 1; align-items: center; gap: 12px; }
.m26-pdp-page #postalcode-box-content .m26-costs__ret > span span { flex: none; margin-left: auto; }
.m26-pdp-page #postalcode-box-content .m26-costs__ret strong { color: var(--m26-green-text); font-size: 14px; font-weight: 700; text-transform: none; }

/* 29-oct · QA MIL-048: «Añadir a la cesta» quedaba a ~1,6 pantallas en móvil y por debajo del pliegue en escritorio (después de
   financiación, entrega, garantía…). El botón y «Comprar en tienda» suben justo debajo del precio; la tarjeta de la tienda se
   queda donde estaba. Solo orden visual (CSS): mismo marcado, mismos botones y eventos. */
.m26-pdp-page .m26-pdp__buy > .m26-pdp__cta { display: contents; }
.m26-pdp-page .m26-pdp__cta > .mt-4, .m26-pdp-page .m26-pdp__cta > .m26-pdp__store { order: 3; }
.m26-pdp-page .m26-pdp__cta > .m26-pdp__store { margin-top: 0; }
.m26-pdp-page .m26-pdp__cta > .m26-pdpshop { order: 10; margin-top: 0; }
.m26-pdp-page .m26-pdp__cta > .m26-storesheet { order: 30; }

/* 29-oct · QA MIL-049 (móvil): las etiquetas de la galería («Producto Destacado», «Envío gratis», «-18 %»…) iban en columna y
   con tres o más bajaban hasta la flecha izquierda: ahora en fila (con salto) arriba, dejando sitio a las imágenes de promo de la
   derecha. Y menos hueco bajo la foto (margen de 32 px + puntos + hueco de la rejilla ≈ 76 px). */
@media (max-width: 1023px) {
	.m26-pdp-page .m26-pdp__gallery .absolute.z-10:not(.right-0) { flex-direction: row !important; flex-wrap: wrap; align-items: center !important; gap: 6px !important; max-width: calc(100% - 128px); }
	.m26-pdp-page .m26-pdp__gallery .absolute.z-10:not(.right-0) strong,
	.m26-pdp-page .m26-pdp__gallery .absolute.z-10:not(.right-0) span.inline-block,
	.m26-pdp-page .m26-pdp__gallery .absolute.z-10:not(.right-0) p { font-size: 12px !important; line-height: 1.5; }
	.m26-pdp-page .m26-pdp__gallery .splide.product-gallery { margin-bottom: 4px !important; }
	.m26-pdp-page .m26-pdp__gallery .splide__pagination { bottom: auto; position: relative; padding: 6px 0 0; }
}

/* 29-oct · QA MIL-050: título y ayuda del simulador de financiación (Nemuru) */
.m26-pdp-page #financiacion .m26-fin__t { margin: 0 0 2px; color: var(--m26-ink); font: 800 15px/1.3 var(--m26-font); }
.m26-pdp-page #financiacion .m26-fin__s { margin: 0 0 8px; color: var(--m26-muted); font: 400 13px/1.4 var(--m26-font); }

/* 29-oct · QA MIL-067: en la ficha técnica las características de sí/no («Pantalla/Display», «Función fin diferido»…) salían solo
   con el nombre y el «!» de ayuda, como si les faltara el valor. Solo se listan cuando son «sí»: se les pone «✓ Sí» en la columna
   del valor (como las demás filas). Solo visual: el texto y los datos estructurados no cambian. */
[x-show="tab == 'tab-ficha'"] li > .sm\:col-span-2 { grid-column: auto !important; }
[x-show="tab == 'tab-ficha'"] li:has(> .sm\:col-span-2)::after { content: "✓ Sí"; color: var(--m26-green-text, #2E7D00); font-weight: 700; }

/* 29-oct · barra fija (móvil): con precio tachado, el tachado y el precio final en la misma línea (antes uno encima del otro) */
@media (max-width: 767px) {
	.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .flex-col:has(.line-through) { flex-direction: row !important; align-items: baseline !important; gap: 8px !important; }
	.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .flex-col:has(.line-through) > div { align-items: baseline !important; gap: 6px !important; }
	.m26-pdp-page section.m26-pdp > .fixed.bottom-0 .price.line-through { color: var(--m26-muted) !important; font-size: 15px !important; font-weight: 600 !important; }
}

/* 29-oct · móvil/tablet: la caja del asesor iba de borde a borde; ahora deja el mismo margen lateral que el resto de la ficha */
@media (max-width: 1023px) {
	.m26-pdp-page .m26-pdp-after { padding: 0 var(--m26-gutter, 16px); box-sizing: border-box; }
}

/* 29-oct · barra fija: icono en cada botón para distinguirlos (cesta = comprar en la web, bocadillo = hablar con la tienda) */
.m26-pdp-page .m26-bar2 .button.button-primary, .m26-pdp-page .m26-bar2 .m26-barstore { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; }
.m26-pdp-page .m26-bar2 .button.button-primary::before, .m26-pdp-page .m26-bar2 .m26-barstore::before { content: ""; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--m26-ico) center / contain no-repeat; mask: var(--m26-ico) center / contain no-repeat; }
.m26-pdp-page .m26-bar2 .button.button-primary { --m26-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E"); }
.m26-pdp-page .m26-bar2 .m26-barstore { --m26-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 20.5l1.6-5.3A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E"); }
@media (max-width: 419px) {
	.m26-pdp-page .m26-bar2 .button.button-primary, .m26-pdp-page .m26-bar2 .m26-barstore { gap: 6px; padding: 0 8px !important; font-size: 14px !important; white-space: nowrap; letter-spacing: -.01em; }
	.m26-pdp-page .m26-bar2 .button.button-primary::before, .m26-pdp-page .m26-bar2 .m26-barstore::before { width: 18px; height: 18px; }
}
@media (max-width: 359px) { .m26-pdp-page .m26-bar2 .button.button-primary::before, .m26-pdp-page .m26-bar2 .m26-barstore::before { display: none; } }

/* 29-oct · botón principal «Añadir a la cesta»: el mismo icono de bolsa que en la barra fija */
.m26-pdp-page .m26-pdp__cta > .mt-4 .button.button-primary { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; }
.m26-pdp-page .m26-pdp__cta > .mt-4 .button.button-primary::before { content: ""; flex: none; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--m26-ico-bolsa) center / contain no-repeat; mask: var(--m26-ico-bolsa) center / contain no-repeat; }
.m26-pdp-page { --m26-ico-bolsa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 11.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E"); }

/* 02-nov · financiación: «Financia tu compra» y su explicación solo cuando el simulador de Nemuru muestra cuotas (#financiacion.is-on, lo pone el JS de la ficha); por debajo de su importe mínimo no pinta nada */
.m26-pdp-page #financiacion:not(.is-on) .m26-fin__t, .m26-pdp-page #financiacion:not(.is-on) .m26-fin__s { display: none; }