/* Add custom CSS styles below */ 
.Alo__main .lg\:w-1\/3.w-full.flex.flex-center.flex-col.lg\:gap-10.gap-6.px-3.pb-14 {
    background: url(https://i.ibb.co/35KnCMSf/Whisk-5960fb6a2802558bb00449bb797759f2dr-3.png);
}

.inner > div > div:first-child {
    background: #FFF559;
}

.Alo__main img[alt="MY.T"] {
    filter: brightness(0) invert(1) drop-shadow(2px 4px 6px black);
}
@media(min-width:1440px){
.Alo__main .lg\:text-\[40px\] {
    font-size: 66px;
    line-height: 1.2 !important;
}
}

.AL_Products_with_sideBanner .banner {
    display: none;
}

.loader-init, .loader-init--hiddenو .loader-init .circle {
    display: none !important;
    height: 0 !important;
    opacity: 0 !important;
}

section.brands_slider.h-\[100px\] {
    height: 60px;
}
.Al_products-and-stories .story-slide-inactive {
    opacity: 1;
}
.index .banner--fixed img {
    background-color: unset;
}
/*@media (max-width: 768px) {
footer .container.grid.grid-col-2 * {
    justify-items: center;
    text-align: center;
}
footer .s-contacts-list.s-contacts-list-vertical * {
    justify-content: center;
}
footer .flex.items-center.rounded-sm p.text-base {
    font-size: 9px;
}}
*/


/*loading logo page*/
body.index::before {
    content: "";
    top: 0;
    background: #fff url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/dPKNGz/5zdr0ZWXHYUYZysGX2eG0q41edDuwH9Cyq5zPR6l.png");
    background-size: 250px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100vh !important;
    transform: scale(0);
    position: fixed;
    left: 0;
    z-index: 9999999 !important;
    animation: scale-out-vertical 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.3s both;
}

@keyframes scale-out-vertical {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 1;
    }
}
.imageWrapper .h-[244px] {
    height: 100%  !important;
}
.imageWrapper  .h-\[244px\] {
    height: 100%  !important
}
div#index-followus-wrapper a.floatingbanner {
    display: none;
}

/* Add custom CSS styles below */
   .store-header .inner .container .hydrated .s-menu-topnav-list {
    display: none !important;
}
.al-categories .category_card {
    justify-content: space-between;
}
.al-categories h3 {
    font-size: 16px;
}
 @media (min-width: 991px) {
.store-header .inner .container{
    justify-content: center;
}
}
 @media (min-width: 991px) {
.al-categories  .lg\:grid-cols-6 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
 @media (max-width: 768px) {
 .al-categories img {
    width: 46%;
}
}
.al-categories img {
    height: auto;
}
footer i{
  color:#000 !Important
}
 @media (max-width: 768px) {
 footer .container.grid.grid-col-2{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.store-footer__inner  *{
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}
}
.grid.one-row .banner-entry,
.grid.one-row .banner-entry * {
    color: #fff !important; /* يخلي النص أبيض */
}