.pathisi-category-page {
    background: var(--white);
}

.pathisi-category-hero .container {
    padding-top: 0;
}

.pathisi-category-backbar {
    background: var(--teal);
    height: 32px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.pathisi-category-backbar:hover {
    background: var(--teal-dark);
}

.pathisi-category-back {
    color: var(--white);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.pathisi-category-title-wrap {
    background: var(--white);
    padding: 24px 20px 18px;
}

.pathisi-category-title {
    margin: 0;
    color: var(--black);
    font-size: clamp(2rem, 3.4vw, 4rem);
    font-weight: 700;
    line-height: .95;
}

.pathisi-category-image img {
    display: block;
    width: 100%;
    height: clamp(220px, 28vw, 460px);
    object-fit: cover;
    object-position: 50% 81%;
}

.pathisi-category-list {
    background: var(--teal);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pathisi-category-list-item {
    display: block;
    color: var(--white);
    font-size: clamp(1.25rem, 1.8vw, 2rem);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 20px;
}

.pathisi-category-list-item:hover {
    background-color: var(--white);
    color: var(--teal);
}

@media(max-width:767px) {
    .pathisi-category-backbar {
        padding: 0 20px;
    }

    .pathisi-category-title-wrap {
        padding: 20px;
    }

    .pathisi-category-title {
        font-size: 2rem;
    }

    .pathisi-category-image img {
        height: 220px;
    }

    .pathisi-category-list-item {
        font-size: 1.15rem;
    }
}