/* Add custom CSS styles below */ 
:root {
    --primary-color: #5f2c30;
    --secondary-color: #f6cc3f;
    --white-color: #fff;
}
body {
    background-color: var(--white-color) !important;
}
/*** el topnav + header icons ***/
.top-navbar,
.header-btn__icon,
.mburger i.sicon-menu {
    background-color: var(--primary-color) !important;
    color: var(--secondary-color) !important;
}

.mburger i.sicon-menu {
   padding: 7px;
    border-radius: 50px;
}
/**** end code ***/

/** logo **/

.navbar-brand img {
    max-height: 5rem !important;
}


/*** product-code ***/
.s-product-card-entry {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.s-product-card-content-title a,
p.s-product-card-content-subtitle {
    color: var(--white-color);
}

.s-products-slider-card.swiper-slide {
    padding-block: 10px;
}



.s-button-btn,
button.s-product-card-wishlist-btn.animated.not-added.un-favorited.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center{
    background-color: var(--secondary-color) !important;
    color: var(--white-color) !important;
}





/*** code el slider bta3 theme raad **/
section.s-block.s-block--photos-slider {
    margin: 0 !important;
}
salla-slider.photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
}

salla-slider.photos-slider .swiper {
    padding: 0 !important;
}

salla-slider.photos-slider .swiper img {
    border-radius: 0 !important;
}

/** end code ***/




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

.banner--fixed img {
    border-radius: 0 !important;
}
/** end code **/





footer.store-footer {
    background-color: var(--secondary-color) !important;
       border-radius: 50px 50px 0 0;
}

.store-footer__inner {
    color: var(--secondary-color);
    background-color: var(--primary-color) !important;
    border-top: 4px solid var(--secondary-color);
       border-radius: 50px 50px 0 0;
}
@media (max-width: 767px) {

    .store-footer__inner * {
        text-align: center;
        justify-content: center;
    }
}



a[href*="snapchat"] {
    background: yellow;
    color: #000;
}
a[href*="instagram"] {
    background: -o-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        color: #fff;
}

a[href*="tiktok"] {
    background: -o-linear-gradient(330deg, #69c9d0, #000, #ee1d52);
    background: linear-gradient(120deg, #69c9d0, #000, #ee1d52);
        color: #fff;
}

a[href*="facebook"] {
    background: -o-linear-gradient(45deg, #3776f2, #00b1f7);
    background: linear-gradient(45deg, #3776f2, #00b1f7);
        color: #fff;
}

a[href*="youtube"] {
    background-color: #c4302b;
        color: #fff;
}

a[href*="x"] {
    background-color: #000;
    color: #fff;
}


.store-footer a {
    border: 0 !important;
}

.s-contacts-icon {
    border: 0;
    color: var(--primary-color);
    background-color: var(--secondary-color) !important;
}



/*** square photos***/

section.s-block.s-block--banners.container .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
    grid-area: 1/1/1/1;
}

section.s-block.s-block--banners.container .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos {
    background: transparent;
    height: 233px;
}

section.s-block.s-block--banners.container a.banner-entry.square-photos > div {
    background-size: contain;
    background-repeat: no-repeat;
}




section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos {
    background: transparent;
    height: 300px;
}


@media (max-width: 767px) {
    section.s-block.s-block--banners.container .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos {
        height: 69px;
    }
    section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos {
    height: 110px;
}

}


/** code el momyzat **/
.s-block--features__item {
    background-color: #efefef;
    border-radius: 15px !important;
    padding-inline: 5px;
}

.s-block--features__item p {
    display: none !important;
}

.s-block--features__item .feature-icon {
    background-color: transparent;
    height: 6rem;
    padding: 5px;
}

.s-block--features__item .feature-icon i:before {
    display: none;
}

.s-block--features__item .feature-icon i {
        background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 100px;
}
.s-block--features__item .feature-icon i.sicon-fire {
    background-image: url(https://i.ibb.co/xtzgN65w/support-1067566.png);
}
.s-block--features__item .feature-icon i.sicon-shipping-fast {
    background-image: url(https://i.ibb.co/n8BZCVQZ/delivery-1585176.png);
}
.s-block--features__item .feature-icon i.sicon-store2 {
    background-image: url(https://i.ibb.co/4HtLR3V/credit-card-590501-1.png);
}



section#best-offers-9-slider {
    background: linear-gradient(to right, #472022, #633132);
    padding-inline: 7rem;
    padding-block: 4rem;
    margin: 0;
    max-width: unset !important;
}
section#best-offers-9-slider .s-slider-block__title * {
    color: white;
}
section#best-offers-5-slider,
section#best-offers-5-slider + section.s-block.s-block--banners.container,
section#best-offers-7-slider {
    padding-inline: 7rem;
   padding-block: 4rem;
    margin: 0;
    max-width: unset !important;
}
section#best-offers-5-slider,
section#best-offers-5-slider + section.s-block.s-block--banners.container {
    background: linear-gradient(to right, #c5b5a4, #dacec2);
}

section#best-offers-7-slider {
    background-image: url(https://i.ibb.co/gLXc7Rb4/BG-1.webp);
    background-size: cover;
    background-position: bottom;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0 !important;
}

@media (max-width: 767px) {
  section#best-offers-5-slider,
section#best-offers-5-slider + section.s-block.s-block--banners.container,
section#best-offers-7-slider,
section#best-offers-9-slider {
    padding-inline: 15px;
       padding-block: 1rem;
}
}


.index section.s-block.s-block--photos-slider {
    margin-top: -10rem !important;
}
@media(max-width: 992px) {
    .index section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
}
.index header.store-header .inner.bg-inherit {
    background-color: #cdc0b491;
}
.main-nav-container.fixed-header .inner {
    background-color: #cdc0b4 !important;
}

.index header.store-header {
    z-index: 11;
}
.index  div#mainnav {
    background: transparent;
}


.main-menu li.root-level>a,
.main-menu>li>a[href*=offer] {
    color: var(--primary-color) !important;
}