/* Add custom CSS styles below */
.bg-inherit {
  background-color: #1C2E17;
}

.flex-col {
  background-color: #F4F4F4;
}

.topnav-link-item.right-side:first-child:where([dir=rtl],[dir=rtl] *) {
  color: #000;
}

.topnav-is-dark .top-navbar .topnav-link-item {
  color: #000;
}

.topnav-is-dark .top-navbar {
  background-color: #F4F4F4;
}

.main-menu li.root-level > a {
  color: #fff;
}

.navbar-brand img {
  max-height: 5rem;
}

.banner-entry {
  background-color: #F5E9DA;
}

.header-btn__icon.icon {
  color: #fff;
}

.md\:grid-cols-3 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.store-footer__inner {
  background: #1C2E17;
}

.sicon-user-circle:before {
  color: #fff;
}

.s-cart-summary-total {
  color: #fff;
}

.s-block--banners .grid.md\:grid-cols-3 {
  display: grid;
  justify-content: center; 
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

/* لابتوب من أول 768px: 5 أعمدة ومتوسّطة */
@media (min-width: 768px) {
  .s-block--banners .grid.md\:grid-cols-3 {
    grid-template-columns: repeat(5, 1fr);
  }
}

.store-footer {
  background-color: #1C2E17;
}

@media (min-width: 640px) {
  a.banner-entry.square-photos:first-child {
    grid-row: unset !important;
  }
}