.main-nav-container .inner {
    transform: translate3d(0, 0, 0) !important;
    transition: transform 0.3s ease;
    z-index: 22 !important;
}
#mainnav > div > div > div > div.center-between > div:nth-child(1) > div:nth-child(3) {
    display:none;
}

.inner.bg-inherit {
    position:relative;
    z-index:20 ;
}
/* =========================================
   🎨 تنسيق قسم معرض الروابط (ID: V_links_gallery-7)
   ========================================= */
/* إضافة حشوة داخلية وحواف دائرية خفيفة لمقالات المعرض */
section#V_links_gallery-9  article {
    padding:5px 6px !important;
    border-radius:8px !important;
}

/* جعل عناوين وقوائم الروابط داخل المعرض باللون الأبيض */
section#V_links_gallery-9  h3 { color:#fff; }
section#V_links_gallery-9 ul  { color:#fff; }


/* =========================================
   🖼️ تنسيق سلايدر الصور الرئيسي (Photos Slider)
   ========================================= */
/* إزالة الحشوة والهامش وجعل عرض الشرائح 100% من الحاوية */
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* إلغاء الحواف الدائرية من الشرائح والصور لتظهر بحواف حادة */
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}

/* إزالة أي حشوة افتراضية من حاوية السلايدر */
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}

/* إخفاء شريط العنوان أو أزرار التنقل الخاصة بالسلايدر */
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
/** End silder block ***/


/* =========================================
   📢 تنسيق البنرات الثابتة (Fixed Banners)
   ========================================= */
/* جعل حاوية البانر بعرض كامل الشاشة (إلغاء حدود الـ container الافتراضية) */
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

/* إزالة الحواف الدائرية من صور البنر الثابت */
.banner--fixed img {
    border-radius: 0 !important;
}
/** End banners ***/


/* =========================================
   🗂️ إخفاء صور قسم الفئات المصممة (Styled Categories)
   ========================================= */
/* إخفاء الأيقونات/الصور المرافقة لأسماء الفئات */
section#V_styled_categories-1 .flex.md\:items-start.items-center.flex-col.justify-between.gap-3.flex-1  img {
    display:none;
}


/* =========================================
   🚫 إخفاء عنصر نصي إضافي في زر المنتجات "غير متوفر"
   ========================================= */
custom-salla-product-card [product-status="out"] button span:nth-child(2)  {
    display:none !important;
}


/* =========================================
   ⬅️➡️ تنسيق أزرار التنقل لسلايدر المنتجات (V_products_slider-3)
   ========================================= */
/* تحديد حجم وشكل أزرار التالي والسابق وجعلها مربعة تماماً */
section#V_products_slider-3  .swiper-button-next ,
section#V_products_slider-3  .swiper-button-prev {
    padding:0 !important;
    height:40px !important;
    width:40px !important;
    aspect-ratio:1/1 !important ;
    overflow:hidden;
}

/* تنسيق أيقونة السهم داخل الأزرار (ضبط الأبعاد واللون الأحمر الداكن) */
section#V_products_slider-3   svg.swiper-navigation-icon {
    font-size: 9px !important;
    height: 26px !important;
    width:40px !important;
    color:#902529 ;  
}

/* (ملاحظة: القاعدة أدناه مكررة تماماً للأعلى، يمكنك حذفها لتقليل حجم الكود) */
custom-salla-product-card [product-status="out"] button span:nth-child(2)  {
    display:none !important;
}


/* =========================================
   🦶 تنسيق وإصلاحات الفوتر (Store Footer)
   ========================================= */
/* إزالة جميع الحدود من أي عنصر داخل الفوتر */
footer.store-footer * {
    border:0 !important;
}

/* إخفاء الخط الفاصل الزائد (lineafter) */
footer.store-footer span.lineafter {
    display:none;
}

/* إخفاء العمود/العنصر الثالث في التخطيط الداخلي للفوتر */
 footer > div.store-footer__inner > div > div.flex.gap-7.flex-1 > div:nth-child(3) {
     visibility:hidden;
 }

/* إلغاء تدوير نص معين في الفوتر (إرجاعه لوضعه الطبيعي) */
p.text-gray-400.mb-2\.5.md\:mb-0 {
    rotate:0 ;
}

/* إصلاح اتجاه الكتابة لعنصر فوتر محدد (غالباً بسبب تداخل إعدادات القالب) */
 footer > div.store-footer__inner > div > div.items-center.justify-between.md\:flex.hidden.gap-8.my-2 {
     writing-mode: inherit !important;
 }

/* إخفاء عنصر ثالث في حاوية الفوتر السفلية (غالباً روابط أو معلومات إضافية) */
 footer > div.flex.flex-col-reverse.md\:flex-row.items-center.justify-between.py-4.container.text-center.gap-6 > div:nth-child(3) {
     display:none;
 }

/* توسيط محتوى العمود الأول في الفوتر أفقياً */
 footer > div.store-footer__inner > div > div.flex.gap-7.flex-1 > div:nth-child(1) {
     justify-content:center ;
 }


/* =========================================
   📱 تعديلات الفوتر للشاشات المتوسطة والصغيرة (أقل من 992px)
   ========================================= */
@media(max-width:992px){
    /* تغيير لون النص في شريط الفوتر السفلي ليتناسب مع الخلفية */
    footer > div.items-center.flex-col.justify-between.md\:hidden.flex.py-2.bg-primary-reverse p{
        color:#242d41;
    }
}



.product-single .imformation.active article#more-content {
    max-height:fit-content !important;
}


.s-product-options-option-container {
    flex-basis: 40% !important;
    width: 50%;
    flex:;
}

salla-conditional-fields.hydrated {
    display:flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
}


 salla-conditional-fields > div:nth-child(1) {
     order:1;
 }
 salla-conditional-fields > div:nth-child(2) {
     order:3;
 }

 salla-conditional-fields > div:nth-child(3) {
     order:2;
 }

@media(max-width:992px){
.s-product-options-option-container {
    flex-basis: 60% !important;
    width: 50%;
    flex:;
}
}

.product-single form > section > div.grid.grid-cols-2.gap-3 > div:nth-child(2) {
    display:none;
}

table.container_table {
    overflow: visible !important;
}


table.container_table td {
    overflow:visible !important;
}




@media(min-width:992px){
    footer .flex.flex-col-reverse.md\:flex-row.items-center.justify-between.py-4.container.text-center.gap-6 .flex-col.flex  {
    flex-direction:row;
    width:100%;
    justify-content:space-between;
}
}
footer .flex.flex-col-reverse.md\:flex-row.items-center.justify-between.py-4.container.text-center.gap-6 .flex-col.flex  {
 gap:2rem;
}