/* 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: var(--color-primary) !important;
}
.top-navbar {
    display: none;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
}
#mainnav {
    height: unset !important;
    padding-block: 2rem;
}

/* main banner */
.main_banner {
    margin-top: 0;
}
.main_banner .overflow-clip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.main_banner .slider_content {
    margin: 0 !important;
    grid-column: 1/4;
    align-items: center;
    text-align: center;
}
.slider_image {
    grid-column: 4/7;
}
.main_banner a:has(.button_container) {
    margin-top: 0;
}
.main_banner p {
    margin-block: 1rem;
}
@media (min-width: 768px) {
    .main_banner .md\:\!h-\[600px\] {
        height: 400px !important;
    }
    .main_banner p {
        line-height:2.5rem;
    }
}
@media (max-width: 768px) {
    .main_banner .overflow-clip {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        
    }
    .main_banner .slider_content {
        grid-column: 1/2;
        gap: unset;
        margin-top: 1rem !important;
    }
    .slider_image {
        grid-column: 1/2;
        width: 100%;
        justify-content: center;
        order: -1;
    }
    .main_banner p {
        margin-block: 0.5rem;
        line-height: 1.4rem;
        padding-inline: 0.5rem;
    }
    .slider_image img {
        position: static;
    }
}

/* offers */
.special_category_banner a {
    bottom: 10%;
}
@media (max-width: 992px) {
    .special_category_banner a {
        bottom: 5%;
    }
}

/* cats */
.category_section .custom_container .flex {
    gap: 0;
    row-gap: 1rem;
}
.category_section .custom_container a {
    width: 20%;
}
.category_section .custom_container a > div {
    width: unset;
    height: unset;
}
.category_section p.text-lg {
    display: none 
}
@media (max-width: 1500px) {
    .category_section .custom_container {
        width: 96%;
    }
}
@media (max-width: 992px) {
    .category_section .custom_container a {
        width: 25%;
    }
    .category_section .custom_container a > div {
        width: 10rem;
        height: 10rem;
    }
    .category_section h2 {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .category_section .custom_container a > div {
        width: 8rem;
        height: 8rem;
    }
}
@media (max-width: 576px) {
    .category_section .custom_container a > div {
        width: 5rem;
        height: 5rem;
    }
    .category_section h2 {
        font-size: 10px;
    }
    .category_section .custom_container .flex {
        gap: 0;
        row-gap: 0.1rem;
    }
}

/* products */
.s-block--best-offers .s-slider-block__title {
    visibility: hidden;
}
.special_category_offer .w-fit a {
    background-color: #fff;
}

/* reviews */
.customer_review_section img {
    filter: brightness(0) invert();
}
.customer_review_section * {
    color: #fff !important;
}

/* footer */
.store-footer * {
    color: #fff !important;
    background-color: #191212 !important;
}
.store-footer > .bg-\[var\(--color-primary\)\] {
    display: none;
}
@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;
    }
}