/* Tile styles ship inside GalleryPost's own bundle; the section lays out the
   header + square grid here. */
.cc_xqaduz1e_MyFLULlSrv .ali-ig {
  width: 100%;
  color: var(--ali-ig-text, var(--ali-overlay));
}

.cc_xqaduz1e_MyFLULlSrv .ali-ig__inner {
  /* Dikey boşluk prop'tan (--ali-ig-pad) gelir; küçük ekranlarda orantılı
     azalması için clamp üst sınırı olarak kullanılır. */
  padding-block: clamp(32px, 6vw, var(--ali-ig-pad, 80px));
}

/* ----- Header ----- */
.cc_xqaduz1e_MyFLULlSrv .ali-ig__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  margin: 0 auto clamp(28px, 3.5vw, 44px);
}
.cc_xqaduz1e_MyFLULlSrv .ali-ig__eyebrow {
  font-weight: var(--ali-weight-strong);
  letter-spacing: 0.14em;
  color: var(--ali-ig-muted, var(--ali-tertiary));
}
.cc_xqaduz1e_MyFLULlSrv .ali-ig__title {
  margin: 0;
}
.cc_xqaduz1e_MyFLULlSrv .ali-ig__subtitle {
  margin: 0;
  max-width: 52ch;
  color: var(--ali-ig-muted, var(--ali-tertiary));
}
.cc_xqaduz1e_MyFLULlSrv .ali-ig__cta {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  padding: 11px 22px;
  border: 1px solid currentColor;
  border-radius: var(--ali-radius-full, 999px);
  font-weight: var(--ali-weight-strong);
  letter-spacing: 0.04em;
  text-decoration: none;
  color: inherit;
  transition: background-color var(--ali-dur-fast, 0.15s) var(--ali-ease-out-soft, ease),
    color var(--ali-dur-fast, 0.15s) var(--ali-ease-out-soft, ease);
}
.cc_xqaduz1e_MyFLULlSrv .ali-ig__cta:hover {
  background: var(--ali-ig-text, var(--ali-overlay));
  color: var(--ali-ig-bg, var(--ali-bg));
}

/* ----- Grid -----
   Renderer wrapper is display:contents → each .ali-ig__tile is promoted to a
   direct grid item. Column count follows the `columns` prop (data-cols) on
   desktop and steps down on smaller screens. Literal templates per data-cols
   value avoid the invalid repeat(var(...)) pattern. */
.cc_xqaduz1e_MyFLULlSrv .ali-ig__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--ali-ig-gap, 8px);
}
@media (min-width: 640px) {
  .cc_xqaduz1e_MyFLULlSrv .ali-ig__grid[data-cols="3"] { grid-template-columns: repeat(3, 1fr); }
  .cc_xqaduz1e_MyFLULlSrv .ali-ig__grid[data-cols="4"] { grid-template-columns: repeat(3, 1fr); }
  .cc_xqaduz1e_MyFLULlSrv .ali-ig__grid[data-cols="5"] { grid-template-columns: repeat(3, 1fr); }
  .cc_xqaduz1e_MyFLULlSrv .ali-ig__grid[data-cols="6"] { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 960px) {
  .cc_xqaduz1e_MyFLULlSrv .ali-ig__grid[data-cols="4"] { grid-template-columns: repeat(4, 1fr); }
  .cc_xqaduz1e_MyFLULlSrv .ali-ig__grid[data-cols="5"] { grid-template-columns: repeat(5, 1fr); }
  .cc_xqaduz1e_MyFLULlSrv .ali-ig__grid[data-cols="6"] { grid-template-columns: repeat(6, 1fr); }
}