/* =========================================
   NEELAM LUXURY SAFE DESIGN
   بدون كسر السلايدر
   ========================================= */

:root {
    --neelam-main: #8b1f32;
    --neelam-dark: #5f1422;
    --neelam-deep: #3f1019;

    --neelam-gold: #b69362;

    --neelam-bg: #faf8f5;
    --neelam-soft: #f4efeb;
    --neelam-white: #ffffff;

    --neelam-text: #262022;
    --neelam-muted: #766d6f;

    --neelam-border: rgba(139,31,50,.10);

    --shadow-soft: 0 8px 28px rgba(52,29,34,.06);
    --shadow-card: 0 8px 24px rgba(52,29,34,.08);
}


/* =========================
   الصفحة
   ========================= */

html {
    scroll-behavior: smooth;
}

body {
    background: var(--neelam-bg) !important;
    color: var(--neelam-text) !important;
}

.container {
    max-width: 1280px !important;
}


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

header,
.store-header,
.main-header {
    background: rgba(255,255,255,.97) !important;

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    border-bottom: 1px solid rgba(139,31,50,.06) !important;

    box-shadow:
        0 4px 18px rgba(30,20,22,.035) !important;
}


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

.s-block__title {
    margin-bottom: 24px !important;
}

.s-block__title h2,
.s-block__title h3,
.section-title {
    color: var(--neelam-deep) !important;
    font-weight: 700 !important;
    letter-spacing: -.2px;
    line-height: 1.45 !important;
}


/* الخط الذهبي تحت العنوان */
.s-block__title::after {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    background: var(--neelam-gold);
    border-radius: 20px;
    margin-top: 8px;
}


/* =========================
   المسافات بين الأقسام
   ========================= */

.s-block {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}


/* =========================
   البانرات
   ========================= */

.banner-entry,
.banner-entry img,
.s-block--banners img,
.s-block--photos-slider img {
    border-radius: 18px !important;
}

.banner-entry {
    overflow: hidden !important;
    box-shadow:
        0 12px 34px rgba(48,27,31,.08) !important;
}


/* =========================
   كروت المنتجات
   ========================= */

.s-product-card-entry {
    background: var(--neelam-white) !important;

    border:
        1px solid var(--neelam-border) !important;

    border-radius: 16px !important;

    overflow: hidden !important;

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

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


.s-product-card-entry:hover {
    transform: translateY(-3px);

    box-shadow:
        0 14px 34px rgba(54,28,34,.12) !important;
}


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

.s-product-card-image,
.s-product-card-entry .s-product-card-image {
    background: #fff !important;

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

    overflow: hidden !important;
}


.s-product-card-image img {
    object-fit: contain !important;
    background: #fff !important;
    transition: transform .35s ease !important;
}


.s-product-card-entry:hover
.s-product-card-image img {
    transform: scale(1.02);
}


/* =========================
   معلومات المنتج
   ========================= */

.s-product-card-content {
    background: #fff !important;

    padding:
        13px 13px 15px !important;

    height: auto !important;
    min-height: 0 !important;
}


/* اسم المنتج */

.s-product-card-content-title {
    color: var(--neelam-text) !important;

    font-size: 14.5px !important;

    font-weight: 500 !important;

    line-height: 1.6 !important;

    margin:
        0 0 5px !important;
}


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

.s-product-card-content-sub {
    height: auto !important;
    min-height: 0 !important;

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


.s-product-card-price,
.s-product-card-sale-price {
    color: var(--neelam-main) !important;

    font-size: 16px !important;

    font-weight: 800 !important;
}


/* =========================
   الأزرار
   ========================= */

.btn-primary,
.s-button-primary,
button.bg-primary,
a.bg-primary {
    background:
        var(--neelam-main) !important;

    border-color:
        var(--neelam-main) !important;

    color:
        #fff !important;

    border-radius:
        50px !important;

    box-shadow:
        0 8px 20px rgba(139,31,50,.15) !important;
}


.btn-primary:hover,
.s-button-primary:hover,
button.bg-primary:hover,
a.bg-primary:hover {
    background:
        var(--neelam-dark) !important;
}


/* =========================
   زر إضافة للسلة داخل الكارت
   ========================= */

.s-product-card-entry button,
.s-product-card-entry .s-button-element,
.s-product-card-entry salla-button button {
    border-radius: 50px !important;
}


/* =========================
   النصوص
   ========================= */

p {
    line-height: 1.9;
}

.text-gray-500,
.text-gray-600,
.text-gray-700 {
    color: var(--neelam-muted) !important;
}


/* =========================
   آراء العملاء
   ========================= */

.testimonial,
.testimonial-entry,
.s-testimonial-card {
    background: #fff !important;

    border:
        1px solid var(--neelam-border) !important;

    border-radius:
        16px !important;

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


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

footer,
.store-footer {
    background:
        var(--neelam-deep) !important;

    color:
        rgba(255,255,255,.88) !important;
}


footer h3,
footer h4,
.store-footer h3,
.store-footer h4 {
    color:
        #fff !important;
}


footer a,
.store-footer a {
    color:
        rgba(255,255,255,.84) !important;
}


footer a:hover,
.store-footer a:hover {
    color:
        #e6d0ad !important;
}


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

@media (max-width: 767px) {

    body {
        background:
            #faf8f6 !important;
    }


    .container {
        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }


    /* الأقسام */

    .s-block {
        padding-top:
            28px !important;

        padding-bottom:
            28px !important;
    }


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

    .s-block__title {
        margin-bottom:
            16px !important;
    }


    .s-block__title h2,
    .s-block__title h3,
    .section-title {
        font-size:
            20px !important;

        line-height:
            1.45 !important;
    }


    .s-block__title::after {
        width:
            32px;

        margin-top:
            6px;
    }


    /* =========================
       كارت المنتج
       ========================= */

    custom-salla-product-card {
        height:
            auto !important;

        min-height:
            0 !important;
    }


    .s-product-card-entry,
    .s-product-card-fit-height,
    .s-product-card-vertical {
        height:
            auto !important;

        min-height:
            0 !important;
    }


    .s-product-card-entry {
        border-radius:
            13px !important;

        box-shadow:
            0 5px 16px rgba(48,26,31,.07) !important;

        border:
            1px solid rgba(139,31,50,.08) !important;
    }


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

    .s-product-card-image {
        background:
            #fff !important;

        border-radius:
            13px 13px 0 0 !important;
    }


    .s-product-card-image img {
        object-fit:
            contain !important;

        background:
            #fff !important;
    }


    /* محتوى الكارت */

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

        height:
            auto !important;

        min-height:
            0 !important;

        flex:
            none !important;

        flex-grow:
            0 !important;
    }


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

        line-height:
            1.5 !important;

        font-weight:
            500 !important;

        margin:
            0 0 4px !important;

        height:
            auto !important;

        min-height:
            0 !important;
    }


    .s-product-card-content-sub {
        margin:
            0 !important;

        padding:
            0 !important;

        height:
            auto !important;

        min-height:
            0 !important;
    }


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

        color:
            var(--neelam-main) !important;

        font-weight:
            800 !important;
    }


    /* البانرات */

    .banner-entry,
    .banner-entry img,
    .s-block--banners img,
    .s-block--photos-slider img {
        border-radius:
            13px !important;
    }


    /* الفوتر */

    footer,
    .store-footer {
        margin-top:
            20px !important;
    }

}


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

@media (max-width: 390px) {

    .container {
        padding-left:
            8px !important;

        padding-right:
            8px !important;
    }


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


    .s-product-card-content-title {
        font-size:
            12.5px !important;
    }


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

}