/* Add custom CSS styles below */ 

/* توسيط محتوى الفوتر بالكامل */
.store-footer,
.store-footer__inner {
  text-align: center !important;
}

/* الفوتر: جعل الأعمدة تحت بعض بالوسط */
.store-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* الروابط في الفوتر */
.store-footer__inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.store-footer__inner li {
  margin: 6px 0;
}
.store-footer__inner a {
  display: inline-block;
}

/* من نحن في الوسط */
.footer-about {
  max-width: 720px;
  margin: 0 auto 12px;
}

/* زر واتساب العائم */
#getbutton-widget, 
.getbutton_widget, 
.gb-widget, 
#getbutton-container {
  bottom: 18px !important;
  right: 18px !important;
  z-index: 9999 !important;
}

/* توسيط كل محتوى الفوتر */
.store-footer__inner .container{
  justify-items: center !important;   /* يوسّط عناصر شبكة الـgrid */
  text-align: center !important;
}

/* عناوين */
.store-footer__inner h3{ margin-bottom:10px !important; }

/* --- روابط مهمة (القائمة) --- */
.s-menu-footer-list{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
}
.s-menu-footer-item{
  display:block !important;
  margin:0 !important;
}

/* --- تواصل معنا --- */
.s-contacts-list-vertical{
  align-items:center !important;
  gap:10px !important;
}
.s-contacts-list-vertical .s-contacts-item{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* --- السوشيال (موبايل + ديسكتوب) --- */
.store-footer__inner salla-social{ 
  display:block !important; 
  text-align:center !important; 
}
.store-footer__inner salla-social .s-social-link{
  display:inline-block !important;
  margin:0 6px !important;
}

/* سوشيال الديسكتوب: داخل عنصر عنده الكلاسين hidden و lg:block */
.hidden.lg\:block salla-social.s-social-list{
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
}

/* سوشيال الجوال: داخل .contact-social */
.contact-social{ text-align: center !important; }
.contact-social salla-social.s-social-list{
  display: inline-flex !important;   /* inline-flex يخلّيها تتمركز داخل الـdiv */
  gap: 12px !important;
}

/* تحسين بسيط لشكل الأيقونات */
salla-social.s-social-list .s-social-link{
  list-style: none !important;
}
salla-social.s-social-list .s-social-icon svg{
  width: 22px; height: 22px;
}

/* مؤقت: إزالة أي تقوّس بالأعلى لأول قسم تحت الهيدر وتصفير المسافة */
main > *:first-child,
main > *:first-child *[class*="rounded"],
main > *:first-child img,
main > section:first-of-type,
main > section:first-of-type img {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

main,
.page__content { padding-top: 0 !important; }
main > *:first-child { margin-top: 0 !important; }

/* تمديد أول قسم بكامل العرض وإلغاء حواف الـcontainer */
main > *:first-child .container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* تكبير ارتفاع السلايدر/الصورة لو موجودة */
main > *:first-child .swiper,
main > *:first-child .swiper-wrapper,
main > *:first-child .swiper-slide {
  height: 65vh !important;
}
@media (max-width: 767px){
  main > *:first-child .swiper,
  main > *:first-child .swiper-wrapper,
  main > *:first-child .swiper-slide {
    height: 52vh !important;
  }
}


/* تكبير البانر وإزالة التقوس العلوي */
.s-block--fixed-banner {
    margin-top: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
}

.s-block--fixed-banner img {
    border-radius: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: block;
}


/* تكبير البانر */
.s-block--fixed-banner img {
    height: 350px !important; /* تقدرين تزيدين الرقم للتكبير */
    object-fit: cover; /* يخلي الصورة تملى المساحة بدون تمدد مشوه */
    width: 100% !important;
}

/* إزالة أي فراغ بين البانر والهيدر */
.s-block--fixed-banner {
    margin-top: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
}

.s-block--fixed-banner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 25px; /* التعديل على الرقم للتحكم بدرجة التقوس */
    border-bottom-right-radius: 25px;
    overflow: hidden;
}


.product-title, .product-block__name, .product-title a {
    text-align: center !important;
}