/* Desktop styles (quando o Swiper está inativo) */
#ptSwiper .swiper-wrapper {
    display: flex;
    justify-content: start;
    gap: 0px;
    flex-wrap: nowrap; /* Garante que fique em uma linha no desktop */
}

#ptSwiper .swiper-slide {
    flex: 1 1 auto; /* Permite encolher para caber */
    max-width: 244.75px; /* Largura máxima desejada */
    height: 189px;
}

/* Quando o Swiper está ativo (classe adicionada por ele), resetamos os estilos de desktop */
#ptSwiper.swiper-initialized .swiper-wrapper {
    justify-content: flex-start; /* O Swiper controla o posicionamento */
}

/* Quando o Swiper está ativo, força largura fixa por slide para evitar redução de dimensão */
#ptSwiper.swiper-initialized .swiper-slide {
    flex: 0 0 245px;
    width: 245px;
    max-width: 245px;
    height: 189px;
}

/* Em telas menores, mantemos o tamanho do card e apenas deslizamos no Swiper */
@media (max-width: 1199px) {
    #ptSwiper.swiper-initialized .swiper-slide {
        flex: 0 0 245px;
        width: 245px;
        min-width: 245px;
        max-width: 245px;
        height: 189px;
    }
}