/* ==========================================================================
   Kapanış ve alt bilgi
   ========================================================================== */

.kapanis {
  background: var(--renk-zemin-2);
  border-top: 1px solid var(--renk-cizgi);
}

.kapanis__ic { max-width: var(--genislik-dar); }

.kapanis__baslik {
  margin: var(--bosluk-2xs) 0 var(--bosluk-m);
  font-family: var(--yazi-soz);
  font-size: var(--ol-h2);
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: -0.03em;
  color: var(--renk-metin-koyu);
}

.kapanis__metin {
  max-width: 40rem;
  font-size: var(--ol-govde-buyuk);
  color: var(--renk-ikincil);
}

.kapanis__eylem {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bosluk-m);
  margin-top: var(--bosluk-l);
}

.magaza {
  display: inline-flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.7rem 1.35rem 0.8rem;
  border: 1px solid var(--renk-cizgi-koyu);
  border-radius: var(--yuvarlak-m);
  background: var(--renk-yuzey);
  box-shadow: var(--golge-1);
}

.magaza__ust {
  font-size: var(--ol-etiket);
  font-weight: 600;
  letter-spacing: var(--harf-genis);
  text-transform: uppercase;
  color: var(--renk-dikkat-metin);
  line-height: 1.2;
}

.magaza__alt {
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--renk-metin-koyu);
  line-height: 1.2;
}

.kapanis__bag { font-size: var(--ol-kucuk); }

/* ── Alt bilgi ───────────────────────────────────────────────────────────── */

.alt {
  padding-block: clamp(2.5rem, 1.5rem + 4vw, 4.5rem) var(--bosluk-m);
  background: var(--renk-metin-koyu);
  color: oklch(80% 0.014 80);
  font-size: var(--ol-kucuk);
}

.alt__ic,
.alt__son {
  width: 100%;
  max-width: var(--genislik);
  margin-inline: auto;
  padding-inline: var(--kenar);
}

.alt__ic {
  display: grid;
  gap: var(--bosluk-l);
  padding-bottom: var(--bosluk-l);
}

@media (min-width: 50rem) {
  .alt__ic {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(0, 1.4fr);
    gap: var(--bosluk-xl);
  }
}

.alt__marka .marka__isaret { margin-bottom: var(--bosluk-2xs); }

.alt__ad {
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--renk-zemin);
}

.alt__slogan {
  font-family: var(--yazi-soz);
  font-size: 1rem;
  color: oklch(74% 0.02 80);
}

.alt a {
  color: oklch(86% 0.015 80);
  text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
}

.alt a:hover { color: var(--renk-dikkat); }

.alt :focus-visible { outline-color: var(--renk-dikkat); }

.alt__gezinme ul,
.alt__iletisim ul {
  display: flex;
  flex-direction: column;
  gap: var(--bosluk-2xs);
}

.alt__uyari {
  margin-top: var(--bosluk-s);
  padding-top: var(--bosluk-s);
  border-top: 1px solid oklch(32% 0.02 70);
  font-size: var(--ol-mini);
  color: oklch(70% 0.015 80);
}

.alt__son {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bosluk-2xs) var(--bosluk-m);
  justify-content: space-between;
  padding-top: var(--bosluk-m);
  border-top: 1px solid oklch(32% 0.02 70);
  font-size: var(--ol-mini);
  color: oklch(72% 0.015 80);
}