/* Add custom CSS styles below */ 
/* صور التصنيفات الدائرية في متجر ألوان الجمال */
/* صور التصنيفات الدائرية في متجر ألوان الجمال */
.beauty-categories img {
  border-radius: 50%;
  border: 2px solid #5b253e;
  box-shadow: 0 5px 14px rgba(91, 37, 62, 0.14);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

/* حركة المرور بالماوس */
.beauty-categories a:hover img {
  transform: scale(1.05);
  border-color: #8a5069;
  box-shadow: 0 9px 22px rgba(91, 37, 62, 0.22);
}

/* تحسين الحركة لمستخدمي الجوال */
.beauty-categories a:active img {
  transform: scale(1.02);
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .beauty-categories img {
    transition: none;
  }

  .beauty-categories a:hover img,
  .beauty-categories a:active img {
    transform: none;
  }
}

[data-selia="footer-brand-column"]
[data-selia="footer-logo-link"] img {
    width: 120px !important;
    height: auto !important;
    max-height: none !important;
}

@media (max-width: 767px) {
    [data-selia="footer-brand-column"]
    [data-selia="footer-logo-link"] img {
        width: 90px !important;
    }
}
/* لون هوية الفوتر */
:root {
    --footer-cream: #f5eee8;
    --footer-text: #3f3238;
    --footer-brand: #7d1f4e;
}

/* خلفية الفوتر وجميع أقسامه */
.store-footer,
.store-footer > div,
.store-footer .container,
.store-footer [data-selia="footer-main"],
.store-footer [data-selia="footer-apps-section"],
.store-footer [data-selia="footer-brand-column"],
.store-footer [data-selia="footer-links-column"],
.store-footer__contacts-row,
.store-footer .footer-bottom,
footer,
footer > div {
    background-color: var(--footer-cream) !important;
    background-image: none !important;
}

/* إزالة الشريط الأسود الفاصل */
.store-footer__contacts-row,
.store-footer .footer-bottom {
    border-color: rgba(125, 31, 78, 0.15) !important;
}

/* النصوص */
.store-footer,
.store-footer p,
.store-footer span,
.store-footer a,
.store-footer .footer-bottom,
.store-footer .footer-bottom a {
    color: var(--footer-text) !important;
}

/* العناوين */
.store-footer h3,
.store-footer h4,
.store-footer [data-selia="footer-links-column"] strong {
    color: var(--footer-brand) !important;
}

/* أيقونات التواصل */
.store-footer__contacts-row svg,
.store-footer__contacts-row i {
    color: var(--footer-brand) !important;
}

/* حدود مربعات الأيقونات */
.store-footer__contacts-row a,
.store-footer__contacts-row button {
    border-color: rgba(125, 31, 78, 0.45) !important;
    background-color: transparent !important;
}

/* تغيير لون الشكل المنحني أعلى الفوتر */
.store-footer::before,
.store-footer::after,
footer::before,
footer::after {
    background-color: var(--footer-cream) !important;
    background-image: none !important;
}

/* إذا كان الانحناء SVG */
/* تغيير لون الانحناء العلوي */
.store-footer svg.store-footer__curve {
    color: #f5eee8 !important;
}
/* إزالة قسم التطبيقات الفارغ والشريط الأسود */
.store-footer [data-selia="footer-apps-section"] {
    display: none !important;
}
.store-footer svg.store-footer__curve {
    color: #f5eee8 !important;
}
/* إصلاح الخلفية الداكنة المتبقية داخل الفوتر */
.store-footer__inner,
.store-footer__newsletter {
    background-color: var(--footer-cream, #f5eee8) !important;
    background-image: none !important;
    border-bottom: none !important;
}
/* =========================================
   نافذة عروض العودة للمدارس - الكمبيوتر فقط
   ========================================= */
@media (min-width: 1024px) {

    /* حاوية الصورة */
    div:has(> img[alt*="عروض العودة للمدارس"]) {
        width: 56% !important;
        flex: 0 0 56% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
        background: #d78f8c !important;
    }

    /* الصورة نفسها */
    img[alt*="عروض العودة للمدارس"] {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;

        display: block !important;
    }

    /* قسم النص والكوبون */
    div:has(> img[alt*="عروض العودة للمدارس"]) + div {
        width: 44% !important;
        flex: 0 0 44% !important;
    }
}

.main-menu #offers a {
  display: none
}