body{
background:#f7f7f7; 
}

/* هوامش وزوايا البنر */
section.section-carousel{
    margin: 16px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}


@media (max-width: 767px){
    section.section-carousel{
        margin: 12px !important;
        border-radius: 12px !important;
    }

    section.section-carousel .embla_dots{
        bottom: 14px !important;
        right: 16px !important;
    }
}

section[class*="section-categories"] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}



[section-id="555ef95e-c79b-42fd-9a2a-d28c236e2f44"] .embla__container{
    --slide-spacing: 1rem;
    --slide-size: 180px;
}
/* تنسيق عنوان قسم التصنيفات */
section[class*="section-categories"] h2 {
  position: relative !important;
  width: fit-content !important;
  margin: 0 auto 32px !important;
  padding-bottom: 12px !important;
  text-align: center !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #273A4D !important;
  line-height: 1.5 !important;
}

/* الخط البرتقالي أسفل العنوان */
section[class*="section-categories"] h2::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  width: 70px;
  height: 3px;
  background-color: #D96B32;
  border-radius: 20px;
}

/* ضبط المسافة داخل القسم */
section[class*="section-categories"] {
  padding-top: 20px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 768px) {

  /* جعل ارتفاع البنر بنفس نسبة الصورة */
  .embla__slide > div {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1500 / 700 !important;
    overflow: hidden !important;
  }

  .embla__slide picture {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .embla__slide picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}
@media (max-width: 767px) {
  [section-id="dee2ef84-1470-4020-a7e9-8d07b6dcc977"] .embla {
    --slide-size: 180px !important;
  }

  [section-id="dee2ef84-1470-4020-a7e9-8d07b6dcc977"] .embla__slide {
    flex: 0 0 180px !important;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }
}
/* توسيط عنوان قسم التصنيفات */
section[class*="section-categories"] h2 {
  width: 100% !important;
  text-align: center !important;
}


.text-foreground {
    color: #273a4e;
}
/* توسيط عناوين أقسام المنتجات */
[data-products-carousel] .flex.items-center.justify-between {
  justify-content: center !important;
}

[data-products-carousel] h2 {
  width: 100% !important;
  text-align: center !important;
}
/* بطاقة المنتج كاملة */
.products-embla__slide > .group {
  background-color: #ffffff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  padding-bottom: 12px !important;
}


/* توسيط محتوى بطاقة المنتج */
.products-embla__slide .group {
  text-align: center !important;
  align-items: center !important;
}

/* توسيط الاسم والسعر والنصوص */
.products-embla__slide .group h3,
.products-embla__slide .group p,
.products-embla__slide .group span {
  text-align: center !important;
}

/* توسيط التقييم والسعر */
.products-embla__slide .group .flex {
  justify-content: center !important;
  align-items: center !important;
}

/* لون النجوم */
.products-embla__slide .group svg {
  color: #B58A52 !important;
}
/* عنوان القسم */
[data-products-carousel] h2 {
  position: relative !important;
  width: fit-content !important;
  margin: 0 auto 30px !important;
  padding-bottom: 13px !important;
  text-align: center !important;
}

[data-products-carousel] h2::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  width: 70px !important;
  height: 3px !important;
  background-color: #D96B32 !important;
  border-radius: 20px !important;
}






@media (max-width: 767px) {

  /* تصغير ارتفاع الشريحة حسب نسبة البنر */
  .embla__slide {
    min-height: 0 !important;
    height: auto !important;
  }

  /* الحاوية الرئيسية للبنر */
  .embla__slide > div {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 375 / 220 !important;
    overflow: hidden !important;
  }

  /* إبقاء صورة البنر ظاهرة */
  .embla__slide picture,
  .embla__slide picture img {
    width: 100% !important;
    height: 100% !important;
  }

  .embla__slide picture img {
    object-fit: contain !important;
    object-position: center !important;
  }
}
@media (max-width: 767px) {

  /* إظهار البنرات كاملة في الجوال */
  div.justify-center.overflow-hidden picture,
  div.justify-center.overflow-hidden picture img {
    width: 100% !important;
    height: auto !important;
  }

  div.justify-center.overflow-hidden picture img.object-cover {
    object-fit: contain !important;
    object-position: center !important;
  }

}






/* خلفية بطاقة المنتج */
.product-card,
.product-item,
[class*="product-card"] {
  background-color: #ffffff !important;
}

/* الجزء السفلي الذي يحتوي الاسم والسعر */
.product-card__content,
.product-card-content,
.product-item__content,
.product-item .product-info,
[class*="product-card"] [class*="content"],
[class*="product-card"] [class*="info"] {
  background-color: #ffffff !important;
}


/* لون خلفية الفوتر فقط */
footer#footer {
  background-color: #273A4D !important;
}

/* لون جميع النصوص والروابط داخل الفوتر */
footer#footer,
footer#footer p,
footer#footer span,
footer#footer a,
footer#footer h1,
footer#footer h2,
footer#footer h3,
footer#footer h4,
footer#footer li {
  color: #FFFFFF !important;
}

/* لون الأيقونات داخل الفوتر */
footer#footer svg {
  color: #FFFFFF !important;
  fill: currentColor;
}

/* لون الخطوط الفاصلة */
footer#footer hr {
  border-color: rgba(255, 255, 255, 0.35) !important;
}


/* توسيط محتوى ونصوص الفوتر */
footer#footer,
footer#footer * {
  text-align: center !important;
}

/* توسيط الأعمدة والعناصر */
footer#footer .grid > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* توسيط الأيقونات وروابط التواصل */
footer#footer ul,
footer#footer .flex {
  justify-content: center !important;
}


body main section.section-categories.px-4.py-6{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-block: 0px !important;
}