/* Add custom CSS styles below */ 
/* العنصر الاول */
@media (max-width: 768px) {

.s-block {
    padding-top: 0px !important;
  }
  salla-slider.photos-slider .swiper {
   padding-bottom: 0px !important;
  }
  .content.grid.grid-cols-2.lg\:grid-cols-4.gap-2\.5.md\:gap-8 {
    display: flex
;
    gap: 0.2rem;
}
.w-full.h-full.bg-white.dark\:\!bg-darker.rounded.flex.flex-col.items-center.text-center.gap-2.md\:p-8.p-6.border.justify-center {
    padding: 2px;
}
.grid.grid-cols-2.sm\:grid-cols-2.lg\:grid-cols-4.gap-6.mt-12 {
    display: flex
;
    gap: 0px;
}
section.s-block.s-block--full-bg.s-block--anime.s-block--enhanced-features.py-12.px-4 {
    padding: 0px !important;
}

   /* ترتيب الأيقونة + النص + العداد جنب بعض */
  .s-promotion-banner .content-wrap {
    flex-direction: row !important;
    gap: 1.5rem !important;
  }

  /* الأيقونة + النص */
  .s-promotion-banner .st-banner-bar__content {
    flex-direction: row !important;t;
    padding: 0 !important;
  }

  /* الأيقونة */
  .s-promotion-banner .st-banner-bar__content i {
    font-size: 1.75rem !important;
    width: 2rem !important;
    height: 2rem !important;
  }

  /* النصوص */
  .s-promotion-banner .st-banner-bar__content h2 {
    font-size: 1rem !important;
    margin: 0 !important;
  }
  .s-promotion-banner .st-banner-bar__content p {
    display: none !important; /* نخفي السطر الإضافي لتقليل الزحام */
  }

  /* العداد */
  .s-promotion-banner .countdown {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .s-count-down-list {
    display: flex !important;
    gap: 0.3rem !important;
  }
  .s-count-down-item-value {
    font-size: 0.9rem !important;
  }
  .s-count-down-item-label {
    font-size: 0.7rem !important;
  }

  /* إظهار القسم الثاني في الشاشات الكبيرة فقط */
  .s-promotion-banner .st-banner-bar__content:nth-child(2) {
    display: none !important;
  }
  
}

.w-full.inline-flex.flex-nowrap img {
  filter: none !important;
  opacity: 1 !important;
}

.map-container,
iframe[src*="google.com/maps"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 300px !important;
  border: 0 !important;
}

@media (max-width: 768px) {
  iframe[src*="google.com/maps"] {
    height: 200px !important;
  }
}

@media (max-width: 640px) {
  .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4.gap-4.overflow-hidden {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important; /* تقدر تغير المسافة بين الصور */
  }

  .grid-item {
    width: 100% !important;
  }

  .grid-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

.grid.grid-cols-2.sm\:grid-cols-2.lg\:grid-cols-4.gap-6.mt-12 {
    display: flex !important
;
    justify-content: center;
}

.container.relative.rounded.overflow-hidden.bg-cover.bg-no-repeat.flex.flex-col.lg\:flex-row.justify-between.gap-8.xl\:gap-12 {
    gap: 0.7rem;
}

.relative.pt-12.xl\:py-16.xl\:pe-32.xl\:ps-12.content.max-w-2xl.flex.flex-col.gap-5.xl\:gap-7.justify-center {
    padding-top: 1rem;
    gap: 1rem;
}