/** Shopify CDN: Minification failed

Line 23:2 Expected ":"
Line 27:2 Expected ":"
Line 28:2 Expected ":"
Line 29:2 Expected ":"
Line 30:2 Expected ":"
Line 31:2 Expected ":"
Line 35:2 Expected ":"
Line 40:2 Expected ":"
Line 41:2 Expected ":"
Line 42:2 Expected ":"
... and 32 more hidden warnings

**/
/* --- MOBILE-FIRST BLOG CSS ---
  Açıklamalar:
  1.  MOBILE-FIRST YAPISI ONAYLANDI: Kodun mevcut yapısı zaten mobil öncelikli mimariye uygundur. Temel stiller mobil cihazları hedeflerken, daha büyük ekranlar için stil değişiklikleri `@media (min-width: ...)` sorguları ile eklenmektedir. Bu yapı korunmuştur.
  2.  FONKSİYONELLİK KORUNDU: Kodun işlevselliğini etkileyecek hiçbir değişiklik yapılmamıştır. Yalnızca kod temizliği amacıyla yorum satırına alınmış gereksiz bir bölüm kaldırılmıştır.
*/

.blog {
  background-color: rgb(var(--color-background));
}

.blog__head {
  display: flex;
  overflow: auto hidden;
  margin-block-end: calc(4rem - (var(--h3-multiplier) / 5.0));
  justify-content: center;
  padding: 0 var(--page-gutter);
}

.blog__filters {
  max-width: 100%;
}

.blog__filters a,
.blog__filters span {
  display: block;
  width: max-content;
  line-height: var(--line-height-static-sm);
}

.blog__filters-item:not(.is-active) {
  color: rgba(var(--color-foreground), 0.25);
}
.blog__filters-item:not(.is-active):hover {
  color: rgba(var(--color-foreground), 0.5);
}


.blog__filters-items {
  display: flex;
  column-gap: var(--section-spacing-unit-size);
}

.blog__articles-grid {
  display: grid;
  overflow-wrap: anywhere;
  gap: calc(var(--grid-spacing) * 3);
}

.blog__card-article .card-article__content {
  padding-block-start: 2.4rem;
}

.blog__actions {
  margin-block-start: 4rem;
}

.blog__card-text {
  margin-block-end: calc(0rem - var(--grid-spacing));
}

@media (hover: hover) {
  .blog__filters a:hover {
    background-color: rgb(var(--color-background));
  }
}

@media screen and (min-width: 575px) {
  .blog__articles-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog__card-text {
    margin-block-end: 0;
  }
}

@media screen and (min-width: 750px) {
  .blog__head {
    margin-block-end: calc(6.4rem - (var(--h4-multiplier) / 5.0));
  }
  .blog__filters-items {
    font-size: calc(var(--font-heading-scale) * var(--h4-multiplier));
    padding-block: calc(var(--h4-multiplier) / 5.0);
  }
  .blog__articles-grid {
    margin: 0;
    gap: var(--grid-spacing);
  }
}

@media screen and (min-width: 990px) {
  .blog__articles-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .blog__filters-items {
    justify-content: center;
    overflow: visible;
    margin: 0;
  }

  .blog__filters-item + .blog__filters-item {
    margin-inline-start: 0;
  }
}