/* =========================================================
   LIORA FLOWER — PRODUCT CARDS
   النسخة المضبوطة
   ========================================================= */

/* =========================================================
   1. بطاقة المنتج
   ========================================================= */

salla-product-card,
.s-product-card,
.s-product-card-entry,
.product-box,
.product-item {
    position: relative !important;

    width: 94% !important;

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

    background-color: #fff !important;

    border: none !important;

    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 3px 12px rgba(0, 0, 0, 0.055) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease !important;
}


/* حركة البطاقة */

@media (hover: hover) and (pointer: fine) {

    salla-product-card:hover,
    .s-product-card:hover,
    .s-product-card-entry:hover,
    .product-box:hover,
    .product-item:hover {
        transform: translateY(-3px) !important;

        box-shadow:
            0 8px 22px rgba(0, 0, 0, 0.09) !important;
    }

}


/* =========================================================
   2. صورة المنتج
   ========================================================= */

.s-product-card-image,
salla-product-card .s-product-card-image-wrap,
.s-product-card-entry .s-product-card-image {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 1 / 1 !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border-radius: 16px !important;

    overflow: hidden !important;
}


/* إزالة الخلفيات */

.s-product-card-image *,
salla-product-card .s-product-card-image-wrap * {
    background-color: transparent !important;
    background-image: none !important;
}


/* إزالة العناصر الإضافية */

.s-product-card-image::before,
.s-product-card-image::after,
salla-product-card .s-product-card-image-wrap::before,
salla-product-card .s-product-card-image-wrap::after {
    content: none !important;
    display: none !important;
}


/* الصورة */

.s-product-card-image img,
salla-product-card .s-product-card-image-wrap img {
    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    border-radius: 16px !important;

    background: transparent !important;

    transition:
        transform 0.45s ease !important;
}


/* تكبير الصورة */

@media (hover: hover) and (pointer: fine) {

    salla-product-card:hover .s-product-card-image img,
    .s-product-card:hover .s-product-card-image img,
    .s-product-card-entry:hover .s-product-card-image img {
        transform: scale(1.045) !important;
    }

}


/* =========================================================
   3. محتوى البطاقة
   ========================================================= */

.s-product-card-content {
    position: relative !important;

    padding:
        9px
        10px
        13px !important;
}


/* =========================================================
   4. اسم المنتج
   ========================================================= */

.product-title,
.product-title a,
.s-product-card-title,
.s-product-card-title a {
    display: block !important;

    color: #1F3A2E !important;

    font-weight: 700 !important;

    font-size: 14px !important;

    text-align: center !important;

    margin-top: 15px !important;

    margin-bottom: 0 !important;

    line-height: 1.5 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
}


/* =========================================================
   5. السعر
   ========================================================= */

.product-price,
.s-product-card-price {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    color: #1F3A2E !important;

    font-weight: 800 !important;

    font-size: 15px !important;

    gap: 6px !important;

    margin-top: 4px !important;

    margin-bottom: 10px !important;
}


/* =========================================================
   6. منطقة زر الإضافة
   ========================================================= */

.s-product-card-content-footer,
.s-add-cart-btn-wrap {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;

    width: 100% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin-top: 8px !important;

    margin-bottom: 0 !important;

    z-index: 5 !important;
}


/* =========================================================
   7. زر الإضافة
   ========================================================= */

.s-product-card-content-footer button,
.s-add-cart-btn-wrap button {
    position: relative !important;

    width: 100% !important;

    height: 40px !important;

    min-width: 0 !important;

    min-height: 40px !important;

    padding:
        0
        14px !important;

    border-radius: 11px !important;

    border: 1px solid #1F3A2E !important;

    background-color: #1F3A2E !important;

    color: #fff !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 7px !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* =========================================================
   8. إخفاء الأيقونة الأصلية
   ========================================================= */

.s-product-card-content-footer button svg,
.s-product-card-content-footer button i,
.s-add-cart-btn-wrap button svg,
.s-add-cart-btn-wrap button i {
    display: none !important;
}


/* =========================================================
   9. إخفاء النص الأصلي
   ========================================================= */

.s-product-card-content-footer button span,
.s-add-cart-btn-wrap button span {
    color: transparent !important;
}


/* =========================================================
   10. أيقونة الوردة
   ========================================================= */

.s-product-card-content-footer button::before,
.s-add-cart-btn-wrap button::before {
    content: "" !important;

    width: 18px !important;

    height: 18px !important;

    min-width: 18px !important;

    display: block !important;

    flex: 0 0 18px !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: contain !important;

    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'>\
<path d='M12 14.5c-2.9-.8-5.4-2.7-5.4-5.3 0-2.1 2-3.4 3.8-2.3 1 .6 1.5 1.5 1.6 2.5.2-1 .7-1.9 1.7-2.5 1.8-1.1 3.8.2 3.8 2.3 0 2.6-2.5 4.5-5.5 5.3Z'/>\
<path d='M12 14.5V22'/>\
<path d='M12 18.5c-1.7-1.7-3.2-2.1-5-1.8'/>\
<path d='M12 17.5c1.4-1.8 2.8-2.5 4.7-2.5'/>\
</svg>") !important;

    transition:
        transform 0.3s ease !important;
}


/* =========================================================
   11. نص الزر
   ========================================================= */

.s-product-card-content-footer button::after,
.s-add-cart-btn-wrap button::after {
    content: "إضافة للسلة" !important;

    color: #fff !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    white-space: nowrap !important;
}


/* =========================================================
   12. Hover للزر
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .s-product-card-content-footer button:hover,
    .s-add-cart-btn-wrap button:hover {
        background-color: #fff !important;

        border-color: #1F3A2E !important;

        color: #1F3A2E !important;

        transform: translateY(-2px) !important;

        box-shadow:
            0 6px 16px rgba(31, 58, 46, 0.14) !important;
    }

}


/* =========================================================
   13. الوردة عند Hover
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .s-product-card-content-footer button:hover::before,
    .s-add-cart-btn-wrap button:hover::before {

        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3A2E' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'>\
<path d='M12 14.5c-2.9-.8-5.4-2.7-5.4-5.3 0-2.1 2-3.4 3.8-2.3 1 .6 1.5 1.5 1.6 2.5 0.2-1 .7-1.9 1.7-2.5 1.8-1.1 3.8.2 3.8 2.3 0 2.6-2.5 4.5-5.5 5.3Z'/>\
<path d='M12 14.5V22'/>\
<path d='M12 18.5c-1.7-1.7-3.2-2.1-5-1.8'/>\
<path d='M12 17.5c1.4-1.8 2.8-2.5 4.7-2.5'/>\
</svg>") !important;

        transform:
            scale(1.12)
            rotate(-5deg) !important;
    }

}


/* =========================================================
   14. لون النص عند Hover
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .s-product-card-content-footer button:hover::after,
    .s-add-cart-btn-wrap button:hover::after {
        color: #1F3A2E !important;
    }

}


/* =========================================================
   15. عند الضغط
   ========================================================= */

.s-product-card-content-footer button:active,
.s-add-cart-btn-wrap button:active {
    transform: scale(0.97) !important;
}


/* =========================================================
   16. شبكة المنتجات
   الحفاظ على الحجم الأصلي
   ========================================================= */

.s-products-grid,
.products-grid,
.s-block--products .row {
    gap: 14px !important;

    row-gap: 14px !important;

    column-gap: 14px !important;

    margin-top: 0 !important;

    margin-bottom: 0 !important;
}


/* =========================================================
   17. الصفحة الرئيسية
   ========================================================= */

.s-home-page,
.home-page {
    gap: 0 !important;
}


/* =========================================================
   18. المسافات بين الأقسام
   مهم:
   لا نعدل حجم قسم المنتجات أو البطاقات هنا
   ========================================================= */

.s-block:not(.s-block--products) {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* قسم المنتجات يبقى بحجمه الأصلي */

.s-block--products {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* أول قسم */

main > .s-block:first-of-type,
main > .s-block:first-child {
    margin-top: 0 !important;
}


/* =========================================================
   19. عناوين الأقسام
   ========================================================= */

.s-block-header,
.s-section-title,
.s-block__title {
    margin-top: 0 !important;

    margin-bottom: 6px !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;
}


/* عنوان قسم المنتجات يحافظ على مسافته الطبيعية */

.s-block--products .s-block-header,
.s-block--products .s-section-title,
.s-block--products .s-block__title {
    margin-bottom: 10px !important;
}


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

.s-slideshow-slider,
.swiper-slideshow,
.s-block--slideshow {
    margin-bottom: 6px !important;
}


/* =========================================================
   21. الفوتر
   ========================================================= */

footer,
.s-footer {
    margin-top: 6px !important;
}


/* =========================================================
   22. الحاويات
   ========================================================= */

.container,
.s-container {
    padding-top: 0 !important;

    padding-bottom: 0 !important;
}


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

.s-logo img,
.site-logo img,
.store-logo img,
header .logo img,
.main-logo img,
a.logo img,
.header-logo img,
.s-header-logo img {
    border-radius: 0 !important;
}


/* =========================================================
   24. Hero — ليورا فلاور
   ========================================================= */

.lf3d {
    direction: rtl;

    position: relative;

    overflow: hidden;

    padding: 38px 20px;

    background:
        radial-gradient(
            circle at 72% 35%,
            #f7d9e5 0,
            #d99caf 18%,
            #7b4056 48%,
            #24141d 100%
        );

    font-family: 'Tajawal', sans-serif;

    min-height: 430px;

    display: flex;

    align-items: center;

    justify-content: center;

    isolation: isolate;
}


/* النجوم */

.lf3d::before {
    content: '';

    position: absolute;

    inset: -30%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.14) 0 2px,
            transparent 3px
        );

    background-size: 55px 55px;

    animation: lfSpark 18s linear infinite;

    z-index: -1;
}


/* البتلات */

.lf3d-petal {
    position: absolute;

    width: 30px;

    height: 43px;

    border-radius:
        70% 0 70% 70%;

    background:
        rgba(255,220,232,.65);

    filter: blur(.2px);

    animation:
        lfPetal 10s ease-in-out infinite;
}

.lf3d-p1 {
    top: 8%;
    left: 7%;
    animation-delay: -1s;
}

.lf3d-p2 {
    top: 22%;
    right: 8%;
    width: 22px;
    height: 32px;
    animation-delay: -4s;
}

.lf3d-p3 {
    bottom: 12%;
    left: 17%;
    width: 26px;
    height: 37px;
    animation-delay: -7s;
}

.lf3d-p4 {
    bottom: 18%;
    right: 20%;
    width: 17px;
    height: 25px;
    animation-delay: -2s;
}


/* الحاوية */

.lf3d-wrap {
    width: min(1080px, 100%);

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;

    align-items: center;
}


/* النص */

.lf3d-copy {
    color: #fff;

    text-align: right;

    padding: 0 5px;
}


/* الشارة */

.lf3d-badge {
    display: inline-block;

    padding: 6px 13px;

    border:
        1px solid rgba(255,255,255,.28);

    background:
        rgba(255,255,255,.10);

    backdrop-filter: blur(10px);

    border-radius: 999px;

    font-size: 11px;

    line-height: 1.4;
}


/* العنوان */

.lf3d h1 {
    font-size:
        clamp(30px, 4.5vw, 54px);

    line-height: 1.18;

    margin: 12px 0 8px;

    font-weight: 900;
}

.lf3d h1 span {
    color: #ffd0df;
}


/* الوصف */

.lf3d p {
    font-size: 15px;

    line-height: 1.75;

    opacity: .9;

    margin: 0 0 16px;

    max-width: 540px;
}


/* الزر */

.lf3d-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 11px 24px;

    border-radius: 999px;

    background: #fff;

    color: #6d2944;

    text-decoration: none;

    font-weight: 800;

    font-size: 14px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.lf3d-btn:hover {
    transform: translateY(-3px);

    box-shadow:
        0 16px 35px rgba(0,0,0,.28);
}


/* منطقة الصورة */

.lf3d-stage {
    position: relative;

    perspective: 1100px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0;
}


/* الصورة */

.lf3d-flower {
    position: relative;

    width: min(390px, 82vw);

    filter:
        drop-shadow(
            0 25px 30px rgba(0,0,0,.30)
        );

    transform-style: preserve-3d;

    animation:
        lfFloat 7s ease-in-out infinite;
}

.lf3d-flower img {
    display: block;

    width: 100%;

    height: auto;

    border-radius: 26px;

    transform: scale(1);

    box-shadow:
        0 22px 45px rgba(0,0,0,.24),
        0 0 0 1px rgba(216,184,137,.20);

    animation:
        lfZoom 7s ease-in-out infinite;

    transition:
        transform .4s ease;
}


/* الهالة */

.lf3d-stage::before {
    content: '';

    position: absolute;

    width: 330px;

    height: 330px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,220,232,.24),
            rgba(255,220,232,.06) 45%,
            transparent 70%
        );

    filter: blur(8px);

    z-index: -1;
}


/* الحلقة */

.lf3d-ring {
    position: absolute;

    width: 330px;

    height: 330px;

    border:
        1px solid rgba(255,255,255,.28);

    border-radius: 50%;

    animation:
        lfRing 14s linear infinite;

    transform:
        rotateX(68deg);
}

.lf3d-ring::after {
    content: '';

    position: absolute;

    inset: 18px;

    border:
        1px solid rgba(216,184,137,.20);

    border-radius: 50%;
}


/* =========================================================
   حركات Hero
   ========================================================= */

@keyframes lfFloat {

    0%, 100% {
        transform:
            translateY(0)
            rotateZ(0deg);
    }

    50% {
        transform:
            translateY(-10px)
            rotateZ(.6deg);
    }
}

@keyframes lfZoom {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.015);
    }
}

@keyframes lfRing {

    from {
        transform:
            rotateX(68deg)
            rotateZ(0deg);
    }

    to {
        transform:
            rotateX(68deg)
            rotateZ(360deg);
    }
}

@keyframes lfPetal {

    0%, 100% {
        transform:
            translate3d(0,0,0)
            rotate(0deg);
    }

    50% {
        transform:
            translate3d(25px,-40px,50px)
            rotate(55deg);
    }
}

@keyframes lfSpark {

    to {
        transform:
            rotate(360deg);
    }
}


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

@media (max-width: 767px) {

    /* البطاقات */

    salla-product-card,
    .s-product-card,
    .s-product-card-entry,
    .product-box,
    .product-item {
        width: 92% !important;

        border-radius: 16px !important;
    }


    /* الصور */

    .s-product-card-image,
    salla-product-card .s-product-card-image-wrap,
    .s-product-card-entry .s-product-card-image {
        border-radius: 14px !important;
    }

    .s-product-card-image img,
    salla-product-card .s-product-card-image-wrap img {
        border-radius: 14px !important;
    }


    /* محتوى البطاقة */

    .s-product-card-content {
        padding:
            8px
            8px
            11px !important;
    }


    /* الاسم */

    .product-title,
    .product-title a,
    .s-product-card-title,
    .s-product-card-title a {
        font-size: 13px !important;

        margin-top: 14px !important;
    }


    /* السعر */

    .product-price,
    .s-product-card-price {
        font-size: 14px !important;

        margin-top: 4px !important;

        margin-bottom: 8px !important;
    }


    /* الزر */

    .s-product-card-content-footer,
    .s-add-cart-btn-wrap {
        margin-top: 7px !important;
    }

    .s-product-card-content-footer button,
    .s-add-cart-btn-wrap button {
        height: 38px !important;

        min-height: 38px !important;

        border-radius: 10px !important;

        padding:
            0
            10px !important;

        gap: 6px !important;
    }


    /* الوردة */

    .s-product-card-content-footer button::before,
    .s-add-cart-btn-wrap button::before {
        width: 16px !important;

        height: 16px !important;

        min-width: 16px !important;

        flex-basis: 16px !important;
    }


    /* نص الزر */

    .s-product-card-content-footer button::after,
    .s-add-cart-btn-wrap button::after {
        font-size: 12px !important;
    }


    /* شبكة المنتجات */

    .s-products-grid,
    .products-grid,
    .s-block--products .row {
        column-gap: 14px !important;

        row-gap: 12px !important;
    }


    /* لا نغير حجم قسم المنتجات */

    .s-block--products {
        margin-top: 12px !important;

        margin-bottom: 12px !important;
    }


    /* Hero */

    .lf3d {
        padding: 25px 15px;

        min-height: auto;
    }

    .lf3d-wrap {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .lf3d-stage {
        order: 1;

        margin-bottom: 0;
    }

    .lf3d-copy {
        order: 2;

        text-align: center;

        padding: 0;
    }

    .lf3d-flower {
        width:
            min(330px, 82vw);
    }

    .lf3d-ring {
        width: 260px;

        height: 260px;
    }

    .lf3d-stage::before {
        width: 270px;

        height: 270px;
    }

    .lf3d h1 {
        font-size: 30px;

        margin:
            9px 0 7px;
    }

    .lf3d p {
        font-size: 14px;

        line-height: 1.7;

        margin-bottom: 13px;
    }

    .lf3d-btn {
        padding:
            10px 21px;

        font-size: 13px;
    }

}


/* =========================================================
   25. الهيدر
   ========================================================= */

header,
.store-header,
.main-nav-container,
.top-navbar {
    background-color: #ffffff !important;

    border-bottom:
        1px solid #f6ecee !important;

    border-radius: 0 !important;
}

.top-navbar a,
.top-navbar i,
.top-navbar span,
.top-navbar p {
    color: #4a4a4a !important;
}

.main-menu > li > a,
.nav-menu > li > a {
    color: #4a4a4a !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    padding:
        10px 15px !important;

    transition:
        color .3s ease !important;
}

.main-menu > li:hover > a,
.main-menu > li.active > a,
.nav-menu > li:hover > a,
.nav-menu > li.active > a {
    color:
        var(--color-primary) !important;
}


/* القائمة المنسدلة */

.sub-menu,
.dropdown-menu {
    background-color: #ffffff !important;

    border-radius: 12px !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08) !important;

    border:
        1px solid #f6ecee !important;

    padding:
        10px 0 !important;

    margin-top: 5px !important;

    min-width: 220px !important;
}

.sub-menu li a,
.dropdown-menu li a {
    color: #333333 !important;

    padding:
        12px 25px !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    text-align: right !important;

    display: block !important;

    transition:
        background-color .3s ease,
        color .3s ease,
        padding-right .3s ease !important;
}

.sub-menu li a:hover,
.dropdown-menu li a:hover {
    background-color:
        var(--color-background) !important;

    color:
        var(--color-primary) !important;

    padding-right: 35px !important;
}


/* أيقونة البحث */

header .search-btn,
header button[type="submit"],
.search-icon,
header i.sicon-search,
header svg.sicon-search {
    display: inline-block !important;
}


/* إجراءات الهيدر */

.header-actions a,
.header-actions button,
.header-actions i,
.nav-actions a,
.nav-actions i,
.s-cart-btn {
    color: #333333 !important;

    font-size: 22px !important;

    margin-left: 10px !important;

    transition:
        color .3s ease !important;
}

.header-actions a:hover,
.nav-actions a:hover {
    color:
        var(--color-primary) !important;
}


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

.s-cart-summary-count,
.cart-badge,
.cart-count {
    background-color:
        var(--color-primary) !important;

    color: #ffffff !important;

    font-size: 11px !important;

    font-weight: bold !important;

    border-radius: 50% !important;

    min-width: 20px !important;

    height: 20px !important;

    line-height: 20px !important;

    text-align: center !important;

    padding: 0 !important;

    position: absolute !important;

    top: -5px !important;

    right: -10px !important;

    box-shadow:
        0 2px 5px rgba(161,61,92,.4) !important;
}


/* =========================================================
   26. الفوتر
   ========================================================= */

.store-footer__inner {
    background-color: #ffffff;

    color: #4a4a4a;

    padding:
        50px 20px 20px;

    border-radius:
        22px 22px 0 0;

    box-shadow:
        0 -6px 18px rgba(161,61,92,.08);

    position: relative;

    z-index: 10;
}

.store-footer__inner .container {
    max-width: 1200px;

    margin: 0 auto;

    display: grid;

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

    gap: 32px;
}

@media (min-width:1024px) {

    .store-footer__inner .container {
        grid-template-columns:
            repeat(6,minmax(0,1fr));

        gap: 30px;
    }

    .store-footer__inner .lg\:col-span-2 {
        grid-column:
            span 2 / span 2;
    }

}

.store-footer__inner h3 {
    color:
        var(--color-primary);

    font-size:
        1.1rem;

    font-weight: 700;

    margin-bottom: 16px;

    position: relative;

    padding-bottom: 8px;
}

.store-footer__inner h3::after {
    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    width: 36px;

    height: 2px;

    background-color:
        var(--color-primary);
}

.store-footer__inner p {
    color: #6b7280;

    font-size: .9rem;

    line-height: 1.7;

    margin-bottom: 20px;
}

.store-footer__inner .flex.gap-4 {
    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    align-items: center;

    margin-top: 15px;

    background: #fdf6f7;

    padding:
        12px 15px;

    border-radius:
        var(--radius-sm);

    border:
        1px solid #f6ecee;
}

.store-footer__inner .s-menu-footer-list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}

.store-footer__inner .s-menu-footer-item {
    color: #6b7280;

    font-size: .9rem;

    text-decoration: none;

    transition:
        color var(--transition-speed) ease;
}

.store-footer__inner .s-menu-footer-item:hover {
    color:
        var(--color-primary);
}

.store-footer__inner .s-social-list {
    display: flex;

    gap: 10px;

    list-style: none;

    padding: 0;

    margin: 0;
}

.store-footer__inner .s-social-link a {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    background-color: #f3f4f6;

    color: #4a4a4a;

    border-radius: 50%;

    transition:
        background-color var(--transition-speed),
        color var(--transition-speed);
}

.store-footer__inner .s-social-link a:hover {
    background-color:
        var(--color-primary);

    color: #ffffff;
}

.store-footer__inner .s-social-icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.store-footer__inner .s-contacts-list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}

.store-footer__inner .s-contacts-item {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #6b7280;

    text-decoration: none;

    font-size: .9rem;

    transition:
        color var(--transition-speed);
}

.store-footer__inner .s-contacts-item:hover {
    color:
        var(--color-primary);
}

.store-footer__inner .s-contacts-icon svg {
    width: 18px;

    height: 18px;

    fill:
        var(--color-primary);
}

.copyright-text a {
    color:
        var(--color-primary);
}


/* =========================================================
   27. التقييمات
   ========================================================= */

.s-reviews-testimonial__text p {
    color: #4a4a4a !important;

    font-size: .92rem !important;

    line-height: 1.7 !important;
}

.s-reviews-testimonial__name_wrapper {
    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    margin-top: auto !important;
}

.s-reviews-testimonial__info h2 {
    color:
        var(--color-primary) !important;

    font-size: .95rem !important;

    font-weight: 600 !important;
}

.s-reviews-testimonial__icon {
    display: none !important;
}

.s-reviews-testimonials-slider .s-slider-nav-arrow {
    background-color: #ffffff !important;

    border:
        1px solid #f6ecee !important;

    box-shadow:
        var(--shadow-soft) !important;

    color:
        var(--color-primary) !important;
}

.s-product-card-promotion-title {
    color: #e53935 !important; /* لون النص أحمر */
    font-weight: 700 !important;
}