/* Add custom CSS styles below */ 
/* Main website background */
html,
body,
#app,
.app-inner,
main,
main.container,
.store-home,
.salla-theme {
    background-color: #FEF2F5 !important;
}

/* All website sections */
section.s-block,
.s-block,
.s-block__container {
    background-color: #FEF2F5 !important;
}



/* Homepage sections spacing */
#main-content > section.s-block {
    margin-top: 0 !important;
    margin-bottom: 40px !important;
}

/* Remove extra spacing after last section */
#main-content > section.s-block:last-of-type {
    margin-bottom: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    #main-content > section.s-block {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
}



/* bannars */
/* All banners except component 132299777 */
section.s-block.s-block--fixed-banner.wide-placeholder:not([component-id="132299777"]) > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* Salla Category Images - Contain */
#W_store_categories-1 .aspect-square {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

#W_store_categories-1 img.object-cover {
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}



/* product card */

.s-product-card-entry .pc-img img,
.s-product-card-entry img.pc-img-inner {
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Product image background */
.s-product-card-entry .pc-img {
    background-color: #ffffff !important;
}

/* ==================================
   SPACING BETWEEN PRODUCT CARDS
================================== */

/* Slider cards gap */
.s-products-slider-wrapper .swiper-wrapper {
    gap: 15px !important;
}

/* Prevent Swiper width issues */
.s-products-slider-wrapper .swiper-slide {
    flex-shrink: 0;
}








/* Remove before and after backgrounds */
#W_top-brands-11::before,
#W_top-brands-11::after {
    background: transparent !important;
}
/* Brands slider - pink background */
#W_top-brands-11 .s-slider-container,
#W_top-brands-11 .swiper-slide {
    background-color: #F4C6D0 !important;
}






/* Images */
#W_shop_deals-10 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Mobile */
@media (max-width: 767px) {
    #W_shop_deals-10 .container-narrow > .grid {
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(3, 250px) !important;
        gap: 12px !important;
    }

    #W_shop_deals-10 .container-narrow > .grid > div {
        height: 250px !important;
        min-height: 0 !important;
        max-height: 250px !important;
    }
}








/* ==================================
   FOOTER BACKGROUND
================================== */

footer.store-footer,
footer.store-footer .store-footer__inner,
footer.store-footer .store-footer__inner > div {
    background-color: #F4C6D0 !important;
}

/* ==================================
   TOP CURVE - PINK
================================== */

footer.store-footer > svg {
    display: block !important;
    width: 100% !important;
    height: 80px !important;
    background-color: #FEF2F5 !important;
    fill: #F4C6D0 !important;
}

footer.store-footer > svg path {
    fill: #F4C6D0 !important;
}

/* ==================================
   FOOTER TEXT - BLACK
================================== */

b.s-trust-badges-number,
footer.store-footer,
footer.store-footer p,
footer.store-footer a,
footer.store-footer h3,
footer.store-footer span {
    color: #000000 !important;
}

/* ==================================
   COPYRIGHT BAR
================================== */

footer.store-footer .md\:flex.items-center.justify-between.py-1.text-center {
    background-color: #8C3854 !important;
}

/* Copyright text */
footer.store-footer p.text-gray-400,
footer.store-footer p.text-gray-400 a {
    color: #FFFFFF !important;
}