.category-post-slider {
    --slide-height: 600px;
    --slide-gap: 24px;
    --slide-radius: 40px;
    --animation-speed: 600ms;
    background-color: #faefe3;
    padding: 24px 0 50px 0;

    position: relative;
    width: 100%;
}

/* Hide Swiper controller visually */
.category-swiper-controller {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0;
    pointer-events: none;
}

/* Visible viewport */
.category-slider-viewport {
    width: 96%;
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

/* 25 / 50 / 25 proportions */
.category-slider-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 2fr)
        minmax(0, 1fr);

    gap: var(--slide-gap);
    align-items: stretch;
    width: 100%;
}

/* Equal heights */
.category-slider-grid .grid-slide {
    height: var(--slide-height);
    min-width: 0;
    position: relative;
}

/* Card */
.category-slider-grid .post-slide {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--slide-radius);
    text-decoration: none;
    color: #fff;
}

/* Images */
.category-slider-grid .post-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Blur the side cards */
.category-slider-grid .grid-left .post-slide,
.category-slider-grid .grid-right .post-slide {
    filter: blur(8px);
    opacity: 0.65;
}

.category-slider-grid .grid-center .post-slide {
    filter: none;
    opacity: 1;
}

/* Title overlay */
.category-slider-grid .post-slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 25px 25px;
    background: linear-gradient(
        transparent,
        rgba(0,0,0,0.8)
    );
}

.category-slider-grid .post-slide-content h3 {
    margin: 0;
    color: #fff;
    /* font-size: 24px; */
    line-height: 1.3;
    font-family: abril-fatface,'Times New Roman', Times, serif; font-size: 36px; font-weight: normal;
    @media screen and (max-width: 768px) {
        font-size: 18px;
        padding-bottom: 16px;
    }
}

/* Navigation */
.category-post-slider .slider-prev,
.category-post-slider .slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #222;
    cursor: pointer;
    font-size: 22px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.15);
}

.category-post-slider .slider-prev {
    left: 70px;
}

.category-post-slider .slider-next {
    right: 70px;
}

/* Tablet */
@media (max-width: 1024px) {
    .category-post-slider {
        --slide-height: 340px;
    }

    .category-slider-grid .post-slide-content h3 {
        font-size: 20px;
    }
}

/* Mobile: show center card only */
@media (max-width: 767px) {
    .category-post-slider {
        --slide-height: 300px;
    }

    .category-slider-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .category-slider-grid .grid-left,
    .category-slider-grid .grid-right {
        display: none;
    }

    .category-slider-grid .post-slide-content h3 {
        font-size: 18px;
    }
}