.cat-card {
    max-height: 300px;
    max-width: 170px !important;
}

@media (max-width: 575.98px) {
    .cat-card {
        max-height: 300px;
        max-width: 130px !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .cat-card {
        max-height: 300px;
        max-width: 170px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .cat-card {
        max-height: 300px;
        max-width: 90px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .cat-card {
        max-height: 300px;
        max-width: 95px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .cat-card {
        max-height: 300px;
        max-width: 135px !important;
    }
}

/* XXL devices (very large screens, 1400px and up) */
@media (min-width: 1400px) and (max-width: 1800.98px) {
    .cat-card {
        max-height: 300px;
        max-width: 150px !important;
    }
}
@media (min-width: 1801px) {
    .cat-card {
        max-height: 300px;
        max-width: 170px !important;
    }
}


@keyframes scroll-up {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(-100%);
    }
}

/*group-cataloge widget*/

.groupcatalogue .cat-card-item {
    opacity: 0;
    transform: scale(0.95);
    animation: fadeInUp 0.6s ease forwards;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 1;
}

    /* Staggered delay for smoother look */
    .groupcatalogue .cat-card-item:nth-child(odd) {
        animation-delay: 0.1s;
    }

    .groupcatalogue .cat-card-item:nth-child(even) {
        animation-delay: 0.2s;
    }

    /* Hover effect — lift slightly with shadow */
    .groupcatalogue .cat-card-item:hover {
        border-radius: 20px !important;
        border-radius: 10px;
        background-color: beige;
        transition: all 0.4s ease;
        z-index: 2;
    }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 767.98px) {
    /* Hide next/prev buttons */
    .groupcatalogue .carousel-control-prev,
    .groupcatalogue .carousel-control-next {
        display: none !important;
    }
    /* Change layout to grid */
    .groupcatalogue .carousel-track {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        overflow: visible !important;
    }
    /* Reset flex behaviors for cards */
    .groupcatalogue .cat-card-item {
        flex: unset !important;
        width: 100% !important;
        animation: fadeInUp 0.6s ease forwards;
    }
}