/* header */
.inner.bg-inherit {
background-color: rgb(237 141 62);
   
}
button.header-mob-localization-btn.lg\:hidden,
i.header-menu-icon.flex.py-5.sicon-layout-grid.text-primary.text-2xl.lg\:text-3xl,
i.mode-sun.hidden.dark\:block.sicon-sunnnn.text-\[80\%\] ,
i.mode-moon.sicon-moon.dark\:hidden.text-\[80\%\],
button.search-btn.header-btn.hdr-srch.hdr-srch-right.\!hidden.text-primary.text-2xl.lg\:text-3xl,
button.btn--rounded-gray.\!bg-transparent.basis-0.\!hidden.lg\:\!block,
i.header-btn__icon.sicon-shopping-basket.icon.cart-sum-icon.\!text-2xl.lg\:text-3xl,
salla-user-menu.user-menu-left.trigger-inside_hidden.hydrated {
     color: white !important;
}



span.s-cart-summary-count {
     background-color: white !important;
     color: rgb(237 141 62) !important;
}
/* Mobile Only */
@media (max-width: 767px) {
    .top-navbar {
        padding: 0 !important;
    }
}

/* logo */
/* Desktop */
a.navbar-brand img {
    min-height: 70px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    a.navbar-brand img {
        min-height: 60px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    a.navbar-brand img {
        min-height: 55px !important;
    }
}



/* product title color */
.s-slider-block__title-left a,
.s-slider-block__title-right {
    color:#ed8d3e !important;
}


/* ========================================
   1. FULL WIDTH FIXED BANNERS
======================================== */

section.s-block--fixed-banner.wide-placeholder > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* First Banner Only - Remove Top Margin */
section.s-block--fixed-banner:first-of-type {
    margin-top: 0 !important;
}

/* ========================================
   2. FIRST CATEGORY SECTION
======================================== */

section[component-id="2130250647"] {
    width: 100% !important;
    max-width: 100% !important;

    margin: -80px 0 0 !important;
    padding: 0 !important;

    position: relative;
    z-index: 2;

    background-image: url("https://cdn.files.salla.network/other/2145902615/b8bb1130-9614-40ea-937f-bce4444035c3-original.webp") !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* ========================================
   3. CATEGORY GRID
======================================== */

section[component-id="2130250647"] .square-photos-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto !important;
    padding: 30px 70px 100px !important;
    gap: 30px !important;
}


/* ========================================
   4. CATEGORY IMAGES
======================================== */

section[component-id="2130250647"] .banner-entry {
    height: 400px !important;
    background: transparent !important;
}

section[component-id="2130250647"] .banner-entry .lazy__bg {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* ========================================
   5. MOBILE RESPONSIVE
======================================== */

@media (max-width: 767px) {

    section[component-id="2130250647"] {
        margin-top: -40px !important;
    }

    section[component-id="2130250647"] .square-photos-grid {
        padding: 20px 15px 55px !important;
        gap: 12px !important;
    }

    section[component-id="2130250647"] .banner-entry {
        height: 180px !important;
    }
}


/* =====================================
  feature SECTION ONLY
===================================== */

/* Desktop - 4 Columns */
@media (min-width: 768px) {
    section[component-id="249980643"] .square-photos-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 0 !important;
    }
}

/* Banner Background */
section[component-id="249980643"] .banner-entry {
    background-color: transparent !important;
}

/* Images - No Cropping */
section[component-id="249980643"] .banner-entry .lazy__bg {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

/* Mobile - 2 Columns */
@media (max-width: 767px) {
    section[component-id="249980643"] .square-photos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    section[component-id="249980643"] .banner-entry {
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
    }

    section[component-id="249980643"] .banner-entry .lazy__bg {
        background-size: contain !important;
    }
}



/*footer */
.store-footer,
.store-footer__inner {
    background-color: #ed8d3e !important;
 
}