/* ===== Global / Body ===== */
body {
  background: #f5f5f7;
  font-family: "Cairo", sans-serif;
  color: #111;
}

/* ===== البودي (يفك التقييد) ===== */
.app-inner {
  max-width: 100% !important;
  padding: 0 !important;
}

/* ===== البنر ===== */
.s-block--bundle-ultra-luxury-banner {
  border-radius: 20px;
  overflow: hidden;
  margin: 0 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* إضافة ظل خفيف للبنر */
}

/* دمج زر CTA (انظم تلقرام) داخل البنر */
.s-block--bundle-ultra-luxury-banner + .s-container {
  margin-top: -70px !important; /* رفع الزر أكثر ليدخل داخل حدود البنر */
  display: flex;
  justify-content: center;
  z-index: 10; /* لضمان ظهور الزر فوق البنر */
  position: relative;
  padding: 0 !important; /* إزالة أي بادينج من الحاوية */
}

.s-block--bundle-ultra-luxury-banner + .s-container a {
  width: 90%; /* عرض الزر */
  border-radius: 15px;
  padding: 12px;
  text-align: center;
  backdrop-filter: blur(15px); /* تأثير زجاجي شفاف */
  background: rgba(255, 255, 255, 0.1); /* خلفية شفافة */
  border: 1px solid rgba(255, 255, 255, 0.2); /* حدود خفيفة */
  color: #fff !important; /* لون النص أبيض */
  font-weight: bold;
  text-decoration: none;
}

/* ===== شبكة المميزات / الكروت ===== */
.s-block--bundle-ultra-luxury-features-grid {
  margin-top: 40px !important; /* مسافة بين الزر وشبكة الكروت */
  padding: 0 12px !important; /* بادينج جانبي لشبكة الكروت */
}

.s-block--bundle-ultra-luxury-features-grid .s-block__content {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* كرتين بجانب بعض في الجوال */
  gap: 12px !important;
  justify-items: center !important; /* توسيط الكروت أفقياً */
}

.s-block--bundle-ultra-luxury-features-grid [class*="card"] {
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease;
  background: #000; /* خلفية سوداء للكروت */
  border: 1px solid rgba(255,255,255,0.05); /* حدود خفيفة */
  width: 100% !important;
  max-width: 160px !important; /* تحديد أقصى عرض للكرت لتصغيره */
}

.s-block--bundle-ultra-luxury-features-grid [class*="card"]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3); /* ظل عند التحويم */
}

/* توحيد صور الكروت */
.s-block--bundle-ultra-luxury-features-grid img {
  width: 100% !important;
  height: auto !important; /* جعل الارتفاع تلقائي لمنع القص */
  aspect-ratio: 1 / 1 !important; /* الحفاظ على نسبة العرض للارتفاع مربعة */
  object-fit: contain !important; /* التأكد من ظهور الصورة كاملة بدون قص */
  background: #000; /* خلفية سوداء تحت الصورة إذا كانت أصغر */
}

/* نصوص الكروت */
.s-block--bundle-ultra-luxury-features-grid h3, 
.s-block--bundle-ultra-luxury-features-grid p {
  color: #fff !important; /* نصوص بيضاء */
  padding: 5px 10px;
  text-align: center; /* توسيط النصوص داخل الكرت */
}

/* ===== التجاوب (Responsive) ===== */
@media(min-width:768px){
  .s-block--bundle-ultra-luxury-features-grid .s-block__content {
    grid-template-columns: repeat(3, 1fr) !important; /* 3 كروت على التابلت */
  }
}
@media(min-width:1024px){
  .s-block--bundle-ultra-luxury-features-grid .s-block__content {
    grid-template-columns: repeat(4, 1fr) !important; /* 4 كروت على الديسكتوب */
  }
}

/* تعديلات عامة لضمان التناسق */
section {
  margin-bottom: 24px;
}
/* =====================================================
   Ultra Luxury Theme v2
   Primary Color: #6A5D5C
===================================================== */

/* ===== الخلفية العامة ===== */
html,
body,
.app,
.app-inner,
main,
.main-content,
section {
    background: linear-gradient(
        180deg,
        #6A5D5C 0%,
        #756867 35%,
        #5E5251 70%,
        #6A5D5C 100%
    ) !important;

    font-family: "Cairo", sans-serif;
    color: #fff !important;
}

/* إزالة الخلفيات البيضاء */
.s-block,
.s-container,
.s-section{
    background: transparent !important;
}

/* ===== الهيدر ===== */
header,
.main-header,
.s-header{

    background: rgba(106,93,92,.82) !important;

    backdrop-filter: blur(18px);

    border-bottom:1px solid rgba(255,255,255,.08);

    box-shadow:0 10px 30px rgba(0,0,0,.18);

    position:sticky;
  top:0;

    z-index:999;
}

/* روابط الهيدر */
header a,
header button,
header svg,
header span,
.s-header-link{

    color:#fff !important;

    transition:.35s;
}

header a:hover{

    opacity:.8;
}

/* ===== الحاوية ===== */

.app-inner{

    max-width:100% !important;

    padding:0 !important;
}

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

.s-block--bundle-ultra-luxury-banner{

    border-radius:28px;

    overflow:hidden;
margin:18px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.28);

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

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

.s-block--bundle-ultra-luxury-features-grid [class*="card"],
.salla-product-card{

    background:rgba(106,93,92,.78) !important;

    backdrop-filter:blur(16px);

    border-radius:26px;

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

    box-shadow:

    0 15px 40px rgba(0,0,0,.18);

    transition:.45s ease;

    overflow:hidden;
}

/* Hover */

.s-block--bundle-ultra-luxury-features-grid [class*="card"]:hover,
.salla-product-card:hover{

    transform:
    translateY(-10px)
    scale(1.02);

    border-color:
    rgba(255,255,255,.22);

    box-shadow:

    0 35px 70px rgba(0,0,0,.35);
}

/* الصور */

.salla-product-card img{

    transition:.45s;
    object-fit: contain !important; /* منع قص الصورة في كروت المنتجات أيضاً */
}

.salla-product-card:hover img{

    transform:scale(1.05);
}

/* النصوص */

.salla-product-card h3,
.salla-product-card h4,
.salla-product-card p,
.salla-product-card span{

    color:#fff !important;
    text-align: center !important;
}

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

footer,
.s-footer{

    background:#5E5251 !important;

    color:#fff !important;

    border-top:1px solid rgba(255,255,255,.08);
}

footer *,
.s-footer *{

    color:#fff !important;
}

/* ===== أيقونات الدفع ===== */

.s-payment-methods img{

    filter:

    brightness(1.05)

    contrast(1.05);

    transition:.35s;
}

.s-payment-methods img:hover{

    transform:translateY(-3px);
}

/* ===== زر التلقرام ===== */

.s-block--bundle-ultra-luxury-banner + .s-container{

    margin-top:-82px !important;

    position:relative;

    z-index:50;
}

.s-block--bundle-ultra-luxury-banner + .s-container a{

    width:90%;

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

    backdrop-filter:blur(18px);

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

    border-radius:22px;

    color:#fff !important;

    font-size:18px;

    font-weight:700;

    transition:.35s;
}

.s-block--bundle-ultra-luxury-banner + .s-container a:hover{

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

    transform:translateY(-3px);
}

/* ===== تحسين الأزرار ===== */

button,
.btn,
.s-button{

    border-radius:18px !important;

    transition:.35s ease;
}

button:hover,
.btn:hover,
.s-button:hover{

    transform:translateY(-2px);
}

/* ===== Scrollbar ===== */

::-webkit-scrollbar{

    width:10px;
}

::-webkit-scrollbar-track{

    background:#5E5251;
}

::-webkit-scrollbar-thumb{

    background:#8A7E7D;

    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{

    background:#A09291;
}
/* =====================================================
   Typography Upgrade
===================================================== */

/* النص الأساسي */
body{
    font-size:17px !important;
    line-height:1.8;
}

/* العنوان الرئيسي */
h1{
    font-size:clamp(36px,4vw,52px) !important;
    font-weight:800 !important;
    line-height:1.2;
}

/* العنوان الفرعي */
h2{
    font-size:clamp(30px,3vw,42px) !important;
    font-weight:800 !important;
    line-height:1.3;
}

/* عناوين الأقسام */
h3{
    font-size:26px !important;
    font-weight:700 !important;
}

/* عناوين الكروت */
h4,
.salla-product-card h3{
    font-size:22px !important;
    font-weight:700 !important;
}

/* النصوص داخل الكروت */
.salla-product-card p,
.salla-product-card span,
.s-block p,
.s-block span{
    font-size:17px !important;
    line-height:1.8 !important;
}

/* الأزرار */
button,
.btn,
.s-button,
a.s-button{
    font-size:17px !important;
    font-weight:700 !important;
    padding:14px 22px !important;
}

/* القوائم */
li{
    font-size:17px !important;
}
/* للجوال */
@media(max-width:768px){

    body{
        font-size:15px !important;
    }

    h1{
        font-size:28px !important;
    }

    h2{
        font-size:24px !important;
    }

    h3{
        font-size:20px !important;
    }

    h4,
    .salla-product-card h3{
        font-size:14px !important; /* تصغير حجم عنوان الكارد أكثر */
        margin-bottom: 6px !important;
    }

    .salla-product-card p,
    .salla-product-card span{
        font-size:12px !important; /* تصغير حجم الوصف أكثر */
        line-height: 1.3 !important;
    }
    
    /* حل مشكلة تداخل الأيقونة مع النص وتوسيط الكروت */
    .salla-product-card {
        padding-bottom: 15px !important;
        margin: 0 auto !important; /* توسيط الكرت */
        max-width: 150px !important; /* تحديد عرض أصغر للكرت في الجوال */
    }
    
    .salla-product-card__image-wrapper {
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }
    
    .salla-product-card img {
        object-fit: contain !important; /* التأكد من عدم قص الصورة */
    }

    /* تعديل زر اكتشف المزيد في الجوال */
    .salla-product-card a.s-button,
    .s-block--bundle-ultra-luxury-features-grid .s-button {
        font-size: 11px !important;
        padding: 6px 10px !important;
        margin: 8px auto 0 !important;
        display: block !important;
        width: fit-content !important;
    }
}