/* Add custom CSS styles below */ 
/* Categories */
.s-block--banners .grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.s-block--banners .banner-entry {
    width: 100% !important;
    height: 300px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
}

.s-block--banners .lazy__bg {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* Tablet & Mobile */
@media (max-width: 992px) {
    .s-block--banners .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .s-block--banners .banner-entry {
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }
}


/* Small Mobile */
@media (max-width: 480px) {
    .s-block--banners .grid {
        gap: 10px !important;
    }

    .s-block--banners .banner-entry {
        aspect-ratio: 1 / 1 !important;
    }
}

/* Social Media Icons */
a[href*="instagram"] {
    background: linear-gradient(
        45deg,
        #f09433 0,
        #e6683c 25%,
        #dc2743 50%,
        #cc2366 75%,
        #bc1888 100%
    );
}

a[href*="tiktok"] {
    background: linear-gradient(
        120deg,
        #69c9d0,
        #000,
        #ee1d52
    );
}
a[href*="snapchat"] {
    background-color: #ff0;
    color: #000;
}