@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400..800&display=swap');

body{
  font-family: "Baloo Bhaijaan 2" !important
}

section.container.mb-\[55px\].md\:mb-\[111px\].flex.items-stretch.justify-between.flex-col.sm\:flex-row.gap-\[19px\].md\:gap-\[20px\].lg\:gap-\[24px\] div:nth-of-type(2){
 flex-direction: row-reverse !important;
}

section.container.mb-\[55px\].md\:mb-\[111px\].flex.items-stretch.justify-between.flex-col.sm\:flex-row.gap-\[19px\].md\:gap-\[20px\].lg\:gap-\[24px\] div:nth-of-type(2) img.aspect-auto.h-auto {
    scale: 1.2;
}

.second-banner p {
    max-width: 700px!important ;
}

/* Categories */

.s-block--banners .grid {
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    margin-bottom:2rem
}

.s-block--banners .banner-entry {
    height: 300px;
}

@media (max-width: 992px) {
    .s-block--banners .banner-entry {
        height: 200px;
    }
}

@media (max-width: 480px) {
    .s-block--banners .banner-entry {
        height: 100px;
    }
}

.s-block--banners .lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-row: span 1 / span 1;
    }
}


.cont-cat.flex.flex-wrap.gap-y-4 {
    justify-content: center !important;
}

@media (min-width: 640px) {

    .article--main p,
    .article--main ul>li {
        font-size: 18px !important;
        line-height: 36px !important;
    }
}

.cont-cat {
    padding: 0 !important;
}

@media (min-width: 768px) {
    .landing-page-fixed-bannar .txt {
        padding-top: 150px;
        margin: auto;
    }
}

.landing-page-fixed-bannar .txt {
    margin: auto;
}

.p-\[28px\] {
    padding: 0;
}

#mobile-menu ul li a {
    font-size: 16px;
}




.banner-entry>div:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.13) 0%,
            rgba(255, 255, 255, 0.13) 77%,
            rgba(255, 255, 255, 0.5) 92%,
            rgba(255, 255, 255, 0) 100%);
}

.banner-entry>div:hover:after {
    opacity: 1;
    left: 130%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

/* Active state */
.banner-entry>div:active:after {
    opacity: 0;
}

.banner-entry>div:hover {
    transform: scale(0.9);
}

/* Transparent Banner */
.banner-entry,
.banner--fixed img {
    background-color: transparent !important;

}

salla-add-product-button salla-button.s-button-wrap.hydrated > button {
    color: #fff !important;
}

/* زر إضافة للسلة بتدرج ذهبي زيتي */
salla-add-product-button salla-button.s-button-wrap.hydrated > button {
    background: linear-gradient(90deg, #6B7A68, #CBB26A); /* زيتي إلى ذهبي */
    color: #fff !important;
    border: none;
    border-radius: 12px; /* زوايا ناعمة */
    font-family: "Baloo Bhaijaan 2", sans-serif !important;
    font-size: 17px;
    font-weight: 600;
    padding: 14px 30px;
    transition: all 0.35s ease-in-out;
    box-shadow: 0 4px 10px rgba(107, 122, 104, 0.35);
}

/* عند المرور */
salla-add-product-button salla-button.s-button-wrap.hydrated > button:hover {
    background: linear-gradient(90deg, #CBB2