/* Add custom CSS styles below */ 
/* إخفاء النص الأصلي */

.promotion-banner__inner ul li a{

    font-size:0 !important;

}



/* إضافة النص الجديد */

.promotion-banner__inner ul li a::after{

    content:"🚀أستلم متجرك خلال 7 أيام بـ 1499 ريال🚀" !important; 



    font-size:18px !important;

    font-weight:700 !important;

    color:#fff !important;

}

/* الشريط يفضل موجود اثناء السكرول */
/* ==========================================
   Fixed Promotion Banner + Stable Header
========================================== */

:root{
    --promotion-bar-height:38px;
}

/* تثبيت شريط العروض فقط */

.promotion-banner{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;
    height:var(--promotion-bar-height) !important;
    min-height:var(--promotion-bar-height) !important;

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

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

    z-index:10000 !important;
}

/* ضبط محتوى شريط العروض */

.promotion-banner__inner{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
}

/* تثبيت الهيدر أسفل شريط العروض */

.store-header{
    position:sticky !important;
    top:var(--promotion-bar-height) !important;

    width:100% !important;
    margin:0 !important;

    transform:none !important;
    z-index:9999 !important;
}

/* منع الثيم من فصل الجزء الداخلي وقت السكرول */

.store-header .main-nav-container .inner,
.store-header .main-nav-container .inner.fixed,
.store-header .main-nav-container .inner.is-fixed,
.store-header .main-nav-container .inner.sticky,
.store-header .main-nav-container .inner.is-sticky{
    position:relative !important;

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

    width:100% !important;

    transform:none !important;
    margin:0 !important;
}

/* الحفاظ على ارتفاع الهيدر وتوسيط عناصره */

.store-header .main-nav-container{
    height:132px !important;
    min-height:132px !important;
}

.store-header .main-nav-container .inner{
    height:132px !important;
    min-height:132px !important;
}

.store-header .main-nav-container .inner > .container{
    height:100% !important;
}

.store-header .main-nav-container .inner > .container > .flex{
    height:100% !important;
    align-items:center !important;
}

/* منع تغير مكان اللوجو أثناء السكرول */

.store-header .navbar-brand{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;

    transform:none !important;
    margin:0 !important;
}

.store-header .navbar-brand img{
    position:static !important;
    transform:none !important;
}

/* منع أي حركة يضيفها الثيم عند السكرول */

.store-header.scrolled,
.store-header.is-sticky,
.store-header.sticky,
.store-header.fixed{
    top:var(--promotion-bar-height) !important;
    transform:none !important;
}

/* تعويض مكان الشريط المثبت فقط */

body{
    padding-top:var(--promotion-bar-height) !important;
}




body,
main,
section{
    background:#1E2E3B !important;
}




/* =================================
   Header - Dot Media
================================= */

.store-header{
    background:#1E2E3B !important;
    color:#fff !important;
    box-shadow:none !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;

    position:sticky !important;
    top:0 !important;
    z-index:999 !important;
}

/* الشريط العلوي */

.store-header .top-navbar{
    background:#172B38 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    min-height:46px !important;
}

.store-header .top-navbar a{
    color:#fff !important;
    font-size:14px !important;
    transition:.3s ease !important;
}

.store-header .top-navbar a:hover{
    color:#CBEA72 !important;
}

/* جسم الهيدر الرئيسي */

.store-header .main-nav-container,
.store-header .main-nav-container .inner{
    background:#1E2E3B !important;
    box-shadow:none !important;
}

.store-header .container{
    max-width:1350px !important;
}

/* اللوجو */

.store-header .navbar-brand img{
    height:120px !important;
    width:auto !important;
    transition:.35s ease !important;
}

/* الأزرار والأيقونات */

.store-header button,
.store-header .header-btn,
.store-header .header-btn__icon,
.store-header .icon{
    color:#fff !important;
}

.store-header button:hover,
.store-header .header-btn:hover,
.store-header .header-btn:hover .header-btn__icon{
    color:#CBEA72 !important;
}

/* السلة */

.store-header .s-cart-summary-wrapper{
    color:#fff !important;
}

.store-header .s-cart-summary-count{
    background:#187D89 !important;
    color:#fff !important;
}

/* روابط القائمة */

.store-header nav a,
.store-header .nav-item,
.store-header .menu-item{
    color:#fff !important;
    transition:.3s ease !important;
}

.store-header nav a:hover,
.store-header .nav-item:hover,
.store-header .menu-item:hover{
    color:#CBEA72 !important;
}

/* أيقونات الهيدر */

.store-header .sicon-search,
.store-header .sicon-user,
.store-header .sicon-cart,
.store-header .sicon-phone,
.store-header .sicon-mail{
    color:#fff !important;
}

/* عند ثبات الهيدر */

.store-header.scrolled,
.store-header.is-sticky{
    background:rgba(30,46,59,.96) !important;
    backdrop-filter:blur(16px);
}

/* Mobile */

@media(max-width:768px){

    .store-header .top-navbar{
        display:none !important;
    }

    .store-header .navbar-brand img{
        height:80px !important;
    }

    .store-header .main-nav-container{
        min-height:80px !important;
    }
}

/* تحريك اللوجو فقط لأقصى الشمال - Desktop */

@media(min-width:769px){

    .store-header .navbar-brand{
        display:block !important;
        transform:translateX(630px) !important;
    }

}




/* =================================
   Hero Slider - Dot Media
================================= */

.advanced-slider--0 .advanced-slider__slide{
    position:relative !important;
}

/* حاوية الزرين */
.advanced-slider--0 .hero-custom-buttons{
    position:absolute !important;

    top:66% !important;
    right:4.9% !important;
    left:auto !important;
    transform:none !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:18px !important;

    z-index:5 !important;
}

/* شكل الزرين */
.advanced-slider--0 .hero-btn{
    width:180px !important;
    height:68px !important;
    border-radius:14px !important;

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

    font-size:20px !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-decoration:none !important;
}

/* استشارة مجانية */
.advanced-slider--0 .hero-btn-primary{
    background:#187D89 !important;
    color:#fff !important;
    border:2px solid #187D89 !important;
}

/* شاهد الباقات */
.advanced-slider--0 .hero-btn-outline{
    background:transparent !important;
    color:#fff !important;
    border:2px solid rgba(255,255,255,.55) !important;
}

/* Hover */
.advanced-slider--0 .hero-btn-primary:hover{
    background:#156C75 !important;
    border-color:#156C75 !important;
}

.advanced-slider--0 .hero-btn-outline:hover{
    background:rgba(255,255,255,.10) !important;
    border-color:#fff !important;
}

/* Mobile */
@media(max-width:768px){

    .advanced-slider--0 .hero-custom-buttons{
        top:68% !important;
        right:5% !important;
        gap:10px !important;
    }

    .advanced-slider--0 .hero-btn{
        width:135px !important;
        height:50px !important;
        font-size:15px !important;
        border-radius:10px !important;
    }
}

/* إزالة أي مسافة قبل الهيرو */

.advanced-slider--0{
    margin-top:0 !important;
    padding-top:0 !important;
}

.advanced-slider--0 > salla-slider,
.advanced-slider--0 .s-slider-container,
.advanced-slider--0 [slot="items"]{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* إخفاء شريط العروض لو فاضي */

.promotion-banner:empty,
.promotion-banner:not(:has(li)){
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* منع أي مسافة أسفل الهيدر */

.store-header{
    margin-bottom:0 !important;
}

main{
    margin-top:0 !important;
    padding-top:0 !important;
}





/* =================================
   About Section - Dot Media
================================= */

#about-1{
    background:#1E2E3B !important;
    padding:110px 0 !important;
}

#about-1 .container{
    max-width:1350px !important;
}

/* توزيع المحتوى */

#about-1 .flex{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:80px !important;
}

/* النصوص */

#about-1 .md\:w-7\/12{
    width:46% !important;
    max-width:620px !important;
}

/* العنوان الصغير */

#about-1 [data-selia="home-about-subtitle"]{
    color:#187D89 !important;
    font-size:26px !important;
    font-weight:500 !important;
    margin-bottom:12px !important;
    text-align:right !important;
}

/* العنوان الرئيسي */

#about-1 [data-selia="home-about-title"]{
    color:#fff !important;
    font-size:40px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    margin-bottom:24px !important;
    text-align:right !important;
    max-width:600px !important;
}

/* الوصف */

#about-1 [data-selia="home-about-description"]{
    color:rgba(255,255,255,.86) !important;
    font-size:18px !important;
    line-height:2 !important;
    text-align:right !important;
    max-width:590px !important;
    margin:0 !important;
}

/* =================================
   Video Box
================================= */

#about-1 .md\:w-5\/12{
    width:54% !important;

    position:relative !important;
    overflow:hidden !important;

    border-radius:28px !important;
    aspect-ratio:16/9 !important;

    background:#243746 !important;
    box-shadow:0 35px 80px rgba(0,0,0,.28) !important;
}

/* Vimeo */

#about-1 iframe{
    position:absolute !important;
    inset:0 !important;

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

    border:none !important;
    display:block !important;

    transform:scale(1.02) !important;
}

/* لو فيديو عادي */

#about-1 video{
    position:absolute !important;
    inset:0 !important;

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

    object-fit:cover !important;
    display:block !important;
    border:none !important;
}

/* =================================
   Mobile
================================= */

@media(max-width:991px){

    #about-1{
        padding:70px 25px !important;
    }

    #about-1 .container{
        padding:0 !important;
    }

    #about-1 .flex{
        flex-direction:column-reverse !important;
        gap:40px !important;
    }

    #about-1 .md\:w-7\/12,
    #about-1 .md\:w-5\/12{
        width:100% !important;
        max-width:100% !important;
    }

    #about-1 [data-selia="home-about-subtitle"]{
        font-size:22px !important;
        text-align:center !important;
    }

    #about-1 [data-selia="home-about-title"]{
        font-size:38px !important;
        line-height:1.35 !important;
        text-align:center !important;
        max-width:100% !important;
    }

    #about-1 [data-selia="home-about-description"]{
        font-size:16px !important;
        line-height:1.9 !important;
        text-align:center !important;
        max-width:100% !important;
    }

    #about-1 .md\:w-5\/12{
        border-radius:20px !important;
        aspect-ratio:16/9 !important;
    }
}




/* =================================
   Services Section - Dot Media
================================= */

.s-block--square-links.square-links-2{
    position:relative !important;
    background:#1E2E3B !important;
    padding:100px 0 120px !important;
    overflow:hidden !important;
}

/* الحاوية */

.s-block--square-links.square-links-2 > div{
    position:relative !important;
    max-width:1380px !important;
    margin:0 auto !important;
    padding:250px 60px 0 !important;
}

/* العنوان الصغير */

.s-block--square-links.square-links-2::before{
    content:"خدماتنا" !important;

    position:absolute !important;
    top:65px !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;

    color:#187D89 !important;
    font-size:28px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
    text-align:center !important;

    z-index:5 !important;
}

/* العنوان الرئيسي */

.s-block--square-links.square-links-2::after{
    content:"مصممة لتدعم رؤيتك وترافق كل مرحلة من رحلة نجاحك" !important;

    position:absolute !important;
    top:105px !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;
    padding:0 25px !important;

    color:#fff !important;
    font-size:46px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
    text-align:center !important;

    z-index:5 !important;
}

/* وصف السكشن */

.s-block--square-links.square-links-2 > div::before{
    content:"حلول رقمية متكاملة صممناها لتلبي احتياجات مشروعك، وتساعدك على الوصول للأهداف التي تطمح لها،\Aاختر الخدمة اللي تناسب احتياجك اليوم، وخلك مستعد لفرص أكبر ونمو مستمر بكرة." !important;

    white-space:pre-line !important;

    position:absolute !important;
    top:90px !important;
    right:50% !important;
    transform:translateX(50%) !important;

    width:850px !important;
    max-width:90% !important;

    color:rgba(255,255,255,.88) !important;
    font-size:18px !important;
    font-weight:400 !important;
    line-height:1.9 !important;
    text-align:center !important;

    z-index:5 !important;
}

/* الجريد */

.s-block--square-links.square-links-2 ul{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    gap:48px 36px !important;

    width:100% !important;
    max-width:1200px !important;

    margin:0 auto !important;
}

/* كل كارت */

.s-block--square-links.square-links-2 li{
    width:100% !important;
    margin:0 !important;
    text-align:center !important;
    transition:transform .35s ease !important;
}

.s-block--square-links.square-links-2 li:hover{
    transform:translateY(-8px) !important;
}

.s-block--square-links.square-links-2 li a{
    display:block !important;
    width:100% !important;
    text-decoration:none !important;
}

/* بوكس الصورة */

.s-block--square-links.square-links-2 li a > div{
    width:100% !important;
    height:320px !important;

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

    background:#172B38 !important;
    border-radius:22px !important;
    overflow:hidden !important;

    padding:25px !important;

    box-shadow:none !important;
    transition:background .35s ease !important;
}

.s-block--square-links.square-links-2 li:hover a > div{
    background:#1A3040 !important;
}

/* الصورة */

.s-block--square-links.square-links-2 img{
    width:100% !important;
    height:100% !important;

    max-width:290px !important;
    max-height:250px !important;

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

    border-radius:0 !important;

    transition:transform .4s ease !important;
}

.s-block--square-links.square-links-2 li:hover img{
    transform:scale(1.05) !important;
}

/* عنوان الخدمة */

.s-block--square-links.square-links-2 h3{
    color:#fff !important;

    font-size:20px !important;
    font-weight:800 !important;
    line-height:1.5 !important;

    text-align:center !important;

    margin:24px 0 0 !important;
}

/* إخفاء الوصف الفارغ */

.s-block--square-links.square-links-2 p{
    display:none !important;
}

/* =================================
   Tablet
================================= */

@media(max-width:1100px){

    .s-block--square-links.square-links-2 > div{
        padding-inline:35px !important;
    }

    .s-block--square-links.square-links-2 ul{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .s-block--square-links.square-links-2::after{
        font-size:40px !important;
    }
}

/* =================================
   Mobile
================================= */

@media(max-width:768px){

    .s-block--square-links.square-links-2{
        padding:70px 0 85px !important;
    }

    .s-block--square-links.square-links-2 > div{
        padding:250px 18px 0 !important;
    }

    .s-block--square-links.square-links-2::before{
        top:45px !important;
        font-size:22px !important;
    }

    .s-block--square-links.square-links-2::after{
        top:82px !important;

        padding:0 18px !important;

        font-size:32px !important;
        line-height:1.4 !important;
    }

    .s-block--square-links.square-links-2 > div::before{
        top:175px !important;

        width:92% !important;

        font-size:15px !important;
        line-height:1.8 !important;
    }

    .s-block--square-links.square-links-2 ul{
        grid-template-columns:1fr !important;
        gap:38px !important;
    }

    .s-block--square-links.square-links-2 li a > div{
        height:280px !important;
        border-radius:18px !important;
    }

    .s-block--square-links.square-links-2 img{
        max-width:240px !important;
        max-height:220px !important;
    }

    .s-block--square-links.square-links-2 h3{
        font-size:18px !important;
        margin-top:20px !important;
    }
}


/* ==========================================
   Pricing Plans - Dot Media
========================================== */

.pricing-plans{
    background:#1E2E3B !important;
    padding:110px 20px 140px !important;
}

/* ==========================================
   إخفاء العناصر غير المطلوبة
========================================== */

.pricing-plans .enhanced-title-border,
.pricing-plans .s-slider-block__title,
.pricing-plans .s-slider-nav-arrow,
.pricing-plans .product-card__image,
.pricing-plans .product-card__actions,
.pricing-plans .wishlist,
.pricing-plans .quickview-btn,
.pricing-plans .product-card__buttons,
.pricing-plans .product-card__enhanced-mini-cart{
    display:none !important;
}

/* ==========================================
   عنوان السكشن
========================================== */

.pricing-plans [data-selia="home-custom-products-title"]{
    color:#fff !important;
    font-size:48px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
    text-align:center !important;
    margin:0 0 18px !important;
}

.pricing-plans [data-selia="home-custom-products-title"]::before{
    content:"باقاتنا" !important;
    display:block !important;

    color:#187D89 !important;
    font-size:25px !important;
    font-weight:600 !important;

    margin-bottom:8px !important;
}

.pricing-plans [data-selia="home-custom-products-subtitle"]{
    max-width:850px !important;
    margin:0 auto 70px !important;

    color:rgba(255,255,255,.80) !important;
    font-size:18px !important;
    line-height:1.9 !important;
    text-align:center !important;
}

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

.pricing-plans .swiper,
.pricing-plans .s-slider-container{
    overflow:visible !important;
}

.pricing-plans .swiper-wrapper{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,380px)) !important;

    gap:32px !important;

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

    transform:none !important;
}

.pricing-plans .swiper-slide{
    width:100% !important;
    max-width:380px !important;
    height:auto !important;

    margin:0 !important;
}

.pricing-plans .swiper-slide:nth-child(n+4){
    display:none !important;
}

/* ==========================================
   الكارت
========================================== */

.pricing-plans custom-salla-product-card.product-card{
    width:100% !important;
    max-width:380px !important;
    min-height:680px !important;

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

    padding:42px 36px 34px !important;

    background:#2B3744 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:22px !important;

    box-shadow:0 22px 55px rgba(0,0,0,.18) !important;

    overflow:hidden !important;
    text-align:center !important;

    transition:
        transform .35s ease,
        border-color .35s ease !important;
}

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

.pricing-plans custom-salla-product-card.product-card .product-card__content,
.pricing-plans custom-salla-product-card.product-card .product-card__content-wrapper{
    width:100% !important;

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

    background:transparent !important;
}

/* ==========================================
   الباقة الاحترافية - الكارت المميز
========================================== */

.pricing-plans #product-832299308{
    background:#304452 !important;
    border:2px solid #187D89 !important;

    transform:translateY(-14px) !important;

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

.pricing-plans #product-832299308::before{
    content:"الأكثر طلبًا" !important;

    display:block !important;
    width:max-content !important;

    margin:0 auto 22px !important;
    padding:7px 20px !important;

    background:#187D89 !important;
    color:#fff !important;

    border-radius:50px !important;

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

/* Hover */

.pricing-plans custom-salla-product-card.product-card:hover{
    transform:translateY(-8px) !important;
    border-color:rgba(203,234,114,.45) !important;
}

.pricing-plans #product-832299308:hover{
    transform:translateY(-20px) !important;
}

/* ==========================================
   اسم الباقة
========================================== */

.pricing-plans .product-card__title{
    margin:0 0 20px !important;
}

.pricing-plans .product-card__title a{
    color:#fff !important;
    font-size:28px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
}

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

.pricing-plans .product-card__price{
    justify-content:center !important;

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

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

.pricing-plans .total-price,
.pricing-plans .total-price i{
    color:#CBEA72 !important;
    font-size:46px !important;
    font-weight:900 !important;
}

/* ==========================================
   مميزات الباقات
========================================== */

.pricing-plans .product-card__content-wrapper::after{
    display:block !important;
    flex:1 !important;

    margin:0 0 32px !important;

    white-space:pre-line !important;

    direction:rtl !important;
    text-align:right !important;

    color:rgba(255,255,255,.88) !important;
    font-size:16px !important;
    line-height:2.25 !important;
}

/* الباقة الأساسية */

.pricing-plans #product-1423301339 .product-card__content-wrapper::after{
    content:
    "✓  تصميم متجر إلكتروني احترافي.\A"
    "✓  ربط وسائل الدفع والشحن.\A"
    "✓  تجهيز الصفحات الأساسية.\A"
    "✓  تصميم متوافق مع جميع الأجهزة.\A"
    "✓  تحسين سرعة وأداء المتجر.\A"
    "✓  دعم فني لمدة 7 أيام." !important;
}

/* الباقة الاحترافية */

.pricing-plans #product-832299308 .product-card__content-wrapper::after{
    content:
    "✓  كل ما في الباقة الأساسية.\A"
    "✓  تصميم واجهات مخصصة.\A"
    "✓  تحسين تجربة المستخدم UX.\A"
    "✓  إعداد المنتجات والأقسام.\A"
    "✓  ربط أدوات التسويق والتحليلات.\A"
    "✓  تحسين محركات البحث SEO.\A"
    "✓  دعم فني لمدة 30 يومًا." !important;
}

/* الباقة المتقدمة */

.pricing-plans #product-1080879412 .product-card__content-wrapper::after{
    content:
    "✓  كل ما في الباقة الاحترافية.\A"
    "✓  تصميم وتطوير مخصص بالكامل.\A"
    "✓  برمجة مزايا حسب احتياج المشروع.\A"
    "✓  تكامل مع الأنظمة الخارجية.\A"
    "✓  تحسينات متقدمة للأداء والأمان.\A"
    "✓  استشارات تقنية قبل الإطلاق.\A"
    "✓  دعم فني لمدة 90 يومًا." !important;
}

/* ==========================================
   زر إضافة للسلة
========================================== */

.pricing-plans .product-card__normal-cart{
    display:block !important;
    margin-top:auto !important;
}

.pricing-plans .product-card__normal-cart .s-button-element{
    width:100% !important;
    height:58px !important;

    margin:0 auto !important;

    background:#187D89 !important;
    border:1px solid #187D89 !important;
    border-radius:14px !important;

    color:#fff !important;
    font-size:17px !important;
    font-weight:800 !important;

    transition:.3s ease !important;
}

.pricing-plans .product-card__normal-cart .s-button-element:hover{
    background:#CBEA72 !important;
    border-color:#CBEA72 !important;
    color:#1E2E3B !important;
}

.pricing-plans .s-button-text,
.pricing-plans .s-button-text i{
    color:inherit !important;
    font-weight:800 !important;
}

/* زر الباقة الاحترافية */

.pricing-plans #product-832299308
.product-card__normal-cart
.s-button-element{
    background:#CBEA72 !important;
    border-color:#CBEA72 !important;
    color:#1E2E3B !important;
}

.pricing-plans #product-832299308
.product-card__normal-cart
.s-button-element:hover{
    background:#fff !important;
    border-color:#fff !important;
}

/* ==========================================
   Tablet
========================================== */

@media(max-width:1200px){

    .pricing-plans .swiper-wrapper{
        grid-template-columns:repeat(2,minmax(0,380px)) !important;
    }

    .pricing-plans #product-832299308{
        transform:none !important;
    }

    .pricing-plans #product-832299308:hover{
        transform:translateY(-8px) !important;
    }
}

/* ==========================================
   Pricing Cards Hover + Button Colors
========================================== */

/* Hover للكروت الجانبية */

.pricing-plans custom-salla-product-card.product-card{
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        background-color .35s ease !important;
}

.pricing-plans custom-salla-product-card.product-card:hover{
    transform:translateY(-10px) !important;
    border-color:rgba(24,125,137,.55) !important;
    box-shadow:0 32px 75px rgba(0,0,0,.30) !important;
    background:#30414F !important;
}

/* Hover الباقة الاحترافية */

.pricing-plans #product-832299308:hover{
    transform:translateY(-20px) !important;
    border-color:#24A4B2 !important;
    box-shadow:
        0 34px 80px rgba(0,0,0,.34),
        0 0 0 1px rgba(24,125,137,.20) !important;
    background:#324A59 !important;
}

/* ==========================================
   أزرار الباقات الجانبية
========================================== */

.pricing-plans #product-1423301339
.product-card__normal-cart
.s-button-element,

.pricing-plans #product-1080879412
.product-card__normal-cart
.s-button-element{
    background:#F7F7F7 !important;
    border-color:#F7F7F7 !important;
    color:#1E2E3B !important;

    border-radius:50px !important;

    box-shadow:none !important;
}

/* الأيقونة والنص داخل الأزرار الجانبية */

.pricing-plans #product-1423301339
.product-card__normal-cart
.s-button-element *,

.pricing-plans #product-1080879412
.product-card__normal-cart
.s-button-element *{
    color:#1E2E3B !important;
    fill:#1E2E3B !important;
}

/* Hover الأزرار الجانبية */

.pricing-plans #product-1423301339
.product-card__normal-cart
.s-button-element:hover,

.pricing-plans #product-1080879412
.product-card__normal-cart
.s-button-element:hover{
    background:#FFFFFF !important;
    border-color:#FFFFFF !important;
    color:#187D89 !important;

    transform:translateY(-3px) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
}

.pricing-plans #product-1423301339
.product-card__normal-cart
.s-button-element:hover *,

.pricing-plans #product-1080879412
.product-card__normal-cart
.s-button-element:hover *{
    color:#187D89 !important;
    fill:#187D89 !important;
}

/* ==========================================
   زر الباقة الاحترافية
========================================== */

.pricing-plans #product-832299308
.product-card__normal-cart
.s-button-element{
    background:linear-gradient(
        90deg,
        #243746 0%,
        #187D89 100%
    ) !important;

    border-color:#187D89 !important;
    color:#fff !important;

    border-radius:50px !important;

    box-shadow:none !important;
}

/* النص والأيقونة */

.pricing-plans #product-832299308
.product-card__normal-cart
.s-button-element *{
    color:#fff !important;
    fill:#fff !important;
}

/* Hover زر الاحترافية */

.pricing-plans #product-832299308
.product-card__normal-cart
.s-button-element:hover{
    background:linear-gradient(
        90deg,
        #187D89 0%,
        #24A4B2 100%
    ) !important;

    border-color:#24A4B2 !important;
    color:#fff !important;

    transform:translateY(-3px) !important;
    box-shadow:0 14px 32px rgba(24,125,137,.28) !important;
}

/* حركة الزر */

.pricing-plans .product-card__normal-cart .s-button-element{
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        border-color .3s ease !important;
}


/* ==========================================
   اسم الباقة
========================================== */

.pricing-plans .product-card__title{
    margin:0 0 20px !important;
}

.pricing-plans .product-card__title a{
    color:#fff !important;
    font-size:28px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
}

/* ==========================================
   Mobile
========================================== */

@media(max-width:900px){

    .pricing-plans{
        padding:75px 18px 90px !important;
    }

    .pricing-plans .swiper-wrapper{
        grid-template-columns:1fr !important;
        gap:28px !important;
    }

    .pricing-plans .swiper-slide{
        width:100% !important;
        max-width:100% !important;
    }

    .pricing-plans custom-salla-product-card.product-card{
        max-width:100% !important;
        min-height:auto !important;

        padding:36px 25px 28px !important;
    }

    .pricing-plans [data-selia="home-custom-products-title"]{
        font-size:34px !important;
    }

    .pricing-plans [data-selia="home-custom-products-subtitle"]{
        margin-bottom:45px !important;

        font-size:16px !important;
    }

    .pricing-plans .product-card__title a{
        font-size:25px !important;
    }

    .pricing-plans .total-price,
    .pricing-plans .total-price i{
        font-size:40px !important;
    }

    .pricing-plans .product-card__content-wrapper::after{
        font-size:15px !important;
    }
}










/* =================================
   Our Projects Section - Heading Only
================================= */

.s-block--images-grid{
    position:relative !important;
    background:#1E2E3B !important;
    padding-top:100px !important;
}

/* حاوية السكشن */

.s-block--images-grid > .container{
    position:relative !important;
    padding-top:270px !important;
}

/* العنوان الصغير */

.s-block--images-grid::before{
    content:"أعمالنا" !important;

    position:absolute !important;
    top:65px !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;

    color:#187D89 !important;
    font-size:28px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
    text-align:center !important;

    z-index:5 !important;
}

/* العنوان الرئيسي */

.s-block--images-grid::after{
    content:"بدأت بفكرة وتحولت لمشاريع ناجحة" !important;

    position:absolute !important;
    top:110px !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;
    padding:0 20px !important;

    color:#fff !important;
    font-size:52px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
    text-align:center !important;

    z-index:5 !important;
}

/* الوصف */

.s-block--images-grid > .container::before{
    content:"وهذه مجموعة من أعمالنا التي نفخر بها مع عملائنا؛ مشاريع بنيناها من احتياج حقيقي، وطوّرناها إلى تجارب رقمية تخدم أهدافهم وتقرّبهم من عملائهم." !important;

    position:absolute !important;
    top:100px !important;
    right:50% !important;
    transform:translateX(50%) !important;

    width:780px !important;
    max-width:90% !important;

    color:rgba(255,255,255,.86) !important;
    font-size:18px !important;
    font-weight:400 !important;
    line-height:1.9 !important;
    text-align:center !important;

    z-index:5 !important;
}
/* Tablet */

@media(max-width:1100px){

    .s-block--images-grid::after{
        font-size:42px !important;
    }
}

/* Mobile */

@media(max-width:768px){

    .s-block--images-grid{
        padding-top:70px !important;
    }

    .s-block--images-grid > .container{
        padding-top:250px !important;
    }

    .s-block--images-grid::before{
        top:45px !important;
        font-size:22px !important;
    }

    .s-block--images-grid::after{
        top:85px !important;
        padding:0 18px !important;
        font-size:32px !important;
        line-height:1.4 !important;
    }

    .s-block--images-grid > .container::before{
        top:165px !important;
        width:92% !important;
        font-size:15px !important;
        line-height:1.8 !important;
    }
}








/* ==========================================
   Brands Trust Section - Dot Media
========================================== */

.brands-trust-section{
    position:relative !important;

    background:#253745 !important;
    padding:110px 0 125px !important;

    overflow:hidden !important;
}

/* الحاوية */

.brands-trust-section > .mx-auto{
    position:relative !important;

    max-width:1350px !important;
    margin:0 auto !important;

    padding-top:245px !important;
}

/* ==========================================
   المحتوى العلوي
========================================== */

/* العنوان الصغير */

.brands-trust-section > .mx-auto::before{
    content:"عملاؤنا" !important;

    position:absolute !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;

    color:#187D89 !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1.3 !important;
    text-align:center !important;

    z-index:5 !important;
}

/* العنوان الرئيسي */

.brands-trust-section > .mx-auto::after{
    content:"اختارونا وصنعنا معهم نتائج نفتخر بها" !important;

    position:absolute !important;
    top:48px !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;
    padding:0 20px !important;

    color:#fff !important;
    font-size:52px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
    text-align:center !important;

    z-index:5 !important;
}

/* الوصف */

.brands-trust-section .s-block--animated-brands--wrapper::before{
    content:
    "شركاء اختاروا دوت ميديا لتطوير متاجرهم وأنظمتهم، فحوّلنا احتياجاتهم إلى حلول رقمية تخدم أعمالهم،\A"
    "وتدعم طموحهم وتساعدهم على الوصول لنتائج مستمرة." !important;

    display:block !important;
    white-space:pre-line !important;

    width:820px !important;
    max-width:92% !important;

    margin:-115px auto 70px !important;

    color:rgba(255,255,255,.88) !important;
    font-size:19px !important;
    font-weight:400 !important;
    line-height:1.9 !important;
    text-align:center !important;
}

/* ==========================================
   شريط الشعارات
========================================== */

.brands-trust-section .s-block--animated-brands--marquee{
    overflow:hidden !important;

    -webkit-mask-image:none !important;
    mask-image:none !important;
}

.brands-trust-section .marquee__group{
    gap:24px !important;
}

/* ==========================================
   بوكس الشعار
========================================== */

.brands-trust-section .s-block--animated-brands--brand{
    width:145px !important;
    height:125px !important;

    flex:0 0 145px !important;

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

    padding:22px !important;

    background:#172B38 !important;
    border:1px solid rgba(255,255,255,.05) !important;
    border-radius:12px !important;

    box-shadow:none !important;
    filter:none !important;

    transition:
        transform .35s ease,
        background-color .35s ease,
        border-color .35s ease !important;
}

.brands-trust-section .s-block--animated-brands--brand:hover{
    transform:translateY(-6px) !important;

    background:#1D3442 !important;
    border-color:rgba(24,125,137,.55) !important;
}

/* رابط الشعار */

.brands-trust-section .s-block--animated-brands--brand a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

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

/* الشعار */

.brands-trust-section .s-block--animated-brands--brand img{
    width:auto !important;
    height:auto !important;

    max-width:110px !important;
    max-height:100px !important;

    object-fit:contain !important;

    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;

    transition:transform .35s ease !important;
}

.brands-trust-section .s-block--animated-brands--brand:hover img{
    transform:scale(1.06) !important;
}

/* ==========================================
   Mobile
========================================== */

@media(max-width:768px){

    .brands-trust-section{
        padding:75px 0 90px !important;
    }

    .brands-trust-section > .mx-auto{
        padding-top:225px !important;
    }

    .brands-trust-section > .mx-auto::before{
        font-size:22px !important;
    }

    .brands-trust-section > .mx-auto::after{
        top:40px !important;

        padding:0 18px !important;

        font-size:34px !important;
        line-height:1.35 !important;
    }

    .brands-trust-section .s-block--animated-brands--wrapper::before{
        content:
        "شركاء اختاروا دوت ميديا لتطوير أعمالهم،\A"
        "فحوّلنا احتياجاتهم إلى حلول رقمية تدعم طموحهم." !important;

        max-width:92% !important;

        margin:-100px auto 45px !important;

        font-size:15px !important;
        line-height:1.8 !important;
    }

    .brands-trust-section .marquee__group{
        gap:16px !important;
    }

    .brands-trust-section .s-block--animated-brands--brand{
        width:115px !important;
        height:100px !important;

        flex:0 0 115px !important;

        padding:18px !important;
        border-radius:10px !important;
    }

    .brands-trust-section .s-block--animated-brands--brand img{
        max-width:62px !important;
        max-height:52px !important;
    }
}

















/* ==========================================
   Reviews Section - Dot Media
========================================== */

.s-block--custom-reviews{
    position:relative !important;
    background:#1E2E3B !important;
    padding:95px 0 110px !important;
    overflow:hidden !important;
}

/* ==========================================
   Section Heading
========================================== */

.s-block--custom-reviews .home-block-title{
    margin-bottom:65px !important;
    padding:0 20px !important;
}

.s-block--custom-reviews .home-block-title > div{
    max-width:1100px !important;
    margin:0 auto !important;
}

/* إخفاء العنوان الأصلي مع إبقاء العنصر */

.s-block--custom-reviews [data-selia="home-reviews-title"]{
    margin:0 !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:1 !important;
    text-align:center !important;
}

/* العنوان الصغير */

.s-block--custom-reviews [data-selia="home-reviews-title"]::before{
    content:"آراء عملاؤنا" !important;
    display:block !important;

    color:#187D89 !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1.3 !important;

    margin-bottom:12px !important;
}

/* العنوان الرئيسي */

.s-block--custom-reviews [data-selia="home-reviews-title"]::after{
    content:"النتائج يتكلم عنها أصحابها" !important;
    display:block !important;

    color:#fff !important;
    font-size:58px !important;
    font-weight:900 !important;
    line-height:1.25 !important;

    margin-bottom:26px !important;
}

/* إخفاء الوصف الأصلي */

.s-block--custom-reviews [data-selia="home-reviews-subtitle"]{
    position:relative !important;

    width:100% !important;
    max-width:1050px !important;

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

    color:transparent !important;
    font-size:0 !important;
    line-height:1 !important;
    text-align:center !important;
}

/* الفقرة الجديدة */

.s-block--custom-reviews [data-selia="home-reviews-subtitle"]::before{
    content:
    "ما نحتاج نوصف أثر شغلنا؛ شركاؤنا يروون التجربة بأنفسهم بعد ما شافوا الفرق في متاجرهم،\A"
    "وأنظمتهم وكلماتهم هي الدليل الأقرب على قيمة الحلول اللي بنيناها معهم." !important;

    display:block !important;
    white-space:pre-line !important;

    width:100% !important;
    max-width:1050px !important;
    margin:0 auto !important;

    color:rgba(255,255,255,.92) !important;
    font-size:20px !important;
    font-weight:400 !important;
    line-height:1.9 !important;
    text-align:center !important;
}

/* إزالة الخط الموجود تحت العنوان */

.s-block--custom-reviews .enhanced-title-border{
    display:none !important;
}

/* ==========================================
   Slider
========================================== */

.s-block--custom-reviews .swiper{
    overflow:visible !important;
}

.s-block--custom-reviews .swiper-wrapper{
    align-items:stretch !important;
}

.s-block--custom-reviews .review{
    height:auto !important;
}

/* ==========================================
   Review Card
========================================== */

.s-block--custom-reviews .review > div{
    position:relative !important;
    isolation:isolate !important;

    min-height:260px !important;
    padding:34px 38px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    overflow:hidden !important;
    border-radius:28px !important;

    background:#233646 !important;
    border:1px solid rgba(255,255,255,.06) !important;
    box-shadow:0 25px 60px rgba(0,0,0,.18) !important;

    transition:transform .35s ease !important;
}

.s-block--custom-reviews .review > div:hover{
    transform:translateY(-6px) !important;
}

/* صف بيانات العميل */

.s-block--custom-reviews .review .flex.items-center{
    position:static !important;
    justify-content:center !important;

    margin-top:26px !important;
    margin-right:0 !important;
    margin-left:0 !important;
}

/* صورة العميل كخلفية للكارت */

.s-block--custom-reviews .review .flex.items-center > img{
    position:absolute !important;

    top:-2px !important;
    right:-2px !important;
    bottom:-2px !important;
    left:-2px !important;

    width:calc(100% + 4px) !important;
    height:calc(100% + 4px) !important;

    min-width:calc(100% + 4px) !important;
    min-height:calc(100% + 4px) !important;

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

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

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

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

    filter:brightness(.72) !important;

    z-index:0 !important;
    pointer-events:none !important;
}

/* الطبقة الداكنة فوق الصورة */

.s-block--custom-reviews .review > div::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    background:linear-gradient(
        rgba(30,46,59,.35),
        rgba(30,46,59,.50)
    ) !important;

    z-index:1 !important;
    pointer-events:none !important;
}
/* رفع نص الرأي فوق الخلفية */

.s-block--custom-reviews .review > div > .relative{
    position:relative !important;
    z-index:2 !important;
}

/* نص الرأي */

.s-block--custom-reviews .review p{
    max-width:90% !important;
    margin:0 auto !important;

    color:#fff !important;
    font-size:17px !important;
    font-weight:400 !important;
    line-height:1.9 !important;
    text-align:center !important;
}

/* بيانات العميل والنجوم */

.s-block--custom-reviews .review .flex.items-center > div{
    position:relative !important;
    z-index:2 !important;
}

.s-block--custom-reviews .review h4{
    margin:0 0 8px !important;

    color:#fff !important;
    font-size:20px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
    text-align:center !important;
}

.s-block--custom-reviews .comment__rating{
    text-align:center !important;
}

.s-block--custom-reviews .comment__rating i{
    color:#CBEA72 !important;
}

/* ==========================================
   إخفاء علامات الاقتباس
========================================== */

.s-block--custom-reviews .review .sicon-quote{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

/* ==========================================
   Mobile
========================================== */

@media(max-width:768px){

    .s-block--custom-reviews{
        padding:70px 0 85px !important;
    }

    .s-block--custom-reviews .home-block-title{
        margin-bottom:45px !important;
        padding:0 18px !important;
    }

    .s-block--custom-reviews [data-selia="home-reviews-title"]::before{
        font-size:22px !important;
        margin-bottom:10px !important;
    }

    .s-block--custom-reviews [data-selia="home-reviews-title"]::after{
        font-size:36px !important;
        line-height:1.35 !important;
        margin-bottom:20px !important;
    }

    .s-block--custom-reviews [data-selia="home-reviews-subtitle"]::before{
        content:
        "ما نحتاج نوصف أثر شغلنا؛ شركاؤنا يروون التجربة بأنفسهم بعد ما شافوا الفرق،\A"
        "وكلماتهم هي الدليل الأقرب على قيمة الحلول اللي بنيناها معهم." !important;

        font-size:15px !important;
        line-height:1.8 !important;
    }

    .s-block--custom-reviews .review > div{
        min-height:230px !important;
        padding:28px 22px !important;
        border-radius:22px !important;
    }

    .s-block--custom-reviews .review p{
        max-width:100% !important;
        font-size:15px !important;
        line-height:1.8 !important;
    }

    .s-block--custom-reviews .review h4{
        font-size:18px !important;
    }
}


/* ==========================================
   Footer Dark Design - Dot Media
========================================== */

.store-footer{
    background:#1E2E3B !important;
    color:#fff !important;
    margin-top:0 !important;
    padding-top:0 !important;
}

/* إزالة الكيرف */

.store-footer__curve{
    display:none !important;
}

/* الجزء الرئيسي */

.store-footer__inner{
    background:#1E2B37 !important;
    padding:80px 0 35px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    border-bottom:0 !important;
    box-shadow:none !important;
}

.store-footer .container{
    max-width:1200px !important;
}

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

.store-footer [data-selia="footer-brand-column"]{
    margin:0 auto !important;
    text-align:center !important;
}

.store-footer [data-selia="footer-logo-link"] img{
    height:150px !important;
    width:auto !important;
    object-fit:contain !important;
    margin-bottom:20px !important;
}

.store-footer .footer-description,
.store-footer .footer-description p{
    max-width:720px !important;
    margin:0 auto !important;

    color:rgba(255,255,255,.85) !important;
    font-size:17px !important;
    line-height:2 !important;
    text-align:center !important;
}

.store-footer .footer-description strong{
    color:#187D89 !important;
    font-size:22px !important;
}

/* ==========================================
   السجل التجاري
========================================== */

.store-footer .footer-badges{
    margin-top:28px !important;
}

.store-footer salla-trust-badges{
    padding:12px 18px !important;

    background:#243746 !important;
    color:#fff !important;

    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:16px !important;
}

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

.store-footer__contacts-row{
    background:#1E2B37 !important;
    padding:20px 0 45px !important;

    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
}

.store-footer .enhanced-contact-item{
    padding:14px 22px !important;

    background:#243746 !important;
    color:#fff !important;

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

    transition:.3s ease !important;
}

.store-footer .enhanced-contact-item:hover{
    background:#187D89 !important;
    color:#fff !important;
    transform:translateY(-3px) !important;
}

/* ==========================================
   الجزء السفلي
========================================== */

.footer-bottom{
    background:#172B38 !important;

    border-top:1px solid rgba(255,255,255,.12) !important;
    border-bottom:0 !important;

    box-shadow:none !important;
}

.footer-bottom .container{
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
}

.footer-bottom,
.footer-bottom p,
.footer-bottom a{
    color:rgba(255,255,255,.75) !important;
}

.footer-bottom a{
    color:#CBEA72 !important;
}

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

.store-footer .s-payments-list{
    justify-content:center !important;
}

.store-footer .s-payments-list-item{
    padding:4px !important;

    background:#fff !important;
    border-radius:8px !important;
}

/* ==========================================
   إلغاء أي حدود غريبة
========================================== */

.store-footer *{
    border-style:solid !important;
    border-image:none !important;
}

/* ==========================================
   إزالة المساحة قبل الفوتر
========================================== */

main,
#main,
.main-content,
.app-inner,
.s-block:last-of-type{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

main > section:last-of-type{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.store-footer::before,
.store-footer::after{
    display:none !important;
    content:none !important;
}

body,
main{
    background:#1E2E3B !important;
}

/* ==========================================
   Mobile
========================================== */

@media(max-width:768px){

    .store-footer__inner{
        padding:60px 18px 30px !important;
    }

    .store-footer [data-selia="footer-logo-link"] img{
        height:90px !important;
    }

    .store-footer .footer-description,
    .store-footer .footer-description p{
        font-size:15px !important;
        line-height:1.9 !important;
    }

    .store-footer .footer-description strong{
        font-size:19px !important;
    }

    .store-footer__contacts-row{
        padding:15px 18px 35px !important;
    }

    .store-footer .enhanced-contact-item{
        padding:12px 18px !important;
    }
}




/* ==========================================
   Hide Unwanted Footer Sections
========================================== */

/* إخفاء روابط مهمة */

.store-footer [data-selia="footer-links-column"]{
    display:none !important;
}

/* إخفاء قسم التواصل بالكامل */

.store-footer__contacts-row{
    display:none !important;
}






/* ==========================================
   Dot Media Social Media
========================================== */

.store-footer .dotmedia-social{
    width:100% !important;

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

    gap:16px !important;

    padding:25px 18px 35px !important;
    margin:0 auto !important;

    background:#1E2B37 !important;
}

.store-footer .dotmedia-social a{
    width:50px !important;
    height:50px !important;

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

    background:#243746 !important;
    color:#CBEA72 !important;

    border:1px solid #187D89 !important;
    border-radius:50% !important;

    text-decoration:none !important;

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

.store-footer .dotmedia-social a:hover{
    background:#187D89 !important;
    color:#fff !important;

    transform:translateY(-4px) !important;

    box-shadow:
        0 12px 28px rgba(24,125,137,.30) !important;
}

.store-footer .dotmedia-social a i{
    color:inherit !important;
    font-size:21px !important;
}

.store-footer .dotmedia-social a svg{
    width:21px !important;
    height:21px !important;

    fill:currentColor !important;
}

/* Mobile */

@media(max-width:768px){

    .store-footer .dotmedia-social{
        gap:11px !important;
        padding:20px 15px 30px !important;
    }

    .store-footer .dotmedia-social a{
        width:45px !important;
        height:45px !important;
    }

    .store-footer .dotmedia-social a i{
        font-size:19px !important;
    }

    .store-footer .dotmedia-social a svg{
        width:19px !important;
        height:19px !important;
    }
}



/* ==========================================
   Product Breadcrumbs - Dot Media
========================================== */

/* النص */

salla-breadcrumb .s-breadcrumb-item,
salla-breadcrumb .s-breadcrumb-item a{
    color:#BFC8D1 !important;
    transition:all .3s ease !important;
}

/* Hover */

salla-breadcrumb .s-breadcrumb-item a:hover{
    color:#CBEA72 !important;
    transform:translateY(-1px);
}

/* العنصر الحالي */

salla-breadcrumb .s-breadcrumb-item:last-child{
    color:#fff !important;
    font-weight:700 !important;
}

/* السهم */

salla-breadcrumb .s-breadcrumb-arrow svg path{
    fill:#187D89 !important;
    transition:all .3s ease !important;
}

/* عند الـ Hover على الـ Breadcrumb كله */

salla-breadcrumb:hover .s-breadcrumb-arrow svg path{
    fill:#CBEA72 !important;
}






/* ==========================================
   Share + Wishlist Buttons
========================================== */

/* زر المشاركة */
salla-social-share .s-social-share-btn.s-button-element{
    width:48px !important;
    height:48px !important;

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

    padding:0 !important;

    background:#1E2E3B !important;
    background-color:#1E2E3B !important;

    border:1px solid #5C8F9A !important;
    border-radius:12px !important;

    color:#fff !important;
    box-shadow:none !important;

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

/* أيقونة المشاركة */
salla-social-share .s-social-share-btn.s-button-element svg{
    width:22px !important;
    height:22px !important;
}

salla-social-share .s-social-share-btn.s-button-element svg path{
    fill:#fff !important;
}

/* Hover زر المشاركة */
salla-social-share .s-social-share-btn.s-button-element:hover{
    background:#187D89 !important;
    background-color:#187D89 !important;
    border-color:#187D89 !important;

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

/* زر القلب */
salla-button.btn--wishlist > .s-button-element{
    width:48px !important;
    height:48px !important;

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

    padding:0 !important;

    background:#1E2E3B !important;
    background-color:#1E2E3B !important;

    border:1px solid #5C8F9A !important;
    border-radius:12px !important;

    color:#fff !important;
    box-shadow:none !important;

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

/* أيقونة القلب */
salla-button.btn--wishlist > .s-button-element .sicon-heart{
    color:#fff !important;
    font-size:21px !important;
}

/* Hover زر القلب */
salla-button.btn--wishlist > .s-button-element:hover{
    background:#187D89 !important;
    background-color:#187D89 !important;
    border-color:#187D89 !important;

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

/* القلب بعد الإضافة للمفضلة */
salla-button.btn--wishlist.added > .s-button-element,
salla-button.btn--wishlist.favorited > .s-button-element{
    background:#187D89 !important;
    border-color:#187D89 !important;
}

salla-button.btn--wishlist.added > .s-button-element .sicon-heart,
salla-button.btn--wishlist.favorited > .s-button-element .sicon-heart{
    color:#fff !important;
}

/* ==========================================
   قائمة المشاركة
========================================== */

salla-social-share .s-social-share-list{
    padding:10px !important;

    background:#1E2E3B !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:14px !important;

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

salla-social-share .s-social-share-list li a{
    width:40px !important;
    height:40px !important;

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

    background:#243746 !important;
    border-radius:10px !important;

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

salla-social-share .s-social-share-list li a:hover{
    background:#187D89 !important;
    transform:translateY(-2px) !important;
}

salla-social-share .s-social-share-list svg{
    width:18px !important;
    height:18px !important;
}

salla-social-share .s-social-share-list svg path{
    fill:#fff !important;
}





/* ==========================================
   Product Form - Dot Media
========================================== */

#product-form{
    width:100% !important;
}

/* ==========================================
   صندوق السعر
========================================== */

#product-form .product-price{
    padding:20px 24px !important;

    background:#243746 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:16px 16px 0 0 !important;

    color:#fff !important;
    box-shadow:none !important;
}

#product-form .product-price label,
#product-form .product-price label b{
    color:#fff !important;
    font-size:17px !important;
    font-weight:700 !important;
}

/* السعر */

#product-form .product-price .total-price,
#product-form .product-price .total-price i{
    color:#CBEA72 !important;
    font-size:28px !important;
    font-weight:900 !important;
}

/* السعر القديم عند وجود خصم */

#product-form .product-price .before-price,
#product-form .product-price .before-price i{
    color:rgba(255,255,255,.48) !important;
}

/* ==========================================
   صندوق الكمية والزر
========================================== */

#product-form .sticky-product-bar{
    padding:22px 24px 24px !important;

    background:#243746 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-top:0 !important;
    border-radius:0 0 16px 16px !important;

    box-shadow:none !important;
}

/* عنوان الكمية */

#product-form .sticky-product-bar__quantity .form-label{
    color:#fff !important;
    font-size:16px !important;
    font-weight:700 !important;
}

/* ==========================================
   عداد الكمية
========================================== */

#product-form salla-quantity-input{
    border:0 !important;
}

#product-form .s-quantity-input-container{
    height:48px !important;

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

    overflow:hidden !important;

    background:#1E2E3B !important;
    border:1px solid #5C8F9A !important;
    border-radius:12px !important;
}

/* أزرار الزيادة والنقصان */

#product-form .s-quantity-input-button{
    width:46px !important;
    height:46px !important;

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

    background:transparent !important;
    color:#fff !important;

    border:0 !important;
    box-shadow:none !important;

    transition:.3s ease !important;
}

#product-form .s-quantity-input-button:hover{
    background:#187D89 !important;
}

#product-form .s-quantity-input-button svg{
    width:17px !important;
    height:17px !important;
}

#product-form .s-quantity-input-button svg path{
    fill:#fff !important;
}

/* خانة الرقم */

#product-form .s-quantity-input-input{
    width:55px !important;
    height:46px !important;

    background:transparent !important;
    color:#fff !important;

    border:0 !important;
    box-shadow:none !important;

    font-size:17px !important;
    font-weight:800 !important;
    text-align:center !important;
}

/* ==========================================
   حاوية زري الشراء
========================================== */

#product-form .s-add-product-button-main{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:24px !important;
    align-items:stretch !important;
}

/* ==========================================
   زر إضافة للسلة
========================================== */

#product-form .sticky-product-bar__btn{
    margin-top:20px !important;
}

#product-form .sticky-product-bar__btn > .s-add-product-button-main > salla-button{
    width:100% !important;
}

#product-form .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-button-element{
    width:100% !important;
    height:60px !important;
    min-height:60px !important;

    padding:0 22px !important;

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

    background:#4D8792 !important;
    border:1px solid #4D8792 !important;
    border-radius:0px !important;

    color:#fff !important;

    font-size:18px !important;
    font-weight:800 !important;
    line-height:1 !important;

    box-shadow:none !important;

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

#product-form .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-button-element:hover{
    background:#187D89 !important;
    border-color:#187D89 !important;

    transform:translateY(-2px) !important;
    box-shadow:0 12px 28px rgba(24,125,137,.25) !important;
}

#product-form .sticky-product-bar__btn .s-button-text,
#product-form .sticky-product-bar__btn .s-button-text i{
    color:#fff !important;
}

/* ==========================================
   زر اشتري الآن
========================================== */

#product-form salla-mini-checkout-widget{
    width:100% !important;
    height:60px !important;
    min-height:60px !important;

    margin:0 !important;
}

#product-form .s-fast-checkout-button{
    width:100% !important;
    height:60px !important;
    min-height:60px !important;

    padding:0 22px !important;

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

    background:transparent !important;
    border:1px solid #4D8792 !important;
    border-radius:16px !important;

    color:#fff !important;

    font-size:18px !important;
    font-weight:700 !important;
    line-height:1 !important;

    box-shadow:none !important;

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

#product-form .s-fast-checkout-button:hover{
    background:rgba(77,135,146,.12) !important;
    border-color:#187D89 !important;

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

#product-form .s-add-product-button-mini-checkout-content{
    color:#fff !important;
    font-size:18px !important;
    font-weight:700 !important;
}

#product-form .s-add-product-button-mini-checkout-content svg{
    width:20px !important;
    height:20px !important;
}

#product-form .s-add-product-button-mini-checkout-content svg path{
    fill:#4D8792 !important;
}
/* ==========================================
   Mobile
========================================== */

@media(max-width:768px){

    #product-form .product-price,
    #product-form .sticky-product-bar{
        padding:18px !important;
    }

    #product-form .product-price .total-price,
    #product-form .product-price .total-price i{
        font-size:24px !important;
    }

    #product-form .s-add-product-button-main{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    #product-form .sticky-product-bar__btn > .s-add-product-button-main > salla-button .s-button-element,
    #product-form salla-mini-checkout-widget,
    #product-form .s-fast-checkout-button{
        height:58px !important;
        min-height:58px !important;
        font-size:18px !important;
        border-radius:14px !important;
    }

    #product-form .s-add-product-button-mini-checkout-content{
        font-size:18px !important;
    }

    #product-form .s-quantity-input-container{
        height:44px !important;
    }

    #product-form .s-quantity-input-button,
    #product-form .s-quantity-input-input{
        height:42px !important;
    }
}


/* تنزيل وسائل الدفع */

salla-payments.my-2{
    display:block !important;
    margin-top:30px !important;
}



/* عنوان السكشن */

.s-slider-block__title{
    margin-bottom:40px !important;
    align-items:center !important;
}

.s-slider-block__title h2{
    color:#fff !important;
    font-size:22px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
    margin:0 !important;
}

.s-slider-block__title h2::before{
    content:"اكتشف المزيد" !important;

    display:block !important;

    color:#187D89 !important;
    font-size:24px !important;
    font-weight:600 !important;

    margin-bottom:8px !important;
}

/* الأسهم */

.s-slider-block__title-nav{
    gap:12px !important;
}

.s-slider-nav-arrow{
    width:48px !important;
    height:48px !important;

    background:#243746 !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:12px !important;

    transition:.3s ease !important;
}

.s-slider-nav-arrow:hover{
    background:#187D89 !important;
    border-color:#187D89 !important;
    transform:translateY(-2px) !important;
}

.s-slider-nav-arrow svg{
    width:20px !important;
    height:20px !important;
}

.s-slider-nav-arrow svg path{
    fill:#fff !important;
}

/* السهم المعطل */

.s-slider-nav-arrow.swiper-button-disabled{
    opacity:.4 !important;
    cursor:not-allowed !important;
}

/* Mobile */

@media(max-width:768px){

    .s-slider-block__title h2{
        font-size:30px !important;
    }

    .s-slider-block__title h2::before{
        font-size:20px !important;
    }

    .s-slider-nav-arrow{
        width:42px !important;
        height:42px !important;
    }
}






/* ==========================================
   Related Products - Dark Design
========================================== */

/* خلفية المنطقة المحيطة بمنتجات قد تعجبك */

salla-products-slider:has(
    custom-salla-product-card[source="related"]
){
    display:block !important;
    background:#1E2E3B !important;

    padding-top:70px !important;
    padding-bottom:50px !important;

    margin-bottom:10px !important;
}

/* الحاوية والسلايدر */

salla-products-slider:has(
    custom-salla-product-card[source="related"]
) .swiper,
salla-products-slider:has(
    custom-salla-product-card[source="related"]
) .s-slider-container{
    background:#1E2E3B !important;
}

/* عنوان منتجات قد تعجبك */

salla-products-slider:has(
    custom-salla-product-card[source="related"]
) .s-slider-block__title{
    background:#1E2E3B !important;
    margin-bottom:35px !important;
}

salla-products-slider:has(
    custom-salla-product-card[source="related"]
) .s-slider-block__title h2{
    color:#fff !important;
}

/* الكروت */

custom-salla-product-card[source="related"]{
    background:#243746 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:22px !important;

    overflow:hidden !important;
    box-shadow:none !important;

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

custom-salla-product-card[source="related"]:hover{
    transform:translateY(-8px) !important;
    border-color:rgba(24,125,137,.55) !important;
    box-shadow:0 22px 50px rgba(0,0,0,.28) !important;
}

/* إخفاء الخلفيات البيضاء داخل الكارت */
custom-salla-product-card[source="related"] .product-card__content,
custom-salla-product-card[source="related"] .product-card__content-wrapper,
custom-salla-product-card[source="related"] .product-card__price,
custom-salla-product-card[source="related"] .product-options,
custom-salla-product-card[source="related"] .product-card__normal-cart{
    background:none !important;
    background-color:transparent !important;
}

/* اسم الباقة */

custom-salla-product-card[source="related"] .product-card__title a{
    color:#fff !important;
}

/* السعر */

custom-salla-product-card[source="related"] .total-price,
custom-salla-product-card[source="related"] .total-price i{
    color:#CBEA72 !important;
}

/* زر إضافة للسلة */

custom-salla-product-card[source="related"]
.product-card__normal-cart
.s-button-element{
    background:#187D89 !important;
    border-color:#187D89 !important;
    color:#fff !important;

    border-radius:14px !important;
}

custom-salla-product-card[source="related"]
.product-card__normal-cart
.s-button-element:hover{
    background:#156C75 !important;
    border-color:#156C75 !important;
}

/* النص والأيقونة داخل الزر */

custom-salla-product-card[source="related"]
.product-card__normal-cart
.s-button-text,
custom-salla-product-card[source="related"]
.product-card__normal-cart
.s-button-text i{
    color:#fff !important;
}

/* إخفاء المفضلة والعرض السريع داخل الكروت فقط */

custom-salla-product-card[source="related"] .wishlist,
custom-salla-product-card[source="related"] .quickview-btn,
custom-salla-product-card[source="related"] .product-card__actions,
custom-salla-product-card[source="related"]
.product-card__buttons.normal{
    display:none !important;
}

/* Mobile */

@media(max-width:768px){

    salla-products-slider:has(
        custom-salla-product-card[source="related"]
    ){
        padding-top:50px !important;
        padding-bottom:80px !important;
        margin-bottom:50px !important;
    }
}




/* اسم الباقة */
[data-selia="product-single-title"]{
    color:#fff !important;
    font-size:28px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
}


/* سعر الباقة */
.product-price-top .total-price,
.product-price-top .total-price i{
    color:#CBEA72 !important;
    font-size:22px !important;
    font-weight:900 !important;
}

.product-price-top .before-price{
    color:rgba(255,255,255,.45) !important;
}



/* وصف المنتج */
.product-single-top-description article p{
    position:relative !important;
    padding-right:28px !important;
}

.product-single-top-description article p::before{
    content:"✓" !important;

    position:absolute !important;
    right:0 !important;
    top:0 !important;

    color:#CBEA72 !important;
    font-weight:900 !important;
}

/* حالة التوفر */
.product-single-top-description{
    margin-top:25px !important;
}

.product-single-top-description article,
.product-single-top-description article p{
    color:rgba(255,255,255,.85) !important;
    font-size:17px !important;
    line-height:2.1 !important;
}




/* Quantity داخل السلة */

salla-quantity-input .s-quantity-input-container{
    height:44px !important;

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

    background:#1E2E3B !important;
    border:1px solid #4D8792 !important;
    border-radius:0 !important;

    overflow:hidden !important;
}

/* أزرار + و - */

salla-quantity-input .s-quantity-input-button{
    width:42px !important;
    height:42px !important;

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

    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    color:#fff !important;

    transition:.3s ease !important;
}

/* إلغاء أي خلفية داخلية مسببة المربعات البيضاء */

salla-quantity-input .s-quantity-input-button span{
    width:auto !important;
    height:auto !important;

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

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

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* الأيقونات */

salla-quantity-input .s-quantity-input-button svg{
    width:16px !important;
    height:16px !important;

    display:block !important;

    background:transparent !important;
}

salla-quantity-input .s-quantity-input-button svg path{
    fill:#fff !important;
}

/* Hover */

salla-quantity-input .s-quantity-input-button:hover{
    background:#187D89 !important;
}

/* الرقم */

salla-quantity-input .s-quantity-input-input{
    width:50px !important;
    height:42px !important;

    padding:0 !important;

    background:transparent !important;
    color:#fff !important;

    font-size:16px !important;
    font-weight:700 !important;
    text-align:center !important;

    border:0 !important;
    box-shadow:none !important;
    outline:none !important;
}




/* ==========================================
   Cart Summary Card - Better Sizing
========================================== */

.s-cart-summary-card{
    width:100% !important;
    max-width:880px !important;

    margin:0 auto !important;

    background:#1E2E3B !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:20px !important;

    overflow:hidden !important;
}

/* نافذة ملخص الطلب */

.s-cart-summary-card-sheet{
    background:#243746 !important;
    border-radius:18px 18px 0 0 !important;
}

.s-cart-summary-card-sheet-header{
    padding:18px 22px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.s-cart-summary-card-sheet-title{
    color:#fff !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
}

/* صف مجموع المنتجات */

.s-cart-summary-card-line{
    min-height:70px !important;

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

    padding:16px 22px !important;

    background:#243746 !important;
}

.s-cart-summary-card-line span{
    color:#fff !important;
    font-size:18px !important;
}

.s-cart-summary-card-line b,
.s-cart-summary-card-line b i{
    color:#CBEA72 !important;
    font-size:18px !important;
    font-weight:800 !important;
}

/* البار الرئيسي */

.s-cart-summary-card-bar{
    min-height:82px !important;

    padding:18px 22px !important;

    background:#243746 !important;

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

.s-cart-summary-card-bar-label-text{
    color:#fff !important;
    font-size:15px !important;
    font-weight:800 !important;
}

.s-cart-summary-card-bar-count{
    color:rgba(255,255,255,.72) !important;
    font-size:15px !important;
}

.s-cart-summary-card-bar-total,
.s-cart-summary-card-bar-total i{
    color:#CBEA72 !important;
    font-size:18px !important;
    font-weight:900 !important;
}

/* السهم */

.s-cart-summary-card-chevron{
    width:36px !important;
    height:36px !important;

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

    background:transparent !important;
    border:0 !important;
}

.s-cart-summary-card-chevron-icon{
    color:#4D8792 !important;
    font-size:20px !important;
}

/* زر إتمام الطلب */

.s-cart-summary-card-action{
    padding:18px 22px 22px !important;
    background:#243746 !important;
}

.s-cart-summary-card-action .s-button-element{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;

    background:#4D8792 !important;
    border:1px solid #4D8792 !important;
    border-radius:0 !important;

    color:#fff !important;

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

    box-shadow:none !important;
}

.s-cart-summary-card-action .s-button-element:hover{
    background:#187D89 !important;
    border-color:#187D89 !important;
}

.s-cart-summary-card-action .s-button-text{
    color:#fff !important;
}

/* Mobile */

@media(max-width:768px){

    .s-cart-summary-card{
        max-width:100% !important;
        border-radius:16px !important;
    }

    .s-cart-summary-card-sheet-header,
    .s-cart-summary-card-line,
    .s-cart-summary-card-bar,
    .s-cart-summary-card-action{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .s-cart-summary-card-sheet-title{
        font-size:21px !important;
    }

    .s-cart-summary-card-bar-label-text{
        font-size:18px !important;
    }

    .s-cart-summary-card-bar-total,
    .s-cart-summary-card-bar-total i{
        font-size:21px !important;
    }

    .s-cart-summary-card-action .s-button-element{
        height:52px !important;
        min-height:52px !important;
        font-size:16px !important;
    }
}







.cart-item a.text-base{
    color:#fff !important;
    font-size:20px !important;
    font-weight:800 !important;
}

.cart-item .item-price{
    color:#CBEA72 !important;
    font-size:18px !important;
    font-weight:900 !important;
}




@media (max-width:768px){

    /* الحاوية كلها */
    .border-t.border-b.border-gray-200{
        padding-top:20px !important;
        padding-bottom:20px !important;

        align-items:center !important;
    }

    /* جزء المجموع */
    salla-quantity-input + p.text-primary{
        margin-top:12px !important;
        font-size:16px !important;
    }

    /* عداد الكمية */
    salla-quantity-input{
        margin-top:12px !important;
        transform:scale(.9) !important;
        transform-origin:center !important;
    }

    /* زر الحذف */
    .sicon-trash,
    .sicon-close,
    button[aria-label*="remove"]{
        transform:scale(.85) !important;
    }
}