/*
 * Homepage "/" — Direction A, artboard Main.dc.html. Page-local classes only (p-home-*);
 * every shared look (s-*) comes from site.css and is composed, never restyled.
 * Loaded by layouts/site.php via HomeController's pageStyles.
 */

/* ------------------------------------------------------------------ hero */
/* Main: text column (flex 5 1 440px) beside the Sitede Düzenle figure (flex 7 1 640px);
   the row wraps to a single column below ~1250px, figure under the text. */
.p-home-hero__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(32px, 4vw, 56px);
  padding-block: clamp(28px, 6vw, 88px) clamp(48px, 6vw, 80px);
}
.p-home-hero__main { flex: 5 1 440px; min-width: 0; }
.p-home-hero__figure { flex: 7 1 640px; min-width: 0; }

/* -------------------------------------------------------- design cards */
/* two large cards (Dijital, Restoran) over a 3-up row of small cards */
.p-home-themes-lg { --s-min: 420px; }
.p-home-themes-sm { margin-top: 24px; }

/* --------------------------------------------------------------- pricing */
/* H2 takes the row, the Aylık / Yıllık toggle sits right (wraps under it when narrow) */
.p-home-pricing__title { flex: 1 1 480px; min-width: 0; }
.p-home-pricing__note {
  margin: 32px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}