/* SgBlogList — sg-blg */
/* head row: title + description left, "Tüm Yazılar" link right (wraps under the text on phones) */
.cc_b3eorip4_zJy97y1MD5 .sg-blg__head .sg-link {
  font-size: 14.5px; font-weight: 700; white-space: nowrap;
  /* accent underline under ink text — a yellow accent stays readable */
  background-image: linear-gradient(var(--sg-accent), var(--sg-accent)); background-size: 100% 2.5px; padding-bottom: 4px;
}
@media (hover: hover) { .cc_b3eorip4_zJy97y1MD5 .sg-blg__head .sg-link:hover { background-size: 0 2.5px; } }
/* smaller titles (home-page block) get a quieter one-line subtitle */
.cc_b3eorip4_zJy97y1MD5 .sg-blg__head--s .sg-head__text { gap: 6px; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__head--s .sg-lead { font-size: 14.5px; line-height: 1.5; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__head--m .sg-lead { font-size: 16px; }

.cc_b3eorip4_zJy97y1MD5 .sg-blg__cats { display: flex; flex-wrap: wrap; gap: 8px; margin: -8px 0 clamp(28px, 4vw, 48px); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__cats--center { justify-content: center; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__cat {
  position: relative; display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px;
  border: 1.5px solid var(--sg-line); border-radius: var(--sg-r-pill); background: #fff; color: var(--sg-ink);
  font-size: 14px; font-weight: 500; text-decoration: none; overflow: hidden; isolation: isolate;
  transition: color var(--sg-t-mid) var(--sg-ease-out), border-color var(--sg-t-mid);
}
.cc_b3eorip4_zJy97y1MD5 .sg-blg__cat::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sg-ink);
  transform: scaleX(0); transform-origin: left; transition: transform var(--sg-t-mid) var(--sg-ease-out);
}
@media (hover: hover) { .cc_b3eorip4_zJy97y1MD5 .sg-blg__cat:hover { border-color: var(--sg-ink); } }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__cat.is-active { color: #fff; border-color: var(--sg-ink); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__cat.is-active::before { transform: none; }

.cc_b3eorip4_zJy97y1MD5 .sg-blg__featured { margin-bottom: clamp(40px, 6vw, 80px); padding-bottom: clamp(40px, 6vw, 80px); border-bottom: 1px solid var(--sg-line); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__grid { --sg-gap-y: clamp(36px, 4vw, 56px); --sg-gap-x: clamp(16px, 2.4vw, 32px); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__item { display: flex; flex-direction: column; min-width: 0; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__item > .sg-bcard { flex: 1 1 auto; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--list { --sg-gap-y: 0px; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--list .sg-blg__item { padding: clamp(20px, 3vw, 32px) 0; border-bottom: 1px solid var(--sg-line); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--list .sg-blg__item:first-child { padding-top: 0; }
/* framed / overlay cards: the frame separates them — tighter gaps, no list rules */
.cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--framed { --sg-gap-y: clamp(16px, 2vw, 28px); --sg-gap-x: clamp(14px, 1.6vw, 24px); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--framed.sg-blg__grid--list { --sg-gap-y: clamp(14px, 1.6vw, 20px); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--framed.sg-blg__grid--list .sg-blg__item { padding: 0; border-bottom: 0; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__featured--framed { margin-bottom: clamp(16px, 2vw, 28px); padding-bottom: 0; border-bottom: 0; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__item--wide { grid-column: span 2; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__skel { display: grid; gap: 12px; align-content: start; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__skimg { aspect-ratio: 3 / 2; border-radius: var(--sg-r-media); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__skline { height: 16px; width: 85%; border-radius: 6px; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__skline--short { width: 50%; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__more { display: flex; justify-content: center; margin-top: clamp(40px, 5vw, 64px); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__pager { margin-top: clamp(40px, 5vw, 64px); }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__sentinel { height: 1px; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__error { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 28px; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__retry { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; min-height: 36px; padding: 0 14px; border: 1px solid currentColor; border-radius: var(--sg-r-pill); background: none; color: inherit; font-weight: 600; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__empty { display: grid; justify-items: center; gap: 14px; padding: 48px 16px; text-align: center; }
.cc_b3eorip4_zJy97y1MD5 .sg-blg__emptyicon { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: var(--sg-surface-2); color: var(--sg-ink-2); animation: cc_b3eorip4_sg-float 4.5s var(--sg-ease-in-out) infinite; }

@media (max-width: 1023px) {
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__item--wide { grid-column: span 2; }
}
@media (max-width: 767px) {
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__cats { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--sg-gutter) * -1); padding-inline: var(--sg-gutter); }
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__cats::-webkit-scrollbar { display: none; }
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__cat { flex-shrink: 0; }
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__item--wide { grid-column: auto; }
  /* railMobile: one swipeable row of cards (bleeds to the screen edges, snaps per card; the next card peeks) */
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--railm {
    grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: min(80%, 320px);
    align-items: stretch;
    overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none;
    margin-inline: calc(var(--sg-gutter) * -1); padding-inline: var(--sg-gutter); scroll-padding-inline: var(--sg-gutter);
    padding-bottom: 6px;
  }
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--railm::-webkit-scrollbar { display: none; }
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__grid--railm > * { scroll-snap-align: start; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__cat::before { transition: none; }
  .cc_b3eorip4_zJy97y1MD5 .sg-blg__emptyicon { animation: none; }
}