/**
 * ========================================================
 * Granola Lab - Master Custom CSS (Full Production Release)
 * Includes:
 * 1. Signature Luxury Beige Background
 * 2. Professional Desktop & Laptop Header
 * 3. Category Pills Horizontal Single-Row
 * 4. Mobile "Add to Cart" Full Text Fix
 * 5. Royal Forest Green Footer & Circular Logo
 * 6. CR (السجل التجاري) & Tax (الرقم الضريبي) Vertical Centering
 * 7. Footer Contacts (تواصل معنا) Phone Numbers Center Alignment
 * 8. Horizontal Single-Row Payment Badges
 * ========================================================
 */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

/* ========================================================
   1. الخط والاتجاه وخلفية المتجر الفاخرة (Signature Luxury Beige)
   ======================================================== */
body, html, main, .main-content {
    font-family: 'Tajawal', sans-serif !important;
    direction: rtl !important;
}

html, 
body, 
#app, 
.app, 
main, 
#main, 
.main-content, 
.site-content, 
.s-block, 
.s-block__content, 
.s-products-page, 
.s-page-wrapper, 
section,
.content-wrapper {
    background-color: #FAF7F2 !important;
    background-image: radial-gradient(circle at 50% 0%, #FFFDF9 0%, #FAF7F2 100%) !important;
    background-attachment: fixed !important;
    color: #1E392A !important;
}

/* ========================================================
   2. الهيدر على اللابتوب والديسكتوب (Desktop & Laptop Header)
   ======================================================== */
header, .store-header, .site-header, .header-wrapper {
    background-color: rgba(250, 247, 242, 0.96) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(160, 122, 84, 0.15) !important;
}

@media (min-width: 992px) {
    /* شريط الناف بار العلوي */
    .store-header .top-navbar {
        background-color: #FAF7F2 !important;
        border-bottom: 1px solid rgba(160, 122, 84, 0.12) !important;
        padding: 6px 0 !important;
    }

    /* شريط البحث في الهيدر */
    salla-search,
    .header-search salla-search {
        max-width: 480px !important;
    }

    .header-search input,
    salla-search input {
        background-color: #FFFDF9 !important;
        border: 1px solid rgba(160, 122, 84, 0.25) !important;
        border-radius: 9999px !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 13px !important;
        color: #1E392A !important;
        padding: 8px 18px !important;
        transition: all 0.25s ease !important;
    }

    .header-search input:focus,
    salla-search input:focus {
        border-color: #1E392A !important;
        box-shadow: 0 0 0 3px rgba(30, 57, 42, 0.08) !important;
    }

    /* شريط القائمة الرئيسي (Main Navbar) */
    #mainnav,
    .main-nav-container {
        background-color: rgba(250, 247, 242, 0.96) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border-bottom: 1px solid rgba(160, 122, 84, 0.15) !important;
        box-shadow: 0 4px 20px rgba(30, 57, 42, 0.04) !important;
        padding: 8px 0 !important;
    }

    /* شعار المتجر في الهيدر */
    .navbar-brand img,
    .store-header-logo img {
        max-height: 52px !important;
        width: auto !important;
        object-fit: contain !important;
        transition: transform 0.25s ease !important;
    }

    .navbar-brand:hover img {
        transform: scale(1.03) !important;
    }

    /* روابط القائمة الرئيسية */
    custom-main-menu,
    .main-menu,
    nav.main-menu {
        margin-right: 24px !important;
    }

    custom-main-menu a,
    .main-menu a,
    .main-menu li a,
    .nav-link {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        color: #1E392A !important;
        padding: 8px 14px !important;
        border-radius: 8px !important;
        transition: all 0.25s ease !important;
        text-decoration: none !important;
    }

    custom-main-menu a:hover,
    .main-menu a:hover,
    .main-menu li a:hover,
    .nav-link:hover {
        color: #A07A54 !important;
        background-color: rgba(160, 122, 84, 0.08) !important;
    }

    /* أيقونات السلة والحساب في الهيدر */
    salla-user-menu,
    salla-cart-summary {
        display: inline-flex !important;
        align-items: center !important;
    }

    .header-btn__icon,
    salla-cart-summary i,
    salla-user-menu i {
        color: #1E392A !important;
        font-size: 22px !important;
        transition: color 0.25s ease, transform 0.25s ease !important;
    }

    salla-cart-summary:hover .header-btn__icon,
    salla-user-menu:hover i {
        color: #A07A54 !important;
        transform: scale(1.08) !important;
    }

    /* عداد المنتجات في السلة */
    salla-cart-summary .badge,
    salla-cart-summary [class*="badge"],
    salla-cart-summary [class*="count"] {
        background-color: #1E392A !important;
        color: #FFFDF9 !important;
        font-family: 'Tajawal', sans-serif !important;
        font-weight: 800 !important;
        border: 1.5px solid #FAF7F2 !important;
    }

    /* أرقام التواصل في الهيدر العلوي */
    salla-contacts[is-header] a,
    .top-navbar salla-contacts a {
        color: #1E392A !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        direction: ltr !important;
    }

    salla-contacts[is-header] i,
    .top-navbar salla-contacts i {
        color: #A07A54 !important;
    }
}

/* ========================================================
   3. كبسولات شريط التصنيفات (Horizontal Pill Tabs)
   ======================================================== */
.s-block--categories img, 
.s-block--categories svg, 
.s-block--categories i,
.s-category-card-image, 
.s-category-card-icon,
.category-card img,
.category-card svg,
.category-card i {
    display: none !important;
}

.s-block--categories,
.s-block--categories .s-block__content,
.s-categories-list,
.s-block--categories-slider,
.s-block--categories-slider .swiper-wrapper,
.s-block--categories-slider .s-slider-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    margin: 4px 0 12px 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    transform: none !important;
}

.s-block--categories .swiper-wrapper::-webkit-scrollbar,
.s-categories-list::-webkit-scrollbar {
    display: none !important;
}

.s-category-card, 
.category-card, 
.s-block--categories .swiper-slide,
.s-category-card-entry,
.s-block--categories .s-block__content > div {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    aspect-ratio: unset !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
}

.s-block--categories a,
.s-categories-list a,
.s-category-card a,
a.s-category-card,
.s-category-card-entry a,
.s-block--categories .s-category-card-title,
.category-card-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background-color: #FFFDF9 !important;
    border: 1px solid rgba(160, 122, 84, 0.28) !important;
    border-radius: 9999px !important;
    color: #1E392A !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    aspect-ratio: unset !important;
    box-shadow: 0 2px 6px rgba(160, 122, 84, 0.05) !important;
    transition: all 0.2s ease !important;
    line-height: 36px !important;
}

.s-block--categories a:hover,
.s-category-card a:hover,
.s-block--categories a.active,
.s-category-card a.active {
    background-color: #1E392A !important;
    color: #FFFDF9 !important;
    border-color: #1E392A !important;
    box-shadow: 0 4px 10px rgba(30, 57, 42, 0.25) !important;
    transform: translateY(-1px) !important;
}

.s-block--categories a:hover *,
.s-category-card a:hover * {
    color: #FFFDF9 !important;
}

/* ========================================================
   4. إصلاح زر "أضف للسلة" على الموبايل
   ======================================================== */
salla-add-product-button,
salla-add-product-button *,
.s-product-card-button,
.s-product-card-button *,
.s-product-card-add-to-cart,
.s-product-card-add-to-cart *,
.product-card button,
.product-card button *,
.s-product-card-content-footer button,
.s-product-card-content-footer button * {
    text-overflow: unset !important;
    overflow: visible !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    font-size: 11px !important;
}

salla-add-product-button button,
.s-product-card-button,
.s-product-card-add-to-cart,
.product-card button {
    padding: 6px 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
}

salla-add-product-button svg,
.s-product-card-button svg,
.product-card button svg {
    width: 14px !important;
    height: 14px !important;
    margin-left: 2px !important;
    flex-shrink: 0 !important;
}

/* ========================================================
   5. الفوتر الملكي وشعار الفوتر الدائري
   ======================================================== */
footer, 
.site-footer, 
.s-footer, 
.footer-wrapper,
.s-footer-main,
.s-footer-content {
    background-color: #1E392A !important;
    color: #F4EFE6 !important;
    border-top: 1px solid rgba(160, 122, 84, 0.35) !important;
    font-family: 'Tajawal', sans-serif !important;
    text-align: center !important;
    padding-top: 30px !important;
    padding-bottom: 25px !important;
}

footer::before,
.s-footer::before,
.site-footer::before {
    display: none !important;
    content: none !important;
}

/* استبدال عنوان الفوتر الأول باللوجو الدائري */
footer .s-footer-section:first-child h3,
footer .s-footer-section:first-child .s-footer-title,
footer .s-footer-main > div:first-child h3,
footer .s-footer-content > div:first-child h3,
footer .grid > div:first-child h3 {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 auto 16px auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

footer .s-footer-section:first-child h3::before,
footer .s-footer-section:first-child .s-footer-title::before,
footer .s-footer-main > div:first-child h3::before,
footer .s-footer-content > div:first-child h3::before,
footer .grid > div:first-child h3::before {
    content: "" !important;
    display: block !important;
    width: 85px !important;
    height: 85px !important;
    margin: 0 auto !important;
    background-image: url('https://cdn.files.salla.network/other/1469696365/9626ac97-fe25-49f6-b9c0-51de8921bef4-original.webp') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 50% !important;
}

/* عناوين أقسام الفوتر الأخرى */
footer .s-footer-section:not(:first-child) h3,
footer .s-footer-title, 
.footer-title, 
.s-footer h4, 
.s-footer-contacts-title {
    color: #A07A54 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}

footer p, .s-footer-desc, .s-footer p {
    text-align: center !important;
    margin: 0 auto 18px auto !important;
    max-width: 480px !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    color: #D6CEBE !important;
}

footer a, .s-footer a, footer li {
    color: #D6CEBE !important;
    font-size: 13px !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
    text-align: center !important;
}

footer a:hover, .s-footer a:hover {
    color: #A07A54 !important;
}

/* ========================================================
   6. السجل التجاري والرقم الضريبي (ترتيب رأسي في المنتصف)
   ======================================================== */
footer .store-footer__inner .flex.gap-4,
footer .store-footer__inner div[class*="gap-4"],
footer div.flex.gap-4,
footer .flex.gap-4,
.store-footer .flex.gap-4,
footer .gap-4,
.store-footer [class*="gap-4"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 16px !important;
    margin: 15px auto !important;
}

footer salla-trust-badges,
.store-footer salla-trust-badges,
salla-trust-badges,
salla-trust-badges *,
footer salla-trust-badges div,
footer salla-trust-badges a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

footer .store-footer__inner .flex.rtl\:space-x-reverse,
footer .store-footer__inner .flex.items-end,
footer .flex.rtl\:space-x-reverse,
footer .flex.items-end,
footer [class*="space-x-2"],
footer [class*="items-end"],
.store-footer .flex.items-end,
footer a[data-modal-id*="tax"],
footer a[data-modal-id*="tax"] ~ div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    gap: 4px !important;
}

footer a.load-img-onclick,
footer a[data-modal-id*="tax"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
}

footer a.load-img-onclick img,
footer a[data-modal-id*="tax"] img,
footer salla-trust-badges img,
footer .flex.items-end img,
footer [class*="items-end"] img {
    height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 auto 6px auto !important;
    display: block !important;
}

footer .flex.items-end p,
footer .flex.items-end b,
footer salla-trust-badges p,
footer salla-trust-badges b,
footer [class*="items-end"] p,
footer [class*="items-end"] b {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto 2px auto !important;
}

/* ========================================================
   7. توسيط أرقام الهواتف وقسم (تواصل معنا) في الفوتر
   ======================================================== */

/* إخفاء رقم الهاتف الإضافي (966531939883) والإبقاء فقط على الرقم الرسمي */
footer salla-contacts a[href*="531939883"],
footer salla-contacts [href*="531939883"],
footer salla-contacts li:has(a[href*="531939883"]),
footer a[href*="531939883"] {
    display: none !important;
}

/* توسيط الحاوية بالكامل */
footer salla-contacts,
.store-footer salla-contacts,
[data-testid="store-footer-contacts"],
footer salla-contacts ul,
footer salla-contacts .s-contacts-list,
footer salla-contacts div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

footer salla-contacts li,
footer salla-contacts a,
footer salla-contacts .s-contacts-item,
footer salla-contacts [class*="contact"] {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    margin: 4px auto !important;
    width: auto !important;
    color: #D6CEBE !important;
    direction: ltr !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

footer salla-contacts a:hover {
    color: #A07A54 !important;
}

/* إزالة الدائرة والإطار الخارجي نهائياً من أيقونات التواصل */
footer salla-contacts i,
footer salla-contacts svg,
footer salla-contacts [class*="icon"],
footer salla-contacts .s-contacts-icon,
footer salla-contacts [class*="rounded"],
footer salla-contacts a > span,
footer salla-contacts a > div {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    color: #A07A54 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
/* ========================================================
   8. وسائل الدفع (أيقونات صغيرة في صف أفقي واحد)
   ======================================================== */
.s-footer-bottom, 
.footer-bottom, 
.s-footer-copyright,
.copyrights-wrapper {
    background-color: #16291E !important;
    border-top: 1px solid rgba(160, 122, 84, 0.2) !important;
    color: #A39D90 !important;
    font-size: 11px !important;
    padding: 14px 0 !important;
}

footer .s-footer-bottom,
footer .s-footer-copyright,
footer .footer-bottom,
footer [class*="payment"],
salla-payment-methods,
salla-payment-methods ul,
.s-footer-payment-methods {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 12px auto !important;
    padding: 0 !important;
    list-style: none !important;
}

footer [class*="payment"] li,
footer [class*="payment"] a,
footer [class*="payment"] > div,
footer .s-footer-bottom li,
footer .s-footer-bottom a,
salla-payment-methods li,
salla-payment-methods a,
.s-footer-payment-methods li,
.s-footer-payment-methods a {
    width: auto !important;
    min-width: 44px !important;
    max-width: 65px !important;
    height: 30px !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin: 0 2px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
}

footer [class*="payment"] img,
footer .s-footer-bottom img,
salla-payment-methods img,
.s-footer-payment-methods img {
    height: 18px !important;
    max-height: 18px !important;
    width: auto !important;
    max-width: 42px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    background: transparent !important;
    padding: 0 !important;
}
/* ========================================================
   تحسينات خاصة بالديسكتوب واللابتوب فقط (Desktop & Laptop Enhancements)
   ======================================================== */
@media (min-width: 992px) {
    /* 1. ضبط الهيدر والقائمة على الديسكتوب */
    header, .store-header {
        background-color: rgba(250, 247, 242, 0.96) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        border-bottom: 1px solid rgba(160, 122, 84, 0.15) !important;
    }

    .store-header .top-navbar {
        background-color: #FAF7F2 !important;
        border-bottom: 1px solid rgba(160, 122, 84, 0.12) !important;
        padding: 6px 0 !important;
    }

    #mainnav, .main-nav-container {
        background-color: rgba(250, 247, 242, 0.96) !important;
        box-shadow: 0 4px 20px rgba(30, 57, 42, 0.04) !important;
        padding: 8px 0 !important;
    }

    .navbar-brand img {
        max-height: 52px !important;
        width: auto !important;
        object-fit: contain !important;
    }

    custom-main-menu a, .main-menu a, .main-menu li a {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        color: #1E392A !important;
        padding: 8px 14px !important;
        border-radius: 8px !important;
        transition: all 0.25s ease !important;
    }

    custom-main-menu a:hover, .main-menu a:hover {
        color: #A07A54 !important;
        background-color: rgba(160, 122, 84, 0.08) !important;
    }

    salla-user-menu, salla-user-menu button, salla-user-menu .header-btn {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    salla-user-menu img {
        border-radius: 50% !important;
        border: 2px solid rgba(160, 122, 84, 0.3) !important;
        height: 36px !important;
        width: 36px !important;
    }

    /* 2. ضبط شريط التصنيفات على الديسكتوب (إلغاء قص الأسهم وتوسيط الكبسولات) */
    .s-block--categories .s-slider-nav-arrow,
    .s-block--categories .swiper-button-prev,
    .s-block--categories .swiper-button-next,
    .s-block--categories .s-slider-prev,
    .s-block--categories .s-slider-next {
        display: none !important;
    }

    .s-block--categories,
    .s-block--categories .container,
    .s-block--categories .s-block__content,
    .s-block--categories .swiper-wrapper,
    .s-categories-list {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        overflow: visible !important;
        gap: 12px !important;
        margin: 12px auto !important;
        padding: 0 !important;
        width: 100% !important;
        transform: none !important;
    }

    /* 3. موازنة وتوزيع أقسام الفوتر على الديسكتوب عبر العرض كاملاً */
    footer .store-footer__inner .container.grid,
    footer .store-footer__inner .grid {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 40px !important;
        max-width: 1140px !important;
        margin: 0 auto !important;
        padding: 0 24px !important;
    }

    footer salla-apps-icons, .store-footer-apps {
        display: none !important;
    }

    /* العمود الأيمن: اللوجو + السجل والضريبة */
    footer .store-footer__inner .container > div:first-child,
    footer .lg\:col-span-2:first-child {
        flex: 1.4 !important;
        max-width: 360px !important;
        text-align: right !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    footer .store-footer__inner .container > div:first-child h3 {
        margin: 0 0 14px 0 !important;
        justify-content: flex-start !important;
    }

    footer .store-footer__inner .container > div:first-child p {
        text-align: right !important;
        margin: 0 0 14px 0 !important;
    }

    footer .store-footer__inner .container > div:first-child .flex.gap-4 {
        align-items: flex-start !important;
        margin: 10px 0 0 0 !important;
    }

    footer .store-footer__inner .container > div:first-child salla-trust-badges,
    footer .store-footer__inner .container > div:first-child .flex.items-end {
        align-items: flex-start !important;
        text-align: right !important;
        margin: 0 0 10px 0 !important;
    }

    footer .store-footer__inner .container > div:first-child .flex.items-end p,
    footer .store-footer__inner .container > div:first-child .flex.items-end b,
    footer .store-footer__inner .container > div:first-child salla-trust-badges p,
    footer .store-footer__inner .container > div:first-child salla-trust-badges b {
        text-align: right !important;
    }

    footer .store-footer__inner .container > div:first-child a.load-img-onclick img,
    footer .store-footer__inner .container > div:first-child salla-trust-badges img {
        margin: 0 0 4px 0 !important;
    }

    /* العمود الأوسط: روابط مهمة */
    footer .store-footer__inner .container > div:nth-child(2) {
        flex: 1 !important;
        text-align: right !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    footer .store-footer__inner .container > div:nth-child(2) h3 {
        text-align: right !important;
    }

    footer .store-footer__inner .container > div:nth-child(2) salla-menu,
    footer .store-footer__inner .container > div:nth-child(2) ul {
        text-align: right !important;
        align-items: flex-start !important;
        padding: 0 !important;
    }

    footer .store-footer__inner .container > div:nth-child(2) li,
    footer .store-footer__inner .container > div:nth-child(2) a {
        text-align: right !important;
        display: block !important;
        padding: 4px 0 !important;
    }

    /* العمود الأيسر: تواصل معنا */
    footer .store-footer__inner .container > div:nth-child(3) {
        flex: 1 !important;
        text-align: right !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    footer .store-footer__inner .container > div:nth-child(3) h3 {
        text-align: right !important;
    }

    footer .store-footer__inner .container > div:nth-child(3) salla-contacts,
    footer .store-footer__inner .container > div:nth-child(3) ul {
        align-items: flex-start !important;
        text-align: right !important;
        margin: 0 !important;
    }

    footer .store-footer__inner .container > div:nth-child(3) li,
    footer .store-footer__inner .container > div:nth-child(3) a {
        justify-content: flex-start !important;
        margin: 4px 0 !important;
    }

    /* شريط الحقوق السفلي على الديسكتوب */
    footer > div.md\:flex {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        max-width: 1140px !important;
        margin: 0 auto !important;
        padding: 12px 24px !important;
    }

    footer > div.md\:flex .copyright-text {
        text-align: right !important;
        margin: 0 !important;
    }

    footer > div.md\:flex salla-payments,
    footer > div.md\:flex .s-footer-payment-methods {
        justify-content: flex-end !important;
        margin: 0 !important;
        width: auto !important;
    }
}