/**
 * Homepage SEO blocks — mobile: full-width image row, then text row
 * Also hardens Turkish glyph rendering (avoid mojibake look from cramped 50/50 flex)
 */
.homepage-seo .seo-text h2,
.homepage-seo .seo-text p {
  font-family: var(--fy-font-body, "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media (max-width: 768px) {
  .homepage-seo {
    margin: 2.5rem auto !important;
    padding: 0 16px !important;
  }

  .homepage-seo .seo-row,
  .homepage-seo .seo-row.reverse {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1rem !important;
    margin-bottom: 2.75rem !important;
  }

  /* Always image first on mobile, even for .reverse */
  .homepage-seo .seo-row.reverse {
    flex-direction: column !important;
  }

  .homepage-seo .seo-image {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
  }

  .homepage-seo .seo-text {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
  }

  .homepage-seo .seo-image img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover;
    border-radius: 14px !important;
    display: block;
  }

  .homepage-seo .seo-text h2 {
    font-size: 1.45rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.75rem !important;
    color: var(--fy-primary, #0F2E28) !important;
  }

  .homepage-seo .seo-text p {
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    margin-bottom: 0.85rem !important;
  }
}