/* Add custom CSS styles below */ 
@media (max-width:767px) {
    .top-navbar {
    display:none
}
  .inner.bg-inherit.w-full .flex.items-stretch.justify-between.relative{
    height:50px !important;
}



.inner.bg-inherit.w-full img.logo-normal {
        height: 50px!important;
}

}
.flex.items-stretch.justify-between.relative * , i.header-btn__icon.icon.sicon-cart {
    color:#2e3034  !important
}

/************ 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 2 **************/
.s-block--banners.s-block--banners .grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

section.s-block.s-block--banners.container .banner-entry {
    height: 365px !important;
  background-color:transparent ;
}

.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1 !important;
    grid-row: span 1 / span 1 !important;
}

section.s-block.s-block--banners.container a.banner-entry.square-photos {
    background-color: transparent;
}

@media (max-width: 767px) {
    .s-block--banners.s-block--banners .grid {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    section.s-block.s-block--banners.container .banner-entry {
        height: 125px !important;
    }
}


/************ products **************/
.s-button-primary-outline {
    background-color: #d3cfc9;
    border: none;
    color: var(--white-color);
}

.s-button-primary-outline:hover {
    background-color: #d3cfc9
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    width: 100% !important;
    border-radius: 0 0 10px 10px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);

}




/* تطبيق ستايل عنوان السلايدر */
.s-slider-block__title-right {
    border-bottom: 2px solid #654a2b;
    padding-bottom: 10px;
    position: relative;
    overflow: visible;
    transition: all 0.4s ease;
}
.s-slider-block__title-right::before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: #654a2b;
    opacity: 0;
    transition: all 0.4s ease;
}
.s-slider-block__title-right:hover::before {
    opacity: 1;
    bottom: -6px;
}