/* Font */
@font-face {
  font-family: 'DINNextLTArabic-Regular-3.ttf';
  src: url('https://wpazzrk.github.io/Moaaz/Fonts/DINNextLTArabic-Regular-3.ttf');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'DINNextLTArabic-Regular-3.ttf', sans-serif;
}

/* LOGO */
.navbar-brand img {
    max-height: 6rem;
    max-width: 140px;
}

/* Header */
.store-header,
.store-header *,
.store-header .marquee,
.store-header .marquee *,
.store-header .top-navbar,
.store-header .top-navbar *,
.store-header .main-nav-container,
.store-header .main-nav-container *,
.store-header .header-buttons *,
.store-header .s-contacts *,
.store-header .desktop-menu *,
.store-header .main-menu *,
.store-header .menu-item-link,
.store-header .menu-item-link *,
.store-header a,
.store-header span,
.store-header div,
.store-header button,
.store-header i:not(.sicon-flash) {
    background-color: #fff !important;
    color: #3E2624 !important;
}
.top-navbar {
    display: none;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
}
#mainnav {
    height: unset !important;
}

/* cats */
@media (min-width: 1024px) {
    .category_section div:has( > a) {
        justify-content: center;
        gap: 5%;
    }
    .category_section a div {
        width: unset !important;
        height: unset !important;
    }
}

/* main_banner 1 */
section:nth-child(1 of .main_banner) .custom_container {
    width: 100%;
}
section:nth-child(1 of .main_banner) .slider_content * {
    text-align: center;
}
@media (min-width: 768px) {
    section:nth-child(1 of .main_banner) .md\:\!h-\[600px\] {
        height: 800px !important;
    }
    section:nth-child(1 of .main_banner) .slider_content {
        max-width: 800px;
        grid-column: 4/5;
        align-items: center;
        background-color: #341C1ABD;
        height: fit-content;
        position: relative;
        top: 50%;
        transform: translateY(-50%) !important;
        border-radius: 20px;
        padding-block: 5%;
        margin-left: 5%;
        backdrop-filter: blur(9px)
    }
}
@media (max-width: 768px) {
    section:nth-child(1 of .main_banner) .slider_content {
        max-width: 800px;
        grid-column: 4/5;
        align-items: center;
        background-color: #341C1ABD;
        height: fit-content;
        position: relative;
        top: 50%;
        transform: translateY(-50%) !important;
        border-radius: 20px;
        padding-block: 5%;
        margin-left: 5%;
        gap: 0.5rem;
    }
    section:nth-child(1 of .main_banner) h2 {
        font-size: 20px !important;
        line-height: 2rem;
    }
    section:nth-child(1 of .main_banner) p {
        font-size: 13px !important;
    }
    section:nth-child(1 of .main_banner) .slider_content a div {
        padding: 0.2rem 1rem;
    }
}

/* main_banner 2 */
section:nth-child(2 of .main_banner) .slider_content * {
    text-align: center;
}
@media (min-width: 768px) {
    section:nth-child(2 of .main_banner) .md\:\!h-\[600px\] {
        height: 400px !important;
    }
    section:nth-child(2 of .main_banner) .slider_content {
        grid-column: 1/4;
        margin: unset;
        align-items: center;
        max-width: 700px;
        margin-inline: auto;
    }
    section:nth-child(2 of .main_banner) h2 {
        font-size: 36px !important;
        line-height: 3.5rem;
    }
    section:nth-child(2 of .main_banner) a {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    section:nth-child(2 of .main_banner) .slider_content {
        grid-column: 1/3;
        margin: unset;
        align-items: start;
        max-width: 250px;
        margin-inline: auto;
        margin-right: 0;
    }
    section:nth-child(2 of .main_banner) .button_container {
        padding: 0 !important;
    }
    section:nth-child(2 of .main_banner) h2 {
        font-size: 16px !important;
        line-height: 2rem;
        text-align: start !important;
    }
    section:nth-child(2 of .main_banner) .slider_content a div {
        padding: 0.2rem 1rem;
    }
}

/* products */
.s-block--best-offers .s-slider-block__title {
    visibility: hidden;
}

/* footer */
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner,
.store-footer * {
    background-color: #3E2624 !important;
}
@media (max-width: 768px) {
    /* AL_best_seller */
    .AL_best_seller .h-\[580px\] {
        height: 40vh !important;
    }
    
    /* footer */
    .store-footer * {
        text-align: center !important;
        margin-inline: auto;
    }
    .store-footer .container.grid {
        grid-template-columns: 1fr;
    }
}


/* Cart */
salla-button#cart-submit button,
.sicon-cancel:before {
    color: #fff;
}
@media(min-width:1200px){
.main-menu li {
    width: 350px;
}
}