/* Body */
.app-inner {
  background-color: #F6F3EE;
}

/* Header */
.navbar-brand img {
    max-height: 6rem;
    max-width: 140px;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 70px;
}
#mainnav {
    height: unset !important;
}
#mainnav .inner {
    background-color: #0f2a44;
}
#mainnav i,
.header-btn, .search_mobile_icon {
    color: #fff;
    border-color: #fff;
}
.main-menu li.root-level > a,
.s-menu-topnav-list a {
    color: #fff !important;
}

/* حقل نطاق المصدر */
.swal2-container {
    display: none;
}

/* main banner */
@media (max-width: 768px) {
    section.Alo__main .img {
        display: block;
        width: 100%;
        order: 2;
    }
    div.w-full.flex:has(.text-center.flex-center.flex-col) {
        padding-top: 56px;
    }
}

/* cats */
@media (min-width: 1024px) {
    .al-categories .lg\:grid-cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .al-categories .lg\:grid-cols-6 > a:first-child {
        grid-column: 2/3 !important;
    }
    .al-categories h3 {
        font-size: 26px;
        padding-inline: 17%;
    }
}
@media (max-width: 1024px) {
    .al-categories .lg\:grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .al-categories .lg\:grid-cols-6 > a {
        grid-column: span 2;
    }
    .al-categories .lg\:grid-cols-6 > a:last-child {
        grid-column: 2/4 !important;
    }
    .al-categories h3 {
        font-size: 17px;
    }
}

/* fw */
section.s-block.s-block--photos-slider {
    margin-top: 4%;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper,
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}
section.s-block.s-block--photos-slider .s-slider-block__title-nav {
  display: none;
}

/* products */
.s-block--best-offers .s-slider-block__title {
    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;
    }
}