@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400..700&display=swap');

body {font-family: "Noto Naskh Arabic", serif !important;}

/* ====== HEADER ====== */
.header-btn {font-size: .8rem !important;}

/* ====== SLIDER ====== */
.landing-page-fixed-bannar-0 {margin-bottom:0 !important;}
.landing-page-first-bannar h1 {font-size:1.5rem !important}

@media (max-width:768px){
.landing-page-fixed-bannar-0 {height:30vh !important}
}

/* ====== CATEGORIES ====== */
.g_cat, .g_cat .mb-8.pt-2 {margin-bottom:0 !important}

@media (max-width:768px){
.g_cat .products-item.max-w-\[30\%\] {max-width: 40% !important;}
}

/* ====== GENERAL ====== */
.s-block {margin-top:0}
.image-title .title-heade {font-size: 1.5rem;line-height: 1; font-weight: 500 !important; color: var(--color-primary) !important;}
.s-block__title {margin-top:1rem; margin-bottom:0}

/* ====== PRODUCTS ====== */
salla-add-product-button salla-button.s-button-wrap.hydrated>button i {display:none}
.Gl_add_to_cart_btn_product button {height:40px}
.s-product-card-image-full {border-radius:0}
.s-product-card-entry {border: 1px solid #eee;border-radius: 10px !important;}
.Gl_add_to_cart_btn_product button {height: 35px;}
.s-product-card-content {padding:6px}
.s-product-card-vertical .s-product-card-wishlist-btn button {background-color:#ffffff40 !important; color:#fff !important}

/* ====== FOOTER ====== */
.footer-is-light .store-footer {background-color:transparent !important}
.store-footer h3 {text-align:center}
salla-social .s-social-link svg {width: 18px; height: 18px;}
salla-social .s-social-link a {padding:17px}
.store-footer a {justify-content: center;}
.s-contacts-list-vertical {gap:0}
.s-payments-list-item {width: 50px;height: 50px;}
.store-footer .mt-6, .footer-margin {margin-top:0 !important}

/* ====== SIDEBAR ====== */
@media only screen and (max-width: 1024px) {
.mm-spn li a, .mm-spn li>span {font-size: 1.1rem; color: var(--color-primary) !important; font-weight: 500;}
}

/* ====== DOCTORS ====== */
.g_cat:nth-of-type(4) .container {padding:0}
.g_cat:nth-of-type(4) .grid {gap: 0 !important; row-gap: .5rem !important; grid-template-columns: repeat(4, 1fr) !important;}
.g_cat:nth-of-type(4) .products-item {max-width:unset !important}
.g_cat:nth-of-type(4) .products-item:hover img {transform:unset !important}

@media (max-width:768px){
.g_cat:nth-of-type(4) .container .grid {grid-template-columns: repeat(2, 1fr) !important;}
}