/* ==========================================================================
   Milar 2026 · listado (especificación §4). Depende de milar2026.css (tokens y componentes).
   Las hojas antiguas (custom.css, nuevoListado.css) usan ids: aquí se iguala la especificidad con #id donde hace falta.
   ========================================================================== */

.m26-plp-page { background: #fff; }
.m26-hide, .m26-legacy { display: none !important; }

/* miga de pan (cajaListadoProductos) sobre tinta, continua con la cabecera */
.m26-plp-page .listadoCategoriasHead { margin: 0; padding: 0; background: var(--m26-ink); border: 0; }
.m26-plp-page .listadoCategoriasHead .container { max-width: var(--m26-container); padding: 14px var(--m26-gutter) 0; }
.m26-plp-page .listadoCategoriasHead .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--m26-muted-on-ink);
	font: 500 13px/1.4 var(--m26-font);
}

.m26-plp-page .listadoCategoriasHead .breadcrumb a { color: var(--m26-muted-on-ink); text-decoration: none; }
.m26-plp-page .listadoCategoriasHead .breadcrumb a:hover { color: #fff; }
.m26-plp-page .listadoCategoriasHead .breadseparator { color: rgba(255, 255, 255, .35); }

/* esqueleto de carga (#cargas) con brillo suave */
.m26-plp-page #cargas .carga-text, .m26-plp-page #cargas .carga-img, .m26-plp-page #cargas .carga-card {
	background: linear-gradient(90deg, var(--m26-bone) 0%, #ECEAE4 40%, var(--m26-bone) 80%) 0 0 / 200% 100%;
	border-radius: 12px;
	animation: m26-shimmer 1.4s linear infinite;
}

@keyframes m26-shimmer { to { background-position: -200% 0; } }

/* --------------------------------------------------------------------------
   Cabecera de categoría
   -------------------------------------------------------------------------- */
.m26-plphead { background: var(--m26-ink); color: #fff; font-family: var(--m26-font); }
.m26-plphead__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; padding-block: 10px 18px; }

.m26-plphead__h1, .m26-plphead__h1 h1 {
	margin: 0;
	color: #fff;
	font: 800 32px/1.05 var(--m26-font);
	letter-spacing: -.035em;
	text-transform: none;
}

.m26-plphead__lead { margin: 10px 0 0; max-width: 40em; color: var(--m26-muted-on-ink); font-size: 15px; line-height: 1.45; }
.m26-plphead__lead b { color: #fff; }

.m26-plphead__art { width: 96px; margin-bottom: -18px; background: var(--m26-ink); isolation: isolate; }
.m26-plphead__art img { display: block; width: 100%; height: auto; mix-blend-mode: lighten; }

.m26-subcats { padding-bottom: 16px; }
.m26-subcats ul { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.m26-subcats ul::-webkit-scrollbar { display: none; }

.m26-subcats a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px;
	border: 1.5px solid rgba(255, 255, 255, .2);
	border-radius: 999px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .2s var(--m26-ease), background-color .2s var(--m26-ease);
}

.m26-subcats a:hover { border-color: var(--m26-green); color: #fff; background: rgba(255, 255, 255, .05); }

/* «¿Cuántos sois en casa?» */
.m26-people { padding-top: 18px; font-family: var(--m26-font); }
.m26-people__t { margin: 0 0 10px; color: var(--m26-muted); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.m26-people__opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }

.m26-people__opts button {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-height: 60px;
	padding: 10px 12px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 14px;
	background: #fff;
	color: var(--m26-ink);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .2s var(--m26-ease), background-color .2s var(--m26-ease), transform .15s var(--m26-ease);
}

.m26-people__opts button b { font-size: 16px; }
.m26-people__opts button span { color: var(--m26-muted); font-size: 13px; }
.m26-people__opts button:hover:not(:disabled) { border-color: var(--m26-ink); }
.m26-people__opts button:active { transform: scale(.97); }
.m26-people__opts button[aria-pressed="true"] { border-color: var(--m26-ink); background: var(--m26-ink); color: #fff; }
.m26-people__opts button[aria-pressed="true"] span { color: var(--m26-muted-on-ink); }
.m26-people__opts button:disabled { opacity: .4; cursor: default; }

/* --------------------------------------------------------------------------
   Barra: entrega rápida · filtros · ordenar · recuento
   -------------------------------------------------------------------------- */
.m26-plpbar { padding-top: 14px; font-family: var(--m26-font); color: var(--m26-ink); }
.m26-plpbar__row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

.m26-fast {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 60px;
	padding: 8px 14px 8px 10px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 16px;
	background: #fff;
	color: var(--m26-ink);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .25s var(--m26-ease), background-color .25s var(--m26-ease);
}

.m26-fast:hover { border-color: var(--m26-ink); }

.m26-fast__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: none;
	border-radius: 12px;
	background: var(--m26-bone);
}

.m26-fast__ico svg { width: 20px; height: 20px; fill: var(--m26-green-text); }
.m26-fast__txt { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.3; }
.m26-fast__txt b { font-size: 15px; }
.m26-fast__txt > span { color: var(--m26-muted); font-size: 13px; }
.m26-fast__go { width: 18px; height: 18px; color: var(--m26-muted); }

.m26-switch {
	position: relative;
	width: 46px;
	height: 28px;
	flex: none;
	border-radius: 999px;
	background: var(--m26-line-strong);
	transition: background-color .25s var(--m26-ease);
}

.m26-switch i {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 12, 26, .3);
	transition: transform .35s var(--m26-spring);
}

.m26-fast.is-on { border-color: var(--m26-green-text); background: var(--m26-green-soft); }
.m26-fast.is-on .m26-fast__ico { background: #fff; }
.m26-fast.is-on .m26-switch { background: var(--m26-green-text); }
.m26-fast.is-on .m26-switch i { transform: translateX(18px); }
.m26-fast--cp .m26-fast__txt > span { color: var(--m26-ink); }

.m26-plpbar__filters {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 999px;
	background: #fff;
	color: var(--m26-ink);
	font: 700 15px/1 var(--m26-font);
	cursor: pointer;
}

.m26-plpbar__filters .m26-ico { width: 18px; height: 18px; }

.m26-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--m26-ink);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	box-sizing: border-box;
}

.m26-badge[hidden] { display: none; }

.m26-sort { position: relative; }

.m26-plp-page .m26-sort__select {
	width: 100%;
	height: 48px;
	padding: 0 40px 0 18px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 999px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000C1A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat;
	color: var(--m26-ink);
	font: 700 15px/1 var(--m26-font);
	-webkit-appearance: none;
	appearance: none;
}

.m26-sort__pills { display: none; }

.m26-plpbar__info { padding-top: 14px; }
.m26-plpbar__info p { margin: 0; color: var(--m26-muted); font-size: 14px; }
.m26-plpbar__info b { color: var(--m26-ink); }
.m26-plpbar__cp 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; }

/* filtros aplicados (los pinta el servidor dentro del panel; el script los sube a la barra) */
.m26-plp-page .m26-applied .filtros_summarized { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; font-family: var(--m26-font); }
.m26-plp-page .m26-applied .attribute-section, .m26-plp-page .m26-applied .brand-section {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	margin: 0;
	padding: 0 6px 0 14px;
	border-radius: 999px;
	background: var(--m26-bone);
	color: var(--m26-ink);
	font-size: 13px !important;
}

.m26-plp-page .m26-applied [class*="__name"] { color: var(--m26-muted); }
.m26-plp-page .m26-applied [class*="__delete"] { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 2px; border-radius: 50%; background: #fff; cursor: pointer; }
.m26-plp-page .m26-applied [class*="__delete"] img { width: 10px; height: 10px; }
.m26-plp-page .m26-applied .filtros_summarized_delete { display: inline-flex; align-items: center; order: 99; }
.m26-plp-page .m26-applied .filtros_summarized_delete a { display: inline-flex; align-items: center; gap: 6px; color: var(--m26-ink); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.m26-plp-page .m26-applied .filtros_summarized_delete img { display: none; }

/* --------------------------------------------------------------------------
   Maquetación: panel de filtros + resultados
   -------------------------------------------------------------------------- */
.m26-plp-page .m26-plp.wrap.listadonuevo { max-width: var(--m26-container); margin: 0 auto; padding: 20px var(--m26-gutter) 0; box-sizing: border-box; font-family: var(--m26-font); }
.m26-plp-page .m26-plp .wrap-listadonuevo { display: block !important; width: auto; max-width: none; margin: 0; padding: 0; }
.m26-plp-page .m26-plp .listadoBody { width: auto !important; max-width: none; margin: 0 !important; padding: 0 !important; float: none !important; }
.m26-plp-page .m26-plp .total_prod { display: none; }

/* panel (hoja en móvil) */
.m26-plp-page .m26-filters {
	position: fixed;
	inset: 0;
	z-index: 120;
	display: flex;
	flex-direction: column;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	transform: translateY(100%);
	visibility: hidden;
	transition: transform .35s var(--m26-ease), visibility 0s linear .35s;
	float: none !important;
}

.m26-plp-page .m26-filters.is-open { transform: none; visibility: visible; transition: transform .35s var(--m26-ease); }
html.m26-filters-open, html.m26-filters-open body { overflow: hidden; }
html.m26-filters-open #sonar-fab { display: none !important; }

.m26-filters__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 12px 20px; border-bottom: 1px solid var(--m26-line); }
.m26-filters__title { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.m26-filters__foot { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--m26-line); background: #fff; }

.m26-plp-page .m26-filters > .filtros_summarized { display: none; }
.m26-plp-page .m26-filters .filtros-lateral { position: static !important; display: block !important; flex: 1; width: auto !important; height: auto !important; max-width: none; margin: 0 !important; padding: 4px 20px 20px !important; overflow-y: auto; background: none !important; box-shadow: none !important; transform: none !important; }
.m26-plp-page .m26-filters .filtros-lateral .closer,
.m26-plp-page .m26-filters .icon-close-menu,
.m26-plp-page .m26-filters .border-line,
.m26-plp-page .m26-filters .filtros_summarized_delete.mobile { display: none !important; }

.m26-plp-page .m26-filters #accordion { padding: 0 !important; margin: 0 !important; background: none !important; }

.m26-plp-page .m26-filters #accordion > button.collapsible {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 54px;
	margin: 0;
	padding: 0 32px 0 0;
	border: 0;
	border-bottom: 1px solid var(--m26-line);
	background: none !important;
	color: var(--m26-ink) !important;
	font: 700 15px/1.25 var(--m26-font) !important;
	text-align: left;
	text-transform: none !important;
	cursor: pointer;
}

.m26-plp-page .m26-filters #accordion > button.collapsible::after {
	content: "+" !important;
	position: absolute;
	width: auto !important;
	height: auto !important;
	background: none !important;
	border: 0 !important;
	right: 4px;
	top: 50%;
	margin: 0 !important;
	color: var(--m26-green-text) !important;
	font-size: 22px !important;
	font-weight: 400;
	line-height: 1;
	transform: translateY(-50%);
	transition: transform .2s var(--m26-ease);
	float: none !important;
}

.m26-plp-page .m26-filters #accordion > button.collapsible.active::after { transform: translateY(-50%) rotate(45deg); }

.m26-plp-page .m26-filters #accordion .content-collapsible { margin: 0 !important; padding: 0 !important; background: none !important; list-style: none; overflow: hidden; transition: max-height .25s var(--m26-ease); }
.m26-plp-page .m26-filters #accordion .content-collapsible > li:first-child, .m26-plp-page .m26-filters #accordion .content-collapsible > div:first-child { margin-top: 8px; }
.m26-plp-page .m26-filters #accordion .content-collapsible:not([style*="max-height"]) { max-height: 0; }

.m26-plp-page .m26-filters #accordion li.checkListado {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	cursor: pointer;
	float: none !important;
	width: auto !important;
}

.m26-plp-page .m26-filters #accordion li.checkListado input[type="checkbox"] {
	position: static !important;
	width: 20px !important;
	height: 20px !important;
	flex: none;
	margin: 0 !important;
	opacity: 1 !important;
	accent-color: var(--m26-ink);
	cursor: pointer;
}

.m26-plp-page .m26-filters #accordion li.checkListado label { display: block !important; flex: 1; margin: 0 !important; padding: 0 !important; color: var(--m26-ink) !important; font: 400 15px/1.35 var(--m26-font) !important; cursor: pointer; }
.m26-plp-page .m26-filters #accordion li.checkListado label::before, .m26-plp-page .m26-filters #accordion li.checkListado label::after { display: none !important; }
.m26-plp-page .m26-filters #accordion li.checkListado label a, .m26-plp-page .m26-filters #accordion li.checkListado label span { color: inherit !important; font: inherit !important; text-decoration: none !important; }
.m26-plp-page .m26-filters #accordion li.checkListado label strong { font-weight: 600; }
.m26-plp-page .m26-filters #accordion .spanFilterTotal { color: var(--m26-muted) !important; font-size: 13px !important; }
.m26-plp-page .m26-filters #accordion li.checkListado label > a > span:first-child { display: none; } /* «Lavadoras» delante de cada marca */
.m26-plp-page .m26-filters #accordion .tooltip { display: none; }
.m26-plp-page .m26-filters #accordion .verCodigoOcultableResponsive { margin: 0; padding: 0; }
.m26-plp-page .m26-filters .expandirContraerCSS { margin: 4px 0 10px !important; padding: 0 !important; }
.m26-plp-page .m26-filters .expandirContraerCSS button { padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1.2 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* rango de precio */
.m26-plp-page .m26-filters .price-filter__container { display: flex; align-items: center; gap: 8px; margin: 10px 0 8px; font-size: 13px; color: var(--m26-muted); }
.m26-plp-page .m26-filters .price-filter__container input { width: 84px; height: 36px; padding: 0 10px; border: 1.5px solid var(--m26-line-strong); border-radius: 10px; background: #fff; color: var(--m26-ink); font: 600 14px/1 var(--m26-font); }
.m26-plp-page .m26-filters .ui-slider { height: 4px; margin: 14px 10px 18px; border: 0; border-radius: 4px; background: var(--m26-line); }
.m26-plp-page .m26-filters .ui-slider .ui-slider-range { background: var(--m26-ink); }
.m26-plp-page .m26-filters .ui-slider .ui-slider-handle { top: -9px; width: 22px; height: 22px; margin-left: -11px; border: 2px solid var(--m26-ink); border-radius: 50%; background: #fff; cursor: grab; }

/* --------------------------------------------------------------------------
   Rejilla de productos
   -------------------------------------------------------------------------- */
.m26-plp-page #itemContainer.m26-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.m26-plp-page #itemContainer.m26-grid > li {
	display: flex !important;
	width: auto !important;
	min-width: 0;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.m26-plp-page #itemContainer.m26-grid > li.m26-grid__wide { grid-column: 1 / -1; }
.m26-plp-page #itemContainer.m26-grid > li:not(.m26-grid__item) { grid-column: 1 / -1; } /* contenidos del gestor y «ver todos» */

.m26-plp-page #itemContainer .m26-card { padding: 10px 10px 12px; }
.m26-plp-page #itemContainer .m26-card__name { font-size: 14px; }
.m26-plp-page #itemContainer .m26-card__now { font-size: 20px; }
.m26-plp-page #itemContainer .m26-card__specs { font-size: 12px; }
.m26-plp-page #itemContainer .m26-card__eta { font-size: 12px; }

/* entrada escalonada de las tarjetas */
@media (prefers-reduced-motion: no-preference) {
	.m26-plp-page #itemContainer .m26-card { animation: m26-in .4s var(--m26-ease) both; }
	.m26-plp-page #itemContainer > li:nth-child(2) .m26-card { animation-delay: 45ms; }
	.m26-plp-page #itemContainer > li:nth-child(3) .m26-card { animation-delay: 90ms; }
	.m26-plp-page #itemContainer > li:nth-child(4) .m26-card { animation-delay: 135ms; }
	.m26-plp-page #itemContainer > li:nth-child(n + 5) .m26-card { animation-delay: 180ms; }
}

/* «Comparar» dentro de la tarjeta (comparador original) */
.m26-card__cmp { position: relative; z-index: 1; display: inline-flex !important; align-items: center; gap: 8px; min-height: 32px; margin-top: 6px; padding: 0 !important; border: 0 !important; background: none !important; color: var(--m26-muted); font-size: 13px; cursor: pointer; float: none !important; width: auto !important; }
.m26-card__cmp input { position: static !important; width: 16px !important; height: 16px !important; margin: 0 !important; opacity: 1 !important; accent-color: var(--m26-ink); }
.m26-card__cmp span { text-transform: none !important; letter-spacing: 0 !important; font: inherit !important; }
.m26-card__cmp:has(input:checked) { color: var(--m26-ink); font-weight: 700; }

.m26-tag--green { background: var(--m26-green-soft); color: var(--m26-green-text); }

/* inserto del asesor */
.m26-advisor--plp { width: 100%; padding: 22px 20px; border-radius: var(--m26-radius-card); box-sizing: border-box; }
.m26-advisor--plp .m26-advisor__quote { margin-bottom: 18px; }
.m26-advisor--plp .m26-advisor__quote p { font-size: clamp(21px, 2.2vw, 28px); }

/* «ver todos» (tarjeta milar-more original) */
.m26-plp-page #itemContainer .lastitem { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; cursor: default; float: none !important; }
.m26-plp-page #itemContainer .milar-more { display: grid; gap: 12px; padding: 22px; border: 1.5px dashed var(--m26-line-strong); border-radius: var(--m26-radius-card); background: var(--m26-bone); color: var(--m26-ink); font-family: var(--m26-font); }
.m26-plp-page #itemContainer .milar-more__badge { justify-self: start; padding: 4px 10px; border-radius: 999px; background: var(--m26-green-soft); color: var(--m26-green-text); font-size: 12px; font-weight: 700; }
.m26-plp-page #itemContainer .milar-more__count { font-size: 32px; font-weight: 800; letter-spacing: -.03em; }
.m26-plp-page #itemContainer .milar-more__btn { justify-self: start; display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--m26-ink); color: #fff; font: 700 15px/1 var(--m26-font); cursor: pointer; }
.m26-plp-page #itemContainer .milar-more__btn svg { stroke: #fff; }
/* 26-oct · el fondo pasó a claro pero el número, la etiqueta y el texto seguían con el blanco del CSS antiguo (no se leían) */
.m26-plp-page #itemContainer .milar-more__count { color: var(--m26-green-text); }
.m26-plp-page #itemContainer .milar-more__count-label { color: var(--m26-ink); }
.m26-plp-page #itemContainer .milar-more__text { color: var(--m26-muted); }
.m26-plp-page #itemContainer .milar-more__done-text { color: var(--m26-ink); }
.m26-plp-page #itemContainer .milar-more__done-text a { color: var(--m26-green-text); }

/* destacados sin CP */
.m26-plp-page .m26-featured { margin: 0 0 24px; }
.m26-plp-page .m26-featured .m26-rail__track { padding-bottom: 10px; }

/* contenidos del gestor y descripción de la categoría */
.m26-plp-page .contenido-html-categoria-listado, .m26-plp-page .descripcion-listado-productos { font-family: var(--m26-font); color: var(--m26-ink); }
.m26-plp-page .descripcion-listado-productos { margin: 0 0 20px; }
.m26-plp-page .descripcion-listado-btn-mas { padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 15px/1.3 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* sin resultados */
.m26-noresult { padding-block: 24px; font-family: var(--m26-font); }
.m26-noresult p { margin: 0; padding: 16px 18px; border-radius: 14px; background: var(--m26-bone); color: var(--m26-ink); font-size: 15px; }

/* --------------------------------------------------------------------------
   Paginación, búsquedas relacionadas, marcas, SEO, comparador
   -------------------------------------------------------------------------- */
.m26-plp-page .footerHeader.listadoHeader { margin: 0; padding: 24px 0 8px; border: 0; background: none; font-family: var(--m26-font); }
.m26-plp-page .footerHeader .wrap { max-width: var(--m26-container); padding: 0 var(--m26-gutter); box-sizing: border-box; }
.m26-plp-page .footerHeader .wrap-filtros { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.m26-plp-page .footerHeader .info-paginacion p { margin: 0; color: var(--m26-muted); font-size: 14px; text-align: center; }
.m26-plp-page .footerHeader .info-paginacion strong { color: var(--m26-ink); }
.m26-plp-page .footerHeader [class*="paginacion"] > a, .m26-plp-page .footerHeader a[data-type="irAPagina"], .m26-plp-page .footerHeader .jp-disabled {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	margin: 0 2px;
	padding: 0 10px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 999px;
	background: #fff;
	color: var(--m26-ink);
	font-weight: 700;
	text-decoration: none;
	box-sizing: border-box;
}

.m26-plp-page .footerHeader a.jp-current { border-color: var(--m26-ink); background: var(--m26-ink); color: #fff; }
.m26-plp-page .footerHeader .jp-disabled { opacity: .35; }

.m26-plp-page .related_filters_info_text { margin: 32px 0 10px; color: var(--m26-muted); font: 700 12px/1.3 var(--m26-font); letter-spacing: .1em; text-transform: uppercase; }
.m26-plp-page .search_tags, .m26-plp-page .our-brands { max-width: none; margin: 0; padding: 0; }
.m26-plp-page .search_tags .row, .m26-plp-page .our-brands .row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.m26-plp-page .search_tags .item, .m26-plp-page .our-brands .item { width: auto !important; margin: 0; padding: 0; float: none; }
.m26-plp-page .search_tags .item:has(.fast_delivery) { display: none; }
.m26-plp-page .search_tags .pad15, .m26-plp-page .our-brands .pad15 { padding: 0; }
.m26-plp-page .search_tags a, .m26-plp-page .our-brands a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 999px;
	background: #fff;
	color: var(--m26-ink);
	font: 600 14px/1 var(--m26-font);
	text-decoration: none;
}

.m26-plp-page .search_tags a p, .m26-plp-page .our-brands a p { margin: 0; }
.m26-plp-page .search_tags a:hover, .m26-plp-page .our-brands a:hover { border-color: var(--m26-ink); }

.m26-plp-page .category_seo { max-width: 1100px; margin: 40px auto 0; padding: 0 var(--m26-gutter); color: var(--m26-muted); font: 400 14px/1.6 var(--m26-font); box-sizing: border-box; }
.m26-plp-page .category_seo h2, .m26-plp-page .category_seo h3 { color: var(--m26-ink); font-family: var(--m26-font); font-weight: 800; letter-spacing: -.02em; text-transform: none; }

.m26-plp-page .comparator_button_action:not(.ocu) { position: fixed; left: 50%; bottom: 16px; z-index: 80; transform: translateX(-50%); }
.m26-plp-page .comparator_button_action_button { min-height: 52px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--m26-ink); color: #fff; font: 700 15px/1 var(--m26-font); box-shadow: 0 12px 30px rgba(0, 12, 26, .3); cursor: pointer; }

/* barra fija móvil «¿Dudas entre dos?» */
.m26-plpdock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--m26-ink); color: #fff; font-family: var(--m26-font); box-shadow: 0 -10px 30px rgba(0, 12, 26, .25); animation: m26-dock .35s var(--m26-ease) both; }
.m26-plpdock[hidden] { display: none; }
.m26-plpdock__in { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 640px; margin: 0 auto; }
.m26-plpdock p { display: flex; flex-direction: column; margin: 0; font-size: 14px; line-height: 1.3; }
.m26-plpdock p span { color: var(--m26-muted-on-ink); font-size: 13px; }
.m26-plpdock .m26-btn { min-height: 44px; padding: 0 20px; }
html.m26-has-dock #sonar-fab { bottom: calc(84px + env(safe-area-inset-bottom)) !important; }

@keyframes m26-dock { from { transform: translateY(100%); } to { transform: none; } }

/* ==========================================================================
   Tablet y escritorio
   ========================================================================== */
@media (min-width: 640px) {
	.m26-plpbar__row { grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; }
	.m26-fast { grid-column: auto; max-width: 460px; }
	.m26-plpbar__filters { padding: 0 20px; }
	.m26-sort__select { min-width: 220px; }
	.m26-plp-page #itemContainer.m26-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
	.m26-plp-page #itemContainer .m26-card { padding: 14px 14px 16px; }
	.m26-plp-page #itemContainer .m26-card__now { font-size: 22px; }
}

@media (min-width: 1024px) {
	.m26-plphead__grid { padding-block: 18px 30px; gap: 32px; }
	.m26-plphead__h1, .m26-plphead__h1 h1 { font-size: clamp(40px, 4vw, 56px); }
	.m26-plphead__lead { font-size: 17px; }
	.m26-plphead__art { width: 180px; margin-bottom: -30px; }
	.m26-subcats { padding-bottom: 22px; }

	.m26-people { display: flex; align-items: center; gap: 20px; }
	.m26-people__t { margin: 0; white-space: nowrap; }
	.m26-people__opts { grid-template-columns: repeat(3, 190px); }

	.m26-plpbar__row { grid-template-columns: auto 1fr; }
	.m26-plpbar__filters { display: none; }
	.m26-sort { justify-self: end; }
	.m26-plp-page .m26-sort__select { display: none; }
	.m26-sort__pills { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin: 0; padding: 0; list-style: none; }
	.m26-sort__pills button { min-height: 40px; padding: 0 14px; border: 1.5px solid transparent; border-radius: 999px; background: none; color: var(--m26-muted); font: 600 14px/1 var(--m26-font); cursor: pointer; transition: border-color .2s var(--m26-ease), color .2s var(--m26-ease); }
	.m26-sort__pills button:hover { color: var(--m26-ink); border-color: var(--m26-line-strong); }
	.m26-sort__pills button[aria-pressed="true"] { border-color: var(--m26-ink); color: var(--m26-ink); font-weight: 700; }

	.m26-plp-page .m26-plp .wrap-listadonuevo { display: grid !important; grid-template-columns: 270px minmax(0, 1fr); gap: 36px; align-items: start; }

	.m26-plp-page .m26-filters {
		position: sticky;
		top: calc(var(--m26-hdr-h, 120px) + 12px);
		inset: auto;
		z-index: 1;
		max-height: calc(100vh - var(--m26-hdr-h, 120px) - 24px);
		transform: none;
		visibility: visible;
		transition: none;
		background: transparent;
	}

	.m26-filters__head { padding: 0 0 6px; border: 0; }
	.m26-filters__head .m26-iconbtn, .m26-filters__foot { display: none; }
	.m26-filters__title { font-size: 18px; }
	.m26-plp-page .m26-filters .filtros-lateral { padding: 0 6px 20px 0 !important; scrollbar-width: thin; }

	.m26-plp-page #itemContainer.m26-grid { gap: 16px; }
	.m26-plp-page #itemContainer.m26-grid > li.m26-grid__wide { grid-column: span 2; }
	.m26-plp-page #itemContainer .m26-card:hover { transform: translateY(-3px); border-color: var(--m26-line-strong); box-shadow: 0 16px 32px rgba(0, 12, 26, .08); }
	.m26-plp-page #itemContainer .m26-card:hover .m26-card__img { transform: scale(1.04); }
	.m26-plpdock { display: none !important; }
}

@media (min-width: 1360px) {
	.m26-plp-page #itemContainer.m26-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

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

/* El CSS antiguo de escritorio limita con max-width en % (20 % filtros, 80 % resultados, 23 % tarjeta)
   y pone font-size: 0 al contenedor (truco de inline-block): se anulan dentro del listado nuevo. */
.m26-plp-page .m26-plp .wrap-listadonuevo { font-size: 16px; }
.m26-plp-page .m26-plp .m26-filters,
.m26-plp-page .m26-plp .listadoBody,
.m26-plp-page #itemContainer.m26-grid > li { max-width: none !important; min-width: 0 !important; }

/* guía de la categoría (contenido «Titulo»/«Cuerpo» del gestor) como tarjeta plegable */
.m26-plp-page .m26-guide-plp { margin: 0 0 20px; padding: 0; border: 1px solid var(--m26-line); border-radius: var(--m26-radius-card); background: #fff; overflow: hidden; }
.m26-plp-page .m26-guide-plp .descripcion-listado-btn-mas {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 56px;
	padding: 10px 16px;
	text-align: left;
	text-decoration: none;
	background: none !important;
}

.m26-plp-page .m26-guide-plp .descripcion-listado-btn-mas::before {
	content: "Guía";
	flex: none;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--m26-green-soft);
	color: var(--m26-green-text);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
}

.m26-plp-page .m26-guide-plp .descripcion-listado-texto { padding: 0 16px 16px; color: var(--m26-muted); font-size: 15px; line-height: 1.55; }
.m26-plp-page .m26-guide-plp .descripcion-listado-btn-menos { margin-top: 10px; padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 13px/1 var(--m26-font); text-decoration: underline; cursor: pointer; }
/* «Borrar filtros» solo si hay filtros visibles (el plazo lo gestiona el interruptor) */
.m26-plp-page .m26-applied .filtros_summarized:not(:has(.attribute-section:not(.m26-hide), .brand-section)) { display: none; }

/* progreso de la paginación */
.m26-more-pag { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; font-family: var(--m26-font); }
.m26-more-pag p { margin: 0; color: var(--m26-muted); font-size: 14px; }
.m26-more-pag b { color: var(--m26-ink); }
.m26-more-pag__bar { width: min(260px, 70%); height: 4px; border-radius: 4px; background: var(--m26-line); overflow: hidden; }
.m26-more-pag__bar i { display: block; height: 100%; border-radius: 4px; background: var(--m26-ink); }
.m26-more-pag .m26-btn { margin-top: 6px; min-width: 240px; }
.m26-plp-page .m26-guide-plp .descripcion-listado-btn-mas { position: static !important; text-indent: 0 !important; }
.m26-plp-page .m26-guide-plp .descripcion-listado-btn-mas::before { position: static !important; display: inline-block !important; width: auto !important; height: auto !important; margin: 0 !important; transform: none !important; background-image: none !important; font-family: var(--m26-font) !important; }
.m26-plp-page .m26-guide-plp .descripcion-listado-btn-mas::after { display: none !important; }

/* ==========================================================================
   Ronda 2 · filtros nuevos, guía de compra, lectura de la guía y promociones en la rejilla
   ========================================================================== */
.m26-plp-page .m26-filters--nuevo .m26-legacy-panel { display: none !important; }
html.m26-loading .m26-plp-page #itemContainer { opacity: .45; pointer-events: none; transition: opacity .2s var(--m26-ease); }

/* panel */
.m26-fp { flex: 1; min-height: 0; overflow-y: auto; padding: 0 20px 8px; font-family: var(--m26-font); color: var(--m26-ink); }
.m26-fg { border-bottom: 1px solid var(--m26-line); }
.m26-fg__h {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 56px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--m26-ink);
	font: 700 15px/1.25 var(--m26-font);
	text-align: left;
	cursor: pointer;
}

.m26-fg__h span { flex: 1; }
.m26-fg__h em { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--m26-ink); color: #fff; font-size: 12px; font-style: normal; font-weight: 800; box-sizing: border-box; }
.m26-fg__h .m26-ico { width: 18px; height: 18px; color: var(--m26-muted); transition: transform .2s var(--m26-ease); }
.m26-fg__h[aria-expanded="true"] .m26-ico { transform: rotate(180deg); }
.m26-fg__b { padding: 0 0 18px; }
.m26-fg__b[hidden] { display: none; }

.m26-fchips { display: flex; flex-wrap: wrap; gap: 8px; }
.m26-fchip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	padding: 0 14px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 999px;
	background: #fff;
	color: var(--m26-ink);
	font: 600 14px/1.2 var(--m26-font);
	cursor: pointer;
	transition: border-color .15s var(--m26-ease), background-color .15s var(--m26-ease), color .15s var(--m26-ease), transform .15s var(--m26-ease);
}

.m26-fchip small { color: var(--m26-muted); font-size: 12px; font-weight: 500; }
.m26-fchip:hover { border-color: var(--m26-ink); }
.m26-fchip:active { transform: scale(.96); }
.m26-fchip[aria-pressed="true"] { border-color: var(--m26-ink); background: var(--m26-ink); color: #fff; }
.m26-fchip[aria-pressed="true"] small { color: var(--m26-muted-on-ink); }
.m26-fchip[aria-pressed="true"]::before { content: ""; width: 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234FBB00' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
.m26-fchip[hidden], .m26-fchips:not(.is-all) .m26-fchip--more { display: none; }
/* 16-oct: chips que son <a href> (opciones que en producción son enlace): mismo aspecto que el botón, sin estilos de enlace del CSS antiguo */
a.m26-fchip, a.m26-fchip:hover, a.m26-fchip:focus { color: var(--m26-ink) !important; text-decoration: none !important; }
a.m26-fchip[aria-pressed="true"], a.m26-fchip[aria-pressed="true"]:hover { color: #fff !important; }

.m26-plp-page .m26-fsearch { width: 100%; height: 42px; margin: 0 0 10px; padding: 0 16px; border: 1.5px solid var(--m26-line-strong); border-radius: 999px; background: #fff; font: 400 14px/1 var(--m26-font); box-sizing: border-box; }
.m26-fmore { margin-top: 10px; padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

.m26-frange { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.m26-frange label { position: relative; display: flex; flex-direction: column; gap: 4px; color: var(--m26-muted); font-size: 12px; font-weight: 600; }
.m26-plp-page .m26-frange input { width: 100%; height: 44px; padding: 0 30px 0 14px; border: 1.5px solid var(--m26-line-strong); border-radius: 12px; background: #fff; color: var(--m26-ink); font: 700 15px/1 var(--m26-font); box-sizing: border-box; -moz-appearance: textfield; }
.m26-frange input::-webkit-outer-spin-button, .m26-frange input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.m26-frange i { position: absolute; right: 12px; bottom: 13px; color: var(--m26-muted); font-style: normal; font-size: 13px; }
.m26-frange__bar { position: relative; height: 28px; margin: 12px 4px 4px; }
.m26-frange__bar::before { content: ""; position: absolute; left: 0; right: 0; top: 12px; height: 4px; border-radius: 4px; background: var(--m26-line); }
.m26-frange__bar input { position: absolute; left: 0; top: 0; width: 100%; height: 28px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.m26-frange__bar input::-webkit-slider-thumb { width: 24px; height: 24px; border: 2px solid var(--m26-ink); border-radius: 50%; background: #fff; pointer-events: auto; cursor: grab; -webkit-appearance: none; }
.m26-frange__bar input::-moz-range-thumb { width: 22px; height: 22px; border: 2px solid var(--m26-ink); border-radius: 50%; background: #fff; pointer-events: auto; cursor: grab; }
.m26-frange__go { width: 100%; min-height: 42px; margin-top: 10px; }

.m26-flinks { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.m26-flinks a, .m26-flinks .m26-link { display: flex; cursor: pointer; align-items: center; min-height: 40px; color: var(--m26-ink); font-size: 14px; text-decoration: none; }
.m26-flinks a:hover, .m26-flinks .m26-link:hover { text-decoration: underline; text-underline-offset: 3px; }

.m26-fp__foot { display: flex; align-items: center; gap: 12px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--m26-line); background: #fff; }
.m26-fp__clear { min-height: 48px; padding: 0 8px; border: 0; background: none; color: var(--m26-ink); font: 700 15px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-fp__go { flex: 1; min-height: 52px; }
.m26-fp__clearall { margin-left: auto; margin-right: 8px; padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* --------------------------------------------------------------------------
   Guía de compra: preguntas
   -------------------------------------------------------------------------- */
.m26-guideq { margin-top: 20px; font-family: var(--m26-font); color: var(--m26-ink); }
.m26-guideq[hidden] { display: none; }
.m26-guideq__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.m26-guideq__head .m26-kicker { color: var(--m26-green-text); margin-bottom: 4px; }
.m26-guideq__title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; }
.m26-guideq__read { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-guideq__read[hidden] { display: none; }
.m26-guideq__read .m26-ico { width: 18px; height: 18px; color: var(--m26-green-text); }

.m26-guideq__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.m26-guideq__item { padding: 14px 0 16px 0; border-top: 1px solid var(--m26-line); }
.m26-guideq__q { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 16px; font-weight: 800; letter-spacing: -.01em; }
.m26-guideq__q span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none; border-radius: 50%; background: var(--m26-ink); color: #fff; font-size: 13px; }
.m26-guideq__opts { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--m26-gutter)); padding: 2px var(--m26-gutter) 4px; }
.m26-guideq__opts::-webkit-scrollbar { display: none; }

.m26-guideq__opt {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	flex: none;
	min-width: 132px;
	min-height: 64px;
	padding: 10px 34px 10px 14px;
	border: 1.5px solid var(--m26-line-strong);
	border-radius: 14px;
	background: #fff;
	color: var(--m26-ink);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .15s var(--m26-ease), background-color .15s var(--m26-ease), transform .15s var(--m26-ease);
}

.m26-guideq__opt b { font-size: 15px; }
.m26-guideq__opt span { color: var(--m26-muted); font-size: 13px; }
.m26-guideq__opt small { color: var(--m26-green-text); font-size: 12px; font-weight: 700; }
.m26-guideq__opt:hover { border-color: var(--m26-ink); }
.m26-guideq__opt:active { transform: scale(.97); }
.m26-guideq__opt::after { content: ""; position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; border: 1.5px solid var(--m26-line-strong); border-radius: 50%; box-sizing: border-box; }
.m26-guideq__opt[aria-pressed="true"] { border-color: var(--m26-ink); background: var(--m26-bone); }
.m26-guideq__opt[aria-pressed="true"]::after { border: 0; background: var(--m26-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234FBB00' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; }

/* tarjeta de la guía (sobre la rejilla) */
.m26-guidecard {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 14px;
	width: 100%;
	margin: 0 0 18px;
	padding: 14px 18px;
	border: 0;
	border-radius: var(--m26-radius-card);
	background: var(--m26-bone);
	color: var(--m26-ink);
	font-family: var(--m26-font);
	text-align: left;
	cursor: pointer;
	transition: background-color .2s var(--m26-ease);
}

.m26-guidecard:hover { background: #ECEAE3; }
.m26-guidecard[hidden] { display: none; }
.m26-guidecard__tag { padding: 5px 10px; border-radius: 999px; background: var(--m26-ink); color: #fff; font-size: 12px; font-weight: 700; white-space: nowrap; }
.m26-guidecard__t { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; }
/* 19-oct: el título es <h2> con el botón dentro; el botón hereda el texto y su ::after cubre la tarjeta entera */
.m26-guidecard { position: relative; }
.m26-guidecard__open { all: unset; cursor: pointer; font: inherit; color: inherit; }
.m26-guidecard__open::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.m26-guidecard:focus-within { outline: 2px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-guidecard__go { display: inline-flex; align-items: center; gap: 6px; color: var(--m26-green-text); font-size: 14px; font-weight: 700; white-space: nowrap; }
.m26-guidecard__go .m26-ico { width: 18px; height: 18px; }

/* --------------------------------------------------------------------------
   Lectura de la guía (pantalla completa en móvil, panel lateral en escritorio)
   -------------------------------------------------------------------------- */
.m26-guidedoc { position: fixed; inset: 0; z-index: 1000; display: none; background: rgba(0, 12, 26, .55); font-family: var(--m26-font); color: var(--m26-ink); }
.m26-guidedoc.is-open { display: block; animation: m26-fadein .25s var(--m26-ease); }
html.m26-guide-open, html.m26-guide-open body { overflow: hidden; }
html.m26-guide-open #sonar-fab { display: none !important; }
@keyframes m26-fadein { from { opacity: 0; } to { opacity: 1; } }

.m26-guidedoc__panel { position: absolute; inset: 0; display: flex; flex-direction: column; overflow-y: auto; background: #fff; }
.m26-guidedoc__head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px 12px 22px; border-bottom: 1px solid var(--m26-line); background: #fff; }
.m26-guidedoc__head .m26-kicker { margin: 0; color: var(--m26-green-text); }
.m26-guidedoc__body { flex: 1; width: 100%; max-width: 720px; margin: 0 auto; padding: 24px 22px 32px; box-sizing: border-box; }
.m26-guidedoc__title { margin: 0 0 18px; font-size: clamp(28px, 4vw, 40px); font-weight: 800; letter-spacing: -.03em; line-height: 1.08; }
.m26-guidedoc__body, .m26-guidedoc__body p, .m26-guidedoc__body li { font-size: 16px; line-height: 1.65; }
.m26-guidedoc__body p { margin: 0 0 14px; }
.m26-guidedoc__body span { font: inherit !important; color: inherit !important; background: none !important; }
.m26-guidedoc__body h2 { margin: 32px 0 12px; font-size: 26px; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; }
.m26-guidedoc__body h3 { margin: 26px 0 10px; font-size: 20px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
.m26-guidedoc__body strong, .m26-guidedoc__body b { font-weight: 700; }
.m26-guidedoc__body a { color: var(--m26-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--m26-green); text-decoration-thickness: 2px; }
.m26-guidedoc__body ul { margin: 0 0 14px; padding-left: 0; list-style: none; }
.m26-guidedoc__body ul li { position: relative; padding-left: 26px; margin-bottom: 8px; }
.m26-guidedoc__body ul li::before { content: ""; position: absolute; left: 4px; top: 8px; width: 12px; height: 12px; 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-guidedoc__body img { display: block; width: 100%; height: auto; margin: 6px 0 18px; border-radius: 18px; }
/* el HTML del gestor trae filas con estilos en línea (flex, min-width 300 px, padding): se neutralizan */
.m26-guidedoc__body .boxdescMilar, .m26-guidedoc__body .rowdescMilar { display: block !important; padding: 0 !important; gap: 0 !important; }
.m26-guidedoc__body .rowdescMilar .left, .m26-guidedoc__body .rowdescMilar .right { min-width: 0 !important; flex: none !important; width: auto !important; }
.m26-guidedoc__foot { position: sticky; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 22px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--m26-line); background: var(--m26-bone); }
.m26-guidedoc__foot p { margin: 0; font-size: 14px; }

/* --------------------------------------------------------------------------
   Promociones como tarjetas de la rejilla
   -------------------------------------------------------------------------- */
.m26-plp-page #itemContainer.m26-grid > li.m26-promotile { display: flex !important; }
.m26-promotile__in {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px 18px;
	border-radius: var(--m26-radius-card);
	background: var(--m26-ink);
	color: #fff;
	font-family: var(--m26-font);
	box-sizing: border-box;
}

.m26-promotile__t { margin: 0 0 8px; font-size: 22px; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; }
.m26-promotile__n { margin: 0 0 18px; color: var(--m26-muted-on-ink); font-size: 14px; }
.m26-promotile .m26-btn { margin-top: auto; align-self: flex-start; min-height: 44px; }
.m26-promotile--free .m26-promotile__in { background: var(--m26-green-soft); color: var(--m26-ink); }
.m26-promotile--free .m26-promotile__n { color: var(--m26-muted); }
.m26-promotile--free .m26-kicker--green { color: var(--m26-green-text); }

/* --------------------------------------------------------------------------
   Escritorio
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	.m26-plp-page .m26-filters--nuevo { display: flex !important; flex-direction: column; overflow: hidden; }
	.m26-fp { padding: 0 8px 12px 0; scrollbar-width: thin; }
	.m26-fp__foot { display: none; }
	.m26-filters__head .m26-fp__clearall { margin-right: 0; }

	.m26-guideq { margin-top: 26px; padding: 22px 24px 8px; border: 1px solid var(--m26-line); border-radius: var(--m26-radius-lg); }
	.m26-guideq__title { font-size: 26px; }
	.m26-guideq__list { grid-template-columns: repeat(var(--m26-q, 3), minmax(0, 1fr)); gap: 24px; }
	.m26-guideq__list:has(> li:nth-child(2):last-child) { --m26-q: 2; }
	.m26-guideq__list:has(> li:only-child) { --m26-q: 1; }
	.m26-guideq__item { border-top: 0; padding-top: 6px; }
	.m26-guideq__opts { flex-wrap: wrap; margin: 0; padding: 0; overflow: visible; }
	.m26-guideq__opt { flex: 1 1 140px; }

	.m26-guidedoc__panel { left: auto; width: min(760px, 92vw); box-shadow: -20px 0 50px rgba(0, 12, 26, .25); animation: m26-panelin .35s var(--m26-ease); }
	@keyframes m26-panelin { from { transform: translateX(40px); opacity: .6; } to { transform: none; opacity: 1; } }
	.m26-guidedoc__body { padding: 32px 40px 40px; }
}

@media (prefers-reduced-motion: reduce) {
	.m26-guidedoc.is-open, .m26-guidedoc__panel { animation: none !important; }
}
@media (min-width: 1024px) {
	.m26-guideq__opts { flex-wrap: nowrap; }
	.m26-guideq__opt { flex: 1 1 0; min-width: 0; padding-right: 30px; }
}
/* hoja de filtros móvil: columna flexible con el pie siempre visible */
@media (max-width: 1023px) {
	.m26-plp-page .m26-filters.m26-filters--nuevo { display: flex !important; }
	.m26-guideq.is-compact .m26-guideq__item:nth-child(n + 2) { display: none; }
}
.m26-frange__go[hidden] { display: none !important; }
.m26-guideq__more { display: inline-flex; align-items: center; gap: 6px; margin: 2px 0 6px; padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-guideq__more[hidden] { display: none; }
@media (max-width: 639px) {

	.m26-guidecard__tag { grid-column: 1 / -1; justify-self: start; }
	.m26-guidecard__t { font-size: 15px; }
}
/* el texto del gestor trae fuente, sangrías y tamaños propios: se igualan al sistema */
.m26-guidedoc__body, .m26-guidedoc__body * { font-family: var(--m26-font) !important; }
.m26-guidedoc__body .left, .m26-guidedoc__body .right { margin: 0 !important; padding: 0 !important; }
.m26-guidedoc__body p, .m26-guidedoc__body li { margin-left: 0 !important; padding-left: 0 !important; text-indent: 0 !important; font-size: 16px !important; line-height: 1.65 !important; color: var(--m26-ink) !important; }
.m26-guidedoc__body ul li { padding-left: 26px !important; }
.m26-guidedoc__body img { width: 100% !important; height: auto !important; max-width: 100% !important; margin: 4px 0 16px !important; padding: 0 !important; }
.m26-guidedoc__body p:empty, .m26-guidedoc__body p:has(> br:only-child) { display: none; }
.m26-guidedoc__body .m26-guidedoc__title { margin: 0 0 18px !important; font-size: clamp(28px, 4vw, 40px) !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -.03em; }
.m26-guidedoc__body h2 { font-size: 26px !important; }
.m26-guidedoc__body h3 { font-size: 20px !important; }
.m26-guidecard, .m26-guidecard * { text-decoration: none !important; }
.m26-guidecard__t { color: var(--m26-ink) !important; }

/* --------------------------------------------------------------------------
   Ronda 3 · tarjetas más compactas y guía sin desbordar en móvil
   -------------------------------------------------------------------------- */
.m26-guideq { max-width: 100%; box-sizing: border-box; }
.m26-guideq__item { min-width: 0; }
@media (max-width: 1023px) { .m26-guideq__list { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1023px) {
	/* sin carrusel ni márgenes negativos: las respuestas caben en el ancho (3 por fila, la 4.ª baja) */
	.m26-guideq__opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 6px; margin: 0; padding: 0; overflow: visible; }
	.m26-guideq__opt { min-width: 0; min-height: 0; padding: 9px 24px 9px 10px; border-radius: 12px; }
	.m26-guideq__opt::after { top: 8px; right: 8px; width: 15px; height: 15px; }
	.m26-guideq__opt[aria-pressed="true"]::after { background-size: 9px; }
	.m26-guideq__opt b { font-size: 14px; }
	.m26-guideq__opt span { font-size: 12px; line-height: 1.25; }
	.m26-guideq__opt small { font-size: 11px; }
	.m26-guideq__q { font-size: 15px; margin-bottom: 8px; }
	.m26-guideq__q span { width: 22px; height: 22px; font-size: 12px; }
	.m26-guideq__item { padding: 12px 0; }
	.m26-guideq__title { font-size: 20px; }
}

/* tarjeta del listado: móvil */
.m26-plp-page #itemContainer.m26-grid { gap: 8px; }
.m26-plp-page #itemContainer .m26-card { padding: 8px 8px 10px; border-radius: 14px; }
.m26-plp-page #itemContainer .m26-card__media { margin-bottom: 6px; }
.m26-plp-page #itemContainer .m26-card__img,
.m26-plp-page #itemContainer .m26-card__media picture img { width: 90%; height: 90%; }
.m26-plp-page #itemContainer .m26-card__promo { width: 40px; }
.m26-plp-page #itemContainer .m26-tag { padding: 3px 7px; font-size: 10px; }
.m26-plp-page #itemContainer .m26-card__brand { margin-bottom: 2px; font-size: 10px; }
.m26-plp-page #itemContainer .m26-card__name { margin-bottom: 2px; font-size: 13px; line-height: 1.25; }
.m26-plp-page #itemContainer .m26-card__link { min-height: 2.5em; }
.m26-plp-page #itemContainer .m26-card__specs { margin-bottom: 4px; font-size: 11.5px; }
.m26-plp-page #itemContainer .m26-card__rating { min-height: 16px; margin-bottom: 6px; font-size: 12px; }
.m26-plp-page #itemContainer .m26-card__buy { gap: 4px; flex-wrap: wrap; }
.m26-plp-page #itemContainer .m26-card__price { gap: 4px; }
.m26-plp-page #itemContainer .m26-card__now { font-size: 18px; }
.m26-plp-page #itemContainer .m26-card__was { font-size: 12px; }
.m26-plp-page #itemContainer .m26-card__energy-img { height: 18px; }
.m26-plp-page #itemContainer .m26-energy { height: 18px; padding: 0 10px 0 6px; font-size: 11px; }
.m26-plp-page #itemContainer .m26-card__eta { min-height: 16px; margin-top: 6px; font-size: 11.5px; line-height: 1.25; }
.m26-plp-page #itemContainer .m26-card__eta svg { width: 12px; height: 12px; }
.m26-plp-page #itemContainer .m26-card__cmp { min-height: 28px; margin-top: 2px; font-size: 12px; gap: 6px; }
.m26-plp-page #itemContainer .m26-card__cmp input { width: 14px !important; height: 14px !important; }

@media (min-width: 640px) {
	.m26-plp-page #itemContainer.m26-grid { gap: 12px; }
	.m26-plp-page #itemContainer .m26-card { padding: 12px 12px 14px; }
	.m26-plp-page #itemContainer .m26-card__img,
	.m26-plp-page #itemContainer .m26-card__media picture img { width: 82%; height: 82%; }
	.m26-plp-page #itemContainer .m26-card__name { font-size: 14px; }
	.m26-plp-page #itemContainer .m26-card__now { font-size: 20px; }
	.m26-plp-page #itemContainer .m26-card__eta { font-size: 12px; }
}
@media (max-width: 639px) {
	.m26-plp-page #itemContainer .m26-card__media { aspect-ratio: 5 / 4; }
	.m26-plp-page #itemContainer .m26-card__rating--none { display: none; }
	.m26-plp-page #itemContainer .m26-card__specs { min-height: 0; }
	.m26-sort__select { padding-right: 34px; font-size: 15px; }
}

/* --------------------------------------------------------------------------
   Comparador (milar2026_cmp_ui.jsp)
   -------------------------------------------------------------------------- */
.m26-plp-page .comparator_button_action, .m26-plp-page #modal { display: none !important; }
html.m26-cmp-on .m26-plpdock { display: none !important; }
html.m26-cmp-on #sonar-fab { bottom: 96px !important; }

.m26-cmpbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 75; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--m26-ink); color: #fff; font-family: var(--m26-font); box-shadow: 0 -10px 30px rgba(0, 12, 26, .25); animation: m26-dock .35s var(--m26-ease) both; }
.m26-cmpbar[hidden] { display: none; }
.m26-cmpbar__in { display: flex; align-items: center; gap: 10px; max-width: var(--m26-container); margin: 0 auto; }
.m26-cmpbar__thumbs { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.m26-cmpbar__thumbs li { position: relative; width: 40px; height: 40px; flex: none; border-radius: 10px; background: #fff; }
.m26-cmpbar__thumbs li.is-empty { background: transparent; border: 1.5px dashed rgba(255, 255, 255, .35); box-sizing: border-box; }
.m26-cmpbar__thumbs img { width: 100%; height: 100%; padding: 3px; object-fit: contain; box-sizing: border-box; }
.m26-cmpbar__thumbs button { position: absolute; top: -6px; right: -6px; width: 20px; height: 20px; padding: 0; border: 2px solid var(--m26-ink); border-radius: 50%; background: #fff; color: var(--m26-ink); font: 700 13px/1 var(--m26-font); cursor: pointer; }
.m26-cmpbar__txt { flex: 1; min-width: 0; margin: 0; font-size: 13px; line-height: 1.3; color: rgba(255, 255, 255, .8); }
.m26-cmpbar__txt b { display: block; color: #fff; font-size: 14px; }
.m26-cmpbar__clear { padding: 0; border: 0; background: none; color: #fff; font: 600 13px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-cmpbar__go { min-height: 44px; padding: 0 18px; }
.m26-cmpbar__go:disabled { opacity: .45; cursor: not-allowed; }
.m26-cmpbar__toast { position: absolute; left: 50%; bottom: calc(100% + 10px); margin: 0; padding: 10px 14px; border-radius: 12px; background: #fff; color: var(--m26-ink); font-size: 13px; font-weight: 700; white-space: nowrap; box-shadow: 0 10px 30px rgba(0, 12, 26, .2); opacity: 0; transform: translate(-50%, 6px); transition: opacity .2s, transform .2s; pointer-events: none; }
.m26-cmpbar__toast.is-on { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 639px) {
	.m26-cmpbar__thumbs li { width: 34px; height: 34px; }
	.m26-cmpbar__thumbs li.is-empty:nth-child(n + 3) { display: none; }
	.m26-cmpbar__clear { display: none; }
	.m26-cmpbar__txt { font-size: 12px; }
	.m26-cmpbar__txt b { font-size: 13px; }
}

.m26-cmp .m26-cmp__panel { display: flex; flex-direction: column; height: 92vh; max-height: 92vh; padding: 18px 0 0; overflow: hidden; }
.m26-cmp__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 0 16px 12px; }
.m26-cmp__head .m26-kicker { margin-bottom: 4px; }
.m26-cmp__tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px 12px; border-bottom: 1px solid var(--m26-line); }
.m26-cmp__tools[hidden] { display: none; }
.m26-cmp__diff { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; cursor: pointer; }
.m26-cmp__diff input { position: absolute; opacity: 0; pointer-events: none; }
.m26-cmp__diff input:checked + .m26-switch { background: var(--m26-green-text); }
.m26-cmp__diff input:checked + .m26-switch i { transform: translateX(18px); }
.m26-cmp__diff input:focus-visible + .m26-switch { outline: 2px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-cmp__add { padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-cmp__body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
.m26-cmp__state { display: grid; justify-items: center; gap: 16px; padding: 60px 24px; text-align: center; font-size: 15px; line-height: 1.5; }
.m26-cmp__state p { margin: 0; }

.m26-cmp__scroll { --m26-lab: 104px; --m26-col: max(128px, calc((100vw - 104px) / 2)); }
.m26-cmp__table { width: max(100%, calc(var(--m26-lab) + var(--m26-cols) * var(--m26-col))); border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 13px; }
.m26-cmp__table th, .m26-cmp__table td { padding: 10px 10px; border-bottom: 1px solid var(--m26-line); text-align: left; vertical-align: top; line-height: 1.35; }
.m26-cmp__table th[scope="row"], .m26-cmp__table thead th:first-child { position: sticky; left: 0; z-index: 1; width: var(--m26-lab); background: var(--m26-bone); color: var(--m26-muted); font-size: 12px; font-weight: 700; }
.m26-cmp__table thead th { position: sticky; top: 0; z-index: 2; background: #fff; border-bottom: 1px solid var(--m26-line-strong); }
.m26-cmp__table thead th:first-child { z-index: 3; background: #fff; }
.m26-cmp__table td { font-weight: 600; color: var(--m26-ink); }
.m26-cmp__table tr.is-diff td { background: #fff; }
.m26-cmp__table td.is-yes { color: var(--m26-green-text); }
.m26-cmp__table td.is-yes svg { width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.m26-cmp__table td.is-no { color: var(--m26-muted); font-weight: 500; }
.m26-cmp__price td { font-size: 18px; font-weight: 800; letter-spacing: -.02em; }
.m26-cmp__price td .price_comparator, .m26-cmp__price td p { margin: 0; }
.m26-cmp__more { display: none; }
.m26-cmp__body.is-all .m26-cmp__more { display: table-row; }
.m26-cmp__body.is-diff tr.is-same:not(.m26-cmp__price) { display: none; }
.m26-cmp__prod { position: relative; display: grid; gap: 6px; font-size: 12.5px; font-weight: 700; line-height: 1.25; }
.m26-cmp__prod img { width: 100%; height: 84px; object-fit: contain; }
.m26-cmp__prod a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: var(--m26-ink) !important; text-decoration: none !important; }
.m26-cmp__rm { position: absolute; top: -4px; right: -4px; z-index: 1; width: 26px; height: 26px; padding: 0; border: 1px solid var(--m26-line-strong); border-radius: 50%; background: #fff; color: var(--m26-ink); font: 700 15px/1 var(--m26-font); cursor: pointer; }
.m26-cmp__toggle { display: block; margin: 14px 16px 0; padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1.3 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-cmp__ctas { display: grid; grid-template-columns: 108px repeat(var(--m26-cols), minmax(0, 1fr)); gap: 8px; padding: 16px 10px 0 0; }
.m26-cmp__ctas .m26-btn { min-height: 42px; padding: 0 8px; font-size: 13px; }
@media (max-width: 639px) {
	.m26-cmp__ctas { grid-template-columns: repeat(var(--m26-cols), minmax(0, 1fr)); padding: 16px 16px 0; }
	.m26-cmp__ctas > span { display: none; }
}
@media (min-width: 1024px) {
	.m26-cmp .m26-cmp__panel { left: 50%; right: auto; bottom: auto; top: 50%; width: min(1080px, 94vw); height: auto; max-height: 88vh; border-radius: 24px; transform: translate(-50%, -46%); opacity: 0; transition: transform .3s var(--m26-ease), opacity .3s var(--m26-ease); }
	.m26-cmp.is-open .m26-cmp__panel { transform: translate(-50%, -50%); opacity: 1; }
	.m26-cmp__head, .m26-cmp__tools { padding-inline: 28px; }
	.m26-cmp__scroll { --m26-lab: 200px; --m26-col: 200px; padding: 0 12px; }
	.m26-cmp__table { font-size: 14px; }
	.m26-cmp__table th[scope="row"] { font-size: 13px; }
	.m26-cmp__prod img { height: 120px; }
	.m26-cmp__ctas { grid-template-columns: 200px repeat(var(--m26-cols), minmax(0, 1fr)); padding: 18px 22px 8px 12px; }
	.m26-cmp__toggle { margin-inline: 28px; }
}
.m26-cmp__prod a.m26-cmp__see { display: inline-flex; align-items: center; justify-self: start; min-height: 32px; padding: 0 12px; border-radius: 999px; background: var(--m26-ink); color: #fff !important; font-size: 12px; }
.m26-cmp__prod a.m26-cmp__see:hover { background: var(--m26-ink-3); }
.m26-cmp__picked { display: grid; gap: 8px; width: min(100%, 420px); margin: 10px 0 0; padding: 0; list-style: none; text-align: left; }
.m26-cmp__picked li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--m26-line); border-radius: 12px; font-size: 13px; font-weight: 600; }
.m26-cmp__picked img { width: 40px; height: 40px; flex: none; object-fit: contain; }
.m26-cmp__picked span { flex: 1; min-width: 0; }
.m26-cmp__picked button { 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; }

/* Guía completa en móvil: hoja inferior anclada (asa, entrada deslizada, sin arrastrar el scroll de la página) */
.m26-guidedoc__panel { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.m26-guidedoc.is-closing { animation: m26-fadeout .22s var(--m26-ease) both; }
@keyframes m26-fadeout { to { opacity: 0; } }
@media (max-width: 1023px) {
	.m26-guidedoc__panel { top: 28px; border-radius: 22px 22px 0 0; box-shadow: 0 -16px 40px rgba(0, 12, 26, .25); animation: m26-sheetin .32s var(--m26-ease) both; }
	.m26-guidedoc.is-closing .m26-guidedoc__panel { animation: m26-sheetout .22s var(--m26-ease) both; }
	@keyframes m26-sheetin { from { transform: translateY(40px); opacity: .4; } to { transform: none; opacity: 1; } }
	@keyframes m26-sheetout { to { transform: translateY(60px); opacity: 0; } }
	.m26-guidedoc__head { padding: 18px 12px 10px 20px; border-radius: 22px 22px 0 0; }
	.m26-guidedoc__head::before { content: ""; position: absolute; top: 7px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: var(--m26-line-strong); }
	.m26-guidedoc__body { padding: 18px 20px 24px; }
	.m26-guidedoc__body .m26-guidedoc__title { font-size: 26px !important; margin-bottom: 14px !important; }
	.m26-guidedoc__body h2 { margin-top: 26px !important; font-size: 22px !important; }
	.m26-guidedoc__body h3 { font-size: 18px !important; }
	.m26-guidedoc__body p, .m26-guidedoc__body li { font-size: 15px !important; line-height: 1.6 !important; text-wrap: pretty; }
	.m26-guidedoc__foot { flex-wrap: nowrap; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); }
	.m26-guidedoc__foot p { flex: 1; min-width: 0; font-size: 13px; line-height: 1.3; }
	.m26-guidedoc__foot p b { display: block; }
	.m26-guidedoc__foot .m26-btn { flex: none; min-height: 42px; padding: 0 16px; font-size: 14px; }
}
/* la viñeta antigua (imagen de milar.es) pisaba el check verde */
.m26-guidedoc__body ul li::before { content: "" !important; position: absolute !important; left: 4px !important; top: .55em !important; width: 12px !important; height: 12px !important; margin: 0 !important; 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 !important; }
.m26-guidedoc__body ul li { padding-left: 24px !important; }

/* Tarjeta de la guía (rediseño): miniatura + antetítulo con tiempo de lectura + título editorial + flecha */
.m26-guidecard { grid-template-columns: auto minmax(0, 1fr) auto !important; gap: 14px !important; padding: 10px 12px 10px 10px !important; border: 1px solid var(--m26-line) !important; background: #fff !important; box-shadow: 0 1px 0 rgba(0, 12, 26, .03); transition: border-color .2s var(--m26-ease), box-shadow .2s var(--m26-ease), transform .2s var(--m26-ease); }
.m26-guidecard:hover { border-color: var(--m26-line-strong) !important; box-shadow: 0 10px 24px rgba(0, 12, 26, .08); }
.m26-guidecard:active { transform: scale(.985); }
.m26-guidecard__art { position: relative; display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; overflow: hidden; border-radius: 14px; background: var(--m26-bone); color: var(--m26-green-text); }
.m26-guidecard__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.m26-guidecard__art .m26-ico { width: 30px; height: 30px; }
.m26-guidecard.has-img .m26-guidecard__art .m26-ico { position: absolute; left: 6px; bottom: 6px; width: 24px; height: 24px; padding: 4px; border-radius: 8px; background: #fff; box-sizing: border-box; }
.m26-guidecard__txt { display: grid; gap: 4px; min-width: 0; }
.m26-guidecard__kicker { color: var(--m26-green-text); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.m26-guidecard .m26-guidecard__t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: var(--m26-voice); font-size: 19px !important; font-weight: 500; font-style: italic; line-height: 1.2; letter-spacing: -.01em; }
.m26-guidecard__go { display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--m26-ink); color: #fff !important; transition: background-color .2s var(--m26-ease), transform .2s var(--m26-ease); }
.m26-guidecard__go .m26-ico { width: 18px; height: 18px; }
.m26-guidecard:hover .m26-guidecard__go { background: var(--m26-green-text); transform: translateX(2px); }
@media (max-width: 639px) {
	.m26-guidecard { gap: 12px !important; }
	.m26-guidecard__art { width: 64px; height: 64px; border-radius: 12px; }
	.m26-guidecard .m26-guidecard__t { font-size: 17px !important; }
	.m26-guidecard__go { width: 34px; height: 34px; }
}
@media (min-width: 1024px) {
	.m26-guidecard { padding: 12px 18px 12px 12px !important; }
	.m26-guidecard__art { width: 88px; height: 88px; }
	.m26-guidecard .m26-guidecard__t { font-size: 22px !important; }
}

/* Esqueleto de carga del listado: la M de Milar bajo la cabecera (antes iba absoluto con z-index 10000 y tapaba la cabecera fija) */
.m26-plp-page #cargas { position: fixed !important; top: var(--m26-hdr-full, 160px) !important; left: 0; right: 0; bottom: 0; z-index: 50 !important; min-height: 0 !important; margin: 0 !important; overflow: hidden; background: var(--m26-bone) !important; transition: opacity .25s var(--m26-ease) !important; }
.m26-plp-page #cargas > :not(.m26-cargas) { display: none !important; }
.m26-plp-page .m26-cargas { display: flex; align-items: center; justify-content: center; height: 100%; padding-bottom: 12vh; box-sizing: border-box; }
.m26-plp-page .m26-cargas .m26-loader { height: 56px; gap: 6px; }
.m26-plp-page .m26-cargas .m26-loader i { width: 15px; }

/* Subcategorías en móvil: pastillas rellenas (más contraste sobre tinta) y fundido a la derecha para indicar que hay más */
@media (max-width: 1023px) {
	.m26-subcats.m26-wrap { margin-inline: 0; padding-inline: 0; padding-bottom: 18px; }
	.m26-subcats ul { padding-inline: var(--m26-gutter); scroll-padding-inline: var(--m26-gutter); scroll-snap-type: x proximity; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); }
	.m26-subcats li { scroll-snap-align: start; }
	.m26-subcats li:last-child { padding-right: 28px; }
	.m26-subcats a { gap: 6px; min-height: 42px; padding: 0 14px 0 16px; border: 0; background: #fff; color: var(--m26-ink) !important; font-weight: 700; box-shadow: 0 2px 0 rgba(0, 0, 0, .15); }
	.m26-subcats a::after { content: ""; width: 7px; height: 7px; border-right: 2px solid var(--m26-green-text); border-bottom: 2px solid var(--m26-green-text); transform: rotate(-45deg); margin-left: 2px; }
	.m26-subcats a:hover, .m26-subcats a:active { background: var(--m26-bone); color: var(--m26-ink) !important; }
}

/* --------------------------------------------------------------------------
   Escritorio: guía en una fila (pasos uno detrás de otro) y panel de filtros integrado
   (el CSS antiguo le ponía fondo blanco, sombra, esquinas y top:auto → se metía bajo la cabecera fija)
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	.m26-guideq { padding: 18px 22px 14px; }
	.m26-guideq__head { margin-bottom: 8px; }
	.m26-guideq__title { font-size: 22px; }
	.m26-guideq__list { grid-template-columns: repeat(var(--m26-q, 3), minmax(0, 1fr)) !important; gap: 20px; }
	.m26-guideq.is-compact .m26-guideq__item:nth-child(n + 2) { display: block; }
	.m26-guideq__more { display: none !important; }
	.m26-guideq__item { padding: 0; border-top: 0; }
	.m26-guideq__q { margin-bottom: 8px; font-size: 15px; }
	.m26-guideq__opts { gap: 6px; }
	.m26-guideq__opt { min-height: 0; padding: 8px 26px 8px 10px; border-radius: 12px; }
	.m26-guideq__opt::after { top: 8px; right: 8px; width: 15px; height: 15px; }
	.m26-guideq__opt b { font-size: 14px; }
	.m26-guideq__opt span { font-size: 12px; line-height: 1.25; }
	.m26-guideq__opt small { font-size: 11px; }

	.m26-plp-page .m26-filters, .m26-plp-page .m26-filters.filtrosLaterales {
		position: sticky !important;
		top: calc(var(--m26-hdr-h, 117px) + 16px) !important;
		max-height: calc(100vh - var(--m26-hdr-h, 117px) - 32px) !important;
		background: transparent !important;
		box-shadow: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		padding: 0 !important;
	}
	.m26-plp-page .m26-filters .m26-fp, .m26-plp-page .m26-filters .filtros-lateral { background: transparent !important; }
}

/* ==========================================================================
   Guía en PASOS DESLIZABLES + carga sin recarga (14-oct)
   ========================================================================== */
.m26-guideq.is-stepper .m26-guideq__vp { overflow: hidden; transition: height .35s ease; }
.m26-guideq.is-stepper .m26-guideq__list { display: flex !important; gap: 0 !important; align-items: flex-start; transition: transform .45s cubic-bezier(.2, .7, .2, 1); grid-template-columns: none !important; }
.m26-guideq.is-stepper .m26-guideq__item { flex: 0 0 100%; min-width: 0; box-sizing: border-box; padding: 4px 2px 14px !important; border-top: 0 !important; display: block !important; }
.m26-guideq.is-stepper .m26-guideq__q { display: none; }
.m26-guideq.is-stepper .m26-guideq__opts { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
.m26-guideq.is-stepper .m26-guideq__opt { flex: none !important; min-width: 0; }
.m26-guideq.is-stepper .m26-guideq__more { display: none !important; }

/* pestañas de los pasos */
.m26-guideq__steps { display: flex; gap: 6px; margin: 0 0 12px; padding: 0; list-style: none; counter-reset: none; }
.m26-guideq__steps li { flex: 1 1 0; min-width: 0; display: flex; } /* 05-nov: misma altura en todas las pestañas (las contestadas tienen dos líneas): las líneas de abajo quedan alineadas */
.m26-guideq__steps button {
	position: relative; display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 10px 12px; border: 0; background: none;
	color: var(--m26-muted); font: inherit; text-align: left; cursor: pointer;
}
.m26-guideq__steps button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 2px; background: var(--m26-line); transition: background .3s ease; }
.m26-guideq__steps button.is-done::after { background: var(--m26-green); }
.m26-guideq__steps button.is-on::after { background: var(--m26-ink); }
.m26-guideq__steps button.is-on { color: var(--m26-ink); }
.m26-guideq__n { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px currentColor; font-size: 12px; font-weight: 800; }
.m26-guideq__steps button.is-on .m26-guideq__n { background: var(--m26-ink); color: #fff; box-shadow: none; }
.m26-guideq__steps button.is-done .m26-guideq__n { background: var(--m26-green); color: var(--m26-ink); box-shadow: none; font-size: 0; }
.m26-guideq__steps button.is-done .m26-guideq__n::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' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%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='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
.m26-guideq__st { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.m26-guideq__st b { overflow: hidden; font-size: 14px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.m26-guideq__st small { overflow: hidden; color: var(--m26-green-text); font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.m26-guideq__st small:empty { display: none; }

.m26-guideq__skip { margin-top: 10px; padding: 0; border: 0; background: none; color: var(--m26-muted); font: 700 13px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.m26-guideq__skip:hover { color: var(--m26-ink); }

/* opción pulsada mientras carga */
.m26-guideq__opt.is-busy { border-color: var(--m26-ink); background: var(--m26-bone); }
.m26-guideq__opt.is-busy::after { border: 2px solid var(--m26-line-strong) !important; border-top-color: var(--m26-ink) !important; background: none !important; animation: m26spin .7s linear infinite; }
@keyframes m26spin { to { transform: rotate(360deg); } }

/* resumen final */
.m26-guideq__done { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 24px; margin-top: 8px; }
/* 16-oct: en el paso a paso, .m26-guideq.is-stepper .m26-guideq__item lo dejaba en block (texto y botones pegados) */
.m26-guideq.is-stepper .m26-guideq__done { display: flex !important; padding: 10px 0 4px; }
.m26-guideq__donet { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 17px; }
.m26-guideq__check { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--m26-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000C1A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat; }
.m26-guideq__donebtns { display: flex; align-items: center; gap: 16px; }
.m26-guideq__restart { padding: 0; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* listado cargando sin recarga */
html.m26-soft #itemContainer, html.m26-soft .m26-plpbar__info { opacity: .45; transition: opacity .2s ease; pointer-events: none; }

@media (max-width: 1023px) {
	.m26-guideq__steps { gap: 4px; margin-bottom: 10px; }
	.m26-guideq__steps button { padding: 6px 2px 10px; gap: 6px; }
	.m26-guideq__steps li:not(:has(.is-on)) .m26-guideq__st b { display: none; }
	.m26-guideq__steps li:has(.is-on) { flex: 3 1 0; }
	.m26-guideq__steps li:not(:has(.is-on)) .m26-guideq__st small { max-width: 64px; }
	.m26-guideq.is-stepper .m26-guideq__opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.m26-guideq__done, .m26-guideq.is-stepper .m26-guideq__done { flex-direction: column; align-items: stretch; gap: 16px; }
	.m26-guideq__donebtns { justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) { .m26-guideq.is-stepper .m26-guideq__list, .m26-guideq.is-stepper .m26-guideq__vp { transition: none; } }

/* filtros aplicados propios (14-oct): pastillas en tinta, bien visibles */
.m26-applied .filtros_summarized[hidden] { display: none !important; }
.m26-active { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.m26-active__chip {
	display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 12px 0 14px; border: 0; border-radius: 999px;
	background: var(--m26-ink); color: #fff; font: 500 14px/1.2 var(--m26-font); cursor: pointer; transition: background .15s ease;
}
.m26-active__chip b { font-weight: 800; }
.m26-active__n { color: #C9CED6; }
.m26-active__chip .m26-ico { width: 16px; height: 16px; margin-left: 2px; padding: 2px; border-radius: 50%; background: rgba(255,255,255,.14); }
.m26-active__chip:hover { background: #1B2A3B; }
.m26-active__chip:hover .m26-ico { background: var(--m26-green); color: var(--m26-ink); }
.m26-active__chip:focus-visible, .m26-active__all:focus-visible { outline: 2px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-active__all { padding: 0 4px; border: 0; background: none; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (max-width: 1023px) {
	.m26-active { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--m26-gutter)); padding-inline: var(--m26-gutter); }
	.m26-active::-webkit-scrollbar { display: none; }
	.m26-active li { flex: none; }
	.m26-active__chip { min-height: 36px; font-size: 13px; }
}
.m26-applied .m26-active__chip b, .m26-active__chip b { color: #fff; }

/* banner del gestor dentro de la rejilla (14-oct) */
.m26-plp .contenido-html-categoria-listado[hidden] { display: none !important; }
#itemContainer > li.m26-gridbanner { grid-column: 1 / -1; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
#itemContainer > li.m26-gridbanner a { display: block; border-radius: var(--m26-radius-card, 16px); overflow: hidden; }
#itemContainer > li.m26-gridbanner img { display: block; width: 100% !important; height: auto !important; max-width: none !important; }
#itemContainer > li.m26-gridbanner p { margin: 0; }
#capaResultadoListadoProductos .listadoBody #itemContainer > li.m26-gridbanner, #capaResultadoListadoProductos #itemContainer > li.m26-gridbanner { grid-column: 1 / -1 !important; width: auto !important; max-width: none !important; margin: 0 !important; flex: 1 1 100% !important; }

/* banner del gestor como tarjeta de la rejilla, al estilo Euronics (14-oct) */
#capaResultadoListadoProductos .listadoBody #itemContainer > li.m26-gridpromo, #capaResultadoListadoProductos #itemContainer > li.m26-gridpromo { display: flex; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.m26-gridpromo__in { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; border-radius: var(--m26-radius-card, 16px); background: var(--m26-ink); color: #fff !important; text-decoration: none !important; transition: transform .2s var(--m26-ease); }
.m26-gridpromo__in:hover { transform: translateY(-3px); }
.m26-gridpromo__media { flex: 1; min-height: 140px; display: flex; align-items: center; justify-content: center; padding: 12px; background: #fff; }
.m26-gridpromo__media img { display: block; width: 100% !important; height: auto !important; max-height: 100%; object-fit: contain; border-radius: 10px; }
.m26-gridpromo__txt { display: flex; flex-direction: column; gap: 6px; padding: 16px; }
.m26-gridpromo__k { color: var(--m26-green); font: 800 11px/1 var(--m26-font); letter-spacing: .1em; text-transform: uppercase; }
.m26-gridpromo__txt b { font: 800 17px/1.2 var(--m26-font); letter-spacing: -.01em; }
.m26-gridpromo__go { align-self: flex-start; margin-top: 6px; padding: 10px 16px; border-radius: 999px; background: var(--m26-green); color: var(--m26-ink); font: 800 14px/1 var(--m26-font); }
.m26-gridpromo__in:focus-visible { outline: 2px solid var(--m26-focus, var(--m26-ink)); outline-offset: 3px; }

/* --------------------------------------------------------------------------
   Guía a pantalla completa (al llegar desde «Guías de compra» del menú, …html#guia) · lienzo GuiaFoco*
   -------------------------------------------------------------------------- */
html.m26-guia-foco, html.m26-guia-foco body { overflow: hidden; }
.m26-gfoco__x, .m26-gfoco__foot { display: none; }
html.m26-guia-foco .m26-guideq {
	position: fixed; z-index: 3000; left: 50%; top: 6vh; transform: translateX(-50%);
	width: min(860px, calc(100vw - 32px)); max-height: 88vh; overflow-y: auto; overscroll-behavior: contain;
	margin: 0; padding: 30px 34px 24px; border: 0; border-radius: 28px; background: #fff; box-sizing: border-box;
	box-shadow: 0 0 0 100vmax rgba(0, 12, 26, .62), 0 40px 80px -30px rgba(0, 0, 0, .5);
	animation: m26GfocoIn .25s var(--m26-ease);
}
@keyframes m26GfocoIn { from { opacity: 0; transform: translate(-50%, 12px); } }
html.m26-guia-foco .m26-guideq__head { padding-right: 56px; }
html.m26-guia-foco .m26-guideq__title { font-size: 30px; line-height: 1.05; letter-spacing: -.03em; }
html.m26-guia-foco .m26-guideq__q { font-size: 24px; letter-spacing: -.02em; }
html.m26-guia-foco .m26-gfoco__x { position: absolute; top: 22px; right: 22px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--m26-bone); color: var(--m26-ink); cursor: pointer; }
html.m26-guia-foco .m26-gfoco__x .m26-ico { width: 20px; height: 20px; }
html.m26-guia-foco .m26-gfoco__x:focus-visible { outline: 3px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
html.m26-guia-foco .m26-gfoco__foot:not([hidden]) { display: flex; align-items: center; justify-content: flex-end; gap: 14px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--m26-line); font-size: 14px; color: var(--m26-muted); }
html.m26-guia-foco .m26-gfoco__foot b { color: var(--m26-ink); }
@media (max-width: 767px) {
	html.m26-guia-foco .m26-guideq {
		left: 0; right: 0; top: 44px; bottom: 0; transform: none; width: auto; max-height: none;
		padding: 20px 16px calc(16px + env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0;
		display: flex; flex-direction: column;
		animation-name: m26GfocoUp;
	}
	@keyframes m26GfocoUp { from { transform: translateY(40px); opacity: 0; } }
	html.m26-guia-foco .m26-guideq__title { font-size: 24px; }
	html.m26-guia-foco .m26-guideq__q { font-size: 20px; }
	html.m26-guia-foco .m26-gfoco__x { top: 14px; right: 14px; width: 40px; height: 40px; }
	html.m26-guia-foco .m26-gfoco__foot:not([hidden]) { flex-direction: column; align-items: stretch; margin-top: auto; text-align: center; }
	html.m26-guia-foco .m26-gfoco__foot .m26-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { html.m26-guia-foco .m26-guideq { animation: none; } }
html.m26-guia-foco .m26-asesorfab, html.m26-guia-foco #sonar-fab, html.m26-guia-foco [class*="sonar"] { display: none !important; }

/* SEO (15-oct): la guía de compra del gestor va visible en la página, al final del listado (antes, ventana oculta) */
.m26-guidedoc.is-inline { position: static; inset: auto; z-index: auto; display: block; margin: 40px auto 0; padding: 0 var(--m26-gutter); max-width: var(--m26-container); background: none; animation: none; box-sizing: border-box; }
.m26-guidedoc.is-inline .m26-guidedoc__panel { position: static; inset: auto; width: auto; max-width: 860px; margin: 0 auto; overflow: visible; border-radius: var(--m26-radius-lg); box-shadow: none; animation: none; }
.m26-guidedoc.is-inline .m26-guidedoc__head { position: static; border-radius: var(--m26-radius-lg) var(--m26-radius-lg) 0 0; }
.m26-guidedoc.is-inline [data-m26-guide-close] { display: none; }
.m26-guidedoc.is-inline .m26-guidedoc__foot { position: static; border-radius: 0 0 var(--m26-radius-lg) var(--m26-radius-lg); }
.m26-guidedoc.is-inline .m26-guidedoc__title:focus { outline: none; }

/* CWV · CLS: la guía de preguntas se monta con JS; mientras, ocupa su alto final (móvil 340 px, escritorio ~283 px) sin pintarse */
.m26-guideq.is-pending { min-height: 340px; visibility: hidden; }
@media (min-width: 768px) { .m26-guideq.is-pending { min-height: 283px; } }

/* pieza de la M en la cabecera del listado (15-oct): en escritorio, del tamaño de la de promociones y apoyada abajo a la
   derecha de toda la cabecera (también bajo las pastillas de subcategorías); el texto y las pastillas le dejan su hueco */
@media (min-width: 1024px) {
	.m26-plphead.has-art { position: relative; }
	.m26-plphead.has-art > .m26-wrap { padding-right: calc(var(--m26-gutter) + 300px); }
	/* la pieza ocupa la altura de la cabecera más la franja de las migas (top negativo, mismo fondo) hasta 260px de ancho: no se corta con el menú en cabeceras bajas */
	.m26-plphead.has-art { min-height: 172px; }
	.m26-plphead.has-art .m26-plphead__art { position: absolute; top: -30px; bottom: 0; right: max(var(--m26-gutter), calc((100% - var(--m26-container)) / 2 + var(--m26-gutter))); width: 260px; margin: 0; }
	.m26-plphead.has-art .m26-plphead__art img { width: 100%; height: 100%; object-fit: contain; object-position: right bottom; }
}
@media (min-width: 1280px) { .m26-plphead.has-art .m26-plphead__art { width: 260px; } }

/* 15-oct · pie del listado: «Nuestras marcas» debajo de la paginación y sin cortarse (la fila tenía overflow:hidden y alto fijo
   del CSS antiguo); números de la paginación centrados; «Búsquedas populares» vacío no se pinta */
.m26-plp-page .related_filters_info_text.m26-vacio, .m26-plp-page .search_tags.m26-vacio { display: none !important; }
.m26-plp-page .our-brands .row { height: auto !important; max-height: none !important; overflow: visible !important; }
.m26-plp-page .m26-plp-marcas { padding-bottom: 32px; }
.m26-plp-page .m26-plp-marcas .related_filters_info_text { margin-top: 28px; text-align: center; }
.m26-plp-page .m26-plp-marcas .our-brands .row { justify-content: center; }
/* paginación: el CSS heredado (que va después) la dejaba a la derecha y con los números en verde con medio borde */
body.m26-plp-page #capaResultadoListadoProductos .footerHeader.listadoHeader .holder, .m26-plp-page .footerHeader .holder { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; width: auto !important; margin: 0 auto !important; float: none !important; text-align: center; color: var(--m26-muted); }
body.m26-plp-page #capaResultadoListadoProductos .footerHeader.listadoHeader .holder > a { display: inline-flex !important; align-items: center; justify-content: center; min-width: 40px; height: 40px; margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--m26-line, #DDE0E4) !important; border-radius: 999px !important; background: #fff !important; color: var(--m26-ink) !important; font: 600 14px/1 var(--m26-font) !important; text-decoration: none !important; box-shadow: none !important; }
body.m26-plp-page #capaResultadoListadoProductos .footerHeader.listadoHeader .holder > a::before, body.m26-plp-page #capaResultadoListadoProductos .footerHeader.listadoHeader .holder > a::after { content: none !important; }
body.m26-plp-page #capaResultadoListadoProductos .footerHeader.listadoHeader .holder > a:hover { border-color: var(--m26-ink) !important; }
body.m26-plp-page #capaResultadoListadoProductos .footerHeader.listadoHeader .holder > a.jp-current { border-color: var(--m26-ink) !important; background: var(--m26-ink) !important; color: #fff !important; }
body.m26-plp-page #capaResultadoListadoProductos .footerHeader.listadoHeader .holder > a.jp-disabled { opacity: .35; pointer-events: none; }

/* --------------------------------------------------------------------------
   16-oct · Listado sin resultados (body.m26-plp-vacio, bloque [data-m26-vacio] + milar2026_plp_vacio.jsp)
   -------------------------------------------------------------------------- */
body.m26-plp-vacio { background: var(--m26-bone); }
body.m26-plp-vacio #m26Filters, body.m26-plp-vacio .m26-plp .total_prod { display: none !important; }
/* el resto del listado queda vacío (sin filtros ni tarjetas): se pliega; la guía (diálogo fijo) sigue abriéndose */
body.m26-plp-vacio .m26-plp.listadonuevo { height: 0; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; }
body.m26-plp-vacio .m26-plp.listadonuevo:has(.m26-guidedoc.is-open, .m26-guidedoc[open], .m26-guidedoc:not([hidden])[aria-hidden="false"]) { height: auto; overflow: visible; }
.m26-noresult { display: flex; flex-direction: column; gap: 28px; padding-block: 16px 36px !important; font-family: var(--m26-font); color: var(--m26-ink); }
.m26-noresult p { margin: 0; padding: 0; border-radius: 0; background: none; }
.m26-noresult__top { display: grid; gap: 12px; }
.m26-noresult__card { display: flex; flex-direction: column; gap: 14px; padding: 20px; border-radius: 20px; background: #fff; }
.m26-noresult__head { display: flex; flex-direction: column; gap: 14px; }
.m26-noresult__ico { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: none; border-radius: 14px; background: var(--m26-bone); }
.m26-noresult__ico svg { width: 24px; height: 24px; fill: none; stroke: var(--m26-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.m26-noresult h3.m26-noresult__h { margin: 0 0 6px !important; padding: 0 !important; color: var(--m26-ink) !important; font: 800 24px/1.15 var(--m26-font) !important; letter-spacing: -.02em; text-transform: none !important; text-align: left !important; }
.m26-noresult .m26-noresult__msg { color: #3A4552; font-size: 16px; line-height: 1.45; }
.m26-noresult__msg svg { display: none !important; }
.m26-noresult__msg span { margin: 0 !important; }
.m26-noresult .m26-noresult__sub { color: var(--m26-muted); font-size: 14px; line-height: 1.5; }
.m26-noresult__acts { display: flex; flex-direction: column; gap: 10px; }
.m26-noresult__acts .m26-btn { gap: 0; min-height: 50px; justify-content: center; font-size: 15px; text-decoration: none !important; }
.m26-noresult__acts .m26-btn[hidden] { display: none !important; }
.m26-noresult__btn { border: 1.5px solid var(--m26-ink) !important; background: #fff !important; color: var(--m26-ink) !important; font-weight: 700; }
.m26-noresult__btn--soft { border-color: var(--m26-line-strong) !important; font-family: var(--m26-font); cursor: pointer; }
.m26-noresult__guide[hidden], .m26-noresult__sibs[hidden], .m26-noresult__alts[hidden] { display: none !important; }
.m26-noresult__guide .m26-guidecard { width: 100%; height: 100%; margin: 0 !important; border: 0 !important; border-radius: 20px; background: #fff; }
.m26-noresult .m26-noresult__t { margin: 0 0 12px; font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.m26-noresult .m26-kicker { margin: 0 0 4px; color: var(--m26-green-text); }
.m26-noresult__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.m26-noresult__chip { text-decoration: none !important; display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--m26-line); border-radius: 999px; background: #fff; color: var(--m26-ink); font-size: 14px; font-weight: 700; cursor: pointer; }
.m26-noresult__chip:hover { border-color: var(--m26-ink); }
.m26-noresult__chip:focus-visible { outline: 3px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-noresult__ahead { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.m26-noresult__all { color: var(--m26-ink) !important; font-size: 14px; font-weight: 700; white-space: nowrap; padding-bottom: 14px; }
.m26-noresult__alts .m26-rail { margin-inline: calc(-1 * var(--m26-gutter)); }
.m26-noresult__alts .m26-rail__track { padding-inline: var(--m26-gutter); }
.m26-noresult__alts .m26-card { background: #fff; }
@media (min-width: 768px) {
	.m26-noresult__head { flex-direction: row; align-items: flex-start; gap: 18px; }
	.m26-noresult__acts { flex-direction: row; flex-wrap: wrap; }
	.m26-noresult__acts .m26-btn { padding: 0 22px; }
}
@media (min-width: 1024px) {
	.m26-noresult { gap: 36px; padding-block: 32px 48px !important; }
	.m26-noresult__top { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; }
	.m26-noresult__top:not(:has(.m26-noresult__guide:not([hidden]))) { grid-template-columns: minmax(0, 1fr); }
	.m26-noresult__card { padding: 32px; border-radius: 24px; }
	.m26-noresult__ico { width: 56px; height: 56px; border-radius: 16px; }
	.m26-noresult h3.m26-noresult__h { font-size: 30px !important; }
	.m26-noresult .m26-noresult__msg { font-size: 17px; }
	.m26-noresult .m26-noresult__sub { font-size: 15px; }
	.m26-noresult .m26-noresult__t { font-size: 28px; }
	.m26-noresult__chip { min-height: 46px; padding: 0 18px; font-size: 15px; }
	.m26-noresult__alts .m26-rail { margin-inline: 0; }
	.m26-noresult__alts .m26-rail__track { padding-inline: 0; }
}
body.m26-plp-vacio .footerHeader.listadoHeader:not(:has(a, button, select)), body.m26-plp-vacio .m26-plp-marcas:not(:has(a, img)) { display: none !important; }
body.m26-plp-vacio #capaResultadoListadoProductos, body.m26-plp-vacio .m26-main-cont { background: transparent !important; }

/* 18-oct · guía de compra: paso resuelto por lo ya elegido (la pregunta se mantiene para que los pasos no cambien) */
.m26-guideq__item.is-auto .m26-guideq__auto { margin: 12px 0 0; padding: 14px 16px; border-radius: 14px; background: var(--m26-green-soft, #EEF8E6); color: var(--m26-ink); font: 500 15px/1.45 var(--m26-font); }
.m26-guideq__item.is-auto .m26-guideq__auto b { font-weight: 700; }
.m26-guideq__item.is-auto .m26-guideq__next { margin-top: 12px; min-height: 46px; padding: 0 22px; }
/* 18-oct · guía de compra en móvil: con 3 respuestas, las tres en una fila (antes 2 + 1) */
@media (max-width: 1023px) {
	.m26-guideq .m26-guideq__opts:has(> .m26-guideq__opt:nth-child(3):last-child) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
	.m26-guideq .m26-guideq__opts:has(> .m26-guideq__opt:nth-child(3):last-child) > .m26-guideq__opt { min-width: 0 !important; padding: 9px 8px 9px 9px !important; }
	.m26-guideq .m26-guideq__opts:has(> .m26-guideq__opt:nth-child(3):last-child) > .m26-guideq__opt b { padding-right: 16px; font-size: 13.5px; line-height: 1.2; }
	.m26-guideq .m26-guideq__opts:has(> .m26-guideq__opt:nth-child(3):last-child) > .m26-guideq__opt span { font-size: 11.5px; }
	.m26-guideq .m26-guideq__opts:has(> .m26-guideq__opt:nth-child(3):last-child) > .m26-guideq__opt::after { top: 7px; right: 6px; width: 14px; height: 14px; }
}

/* ---------- 18-oct · FILTROS EN MÓVIL más visibles (milar2026_plp_filters.jsp, «3b») ----------
   «Filtros» en tinta (antes igual que «Ordenar»), fila de filtros rápidos por grupo y la fila fija bajo la cabecera al bajar. */
@media (max-width: 1023.98px) {
	.m26-plpbar__filters { border-color: var(--m26-ink); background: var(--m26-ink); color: #fff; }
	.m26-plpbar__filters:hover { background: #16222F; }
	.m26-plpbar__filters .m26-badge { background: var(--m26-green); color: var(--m26-ink); }

	.m26-qf { margin-top: 10px; font-family: var(--m26-font); }
	.m26-qf__track { display: flex; gap: 8px; overflow-x: auto; padding: 2px var(--m26-gutter, 16px) 4px; scrollbar-width: none; scroll-snap-type: x proximity; scroll-padding-inline: var(--m26-gutter, 16px); -webkit-overflow-scrolling: touch; }
	.m26-qf__track::-webkit-scrollbar { display: none; }
	.m26-qf__chip, .m26-qf__all {
		flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; scroll-snap-align: start;
		border: 1.5px solid var(--m26-line-strong); border-radius: 999px; background: #fff; color: var(--m26-ink);
		font: 600 14px/1 var(--m26-font); white-space: nowrap; cursor: pointer;
	}
	.m26-qf__chip span { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
	.m26-qf__chip .m26-ico { width: 16px; height: 16px; opacity: .7; }
	.m26-qf__chip.is-on { border-color: var(--m26-ink); background: #EAF6E0; font-weight: 700; }
	.m26-qf__chip:focus-visible, .m26-qf__all:focus-visible { outline: 2px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
	.m26-qf__all { display: none; border-color: var(--m26-ink); background: var(--m26-ink); color: #fff; font-weight: 700; }
	.m26-qf__all .m26-ico { width: 16px; height: 16px; }
	.m26-qf__all b { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--m26-green); color: var(--m26-ink); font-size: 12px; box-sizing: border-box; }
	.m26-qf__all b[hidden] { display: none; }

	/* la fila ya va a todo el ancho: sale del .m26-wrap con el margen del contenedor */
	.m26-plpbar > .m26-qf { margin-inline: 0; }

	/* fija al bajar: «Filtros» delante y fondo de página */
	.m26-qf.is-fijo { position: fixed; left: 0; right: 0; z-index: 55; margin: 0; padding: 8px 0; background: rgba(244, 243, 239, .96); box-shadow: 0 6px 16px rgba(0, 12, 26, .08); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
	.m26-qf.is-fijo .m26-qf__all { display: inline-flex; }
	html.m26-filters-open .m26-qf.is-fijo, html.m26-menu-open .m26-qf.is-fijo, html.m26-guia-foco .m26-qf.is-fijo { display: none; }
}
@media (min-width: 1024px) { .m26-qf, .m26-qf__hueco { display: none !important; } }

/* 18-oct · recuento en vivo de la hoja de filtros (móvil): opciones que dejarían 0 modelos atenuadas, botón calculando / sin resultados */
.m26-fchip.is-zero { opacity: .42; border-style: dashed; }
.m26-fchip.is-zero small { color: var(--m26-ink); }
.m26-fchip.is-zero[aria-pressed="true"] { opacity: 1; border-style: solid; }
.m26-fp__go.is-loading { opacity: .85; }
.m26-fp__go.is-empty { background: #fff !important; color: #A61B1B !important; border: 1.5px solid #A61B1B !important; box-shadow: none !important; }
.m26-fp__spin { display: inline-block; width: 14px; height: 14px; margin-right: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -2px; animation: m26-fp-gira .7s linear infinite; }
@keyframes m26-fp-gira { to { transform: rotate(360deg); } }
.m26-fp__go.is-shake { animation: m26-fp-no .35s; }
@keyframes m26-fp-no { 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
@media (prefers-reduced-motion: reduce) { .m26-fp__spin, .m26-fp__go.is-shake { animation: none; } }

/* 29-oct · filtros: tramos de precio (con su número de modelos), aviso de rango sin modelos y página sin resultados por filtros */
.m26-ftramos { margin-bottom: 14px; }
.m26-frange__aviso { margin: 10px 0 0; padding: 10px 12px; border-radius: 12px; background: #FFF4E5; color: #7A3E00; font-size: 14px; line-height: 1.4; }
.m26-noresult .m26-noresult__msg[hidden] { display: none !important; }
.m26-noresult .m26-noresult__sub[hidden] { display: none !important; }
.m26-noresult__quita { display: flex; flex-direction: column; gap: 10px; }
.m26-noresult .m26-noresult__qt { color: var(--m26-ink); font-size: 15px; font-weight: 700; }
.m26-noresult__qchips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.m26-noresult__qchips:empty::before { content: ""; display: block; width: 220px; height: 44px; border-radius: 999px; background: linear-gradient(90deg, #EEF1EC 25%, #F7F9F5 50%, #EEF1EC 75%) 0 0 / 200% 100%; animation: m26-esqueleto 1.4s linear infinite; }
.m26-noresult__qchip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 12px; border: 1.5px solid var(--m26-ink); border-radius: 999px; background: #fff; color: var(--m26-ink); font: 700 14px/1.2 var(--m26-font); cursor: pointer; }
.m26-noresult__qchip svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.m26-noresult__qchip small { color: var(--m26-green-text); font-size: 13px; font-weight: 700; }
.m26-noresult__qchip small:empty { display: none; }
.m26-noresult__qchip:hover { background: var(--m26-bone); }
.m26-noresult__qchip:focus-visible { outline: 3px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-noresult__qchip.is-todos { padding-left: 16px; background: var(--m26-ink); color: #fff; }
.m26-noresult__qchip.is-todos:hover { background: #1E2A38; }
.m26-noresult__qchip.is-todos small { color: #CFE8B8; font-weight: 600; }
@keyframes m26-esqueleto { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .m26-noresult__qchips:empty::before { animation: none; } }

/* 29-oct · panel de filtros más compacto (medía ~1.530 px en escritorio).
   Precio: casillas y «Aplicar» en una fila, deslizador y tramos debajo. En el móvil los botones siguen de 40 px (dedo). */
.m26-frange { grid-template-columns: 1fr 1fr; }
.m26-frange .m26-frange__go { grid-column: 1 / -1; }
.m26-ftramos { margin: 10px 0 0; }
@media (min-width: 1024px) {
	.m26-fg__h { min-height: 48px; font-size: 14px; }
	.m26-fg__b { padding-bottom: 14px; }
	.m26-fchips { gap: 6px; }
	.m26-fchip { min-height: 32px; padding: 0 11px; font-size: 13px; }
	.m26-fchip small { font-size: 11px; }
	.m26-plp-page .m26-fsearch { height: 36px; margin-bottom: 8px; font-size: 13px; }
	.m26-fmore { margin-top: 8px; font-size: 13px; }
	.m26-flinks a, .m26-flinks .m26-link { min-height: 32px; font-size: 13px; }

	.m26-frange { grid-template-columns: 1fr 1fr auto; gap: 6px; align-items: end; }
	.m26-frange label { gap: 2px; font-size: 11px; }
	.m26-plp-page .m26-frange input { height: 36px; padding: 0 22px 0 10px; border-radius: 10px; font-size: 14px; }
	.m26-frange i { right: 9px; bottom: 10px; font-size: 12px; }
	.m26-frange .m26-frange__go { grid-column: auto; width: auto; min-height: 36px; margin: 0; padding: 0 12px; font-size: 13px; }
	.m26-frange__bar { height: 24px; margin: 8px 4px 0; }
	.m26-frange__bar::before { top: 10px; }
	.m26-frange__bar input { height: 24px; }
	.m26-frange__bar input::-webkit-slider-thumb { width: 20px; height: 20px; }
	.m26-frange__bar input::-moz-range-thumb { width: 18px; height: 18px; }
	.m26-frange__aviso { font-size: 13px; }
}

/* 29-oct · QA MIL-037: listado sin panel de filtros (lo oculta el contenido SEO de la categoría en el gestor): una sola columna
   a todo el ancho y fuera los botones que abren los filtros (barra, atajos y dock del móvil). */
@media (min-width: 1024px) {
	.m26-plp-page .m26-plp .wrap-listadonuevo.m26-sinfiltros { grid-template-columns: minmax(0, 1fr) !important; }
}
.m26-plp-page .m26-plp .wrap-listadonuevo.m26-sinfiltros > .listadoBody { grid-column: 1 / -1; width: 100% !important; max-width: none !important; }
html.m26-sinfiltros [data-m26-filters-open], html.m26-sinfiltros .m26-qf, html.m26-sinfiltros [data-m26-dock] { display: none !important; }

/* 29-oct · QA MIL-039 (móvil): guía de 3 pasos plegada hasta pulsar «Empezar» y aviso de la guía de compra dentro del listado */
.m26-guideq.is-plegada .m26-guideq__steps, .m26-guideq.is-plegada .m26-guideq__vp { display: none !important; }
.m26-guideq.is-plegada { padding-bottom: 14px; }
.m26-guideq.is-plegada .m26-guideq__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 0; }
.m26-guideq__empezar { flex: none; min-height: 40px; padding: 0 18px; font-size: 14px; }
.m26-plp-page #itemContainer > li.m26-guidecard-li { grid-column: 1 / -1; list-style: none; }
.m26-plp-page #itemContainer > li.m26-guidecard-li .m26-guidecard { margin: 0; }
.m26-guideq.is-plegada .m26-guideq__head { flex-direction: row !important; flex-wrap: nowrap; }
.m26-guideq.is-plegada .m26-guideq__head > div { flex: 1; min-width: 0; }
.m26-guideq.is-plegada .m26-guideq__title { margin-bottom: 0; font-size: 18px; line-height: 1.2; }

/* 29-oct · guía de compra con otros filtros puestos: aviso de que busca sobre el total (milar2026_plp_filters.jsp) */
.m26-guideq.is-ajenos .m26-guideq__list { transform: none !important; }
.m26-guideq__ajenos { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.m26-guideq__nota { flex: 1 1 260px; margin: 0; color: var(--m26-ink); font: 500 15px/1.45 var(--m26-font); }