/* ===== Brand hero ===== */
/* Fondo siempre oscuro, no cambia con el tema (igual que el hero de
   /v1-clean) — el navbar flota transparente encima, así que este padding
   extra arriba es lo que evita que lo tape, y de paso hace que ambos se
   vean como un solo bloque en vez de dos secciones independientes. */
.tc-brand-hero {
    background: #101018;
    padding: 124px 0 28px;
    border-bottom: 3px solid #ff5c00;
}
@media (max-width: 991.98px) {
    .tc-brand-hero { padding-top: 104px; }
}

.tc-brand-logo-wrap {
    background: white;
    border-radius: 12px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

/* Filtro: mismo offcanvas que /medida/{slug} (ver
   css/page/search/showBySize.css → .tc-p-filters/.tc-p-filter-input),
   compartido en vez de reimplementarlo aquí. */

/* Pagination nav: ahora usa .tc-p-depth-nav / .tc-p-depth-dots
   (navbar-footer.css), mismo estilo que el carrusel de /v1-clean. */

/* Bootstrap carousel — hide default arrow controls */
.carousel-control-prev,
.carousel-control-next {
    display: none !important;
}

@media (max-width: 576px) {
    .tc-filter-bar {
        top: 70px;
    }
}