/* 2026-09-24 (claude): separación del bloque .subheader (contenido superior de categoría/marca,
   ps_djvurldata.intro) respecto al siguiente bloque de ordenación/paginación. Sin esto queda
   pegado porque el span nunca tuvo estilo propio (el campo estaba vacío en toda la tienda). */
.subheader {
	display: block;
	margin: 0 0 20px;
	line-height: 1.5;
}

/* 2026-09-25 (claude): contador de productos en las tarjetas de /fabricantes
   (reutiliza .manufacturers_home_list, que no traía este segundo texto). */
.manufacturers_home_list li a .manufacturer_products_count {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 1.8em;
	color: #333;
	text-align: center;
	background-color: #f2f2f2;
	border-radius: 0 0 8px 8px;
}
.manufacturers_home_list li a .manufacturer_name {
	border-radius: 0;
}
@media (max-width: 767px) {
	#manufacturers_list.manufacturers_home_list li {
		margin-bottom: 15px;
	}
}

/* 2026-09-25 (claude): en /fabricantes, el H1 hereda de .page-heading un ancho fijo del 85%
   (pensado para dejar hueco a un control que aquí no existe), así que el contador "Hay N marcas"
   no llegaba al mismo borde derecho que el texto/rejilla de abajo, que sí usan el 100%. Y al ser
   .product-listing su margin-bottom es 0, quedaba pegado al párrafo siguiente. Se corrige solo en
   esta página (body#manufacturer), sin tocar la regla global que usan categorías y marcas. */
body#manufacturer .page-heading {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

/* 2026-09-25 (claude): rejilla de tarjetas del hub "Accesorios" (accesorios-c-113, ps_djvurldata
   type=2). Antes usaba .list-img (width:20%, sin ninguna regla responsive: se veía apretado en
   escritorio y roto en móvil). Clase propia para no tocar .list-img, que usan otras 3 páginas hub
   (Accesorios de Montaje, Conectores y adaptadores, home-c-1) con el mismo estilo viejo. */
.acc-cat-grid {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.acc-cat-grid li {
	margin-bottom: 20px;
}
.acc-cat-grid li a {
	display: block;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(58, 58, 58, 0.2);
	overflow: hidden;
	color: #333;
	text-decoration: none;
}
.acc-cat-grid li a:hover {
	box-shadow: 0 0 10px rgba(58, 58, 58, 0.4);
}
.acc-cat-grid li a img {
	display: block;
	width: 100%;
	height: 105px;
	object-fit: contain;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
}
.acc-cat-grid li a .acc-cat-name {
	display: block;
	width: 100%;
	padding: 8px 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3em;
	text-align: center;
	color: #fff;
	background-color: #252525;
	min-height: 52px;
}
@media (max-width: 767px) {
	.acc-cat-grid li {
		margin-bottom: 12px;
	}
	.acc-cat-grid li a .acc-cat-name {
		font-size: 12px;
	}
}

/* Mini-bloques del texto inferior del hub Accesorios */
.acc-cat-blocks p {
	margin-bottom: 14px;
	line-height: 1.6;
}
.acc-cat-blocks p strong {
	color: #252525;
}