/* ============================================================
   GOPOS LAYOUT — v2 Aydınlık
   ============================================================ */

.container { width:100%; max-width:var(--container-max); margin-inline:auto; padding-inline:var(--container-pad); }
.container--sm{max-width:680px;} .container--md{max-width:860px;} .container--lg{max-width:1024px;}

/* ── Section ──────────────────────────────────────────────── */
.section { padding-block:var(--section-py); position:relative; }
.section--light    { background:var(--gp-bg-soft); }
.section--dark     { background:var(--gp-white); }
.section--gradient { background:radial-gradient(ellipse 70% 60% at 50% 0%, var(--gp-purple-soft) 0%, transparent 55%), var(--gp-bg-soft); }

/* ── Section Header ───────────────────────────────────────── */
.section-header { text-align:center; max-width:720px; margin-inline:auto; margin-bottom:clamp(2.5rem,5vw,4.5rem); }
.section-tag {
  display:inline-flex; align-items:center; gap:var(--space-2);
  font-size:var(--text-xs); font-weight:700; color:var(--gp-primary);
  background:var(--gp-primary-soft); padding:.45rem 1rem;
  border-radius:var(--radius-full); letter-spacing:.06em; text-transform:uppercase;
  margin-bottom:var(--space-5);
}
.section-tag::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--gp-primary); }
.section-tag--light { color:var(--gp-purple); background:var(--gp-purple-soft); }
.section-tag--light::before { background:var(--gp-purple); }

.section-title {
  font-size:clamp(var(--text-3xl),4.5vw,var(--text-5xl));
  font-weight:800; color:var(--gp-ink); letter-spacing:-.035em;
  line-height:1.08; margin-bottom:var(--space-5);
}
.section-desc { font-size:var(--text-lg); color:var(--gp-mute); max-width:620px; margin-inline:auto; line-height:1.7; }
.section-footer { display:flex; justify-content:center; margin-top:clamp(2.5rem,4vw,3.5rem); }

/* ── Grid yardımcıları ────────────────────────────────────── */
.grid { display:grid; gap:var(--space-6); }
.grid-2{grid-template-columns:repeat(2,1fr);} .grid-3{grid-template-columns:repeat(3,1fr);} .grid-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:1024px){ .grid-4{grid-template-columns:repeat(2,1fr);} .grid-3{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;} }

.flex{display:flex;} .flex-center{display:flex;align-items:center;justify-content:center;} .flex-between{display:flex;align-items:center;justify-content:space-between;}
.gap-2{gap:var(--space-2);} .gap-4{gap:var(--space-4);} .gap-6{gap:var(--space-6);}

/* ── Blob dekorları (bölüm köşelerinde renkli yumuşak lekeler) ── */
.section--light::before, .section--gradient::before {
  content:''; position:absolute; width:340px; height:340px; border-radius:50%;
  background:radial-gradient(circle, var(--gp-primary-soft) 0%, transparent 70%);
  top:-80px; right:-80px; opacity:.6; pointer-events:none;
}