/* =========================================================
   BRX STORE - PRODUCT CARDS
   صورة كاملة + السعر + دخول للمنتج
========================================================= */


/* =========================================================
   1. البطاقة الرئيسية
========================================================= */

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

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

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

    overflow: hidden !important;

    background: #050505 !important;

    border: 1px solid #242424 !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.45) !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}


/* Hover البطاقة */

.s-product-card-entry:hover {
    transform: translateY(-5px) !important;

    border-color: #505050 !important;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, .70) !important;
}


/* إلغاء أي تدرجات قديمة */

.s-product-card-entry::after,
.s-product-card-entry::before {
    display: none !important;
}


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

.s-product-card-image {

    position: relative !important;

    width: 100% !important;

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

    aspect-ratio: 1 / 1 !important;

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

    overflow: hidden !important;

    background: #000 !important;

    border: none !important;
}


/* الرابط الموجود حول الصورة */

.s-product-card-image > a,
.s-product-card-image a {

    position: relative !important;

    display: block !important;

    width: 100% !important;

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

    aspect-ratio: 1 / 1 !important;

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

    overflow: hidden !important;

    background: #000 !important;
}


/* picture إن كان القالب يستخدمه */

.s-product-card-image picture {

    display: block !important;

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

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


/* =========================================================
   3. الصورة نفسها - أهم جزء
========================================================= */

.s-product-card-image img {

    position: relative !important;

    display: block !important;

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

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

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

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

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

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

    transform: none !important;

    background: #000 !important;
}


/* منع الصورة من التكبير أو القص عند Hover */

.s-product-card-entry:hover
.s-product-card-image img {

    transform: none !important;

    object-fit: contain !important;
}


/* =========================================================
   4. معلومات المنتج تحت الصورة
========================================================= */

.s-product-card-content {

    position: relative !important;

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

    width: 100% !important;

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

    box-sizing: border-box !important;

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

    background: #050505 !important;

    color: #fff !important;

    z-index: 5 !important;
}


/* =========================================================
   5. إخفاء اسم المنتج
========================================================= */

.s-product-card-content-title,
.s-product-card-content-title a {

    display: none !important;
}


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

.s-product-card-price {

    display: block !important;

    width: 100% !important;

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

    color: #ffffff !important;

    font-size: 18px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

    text-align: right !important;
}


/* سعر العرض */

.s-product-card-sale-price {

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    color: #fff !important;

    font-size: 18px !important;
    font-weight: 900 !important;
}


/* السعر القديم */

.s-product-card-content del {

    display: inline !important;

    color: #777 !important;

    font-size: 13px !important;

    font-weight: 500 !important;
}


/* أي نصوص غير مهمة */

.s-product-card-content-sub {

    display: none !important;
}


/* =========================================================
   7. إخفاء زر أضف إلى السلة الأصلي نهائياً
========================================================= */

.s-product-card-content .s-button-element,
.s-product-card-entry add-to-cart,
.s-product-card-entry .s-add-product-button {

    display: none !important;
}


/* =========================================================
   8. زر دخول للمنتج
   الزر تابع لرابط صورة المنتج وبالتالي يدخل صفحة المنتج
========================================================= */

.s-product-card-image > a::after,
.s-product-card-image a::after {

    content: "دخول للمنتج" !important;

    position: absolute !important;

    right: 12px !important;
    left: 12px !important;
    bottom: 12px !important;

    z-index: 30 !important;

    display: flex !important;

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

    height: 44px !important;

    padding: 0 15px !important;

    box-sizing: border-box !important;

    background: rgba(0, 0, 0, .88) !important;

    color: #fff !important;

    border: 1px solid rgba(255,255,255,.25) !important;

    border-radius: 9px !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    text-align: center !important;

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

    box-shadow:
        0 6px 20px rgba(0,0,0,.50) !important;

    opacity: 0 !important;

    transform: translateY(10px) !important;

    transition:
        opacity .25s ease,
        transform .25s ease,
        background .25s ease,
        color .25s ease !important;

    pointer-events: none !important;
}


/* ظهور دخول للمنتج */

.s-product-card-entry:hover
.s-product-card-image a::after {

    opacity: 1 !important;

    transform: translateY(0) !important;
}


/* =========================================================
   9. تظليل بسيط وقت Hover
========================================================= */

.s-product-card-image > a::before,
.s-product-card-image a::before {

    content: "" !important;

    position: absolute !important;

    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;

    height: 35% !important;

    z-index: 20 !important;

    background: linear-gradient(
        to top,
        rgba(0,0,0,.80) 0%,
        rgba(0,0,0,.30) 55%,
        transparent 100%
    ) !important;

    opacity: 0 !important;

    pointer-events: none !important;

    transition: opacity .25s ease !important;
}


.s-product-card-entry:hover
.s-product-card-image a::before {

    opacity: 1 !important;
}


/* =========================================================
   10. المفضلة
========================================================= */

.s-product-card-wishlist-btn {

    z-index: 40 !important;

    background: rgba(0,0,0,.70) !important;

    color: #fff !important;

    border: 1px solid rgba(255,255,255,.15) !important;

    backdrop-filter: blur(8px) !important;
}


/* =========================================================
   11. علامة الخصم
========================================================= */

.s-product-card-promotion-title {

    z-index: 40 !important;

    background: #000 !important;

    color: #fff !important;

    border: 1px solid #333 !important;

    border-radius: 7px !important;
}


/* =========================================================
   12. الجوال
========================================================= */

@media (max-width: 768px) {

    .s-product-card-entry {

        border-radius: 12px !important;
    }


    .s-product-card-image,
    .s-product-card-image > a,
    .s-product-card-image a {

        width: 100% !important;

        height: auto !important;

        aspect-ratio: 1 / 1 !important;
    }


    .s-product-card-image img {

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

        object-fit: contain !important;

        transform: none !important;
    }


    .s-product-card-content {

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


    .s-product-card-price,
    .s-product-card-sale-price {

        font-size: 15px !important;
    }


    /* بالجوال نظهر دخول للمنتج دائماً */

    .s-product-card-image a::after {

        right: 7px !important;
        left: 7px !important;
        bottom: 7px !important;

        height: 35px !important;

        font-size: 11px !important;

        border-radius: 7px !important;

        opacity: 1 !important;

        transform: none !important;
    }


    .s-product-card-image a::before {

        height: 30% !important;

        opacity: 1 !important;
    }
}
/* ==========================================
   BRX - FINAL PRODUCT CARD FIX
========================================== */

/* البطاقة */
.s-product-card-entry {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;

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

    background: #050505 !important;

    border: 1px solid #252525 !important;
    border-radius: 15px !important;

    overflow: hidden !important;
}


/* حاوية الصورة */
.s-product-card-image {
    position: relative !important;

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

    aspect-ratio: auto !important;

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

    flex: none !important;

    background: #000 !important;
}


/* رابط الصورة */
.s-product-card-image a {
    position: relative !important;

    display: block !important;

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

    aspect-ratio: auto !important;

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


/* الصورة */
.s-product-card-image img {
    position: relative !important;

    display: block !important;

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

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

    object-fit: contain !important;

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

    transform: none !important;

    background: #000 !important;
}


/* منع التكبير */
.s-product-card-entry:hover
.s-product-card-image img {
    transform: none !important;
}


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

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

    width: 100% !important;

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

    flex: none !important;

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

    box-sizing: border-box !important;

    background: #050505 !important;
}


/* إخفاء اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a {
    display: none !important;
}


/* السعر */
.s-product-card-price {
    display: block !important;

    width: 100% !important;

    color: #fff !important;

    font-size: 18px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

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

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


/* سعر التخفيض */
.s-product-card-sale-price {
    display: flex !important;

    align-items: center !important;
    gap: 7px !important;

    color: #fff !important;

    font-size: 18px !important;
    font-weight: 900 !important;

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


/* السعر القديم */
.s-product-card-content del {
    display: inline !important;

    color: #777 !important;

    font-size: 13px !important;
}


/* إخفاء الأشياء غير المطلوبة */
.s-product-card-content-sub {
    display: none !important;
}


/* ==========================================
   إخفاء أضف للسلة
========================================== */

.s-product-card-content .s-button-element,
.s-product-card-entry add-to-cart,
.s-product-card-entry .s-add-product-button {
    display: none !important;
}


/* ==========================================
   دخول للمنتج
========================================== */

.s-product-card-image a::after {

    content: "دخول للمنتج" !important;

    position: absolute !important;

    right: 10px !important;
    left: 10px !important;
    bottom: 10px !important;

    height: 42px !important;

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

    box-sizing: border-box !important;

    background: rgba(0,0,0,.88) !important;

    color: #fff !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 9px !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    backdrop-filter: blur(8px) !important;

    opacity: 0 !important;

    transform: translateY(8px) !important;

    transition: .25s ease !important;

    pointer-events: none !important;
}


/* ظهور دخول للمنتج */
.s-product-card-entry:hover
.s-product-card-image a::after {

    opacity: 1 !important;

    transform: translateY(0) !important;
}


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

@media (max-width: 768px) {

    .s-product-card-image,
    .s-product-card-image a {
        height: auto !important;
        aspect-ratio: auto !important;
    }

    .s-product-card-image img {
        width: 100% !important;
        height: auto !important;
    }

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

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

    /* إظهار دخول للمنتج دائماً بالجوال */
    .s-product-card-image a::after {
        opacity: 1 !important;
        transform: none !important;

        right: 6px !important;
        left: 6px !important;
        bottom: 6px !important;

        height: 34px !important;

        font-size: 11px !important;
    }
}
/* =========================
   BRX - تكبير سعر المنتج
========================= */

.s-product-card-price,
.s-product-card-sale-price {
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;

    color: #ffffff !important;

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

    margin: 6px 0 !important;
}

/* العملة */
.s-product-card-price *,
.s-product-card-sale-price * {
    font-size: inherit !important;
    font-weight: 900 !important;
}

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

    .s-product-card-price,
    .s-product-card-sale-price {
        font-size: 20px !important;
    }
}
/* =========================================
   BRX - خلفية قسم منتجات الصفحة الرئيسية
========================================= */

.home-products,
.home-products-slider,
.products-slider,
.s-products-slider,
section:has(.s-products-slider-card),
section:has(.s-product-card-entry) {
    background: #000000 !important;
}

/* الحاويات الداخلية */
.home-products .container,
.home-products-slider .container,
.products-slider .container,
.s-products-slider .container,
section:has(.s-product-card-entry) > div {
    background-color: #000000 !important;
}

/* خلفية السلايدر */
.s-products-slider-wrapper,
.s-products-slider-card,
.swiper,
.swiper-wrapper {
    background-color: transparent !important;
}

/* المنطقة المحيطة بالمنتجات */
.home section:has(.s-product-card-entry) {
    background-color: #000000 !important;
}

/* أزرار التنقل يمين ويسار */
.s-slider-block__title-nav button,
.swiper-button-next,
.swiper-button-prev {
    background: #151515 !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}
/* ==========================================
   BRX - أزرار تصنيفات المنتجات الرئيسية
========================================== */

/* جميع أزرار التصنيفات */
.products-tabs button,
.products-tabs a,
.tabs button,
.tabs a,
[role="tab"] {
    color: #e8e8e8 !important;
    background: #0a0a0a !important;

    border: 1px solid #3a3a3a !important;
    border-radius: 11px !important;

    font-weight: 800 !important;
    font-size: 14px !important;

    opacity: 1 !important;

    padding: 10px 25px !important;

    transition: all .25s ease !important;
}


/* Hover */
.products-tabs button:hover,
.products-tabs a:hover,
.tabs button:hover,
.tabs a:hover,
[role="tab"]:hover {

    color: #ffffff !important;

    background: #171717 !important;

    border-color: #777 !important;

    box-shadow:
        0 0 12px rgba(255,255,255,.10) !important;

    transform: translateY(-2px) !important;
}


/* التصنيف المحدد */
.products-tabs .active,
.tabs .active,
[role="tab"][aria-selected="true"],
[role="tab"].active {

    color: #000000 !important;

    background: #ffffff !important;

    border-color: #ffffff !important;

    font-weight: 900 !important;

    box-shadow:
        0 0 15px rgba(255,255,255,.15) !important;
}
/* =====================================================
   BRX - وصف + سعر + دخول للمنتج أسفل البطاقة
===================================================== */


/* البطاقة */
.s-product-card-entry {
    display: flex !important;
    flex-direction: column !important;

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

    padding: 0 !important;

    background: #050505 !important;

    border: 1px solid #252525 !important;
    border-radius: 15px !important;

    overflow: hidden !important;
}


/* =====================================================
   الصورة
===================================================== */

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

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

    aspect-ratio: auto !important;

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

    background: #000 !important;
}


/* رابط الصورة */
.s-product-card-image a {
    display: block !important;

    position: relative !important;

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

    aspect-ratio: auto !important;
}


/* الصورة كاملة */
.s-product-card-image img {
    display: block !important;

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

    max-height: none !important;

    object-fit: contain !important;

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

    transform: none !important;
}


/* منع الزوم */
.s-product-card-entry:hover
.s-product-card-image img {
    transform: none !important;
}


/* =====================================================
   إزالة زر دخول للمنتج القديم من فوق الصورة
===================================================== */

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


/* =====================================================
   محتوى المنتج
===================================================== */

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

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

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

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

    box-sizing: border-box !important;

    background: #050505 !important;

    color: #fff !important;
}


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

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

    color: #ffffff !important;

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

    line-height: 1.5 !important;

    margin: 0 0 5px !important;
}


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

.s-product-card-content-sub {
    display: block !important;

    color: #aaaaaa !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.7 !important;

    margin: 0 0 8px !important;

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


/* لو الوصف داخل P */
.s-product-card-content p {
    color: #aaaaaa !important;

    font-size: 13px !important;

    line-height: 1.7 !important;
}


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

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

    align-items: center !important;

    color: #ffffff !important;

    font-size: 25px !important;
    font-weight: 900 !important;

    line-height: 1.4 !important;

    margin: 5px 0 10px !important;

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


/* العملة */
.s-product-card-price *,
.s-product-card-sale-price * {
    font-weight: 900 !important;
}


/* السعر القديم */
.s-product-card-content del {
    display: inline !important;

    color: #777 !important;

    font-size: 14px !important;

    margin-inline-start: 7px !important;
}


/* =====================================================
   تحويل منطقة زر السلة إلى زر دخول للمنتج
===================================================== */

/* نخفي زر السلة الأصلي */
.s-product-card-content .s-button-element,
.s-product-card-entry add-to-cart,
.s-product-card-entry .s-add-product-button {
    display: none !important;
}


/* =====================================================
   زر دخول للمنتج الجديد
===================================================== */

/*
   نستخدم رابط عنوان المنتج ونخليه زر كامل
*/

.s-product-card-content-title {
    order: 1 !important;
}

.s-product-card-content-sub {
    order: 2 !important;
}

.s-product-card-price,
.s-product-card-sale-price {
    order: 3 !important;
}


/* رابط دخول للمنتج */
.s-product-card-content-title a::after {
    content: "دخول للمنتج" !important;

    display: flex !important;

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

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

    box-sizing: border-box !important;

    margin-top: 12px !important;

    background: #111111 !important;

    color: #ffffff !important;

    border: 1px solid #353535 !important;

    border-radius: 9px !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    transition: .25s ease !important;
}


/* Hover دخول للمنتج */
.s-product-card-content-title a:hover::after {
    background: #ffffff !important;

    color: #000000 !important;

    border-color: #ffffff !important;
}


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

@media (max-width: 768px) {

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


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


    .s-product-card-content-sub {
        font-size: 11px !important;

        line-height: 1.6 !important;
    }


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


    .s-product-card-content-title a::after {
        height: 37px !important;

        font-size: 12px !important;

        margin-top: 8px !important;
    }
}
/* ==========================================
   BRX - إخفاء دخول للمنتج وإظهاره عند Hover
========================================== */

/* الزر مخفي افتراضياً */
.s-product-card-content-title a::after {
    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateY(10px) !important;

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

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

    overflow: hidden !important;

    transition:
        opacity .25s ease,
        transform .25s ease,
        height .25s ease,
        max-height .25s ease,
        margin .25s ease !important;
}


/* عند وضع الماوس على البطاقة */
.s-product-card-entry:hover
.s-product-card-content-title a::after {

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

    transform: translateY(0) !important;

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

    margin-top: 10px !important;
    padding: 0 15px !important;
}


/* شكل الزر عند مرور الماوس عليه */
.s-product-card-entry:hover
.s-product-card-content-title a:hover::after {

    background: #ffffff !important;
    color: #000000 !important;

    border-color: #ffffff !important;
}


/* ==========================================
   الجوال
   نخليه ظاهر لأن الجوال ما فيه Hover
========================================== */

@media (max-width: 768px) {

    .s-product-card-content-title a::after {

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

        transform: none !important;

        height: 36px !important;
        max-height: 36px !important;
        min-height: 36px !important;

        margin-top: 7px !important;
        padding: 0 10px !important;
    }
}
/* =========================
   توسيط اسم المنتج
========================= */
.s-product-card-content-title,
.s-product-card-content-title a {
    width: 100% !important;
    display: block !important;

    text-align: center !important;

    color: #ffffff !important;

    font-size: 18px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;
}
/* ==========================================
   BRX - توسيط السعر تحت اسم المنتج
========================================== */

.s-product-card-price,
.s-product-card-sale-price {
    width: 100% !important;

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

    text-align: center !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 900 !important;

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

    direction: rtl !important;
}

/* جميع عناصر السعر الداخلية */
.s-product-card-price *,
.s-product-card-sale-price * {
    text-align: center !important;
    font-weight: 900 !important;
}

/* السعر القديم في حالة الخصم */
.s-product-card-content del {
    color: #777 !important;
    font-size: 14px !important;
    margin: 0 7px !important;
}

/* الجوال */
@media (max-width: 768px) {
    .s-product-card-price,
    .s-product-card-sale-price {
        font-size: 18px !important;
        margin: 5px auto 8px !important;
    }
}