#shopify-section-template--17436070379766__main-blog {
  --section-padding-top: 72px;
  --section-padding-bottom: 120px;
}
/* Categories Menu */
.categories-list {
  grid-gap: 56px;
  margin: 32px 0 48px;
}

.categories-list .category-button {
  font-size: 24px;
  color: rgba(var(--color-base-text) / 0.6);
  line-height: 1.6;
  position: relative;
}

.categories-list .category-button:not(:last-child)::after {
  content: "/";
  line-height: 1;
  color: rgba(var(--color-base-text) / 0.6);
  font-size: 24px;
  position: absolute;
  left: calc(100% + 28px);
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid transparent;
  font-weight: 500;
}

.categories-list .category-button.active {
  color: rgb(var(--color-foreground)) 000;
  border-bottom: 2px solid rgb(var(--color-foreground)) 000;
  font-weight: 600;
}
.blog-grid:has(> .emptyBlog) {
  grid-template-columns: 1fr;
  text-align: center;
  grid-gap: 0;
}

.blog-grid .emptyBlog {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  color: rgb(var(--color-foreground));
}
/* Responsive */
@media (max-width: 1399px) {
  .categories-list .category-button,
  .categories-list .category-button:not(:last-child)::after,
  .blog-grid .emptyBlog {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .categories-list .category-button,
  .categories-list .category-button:not(:last-child)::after,
  .blog-grid .emptyBlog {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .categories-list {
    grid-gap: 40px;
    margin: 20px 0 30px;
  }
  .categories-list .category-button:not(:last-child)::after {
    left: calc(100% + 18px);
  }
}
@media (max-width: 767px) {
  .categories-list {
    grid-gap: 15px 30px;
  }
  .categories-list .category-button,
  .categories-list .category-button:not(:last-child)::after,
  .blog-grid .emptyBlog {
    font-size: 18px;
  }
  .categories-list .category-button:not(:last-child)::after {
    left: calc(100% + 12px);
  }
}
@media (max-width: 575px) {
  .categories-list {
    grid-gap: 10px 20px;
  }
  .categories-list .category-button,
  .categories-list .category-button:not(:last-child)::after,
  .blog-grid .emptyBlog {
    font-size: 16px;
  }
  .categories-list .category-button:not(:last-child)::after {
    left: calc(100% + 8px);
  }
}