/* Add custom CSS styles below */ 
/* إظهار إحصائيات المتجر الثلاث في صف واحد */
.stats-inline .container > .flex {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

.stats-inline .container > .flex > div {
  width: 33.333% !important;
  flex: 0 0 33.333% !important;
  max-width: 33.333% !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}
/* مميزات المتجر - جعلها 2 فوق و2 تحت */
.features-2x2 .grid,
.s-block--enhanced-features .grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* منع أي عنصر من أخذ عرض كامل */
.features-2x2 .s-block--enhanced-features__item,
.s-block--enhanced-features .s-block--enhanced-features__item {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: auto !important;
}

/* ضبط الحجم في الجوال */
@media (max-width: 768px) {
  .features-2x2 .grid,
  .s-block--enhanced-features .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .features-2x2 .s-block--enhanced-features__item,
  .s-block--enhanced-features .s-block--enhanced-features__item {
    padding: 16px 10px !important;
  }

  .features-2x2 h2,
  .features-2x2 h3,
  .features-2x2 p,
  .s-block--enhanced-features h2,
  .s-block--enhanced-features h3,
  .s-block--enhanced-features p {
    text-align: center !important;
  }

  .features-2x2 h2,
  .features-2x2 h3,
  .s-block--enhanced-features h2,
  .s-block--enhanced-features h3 {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .features-2x2 p,
  .s-block--enhanced-features p {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .features-2x2 .feature-icon,
  .features-2x2 .feature-icon img,
  .features-2x2 .feature-icon svg,
  .s-block--enhanced-features .feature-icon,
  .s-block--enhanced-features .feature-icon img,
  .s-block--enhanced-features .feature-icon svg {
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto 10px !important;
  }
}