.category-hero-default {
    position: relative;
    min-height: clamp(430px, 56vh, 610px);
    display: flex;
    align-items: end;
    overflow: hidden;
    color: #ffffff;
    background: #173044;
}

.category-hero-default__image,
.category-hero-default__overlay {
    position: absolute;
    inset: 0;
}

.category-hero-default__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.category-hero-default__overlay {
    background: linear-gradient(
        90deg,
        rgba(11, 31, 46, 0.94),
        rgba(11, 31, 46, 0.64) 55%,
        rgba(11, 31, 46, 0.24)
    );
}

.category-hero-default__inner {
    position: relative;
    z-index: 1;
    padding-top: clamp(70px, 9vw, 120px);
    padding-bottom: clamp(58px, 8vw, 100px);
}

.category-hero-default__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.78rem;
}

.category-hero-default__breadcrumb a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.category-hero-default h1 {
    max-width: 820px;
    margin: 14px 0 0;
    color: #ffffff;
    font-size: clamp(2.7rem, 6vw, 5.8rem);
    line-height: 0.98;
}

.category-hero-default h2 {
    max-width: 820px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: clamp(1.55rem, 3vw, 3rem);
    font-weight: 450;
}

.category-hero-default p {
    max-width: 690px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: clamp(1rem, 1.4vw, 1.12rem);
    line-height: 1.75;
}