.T_hero_banner{
    margin-top: -60px;
    padding-top: 70px;
}/* Add custom CSS styles below */

.flex.items-center.justify-between.relative.w-full{

  border-bottom: 0px solid #ffffff;
    padding: 10px; 
  background: #28251edb;
 border-radius: 0 0 10px 10px;
}
#header-wrapper .inner {
  /* background: #08080842; */
   
}
#main-data{
    display:none;
}

.flex.items-center.justify-between.relative.w-full a,
.flex.items-center.justify-between.relative.w-full span,
.flex.items-center.justify-between.relative.w-full i{
    color: #ffffff !important;
  max-width:100%;
overflow:hidden;
}
h1.md\:text-5xl {
    font-size: 2rem; /* حجم أصغر من md:text-5xl */
    font-weight: 400; /* يجعل الخط أرق من font-semibold */
    line-height: 1.2; /* تحسين تباعد السطور */
}
h3.md\:text-5xl {
    font-size: 1.5rem; /* أصغر من الحجم الافتراضي للـ 5xl */
    font-weight: 300; /* يجعل الخط رقيق بدل font-medium */
    line-height: 1.2; /* تحسين تباعد السطر */
}
.slides-wrapper .slide-card{
    display:none !important;
}

.slide-card img{
max-width:100%;
height:auto;
object-fit:contain;
}
.s-product-card-image{
height: 320px !important;
}

.s-product-card-image img{
height:100%;
width:100%;
object-fit:contain;
}
.background-image{
transform: translateZ(0);
backface-visibility: hidden;
}
.s-product-card-image{
background:#ffffff !important;
}

.s-product-card-image img{
background:#ffffff;
object-fit:contain;
}
.s-block{
padding-left:15px;
padding-right:15px;
box-sizing:border-box;
}
/*#T_marquee-1{
background: linear-gradient(
135deg,
#efe6c9,
#d7c79c,
#cbb889,
#d7c79c,
#f3ead0
);
background-size: 300% 300%;
animation: goldMove 8s ease infinite;
padding: 6px 0;
}

@keyframes goldMove{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}*/
#T_marquee-1{
padding: 3px 0;
}
/* كل النصوص داخل div مع الكلاس flex flex-col flex-start gap-2 */
.flex.flex-col.flex-start.gap-2 {
    color: #ffffff !important;  /* يجعل النصوص الرئيسية باللون الأبيض */
}

/* العنوان h3 داخل أي a داخل نفس الـ div */
.flex.flex-col.flex-start.gap-2 a h3 {
    color: #c1ae81 !important;  /* يجبر العنوان على الأبيض حتى لو كان محدد inline */
}
/* تغيير لون الرقم الضريبي */
p.text-sm.text-text-grey.mb-1 {
    color: #c1ae81 !important; /* أو أي لون تريده */
}/* العناوين الرئيسية والفرعية */
#main-data h1,
#main-data h2,
#main-data h3.md\:text-5xl.font-medium.text-nowrap { 
    color: #c3ae83 !important; /* ذهبي فقط هذا العنوان */
}

/* باقي العناوين h3 العادية والنصوص */
#main-data p,
#main-data span,
#main-data li,
#main-data h3:not(.md\:text-5xl.font-medium.text-nowrap) {
    color: #ffffff !important; /* أبيض */
}


/* روابط القائمة لتظل قابلة للقراءة */
#main-data a {
    color: #ffffff !important;
    text-decoration: none; /* إزالة الخط السفلي إذا موجود */
}
/* أيقونات القوائم */
#main-data li i {
    color: #c3ae83 !important;
}

.overlay-shadow, .background-image {
   height: 100vh;     
    width: 100%;           
     max-width:100%;
    overflow:hidden;  
    
    object-position: center;
    display: block;        
}


.navigation-buttons {
    display: none !important;
}
@media (max-width:768px){
    #T_image_slider-1{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

#T_Dual_Banner-7 {
padding-left:10px;
padding-right:10px;
}

/* تنسيق النص */
#main-data h3[aria-level="2"]{
text-align:justify;
line-height:1.8;
}

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

#main-data h3[aria-level="2"]{
font-size:14px !important;
width:100% !important;
text-align:justify;
line-height:1.9;
}

}
/* تنسيق القائمة */
#main-data ul li{
font-size:18px;
line-height:1.7;
}

/* تصغيرها في الجوال */
@media (max-width:768px){

#main-data ul li{
font-size:14px !important;
line-height:1.8;
padding-bottom:8px;
}

#main-data ul li i{
font-size:14px;
}

}

/* تنسيق العنوان */
#main-data h3[aria-level="3"]{
font-size:18px;
line-height:1.6;
margin-top:5px;
margin-bottom:10px;
}

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

#main-data h3[aria-level="3"]{
font-size:14px !important;
line-height:1.7;
text-align:right;
}

}
/* تنسيق العنوان */
#main-data h1{
line-height:1.2;
}

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

#main-data h1{
font-size:22px !important;
white-space:normal !important; /* يلغي text-nowrap */
line-height:1.3;
}

}
#main-data .store-btn{
background: transparent !important;
border: 2px solid #aa946b;
border-radius: 100px !important;
color:#aa946b !important;
padding:10px 20px;
}
@media (max-width:768px){

#T_marquee-1{
margin-bottom:60px;
}

}
/* توسيع الحاوية التي تحتوي الهيدر */
.flex.items-center.w-72{
    width:100% !important;
}

/* منع التفاف عناصر القائمة */
#menu-container{
    flex-wrap:nowrap;
}

/* توسيع عناصر القائمة نفسها */
#menu-container a{
    min-width:30px;
    text-align:center;
    display:inline-block;
}

/* الخلفية خفيفة */
#mobile-menu {
    background: rgba(200, 169, 106, 0.95); /* ذهبي شفاف */
    padding-top: 100px; /* مساحة للشعار */
    position: relative;
}

/* الشعار */
#mobile-menu .menu-logo {
    display: block;
    margin: 0 auto 20px auto; /* فوق القائمة */
    width: 150px;
    height: 60px;
    background-image: url("https://cdn.files.salla.network/theme/2071236991/e7bff18d-274b-4103-90e9-44fbe69ed695.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* القائمة */
#mobile-menu ul {
    padding: 0;
    text-align: center;
}

/* عناصر القائمة */
#mobile-menu li {
    list-style: none;
    margin: 15px 0;
    position: relative;
}

/* الروابط */
#mobile-menu li a {
    display: inline-block;
    padding: 10px 5px;
    font-size: 16px;
    color: #ffffff !important;
    text-decoration: none;
    position: relative;
}

/* الخط القصير تحت العنصر فقط (centered underline) */
#mobile-menu li a::after {
    content: "";
    display: block;
    width: 40%; /* طول الخط */
    height: 1px; /* سمك الخط */
    background-color: rgba(255,255,255,0.5); /* لون الخط */
    margin: 5px auto 0 auto; /* يضع الخط في المنتصف */
    transition: all 0.3s ease;
}

/* تأثير Hover */
#mobile-menu li a:hover::after {
    background-color: #000000;
    width: 60%; /* يكبر الخط عند Hover */
}

/* أيقونة السهم في نهاية العنصر */
#mobile-menu li a span::after {
    content: "→"; /* أو استخدم svg إذا موجود لديك */
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

#mobile-menu li a:hover span::after {
    transform: translateX(5px);
}
.telegram-bot-float{
position:fixed;
left:20px;
bottom:20px;
width:60px;
height:60px;
background:#0088cc;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 6px 20px rgba(0,0,0,0.25);
z-index:9999;
transition:0.3s;
}

.telegram-bot-float img{
width:30px;
height:30px;
}
#mainnav{
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
}
.telegram-bot-float:hover{
transform:scale(1.1);
background:#0aa3e8;
}

/* منع السكرول الأفقي في الموقع */
html, body{
overflow-x:hidden;
max-width:100%;
}

/* منع العناصر من تجاوز العرض */
.container-narrow{
max-width:100%;
overflow:hidden;
}

/* السوشيال ميديا */
.s-social-list{
flex-wrap:wrap;
max-width:100%;
overflow:hidden;
}


/* الأيقونات نفسها */
.s-social-icon svg{
max-width:100%;
height:auto;
}

/* أي عنصر flex كبير */
.flex{
max-width:100%;
box-sizing:border-box;
}
/* للجوال */
@media (max-width:768px){
.T_hero_banner {
    
   padding-top: 100px;
    padding-top: 500px;   /* زيادة المسافة من الأعلى */
}
}


.s-count-down-sm + .s-count-down-end-text,
.s-count-down-end-text {
    display: none !important;
}