:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-height: 155px; margin: 0; padding: 22px max(20px, 3vw); border: 0; border-radius: 0; overflow: hidden; background: var(--ns-charcoal); color: #fff; text-align: center; }
:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner)::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #171c18ed, #171c1880, #171c18b8); pointer-events: none; }
:is(.care-banner, .catalog-banner)::after { display: none; }
:is(.about-banner, .contact-banner, .care-banner) :is(.ns-background-photo, .care-banner-image), .catalog-banner-art { position: absolute; inset: 0; z-index: -2; margin: 0; width: 100%; height: 100%; }
:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) img { width: 100%; height: 100%; object-fit: cover; object-position: center 38%; }
.product-banner { background: var(--ns-charcoal) url('../images/showroom.jpeg') center 38% / cover; }
:is(.about-banner-inner, .care-banner .shell) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 0; padding: 0; }
:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) :is(h1, .ns-banner-title) { display: block; order: 0; margin: 0; color: #fff; font: 400 36px/1.2 Georgia, serif; overflow-wrap: anywhere; }
:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) :is(nav, .care-breadcrumb) { display: flex; order: 1; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 0; color: #fff; font: 14px/1.6 system-ui, sans-serif; }
:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) .ns-breadcrumb-links { justify-content: center; gap: 12px; margin: 0; font: 14px/1.6 system-ui, sans-serif; }
:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) a { color: #efe1ca; }
:is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) :is(nav, .care-breadcrumb) > * { min-width: 0; overflow-wrap: anywhere; }
.catalog-main .catalog-description { color: var(--ns-muted); }
@media (max-width: 600px) {
    :is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) { min-height: 120px; padding: 20px 16px; }
    :is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) :is(h1, .ns-banner-title) { font-size: 30px; }
    :is(.about-banner, .contact-banner, .care-banner, .ns-page-banner) :is(nav, .care-breadcrumb, .ns-breadcrumb-links) { gap: 8px; font-size: 13px; }
}