/* Add custom CSS styles below */ 
:root {
    --main-color: #e2a15f;
    --white-color: white;
    --black-color:black;
}

/********************* body ************************/

body{
    background-color:var(--white-color)
}
/********************* header ************************/
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
}

.inner.py-6.w-full.bg-bgcolor {
    background-color:#ebb27a
}

.bg-\[var\(--bg-color-secondary\)\] {
    background-color:#ffffff;
    justify-content:center
}
.header-btn__icon path {
  fill: white !important;
}
.main-menu li.root-level>a {
    color:#c85531
}

ul.main-menu.mm-spn--open{
    justify-content:center;
}
i.header-btn__icon.icon,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
    background: #6f4e37 !important;
    color: #ffffff !important;
    border: 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    /* transition: 0.3s; */
}
.header-btn__icon:after {
    color:red !important
}
.inner.py-6.w-full.bg-bgcolor .flex.items-center.justify-end.my-2\.5  *{
    color :white
}
.s-cart-summary-content::before {
    content: "سلة المشتريات";
    color: white;
}
/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}
/************  Section 5 **************/
/************  Section 1 **************/
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/3c4592a9-f394-492d-9ed0-4dda48b68a01.webp"]) .grid {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/3c4592a9-f394-492d-9ed0-4dda48b68a01.webp"]) .banner-entry {
    flex: 0 0 calc(33.333% - 14px);
    height: 200px !important;
    aspect-ratio: 1 / 1;
    background-color: white;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/3c4592a9-f394-492d-9ed0-4dda48b68a01.webp"]) .lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

@media (max-width: 767px) {
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/3c4592a9-f394-492d-9ed0-4dda48b68a01.webp"]) .grid {
        gap: 10px;
    }
    
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/3c4592a9-f394-492d-9ed0-4dda48b68a01.webp"]) .banner-entry {
        flex: 0 0 calc(50% - 5px);
        aspect-ratio: 1 / 1;
        height: 100px !important;
    }
}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    color:white !important 
}
/************  Section 2 **************/
/************  Section Grid Layout **************/
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .grid {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry:nth-child(4) {
    height: 396px !important;
    background-color: transparent;
}
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry{
    background-color: transparent;
}
/* العنصر الأول - يسار (صفين كاملين) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry:nth-child(1) {
    grid-area: 1 / 1 / 3 / 4;
}

/* العنصر الثاني - وسط أعلى */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry:nth-child(2) {
    grid-area: 1 / 4 / 2 / 10;
}

/* العنصر الثالث - وسط أسفل */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry:nth-child(3) {
    grid-area: 2 / 4 / 3 / 10;
}

/* العنصر الرابع - يمين (صفين كاملين) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry:nth-child(4) {
    grid-area: 1 / 10 / 3 / 13 !important;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .lazy__bg.lazy.entered.loaded {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    /* height: 100%; */
}

@media (max-width: 767px) {
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .grid {
        display: grid !important;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    }
    
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry {
        height: 60px !important;
        /* grid-area: auto !important; */
    }
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry:nth-child(4) , section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/04a89274-0568-414d-ae37-12cc164f636a.webp"]) .banner-entry:nth-child(1) {
    height: 120px !important;
    background-color: transparent;
}
}

/************  our_services-6 **************/
section#B_our_services-6 li.flex.items-center.gap-4.p-4.rounded-lg *{
    color:white  !important;
}

h2.text-lg.sm\:text-2xl.line-clamp-1 , p.text-sm.sm\:text-base.text-text-secondary.line-clamp-2  {
    color: #c95532
}

section#B_our_services-6  {
    background-color:#ecb176
}
section#B_our_services-6 li.flex.items-center.gap-4.p-4.rounded-lg *{
    color:white  !important;
}
/************  Section 3 **************/
/* Main Grid Setup */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 250px) 200px;
    gap: 10px;
}

/* Base Banner Styles */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry {
    background-color: transparent;
    overflow: hidden;
    border-radius: 8px;
   
    transition: transform 0.3s ease;
}

section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:hover {
    transform: scale(1.02);
}

/* Grid Positioning - Banner 1 (Large Left) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
}

/* Grid Positioning - Banner 2 (Large Right) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(2) {
    grid-area: 1 / 3 / 3 / 7;
    height: 510px !important; 
}

/* Grid Positioning - Banner 3 (Bottom Left Wide) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(3) {
    grid-area: 3 / 1 / 4 / 4;
}

/* Grid Positioning - Banner 4 (Bottom Small 1) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(4) {
    grid-area: 3 / 4 / 4 / 5;
}

/* Grid Positioning - Banner 5 (Bottom Small 2) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(5) {
    grid-area: 3 / 5 / 4 / 6;
}

/* Grid Positioning - Banner 6 (Bottom Small 3) */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(6) {
    grid-area: 3 / 6 / 4 / 7;
}

/* Background Image Styles */
section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .lazy__bg {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Mobile-Only Grid Layout */
@media (max-width: 768px) {
    /* Main Grid Setup */
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .grid {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(1, 120px) 100px;
        gap: 5px;
    }

    /* Base Banner Styles */
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry {
        background-color: transparent;
        overflow: hidden;
        border-radius: 4px;
             height: 75px;
        transition: transform 0.3s ease;
    }

    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:hover {
        transform: scale(1.02);
    }

    /* Grid Positioning */
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(1) {
        grid-area: 1 / 1 / 3 / 3;
        height: 120px !important;
    }

    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(2) {
        grid-area: 1 / 3 / 3 / 7;
        height: 120px !important;
    }

    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(3) {
        grid-area: 2 / 1 / 4 / 4;
    }

    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(4) {
        grid-area: 2 / 4 / 4 / 5;
    }

    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(5) {
        grid-area: 2 / 5 / 4 / 6;
    }

    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .banner-entry:nth-child(6) {
        grid-area: 2 / 6 / 4 / 7;
    }

    /* Background Image Styles */
    section.s-block.s-block--banners.container:has(div[data-bg="https://cdn.files.salla.network/homepage/696929390/21a4927b-e608-473e-ba9b-1bc483a80c35.webp"]) .lazy__bg {
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
}


/************ footer **************/
footer.store-footer.bg-no-repeat.bg-cover.relative {
    background-color:#ecb176 !important 
}

.store-footer__inner.overflow-x-hidden.z-\[2\] {
    background-color:#ecb176 ;
   
}
.store-footer__inner.overflow-x-hidden.z-\[2\] *{
     color: white !important 
}
@media(max-width:767px) {
.store-footer__inner  *{
    justify-content:center ;
    text-align:center; 
    align-items:center
}
}

a.s-menu-footer-item:nth-child(5) {
    display:none;
}
/* =========================================================
   Social Links
   ========================================================= */
.s-social-link a {
  color: var(--black-color);
  border: 0;
  transition: all 0.5s;
}
.s-social-link a:hover {
  transform: translateY(-10px);
  transition: all 0.5s;
}

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*="facebook"] {
  background: linear-gradient(45deg, #3776f2, #00b1f7);
}
a[href*="youtube"] {
  background-color: #c4302b;
}
a[href*="snapchat"] {
  background-color: yellow !important;
  color: black !important;
}
a[href="https://twitter.com/bahriatna1"]
{
  background-color: black;
}