/* Add custom CSS styles below - Fully Optimized */

/* =================================== */
/* Banners (1, 2, 3, 4) - Full Width   */
/* =================================== */
section.s-block--fixed-banner:nth-of-type(1),
section.s-block--fixed-banner:nth-of-type(2),
section.s-block--fixed-banner:nth-of-type(3),
section.s-block--fixed-banner:nth-of-type(4) {
    padding: 0 !important;
    margin: 0 !important;
}
section.s-block--fixed-banner:nth-of-type(1) .container,
section.s-block--fixed-banner:nth-of-type(2) .container,
section.s-block--fixed-banner:nth-of-type(3) .container,
section.s-block--fixed-banner:nth-of-type(4) .container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* =================================== */
/* Banner (5) - 90% Width       */
/* =================================== */
section.s-block--fixed-banner:nth-of-type(5) .container {
    max-width: 90% !important;
    margin: 1rem auto !important;
    padding: 0 !important;
}


/* =================================== */
/* Categories Grid (Banners)     */
/* =================================== */
.s-block--banners .grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem;
}

.s-block--banners .banner-entry {
    height: 255px !important;
}

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

/* Responsive adjustments for Categories Grid */
@media (max-width: 992px) {
    .s-block--banners .banner-entry {
        height: 200px !important;
    }
}

@media (max-width: 768px) {
    .s-block--banners .grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .s-block--banners .grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .s-block--banners .banner-entry {
        height: 150px !important;
    }
}


/* =================================== */
/* General & Text Colors (Optimized)   */
/* =================================== */

/* --- SPEED OPTIMIZATION --- */
/* Changed from 'filter' to 'color' for better performance */
.sicon-menu:before {
    color: #ffffff !important;
}

/* Text color for product titles */
html:not(.dark) .s-product-card__title {
    color: #000000 !important;
}

html.dark .s-product-card__title {
    color: #ffffff !important;
}

/* General text colors based on theme mode */
html:not(.dark) .s-block__title,
html:not(.dark) p.da-tm {
    color: #000000 !important;
}

html.dark .s-block__title,
html.dark .s-block__display-all,
html.dark h1,
html.dark h2,
html.dark p {
    color: #ffffff !important;
}


img.w-full.object-contain.rounded-md.lazy.loaded ,
salla-slider.photos-slider .swiper-slide img.lazy.loaded {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}
salla-slider.photos-slider .swiper-slide img.lazy.loaded {
    width: 100% !important;
    height: auto !important;
}