/* ==================================================
   تطوير بطاقات المنتجات - Early Sleep
   ================================================== */

/* البطاقة الأساسية */
.product-entry {
    --es-card-radius: 22px;

    position: relative;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    padding: 0 !important;
    overflow: hidden;
    background: var(--main-background, #fff);
    border: 1px solid rgba(0, 38, 81, 0.1) !important;
    border-radius: var(--es-card-radius) !important;
    box-shadow: 0 5px 18px rgba(0, 38, 81, 0.07);
    isolation: isolate;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

/* ظهور البطاقة عند التمرير */
.product-entry.es-product-card {
    opacity: 0;
    transform: translateY(14px);
}

.product-entry.es-product-card.es-card-visible {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

/* تأثير الكمبيوتر */
@media (hover: hover) and (pointer: fine) {
    .product-entry.es-product-card.es-card-visible:hover {
        transform: translateY(-7px);
        border-color: var(--color-primary) !important;
        box-shadow: 0 18px 42px rgba(0, 38, 81, 0.15);
    }
}

/* حاوية صورة المنتج */
.product-entry .product-entry__image {
    position: relative;
    flex: none !important;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--secondary-background, #f5f5f5);
    border-radius:
        calc(var(--es-card-radius) - 1px)
        calc(var(--es-card-radius) - 1px)
        0
        0;
}

/* رابط وصورة المنتج */
.product-entry .product-entry__image > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product-entry .product-entry__image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
    .product-entry:hover .product-entry__image img {
        transform: scale(1.07);
    }
}

/* طبقة خفيفة فوق الصورة */
.product-entry .product-entry__image::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        to top,
        rgba(0, 38, 81, 0.12),
        transparent 38%
    );
    pointer-events: none;
    content: "";
}

/* شارة العرض الموجودة في القالب */
.product-entry .f_promotion-title {
    position: absolute !important;
    inset-block-start: 12px !important;
    inset-inline-start: 12px !important;
    z-index: 4;
    max-width: calc(100% - 90px) !important;
    padding: 6px 11px;
    overflow: hidden;
    background: var(--color-primary);
    color: var(--color-primary-reverse, #fff);
    border-radius: 999px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.14);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* شارة الخصم التي يضيفها JavaScript */
.product-entry .es-discount-badge {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 12px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    background: #e11d48;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 999px;
    box-shadow: 0 5px 14px rgba(225, 29, 72, 0.25);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

/* حاوية السعر */
.product-entry .f_price-container {
    position: absolute !important;
    inset-block-start: auto !important;
    inset-block-end: 12px !important;
    inset-inline-start: 12px !important;
    inset-inline-end: auto !important;
    z-index: 3;
    margin: 0 !important;
    padding: 8px 11px !important;
    background: rgba(255, 255, 255, 0.93) !important;
    color: #002651;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 13px;
    box-shadow: 0 5px 16px rgba(0, 38, 81, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* السعر الحالي */
.product-entry .f_price-container h4 {
    margin: 0 !important;
    color: #002651;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

/* السعر السابق */
.product-entry .f_price-container .txt-danger.line-through {
    display: block;
    margin-bottom: 3px;
    color: #dc2626 !important;
    font-size: 11px !important;
    opacity: 0.78;
}

/* منطقة اسم المنتج */
.product-entry .f_product-footer {
    flex: none;
    min-height: 70px;
    margin: 0 !important;
    padding: 14px 14px 5px !important;
}

/* اسم المنتج */
.product-entry .product-entry__title {
    width: 100%;
    min-height: 48px;
    margin: 0 !important;
}

.product-entry .product-entry__title a {
    display: -webkit-box;
    overflow: hidden;
    color: var(--main-color, #111827);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    transition: color 0.2s ease;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-entry .product-entry__title a:hover {
    color: var(--color-primary);
}

/* التقييم */
.product-entry .s-product-card-rating {
    display: flex;
    align-items: center;
    min-height: 24px;
    color: var(--secondary-color, #666);
    font-size: 12px;
}

.product-entry .s-product-card-rating .sicon-star2 {
    color: #f59e0b;
}

/* منطقة الأزرار */
.product-entry .f_btn-container {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: auto;
    padding: 11px 14px 14px !important;
}

/* مكوّن إضافة المنتج */
.product-entry salla-add-product-button.btn--add-to-cart {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}

/* زر إضافة للسلة */
.product-entry .btn--add-to-cart .s-button-element {
    min-height: 44px;
    padding-inline: 12px !important;
    background: var(--color-primary) !important;
    color: var(--color-primary-reverse, #fff) !important;
    border: 1px solid var(--color-primary) !important;
    border-radius: 13px !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 800;
    transition:
        filter 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.product-entry .btn--add-to-cart .s-button-element:hover {
    filter: brightness(0.92);
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(37, 165, 208, 0.22) !important;
}

/* زر المفضلة */
.product-entry salla-button.btn--wishlist {
    flex: 0 0 auto;
}

.product-entry .btn--wishlist .s-button-element {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: var(--main-background, #fff) !important;
    color: var(--color-primary) !important;
    border: 1px solid rgba(0, 38, 81, 0.14) !important;
    border-radius: 13px !important;
    box-shadow: none !important;
}

.product-entry .btn--wishlist .s-button-element:hover {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border-color: #fecdd3 !important;
}

/* حالة المنتج المضاف للمفضلة */
.product-entry .btn--wishlist.added .s-button-element,
.product-entry .btn--wishlist.favorited .s-button-element {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border-color: #fecdd3 !important;
}

/* تحسين الجوال */
@media (max-width: 640px) {
    .product-entry {
        --es-card-radius: 16px;
    }

    .product-entry .product-entry__image {
        aspect-ratio: 1 / 1;
    }

    .product-entry .f_promotion-title,
    .product-entry .es-discount-badge {
        inset-block-start: 8px !important;
        padding: 4px 7px;
        min-height: 24px;
        font-size: 9px;
    }

    .product-entry .f_promotion-title {
        inset-inline-start: 8px !important;
    }

    .product-entry .es-discount-badge {
        inset-inline-end: 8px;
    }

    .product-entry .f_price-container {
        inset-block-end: 8px !important;
        inset-inline-start: 8px !important;
        padding: 6px 8px !important;
        border-radius: 10px;
    }

    .product-entry .f_price-container h4 {
        font-size: 14px !important;
    }

    .product-entry .f_price-container .txt-danger.line-through {
        font-size: 9px !important;
    }

    .product-entry .f_product-footer {
        min-height: 62px;
        padding: 10px 10px 3px !important;
    }

    .product-entry .product-entry__title {
        min-height: 42px;
    }

    .product-entry .product-entry__title a {
        font-size: 12px;
        line-height: 1.55;
    }

    .product-entry .s-product-card-rating {
        font-size: 10px;
    }

    .product-entry .f_btn-container {
        gap: 5px;
        padding: 8px 9px 10px !important;
    }

    .product-entry .btn--add-to-cart .s-button-element {
        min-height: 39px;
        padding-inline: 6px !important;
        border-radius: 10px !important;
        font-size: 11px;
    }

    .product-entry .btn--wishlist .s-button-element {
        width: 39px !important;
        min-width: 39px !important;
        height: 39px !important;
        border-radius: 10px !important;
    }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
    .product-entry,
    .product-entry *,
    .product-entry.es-product-card {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    .product-entry.es-product-card {
        opacity: 1;
        transform: none;
    }
}
/* ==================================================
   Premium Footer — Early Sleep
   ================================================== */

.store-footer.es-premium-footer {
    --es-footer-bg: #041526;
    --es-footer-bg-light: #082a42;
    --es-footer-accent: var(--color-primary, #25a5d0);
    --es-footer-text: #f5fbff;
    --es-footer-muted: #afc4d3;
    --es-footer-border: rgba(255, 255, 255, 0.11);
    --es-footer-panel: rgba(255, 255, 255, 0.055);

    position: relative;
    margin-top: 75px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(37, 165, 208, 0.24),
            transparent 34%
        ),
        radial-gradient(
            circle at 90% 100%,
            rgba(37, 165, 208, 0.13),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            var(--es-footer-bg-light),
            var(--es-footer-bg) 54%,
            #020d18
        ) !important;
    color: var(--es-footer-text);
    isolation: isolate;
}

/* الخط العلوي */
.store-footer.es-premium-footer::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: 3;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--es-footer-accent),
        #8ee9ef,
        var(--es-footer-accent),
        transparent
    );
    content: "";
}

/* إضاءة زخرفية */
.store-footer.es-premium-footer::after {
    position: absolute;
    inset-block-start: -220px;
    inset-inline-end: -160px;
    width: 480px;
    height: 480px;
    background: var(--es-footer-accent);
    border-radius: 50%;
    opacity: 0.07;
    filter: blur(80px);
    pointer-events: none;
    content: "";
}

.store-footer.es-premium-footer *,
.store-footer.es-premium-footer *::before,
.store-footer.es-premium-footer *::after {
    box-sizing: border-box;
}

/* الحاوية الرئيسية */
.store-footer.es-premium-footer .store-footer__inner {
    position: relative;
    z-index: 2;
    display: block !important;
    width: min(100%, 1320px);
    margin-inline: auto;
    padding: 70px 24px 42px !important;
    background: transparent !important;
}

/* ==================================================
   قسم معلومات المتجر
   ================================================== */

.store-footer.es-premium-footer .about-us-block {
    display: grid !important;
    grid-template-columns: 165px minmax(0, 1fr);
    align-items: center;
    gap: 34px;
    margin-bottom: 25px;
    padding: 32px !important;
    background:
        linear-gradient(
            125deg,
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.035)
        );
    border: 1px solid var(--es-footer-border);
    border-radius: 30px;
    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.2),
        inset 0 1px rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* شعار المتجر */
.store-footer.es-premium-footer .about-us-block > .f_logo {
    width: 165px !important;
    height: 115px !important;
    margin: 0 !important;
    padding: 17px;
    object-fit: contain;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 24px;
    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.19),
        0 0 0 5px rgba(255, 255, 255, 0.045);
}

.store-footer.es-premium-footer .about-us-block > div {
    align-items: flex-start !important;
    padding: 0 !important;
}

/* اسم المتجر */
.store-footer.es-premium-footer .f_store-name {
    margin-bottom: 9px;
    color: var(--es-footer-text) !important;
    font-size: clamp(21px, 2vw, 27px);
    font-weight: 800;
    line-height: 1.4;
}

/* وصف المتجر */
.store-footer.es-premium-footer .f_store-description {
    max-width: 850px;
    margin: 0 !important;
    color: var(--es-footer-muted) !important;
    font-size: 14px;
    line-height: 2;
    text-align: start !important;
}

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

.store-footer.es-premium-footer .s-contacts-list {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 19px;
}

.store-footer.es-premium-footer .s-contacts-item {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 43px;
    padding: 8px 13px !important;
    background: rgba(255, 255, 255, 0.065);
    color: #e6f5fc !important;
    border: 1px solid var(--es-footer-border);
    border-radius: 13px;
    font-size: 12px;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.store-footer.es-premium-footer .s-contacts-item:hover {
    background: rgba(37, 165, 208, 0.16);
    border-color: rgba(37, 165, 208, 0.52);
    transform: translateY(-2px);
}

.store-footer.es-premium-footer .s-contacts-icon {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
}

.store-footer.es-premium-footer .s-contacts-icon svg {
    width: 19px !important;
    height: 19px !important;
    fill: var(--es-footer-accent) !important;
}

.store-footer.es-premium-footer .s-contacts-item .unicode {
    direction: ltr;
    unicode-bidi: plaintext;
}

/* ==================================================
   بطاقات أقسام الفوتر
   ================================================== */

.store-footer.es-premium-footer .store-footer__blocks {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.8fr)
        minmax(0, 0.95fr)
        minmax(0, 1.25fr);
    align-items: stretch;
    gap: 15px !important;
    width: 100%;
}

.store-footer.es-premium-footer .store-footer__blocks > div {
    min-width: 0;
    padding: 23px !important;
    background: var(--es-footer-panel);
    border: 1px solid var(--es-footer-border);
    border-radius: 21px;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.045);
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
    .store-footer.es-premium-footer .store-footer__blocks > div:hover {
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(37, 165, 208, 0.32);
        transform: translateY(-3px);
    }
}

/* عناوين الأقسام */
.store-footer.es-premium-footer .store-footer__blocks h3 {
    position: relative;
    margin: 0 0 20px !important;
    padding-bottom: 12px;
    color: var(--es-footer-text) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

/* الخط الصغير تحت العنوان */
.store-footer.es-premium-footer .store-footer__blocks h3::before {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 34px;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--es-footer-accent),
        #8ee9ef
    );
    border-radius: 10px;
    content: "";
}

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

.store-footer.es-premium-footer .s-menu-footer-list {
    display: grid !important;
    gap: 3px;
}

.store-footer.es-premium-footer .s-menu-footer-item {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 9px;
    padding: 8px 0 !important;
    color: var(--es-footer-muted) !important;
    font-size: 13px;
    line-height: 1.55;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.store-footer.es-premium-footer .s-menu-footer-item::before {
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    background: var(--es-footer-accent);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(37, 165, 208, 0.1);
    content: "";
}

.store-footer.es-premium-footer .s-menu-footer-item:hover {
    color: #fff !important;
    transform: translateX(-4px);
}

/* ==================================================
   التواصل الاجتماعي
   ================================================== */

.store-footer.es-premium-footer .s-social-list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 9px;
}

.store-footer.es-premium-footer .s-social-link {
    margin: 0 !important;
}

.store-footer.es-premium-footer .s-social-link a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid var(--es-footer-border);
    border-radius: 14px;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.store-footer.es-premium-footer .s-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.store-footer.es-premium-footer .s-social-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: #e9f8fd !important;
}

.store-footer.es-premium-footer .s-social-link a:hover {
    background: var(--es-footer-accent);
    border-color: var(--es-footer-accent);
    transform: translateY(-4px);
    box-shadow: 0 9px 24px rgba(37, 165, 208, 0.27);
}

.store-footer.es-premium-footer .s-social-link a:hover svg {
    fill: #fff !important;
}

/* ==================================================
   وسائل الدفع
   ================================================== */

.store-footer.es-premium-footer .s-payments-list {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

.store-footer.es-premium-footer .s-payments-list-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 43px;
    margin: 0 !important;
    padding: 7px;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 10px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.13);
    transition: transform 0.2s ease;
}

.store-footer.es-premium-footer .s-payments-list-item:hover {
    transform: translateY(-3px);
}

.store-footer.es-premium-footer .s-payments-list-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

/* ==================================================
   التوثيق والشهادات
   ================================================== */

.store-footer.es-premium-footer .footer-certifications {
    gap: 12px !important;
}

.store-footer.es-premium-footer .f_vat,
.store-footer.es-premium-footer .f_certificates,
.store-footer.es-premium-footer salla-trust-badges {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
    padding: 9px 10px !important;
    background: rgba(255, 255, 255, 0.055);
    color: var(--es-footer-muted) !important;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 12px;
}

.store-footer.es-premium-footer .f_vat img,
.store-footer.es-premium-footer .f_certificates img,
.store-footer.es-premium-footer
    .s-trust-badges-image {
    flex: 0 0 auto;
    object-fit: contain;
    background: #fff;
    border-radius: 7px;
}

.store-footer.es-premium-footer .f_vat p,
.store-footer.es-premium-footer .f_certificates h4,
.store-footer.es-premium-footer
    .s-trust-badges-label {
    color: var(--es-footer-muted) !important;
    font-size: 11px;
}

.store-footer.es-premium-footer .f_vat b,
.store-footer.es-premium-footer
    .s-trust-badges-number {
    color: #fff !important;
    font-size: 11px;
    direction: ltr;
    unicode-bidi: plaintext;
}

/* ==================================================
   حقوق المتجر
   ================================================== */

.store-footer.es-premium-footer .store-footer__bottom {
    position: relative;
    z-index: 3;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 18px 85px !important;
    background: rgba(0, 0, 0, 0.2) !important;
    color: var(--es-footer-muted) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.store-footer.es-premium-footer .copyright-text p {
    margin: 0 !important;
    color: var(--es-footer-muted) !important;
    font-size: 12px;
    text-align: center;
}

.store-footer.es-premium-footer .copyright-text a {
    color: #fff !important;
    font-weight: 700;
}

.store-footer.es-premium-footer .copyright-text a:hover {
    color: var(--es-footer-accent) !important;
}

/* زر العودة إلى الأعلى */
.store-footer.es-premium-footer .es-footer-top {
    position: absolute;
    inset-inline-end: max(
        20px,
        calc((100vw - 1280px) / 2 + 24px)
    );
    inset-block-start: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    padding: 0;
    background: var(--es-footer-accent);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(37, 165, 208, 0.27);
    font-size: 22px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-40%);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        filter 0.2s ease;
}

.store-footer.es-premium-footer
    .es-footer-top.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%);
}

.store-footer.es-premium-footer .es-footer-top:hover {
    filter: brightness(1.12);
    transform: translateY(-55%);
}

.store-footer.es-premium-footer
    :is(a, button):focus-visible {
    outline: 2px solid #8ee9ef;
    outline-offset: 3px;
}

/* ==================================================
   الأجهزة اللوحية
   ================================================== */

@media (min-width: 768px) and (max-width: 1100px) {
    .store-footer.es-premium-footer
        .store-footer__blocks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ==================================================
   الجوال
   ================================================== */

@media (max-width: 767px) {
    .store-footer.es-premium-footer {
        margin-top: 50px;
    }

    .store-footer.es-premium-footer
        .store-footer__inner {
        padding: 50px 13px 27px !important;
    }

    .store-footer.es-premium-footer .about-us-block {
        display: flex !important;
        flex-direction: column;
        gap: 19px;
        margin-bottom: 14px;
        padding: 23px 16px !important;
        border-radius: 22px;
        text-align: center;
    }

    .store-footer.es-premium-footer
        .about-us-block > .f_logo {
        width: 135px !important;
        height: 95px !important;
        padding: 13px;
        border-radius: 19px;
    }

    .store-footer.es-premium-footer
        .about-us-block > div {
        align-items: center !important;
    }

    .store-footer.es-premium-footer .f_store-name {
        font-size: 20px;
    }

    .store-footer.es-premium-footer
        .f_store-description {
        font-size: 12px;
        line-height: 1.9;
        text-align: center !important;
    }

    .store-footer.es-premium-footer
        .s-contacts-list {
        display: grid !important;
        grid-template-columns: 1fr;
        width: 100%;
        gap: 7px;
    }

    .store-footer.es-premium-footer
        .s-contacts-item {
        justify-content: flex-start;
        width: 100%;
    }

    .store-footer.es-premium-footer
        .store-footer__blocks {
        grid-template-columns: 1fr;
        gap: 9px !important;
    }

    .store-footer.es-premium-footer
        .store-footer__blocks > .es-footer-section {
        padding: 0 17px !important;
        overflow: hidden;
        border-radius: 16px;
        transform: none !important;
    }

    /* عنوان Accordion */
    .store-footer.es-premium-footer
        .es-footer-heading {
        min-height: 57px;
        margin: 0 !important;
        padding: 17px 0 !important;
        cursor: pointer;
        user-select: none;
    }

    .store-footer.es-premium-footer
        .es-footer-heading::before {
        display: none;
    }

    .store-footer.es-premium-footer
        .es-footer-heading::after {
        position: absolute;
        inset-block-start: 50%;
        inset-inline-end: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 27px;
        height: 27px;
        background: rgba(255, 255, 255, 0.075);
        color: var(--es-footer-accent);
        border: 1px solid var(--es-footer-border);
        border-radius: 9px;
        font-size: 19px;
        font-weight: 400;
        line-height: 1;
        content: "+";
        transform: translateY(-50%);
        transition: transform 0.25s ease;
    }

    .store-footer.es-premium-footer
        .es-footer-section.is-open
        .es-footer-heading::after {
        transform: translateY(-50%) rotate(45deg);
    }

    /* محتوى Accordion */
    .store-footer.es-premium-footer
        .es-footer-mobile-content {
        max-height: 1000px;
        margin-bottom: 17px;
        overflow: hidden;
        opacity: 1;
        transition:
            max-height 0.35s ease,
            opacity 0.25s ease,
            margin 0.35s ease;
    }

    .store-footer.es-premium-footer
        .es-footer-section:not(.is-open)
        .es-footer-mobile-content {
        max-height: 0;
        margin-block: 0 !important;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .store-footer.es-premium-footer
        .s-payments-list {
        justify-content: flex-start;
    }

    .store-footer.es-premium-footer
        .store-footer__bottom {
        min-height: 95px;
        padding: 17px 65px 17px 15px !important;
    }

    .store-footer.es-premium-footer
        .es-footer-top {
        inset-inline-end: 14px;
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }
}

/* إيقاف الحركة لمن يفضّل ذلك */
@media (prefers-reduced-motion: reduce) {
    .store-footer.es-premium-footer *,
    .store-footer.es-premium-footer *::before,
    .store-footer.es-premium-footer *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }
}


/* ==================================================
   إصلاح عرض الفوتر وتعارضات القالب الأصلي
   يجب وضعه في نهاية CSS
   ================================================== */

/* إصلاح شبكة الأقسام */
.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: initial !important;
    gap: 18px !important;
    width: 100% !important;
}

/* إلغاء width:20% وwidth:max-content الخاصة بالقالب */
.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks > div,
.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.s-menu-footer-block {
    align-self: stretch !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
}

/* توسيع الحاويات الداخلية */
.store-footer.es-premium-footer
.store-footer__blocks > div > div,
.store-footer.es-premium-footer
.store-footer__blocks salla-menu,
.store-footer.es-premium-footer
.store-footer__blocks salla-social,
.store-footer.es-premium-footer
.store-footer__blocks salla-payments {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* منع التفاف عناوين الأقسام */
.store-footer.es-premium-footer
.store-footer__blocks h3 {
    width: 100% !important;
    white-space: nowrap;
}

/* ==================================================
   الروابط المهمة
   ================================================== */

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.s-menu-footer-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex-direction: initial !important;
    gap: 4px !important;
    width: 100% !important;
    max-height: none !important;
    padding: 0 !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.s-menu-footer-list a {
    width: 100% !important;
    padding: 8px 0 !important;
    text-align: start !important;
    white-space: normal !important;
}

/* ==================================================
   التواصل الاجتماعي أفقيًا
   ================================================== */

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.contact-social {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.contact-social salla-social {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.contact-social
.s-social-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.contact-social
.s-social-link {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.contact-social
.s-social-link a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 13px !important;
    box-shadow: none !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.contact-social
.s-social-link a:hover {
    background: var(--es-footer-accent) !important;
    border-color: var(--es-footer-accent) !important;
    box-shadow: 0 8px 20px rgba(37, 165, 208, 0.25) !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.contact-social
.s-social-link svg {
    width: 19px !important;
    height: 19px !important;
    fill: #fff !important;
}

/* ==================================================
   وسائل الدفع أفقيًا
   ================================================== */

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks salla-payments {
    display: block !important;
    width: 100% !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.s-payments-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.s-payments-list > li {
    display: flex !important;
    flex: 0 0 58px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 7px !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.14) !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.s-payments-list > li img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* ==================================================
   قسم التوثيق
   ================================================== */

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.footer-certifications {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.store-footer.es-premium-footer
.footer-certifications > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.f_vat,
.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
.f_certificates,
.store-footer.es-premium-footer
.store-footer__inner
.store-footer__blocks
salla-trust-badges {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 10px !important;
}

/* النص داخل التوثيق */
.store-footer.es-premium-footer
.footer-certifications
:is(p, b, h4) {
    overflow-wrap: anywhere;
    white-space: normal;
}

/* ==================================================
   التابلت
   ================================================== */

@media (min-width: 768px) and (max-width: 1100px) {
    .store-footer.es-premium-footer
    .store-footer__inner
    .store-footer__blocks {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ==================================================
   الجوال
   ================================================== */

@media (max-width: 767px) {
    .store-footer.es-premium-footer
    .store-footer__inner
    .store-footer__blocks {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .store-footer.es-premium-footer
    .store-footer__inner
    .store-footer__blocks > div {
        width: 100% !important;
        height: auto !important;
    }

    .store-footer.es-premium-footer
    .store-footer__blocks h3 {
        white-space: normal;
    }

    .store-footer.es-premium-footer
    .store-footer__inner
    .store-footer__blocks
    .contact-social
    .s-social-list,
    .store-footer.es-premium-footer
    .store-footer__inner
    .store-footer__blocks
    .s-payments-list {
        justify-content: flex-start !important;
    }
}

/* ==================================================
   Premium Header & Navbar — Early Sleep
   ================================================== */

.store-header.es-premium-header {
    --es-header-bg: #041526;
    --es-header-bg-light: #082a42;
    --es-header-accent: var(--color-primary, #25a5d0);
    --es-header-text: #f4fbff;
    --es-header-muted: #b8cfdd;
    --es-header-border: rgba(255, 255, 255, 0.12);
    --es-header-control: rgba(255, 255, 255, 0.075);

    position: sticky !important;
    inset-block-start: 0;
    z-index: 1000 !important;
    min-height: 68px;
    background: transparent !important;
}

/* الشريط الرئيسي */
.store-header.es-premium-header #mainnav {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none;
    margin: 0 auto !important;
    padding: 9px 18px !important;
    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(37, 165, 208, 0.22),
            transparent 38%
        ),
        linear-gradient(
            125deg,
            var(--es-header-bg-light),
            var(--es-header-bg) 58%,
            #020d18
        ) !important;
    color: var(--es-header-text) !important;
    border: 1px solid var(--es-header-border);
    border-top: 0;
    border-radius: 0 0 23px 23px !important;
    box-shadow:
        0 10px 30px rgba(0, 15, 29, 0.16),
        inset 0 -1px rgba(255, 255, 255, 0.04);
    transform: translateZ(0);
    transition:
        width 0.3s ease,
        border-radius 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

/* الحالة العائمة بعد التمرير */
.store-header.es-premium-header.es-header-scrolled #mainnav {
    width: calc(100% - 24px) !important;
    max-width: 1440px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px !important;
    box-shadow:
        0 17px 45px rgba(0, 15, 29, 0.3),
        inset 0 1px rgba(255, 255, 255, 0.07);
    transform: translateY(8px) translateZ(0);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

/* الحاوية الداخلية */
.store-header.es-premium-header #mainnav .inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    width: min(100%, 1280px);
    min-height: 54px;
    margin-inline: auto;
}

/* مجموعات الأزرار */
.store-header.es-premium-header #mainnav .f_start-btns,
.store-header.es-premium-header #mainnav .f_end-btns {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0;
}

.store-header.es-premium-header #mainnav .f_start-btns {
    justify-content: flex-start;
}

.store-header.es-premium-header #mainnav .f_end-btns {
    justify-content: flex-end;
}

/* ==================================================
   الشعار
   ================================================== */

.store-header.es-premium-header #mainnav .f_logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.store-header.es-premium-header
#mainnav
.f_logo
.navbar-brand {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 53px;
    padding: 5px 15px;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 15px;
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.17),
        0 0 0 4px rgba(255, 255, 255, 0.035);
    transition:
        height 0.3s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.store-header.es-premium-header
#mainnav
.f_logo
.navbar-brand:hover {
    transform: translateY(-2px);
    box-shadow:
        0 11px 28px rgba(0, 0, 0, 0.21),
        0 0 0 4px rgba(37, 165, 208, 0.1);
}

.store-header.es-premium-header
#mainnav
.navbar-brand img {
    width: auto !important;
    max-width: 185px !important;
    height: auto !important;
    max-height: 41px !important;
    object-fit: contain;
}

.store-header.es-premium-header.es-header-scrolled
#mainnav
.f_logo
.navbar-brand {
    height: 47px;
}

/* ==================================================
   أزرار القائمة والبحث والحساب
   ================================================== */

.store-header.es-premium-header
#mainnav
:is(
    .mburger,
    .search-btn,
    .f_user-icon-button
) {
    display: flex !important;
    flex: 0 0 46px;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    background: var(--es-header-control) !important;
    color: var(--es-header-text) !important;
    border: 1px solid var(--es-header-border) !important;
    border-radius: 14px !important;
    outline: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    opacity: 1 !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.store-header.es-premium-header
#mainnav
:is(
    .mburger,
    .search-btn,
    .f_user-icon-button
):hover {
    background: var(--es-header-accent) !important;
    color: #fff !important;
    border-color: var(--es-header-accent) !important;
    box-shadow: 0 8px 20px rgba(37, 165, 208, 0.24);
    transform: translateY(-2px);
}

.store-header.es-premium-header
#mainnav
:is(
    .mburger,
    .search-btn,
    .f_user-icon-button
)
i,
.store-header.es-premium-header
#mainnav
:is(
    .mburger,
    .search-btn,
    .f_user-icon-button
)
span {
    background: transparent !important;
    color: currentColor !important;
}

.store-header.es-premium-header
#mainnav
.mburger i {
    font-size: 24px !important;
}

.store-header.es-premium-header
#mainnav
.search-btn span {
    font-size: 20px !important;
}

.store-header.es-premium-header
#mainnav
.f_user-icon-button i {
    font-size: 25px !important;
}

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

.store-header.es-premium-header
#mainnav
salla-cart-summary {
    display: block;
    flex: 0 0 auto;
}

.store-header.es-premium-header
#mainnav
.s-cart-summary-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 7px;
    min-width: 48px !important;
    height: 46px !important;
    padding: 0 13px !important;
    background: var(--es-header-control) !important;
    color: var(--es-header-text) !important;
    border: 1px solid var(--es-header-border) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04) !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.store-header.es-premium-header
#mainnav
.s-cart-summary-wrapper:hover {
    background: rgba(37, 165, 208, 0.18) !important;
    border-color: rgba(37, 165, 208, 0.55) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
    transform: translateY(-2px);
}

.store-header.es-premium-header
#mainnav
#s-cart-icon,
.store-header.es-premium-header
#mainnav
.header-btn__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    background: transparent !important;
    color: var(--es-header-text) !important;
}

.store-header.es-premium-header
#mainnav
.header-btn__icon {
    font-size: 21px !important;
}

.store-header.es-premium-header
#mainnav
.s-cart-summary-content {
    margin: 0 !important;
    color: var(--es-header-text) !important;
}

.store-header.es-premium-header
#mainnav
.s-cart-summary-total {
    color: var(--es-header-text) !important;
    font-size: 12px;
    white-space: nowrap;
}

.store-header.es-premium-header
#mainnav
.s-cart-summary-total * {
    color: inherit !important;
}

/* عداد السلة */
.store-header.es-premium-header
#mainnav
.s-cart-summary-count {
    inset-block-start: -6px !important;
    inset-inline-start: -5px !important;
    inset-inline-end: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 19px !important;
    width: auto !important;
    height: 19px !important;
    padding: 2px 5px !important;
    background: #e11d48 !important;
    color: #fff !important;
    border: 2px solid var(--es-header-bg);
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(225, 29, 72, 0.25);
    font-size: 9px !important;
    font-weight: 800;
}

/* ==================================================
   شريط تقدّم التمرير
   ================================================== */

.store-header.es-premium-header
#mainnav
.es-header-progress {
    position: absolute;
    inset-inline: 16px;
    inset-block-end: 0;
    z-index: 4;
    height: 2px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.055);
    border-radius: 20px;
    pointer-events: none;
}

.store-header.es-premium-header
#mainnav
.es-header-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        var(--es-header-accent),
        #8ee9ef
    );
    border-radius: inherit;
    box-shadow: 0 0 10px var(--es-header-accent);
    transform: scaleX(0);
    transform-origin: right center;
    will-change: transform;
}

/* التركيز بلوحة المفاتيح */
.store-header.es-premium-header
:is(a, button):focus-visible,
.f_bottom-menu.es-premium-bottom-nav
:is(a, button):focus-visible {
    outline: 2px solid #8ee9ef !important;
    outline-offset: 3px;
}

/* ==================================================
   الأجهزة المتوسطة
   ================================================== */

@media (min-width: 768px) and (max-width: 1000px) {
    .store-header.es-premium-header
    #mainnav
    .navbar-brand img {
        max-width: 150px !important;
    }

    .store-header.es-premium-header
    #mainnav
    .s-cart-summary-content {
        display: none !important;
    }

    .store-header.es-premium-header
    #mainnav
    .s-cart-summary-wrapper {
        width: 46px !important;
        min-width: 46px !important;
        padding: 0 !important;
        justify-content: center !important;
    }
}

/* ==================================================
   هيدر الجوال
   ================================================== */

@media (max-width: 767px) {
    .store-header.es-premium-header {
        min-height: 61px;
    }

    .store-header.es-premium-header #mainnav {
        padding: 7px 9px !important;
        border-radius: 0 0 18px 18px !important;
    }

    .store-header.es-premium-header.es-header-scrolled
    #mainnav {
        width: calc(100% - 14px) !important;
        border-radius: 17px !important;
        transform: translateY(7px) translateZ(0);
    }

    .store-header.es-premium-header
    #mainnav
    .inner {
        min-height: 48px;
    }

    .store-header.es-premium-header
    #mainnav
    .f_start-btns,
    .store-header.es-premium-header
    #mainnav
    .f_end-btns {
        gap: 4px !important;
    }

    .store-header.es-premium-header
    #mainnav
    .f_logo
    .navbar-brand {
        height: 43px;
        padding: 4px 9px;
        border-radius: 12px;
    }

    .store-header.es-premium-header.es-header-scrolled
    #mainnav
    .f_logo
    .navbar-brand {
        height: 41px;
    }

    .store-header.es-premium-header
    #mainnav
    .navbar-brand img {
        max-width: 118px !important;
        max-height: 33px !important;
    }

    .store-header.es-premium-header
    #mainnav
    :is(
        .mburger,
        .search-btn,
        .f_user-icon-button
    ) {
        flex-basis: 40px;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        border-radius: 12px !important;
    }

    .store-header.es-premium-header
    #mainnav
    .mburger i {
        font-size: 21px !important;
    }

    .store-header.es-premium-header
    #mainnav
    .f_user-icon-button i {
        font-size: 22px !important;
    }
}

/* ==================================================
   نافبار الجوال السفلي
   ================================================== */

@media (max-width: 767px) {
    .f_bottom-menu.es-premium-bottom-nav {
        inset-inline: 11px !important;
        inset-block-end: max(
            9px,
            env(safe-area-inset-bottom)
        ) !important;
        z-index: 999 !important;
        width: auto !important;
        max-height: none !important;
        overflow: visible !important;
        background:
            linear-gradient(
                125deg,
                #082a42,
                #041526 65%,
                #020d18
            ) !important;
        border: 1px solid rgba(255, 255, 255, 0.13);
        border-radius: 19px !important;
        box-shadow:
            0 15px 40px rgba(0, 15, 29, 0.38),
            inset 0 1px rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }

    .f_bottom-menu.es-premium-bottom-nav > ul {
        display: grid !important;
        grid-template-columns:
            repeat(auto-fit, minmax(0, 1fr)) !important;
        width: 100%;
        height: 63px;
        overflow: hidden;
        background: transparent !important;
        border-radius: inherit;
    }

    .f_bottom-menu.es-premium-bottom-nav
    > ul > li {
        position: relative;
        height: 63px !important;
    }

    .f_bottom-menu.es-premium-bottom-nav
    > ul > li:not(:last-child)::after {
        position: absolute;
        inset-block: 14px;
        inset-inline-end: 0;
        width: 1px;
        background: rgba(255, 255, 255, 0.1);
        pointer-events: none;
        content: "";
    }

    .f_bottom-menu.es-premium-bottom-nav
    > ul > li > :is(a, button) {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        color: #f4fbff !important;
        border: 0 !important;
        border-radius: 14px;
    }

    .f_bottom-menu.es-premium-bottom-nav
    > ul > li > :is(a, button):active {
        background: rgba(37, 165, 208, 0.14) !important;
    }

    .f_bottom-menu.es-premium-bottom-nav
    > ul > li i {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        background: transparent !important;
        color: #f4fbff !important;
        font-size: 21px !important;
        line-height: 1 !important;
    }

    /* إظهار عنوان بحث وسلة */
    .f_bottom-menu.es-premium-bottom-nav
    > ul > li i span {
        display: block !important;
        color: var(--es-header-muted, #b8cfdd) !important;
        font-family: var(--font-main);
        font-size: 9px !important;
        font-weight: 500;
        line-height: 1.2;
    }

    .f_bottom-menu.es-premium-bottom-nav
    .s-cart-summary-wrapper {
        position: relative;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        color: #f4fbff !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .f_bottom-menu.es-premium-bottom-nav
    #s-cart-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .f_bottom-menu.es-premium-bottom-nav
    .s-cart-summary-content {
        display: none !important;
    }

    .f_bottom-menu.es-premium-bottom-nav
    .s-cart-summary-count {
        inset-block-start: 7px !important;
        inset-inline-start: calc(50% + 6px) !important;
        inset-inline-end: auto !important;
        min-width: 17px !important;
        width: auto !important;
        height: 17px !important;
        padding: 2px 4px !important;
        background: #e11d48 !important;
        color: #fff !important;
        border: 2px solid #041526;
        font-size: 8px !important;
    }
}

/* احترام تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
    .store-header.es-premium-header *,
    .store-header.es-premium-header *::before,
    .store-header.es-premium-header *::after,
    .f_bottom-menu.es-premium-bottom-nav * {
        animation: none !important;
        transition: none !important;
    }
}

/* ==================================================
   Premium Sections & Titles — Early Sleep
   ================================================== */

body.index #main-content.es-premium-main {
    padding-block-end: 45px;
    background:
        radial-gradient(
            circle at 100% 15%,
            rgba(37, 165, 208, 0.07),
            transparent 24%
        ),
        radial-gradient(
            circle at 0% 68%,
            rgba(0, 38, 81, 0.045),
            transparent 24%
        ),
        var(--bg-secondary, #fafafa);
}

/* ==================================================
   حركة ظهور الأقسام
   ================================================== */

body.index .es-premium-section.es-section-reveal {
    opacity: 0;
    transform: translateY(24px);
}

body.index
.es-premium-section.es-section-reveal.es-section-visible {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.65s ease var(--es-reveal-delay, 0ms),
        transform 0.65s ease var(--es-reveal-delay, 0ms);
}

/* ==================================================
   أقسام المنتجات
   ================================================== */

body.index
:is(
    .es-section--products,
    .es-section--beds,
    .es-section--offers
) {
    --es-section-accent: var(--color-primary, #25a5d0);

    position: relative;
    width: calc(100% - 32px) !important;
    max-width: 1280px !important;
    margin: 34px auto 0 !important;
    padding: 30px 26px 38px !important;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.98),
            rgba(245, 251, 254, 0.96)
        );
    border: 1px solid rgba(0, 38, 81, 0.08);
    border-radius: 30px;
    box-shadow:
        0 14px 45px rgba(0, 38, 81, 0.07),
        inset 0 1px rgba(255, 255, 255, 0.8);
    isolation: isolate;
}

/* إضاءة داخل خلفية القسم */
body.index
:is(
    .es-section--products,
    .es-section--beds,
    .es-section--offers
)::before {
    position: absolute;
    inset-block-start: -75px;
    inset-inline-end: -65px;
    z-index: -1;
    width: 190px;
    height: 190px;
    background: var(--es-section-accent);
    border-radius: 50%;
    opacity: 0.075;
    filter: blur(7px);
    pointer-events: none;
    content: "";
}

/* قسم الأسرة */
body.index .es-section--beds {
    --es-section-accent: #6c83d8;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5f7ff
        );
}

/* قسم العروض */
body.index .es-section--offers {
    --es-section-accent: #d99a23;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(217, 154, 35, 0.12),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #fffefa,
            #fff9ed
        );
    border-color: rgba(217, 154, 35, 0.18);
}

/* مسافات بين بطاقات المنتجات */
body.index
:is(
    .es-section--products,
    .es-section--beds,
    .es-section--offers
)
.s-products-list-wrapper {
    gap: 18px !important;
}

/* ==================================================
   تصميم عنوان القسم
   ================================================== */

body.index .es-section-heading {
    position: relative;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 18px;
    width: 100%;
    margin: 0 0 26px !important;
    padding: 0 4px 18px !important;
    border-bottom: 1px solid rgba(0, 38, 81, 0.09);
}

/* الخط المتدرج أسفل العنوان */
body.index .es-section-heading::after {
    position: absolute;
    inset-block-end: -1px;
    inset-inline-start: 4px;
    width: 90px;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--es-section-accent, var(--color-primary)),
        transparent
    );
    border-radius: 20px;
    content: "";
}

body.index
.es-section-heading
:is(.right-side, div:first-child) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

/* النص الصغير أعلى العنوان */
body.index .es-section-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 5px 10px;
    background: color-mix(
        in srgb,
        var(--es-section-accent, var(--color-primary)) 12%,
        transparent
    );
    color: var(
        --es-section-accent,
        var(--color-primary)
    );
    border: 1px solid color-mix(
        in srgb,
        var(--es-section-accent, var(--color-primary)) 18%,
        transparent
    );
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
}

/* العنوان الرئيسي */
body.index .es-section-heading :is(h2, h3) {
    margin: 0 !important;
    color: var(--main-color, #002651) !important;
    font-size: clamp(23px, 2.4vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px;
}

/* رابط عرض الكل إن وُجد */
body.index
.es-section-heading
.left-side a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 39px;
    padding: 7px 15px;
    background: var(
        --es-section-accent,
        var(--color-primary)
    );
    color: #fff !important;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

body.index
.es-section-heading
.left-side a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 38, 81, 0.13);
}

/* ==================================================
   شريط الإعلان
   ================================================== */

body.index .es-section--announcement {
    width: calc(100% - 28px);
    max-width: 1280px;
    margin: 14px auto 0 !important;
    padding: 0 !important;
}

body.index
.es-section--announcement
.anim-txt-bar {
    position: relative;
    min-height: 51px;
    overflow: hidden;
    background:
        linear-gradient(
            110deg,
            #087ea7,
            var(--color-primary, #25a5d0),
            #58cadf
        ) !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(37, 165, 208, 0.2);
}

/* انعكاس ضوئي */
body.index
.es-section--announcement
.anim-txt-bar::after {
    position: absolute;
    inset-block: 0;
    inset-inline-start: -35%;
    width: 22%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );
    pointer-events: none;
    content: "";
    transform: skewX(-20deg);
    animation: esAnnouncementShine 6s ease-in-out infinite;
}

body.index
.es-section--announcement
.anim-txt-bar p {
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    text-shadow: 0 2px 7px rgba(0, 38, 81, 0.16);
}

@keyframes esAnnouncementShine {
    0%,
    55% {
        inset-inline-start: -35%;
    }

    85%,
    100% {
        inset-inline-start: 115%;
    }
}

/* ==================================================
   السلايدر الرئيسي
   ================================================== */

body.index .es-section--slider {
    width: min(100%, 1320px);
    margin: 20px auto 0 !important;
    padding-inline: 16px !important;
}

body.index
.es-section--slider
.swiper-slide a {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(0, 38, 81, 0.08);
    border-radius: 29px;
    box-shadow: 0 14px 38px rgba(0, 38, 81, 0.11);
}

body.index
.es-section--slider
.swiper-slide img {
    width: 100%;
    border-radius: 29px !important;
    transform: scale(1);
    transition:
        transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1),
        filter 0.4s ease;
}

@media (hover: hover) and (pointer: fine) {
    body.index
    .es-section--slider
    .swiper-slide-active:hover img {
        transform: scale(1.018);
        filter: saturate(1.05);
    }
}

body.index
.es-section--slider
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(0, 38, 81, 0.3);
    opacity: 1;
    transition:
        width 0.25s ease,
        background 0.25s ease;
}

body.index
.es-section--slider
.swiper-pagination-bullet-active {
    width: 25px;
    background: var(--color-primary);
    border-radius: 20px;
}

/* ==================================================
   قسم مميزات المتجر
   ================================================== */

body.index .es-section--features {
    --es-section-accent: var(--color-primary, #25a5d0);

    position: relative;
    width: calc(100% - 32px);
    max-width: 1280px;
    margin: 38px auto 0 !important;
    padding: 44px 28px 38px !important;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(37, 165, 208, 0.24),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #082a42,
            #041526 58%,
            #020d18
        );
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 32px;
    box-shadow: 0 22px 55px rgba(0, 38, 81, 0.18);
    isolation: isolate;
}

body.index .es-section--features::before {
    position: absolute;
    inset-block-end: -130px;
    inset-inline-start: -100px;
    z-index: -1;
    width: 310px;
    height: 310px;
    background: var(--color-primary);
    border-radius: 50%;
    opacity: 0.08;
    filter: blur(35px);
    content: "";
}

body.index
.es-section--features
.es-section-heading {
    border-bottom-color: rgba(255, 255, 255, 0.11);
}

body.index
.es-section--features
.es-section-heading :is(h2, h3) {
    color: #fff !important;
}

body.index
.es-section--features
.es-section-kicker {
    background: rgba(37, 165, 208, 0.13);
    color: #8ee9ef;
    border-color: rgba(142, 233, 239, 0.2);
}

/* شبكة المميزات */
body.index
.es-section--features
> div:last-child {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px !important;
}

/* بطاقة الميزة */
body.index
.es-section--features
.f_features-item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 225px;
    padding: 28px 20px !important;
    background: rgba(255, 255, 255, 0.065);
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 22px;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
    text-align: center;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
    body.index
    .es-section--features
    .f_features-item:hover {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(37, 165, 208, 0.42);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.16);
        transform: translateY(-6px);
    }
}

/* أيقونة الميزة */
body.index
.es-section--features
.feature-icon {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 65px !important;
    height: 65px !important;
    margin-bottom: 17px !important;
    background:
        linear-gradient(
            145deg,
            var(--color-primary),
            #087ea7
        ) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 19px !important;
    box-shadow:
        0 12px 25px rgba(37, 165, 208, 0.25),
        inset 0 1px rgba(255, 255, 255, 0.23);
}

body.index
.es-section--features
.feature-icon i {
    color: #fff !important;
    font-size: 28px !important;
}

body.index
.es-section--features
.f_features-item h3 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.5;
}

body.index
.es-section--features
.f_features-item p {
    margin: 0 !important;
    color: #b8cfdd !important;
    font-size: 13px;
    line-height: 1.8;
}

/* ==================================================
   الجوال
   ================================================== */

@media (max-width: 767px) {
    body.index
    :is(
        .es-section--products,
        .es-section--beds,
        .es-section--offers,
        .es-section--features
    ) {
        width: calc(100% - 18px) !important;
        margin-top: 22px !important;
        border-radius: 22px;
    }

    body.index
    :is(
        .es-section--products,
        .es-section--beds,
        .es-section--offers
    ) {
        padding: 20px 12px 25px !important;
    }

    body.index .es-section-heading {
        align-items: flex-start !important;
        gap: 10px;
        margin-bottom: 18px !important;
        padding: 0 2px 14px !important;
    }

    body.index
    .es-section-heading::after {
        inset-inline-start: 2px;
        width: 65px;
    }

    body.index .es-section-kicker {
        padding: 4px 8px;
        font-size: 8px;
    }

    body.index
    .es-section-heading :is(h2, h3) {
        font-size: 21px !important;
    }

    body.index
    .es-section-heading
    .left-side a {
        min-height: 34px;
        padding: 6px 10px;
        font-size: 10px;
    }

    body.index
    :is(
        .es-section--products,
        .es-section--beds,
        .es-section--offers
    )
    .s-products-list-wrapper {
        gap: 10px !important;
    }

    body.index .es-section--announcement {
        width: calc(100% - 18px);
        margin-top: 10px !important;
    }

    body.index
    .es-section--announcement
    .anim-txt-bar {
        min-height: 44px;
        border-radius: 13px;
    }

    body.index
    .es-section--announcement
    .anim-txt-bar p {
        font-size: 11px;
    }

    body.index .es-section--slider {
        margin-top: 13px !important;
        padding-inline: 8px !important;
    }

    body.index
    .es-section--slider
    .swiper-slide a,
    body.index
    .es-section--slider
    .swiper-slide img {
        border-radius: 18px !important;
    }

    body.index .es-section--features {
        padding: 28px 13px 23px !important;
    }

    body.index
    .es-section--features
    > div:last-child {
        grid-template-columns: 1fr;
        gap: 9px !important;
    }

    /* الميزة أفقية على الجوال */
    body.index
    .es-section--features
    .f_features-item {
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: center;
        min-height: 0;
        padding: 16px !important;
        text-align: start;
    }

    body.index
    .es-section--features
    .feature-icon {
        grid-row: 1 / 3;
        width: 54px !important;
        height: 54px !important;
        margin: 0 !important;
        margin-inline-end: 13px !important;
        border-radius: 16px !important;
    }

    body.index
    .es-section--features
    .feature-icon i {
        font-size: 23px !important;
    }

    body.index
    .es-section--features
    .f_features-item h3 {
        margin: 0 0 3px !important;
        font-size: 14px !important;
    }

    body.index
    .es-section--features
    .f_features-item p {
        font-size: 11px;
        line-height: 1.65;
    }
}

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
    body.index .es-premium-section,
    body.index .es-premium-section *,
    body.index .es-premium-section::before,
    body.index .es-premium-section::after {
        animation: none !important;
        transition: none !important;
    }

    body.index
    .es-premium-section.es-section-reveal {
        opacity: 1;
        transform: none;
    }
}

/* ==================================================
   صفحة المنتج البريميوم - Early Sleep
   ================================================== */

:root {
    --es-brand-blue: #0056a3;
    --es-brand-cyan: #27aadf;
    --es-brand-navy: #023a5e;
    --es-brand-orange: #f0ad44;
    --es-brand-ice: #f4fbff;
    --es-product-border: rgba(2, 58, 94, 0.11);
    --es-product-shadow: 0 18px 50px rgba(2, 58, 94, 0.1);
    --es-product-radius: 28px;
}

body.product-single.es-product-page {
    background:
        radial-gradient(
            circle at 8% 13%,
            rgba(39, 170, 223, 0.11),
            transparent 27rem
        ),
        linear-gradient(180deg, #f8fcff, #f3f8fb 52%, #fff);
}

body.product-single.es-product-page #main-content {
    position: relative;
    overflow: hidden;
}

body.product-single.es-product-page #main-content::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: -180px;
    z-index: -1;
    width: 440px;
    height: 440px;
    background: rgba(39, 170, 223, 0.08);
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
    content: "";
}

/* مسار التنقل */
body.product-single.es-product-page .breadcrumbs {
    position: relative;
    z-index: 2;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body.product-single.es-product-page
    .breadcrumbs
    .s-breadcrumb-wrapper {
    display: flex;
    align-items: center;
    gap: 7px;
    width: max-content;
    min-width: 100%;
    padding: 9px 13px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(2, 58, 94, 0.08);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(2, 58, 94, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.product-single.es-product-page
    .breadcrumbs
    .s-breadcrumb-item {
    color: #668095;
    font-size: 12px;
    white-space: nowrap;
}

body.product-single.es-product-page
    .breadcrumbs
    .s-breadcrumb-item:last-child {
    max-width: 260px;
    overflow: hidden;
    color: var(--es-brand-navy);
    font-weight: 800;
    text-overflow: ellipsis;
}

body.product-single.es-product-page
    .breadcrumbs
    .s-breadcrumb-arrow {
    color: var(--es-brand-cyan);
    opacity: 0.65;
}

body.product-single.es-product-page
    .breadcrumbs
    .s-breadcrumb-arrow svg {
    width: 16px;
    height: 16px;
}

/* غلاف المنتج */
body.product-single.es-product-page .f_product-section {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: clamp(22px, 3vw, 42px);
    padding-top: 5px;
    padding-bottom: 58px;
}

body.product-single.es-product-page
    .f_product-section
    > .sidebar {
    width: 43% !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}

body.product-single.es-product-page
    .f_product-section
    > .main-content {
    position: relative;
    width: 57% !important;
    margin: 0 !important;
    padding: clamp(22px, 2.7vw, 34px) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.98),
            rgba(244, 251, 255, 0.95)
        );
    border: 1px solid var(--es-product-border);
    border-radius: var(--es-product-radius);
    box-shadow: var(--es-product-shadow);
}

body.product-single.es-product-page
    .f_product-section
    > .main-content::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 34px;
    width: 92px;
    height: 4px;
    background:
        linear-gradient(
            90deg,
            var(--es-brand-orange),
            var(--es-brand-cyan)
        );
    border-radius: 0 0 999px 999px;
    content: "";
}

/* معرض الصور */
body.product-single.es-product-page .details-slider {
    position: relative;
    display: block;
}

body.product-single.es-product-page
    .details-slider
    > .s-slider-container {
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 35%,
            #fff 0,
            #f8fcff 58%,
            #edf7fc 100%
        ) !important;
    border: 1px solid var(--es-product-border) !important;
    border-radius: var(--es-product-radius) !important;
    box-shadow: var(--es-product-shadow);
}

body.product-single.es-product-page
    .details-slider
    .homeslider__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 480px;
    height: min(65vh, 640px) !important;
    padding: clamp(20px, 4vw, 45px);
    background: transparent !important;
}

body.product-single.es-product-page
    .details-slider
    .homeslider__slide
    img {
    width: 100%;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 25px rgba(2, 58, 94, 0.12));
    transition:
        transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1),
        filter 0.35s ease;
}

@media (hover: hover) and (pointer: fine) {
    body.product-single.es-product-page
        .details-slider
        .homeslider__slide:hover
        img {
        transform: scale(1.035);
        filter: drop-shadow(
            0 22px 30px rgba(2, 58, 94, 0.16)
        );
    }
}

body.product-single.es-product-page
    .details-slider
    .promotion-title {
    position: absolute !important;
    inset-block-start: 17px !important;
    inset-inline-start: 17px !important;
    z-index: 8;
    padding: 8px 13px !important;
    background:
        linear-gradient(
            135deg,
            #f6bd59,
            var(--es-brand-orange)
        ) !important;
    color: #32210b !important;
    border: 2px solid rgba(255, 255, 255, 0.86);
    border-radius: 999px !important;
    box-shadow: 0 8px 22px rgba(240, 173, 68, 0.27);
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.product-single.es-product-page
    .details-slider
    salla-button.btn--wishlist {
    inset-block-start: 16px !important;
    inset-block-end: auto !important;
    inset-inline-end: 16px !important;
    inset-inline-start: auto !important;
    z-index: 9;
    display: inline-flex !important;
}

body.product-single.es-product-page
    .details-slider
    .btn--wishlist
    .s-button-element {
    width: 45px !important;
    min-width: 45px !important;
    height: 45px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: var(--es-brand-blue) !important;
    border: 1px solid rgba(2, 58, 94, 0.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(2, 58, 94, 0.12) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

body.product-single.es-product-page
    .details-slider
    .btn--wishlist
    .s-button-element:hover {
    background: #fff2f2 !important;
    color: #e11d48 !important;
    border-color: #fecdd3 !important;
    transform: translateY(-2px);
}

body.product-single.es-product-page
    .details-slider
    .s-slider-nav-arrow {
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--es-brand-blue) !important;
    border: 1px solid rgba(2, 58, 94, 0.1);
    border-radius: 13px;
    box-shadow: 0 8px 20px rgba(2, 58, 94, 0.1);
}

body.product-single.es-product-page
    .details-slider
    .s-slider-thumbs {
    margin-top: 12px;
}

body.product-single.es-product-page
    .details-slider
    .s-slider-thumbs-container
    .swiper-slide {
    height: 88px !important;
    padding: 5px;
    overflow: hidden;
    background: #fff;
    border: 2px solid transparent !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(2, 58, 94, 0.07);
    cursor: pointer;
    opacity: 0.72;
    transition:
        border-color 0.22s ease,
        opacity 0.22s ease,
        transform 0.22s ease;
}

body.product-single.es-product-page
    .details-slider
    .s-slider-thumbs-container
    .swiper-slide-thumb-active {
    border-color: var(--es-brand-cyan) !important;
    opacity: 1;
    transform: translateY(-2px);
}

body.product-single.es-product-page
    .details-slider
    .s-slider-thumbs-container
    img {
    object-fit: contain !important;
    border-radius: 11px !important;
}

/* معلومات المنتج */
body.product-single.es-product-page .es-product-overline {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    margin-bottom: 9px;
    padding: 5px 10px;
    background: rgba(39, 170, 223, 0.1);
    color: var(--es-brand-blue);
    border: 1px solid rgba(39, 170, 223, 0.16);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.02em;
}

body.product-single.es-product-page
    .es-product-overline::before {
    width: 7px;
    height: 7px;
    background: var(--es-brand-orange);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(240, 173, 68, 0.12);
    content: "";
}

body.product-single.es-product-page
    .f_product-section
    > .main-content
    > small {
    display: block;
    margin-bottom: 7px;
    color: #6d8394 !important;
    font-size: 11px;
}

body.product-single.es-product-page
    .f_product-section
    > .main-content
    > h1 {
    max-width: 720px;
    margin: 0 0 11px !important;
    color: var(--es-brand-navy);
    font-size: clamp(27px, 3vw, 39px) !important;
    font-weight: 900 !important;
    line-height: 1.35;
    letter-spacing: -0.025em;
}

body.product-single.es-product-page
    .main-content
    > salla-rating-stars {
    display: inline-flex;
    margin-bottom: 13px;
    padding: 5px 10px;
    background: #fff9ed;
    border: 1px solid rgba(240, 173, 68, 0.24);
    border-radius: 999px;
    cursor: pointer;
}

body.product-single.es-product-page
    .main-content
    > salla-rating-stars
    .s-rating-stars-btn-star {
    color: var(--es-brand-orange);
}

body.product-single.es-product-page
    .main-content
    > salla-rating-stars
    .s-rating-stars-reviews {
    color: #765b31;
    font-size: 11px;
    font-weight: 700;
}

body.product-single.es-product-page .PS__price {
    display: flex;
    align-items: center;
    min-height: 58px;
    margin: 0 0 14px !important;
}

body.product-single.es-product-page
    .PS__price
    .price_is_on_sale,
body.product-single.es-product-page
    .PS__price
    .starting-or-normal-price {
    align-items: baseline;
    gap: 11px !important;
}

body.product-single.es-product-page
    .PS__price
    .total-price {
    color: var(--es-brand-blue) !important;
    font-size: clamp(27px, 3vw, 37px) !important;
    font-weight: 900 !important;
    line-height: 1.1;
}

body.product-single.es-product-page
    .PS__price
    .before-price {
    color: #8ca0ae !important;
    font-size: 15px;
    font-weight: 600;
}

body.product-single.es-product-page
    .PS__price
    .sicon-sar {
    font-size: 0.86em;
}

/* مزايا الشراء التي يضيفها JavaScript */
body.product-single.es-product-page .es-product-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin: 0 0 18px;
}

body.product-single.es-product-page .es-product-benefit {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: 58px;
    padding: 9px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(2, 58, 94, 0.09);
    border-radius: 15px;
}

body.product-single.es-product-page
    .es-product-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background:
        linear-gradient(
            145deg,
            var(--es-brand-blue),
            var(--es-brand-cyan)
        );
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 14px rgba(0, 86, 163, 0.18);
    font-size: 14px;
    font-weight: 900;
}

body.product-single.es-product-page
    .es-product-benefit-text {
    overflow: hidden;
    color: var(--es-brand-navy);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.55;
    text-overflow: ellipsis;
}

/* وصف المنتج */
body.product-single.es-product-page .product__description {
    margin: 0 0 15px !important;
    padding: 17px 18px !important;
    overflow: hidden;
    background:
        linear-gradient(145deg, #f8fcff, #fff) !important;
    border: 1px solid rgba(2, 58, 94, 0.09);
    border-radius: 19px !important;
    box-shadow: none;
}

body.product-single.es-product-page
    .product__description
    .article {
    padding: 0 !important;
    color: #29475d;
    font-size: 14px;
    line-height: 2;
}

body.product-single.es-product-page
    .product__description
    .article::after {
    background:
        linear-gradient(
            to top,
            #fff 12%,
            rgba(255, 255, 255, 0)
        );
}

body.product-single.es-product-page
    .product__description
    :is(h2, h3, h4, strong) {
    color: var(--es-brand-navy);
}

body.product-single.es-product-page
    .product__description
    :is(ul, ol) {
    margin-block: 10px;
    padding-inline-start: 21px;
}

body.product-single.es-product-page
    .product__description
    li {
    margin-bottom: 5px;
}

body.product-single.es-product-page
    .product__description
    img {
    height: auto;
    margin: 14px auto;
    border-radius: 16px;
}

body.product-single.es-product-page #btn-show-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-top: 10px;
    padding: 7px 13px;
    background: rgba(39, 170, 223, 0.1);
    color: var(--es-brand-blue);
    border: 1px solid rgba(39, 170, 223, 0.18);
    border-radius: 11px;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

body.product-single.es-product-page
    #btn-show-more::after {
    margin-inline-start: 7px;
    font-size: 14px;
    content: "⌄";
}

body.product-single.es-product-page
    #btn-show-more[aria-expanded="true"]::after {
    content: "⌃";
}

/* المشاركة والمفضلة */
body.product-single.es-product-page
    .main-content
    > .flex.space-x-3 {
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
}

body.product-single.es-product-page
    .main-content
    > .flex.space-x-3
    .s-button-element {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    background: #fff !important;
    color: var(--es-brand-blue) !important;
    border: 1px solid rgba(2, 58, 94, 0.11) !important;
    border-radius: 13px !important;
    box-shadow: 0 6px 17px rgba(2, 58, 94, 0.07) !important;
}

/* التقسيط */
body.product-single.es-product-page
    .main-content
    > salla-installment {
    display: block;
    margin-bottom: 15px;
}

body.product-single.es-product-page
    .main-content
    > salla-installment
    > div {
    margin-bottom: 10px !important;
    background: #fff !important;
    border: 1px solid rgba(2, 58, 94, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 7px 20px rgba(2, 58, 94, 0.055);
}

/* الخيارات والمرفقات */
body.product-single.es-product-page
    .product-form
    > salla-product-options {
    display: block;
    margin-bottom: 15px;
}

body.product-single.es-product-page
    .s-product-options-option-container {
    margin: 0 !important;
    padding: 17px;
    background: #fff;
    border: 1px solid rgba(2, 58, 94, 0.1);
    border-radius: 18px;
    box-shadow: 0 7px 20px rgba(2, 58, 94, 0.05);
}

body.product-single.es-product-page
    .s-product-options-option-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 9px !important;
    color: var(--es-brand-navy);
}

body.product-single.es-product-page
    .s-product-options-option-label
    b {
    font-size: 14px;
    font-weight: 900;
}

body.product-single.es-product-page
    .s-product-options-option-label
    small {
    color: #7890a1;
    font-size: 10px;
}

body.product-single.es-product-page
    .s-product-options-option-label
    b
    span {
    color: #e11d48;
}

body.product-single.es-product-page
    .s-product-options-option-content
    .s-form-control {
    width: 100%;
    min-height: 49px;
    padding-inline: 14px 40px !important;
    background-color: var(--es-brand-ice) !important;
    color: var(--es-brand-navy) !important;
    border: 1px solid rgba(2, 58, 94, 0.13) !important;
    border-radius: 13px !important;
    outline: none;
    font-size: 13px;
    font-weight: 700;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

body.product-single.es-product-page
    .s-product-options-option-content
    .s-form-control:focus {
    background-color: #fff !important;
    border-color: var(--es-brand-cyan) !important;
    box-shadow: 0 0 0 4px rgba(39, 170, 223, 0.12);
}

body.product-single.es-product-page
    .s-product-options-option-content
    .s-form-control.es-option-valid {
    border-color: rgba(0, 134, 91, 0.45) !important;
}

body.product-single.es-product-page
    .product-form
    > .es-product-note {
    margin-bottom: 15px !important;
    padding: 17px !important;
    background: #fff !important;
    border: 1px solid rgba(2, 58, 94, 0.1);
    border-radius: 18px !important;
    box-shadow: 0 7px 20px rgba(2, 58, 94, 0.05);
}

body.product-single.es-product-page
    .es-product-note
    .btn-tab {
    min-height: 40px;
    padding: 8px 12px;
    background: rgba(39, 170, 223, 0.09);
    color: var(--es-brand-blue);
    border: 1px solid rgba(39, 170, 223, 0.16);
    border-radius: 11px;
    font-size: 12px;
    font-weight: 800;
}

body.product-single.es-product-page
    .es-product-note
    textarea {
    width: 100%;
    min-height: 86px;
    padding: 12px !important;
    background: var(--es-brand-ice) !important;
    border: 1px solid rgba(2, 58, 94, 0.12);
    border-radius: 12px;
}

/* صندوق الشراء */
body.product-single.es-product-page
    .product-form
    .sticky-product-bar {
    margin-top: 0;
}

body.product-single.es-product-page
    .product-form
    .sticky-product-bar
    > .product-bar {
    padding: 18px !important;
    background:
        linear-gradient(145deg, #fff, #f7fcff) !important;
    border: 1px solid rgba(2, 58, 94, 0.11);
    border-radius: 20px !important;
    box-shadow: 0 12px 32px rgba(2, 58, 94, 0.09) !important;
}

body.product-single.es-product-page
    .sticky-product-bar__quantity,
body.product-single.es-product-page
    .sticky-product-bar__price {
    min-height: 44px;
}

body.product-single.es-product-page
    .sticky-product-bar
    .form-label {
    color: var(--es-brand-navy);
    font-size: 13px;
    font-weight: 900;
}

body.product-single.es-product-page
    .s-quantity-input-container {
    min-width: 138px;
    min-height: 43px;
    overflow: hidden;
    background: var(--es-brand-ice);
    border: 1px solid rgba(2, 58, 94, 0.12);
    border-radius: 13px;
}

body.product-single.es-product-page
    .s-quantity-input-button {
    width: 42px !important;
    background: #fff;
    color: var(--es-brand-blue);
}

body.product-single.es-product-page
    .s-quantity-input-input {
    min-width: 46px;
    color: var(--es-brand-navy);
    font-weight: 900;
    text-align: center;
}

body.product-single.es-product-page
    .sticky-product-bar__price
    .total-price {
    color: var(--es-brand-blue) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

body.product-single.es-product-page
    .sticky-product-bar__price
    .before-price {
    color: #8ba0af !important;
    font-size: 12px;
}

body.product-single.es-product-page
    .sticky-product-bar__btn {
    margin-top: 12px !important;
}

body.product-single.es-product-page
    .sticky-product-bar__btn
    .s-button-element {
    min-height: 54px;
    background:
        linear-gradient(
            120deg,
            var(--es-brand-blue),
            var(--es-brand-cyan)
        ) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 15px !important;
    box-shadow: 0 11px 25px rgba(0, 86, 163, 0.24) !important;
    font-size: 15px;
    font-weight: 900;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}

body.product-single.es-product-page
    .sticky-product-bar__btn
    .s-button-element:hover {
    filter: brightness(1.04);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0, 86, 163, 0.3) !important;
}

body.product-single.es-product-page
    .sticky-product-bar
    > .move-product-bar
    i {
    background:
        linear-gradient(
            120deg,
            var(--es-brand-blue),
            var(--es-brand-cyan)
        ) !important;
    color: #fff !important;
}

/* المنتجات المكمّلة */
body.product-single.es-product-page
    .s-bought-together-entry {
    margin: 18px 0 !important;
    padding: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(2, 58, 94, 0.1);
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(2, 58, 94, 0.07);
}

body.product-single.es-product-page
    .s-bought-together-title {
    color: var(--es-brand-navy);
    font-size: 18px;
    font-weight: 900;
}

body.product-single.es-product-page
    .s-bought-together-subtitle {
    color: #718899;
    font-size: 12px;
}

body.product-single.es-product-page
    .s-bought-together-item {
    padding: 10px !important;
    background: var(--es-brand-ice);
    border: 1px solid rgba(2, 58, 94, 0.08);
    border-radius: 14px;
}

body.product-single.es-product-page
    .s-bought-together-item-img {
    border-radius: 11px !important;
}

body.product-single.es-product-page
    .s-bought-together-btn
    .s-button-element,
body.product-single.es-product-page
    .s-button-element.s-bought-together-btn {
    background: var(--es-brand-navy) !important;
    color: #fff !important;
    border-radius: 13px !important;
}

/* التصنيفات السريعة */
body.product-single.es-product-page .f_quick-links > ul {
    gap: 8px;
    padding: 2px 0 0;
}

body.product-single.es-product-page
    .f_quick-links
    > ul
    > li
    a {
    min-height: 37px;
    padding: 7px 13px;
    background: rgba(39, 170, 223, 0.1) !important;
    color: var(--es-brand-blue) !important;
    border: 1px solid rgba(39, 170, 223, 0.18);
    border-radius: 999px !important;
    font-size: 11px;
    font-weight: 800;
}

/* التعليقات */
body.product-single.es-product-page
    .s-comments-product {
    margin: 22px auto 40px;
    padding: 0 !important;
}

body.product-single.es-product-page
    .s-comments-product
    > .container {
    padding-top: 28px;
    padding-bottom: 28px;
    background:
        linear-gradient(145deg, #fff, #f7fcff);
    border: 1px solid rgba(2, 58, 94, 0.1);
    border-radius: 26px;
    box-shadow: 0 14px 38px rgba(2, 58, 94, 0.08);
}

body.product-single.es-product-page
    .s-comments-product
    > .container
    > h2:first-child {
    position: relative;
    margin-bottom: 20px !important;
    padding-bottom: 13px;
    color: var(--es-brand-navy);
    font-size: 23px !important;
    font-weight: 900;
}

body.product-single.es-product-page
    .s-comments-product
    > .container
    > h2:first-child::after {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 72px;
    height: 3px;
    background:
        linear-gradient(
            90deg,
            var(--es-brand-orange),
            var(--es-brand-cyan)
        );
    border-radius: 999px;
    content: "";
}

body.product-single.es-product-page
    .s-comments
    .s-comment-form-input {
    background: var(--es-brand-ice) !important;
    border: 1px solid rgba(2, 58, 94, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

body.product-single.es-product-page
    .f_comments-container {
    justify-content: stretch;
    gap: 13px;
}

body.product-single.es-product-page
    .f_comments-container
    > div {
    width: calc(50% - 7px);
    padding: 0;
}

body.product-single.es-product-page
    .f_comments-container
    .comment {
    height: 100%;
    padding: 19px !important;
    background: #fff !important;
    border: 1px solid rgba(2, 58, 94, 0.09);
    border-radius: 18px !important;
    box-shadow: 0 7px 20px rgba(2, 58, 94, 0.055);
}

body.product-single.es-product-page
    .f_comments-container
    .f_has-order {
    background: rgba(39, 170, 223, 0.12) !important;
    color: var(--es-brand-blue) !important;
}

body.product-single.es-product-page
    .f_comments-container
    .comment__rating {
    color: var(--es-brand-orange);
}

/* المنتجات المقترحة */
body.product-single.es-product-page
    salla-products-slider[source="related"] {
    display: block;
    margin-top: 32px;
    margin-bottom: 46px;
}

body.product-single.es-product-page
    salla-products-slider[source="related"]
    .s-slider-block__title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

body.product-single.es-product-page
    salla-products-slider[source="related"]
    .s-slider-block__title
    h2 {
    color: var(--es-brand-navy);
    font-size: clamp(22px, 2.6vw, 31px);
    font-weight: 900;
}

body.product-single.es-product-page
    salla-products-slider[source="related"]
    .s-slider-block__title::after {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 84px;
    height: 3px;
    background:
        linear-gradient(
            90deg,
            var(--es-brand-orange),
            var(--es-brand-cyan)
        );
    border-radius: 999px;
    content: "";
}

/* ظهور العناصر */
body.product-single.es-product-page
    .es-product-reveal {
    opacity: 0;
    transform: translateY(16px);
}

body.product-single.es-product-page
    .es-product-reveal.es-product-visible {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
    transition-delay: var(--es-product-delay, 0ms);
}

/* التابلت */
@media (min-width: 768px) and (max-width: 1050px) {
    body.product-single.es-product-page
        .f_product-section {
        gap: 20px;
    }

    body.product-single.es-product-page
        .f_product-section
        > .sidebar {
        width: 45% !important;
    }

    body.product-single.es-product-page
        .f_product-section
        > .main-content {
        width: 55% !important;
        padding: 21px !important;
    }

    body.product-single.es-product-page
        .details-slider
        .homeslider__slide {
        min-height: 390px;
    }

    body.product-single.es-product-page
        .es-product-benefits {
        grid-template-columns: 1fr;
    }
}

/* الجوال */
@media (max-width: 767px) {
    body.product-single.es-product-page {
        padding-bottom: 86px;
    }

    body.product-single.es-product-page
        .breadcrumbs {
        padding: 11px 9px !important;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.product-single.es-product-page
        .breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    body.product-single.es-product-page
        .breadcrumbs
        .s-breadcrumb-wrapper {
        padding: 8px 10px;
    }

    body.product-single.es-product-page
        .f_product-section {
        flex-direction: column;
        gap: 15px;
        padding-inline: 9px !important;
        padding-bottom: 28px;
    }

    body.product-single.es-product-page
        .f_product-section
        > .sidebar,
    body.product-single.es-product-page
        .f_product-section
        > .main-content {
        width: 100% !important;
    }

    body.product-single.es-product-page
        .details-slider
        > .s-slider-container {
        border-radius: 21px !important;
    }

    body.product-single.es-product-page
        .details-slider
        .homeslider__slide {
        height: 360px !important;
        min-height: 360px;
        padding: 20px;
    }

    body.product-single.es-product-page
        .details-slider
        .promotion-title {
        inset-block-start: 11px !important;
        inset-inline-start: 11px !important;
        padding: 6px 10px !important;
        font-size: 10px !important;
    }

    body.product-single.es-product-page
        .details-slider
        salla-button.btn--wishlist {
        inset-block-start: 10px !important;
        inset-inline-end: 10px !important;
    }

    body.product-single.es-product-page
        .details-slider
        .btn--wishlist
        .s-button-element {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        border-radius: 12px !important;
    }

    body.product-single.es-product-page
        .details-slider
        .s-slider-thumbs-container
        .swiper-slide {
        height: 70px !important;
        border-radius: 13px !important;
    }

    body.product-single.es-product-page
        .f_product-section
        > .main-content {
        padding: 19px 15px !important;
        border-radius: 22px;
    }

    body.product-single.es-product-page
        .f_product-section
        > .main-content
        > h1 {
        font-size: 27px !important;
    }

    body.product-single.es-product-page
        .PS__price
        .total-price {
        font-size: 29px !important;
    }

    body.product-single.es-product-page
        .es-product-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    body.product-single.es-product-page
        .es-product-benefit {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 76px;
        padding: 7px 4px;
        text-align: center;
    }

    body.product-single.es-product-page
        .es-product-benefit-icon {
        width: 27px;
        height: 27px;
        margin-bottom: 5px;
        border-radius: 9px;
        font-size: 12px;
    }

    body.product-single.es-product-page
        .es-product-benefit-text {
        font-size: 8px;
        line-height: 1.4;
        white-space: normal;
    }

    body.product-single.es-product-page
        .product__description {
        padding: 15px !important;
    }

    body.product-single.es-product-page
        .product__description
        .article {
        font-size: 12px;
    }

    body.product-single.es-product-page
        .s-bought-together-entry {
        padding: 15px !important;
    }

    body.product-single.es-product-page
        .s-comments-product {
        margin-inline: 9px;
    }

    body.product-single.es-product-page
        .s-comments-product
        > .container {
        padding: 20px 13px;
        border-radius: 21px;
    }

    body.product-single.es-product-page
        .f_comments-container {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.product-single.es-product-page
        .f_comments-container
        > div {
        width: 100%;
    }

    body.product-single.es-product-page
        salla-products-slider[source="related"] {
        margin-inline: 9px;
    }
}

/* شريط الشراء فوق نافبار الجوال السفلي */
@media (max-width: 639px) {
    body.product-single.es-product-page {
        padding-bottom: 190px;
    }

    body.product-single.es-product-page
        .product-form
        .sticky-product-bar {
        inset-block-end: calc(
            81px + env(safe-area-inset-bottom, 0px)
        ) !important;
        inset-inline: 8px !important;
        z-index: 980 !important;
        width: auto !important;
        padding: 0 !important;
    }

    body.product-single.es-product-page
        .product-form
        .sticky-product-bar
        > .product-bar {
        max-height: calc(100vh - 190px);
        padding: 11px !important;
        overflow-y: auto;
        border-radius: 17px !important;
        box-shadow:
            0 16px 40px rgba(2, 35, 58, 0.2),
            inset 0 1px rgba(255, 255, 255, 0.7) !important;
    }

    body.product-single.es-product-page
        .product-form
        .sticky-product-bar
        > .product-bar.small-bar {
        align-items: center;
        overflow: visible;
    }

    body.product-single.es-product-page
        .sticky-product-bar__btn {
        margin-top: 8px !important;
    }

    body.product-single.es-product-page
        .sticky-product-bar__btn
        .s-button-element {
        min-height: 49px;
        border-radius: 13px !important;
        font-size: 14px;
    }

    body.product-single.es-product-page
        .sticky-product-bar
        > .move-product-bar {
        inset-inline-end: 9px;
        inset-inline-start: auto;
    }

    body.product-single.es-product-page
        .sticky-product-bar
        > .move-product-bar
        i {
        width: 46px;
        border-radius: 12px 12px 0 0;
    }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
    body.product-single.es-product-page *,
    body.product-single.es-product-page *::before,
    body.product-single.es-product-page *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    body.product-single.es-product-page
        .es-product-reveal {
        opacity: 1;
        transform: none;
    }
}

/* ==================================================
   إصلاح نهائي لانزياح الصفحة أفقياً على الجوال
   السبب: أعمدة الهيدر كانت تستخدم 1fr بقيمة min-width تلقائية،
   فتتجاوز مجموعات الأزرار عرض الشاشة وتدفع كامل الصفحة جانباً.
   ================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

.store-header.es-premium-header,
.store-header.es-premium-header #mainnav,
.store-header.es-premium-header #mainnav .inner,
body.index #main-content.es-premium-main,
body.index #main-content.es-premium-main > *,
.store-footer.es-premium-footer {
    max-width: 100%;
    box-sizing: border-box;
}

/* السماح لأعمدة الطرفين بالانكماش بدلاً من توسيع الصفحة */
.store-header.es-premium-header #mainnav .inner {
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr) !important;
}

.store-header.es-premium-header #mainnav .f_start-btns,
.store-header.es-premium-header #mainnav .f_end-btns,
.store-header.es-premium-header #mainnav .f_logo {
    max-width: 100%;
    overflow: visible;
}

@media (max-width: 767px) {
    .store-header.es-premium-header #mainnav {
        width: 100% !important;
        margin-inline: 0 !important;
        padding-inline: 7px !important;
    }

    .store-header.es-premium-header.es-header-scrolled #mainnav {
        width: calc(100% - 12px) !important;
        margin-inline: 6px !important;
    }

    .store-header.es-premium-header #mainnav .inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(96px, auto)
            minmax(0, 1fr) !important;
        column-gap: 4px;
        width: 100% !important;
    }

    .store-header.es-premium-header #mainnav .f_start-btns,
    .store-header.es-premium-header #mainnav .f_end-btns {
        gap: 3px !important;
    }

    /* إخفاء نص/قيمة السلة في الهيدر العلوي والإبقاء على الأيقونة فقط */
    .store-header.es-premium-header #mainnav .s-cart-summary-content {
        display: none !important;
    }

    .store-header.es-premium-header #mainnav .s-cart-summary-wrapper {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    .store-header.es-premium-header #mainnav .navbar-brand img {
        max-width: min(112px, 31vw) !important;
    }

    /* منع السلايدر والبنرات من إنشاء عرض أفقي زائد */
    body.index #main-content.es-premium-main,
    body.index #main-content.es-premium-main > section,
    body.index #main-content.es-premium-main salla-slider,
    body.index #main-content.es-premium-main .swiper,
    body.index #main-content.es-premium-main .swiper-container,
    body.index #main-content.es-premium-main .s-slider-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    body.index #main-content.es-premium-main .swiper-slide {
        min-width: 0;
    }
}

/* ==================================================
   إزالة دوائر الإضاءة الزخرفية بين أقسام الصفحة الرئيسية
   ================================================== */
body.index
:is(
    .es-section--products,
    .es-section--beds,
    .es-section--offers
)::before {
    display: none !important;
    content: none !important;
}

/* ==================================================
   تحسينات المظهر النهائية — نسخة Premium النظيفة
   ================================================== */

/* توحيد المسافات والظلال والحواف في الصفحة الرئيسية */
body.index
:is(
    .es-section--products,
    .es-section--beds,
    .es-section--offers
) {
    margin-top: 26px !important;
    border-radius: 24px !important;
    box-shadow:
        0 10px 28px rgba(0, 38, 81, 0.055),
        inset 0 1px rgba(255, 255, 255, 0.82) !important;
}

/* بطاقات المنتجات: ظل أخف وحواف موحّدة */
.product-entry.es-product-card {
    overflow: hidden;
    border-radius: 18px !important;
    box-shadow: 0 7px 22px rgba(0, 38, 81, 0.065) !important;
}

@media (hover: hover) and (pointer: fine) {
    .product-entry.es-product-card:hover {
        box-shadow: 0 12px 30px rgba(0, 38, 81, 0.1) !important;
        transform: translateY(-4px);
    }
}

/* تثبيت تناسق صور المنتجات من دون قص مبالغ فيه */
.product-entry .product-entry__image {
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}

.product-entry .product-entry__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* عنوان قسم أنظف بخط سفلي قصير */
body.index .es-section-heading {
    margin-bottom: 21px !important;
    padding-bottom: 14px !important;
}

body.index .es-section-heading::after {
    width: 72px !important;
    height: 3px !important;
}

body.index .es-section-heading :is(h2, h3) {
    font-size: clamp(22px, 2.2vw, 32px) !important;
    line-height: 1.45 !important;
}

/* تحسين الشريط الإعلاني */
body.index .es-section--announcement {
    margin-top: 12px !important;
}

body.index .es-section--announcement .anim-txt-bar {
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(37, 165, 208, 0.16) !important;
}

/* تحسين السلايدر الرئيسي */
body.index .es-section--slider {
    margin-top: 16px !important;
}

body.index .es-section--slider .swiper-slide a,
body.index .es-section--slider .swiper-slide img {
    border-radius: 22px !important;
}

body.index .es-section--slider .swiper-slide a {
    box-shadow: 0 10px 26px rgba(0, 38, 81, 0.085) !important;
}

/* تحسين أزرار بطاقات المنتجات */
.product-entry .btn--add-to-cart .s-button-element,
.product-entry .btn--wishlist .s-button-element {
    border-radius: 12px !important;
}

/* تحسينات خاصة بالجوال */
@media (max-width: 767px) {
    body.index
    :is(
        .es-section--products,
        .es-section--beds,
        .es-section--offers
    ) {
        width: calc(100% - 16px) !important;
        margin-top: 18px !important;
        padding: 18px 10px 22px !important;
        border-radius: 18px !important;
        box-shadow:
            0 8px 22px rgba(0, 38, 81, 0.05),
            inset 0 1px rgba(255, 255, 255, 0.8) !important;
    }

    body.index .es-section-heading {
        margin-bottom: 15px !important;
        padding-bottom: 12px !important;
    }

    body.index .es-section-heading::after {
        width: 54px !important;
    }

    body.index .es-section-heading :is(h2, h3) {
        font-size: clamp(19px, 5.2vw, 23px) !important;
        line-height: 1.5 !important;
    }

    body.index .es-section--announcement {
        width: calc(100% - 16px) !important;
        margin-top: 10px !important;
    }

    body.index .es-section--announcement .anim-txt-bar {
        min-height: 48px;
        border-radius: 13px !important;
    }

    body.index .es-section--announcement .anim-txt-bar p {
        font-size: 12px !important;
        line-height: 1.6;
        padding-inline: 10px;
    }

    body.index .es-section--slider {
        margin-top: 14px !important;
        padding-inline: 8px !important;
    }

    body.index .es-section--slider .swiper-slide a,
    body.index .es-section--slider .swiper-slide img {
        border-radius: 17px !important;
    }

    .product-entry.es-product-card {
        border-radius: 15px !important;
        box-shadow: 0 6px 18px rgba(0, 38, 81, 0.055) !important;
    }

    .product-entry .product-entry__image {
        border-radius: 14px 14px 0 0;
    }
}

/* ==================================================
   Header V2 — قائمة الأقسام الظاهرة
   ================================================== */
.store-header.es-premium-header #mainnav {
    overflow: visible !important;
}

.store-header.es-premium-header #mainnav .inner {
    position: relative;
    z-index: 3;
}

/* اسم واضح بجانب زر القائمة على الشاشات الواسعة */
@media (min-width: 992px) {
    .store-header.es-premium-header #mainnav .mburger {
        flex-basis: auto !important;
        width: auto !important;
        min-width: 104px !important;
        padding-inline: 14px !important;
        gap: 8px;
    }

    .store-header.es-premium-header #mainnav .mburger::after {
        content: "القائمة";
        color: currentColor;
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
    }
}

/* شريط الأقسام الجديد */
.es-header-categories {
    position: relative;
    z-index: 2;
    width: min(100%, 1280px);
    margin: 7px auto 0;
    padding: 0 4px 2px;
}

.es-header-categories__track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
    overflow-x: auto;
    padding: 5px 3px 7px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.es-header-categories__track::-webkit-scrollbar {
    display: none;
}

.es-header-categories__link {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 14px;
    color: var(--es-header-muted) !important;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    white-space: nowrap;
    transition: .2s ease;
}

.es-header-categories__link:hover,
.es-header-categories__link:focus-visible,
.es-header-categories__link.is-active {
    color: #fff !important;
    background: rgba(37, 165, 208, 0.2);
    border-color: rgba(93, 211, 238, 0.48);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.13);
    transform: translateY(-1px);
}

.es-header-categories__link.is-active::after {
    content: "";
    position: absolute;
    inset-inline: 16px;
    inset-block-end: -5px;
    height: 2px;
    background: #8ee9ef;
    border-radius: 999px;
    box-shadow: 0 0 8px rgba(142, 233, 239, .75);
}

/* الشريط يصبح أكثر اختصارًا بعد التمرير */
.store-header.es-premium-header.es-header-scrolled .es-header-categories {
    margin-top: 5px;
}

.store-header.es-premium-header.es-header-scrolled .es-header-categories__link {
    min-height: 32px;
    padding-block: 5px;
}

@media (max-width: 991px) {
    .es-header-categories {
        width: 100%;
        margin-top: 5px;
        padding-inline: 0;
    }

    .es-header-categories__track {
        justify-content: flex-start;
        padding-inline: 2px;
    }
}

@media (max-width: 767px) {
    .store-header.es-premium-header #mainnav {
        padding-bottom: 5px !important;
    }

    .es-header-categories {
        margin-top: 3px;
    }

    .es-header-categories__track {
        gap: 6px;
        padding: 3px 1px 5px;
    }

    .es-header-categories__link {
        min-height: 31px;
        padding: 6px 11px;
        font-size: 11px;
    }

    .es-header-categories__link.is-active::after {
        display: none;
    }
}

/* ==================================================
   Early Sleep V3 — الهوية البصرية الزرقاء والبرتقالية
   Palette: Blue #29ACE2 | Orange #FDAE44
   ================================================== */
:root {
    --es-brand-blue: #29ace2;
    --es-brand-blue-dark: #168fc4;
    --es-brand-blue-soft: #eaf8fe;
    --es-brand-orange: #fdae44;
    --es-brand-orange-dark: #f2941f;
    --es-brand-ink: #183447;
    --es-brand-muted: #66808f;
    --es-brand-surface: #ffffff;
    --es-brand-page: #f7fbfd;
    --es-brand-border: rgba(41, 172, 226, 0.16);
    --es-brand-shadow: 0 12px 30px rgba(25, 121, 165, 0.10);
    --color-primary: var(--es-brand-blue) !important;
    --color-primary-dark: var(--es-brand-blue-dark) !important;
    --color-primary-reverse: #fff !important;
}

html,
body {
    background: var(--es-brand-page) !important;
    color: var(--es-brand-ink);
}

body::before {
    background:
        radial-gradient(circle at 8% 18%, rgba(41, 172, 226, .07), transparent 26%),
        radial-gradient(circle at 92% 35%, rgba(253, 174, 68, .07), transparent 24%) !important;
}

a {
    text-decoration-color: rgba(41, 172, 226, .35);
}

::selection {
    background: rgba(253, 174, 68, .32);
    color: var(--es-brand-ink);
}

/* الهيدر الجديد */
.store-header.es-premium-header {
    --es-header-bg: #29ace2;
    --es-header-bg-light: #52bee9;
    --es-header-accent: #fdae44;
    --es-header-text: #ffffff;
    --es-header-muted: rgba(255, 255, 255, .88);
    --es-header-border: rgba(255, 255, 255, .26);
    --es-header-control: rgba(255, 255, 255, .14);
}

.store-header.es-premium-header #mainnav {
    background:
        radial-gradient(circle at 13% -20%, rgba(255,255,255,.27), transparent 35%),
        radial-gradient(circle at 90% 120%, rgba(253,174,68,.24), transparent 30%),
        linear-gradient(125deg, #39b5e6, #29ace2 54%, #168fc4) !important;
    border-color: rgba(255,255,255,.28) !important;
    box-shadow: 0 13px 34px rgba(22, 143, 196, .24) !important;
}

.store-header.es-premium-header.es-header-scrolled #mainnav {
    box-shadow: 0 18px 44px rgba(18, 121, 164, .28) !important;
}

.store-header.es-premium-header #mainnav .f_logo .navbar-brand {
    border-color: rgba(255,255,255,.95) !important;
    box-shadow: 0 8px 22px rgba(19, 111, 151, .18) !important;
}

.store-header.es-premium-header #mainnav .f_logo .navbar-brand:hover {
    box-shadow: 0 11px 28px rgba(19,111,151,.24), 0 0 0 4px rgba(253,174,68,.20) !important;
}

.store-header.es-premium-header #mainnav :is(.mburger,.search-btn,.f_user-icon-button):hover,
.store-header.es-premium-header #mainnav .s-cart-summary-wrapper:hover {
    background: var(--es-brand-orange) !important;
    border-color: rgba(255,255,255,.68) !important;
    color: #fff !important;
    box-shadow: 0 9px 22px rgba(242,148,31,.30) !important;
}

.store-header.es-premium-header #mainnav .s-cart-summary-count {
    background: var(--es-brand-orange) !important;
    border-color: #168fc4 !important;
    box-shadow: 0 4px 12px rgba(242,148,31,.34) !important;
}

.store-header.es-premium-header #mainnav .es-header-progress span {
    background: linear-gradient(90deg, #fff3dc, var(--es-brand-orange)) !important;
    box-shadow: 0 0 12px rgba(253,174,68,.9) !important;
}

.es-header-categories__link {
    color: rgba(255,255,255,.94) !important;
    background: rgba(255,255,255,.13) !important;
    border-color: rgba(255,255,255,.22) !important;
}

.es-header-categories__link:hover,
.es-header-categories__link:focus-visible,
.es-header-categories__link.is-active {
    color: #213d4d !important;
    background: var(--es-brand-orange) !important;
    border-color: #ffd79f !important;
    box-shadow: 0 8px 20px rgba(242,148,31,.26) !important;
}

.es-header-categories__link.is-active::after {
    background: #fff !important;
    box-shadow: 0 0 9px rgba(255,255,255,.75) !important;
}

.store-header.es-premium-header :is(a,button):focus-visible,
.f_bottom-menu.es-premium-bottom-nav :is(a,button):focus-visible {
    outline-color: var(--es-brand-orange) !important;
}

/* الأشرطة والبنرات */
body.index .es-section--announcement .anim-txt-bar,
.anim-txt-bar {
    background: linear-gradient(100deg, var(--es-brand-blue-dark), var(--es-brand-blue), #47bee9) !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    box-shadow: 0 10px 25px rgba(41,172,226,.18) !important;
}

body.index .es-section--announcement .anim-txt-bar::before,
.anim-txt-bar::before {
    background: linear-gradient(90deg, transparent, rgba(253,174,68,.26), transparent) !important;
}

body.index .es-section--slider .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
    background: var(--es-brand-orange) !important;
    box-shadow: 0 0 0 4px rgba(253,174,68,.18) !important;
}

/* عناوين وأقسام الصفحة */
body.index :is(.es-section--products,.es-section--beds,.es-section--offers),
.es-section,
.product-slider,
.featured-products {
    border-color: var(--es-brand-border) !important;
    box-shadow: var(--es-brand-shadow) !important;
}

body.index .es-section-heading :is(h2,h3),
.section-title,
.s-block__title h2,
.s-block__title h3 {
    color: var(--es-brand-ink) !important;
}

body.index .es-section-heading::after,
.s-block__title::after,
.section-title::after {
    background: linear-gradient(90deg, var(--es-brand-blue), var(--es-brand-orange)) !important;
    box-shadow: 0 3px 9px rgba(41,172,226,.18) !important;
}

/* بطاقات المنتجات */
.product-entry {
    border-color: var(--es-brand-border) !important;
    box-shadow: 0 8px 24px rgba(25,121,165,.08) !important;
}

@media (hover:hover) and (pointer:fine) {
    .product-entry.es-product-card.es-card-visible:hover {
        border-color: rgba(41,172,226,.58) !important;
        box-shadow: 0 20px 46px rgba(25,121,165,.16) !important;
    }
}

.product-entry .f_promotion-title {
    background: var(--es-brand-blue) !important;
    color: #fff !important;
}

.product-entry .es-discount-badge,
.product-entry .sale-badge,
.product-entry [class*="discount"] {
    background: var(--es-brand-orange) !important;
    color: #203b4a !important;
    border-color: #fff4e3 !important;
    box-shadow: 0 6px 15px rgba(242,148,31,.26) !important;
}

.product-entry .f_price-container,
.product-entry .f_price-container h4,
.product-entry .product-entry__title a {
    color: var(--es-brand-ink) !important;
}

.product-entry .f_price-container {
    border-color: rgba(41,172,226,.14) !important;
    box-shadow: 0 6px 18px rgba(25,121,165,.11) !important;
}

.product-entry .product-entry__title a:hover {
    color: var(--es-brand-blue-dark) !important;
}

.product-entry .btn--add-to-cart .s-button-element,
.s-button-primary,
button.btn-primary,
a.btn-primary {
    background: linear-gradient(135deg, var(--es-brand-blue), var(--es-brand-blue-dark)) !important;
    border-color: var(--es-brand-blue-dark) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(41,172,226,.20) !important;
}

.product-entry .btn--add-to-cart .s-button-element:hover,
.s-button-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
    background: linear-gradient(135deg, var(--es-brand-orange), var(--es-brand-orange-dark)) !important;
    border-color: var(--es-brand-orange-dark) !important;
    color: #203b4a !important;
    box-shadow: 0 10px 22px rgba(242,148,31,.24) !important;
}

.product-entry .btn--wishlist,
.product-entry .btn--wishlist .s-button-element {
    color: var(--es-brand-blue) !important;
    border-color: rgba(41,172,226,.28) !important;
}

.product-entry .btn--wishlist:hover,
.product-entry .btn--wishlist .s-button-element:hover {
    background: var(--es-brand-blue-soft) !important;
    color: var(--es-brand-blue-dark) !important;
}

/* صفحة المنتج والسلة */
.product-single :is(.product-price,.total-price,.s-product-options-option-label),
.cart-item :is(.price,.total),
.s-cart-summary-total {
    color: var(--es-brand-ink) !important;
}

.product-single .s-button-primary,
.s-product-options-wrapper .s-button-primary,
.cart-submit-wrap .s-button-primary {
    background: linear-gradient(135deg, var(--es-brand-orange), var(--es-brand-orange-dark)) !important;
    border-color: var(--es-brand-orange-dark) !important;
    color: #203b4a !important;
}

/* شريط التنقل السفلي على الجوال */
.f_bottom-menu.es-premium-bottom-nav {
    border-color: rgba(41,172,226,.18) !important;
    box-shadow: 0 -10px 28px rgba(25,121,165,.12) !important;
}

.f_bottom-menu.es-premium-bottom-nav :is(a,button).active,
.f_bottom-menu.es-premium-bottom-nav :is(a,button):hover {
    color: var(--es-brand-blue) !important;
}

.f_bottom-menu.es-premium-bottom-nav :is(a,button).active::before {
    background: var(--es-brand-orange) !important;
}

/* الفوتر بهوية أخف وأكثر عصرية */
.store-footer.es-premium-footer {
    --es-footer-bg: #117da9;
    --es-footer-bg-light: #29ace2;
    --es-footer-accent: #fdae44;
    --es-footer-text: #ffffff;
    --es-footer-muted: rgba(255,255,255,.82);
    --es-footer-border: rgba(255,255,255,.20);
    --es-footer-panel: rgba(255,255,255,.095);
    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.16), transparent 28%),
        radial-gradient(circle at 90% 90%, rgba(253,174,68,.17), transparent 25%),
        linear-gradient(145deg, #29ace2, #168fc4 55%, #117da9) !important;
}

.store-footer.es-premium-footer::before {
    background: linear-gradient(90deg, var(--es-brand-orange), #ffd08c, var(--es-brand-blue)) !important;
}

.store-footer.es-premium-footer .about-us-block,
.store-footer.es-premium-footer .store-footer__blocks > div {
    border-color: rgba(255,255,255,.20) !important;
    background: rgba(255,255,255,.09) !important;
    box-shadow: 0 12px 28px rgba(10,92,128,.12) !important;
}

.store-footer.es-premium-footer .s-menu-footer-item::before,
.store-footer.es-premium-footer .store-footer__blocks h3::before {
    background: var(--es-brand-orange) !important;
}

.store-footer.es-premium-footer .s-social-link a:hover,
.store-footer.es-premium-footer .es-footer-top {
    background: var(--es-brand-orange) !important;
    border-color: var(--es-brand-orange) !important;
    color: #203b4a !important;
}

/* تحسينات جوال للهوية الجديدة */
@media (max-width: 767px) {
    .store-header.es-premium-header #mainnav {
        box-shadow: 0 10px 26px rgba(22,143,196,.22) !important;
    }

    .es-header-categories__link {
        background: rgba(255,255,255,.14) !important;
    }

    .es-header-categories__link.is-active {
        background: var(--es-brand-orange) !important;
        color: #203b4a !important;
    }

    body.index :is(.es-section--products,.es-section--beds,.es-section--offers) {
        border: 1px solid rgba(41,172,226,.12) !important;
        box-shadow: 0 8px 22px rgba(25,121,165,.07) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .store-header.es-premium-header #mainnav,
    .es-header-categories__link,
    .product-entry,
    .product-entry * {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* ==================================================

/* ==================================================
   V10 — السلايدر الأصلي في سلة بنسبة الصورة الطبيعية
   مطابق لطريقة متجر Bed Boss: لا ارتفاع ثابت ولا cover ولا نسخ بديل.
   ================================================== */
body.index section.banners-slider,
body.index [data-selia="home-banners-slider"],
body.index .es-section--slider {
    width: min(calc(100% - 24px), 1440px) !important;
    max-width: 1440px !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

body.index section.banners-slider > div,
body.index section.banners-slider salla-slider,
body.index section.banners-slider [slot="items"],
body.index section.banners-slider [data-selia="home-banners-slider-banner"],
body.index .es-section--slider salla-slider,
body.index .es-section--slider [slot="items"],
body.index .es-section--slider a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
}

body.index section.banners-slider img,
body.index section.banners-slider picture,
body.index section.banners-slider picture img,
body.index .es-section--slider img,
body.index .es-section--slider picture,
body.index .es-section--slider picture img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    clip-path: none !important;
    transform: none !important;
    margin: 0 !important;
}

body.index section.banners-slider,
body.index section.banners-slider [data-selia="home-banners-slider-banner"],
body.index .es-section--slider {
    border-radius: 22px !important;
}

@media (max-width: 767px) {
    body.index section.banners-slider,
    body.index [data-selia="home-banners-slider"],
    body.index .es-section--slider {
        width: calc(100% - 12px) !important;
        margin-top: 8px !important;
    }

    body.index section.banners-slider,
    body.index section.banners-slider [data-selia="home-banners-slider-banner"],
    body.index .es-section--slider {
        border-radius: 18px !important;
    }
}

/* ==================================================
   V11 — اسم المنتج وزر أضف للسلة داخل بطاقة المنتج
   ================================================== */

/* فصل اسم المنتج بصريًا عن الصورة والسعر */
.product-entry .f_product-footer {
    position: relative;
    padding: 16px 15px 8px !important;
    background: #fff;
}

.product-entry .f_product-footer::before {
    display: block;
    width: 34px;
    height: 3px;
    margin: 0 0 9px auto;
    background: linear-gradient(90deg, var(--es-brand-orange, #fdae44), var(--color-primary, #29ace2));
    border-radius: 999px;
    content: "";
}

.product-entry .product-entry__title {
    min-height: 54px;
}

.product-entry .product-entry__title a {
    display: -webkit-box !important;
    min-height: 50px;
    color: #17364a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.65 !important;
    letter-spacing: 0;
    text-align: right;
    text-decoration: none !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-entry .product-entry__title a:focus-visible {
    outline: 2px solid var(--color-primary, #29ace2);
    outline-offset: 3px;
    border-radius: 5px;
}

/* إبقاء منطقة الأزرار ظاهرة دائمًا داخل البطاقة */
.product-entry .f_btn-container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 62px;
    margin-top: auto !important;
    padding: 8px 14px 14px !important;
    background: #fff;
}

.product-entry salla-add-product-button.btn--add-to-cart,
.product-entry .btn--add-to-cart {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
}

/* زر واضح ومتناسق مع هوية Early Sleep */
.product-entry .btn--add-to-cart .s-button-element,
.product-entry .btn--add-to-cart button,
.product-entry salla-add-product-button::part(btn) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    background: linear-gradient(135deg, #fdae44, #f39a21) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 18px rgba(243, 154, 33, 0.24) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

.product-entry .btn--add-to-cart .s-button-element:hover,
.product-entry .btn--add-to-cart button:hover,
.product-entry salla-add-product-button::part(btn):hover {
    filter: brightness(0.96);
    transform: translateY(-1px);
    box-shadow: 0 11px 23px rgba(243, 154, 33, 0.32) !important;
}

.product-entry .es-add-cart-label {
    display: inline-block;
    pointer-events: none;
}

.product-entry .es-add-cart-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    pointer-events: none;
}

/* دعم بطاقات سلة الحديثة إن استُخدمت في أحد الأقسام */
salla-product-card {
    --salla-product-card-border-radius: 20px;
    --salla-product-card-shadow: 0 8px 24px rgba(2, 58, 94, 0.09);
}

salla-product-card::part(title) {
    color: #17364a;
    font-weight: 800;
    line-height: 1.65;
}

salla-product-card::part(add-button),
salla-product-card::part(add-to-cart) {
    background: #fdae44;
    color: #fff;
    border-radius: 13px;
    font-weight: 800;
}

@media (max-width: 640px) {
    .product-entry .f_product-footer {
        padding: 11px 10px 5px !important;
    }

    .product-entry .f_product-footer::before {
        width: 27px;
        height: 2px;
        margin-bottom: 7px;
    }

    .product-entry .product-entry__title {
        min-height: 49px;
    }

    .product-entry .product-entry__title a {
        min-height: 45px;
        font-size: 12.5px !important;
        line-height: 1.65 !important;
    }

    .product-entry .f_btn-container {
        min-height: 54px;
        padding: 7px 9px 10px !important;
    }

    .product-entry .btn--add-to-cart .s-button-element,
    .product-entry .btn--add-to-cart button,
    .product-entry salla-add-product-button::part(btn) {
        min-height: 41px !important;
        padding: 8px 8px !important;
        border-radius: 11px !important;
        font-size: 11px !important;
    }

    .product-entry .es-add-cart-icon {
        font-size: 14px;
    }
}


/* ==================================================
   V12 — إصلاح بطاقة المنتج الظاهرة في الصورة
   ================================================== */
.product-entry {
    position: relative !important;
}

/* شارة "الأكثر مبيعًا" بحجم النص بدل الشريط الطويل */
.product-entry .f_promotion-title {
    inset-inline-start: 12px !important;
    inset-inline-end: auto !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 58% !important;
    padding: 6px 13px !important;
    border-radius: 999px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* لوحة ثابتة فوق أسفل الصورة، لذلك تظهر حتى لو كان القالب يقص الـ footer */
.product-entry > .es-card-overlay-v12 {
    position: absolute !important;
    inset-inline: 10px !important;
    inset-block-end: 10px !important;
    z-index: 20 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 10px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0,38,81,.18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.product-entry .es-card-overlay-v12__title {
    display: -webkit-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #17364a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    text-align: right !important;
    text-decoration: none !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.product-entry .es-card-overlay-v12__cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 42px !important;
    padding: 9px 12px !important;
    background: linear-gradient(135deg,#fdae44,#f39a21) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 7px 16px rgba(243,154,33,.28) !important;
    font: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.product-entry .es-card-overlay-v12__cart[hidden] {
    display: none !important;
}

/* رفع السعر حتى لا يتداخل مع لوحة الاسم والزر */
.product-entry .f_price-container {
    inset-block-end: 90px !important;
}

/* منع ظهور النسخة الأصلية المقطوعة خلف اللوحة */
.product-entry .f_product-footer,
.product-entry .f_btn-container {
    display: none !important;
}

@media (max-width: 640px) {
    .product-entry .f_promotion-title {
        inset-inline-start: 8px !important;
        max-width: 62% !important;
        padding: 5px 10px !important;
        font-size: 10px !important;
    }

    .product-entry > .es-card-overlay-v12 {
        inset-inline: 8px !important;
        inset-block-end: 8px !important;
        grid-template-columns: minmax(0,1fr) !important;
        gap: 7px !important;
        padding: 9px !important;
        border-radius: 14px !important;
    }

    .product-entry .es-card-overlay-v12__title {
        font-size: 12px !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 2 !important;
    }

    .product-entry .es-card-overlay-v12__cart {
        width: 100% !important;
        min-height: 38px !important;
        padding: 7px 10px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    .product-entry .f_price-container {
        inset-block-end: 126px !important;
    }
}

/* ==================================================
   V13 — بطاقة جوال مدمجة ومحاذاة الشارات في صف واحد
   ================================================== */

/* الشارتان في صف واحد دائمًا: الأكثر مبيعًا يمينًا والخصم يسارًا */
.product-entry .f_promotion-title {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(58% - 14px) !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    box-shadow: 0 5px 13px rgba(41,172,226,.22) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.product-entry :is(.es-discount-badge,.sale-badge,[class*="discount"]) {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(42% - 14px) !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* تحويل اللوحة الكبيرة إلى شريط سفلي خفيف */
.product-entry > .es-card-overlay-v12 {
    inset-inline: 7px !important;
    inset-block-end: 7px !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    min-height: 62px !important;
    gap: 8px !important;
    padding: 8px 9px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(224,239,247,.95) !important;
    box-shadow: 0 7px 20px rgba(6,48,77,.14) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.product-entry .es-card-overlay-v12__title {
    align-self: center !important;
    min-height: 38px !important;
    color: #17364a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    text-align: right !important;
    -webkit-line-clamp: 2 !important;
}

.product-entry .es-card-overlay-v12__cart {
    width: 48px !important;
    min-width: 48px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 13px rgba(243,154,33,.25) !important;
    font-size: 0 !important;
}

.product-entry .es-card-overlay-v12__cart .sicon-shopping-bag {
    font-size: 20px !important;
}

/* السعر يبقى واضحًا فوق الشريط دون أن يغطي الاسم */
.product-entry .f_price-container {
    inset-block-end: 78px !important;
}

@media (min-width: 641px) {
    .product-entry .es-card-overlay-v12__cart {
        width: auto !important;
        min-width: 112px !important;
        padding: 8px 13px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 640px) {
    .product-entry .f_promotion-title {
        top: 8px !important;
        right: 8px !important;
        max-width: calc(58% - 11px) !important;
        padding: 5px 8px !important;
        font-size: 9.5px !important;
        box-shadow: 0 4px 10px rgba(41,172,226,.18) !important;
    }

    .product-entry :is(.es-discount-badge,.sale-badge,[class*="discount"]) {
        top: 8px !important;
        left: 8px !important;
        max-width: calc(42% - 11px) !important;
        padding: 5px 7px !important;
        font-size: 9.5px !important;
    }

    .product-entry > .es-card-overlay-v12 {
        inset-inline: 6px !important;
        inset-block-end: 6px !important;
        grid-template-columns: minmax(0,1fr) 43px !important;
        min-height: 56px !important;
        gap: 6px !important;
        padding: 7px 7px 7px 9px !important;
        border-radius: 12px !important;
    }

    .product-entry .es-card-overlay-v12__title {
        min-height: 34px !important;
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    .product-entry .es-card-overlay-v12__cart {
        width: 43px !important;
        min-width: 43px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 11px !important;
    }

    .product-entry .es-card-overlay-v12__cart .sicon-shopping-bag {
        font-size: 18px !important;
    }

    .product-entry .f_price-container {
        inset-block-end: 69px !important;
    }
}

/* ==============================================================
   V14 — تخطيط احترافي للجوال: منتج واحد + شارات على صف واحد
   ============================================================== */
@media (max-width: 640px) {
    /* قوائم المنتجات العادية: بطاقة واحدة بعرض السطر */
    .s-products-list-wrapper,
    .products-grid,
    .product-grid,
    .products-list,
    .grid:has(> .product-entry),
    [class*="grid-cols-"]:has(> .product-entry) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        column-gap: 0 !important;
        row-gap: 16px !important;
        width: 100% !important;
    }

    /* سلايدرات المنتجات: شريحة واحدة فقط في كل شاشة */
    salla-products-slider .swiper-slide,
    salla-products-slider [slot="items"] > *,
    .s-products-slider-wrapper .swiper-slide,
    .products-slider .swiper-slide,
    .swiper-wrapper > .swiper-slide:has(.product-entry) {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-inline: 0 !important;
    }

    /* البطاقة نفسها تمتد بعرض الحاوية ولا تبقى كنصف عمود */
    .product-entry,
    .product-entry.es-product-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-inline: auto !important;
    }

    /* تثبيت حاوية الصورة مرجعًا للشارتين */
    .product-entry .product-entry__image {
        position: relative !important;
        overflow: hidden !important;
    }

    /* الأكثر مبيعًا: أقصى اليمين */
    .product-entry .f_promotion-title {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        left: auto !important;
        inset-inline: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(50% - 20px) !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 6px 12px !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: none !important;
        z-index: 30 !important;
    }

    /* الخصم: أقصى اليسار وعلى نفس خط الأكثر مبيعًا */
    .product-entry .es-discount-badge,
    .product-entry .sale-badge {
        position: absolute !important;
        top: 12px !important;
        left: 12px !important;
        right: auto !important;
        inset-inline: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(50% - 20px) !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 6px 12px !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: none !important;
        z-index: 31 !important;
    }

    /* منع القواعد العامة القديمة من التقاط عناصر أخرى تحتوي كلمة discount */
    .product-entry [class*="discount"]:not(.es-discount-badge) {
        top: auto;
        left: auto;
        right: auto;
    }

    /* شريط الاسم والشراء متوازن مع البطاقة ذات العرض الكامل */
    .product-entry > .es-card-overlay-v12 {
        inset-inline: 10px !important;
        inset-block-end: 10px !important;
        grid-template-columns: minmax(0, 1fr) 52px !important;
        min-height: 68px !important;
        gap: 10px !important;
        padding: 9px 10px 9px 14px !important;
        border-radius: 16px !important;
    }

    .product-entry .es-card-overlay-v12__title {
        min-height: 40px !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        -webkit-line-clamp: 2 !important;
    }

    .product-entry .es-card-overlay-v12__cart {
        width: 52px !important;
        min-width: 52px !important;
        height: 50px !important;
        min-height: 50px !important;
        border-radius: 13px !important;
    }

    .product-entry .es-card-overlay-v12__cart .sicon-shopping-bag {
        font-size: 21px !important;
    }

    .product-entry .f_price-container {
        inset-block-end: 88px !important;
    }
}

/* ==============================================================
   V15 — المطلوب فقط: منتج واحد على الجوال + الشارتان في صف واحد
   ============================================================== */
@media (max-width: 640px) {
  /* منتج واحد فقط في كل صف داخل صفحات التصنيفات والقوائم */
  .products-grid,
  .product-grid,
  .products-list,
  .s-products-list-wrapper,
  .s-products-list-wrapper > .grid,
  .products-container .grid,
  .category-products .grid,
  main .grid:has(> .product-entry),
  main [class*="grid-cols-"]:has(> .product-entry) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .products-grid > *,
  .product-grid > *,
  .products-list > *,
  .s-products-list-wrapper > .grid > *,
  .products-container .grid > *,
  .category-products .grid > *,
  main .grid:has(> .product-entry) > *,
  main [class*="grid-cols-"]:has(> .product-entry) > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* السلايدرات: بطاقة واحدة في المشهد */
  salla-products-slider .swiper-slide,
  .s-products-slider-wrapper .swiper-slide,
  .products-slider .swiper-slide,
  .swiper-slide:has(> .product-entry),
  .swiper-slide:has(.product-entry) {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .product-entry,
  .product-entry.es-product-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    position: relative !important;
  }

  /* الشارتان على السطر نفسه: الخصم يسار والأكثر مبيعاً يمين */
  .product-entry .product-entry__image,
  .product-entry .product-entry__image > a,
  .product-entry .product-entry__image .relative {
    position: relative !important;
  }

  .product-entry .f_promotion-title {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(50% - 24px) !important;
    margin: 0 !important;
    transform: none !important;
    white-space: nowrap !important;
    z-index: 40 !important;
  }

  .product-entry .es-discount-badge,
  .product-entry .sale-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    inset-inline-start: 12px !important;
    inset-inline-end: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(50% - 24px) !important;
    margin: 0 !important;
    transform: none !important;
    white-space: nowrap !important;
    z-index: 41 !important;
  }

  /* توحيد ارتفاع ومقاس الشارتين فقط */
  .product-entry .f_promotion-title,
  .product-entry .es-discount-badge,
  .product-entry .sale-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}

/* ==============================================================
   V16 — ضبط نهائي متفق عليه: الشارات في صف واحد + أيقونة الاسم
          + إظهار عبارة أضف للسلة على الجوال
   ============================================================== */

/* الشارتان في نفس الصف على الجوال وسطح المكتب دون اعتماد اتجاه RTL */
.product-entry {
  position: relative !important;
}

.product-entry .product-entry__image,
.product-entry .product-entry__image > a,
.product-entry .product-entry__image .relative {
  position: relative !important;
}

.product-entry .f_promotion-title {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  inset-inline: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(50% - 22px) !important;
  margin: 0 !important;
  transform: none !important;
  white-space: nowrap !important;
  z-index: 50 !important;
}

.product-entry .es-discount-badge,
.product-entry .sale-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  inset-inline: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(50% - 22px) !important;
  margin: 0 !important;
  transform: none !important;
  white-space: nowrap !important;
  z-index: 51 !important;
}

.product-entry .f_promotion-title,
.product-entry .es-discount-badge,
.product-entry .sale-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

/* أيقونة صغيرة قبل اسم المنتج */
.product-entry .es-card-overlay-v12__title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  -webkit-line-clamp: unset !important;
}

.product-entry .es-card-overlay-v12__title-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  background: rgba(41,172,226,.12) !important;
  color: #199bd1 !important;
}

.product-entry .es-card-overlay-v12__title-icon svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.product-entry .es-card-overlay-v12__title-text {
  display: -webkit-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

@media (max-width: 640px) {
  .product-entry .f_promotion-title {
    top: 12px !important;
    right: 12px !important;
  }

  .product-entry .es-discount-badge,
  .product-entry .sale-badge {
    top: 12px !important;
    left: 12px !important;
  }

  /* إبقاء البطاقة منتجًا واحدًا وإظهار النص الكامل للزر */
  .product-entry > .es-card-overlay-v12 {
    grid-template-columns: minmax(0, 1fr) 132px !important;
    min-height: 66px !important;
    gap: 10px !important;
    padding: 9px 10px !important;
  }

  .product-entry .es-card-overlay-v12__cart {
    width: 132px !important;
    min-width: 132px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .product-entry .es-card-overlay-v12__cart .sicon-shopping-bag {
    font-size: 19px !important;
  }

  .product-entry .es-card-overlay-v12__title {
    gap: 7px !important;
    font-size: 13px !important;
  }

  .product-entry .es-card-overlay-v12__title-icon {
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
  }
}

/* ==============================================================
   V17 — موضع ثابت للشارتين: الأكثر مبيعًا يمينًا والخصم يسارًا
   ============================================================== */
.product-entry .product-entry__image {
  position: relative !important;
}

.product-entry .es-best-seller-badge {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  inset-inline: auto !important;
  z-index: 80 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(50% - 22px) !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  transform: none !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 999px !important;
  background: #29ace2 !important;
  color: #fff !important;
  box-shadow: 0 5px 13px rgba(0,58,91,.16) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.product-entry .es-discount-badge,
.product-entry .sale-badge {
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  inset-inline: auto !important;
  z-index: 81 !important;
}

/* إخفاء الشارة الأصلية فقط بعد إنشاء النسخة الثابتة لتجنب التكرار. */
.product-entry:has(.es-best-seller-badge) .f_promotion-title,
.product-entry:has(.es-best-seller-badge) .promotion-title {
  visibility: hidden !important;
}

@media (max-width: 767px) {
  .product-entry .es-best-seller-badge,
  .product-entry .es-discount-badge,
  .product-entry .sale-badge {
    top: 12px !important;
    min-height: 34px !important;
  }

  .product-entry .es-best-seller-badge {
    right: 12px !important;
    left: auto !important;
  }

  .product-entry .es-discount-badge,
  .product-entry .sale-badge {
    left: 12px !important;
    right: auto !important;
  }
}

/* ==============================================================
   V18 — جوال: أيقونة السلة فقط + تحسين وضوح الشعار في الهيدر
   ============================================================== */

/* تحسين حاوية الشعار بدون تغيير بقية تخطيط الهيدر */
.store-header.es-premium-header #mainnav .f_logo .navbar-brand {
  min-width: 150px !important;
  height: 58px !important;
  padding: 6px 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.96) !important;
  border-radius: 17px !important;
  box-shadow: 0 9px 24px rgba(13,92,127,.20) !important;
}

.store-header.es-premium-header #mainnav .f_logo .navbar-brand img {
  display: block !important;
  width: auto !important;
  max-width: 190px !important;
  height: auto !important;
  max-height: 46px !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 767px) {
  /* تصغير زر البطاقة إلى أيقونة فقط في الجوال */
  .product-entry > .es-card-overlay-v12 {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 9px !important;
  }

  .product-entry .es-card-overlay-v12__cart {
    width: 52px !important;
    min-width: 52px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 13px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .product-entry .es-card-overlay-v12__cart > span:not(.sicon-shopping-bag) {
    display: none !important;
  }

  .product-entry .es-card-overlay-v12__cart .sicon-shopping-bag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  /* إبراز الشعار أكثر على شاشة الجوال */
  .store-header.es-premium-header #mainnav .f_logo {
    min-width: 0 !important;
    overflow: visible !important;
  }

  .store-header.es-premium-header #mainnav .f_logo .navbar-brand {
    min-width: 128px !important;
    width: clamp(128px, 36vw, 158px) !important;
    height: 54px !important;
    padding: 5px 10px !important;
    border-radius: 16px !important;
  }

  .store-header.es-premium-header #mainnav .f_logo .navbar-brand img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 43px !important;
    object-fit: contain !important;
  }
}