/* Prolift · W22 (30-10-2026): arreglos de la revisión independiente del 30-10 (Prolift-KB/Web/revision-independiente-web-2026-10-30.md).
   Va la última de las hojas de la casa (la OCMOD «Prolift · W22…» la pone delante de </head>): a igual peso, gana esta.
   Solo tokens de la guía §7. */

/* M1/B5 · CLS 0 en la tabla de familia y de búsqueda (M17): antes de que llegue la miniatura (loading="lazy"), el <img>
   mide lo que su texto alternativo (70-126 px) y, con la tabla en disposición automática (por debajo de 1.440), ensancha
   la columna de la foto; al llegar la imagen (42 px) las columnas de Referencia, Plazo y Precio se movían (0,0005-0,0016).
   Bloqueando las imágenes, 0 saltos en 12 cargas. El hueco de la foto es fijo desde el principio y lo de dentro no lo
   puede ensanchar. */
html body .pl-tabla td.c-foto a { overflow: hidden; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
html body .pl-tabla td.c-foto img { min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; font-size: 0; }

/* B7 · la referencia de 15 cifras de la 291 (821404100409203) se partía en dos líneas en la tabla a 1.440: un código
   sin guiones no se parte; uno descriptivo, con guiones, sigue pudiendo partir por el guion */
@media (min-width: 768px) {
	html body #content .pl-tabla td.c-ref .pl-cod { overflow-wrap: normal; word-break: normal; hyphens: manual; }
}

/* M4 · en el móvil (360 y 390), la cantidad y «Añadir»/«Elegir» tapaban el «· por metro» del precio de las mangueras
   (56 × 16 px a 360). El precio ocupa su ancho entero y, si no cabe con la acción en la misma línea, la acción baja a la
   siguiente (alineada a la derecha): nunca se monta sobre el precio */
@media (max-width: 767px) {
	html body .pl-tabla td.c-precio { flex-wrap: wrap; row-gap: 6px; }
	html body .pl-tabla td.c-precio .pl-tabla__precio { flex: 0 1 auto; min-width: auto; max-width: 100%; white-space: normal; }
	html body .pl-tabla td.c-precio .pl-tabla__precio small { white-space: nowrap; }
	html body .pl-tabla td.c-precio > .pl-anadir, html body .pl-tabla td.c-precio > .pl-btn, html body .pl-tabla td.c-precio > .pl-tabla__verprecio { margin-left: auto; flex: 0 0 auto; }
}

/* B12 · cesta y pedido: lo que se vende por metro dice «Cantidad (m)» encima de la cantidad, como la ficha */
html body .checkout-cart__quantity .pl-unidad__cant { display: block; font-size: 13px; font-weight: 600; color: #1E2124; margin-bottom: 4px; }

/* Fila 209 (Nico, 30-10): ficha o fila sin foto: el logo de Prolift y «Foto no disponible» (prolift_sinfoto.twig) */
html body .pl-sinfoto__logo { display: block; width: 46%; max-width: 220px; height: auto; aspect-ratio: 8 / 3; opacity: .55; }
html body .pl-sinfoto--mini .pl-sinfoto__logo { width: 100%; max-width: none; opacity: .7; }

/* P8 (fila 201): «Cómo se vende» de la ficha de tuercas (\Prolift\Envase) */
html body .pl-envases { margin: 12px 0 16px; }
html body .pl-envases__tit { font-size: 14px; font-weight: 700; color: #1E2124; margin: 0 0 6px; }
html body .pl-envases__t { width: 100%; border-collapse: collapse; font-size: 13px; color: #1E2124; }
html body .pl-envases__t th, html body .pl-envases__t td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #E2DFD9; vertical-align: top; }
html body .pl-envases__t th { font-weight: 600; background: #F4F3F0; }
html body .pl-envases__t small { color: #4B5259; }

/* M1/B5, segunda vuelta (pasada del 31-10: CLS de 0,0003-0,03 en td.c-ref y tbody a 1.280, 1 de cada 12 cargas, sin
   causa única: con las miniaturas o el logo bloqueados, 0 en 24): por debajo de 1.440 la tabla estaba en disposición
   automática y cualquier cambio de tamaño dentro de una celda movía las columnas. De 992 a 1.439, la misma disposición fija
   que ya tenía a 1.440 (vista-w12.css M8): las columnas no dependen de lo que cargue después */
@media (min-width: 992px) and (max-width: 1439px) {
	html body #content table.pl-tabla { table-layout: fixed; width: 100%; }
	html body #content table.pl-tabla th.c-foto { width: 84px; }
	html body #content table.pl-tabla th.c-nom { width: 38%; }
	html body #content table.pl-tabla th.c-ref { width: 20%; }
	html body #content table.pl-tabla th.c-plazo { width: 15%; }
	html body #content .pl-tabla td.c-ref .pl-cod { overflow-wrap: anywhere; }
}