/* goturkiye.com — body base, container shell, shared section + heading + button primitives. */
html { background: var(--c-bg); }
body {
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: var(--ff);
  font-size: var(--fs-desc);
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
}
body.is-locked { overflow: hidden; }

a { color: inherit; }
img { object-fit: cover; }

/* Centered max-width container with responsive gutters. */
.gt-container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--pad);
}
@media (min-width: 1024px) { .gt-container { padding-inline: var(--pad-lg); } }

/* A content band (section) — generous vertical rhythm between bands, matching
   the source's airy section spacing. */
.gt-band { margin-top: 68px; }
.gt-band--tight { margin-top: 28px; }
@media (min-width: 768px) { .gt-band { margin-top: 104px; } }
@media (min-width: 1024px) { .gt-band { margin-top: 96px; } }

/* ---- Section heading: two-tone (white + green) + trailing arrow ---- */
.gt-heading {
  display: inline-flex;
  align-items: center;
  gap: .28em;
  flex-wrap: wrap;
  font-weight: 900;
  font-size: var(--fs-heading);
  line-height: var(--fs-heading-lh);
  letter-spacing: -.01em;
  color: var(--c-ink);
  margin-bottom: 24px;
}
.gt-heading .accent { color: var(--c-accent); }
.gt-heading__arrow {
  width: .62em; height: .62em;
  flex: none;
  color: var(--c-ink);
  transition: transform .2s ease;
}
a.gt-heading:hover .gt-heading__arrow,
.gt-heading:hover .gt-heading__arrow { transform: translateX(4px); }
@media (min-width: 1024px) {
  .gt-heading { font-size: 75px; line-height: 80px; margin-bottom: 28px; }
}

/* Optional lead paragraph under a heading. */
.gt-lead {
  max-width: 820px;
  color: var(--c-ink);
  font-size: var(--fs-desc);
  line-height: 28px;
  margin-bottom: 24px;
}

/* ---- Buttons ---- */
.gt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  padding: 8px 26px;
  border-radius: var(--radius-pill);
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.gt-btn--more { background: var(--c-accent-btn); color: #fff; }
.gt-btn--more:hover { background: var(--c-accent-btn-hover); transform: translateY(-1px); }
.gt-btn--light { background: #fff; color: #000; font-weight: 400; font-size: 16px; padding: 12px 24px; }
.gt-btn--light:hover { background: var(--c-accent); color: #000; }

/* Overlays are out of flow + hidden from first paint; the full look arrives with
   the deferred menu-l2 stylesheet. Without this they'd stack in normal flow. */
.gt-menu, .gt-search { position: fixed; inset: 0; z-index: 55; visibility: hidden; }

/* Screen-reader only. */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}