/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
:root {
    --font-main: 'Tajawal';
    --font-secondary: 'Tajawal';
    --main: #634d37;
}

.footer-images img {
    height: 7.5rem;
 
}

.md\:\!w-20 {
    width: 100% !important;
    height: 100% !important
}
@media (min-width: 768px) {
    div#swiper-wrapper-e9374b3342331cf4 {
    justify-content: center;
}
    .slide--cat-entry {
    height: 15rem;
}
}
@media (max-width: 767px) {
    .slide--cat-entry {
    height: 9rem;
}
}

.slide--cat-entry {
    border-radius: 0rem;
}

.lazy__bg.lazy_avatar.lazy.rounded-full.\!h-14.\!w-14.md\:\!h-20.md\:\!w-20.mb-1.md\:mb-2.hover\:scale-110.entered.loaded {
    border-radius: 0rem
}
.s-block__title h2 {
    text-align: center !important;
}
/* =========================
   HEADER SIZE & BACKGROUND
   ========================= */
.store-header,
.store-header .main-nav-container,
.store-header .header-inner {
    background-color: #ffffff !important;
}

/* تكبير ارتفاع الهيدر */
.store-header .main-nav-container {
    height: 140px !important;
}

.store-header .header-container {
    min-height: 140px;
}

/* =========================
   LOGO SIZE
   ========================= */
.store-header .navbar-brand img {
    height: 70px !important; /* غير الرقم لو عايز أكبر */
    max-height: none !important;
    width: auto !important;
}

/* =========================
   TEXT & ICON COLOR (YELLOW)
   ========================= */
.store-header i,
.store-header svg, .sicon-user:before, .is_large .s-cart-summary-wrapper i,
.dark .da-tm
{
    color: var(--main) !important; /* الأصفر */
    fill: var(--main) !important;
}

/* =========================
   MENU + BUTTONS
   ========================= */
.store-header .header-btn,
.store-header .mburger,
.store-header .language-btn {
    color: var(--main) !important;
}

/* =========================
   REMOVE DARK MODE EFFECT
   ========================= */
.store-header.dark {
    background-color: #ffffff !important;
}
.store-footer__inner.da-bgm  {
    background-color: #634d37 !important;
}

.store-footer .footer-container .footer-list a, .sbc-certificate p {
    color: #FFF !important;
}
.swiper-wrapper:has(div[data-bg="https://cdn.files.salla.network/homepage/2127340695/56faded4-c75c-4607-bc98-35763c4e2b1d.webp"]) {
    place-content: center;
}