/* =========================
   BLUSH & BLOOM - GLOBAL BACKGROUND
========================= */

body,
.store-home,
main,
.app-inner {
    background-color: #FCF4F7 !important;
    background-image: url("https://cdn.files.salla.network/other/521080952/af2f3756-a79f-4471-b0aa-637efebec635-original.webp") !important;
    background-repeat: repeat-y !important;
    background-position: top center !important;
    background-size: 100% auto !important;
}

/* نخلي السكاشن شفافة عشان تظهر الخلفية */
section,
.s-block,
.s-block--default,
.container {
    background-color: transparent !important;
}

/* ألوان الهوية الأساسية */
:root {
    --bb-pink: #EE839C;
    --bb-light-pink: #FCF4F7;
    --bb-light-gray: #F5F5F5;
    --bb-white: #FFFFFF;
}

  /* ==========================================
   BLUSH & BLOOM
   PRODUCT CARDS - MOBILE
========================================== */

@media (max-width: 767px) {

    /* أقسام المنتجات */
    .s-block--products {
        background: transparent !important;
        padding-top: 15px !important;
        padding-bottom: 20px !important;
    }

    /* عنوان القسم */
    .s-block--products .s-block__title {
        justify-content: center !important;
        text-align: center !important;
        margin-bottom: 18px !important;
    }

    .s-block--products .s-block__title h2 {
        color: #EE839C !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* شبكة المنتجات */
    .s-block--products .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    /* الكرت كامل */
    .s-product-card-entry {
        background: #FCF4F7 !important;
        border: none !important;
        border-radius: 20px !important;
        box-shadow: 0 3px 10px rgba(0,0,0,.08) !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    /* منطقة الصورة */
    .s-product-card-image {
        background: #FFFFFF !important;
        border-radius: 20px 20px 16px 16px !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    /* صورة المنتج */
    .s-product-card-image img {
        width: 100% !important;
        height: 205px !important;
        object-fit: contain !important;
        padding: 12px !important;
        background: #FFFFFF !important;
    }

    /* محتوى الكرت */
    .s-product-card-content {
        padding: 12px 12px 14px !important;
        background: #FCF4F7 !important;
    }

    /* اسم المنتج */
    .s-product-card-content-title a,
    .s-product-card-content-title {
        color: #333 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        font-weight: 600 !important;
    }

    /* السعر */
    .s-product-card-price {
        color: #333 !important;
        font-size: 13px !important;
    }

    /* زر إضافة للسلة */
    .s-product-card-entry .s-button-element {
        background: #EE839C !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 50px !important;
        min-height: 36px !important;
        width: 100% !important;
        font-size: 13px !important;
        box-shadow: none !important;
    }

    .s-product-card-entry .s-button-element:hover {
        background: #EE839C !important;
        color: #FFFFFF !important;
    }
}
  /* ==========================================
   FIX: PRODUCT SECTION OVERLAPPING NEXT BANNER
   MOBILE ONLY
========================================== */

@media (max-width: 767px) {

    /* نعطي قسم المنتجات مساحة فعلية من تحت */
    .s-block--products {
        padding-bottom: 38px !important;
        margin-bottom: 18px !important;
        overflow: visible !important;
    }

    /* البانر اللي يجي بعد قسم المنتجات */
    .s-block--products + section,
    .s-block--products + .s-block,
    section[data-testid="store-home-fixed-banner"] {
        margin-top: 0 !important;
        clear: both !important;
        position: relative !important;
        z-index: 1 !important;
    }

    /* نتأكد إن كروت المنتجات فوق نفسها فقط */
    .s-product-card-entry {
        position: relative !important;
        z-index: 2 !important;
    }
}
  /* ==========================================
   BLUSH & BLOOM
   MOBILE - BANNER TOP SPACING
========================================== */

@media (max-width: 767px) {

    section[data-testid="store-home-fixed-banner"] {
        margin-top: 35px !important;
    }

}
/* ==========================================
   BLUSH & BLOOM
   MOBILE - ALL MAIN SECTION TITLES
========================================== */

@media (max-width: 767px) {

    /* =========================
       1) عناوين الأقسام العادية
       مثل: التصنيفات
    ========================== */

    .s-block__title {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;

        margin: 20px 0 18px !important;
        padding: 0 !important;
    }

    .s-block__title .right-side {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .s-block__title .right-side h2 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        color: #EE839C !important;
        font-size: 22px !important;
        line-height: 1.4 !important;
        font-weight: 700 !important;
        text-align: center !important;
    }


    /* =========================
       2) عناوين سلايدر المنتجات
       مثل: أحدث المنتجات
       منتجات مختارة
    ========================== */

    .s-slider-block__title {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;

        margin: 20px 0 18px !important;
        padding: 0 !important;
    }

    .s-slider-block__title-right {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    .s-slider-block__title-right h2 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        color: #EE839C !important;
        font-size: 22px !important;
        line-height: 1.4 !important;
        font-weight: 700 !important;
        text-align: center !important;
    }


    /* =========================
       إزالة أي زخارف افتراضية
    ========================== */

    .s-block__title::before,
    .s-block__title::after,
    .s-slider-block__title::before,
    .s-slider-block__title::after {
        content: none !important;
        display: none !important;
    }
}

/* ==========================================
   BLUSH & BLOOM
   HEADER - MOBILE + DESKTOP
========================================== */

header[data-testid="store-header"] {
    background: rgba(252, 244, 247, 0.4) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    border-bottom: 1px solid rgba(238, 131, 156, 0.18) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
}

/* محتوى الهيدر */
header[data-testid="store-header"] .container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* اللوقو */
header[data-testid="store-header"] a.navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* صورة اللوقو */
header[data-testid="store-header"] a.navbar-brand img {
    width: auto !important;
    height: 58px !important;
    max-width: 150px !important;
    object-fit: contain !important;
}

/* لون الأيقونات */
header[data-testid="store-header"] svg {
    color: #EE839C !important;
    stroke: #EE839C !important;
}

/* زر القائمة */
header[data-testid="store-header"] custom-main-menu {
    color: #EE839C !important;
}

/* دوائر الأيقونات */
header[data-testid="store-header"] .rounded-full {
    background: rgba(255,255,255,0.45) !important;
    border-color: rgba(238,131,156,0.20) !important;
    box-shadow: none !important;
}

/* رقم السلة */
header[data-testid="store-header"] .s-cart-summary-count,
header[data-testid="store-header"] [class*="badge"] {
    background: #EE839C !important;
    color: #FFFFFF !important;
}
  /* ==========================================
   BLUSH & BLOOM
   MOBILE HEADER BACKGROUND FIX
========================================== */

@media (max-width: 767px) {

    /* الهيدر الأساسي */
    header[data-testid="store-header"] {
        background: rgba(252, 244, 247, 0.4) !important;
        background-color: rgba(252, 244, 247, 0.4) !important;

        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;

        border-bottom: 1px solid rgba(238, 131, 156, 0.15) !important;
        box-shadow: none !important;
    }

    /* الطبقات الداخلية للهيدر */
    header[data-testid="store-header"] > div,
    header[data-testid="store-header"] .main-nav-container,
    header[data-testid="store-header"] .inner {
        background: rgba(252, 244, 247, 0.4) !important;
        background-color: rgba(252, 244, 247, 0.4) !important;
    }

    /* الحاويات الداخلية نخليها شفافة
       عشان يظهر اللون من طبقة الهيدر */
    header[data-testid="store-header"] .container {
        background: transparent !important;
    }

    /* اللوقو */
    header[data-testid="store-header"] a.navbar-brand img {
        height: 52px !important;
        width: auto !important;
        max-width: 140px !important;
        object-fit: contain !important;
    }

    /* الأيقونات */
    header[data-testid="store-header"] svg {
        color: #EE839C !important;
        stroke: #EE839C !important;
    }

    /* دوائر الحساب والسلة */
    header[data-testid="store-header"] .rounded-full {
        background: rgba(255,255,255,0.35) !important;
        border-color: rgba(238,131,156,0.20) !important;
        box-shadow: none !important;
    }
}
/* ==========================================
   BLUSH & BLOOM
   HEADER ICONS - FINAL
   MOBILE + DESKTOP
========================================== */


/* =========================
   زر الحساب
========================= */

header[data-testid="store-header"] .s-user-menu-login-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    padding: 0 !important;
    margin: 0 !important;

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

    background: #EE839C !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: none !important;

    color: #FFFFFF !important;
}


/* أيقونة الحساب */
header[data-testid="store-header"] .s-user-menu-login-btn svg {
    width: 24px !important;
    height: 24px !important;

    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}


/* خطوط أيقونة الحساب */
header[data-testid="store-header"] .s-user-menu-login-btn svg path,
header[data-testid="store-header"] .s-user-menu-login-btn svg circle {
    stroke: #FFFFFF !important;
}


/* =========================
   السلة
========================= */

/* نلغي تنسيق العنصر الخارجي */
header[data-testid="store-header"]
salla-cart-summary[data-testid="store-header-cart"] {
    margin: 0 10px !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
}


/* الدائرة الفعلية للسلة */
header[data-testid="store-header"]
.s-cart-summary-wrapper {
    position: relative !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    padding: 0 !important;
    margin: 0 !important;

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

    background: #EE839C !important;
    border: none !important;
    border-radius: 50% !important;

    box-shadow: none !important;
}


/* نخلي حاوية أيقونة السلة سنتر */
header[data-testid="store-header"] #s-cart-icon {
    width: 44px !important;
    height: 44px !important;

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

    margin: 0 !important;
    padding: 0 !important;
}


/* الأيقونة الحقيقية للسلة عندك */
header[data-testid="store-header"]
#s-cart-icon .header-btn__icon {
    color: #FFFFFF !important;

    font-size: 22px !important;
    line-height: 1 !important;

    margin: 0 !important;
}


/* لو الأيقونة تستخدم before */
header[data-testid="store-header"]
#s-cart-icon .header-btn__icon::before {
    color: #FFFFFF !important;
}


/* =========================
   عداد السلة
========================= */

header[data-testid="store-header"]
.s-cart-summary-count {
    position: absolute !important;

    top: -5px !important;
    right: -5px !important;

    min-width: 20px !important;
    width: 20px !important;
    height: 20px !important;

    padding: 0 !important;

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

    background: #FFFFFF !important;
    color: #EE839C !important;

    border: 2px solid #EE839C !important;
    border-radius: 50% !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    z-index: 5 !important;
}


/* =========================
   إخفاء نص السلة
   لو سلة حاطته بجانب الأيقونة
========================= */

header[data-testid="store-header"]
.s-cart-summary-content {
    display: none !important;
}
  /* ==========================================
   BLUSH & BLOOM
   MOBILE MENU BUTTON - FINAL
========================================== */

/* زر المنيو الحقيقي */
header[data-testid="store-header"]
a[data-testid="store-header-mobile-toggle"] {

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

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

    padding: 0 !important;
    margin: 0 10px 0 0 !important;

    background: #EE839C !important;
    border: none !important;
    border-radius: 50% !important;

    box-shadow: none !important;
}


/* أيقونة المنيو نفسها */
header[data-testid="store-header"]
a[data-testid="store-header-mobile-toggle"] .sicon-menu {

    color: #FFFFFF !important;

    font-size: 22px !important;
    line-height: 1 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* لأن لون text-primary في سلة كان مغطي على اللون */
header[data-testid="store-header"]
a[data-testid="store-header-mobile-toggle"] i::before {

    color: #FFFFFF !important;
 }
 
  /* ==========================================
   FIX MENU ICON CENTER
========================================== */

header[data-testid="store-header"]
a[data-testid="store-header-mobile-toggle"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    padding: 0 !important;
    line-height: 1 !important;
}


/* عنصر الأيقونة */
header[data-testid="store-header"]
a[data-testid="store-header-mobile-toggle"] .sicon-menu {
    width: 24px !important;
    height: 24px !important;

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

    padding: 0 !important;
    margin: 0 !important;

    font-size: 22px !important;
    line-height: 24px !important;

    color: #FFFFFF !important;
}


/* الرسم الفعلي للمنيو */
header[data-testid="store-header"]
a[data-testid="store-header-mobile-toggle"] .sicon-menu::before {
    display: block !important;

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: 22px !important;
    line-height: 24px !important;
    text-align: center !important;

    transform: translateY(0) !important;
}
  /* ==========================================
   BLUSH & BLOOM
   LOGO SIZE + REMOVE HEADER SHADOW
========================================== */

/* إزالة الشادو من الهيدر وكل طبقاته */
header[data-testid="store-header"],
header[data-testid="store-header"] #mainnav,
header[data-testid="store-header"] .main-nav-container,
header[data-testid="store-header"] .inner {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* تكبير الشعار */
header[data-testid="store-header"]
a[data-testid="store-header-logo"] img,
header[data-testid="store-header"]
a.navbar-brand img {
    width: auto !important;
    height: 68px !important;
    max-width: 180px !important;
    object-fit: contain !important;
}


/* الجوال */
@media (max-width: 767px) {

    header[data-testid="store-header"]
    a[data-testid="store-header-logo"] img,
    header[data-testid="store-header"]
    a.navbar-brand img {
        height: 62px !important;
        max-width: 160px !important;
    }
}
  /* ==========================================
   BLUSH & BLOOM
   HEADER BACKGROUND IMAGE
========================================== */

/* نخلي طبقات الهيدر الداخلية شفافة */
header[data-testid="store-header"],
header[data-testid="store-header"] #mainnav,
header[data-testid="store-header"] .main-nav-container,
header[data-testid="store-header"] .inner,
header[data-testid="store-header"] .container {
    background-color: transparent !important;
    box-shadow: none !important;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    header[data-testid="store-header"] #mainnav {
        background-image: url("https://cdn.files.salla.network/other/521080952/bd1e2f42-eefc-44c8-89c6-e695ba17811b-original.webp") !important;

        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;

        min-height: 104px !important;
        box-shadow: none !important;
    }
}


/* =========================
   DESKTOP
========================= */

@media (min-width: 768px) {

    header[data-testid="store-header"] #mainnav {
        background-image: url("https://cdn.files.salla.network/other/521080952/687a0be3-4fa1-4161-befe-69a6fc16b8d9-original.webp") !important;

        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;

        min-height: 104px !important;
        box-shadow: none !important;
    }
}
  /* ==========================================
   BLUSH & BLOOM
   WIDE BANNER / HERO BANNER
   MOBILE + DESKTOP
========================================== */

/* القسم كامل */
section[data-testid="store-home-fixed-banner"] {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
    border: none !important;

    overflow: hidden !important;
}


/* الحاوية الداخلية */
section[data-testid="store-home-fixed-banner"] .container {
    width: 100% !important;
    max-width: 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    background: transparent !important;
}


/* الرابط */
section[data-testid="store-home-fixed-banner"] a {
    width: 100% !important;
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    border-radius: 0 !important;
    overflow: hidden !important;
}


/* picture */
section[data-testid="store-home-fixed-banner"] picture {
    width: 100% !important;
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* صورة البانر */
section[data-testid="store-home-fixed-banner"] img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
  /* ==========================================
   BLUSH & BLOOM
   FOOTER + STORE FEATURES
   MOBILE + DESKTOP
========================================== */


/* ==========================================
   FOOTER
========================================== */

footer[data-testid="store-footer"] {
    background: #FCF4F7 !important;
    color: #333 !important;

    border: none !important;
    box-shadow: none !important;

    margin-top: 0 !important;
}


/* كل طبقات الفوتر */
footer[data-testid="store-footer"] > div,
footer[data-testid="store-footer"] .container,
footer[data-testid="store-footer"] .footer-is-light,
footer[data-testid="store-footer"] .store-footer__inner {
    background: transparent !important;
    box-shadow: none !important;
}


/* الجزء الأساسي */
footer[data-testid="store-footer"] .store-footer__inner {
    padding-top: 35px !important;
    padding-bottom: 25px !important;
}


/* نخلي محتوى الفوتر سنتر */
footer[data-testid="store-footer"] .container {
    text-align: center !important;
}


/* عنوان المتجر */
footer[data-testid="store-footer"] h3,
footer[data-testid="store-footer"] h4 {
    color: #EE839C !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    margin-bottom: 12px !important;

    text-align: center !important;
}


/* النصوص */
footer[data-testid="store-footer"] p {
    color: #555 !important;

    font-size: 13px !important;
    line-height: 1.9 !important;

    text-align: center !important;
}


/* الروابط */
footer[data-testid="store-footer"] a {
    color: #444 !important;

    font-size: 13px !important;

    text-decoration: none !important;
}


/* ترتيب القوائم */
footer[data-testid="store-footer"] ul {
    text-align: center !important;

    padding: 0 !important;
    margin: 0 !important;

    list-style: none !important;
}


footer[data-testid="store-footer"] li {
    margin-bottom: 8px !important;
}


/* ==========================================
   LOGO داخل الفوتر
========================================== */

footer[data-testid="store-footer"] img {
    max-width: 125px !important;
    height: auto !important;

    object-fit: contain !important;
}


/* ==========================================
   SOCIAL ICONS
========================================== */

footer[data-testid="store-footer"] .social-list,
footer[data-testid="store-footer"] .s-social-list,
footer[data-testid="store-footer"] [class*="social"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 8px !important;

    margin-top: 16px !important;
}


/* دوائر السوشل */
footer[data-testid="store-footer"] .social-list a,
footer[data-testid="store-footer"] .s-social-list a {
    width: 32px !important;
    height: 32px !important;

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

    background: #EE839C !important;

    color: #FFFFFF !important;

    border-radius: 50% !important;
    border: none !important;
}


/* أيقونات السوشل */
footer[data-testid="store-footer"] .social-list svg,
footer[data-testid="store-footer"] .s-social-list svg,
footer[data-testid="store-footer"] .social-list i,
footer[data-testid="store-footer"] .s-social-list i {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}


/* ==========================================
   CONTACT
========================================== */

footer[data-testid="store-footer"] a[href^="tel"],
footer[data-testid="store-footer"] a[href^="mailto"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    margin-bottom: 8px !important;
}


/* ==========================================
   COPYRIGHT AREA
========================================== */

footer[data-testid="store-footer"] .copyright-text,
footer[data-testid="store-footer"] .store-footer__copyright,
footer[data-testid="store-footer"] .footer-copyright {
    background: #FFFFFF !important;

    color: #555 !important;

    text-align: center !important;

    border-top: 1px solid rgba(238,131,156,.15) !important;

    padding-top: 13px !important;
    padding-bottom: 13px !important;
}


/* ==========================================
   PAYMENT ICONS
========================================== */

footer[data-testid="store-footer"] .s-payments-list,
footer[data-testid="store-footer"] [class*="payment"] {
    justify-content: center !important;
    text-align: center !important;
}
  /* ==========================================
   BLUSH & BLOOM
   FOOTER LOGO
========================================== */

/* نخفي أي شعار/صورة لوقو قديمة داخل الفوتر */
footer[data-testid="store-footer"] .store-footer__inner img,
footer[data-testid="store-footer"] .footer-logo img {
    display: none !important;
}

/* نضيف شعار Blush & Bloom الجديد */
footer[data-testid="store-footer"] .store-footer__inner::before {
    content: "" !important;

    display: block !important;

    width: 140px !important;
    height: 70px !important;

    margin: 0 auto 18px !important;

    background-image: url("https://cdn.files.salla.network/other/521080952/f6f2507e-937a-4829-91f6-897d3894d484-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}
 /* ==========================================
   BLUSH & BLOOM
   STORE FEATURES - FINAL FIX
   3 IN ONE ROW
========================================== */

section[data-testid="store-home-features"] {
    width: 100% !important;
    max-width: 100% !important;

    padding: 25px 12px 30px !important;
    margin: 0 !important;

    background: transparent !important;
}


/* الشبكة الحقيقية */
section[data-testid="store-home-features"] > div.grid {
    display: grid !important;

    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: 1fr !important;

    gap: 10px !important;

    width: 100% !important;

    align-items: start !important;
}


/* كل عنصر */
section[data-testid="store-home-features"]
.s-block--features__item {

    width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

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

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    text-align: center !important;
}


/* ==========================================
   الدائرة
========================================== */

section[data-testid="store-home-features"]
.s-block--features__item > div:first-child {

    width: 90px !important;
    height: 90px !important;

    min-width: 90px !important;
    min-height: 90px !important;

    max-width: 90px !important;
    max-height: 90px !important;

    flex: 0 0 90px !important;

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

    margin: 0 auto 12px !important;
    padding: 0 !important;

    /* وردي #EE839C بشفافية عالية */
    background: rgba(238, 131, 156, 0.15) !important;

    border: none !important;
    border-radius: 50% !important;

    box-shadow: none !important;
}


/* ==========================================
   الأيقونة
========================================== */

section[data-testid="store-home-features"]
.s-block--features__item svg {

    width: 34px !important;
    height: 34px !important;

    color: #EE839C !important;
    stroke: #EE839C !important;
}


section[data-testid="store-home-features"]
.s-block--features__item i {

    font-size: 34px !important;

    color: #EE839C !important;
}


/* ==========================================
   العنوان
========================================== */

section[data-testid="store-home-features"]
.s-block--features__item h2,

section[data-testid="store-home-features"]
.s-block--features__item h3,

section[data-testid="store-home-features"]
.s-block--features__item h4 {

    width: 100% !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    color: #EE839C !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: center !important;
}


/* ==========================================
   الوصف
========================================== */

section[data-testid="store-home-features"]
.s-block--features__item p {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 3px !important;

    color: #555 !important;

    font-size: 10px !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    section[data-testid="store-home-features"] {
        padding: 22px 8px 28px !important;
    }


    /* مهم: إجبار الثلاثة في صف واحد */
    section[data-testid="store-home-features"] > div.grid {

        display: grid !important;

        grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

        grid-template-rows: auto !important;

        grid-auto-flow: row !important;

        gap: 6px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item {

        grid-column: auto !important;
        grid-row: auto !important;

        width: 100% !important;

        padding: 0 !important;
    }


    /* دائرة كبيرة */
    section[data-testid="store-home-features"]
    .s-block--features__item > div:first-child {

        width: 82px !important;
        height: 82px !important;

        min-width: 82px !important;
        min-height: 82px !important;

        max-width: 82px !important;
        max-height: 82px !important;

        flex-basis: 82px !important;

        margin: 0 auto 10px !important;

        background: rgba(238, 131, 156, 0.15) !important;
        border-radius: 50% !important;
    }


    /* الأيقونة */
    section[data-testid="store-home-features"]
    .s-block--features__item svg {

        width: 31px !important;
        height: 31px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item i {

        font-size: 31px !important;
    }


    /* العنوان */
    section[data-testid="store-home-features"]
    .s-block--features__item h2,

    section[data-testid="store-home-features"]
    .s-block--features__item h3,

    section[data-testid="store-home-features"]
    .s-block--features__item h4 {

        font-size: 11px !important;
        white-space: nowrap !important;
    }


    /* الوصف */
    section[data-testid="store-home-features"]
    .s-block--features__item p {

        font-size: 9px !important;
        line-height: 1.45 !important;
    }
}

  /* ==========================================
   BLUSH & BLOOM
   STORE FEATURES TITLE
========================================== */

section[data-testid="store-home-features"]::before {
    content: "مميزات المتجر";

    display: block !important;
    width: 100% !important;

    color: #EE839C !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: center !important;

    margin: 0 0 22px !important;
    padding: 0 !important;
}


/* الجوال */
@media (max-width: 767px) {

    section[data-testid="store-home-features"]::before {
        font-size: 22px !important;
        margin-bottom: 20px !important;
    }
}
  /* ==========================================
   BLUSH & BLOOM
   STORE FEATURES BACKGROUND + CENTER
========================================== */

section[data-testid="store-home-features"] {
    width: 100% !important;
    max-width: 100% !important;

    background-image: url("https://cdn.files.salla.network/other/521080952/48d8f2e0-0bb9-497e-9dee-5be4a8af8ccb-original.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;

    padding: 45px 20px !important;
    margin: 0 !important;

    text-align: center !important;

    box-shadow: none !important;
    border: none !important;
}


/* عنوان مميزات المتجر */
section[data-testid="store-home-features"]::before {
    content: "مميزات المتجر";

    display: block !important;
    width: 100% !important;

    color: #EE839C !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: center !important;

    margin: 0 auto 30px !important;
}


/* حاوية المميزات */
section[data-testid="store-home-features"] > div.grid {
    width: 100% !important;
    max-width: 850px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    align-items: start !important;
    justify-content: center !important;

    gap: 30px !important;
}


/* كل ميزة */
section[data-testid="store-home-features"]
.s-block--features__item {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;

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

    text-align: center !important;

    background: transparent !important;

    padding: 0 !important;
    margin: 0 !important;

    border: none !important;
    box-shadow: none !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    section[data-testid="store-home-features"] {
        background-position: center center !important;
        background-size: cover !important;

        padding: 35px 10px 40px !important;
    }

    section[data-testid="store-home-features"]::before {
        font-size: 22px !important;
        margin-bottom: 25px !important;
    }

    section[data-testid="store-home-features"] > div.grid {
        width: 100% !important;
        max-width: 100% !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 8px !important;

        margin: 0 auto !important;
    }
}
  
 /* ==========================================
   BLUSH & BLOOM
   قائمة العناصر - 2 × 2
   LARGE + MINIMUM SPACING
========================================== */

@media (max-width: 767px) {

    section[data-testid="store-home-square-photos"] {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
        min-height: 0 !important;
    }


    /* العنوان */
    section[data-testid="store-home-square-photos"]
    .s-block__title {
        margin-bottom: 5px !important;
    }


    /* الشبكة */
    section[data-testid="store-home-square-photos"] > .grid {

        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 0 !important;
        column-gap: 0 !important;
        row-gap: 0 !important;

        width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* كل تصنيف */
    section[data-testid="store-home-square-photos"]
    .banner-entry.square-photos {

        width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;

        min-width: 0 !important;
        min-height: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        overflow: hidden !important;
    }


    /* الصورة داخل التصنيف */
    section[data-testid="store-home-square-photos"]
    .banner-entry.square-photos > div {

        width: 100% !important;

        height: 145px !important;
        min-height: 145px !important;

        padding: 0 !important;
        margin: 0 !important;

        /* هنا السر */
        background-size: 125% auto !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        border-radius: 0 !important;
    }


    section[data-testid="store-home-square-photos"] * {
        margin-bottom: 0 !important;
    }
}

/* تقليل المسافة بين الصف الأول والثاني */
@media (max-width: 767px) {

    section[data-testid="store-home-square-photos"]
    .banner-entry.square-photos:nth-child(n+3) {
        transform: translateY(-20px) !important;
    }

    section[data-testid="store-home-square-photos"] {
        margin-bottom: -30px !important;
    }
}
/* ==========================================
   BLUSH & BLOOM
   FOOTER - REFERENCE STYLE
========================================== */

footer[data-testid="store-footer"] {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* الجزء الوردي الرئيسي */
footer[data-testid="store-footer"] .store-footer__inner {
    position: relative !important;

    background: #FCF4F7 !important;

    border-radius: 34px 34px 0 0 !important;

    box-shadow:
        0 -7px 20px rgba(238, 131, 156, 0.10) !important;

    padding: 55px 22px 36px !important;

    overflow: hidden !important;
}


/* اللوقو */
footer[data-testid="store-footer"] .store-footer__inner::before {
    content: "" !important;

    display: block !important;

    width: 145px !important;
    height: 82px !important;

    margin: 0 auto 34px !important;

    background-image:
    url("https://cdn.files.salla.network/other/521080952/f6f2507e-937a-4829-91f6-897d3894d484-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}


/* اخفاء شعار الثيم القديم */
footer[data-testid="store-footer"]
.store-footer__inner
a[href="https://bandbsa.com/ar/"] {
    display: none !important;
}


/* ==========================================
   ترتيب الأعمدة
========================================== */

footer[data-testid="store-footer"]
.store-footer__inner > .container.grid {

    display: flex !important;
    flex-direction: column !important;

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

    gap: 32px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* كل بلوك داخل الفوتر */
footer[data-testid="store-footer"]
.store-footer__inner > .container.grid > div,

footer[data-testid="store-footer"]
.store-footer__inner > .container.grid > salla-apps-icons {

    width: 100% !important;

    max-width: 330px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;

    grid-column: auto !important;
}


/* ==========================================
   العناوين
========================================== */

footer[data-testid="store-footer"] h3,
footer[data-testid="store-footer"] h4 {

    color: #EE839C !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;

    text-align: center !important;

    margin: 0 0 16px !important;
}


/* ==========================================
   النصوص والروابط
========================================== */

footer[data-testid="store-footer"] p,
footer[data-testid="store-footer"] span,
footer[data-testid="store-footer"] a {

    font-size: 14px !important;
    line-height: 1.9 !important;

    text-align: center !important;
}


footer[data-testid="store-footer"] p,
footer[data-testid="store-footer"] span {

    color: #555 !important;
}


footer[data-testid="store-footer"] a {

    color: #EE839C !important;

    text-decoration: none !important;
}


/* القوائم */
footer[data-testid="store-footer"] ul {

    padding: 0 !important;
    margin: 0 !important;

    list-style: none !important;

    text-align: center !important;
}


footer[data-testid="store-footer"] li {

    margin: 0 0 8px !important;

    text-align: center !important;
}


/* وصف المتجر */
footer[data-testid="store-footer"] .max-w-sm {

    max-width: 300px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}


/* ==========================================
   التواصل
========================================== */

footer[data-testid="store-footer"]
a[href^="tel"],

footer[data-testid="store-footer"]
a[href^="mailto"] {

    display: flex !important;

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

    gap: 8px !important;

    margin: 8px auto !important;

    color: #555 !important;
}


/* ==========================================
   SOCIAL MEDIA
========================================== */

footer[data-testid="store-footer"] .flex.gap-4 {

    display: flex !important;

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

    gap: 10px !important;

    width: fit-content !important;

    margin: 12px auto 0 !important;

    padding: 6px 18px !important;

    background: #EE839C !important;

    border-radius: 999px !important;
}


/* كل ايقونة */
footer[data-testid="store-footer"] .flex.gap-4 a {

    width: 30px !important;
    height: 30px !important;

    display: flex !important;

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

    padding: 0 !important;

    margin: 0 !important;

    background: transparent !important;

    border-radius: 50% !important;

    color: #FFFFFF !important;
}


/* لون الايقونات */
footer[data-testid="store-footer"] .flex.gap-4 i,
footer[data-testid="store-footer"] .flex.gap-4 svg {

    color: #FFFFFF !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}


/* ==========================================
   PAYMENT
========================================== */

footer[data-testid="store-footer"]
salla-apps-icons[data-testid="store-footer-apps"] {

    display: flex !important;

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

    gap: 10px !important;

    margin-top: 6px !important;
}


/* ==========================================
   COPYRIGHT AREA
========================================== */

footer[data-testid="store-footer"] > div:last-child {

    background: #FCF4F7 !important;

    border: none !important;

    padding-top: 18px !important;
    padding-bottom: 22px !important;

    text-align: center !important;
}


footer[data-testid="store-footer"]
.md\:flex.items-center.justify-between {

    display: flex !important;

    flex-direction: column !important;

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

    gap: 14px !important;

    text-align: center !important;
}


/* حقوق المتجر */
footer[data-testid="store-footer"] > div:last-child,
footer[data-testid="store-footer"] > div:last-child * {

    text-align: center !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    footer[data-testid="store-footer"]
    .store-footer__inner {

        border-radius: 32px 32px 0 0 !important;

        padding:
            45px 18px 34px !important;
    }


    footer[data-testid="store-footer"]
    .store-footer__inner::before {

        width: 135px !important;
        height: 76px !important;

        margin-bottom: 32px !important;
    }


    footer[data-testid="store-footer"]
    .store-footer__inner > .container.grid {

        gap: 30px !important;
    }


    footer[data-testid="store-footer"] h3,
    footer[data-testid="store-footer"] h4 {

        font-size: 19px !important;
    }


    footer[data-testid="store-footer"] p,
    footer[data-testid="store-footer"] span,
    footer[data-testid="store-footer"] a {

        font-size: 13px !important;
    }


    footer[data-testid="store-footer"] .flex.gap-4 {

        min-width: 235px !important;

        padding: 5px 18px !important;

        justify-content: space-evenly !important;
    }
}
  /* ==========================================
   FOOTER CLEANUP
========================================== */


/* 1. إخفاء اسم bandbsa */
footer[data-testid="store-footer"]
.store-footer__inner
a[href="https://bandbsa.com/ar/"] {
    display: none !important;
}


/* احتياط في حال الرابط بصيغة مختلفة */
footer[data-testid="store-footer"]
.store-footer__inner
a[href*="bandbsa.com"] {
    display: none !important;
}


/* ==========================================
   2. وثيقة العمل الحر
   إزالة الخلفية الوردية بالكامل
========================================== */

footer[data-testid="store-footer"]
.store-footer__inner .hidden.lg\:block {

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 0 !important;
    margin: 15px auto 0 !important;

    width: auto !important;
    max-width: none !important;

    color: #555 !important;

    text-align: center !important;
}


/* إزالة أي خلفية من العناصر الداخلية */
footer[data-testid="store-footer"]
.store-footer__inner .hidden.lg\:block * {

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
}


/* رقم الوثيقة */
footer[data-testid="store-footer"]
.store-footer__inner .hidden.lg\:block a {

    color: #555 !important;

    background: transparent !important;

    border: none !important;

    padding: 0 !important;
    margin: 0 !important;
}
  /* ==========================================
   BLUSH & BLOOM
   FOOTER FIXES
========================================== */


/* ==========================================
   1. توسيط أرقام التواصل إجبارياً
========================================== */

footer[data-testid="store-footer"] a[href^="tel"],
footer[data-testid="store-footer"] a[href*="wa.me"],
footer[data-testid="store-footer"] a[href*="whatsapp"] {

    width: 100% !important;
    max-width: 280px !important;

    margin: 10px auto !important;

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

    gap: 12px !important;

    text-align: center !important;

    direction: ltr !important;
}


/* توسيط النص داخل الرابط */
footer[data-testid="store-footer"] a[href^="tel"] span,
footer[data-testid="store-footer"] a[href*="wa.me"] span,
footer[data-testid="store-footer"] a[href*="whatsapp"] span {

    flex: 0 0 auto !important;

    margin: 0 !important;

    text-align: center !important;
}


/* ==========================================
   FIX CONTACT ICONS
========================================== */

/* دائرة أيقونة التواصل الأصلية */
footer[data-testid="store-footer"] a[href^="tel"] > *:last-child,
footer[data-testid="store-footer"] a[href*="wa.me"] > *:last-child,
footer[data-testid="store-footer"] a[href*="whatsapp"] > *:last-child {

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

    margin: 0 !important;
}


/* الأيقونة نفسها — نرجعها لحجم طبيعي */
footer[data-testid="store-footer"] a[href^="tel"] i,
footer[data-testid="store-footer"] a[href^="tel"] svg,

footer[data-testid="store-footer"] a[href*="wa.me"] i,
footer[data-testid="store-footer"] a[href*="wa.me"] svg,

footer[data-testid="store-footer"] a[href*="whatsapp"] i,
footer[data-testid="store-footer"] a[href*="whatsapp"] svg {

    width: 20px !important;
    height: 20px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
}


/* توسيط صفوف التواصل */
footer[data-testid="store-footer"] a[href^="tel"],
footer[data-testid="store-footer"] a[href*="wa.me"],
footer[data-testid="store-footer"] a[href*="whatsapp"] {

    display: flex !important;

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

    gap: 12px !important;

    width: fit-content !important;
    max-width: none !important;

    margin: 12px auto !important;

    direction: ltr !important;
}

/* ==========================================
   4. إزالة الخلفيات البيضاء من الدفع
========================================== */

footer[data-testid="store-footer"]
salla-apps-icons[data-testid="store-footer-apps"] {

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;

    display: flex !important;

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

    margin-left: auto !important;
    margin-right: auto !important;
}


/* إزالة الخلفية من كل العناصر داخل الدفع */
footer[data-testid="store-footer"]
salla-apps-icons[data-testid="store-footer-apps"] * {

    background-color: transparent !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* ==========================================
   5. إزالة المربع الأبيض خلف حقوق سلة
========================================== */

footer[data-testid="store-footer"] > div:last-child,
footer[data-testid="store-footer"] > div:last-child .container,
footer[data-testid="store-footer"] > div:last-child div {

    background-color: transparent !important;

    box-shadow: none !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    footer[data-testid="store-footer"] a[href^="tel"],
    footer[data-testid="store-footer"] a[href*="wa.me"],
    footer[data-testid="store-footer"] a[href*="whatsapp"] {

        max-width: 270px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        justify-content: center !important;
    }


    footer[data-testid="store-footer"] .flex.gap-4 {

        width: fit-content !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;

        background: transparent !important;
    }
}
/* ==========================================
   BLUSH & BLOOM
   SOCIAL ICONS - REAL FINAL FIX
========================================== */


/* قائمة السوشال */
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-list {

    display: flex !important;
    flex-direction: row !important;

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

    gap: 10px !important;

    width: fit-content !important;

    margin: 0 auto !important;
    padding: 0 !important;

    list-style: none !important;
}


/* كل عنصر */
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-link {

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

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

    line-height: 0 !important;
}


/* الدائرة */
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-link > a {

    position: relative !important;

    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
    min-height: 40px !important;

    display: flex !important;

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

    margin: 0 !important;
    padding: 0 !important;

    background: #EE839C !important;

    border: none !important;
    border-radius: 50% !important;

    line-height: 0 !important;

    overflow: hidden !important;
}


/* ==========================================
   العنصر الحقيقي للأيقونة
========================================== */

footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-link > a
.s-social-icon {

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    right: auto !important;
    bottom: auto !important;

    width: 22px !important;
    height: 22px !important;

    min-width: 22px !important;
    min-height: 22px !important;

    display: flex !important;

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

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    transform: translate(-50%, -50%) !important;
}


/* ==========================================
   SVG الحقيقي
========================================== */

footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-link
.s-social-icon > svg {

    position: static !important;

    display: block !important;

    width: 21px !important;
    height: 21px !important;

    min-width: 21px !important;
    min-height: 21px !important;

    max-width: 21px !important;
    max-height: 21px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    color: #FFFFFF !important;

    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}


/* الحفاظ على لون الرسم */
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-icon svg path {

    fill: currentColor !important;
    color: #FFFFFF !important;
}


/* MOBILE */
@media (max-width: 767px) {

    footer[data-testid="store-footer"]
    salla-social[data-testid="store-footer-social"] {

        width: 100% !important;

        display: flex !important;
        justify-content: center !important;
    }

    footer[data-testid="store-footer"]
    salla-social[data-testid="store-footer-social"]
    .s-social-list {

        margin-left: auto !important;
        margin-right: auto !important;
    }
}
  /* ==========================================
   SOCIAL ICONS - VISUAL CENTER FINAL
========================================== */

/* نثبت الحاوية في منتصف الدائرة */
footer[data-testid="store-footer"]
.s-social-link > a .s-social-icon {
    width: 22px !important;
    height: 22px !important;

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

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
}


/* SVG */
footer[data-testid="store-footer"]
.s-social-link > a .s-social-icon svg {
    display: block !important;

    width: 22px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    top: -3px !important;

    transform: none !important;
}


/* تيك توك */
footer[data-testid="store-footer"]
a[aria-label="tiktok"] .s-social-icon svg,
footer[data-testid="store-footer"]
a[title="tiktok"] .s-social-icon svg {
    top: -2px !important;
}


/* سناب */
footer[data-testid="store-footer"]
a[aria-label="Snapchat"] .s-social-icon svg,
footer[data-testid="store-footer"]
a[title="Snapchat"] .s-social-icon svg {
    top: -2px !important;
}


/* انستقرام */
footer[data-testid="store-footer"]
a[aria-label="Instagram"] .s-social-icon svg,
footer[data-testid="store-footer"]
a[title="Instagram"] .s-social-icon svg {
    top: -2px !important;
}
/* ==========================================
   FOOTER COPYRIGHT
   بدون خلفية + خط بولد
========================================== */

footer[data-testid="store-footer"] > div:last-child,
footer[data-testid="store-footer"] > div:last-child .container,
footer[data-testid="store-footer"] > div:last-child .container > div,
footer[data-testid="store-footer"] > div:last-child p {
    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;
    border: none !important;
}


/* نص الحقوق */
footer[data-testid="store-footer"] > div:last-child p,
footer[data-testid="store-footer"] > div:last-child p *,
footer[data-testid="store-footer"] > div:last-child .container > div {
    font-weight: 700 !important;
}


/* توسيطه */
footer[data-testid="store-footer"] > div:last-child .container {
    text-align: center !important;
    justify-content: center !important;
}
  /* ==========================================
   COPYRIGHT - REMOVE WHITE BACKGROUND FORCE
========================================== */

footer[data-testid="store-footer"] > div:last-child,
footer[data-testid="store-footer"] > div:last-child *,
footer[data-testid="store-footer"] > div:last-child *::before,
footer[data-testid="store-footer"] > div:last-child *::after {

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
    border: none !important;
}


/* الحقوق بولد */
footer[data-testid="store-footer"] > div:last-child p,
footer[data-testid="store-footer"] > div:last-child p *,
footer[data-testid="store-footer"] > div:last-child span,
footer[data-testid="store-footer"] > div:last-child a {

    font-weight: 700 !important;
}


/* توسيط الحقوق */
footer[data-testid="store-footer"] > div:last-child .container {

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

    text-align: center !important;
}
  /* ==========================================
   BLUSH & BLOOM
   FOOTER - COMPACT SIZE
   تصغير الفوتر بدون تغيير التصميم
========================================== */


/* تقليل ارتفاع ومساحات الفوتر */
footer[data-testid="store-footer"] .store-footer__inner {
    padding-top: 32px !important;
    padding-bottom: 22px !important;
}


/* اللوقو */
footer[data-testid="store-footer"] .store-footer__inner::before {
    width: 115px !important;
    height: 60px !important;
    margin-bottom: 20px !important;
}


/* تقليل المسافات بين أقسام الفوتر */
footer[data-testid="store-footer"]
.store-footer__inner > .container.grid {
    gap: 20px !important;
}


/* العناوين */
footer[data-testid="store-footer"] h3,
footer[data-testid="store-footer"] h4 {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
}


/* النصوص والروابط */
footer[data-testid="store-footer"] p,
footer[data-testid="store-footer"] span,
footer[data-testid="store-footer"] a {
    font-size: 12px !important;
    line-height: 1.65 !important;
}


/* تقليل المسافات بين روابط القوائم */
footer[data-testid="store-footer"] li {
    margin-bottom: 5px !important;
}


/* وصف المتجر */
footer[data-testid="store-footer"] .max-w-sm {
    max-width: 270px !important;
}


/* ==========================================
   التواصل
========================================== */

footer[data-testid="store-footer"] a[href^="tel"],
footer[data-testid="store-footer"] a[href*="wa.me"],
footer[data-testid="store-footer"] a[href*="whatsapp"] {
    gap: 8px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}


/* ==========================================
   السوشال
========================================== */

footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"] {
    margin-top: 12px !important;
}


footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-list {
    gap: 7px !important;
}


/* تصغير الدوائر */
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-link,

footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]
.s-social-link > a {
    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;
    min-height: 34px !important;

    max-width: 34px !important;
    max-height: 34px !important;
}


/* تصغير أيقونات السوشال */
footer[data-testid="store-footer"]
.s-social-link > a .s-social-icon {
    width: 19px !important;
    height: 19px !important;
}


footer[data-testid="store-footer"]
.s-social-link > a .s-social-icon svg {
    width: 19px !important;
    height: 19px !important;

    min-width: 19px !important;
    min-height: 19px !important;

    max-width: 19px !important;
    max-height: 19px !important;
}


/* ==========================================
   الدفع
========================================== */

footer[data-testid="store-footer"]
salla-apps-icons[data-testid="store-footer-apps"] {
    transform: scale(.88) !important;
    transform-origin: center !important;
    margin-top: 0 !important;
}


/* ==========================================
   الحقوق
========================================== */

footer[data-testid="store-footer"] > div:last-child {
    padding-top: 10px !important;
    padding-bottom: 14px !important;
}


footer[data-testid="store-footer"] > div:last-child p,
footer[data-testid="store-footer"] > div:last-child span,
footer[data-testid="store-footer"] > div:last-child a {
    font-size: 11px !important;
}


/* ==========================================
   MOBILE - أصغر وأنظف
========================================== */

@media (max-width: 767px) {

    footer[data-testid="store-footer"] .store-footer__inner {
        padding: 28px 14px 20px !important;
    }

    footer[data-testid="store-footer"] .store-footer__inner::before {
        width: 105px !important;
        height: 55px !important;
        margin-bottom: 17px !important;
    }

    footer[data-testid="store-footer"]
    .store-footer__inner > .container.grid {
        gap: 17px !important;
    }

    footer[data-testid="store-footer"] h3,
    footer[data-testid="store-footer"] h4 {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }

    footer[data-testid="store-footer"] p,
    footer[data-testid="store-footer"] span,
    footer[data-testid="store-footer"] a {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }

    footer[data-testid="store-footer"] li {
        margin-bottom: 4px !important;
    }
}
  /* ==========================================
   BLUSH & BLOOM
   مسافة بعد أقسام المنتجات
========================================== */

/* جميع أقسام سلايدر المنتجات */
section[data-testid="store-home-products-slider"] {
    margin-bottom: 45px !important;
}


/* الجوال */
@media (max-width: 767px) {

    section[data-testid="store-home-products-slider"] {
        margin-bottom: 40px !important;
    }
}
/* ==========================================
   PRODUCT SLIDER
   إظهار نهاية الكرت + الشادو السفلي
========================================== */

/* القسم نفسه */
section[data-testid="store-home-products-slider"] {
    overflow: visible !important;
    padding-bottom: 25px !important;
    margin-bottom: 30px !important;
}


/* سلايدر سلة */
section[data-testid="store-home-products-slider"]
salla-products-slider {
    overflow: visible !important;
}


/* حاوية السلايدر */
section[data-testid="store-home-products-slider"]
.swiper,
section[data-testid="store-home-products-slider"]
.s-slider-container,
section[data-testid="store-home-products-slider"]
.s-slider-block__content {
    overflow-y: visible !important;
}


/* مساحة فعلية أسفل الكروت عشان الشادو يظهر */
section[data-testid="store-home-products-slider"]
.swiper-wrapper {
    padding-bottom: 18px !important;
}


/* الكرت نفسه */
section[data-testid="store-home-products-slider"]
.s-product-card-entry {
    margin-bottom: 5px !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.10) !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    section[data-testid="store-home-products-slider"] {
        padding-bottom: 22px !important;
        margin-bottom: 30px !important;
    }

    section[data-testid="store-home-products-slider"]
    .swiper-wrapper {
        padding-bottom: 18px !important;
    }
}

/* =========================================================
   BLUSH & BLOOM
   DESKTOP SYNC / RESPONSIVE FINAL
   يطبق نفس هوية الجوال على الديسكتوب بمقاسات مناسبة
========================================================= */

@media (min-width: 768px) {

    /* =========================
       MAIN SECTION TITLES
    ========================== */

    .s-block__title,
    .s-slider-block__title {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin: 28px 0 24px !important;
        padding: 0 !important;
    }

    .s-block__title .right-side,
    .s-slider-block__title-right {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    .s-block__title .right-side h2,
    .s-slider-block__title-right h2 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #EE839C !important;
        font-size: 26px !important;
        line-height: 1.4 !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    .s-block__title::before,
    .s-block__title::after,
    .s-slider-block__title::before,
    .s-slider-block__title::after {
        content: none !important;
        display: none !important;
    }


    /* =========================
       PRODUCT CARDS
    ========================== */

    .s-block--products {
        background: transparent !important;
        padding-top: 20px !important;
        padding-bottom: 35px !important;
        overflow: visible !important;
    }

    .s-product-card-entry {
        position: relative !important;
        background: #FCF4F7 !important;
        border: none !important;
        border-radius: 20px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    .s-product-card-image {
        background: #FFFFFF !important;
        border-radius: 20px 20px 16px 16px !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    .s-product-card-image img {
        width: 100% !important;
        height: 260px !important;
        object-fit: contain !important;
        padding: 18px !important;
        background: #FFFFFF !important;
    }

    .s-product-card-content {
        padding: 14px 16px 16px !important;
        background: #FCF4F7 !important;
    }

    .s-product-card-content-title,
    .s-product-card-content-title a {
        color: #333 !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
        font-weight: 600 !important;
    }

    .s-product-card-price {
        color: #333 !important;
        font-size: 14px !important;
    }

    .s-product-card-entry .s-button-element {
        width: 100% !important;
        min-height: 40px !important;
        background: #EE839C !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 50px !important;
        font-size: 14px !important;
        box-shadow: none !important;
    }

    .s-product-card-entry .s-button-element:hover {
        background: #EE839C !important;
        color: #FFFFFF !important;
    }


    /* =========================
       PRODUCT SLIDER SHADOW SPACE
    ========================== */

    section[data-testid="store-home-products-slider"] {
        overflow: visible !important;
        padding-bottom: 28px !important;
        margin-bottom: 38px !important;
    }

    section[data-testid="store-home-products-slider"] salla-products-slider,
    section[data-testid="store-home-products-slider"] .swiper,
    section[data-testid="store-home-products-slider"] .s-slider-container,
    section[data-testid="store-home-products-slider"] .s-slider-block__content {
        overflow-y: visible !important;
    }

    section[data-testid="store-home-products-slider"] .swiper-wrapper {
        padding-bottom: 20px !important;
    }


    /* =========================
       CATEGORIES / قائمة العناصر
       4 عناصر في صف واحد على الديسكتوب
    ========================== */

    section[data-testid="store-home-square-photos"] {
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto 10px !important;
        padding: 10px 18px 20px !important;
        background: transparent !important;
        min-height: 0 !important;
    }

    section[data-testid="store-home-square-photos"] > .grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: start !important;
    }

    section[data-testid="store-home-square-photos"]
    .banner-entry.square-photos {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transform: none !important;
    }

    section[data-testid="store-home-square-photos"]
    .banner-entry.square-photos > div {
        width: 100% !important;
        height: 210px !important;
        min-height: 210px !important;
        margin: 0 !important;
        padding: 0 !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        border-radius: 0 !important;
    }


    /* =========================
       STORE FEATURES
    ========================== */

    section[data-testid="store-home-features"] {
        padding: 55px 40px 60px !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    section[data-testid="store-home-features"]::before {
        font-size: 26px !important;
        margin-bottom: 34px !important;
    }

    section[data-testid="store-home-features"] > div.grid {
        max-width: 1000px !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 50px !important;
        margin: 0 auto !important;
    }

    section[data-testid="store-home-features"]
    .s-block--features__item > div:first-child {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        max-width: 100px !important;
        max-height: 100px !important;
        flex-basis: 100px !important;
        background: rgba(238, 131, 156, 0.20) !important;
        margin: 0 auto 14px !important;
    }

    section[data-testid="store-home-features"]
    .s-block--features__item svg {
        width: 36px !important;
        height: 36px !important;
    }

    section[data-testid="store-home-features"]
    .s-block--features__item i {
        font-size: 36px !important;
    }

    section[data-testid="store-home-features"]
    .s-block--features__item h2,
    section[data-testid="store-home-features"]
    .s-block--features__item h3,
    section[data-testid="store-home-features"]
    .s-block--features__item h4 {
        font-size: 14px !important;
    }

    section[data-testid="store-home-features"]
    .s-block--features__item p {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }


    /* =========================
       WIDE BANNERS
    ========================== */

    section[data-testid="store-home-fixed-banner"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    section[data-testid="store-home-fixed-banner"] img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    section[data-testid="store-home-products-slider"]
    + section[data-testid="store-home-fixed-banner"] {
        margin-top: 35px !important;
    }


    /* =========================
       HEADER
    ========================== */

    header[data-testid="store-header"] #mainnav {
        min-height: 104px !important;
    }

    header[data-testid="store-header"]
    a[data-testid="store-header-logo"] img,
    header[data-testid="store-header"] a.navbar-brand img {
        height: 68px !important;
        max-width: 180px !important;
    }


    /* =========================
       FOOTER - DESKTOP LAYOUT
       نفس الهوية مع استغلال عرض الشاشة
    ========================== */

    footer[data-testid="store-footer"] .store-footer__inner {
        padding: 42px 40px 30px !important;
        border-radius: 40px 40px 0 0 !important;
    }

    footer[data-testid="store-footer"] .store-footer__inner::before {
        width: 125px !important;
        height: 66px !important;
        margin: 0 auto 26px !important;
    }

    footer[data-testid="store-footer"]
    .store-footer__inner > .container.grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;
        justify-content: center !important;
        gap: 36px !important;
        width: 100% !important;
        max-width: 1100px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }

    footer[data-testid="store-footer"]
    .store-footer__inner > .container.grid > div {
        width: 100% !important;
        max-width: 330px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        grid-column: auto !important;
    }

    footer[data-testid="store-footer"]
    .store-footer__inner > .container.grid > salla-apps-icons {
        width: 100% !important;
        max-width: 100% !important;
        grid-column: 1 / -1 !important;
        margin: 8px auto 0 !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    footer[data-testid="store-footer"] h3,
    footer[data-testid="store-footer"] h4 {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    footer[data-testid="store-footer"] p,
    footer[data-testid="store-footer"] span,
    footer[data-testid="store-footer"] a {
        font-size: 12px !important;
        line-height: 1.7 !important;
    }

    footer[data-testid="store-footer"] li {
        margin-bottom: 5px !important;
    }

    footer[data-testid="store-footer"]
    salla-social[data-testid="store-footer-social"] {
        margin-top: 14px !important;
    }

    footer[data-testid="store-footer"]
    salla-social[data-testid="store-footer-social"]
    .s-social-list {
        gap: 8px !important;
    }

    footer[data-testid="store-footer"]
    salla-social[data-testid="store-footer-social"]
    .s-social-link,
    footer[data-testid="store-footer"]
    salla-social[data-testid="store-footer-social"]
    .s-social-link > a {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }

    footer[data-testid="store-footer"] > div:last-child {
        padding-top: 12px !important;
        padding-bottom: 16px !important;
    }
}


/* =========================================================
   TABLET TUNING
========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    section[data-testid="store-home-square-photos"]
    .banner-entry.square-photos > div {
        height: 165px !important;
        min-height: 165px !important;
    }

    .s-product-card-image img {
        height: 225px !important;
    }

    footer[data-testid="store-footer"]
    .store-footer__inner > .container.grid {
        gap: 22px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* ==========================================
   BLUSH & BLOOM
   DESKTOP FOOTER FINAL FIX
========================================== */

@media (min-width: 768px) {

    /* ==========================================
       1) إلغاء نسخة السوشال المكررة
       نخلي فقط salla-social الحقيقي
    ========================================== */

    footer[data-testid="store-footer"]
    .store-footer__inner
    .flex.gap-4 {
        display: none !important;
    }


    /* نتأكد إن السوشال الأساسي يظل ظاهر */
    footer[data-testid="store-footer"]
    salla-social[data-testid="store-footer-social"] {
        display: flex !important;
        width: 100% !important;

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

        margin: 14px auto 0 !important;
    }


    /* ==========================================
       2) إزالة خلفية الحقوق البيضاء بالديسكتوب
    ========================================== */

    footer[data-testid="store-footer"] > div:last-child,
    footer[data-testid="store-footer"] > div:last-child *,
    footer[data-testid="store-footer"] > div:last-child *::before,
    footer[data-testid="store-footer"] > div:last-child *::after {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        box-shadow: none !important;
        border: none !important;
    }


    /* الحقوق سنتر */
    footer[data-testid="store-footer"]
    > div:last-child .container {

        display: flex !important;

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

        text-align: center !important;
    }


    /* نص الحقوق */
    footer[data-testid="store-footer"]
    > div:last-child p,

    footer[data-testid="store-footer"]
    > div:last-child span,

    footer[data-testid="store-footer"]
    > div:last-child a {

        font-weight: 700 !important;

        background: transparent !important;

        box-shadow: none !important;
    }
}
/* ==========================================
   DESKTOP COPYRIGHT - FINAL FIX
   لا يؤثر على الجوال
========================================== */

@media (min-width: 768px) {

    /* حاوية الحقوق + الدفع */
    footer[data-testid="store-footer"]
    > div.md\:flex.items-center.justify-between {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        box-shadow: none !important;
        border: none !important;

        width: 100% !important;

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

        gap: 12px !important;

        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }


    /* العنصر الحقيقي للحقوق */
    footer[data-testid="store-footer"]
    span.copyright-text {

        display: block !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 auto !important;
        padding: 0 !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: none !important;
        box-shadow: none !important;

        text-align: center !important;

        font-weight: 700 !important;
    }


    /* العناصر داخل copyright */
    footer[data-testid="store-footer"]
    span.copyright-text * {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        box-shadow: none !important;
        border: none !important;

        font-weight: 700 !important;
    }


    /* الـ p اللي ظاهر بالـInspect */
    footer[data-testid="store-footer"]
    span.copyright-text > p {

        display: inline !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        font-weight: 700 !important;
    }


    /* الدفع يظل تحته ومتوسط */
    footer[data-testid="store-footer"]
    salla-payments[data-testid="store-footer-payments"] {

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

        width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        background: transparent !important;
        box-shadow: none !important;
    }
}
/* ==========================================
   FEATURES DESKTOP - FORCE COMPACT
========================================== */

@media (min-width: 768px) {

    section[data-testid="store-home-features"] {
        min-height: 0 !important;
        height: 300px !important;
        max-height: 300px !important;

        padding: 20px 40px !important;
        margin: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        background-size: 100% 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;

        overflow: hidden !important;
    }

    /* عنوان مميزات المتجر */
    section[data-testid="store-home-features"]::before {
        margin: 0 0 15px !important;
        padding: 0 !important;

        line-height: 1.2 !important;
    }

    /* الثلاث مميزات */
    section[data-testid="store-home-features"] > div.grid {
        flex: none !important;

        width: 100% !important;
        max-width: 1000px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        align-items: center !important;
    }

    /* تصغير الدوائر تكة عشان يناسب الارتفاع الجديد */
    section[data-testid="store-home-features"]
    .s-block--features__item > div:first-child {
        width: 82px !important;
        height: 82px !important;

        min-width: 82px !important;
        min-height: 82px !important;

        max-width: 82px !important;
        max-height: 82px !important;

        flex-basis: 82px !important;

        margin-bottom: 8px !important;
    }
}
/* ==========================================
   BLUSH & BLOOM
   IMPORTANT LINKS - HARD RESET
========================================== */

/* العمود الذي يحتوي روابط مهمة */
footer[data-testid="store-footer"]
.store-footer__inner
> .container.grid
> div:nth-child(2) {

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}


/* عنوان روابط مهمة */
footer[data-testid="store-footer"]
.store-footer__inner
> .container.grid
> div:nth-child(2)
> h3 {

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;

    margin: 0 0 12px !important;

    color: #EE839C !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    text-align: center !important;
}


/* Salla Menu */
footer[data-testid="store-footer"]
.store-footer__inner
> .container.grid
> div:nth-child(2)
salla-menu {

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 1px !important;
    max-height: none !important;

    overflow: visible !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* كل الطبقات الداخلية */
footer[data-testid="store-footer"]
.store-footer__inner
> .container.grid
> div:nth-child(2)
salla-menu > div,

footer[data-testid="store-footer"]
.store-footer__inner
> .container.grid
> div:nth-child(2)
.s-menu-footer-list {

    display: flex !important;
    flex-direction: column !important;

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

    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 1px !important;
    max-height: none !important;

    overflow: visible !important;

    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* الروابط نفسها - أهم جزء */
footer[data-testid="store-footer"]
.store-footer__inner
.s-menu-footer-list
a.s-menu-footer-item {

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 20px !important;
    max-height: none !important;

    overflow: visible !important;

    margin: 0 !important;
    padding: 2px 0 !important;

    color: #EE839C !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    text-align: center !important;

    text-indent: 0 !important;

    transform: none !important;

    clip: auto !important;
    clip-path: none !important;

    pointer-events: auto !important;
}


/* الجوال */
@media (max-width: 767px) {

    footer[data-testid="store-footer"]
    .store-footer__inner
    .s-menu-footer-list
    a.s-menu-footer-item {

        font-size: 11px !important;
        line-height: 1.7 !important;
    }
}
/* ==========================================
   PRODUCT CARD TITLE - PINK + BOLD
========================================== */

.s-product-card-content-title,
.s-product-card-content-title a {
    color: #EE839C !important;
    font-weight: 700 !important;
}

/* تأكيد عدم تغيّر اللون عند الضغط أو الزيارة */
.s-product-card-content-title a:visited,
.s-product-card-content-title a:hover,
.s-product-card-content-title a:active {
    color: #EE839C !important;
}
/* ==========================================
   LOGIN / USER ICON
   MATCH CART + MENU
   MOBILE + DESKTOP
========================================== */

/* الدائرة */
header[data-testid="store-header"]
.s-user-menu-avatar-wrap {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

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

    padding: 0 !important;
    margin: 0 !important;

    background: #EE839C !important;

    border: none !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    overflow: hidden !important;
}


/* صورة/أيقونة الحساب داخل الدائرة */
header[data-testid="store-header"]
.s-user-menu-trigger-avatar {
    width: 25px !important;
    height: 25px !important;

    min-width: 25px !important;
    min-height: 25px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    /* يحول الأيقونة الحالية إلى أبيض */
    filter: brightness(0) invert(1) !important;
}


/* تنظيف أي خلفية إضافية من سلة */
header[data-testid="store-header"]
.s-user-menu-trigger,
header[data-testid="store-header"]
.s-user-menu-trigger-slot,
header[data-testid="store-header"]
.s-user-menu-wrapper {

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* إخفاء النص/السهم بجانب الحساب لو ظهر */
header[data-testid="store-header"]
.s-user-menu-trigger-content,
header[data-testid="store-header"]
.s-user-menu-trigger-icon {
    display: none !important;
}
/* ==========================================
   BLUSH & BLOOM
   MOBILE SIDE MENU
========================================== */

@media (max-width: 767px) {

    /* خلفية السايد مينو */
    #mobile-menu,
    .main-menu,
    .main-menu-inner,
    .mm-ocd__content,
    .mm-spn,
    .mm-spn--navbar,
    .mm-spn--main {
        background: #FFF5F9 !important;
        background-color: #FFF5F9 !important;
    }


    /* كل مستويات القائمة */
    #mobile-menu ul,
    .mm-spn ul {
        background: #FFF5F9 !important;
        background-color: #FFF5F9 !important;
    }


    /* عناصر القائمة */
    #mobile-menu li,
    .mm-spn li {
        background: transparent !important;
        border-color: rgba(238, 131, 156, 0.15) !important;
    }


    /* أسماء الأقسام */
    #mobile-menu a,
    .mm-spn li > a,
    .mm-spn li > span {
        color: #C95F79 !important;

        font-size: 16px !important;
        font-weight: 700 !important;

        background: transparent !important;
    }


    /* القائمة الرئيسية */
    .mm-spn::before,
    .mm-spn::after {
        color: #C95F79 !important;
        border-color: #C95F79 !important;
    }


    /* الفواصل بين التصنيفات */
    .mm-spn li::after {
        border-color: rgba(238, 131, 156, 0.16) !important;
    }


    /* زر الإغلاق */
    .mm-ocd__backdrop::before {
        color: #FFFFFF !important;
    }
}
/* ==========================================
   BLUSH & BLOOM
   MOBILE HEADER ICONS - COMPACT
========================================== */

@media (max-width: 767px) {

    /* =========================
       MENU
    ========================= */

    header[data-testid="store-header"]
    a[data-testid="store-header-mobile-toggle"] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;

        margin: 0 6px 0 0 !important;
        padding: 0 !important;

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

        border-radius: 50% !important;
    }

    header[data-testid="store-header"]
    a[data-testid="store-header-mobile-toggle"] .sicon-menu,
    header[data-testid="store-header"]
    a[data-testid="store-header-mobile-toggle"] .sicon-menu::before {
        width: 21px !important;
        height: 21px !important;

        font-size: 20px !important;
        line-height: 21px !important;
    }


    /* =========================
       USER
    ========================= */

    header[data-testid="store-header"]
    .s-user-menu-avatar-wrap {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;

        flex: 0 0 38px !important;

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

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;
    }

    header[data-testid="store-header"]
    .s-user-menu-trigger-avatar {
        width: 21px !important;
        height: 21px !important;

        min-width: 21px !important;
        min-height: 21px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }


    /* =========================
       CART
    ========================= */

    header[data-testid="store-header"]
    salla-cart-summary[data-testid="store-header-cart"] {
        margin: 0 6px !important;
    }

    header[data-testid="store-header"]
    .s-cart-summary-wrapper,
    header[data-testid="store-header"]
    #s-cart-icon {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        padding: 0 !important;

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

        border-radius: 50% !important;
    }

    header[data-testid="store-header"]
    #s-cart-icon .header-btn__icon {
        font-size: 20px !important;
        line-height: 1 !important;
    }


    /* رقم السلة يصغر مع الدائرة */
    header[data-testid="store-header"]
    .s-cart-summary-count {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;

        top: -4px !important;
        right: -4px !important;

        font-size: 9px !important;
        border-width: 1.5px !important;
    }


    /* =========================
       ترتيب مجموعة الأيقونات
    ========================= */

    header[data-testid="store-header"]
    .flex.items-center.justify-end {
        gap: 4px !important;
        align-items: center !important;
    }
}
/* ==========================================
   MOBILE HEADER - USER FIX + MOVE LEFT
========================================== */

@media (max-width: 767px) {

    /* =====================================
       USER - تصغير العنصر كامل
    ===================================== */

    header[data-testid="store-header"]
    salla-user-menu[data-testid="store-header-user-menu"] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 38px !important;
    }

    header[data-testid="store-header"]
    .s-user-menu-wrapper,

    header[data-testid="store-header"]
    .s-user-menu-trigger-slot,

    header[data-testid="store-header"]
    .s-user-menu-trigger {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        max-width: 38px !important;
        max-height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

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

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* الدائرة الوردية */
    header[data-testid="store-header"]
    .s-user-menu-avatar-wrap {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        max-width: 38px !important;
        max-height: 38px !important;

        flex: 0 0 38px !important;

        margin: 0 !important;
        padding: 0 !important;

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

        background: #EE839C !important;

        border-radius: 50% !important;
        overflow: hidden !important;
    }


    /* أيقونة المستخدم نفسها */
    header[data-testid="store-header"]
    img.s-user-menu-trigger-avatar {
        width: 21px !important;
        height: 21px !important;

        min-width: 21px !important;
        min-height: 21px !important;

        max-width: 21px !important;
        max-height: 21px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;

        filter: brightness(0) invert(1) !important;
    }


    /* =====================================
       تحريك المستخدم + السلة لليسار
    ===================================== */

    header[data-testid="store-header"]
    salla-user-menu[data-testid="store-header-user-menu"] {
        transform: translateX(-8px) !important;
    }

    header[data-testid="store-header"]
    salla-cart-summary[data-testid="store-header-cart"] {
        transform: translateX(-8px) !important;
    }


    /* إخفاء أي مساحة إضافية للمستخدم */
    header[data-testid="store-header"]
    .s-user-menu-trigger-content,

    header[data-testid="store-header"]
    .s-user-menu-trigger-icon {
        display: none !important;
    }
}
/* ==========================================
   MOBILE HEADER - FINAL ALIGNMENT FIX
========================================== */

@media (max-width: 767px) {

    /* =========================
       مجموعة السلة + المستخدم
    ========================= */

    header[data-testid="store-header"]
    .flex.items-center.justify-end.my-2\.5 {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 6px !important;

        transform: translateX(-24px) !important;

        margin: 0 !important;
    }


    /* =========================
       USER - تصغير كل الطبقات
    ========================= */

    header[data-testid="store-header"]
    salla-user-menu[data-testid="store-header-user-menu"],
    header[data-testid="store-header"]
    .s-user-menu-wrapper,
    header[data-testid="store-header"]
    .s-user-menu-trigger-slot,
    header[data-testid="store-header"]
    .s-user-menu-trigger,
    header[data-testid="store-header"]
    .s-user-menu-avatar-wrap {

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        max-width: 38px !important;
        max-height: 38px !important;

        flex: 0 0 38px !important;

        margin: 0 !important;
        padding: 0 !important;
    }
/* ==========================================
   MOBILE LOGIN ICON - REAL FIX
========================================== */

@media (max-width: 767px) {

    /* زر المستخدم الحقيقي */
    header[data-testid="store-header"]
    .s-user-menu-login-btn {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        max-width: 38px !important;
        max-height: 38px !important;

        flex: 0 0 38px !important;

        padding: 0 !important;
        margin: 0 !important;

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

        background: #EE839C !important;
        border: none !important;
        border-radius: 50% !important;

        box-shadow: none !important;
    }

    /* الأيقونة نفسها */
    header[data-testid="store-header"]
    .s-user-menu-login-btn > svg {
        width: 21px !important;
        height: 21px !important;

        min-width: 21px !important;
        min-height: 21px !important;
        max-width: 21px !important;
        max-height: 21px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #FFFFFF !important;
        stroke: #FFFFFF !important;
    }

    header[data-testid="store-header"]
    .s-user-menu-login-btn > svg path,
    header[data-testid="store-header"]
    .s-user-menu-login-btn > svg circle {
        stroke: #FFFFFF !important;
    }


    /* ======================================
       تحريك مجموعة السلة + المستخدم لليسار
    ====================================== */

    header[data-testid="store-header"]
    .flex.items-center.justify-end.my-2\.5 {
        transform: translateX(-18px) !important;

        gap: 6px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        align-items: center !important;
    }


    /* إلغاء الهوامش القديمة بين الاثنين */
    header[data-testid="store-header"]
    salla-cart-summary[data-testid="store-header-cart"] {
        margin: 0 !important;
        transform: none !important;
    }

    header[data-testid="store-header"]
    salla-user-menu[data-testid="store-header-user-menu"] {
        margin: 0 !important;
        transform: none !important;
    }
}

    header[data-testid="store-header"]
    .s-user-menu-trigger {

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

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* الدائرة نفسها */
    header[data-testid="store-header"]
    .s-user-menu-avatar-wrap {

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

        background: #EE839C !important;
        border-radius: 50% !important;

        overflow: hidden !important;
    }


    /* صورة المستخدم */
    header[data-testid="store-header"]
    img.s-user-menu-trigger-avatar {

        width: 20px !important;
        height: 20px !important;

        min-width: 20px !important;
        min-height: 20px !important;

        max-width: 20px !important;
        max-height: 20px !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;

        filter: brightness(0) invert(1) !important;
    }


    /* =========================
       CART
    ========================= */

    header[data-testid="store-header"]
    salla-cart-summary[data-testid="store-header-cart"] {

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


    header[data-testid="store-header"]
    .s-cart-summary-wrapper,
    header[data-testid="store-header"]
    #s-cart-icon {

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;
    }


    /* =========================
       MENU
    ========================= */

    header[data-testid="store-header"]
    a[data-testid="store-header-mobile-toggle"] {

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        margin: 0 !important;
    }


    /* =========================
       إلغاء تحريك العناصر الفردي القديم
    ========================= */

    header[data-testid="store-header"]
    salla-user-menu[data-testid="store-header-user-menu"],
    header[data-testid="store-header"]
    salla-cart-summary[data-testid="store-header-cart"] {

        transform: none !important;
    }
}
/* ==========================================
   BLUSH & BLOOM
   ENGLISH MOBILE HEADER FIX
========================================== */

@media (max-width: 767px) {

    /* نشتغل فقط لما الصفحة LTR */
    html[dir="ltr"] header[data-testid="store-header"]
    .flex.items-stretch.justify-between.relative {
        direction: ltr !important;
    }


    /* الجهة اليسار: المنيو + اللوقو */
    html[dir="ltr"] header[data-testid="store-header"]
    .flex.items-center:first-child {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;

        gap: 8px !important;
    }


    /* ترتيب المنيو أول شيء */
    html[dir="ltr"] header[data-testid="store-header"]
    a[data-testid="store-header-mobile-toggle"] {
        order: 1 !important;

        margin: 0 8px 0 0 !important;

        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }


    /* اللوقو بعد المنيو */
    html[dir="ltr"] header[data-testid="store-header"]
    a[data-testid="store-header-logo"],
    html[dir="ltr"] header[data-testid="store-header"]
    a.navbar-brand {
        order: 2 !important;

        margin: 0 !important;
    }


    /* نخلي اللوقو أصغر شوي بالإنجليزي */
    html[dir="ltr"] header[data-testid="store-header"]
    a[data-testid="store-header-logo"] img,
    html[dir="ltr"] header[data-testid="store-header"]
    a.navbar-brand img {
        height: 52px !important;
        max-width: 145px !important;
    }


    /* =====================================
       الجهة اليمين: المستخدم + السلة
    ===================================== */

    html[dir="ltr"] header[data-testid="store-header"]
    .flex.items-center.justify-end.my-2\.5 {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex-direction: row !important;

        gap: 6px !important;

        margin: 0 !important;

        transform: translateX(0) !important;
    }


    /* المستخدم أول */
    html[dir="ltr"] header[data-testid="store-header"]
    salla-user-menu[data-testid="store-header-user-menu"] {
        order: 1 !important;

        margin: 0 !important;
        transform: none !important;
    }


    /* السلة بعده */
    html[dir="ltr"] header[data-testid="store-header"]
    salla-cart-summary[data-testid="store-header-cart"] {
        order: 2 !important;

        margin: 0 !important;
        transform: none !important;
    }


    /* الثلاثة نفس المقاس */
    html[dir="ltr"] header[data-testid="store-header"]
    .s-user-menu-login-btn,

    html[dir="ltr"] header[data-testid="store-header"]
    .s-cart-summary-wrapper,

    html[dir="ltr"] header[data-testid="store-header"]
    #s-cart-icon,

    html[dir="ltr"] header[data-testid="store-header"]
    a[data-testid="store-header-mobile-toggle"] {

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        max-width: 38px !important;
        max-height: 38px !important;
    }


    /* =====================================
       شريط البحث واللغة
    ===================================== */

    html[dir="ltr"] header[data-testid="store-header"]
    .top-navbar,
    html[dir="ltr"] header[data-testid="store-header"]
    .topnav-inner {
        direction: ltr !important;
    }


    /* Breadcrumb */
    html[dir="ltr"] .breadcrumbs,
    html[dir="ltr"] [class*="breadcrumb"] {
        direction: ltr !important;
        text-align: left !important;
    }
}
/* ==========================================
   ENGLISH - USER + CART MOVE RIGHT
========================================== */

@media (max-width: 767px) {

    html[dir="ltr"] header[data-testid="store-header"]
    .flex.items-center.justify-end.my-2\.5 {
        transform: translateX(19px) !important;
    }

}
/* ==========================================
   PRODUCT IMAGE — FINAL TRUE SQUARE
   إزالة الفراغ الأبيض تحت الصورة
========================================== */

/* حاوية الصورة: مربع إجباري حسب عرض الكرت */
custom-salla-product-card .s-product-card-image {
    position: relative !important;

    width: 100% !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 0 0 100% 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
}


/* رابط الصورة يملأ المربع بالكامل */
custom-salla-product-card .s-product-card-image > a {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* الصورة نفسها */
custom-salla-product-card .s-product-card-image > a > img,
custom-salla-product-card img.s-product-card-image-cover,
custom-salla-product-card img.s-product-card-image-contain {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

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

    border-radius: 0 !important;
}