/* ============================================================
   DEVİN — sözleşme / bilgi sayfaları
   ============================================================ */

.lg-top {
  border-bottom: 1px solid var(--line);
  background: var(--bone);
  position: sticky; top: 0; z-index: 20;
}
.lg-top-in {
  max-width: 820px; margin-inline: auto;
  padding: 0 18px; height: 60px;
  display: flex; align-items: center; gap: 14px;
}
.lg-top .back {
  display: flex; align-items: center; gap: 7px;
  font-size: 13px; color: var(--muted);
}
.lg-top .back:hover { color: var(--ink); }
.lg-top .mark {
  margin-left: auto;
  font-family: var(--serif); font-style: italic; font-weight: 600; font-size: 28px;
  letter-spacing: -.02em;
}
.lg-top .mark::after { content: '.'; font-style: normal; }

.lg-wrap { max-width: 820px; margin-inline: auto; padding: 34px 18px 60px; }
.lg-wrap h1 { font-size: 44px; }
.lg-wrap .lg-date { font-size: 12px; color: var(--muted); margin-top: 8px; }
.lg-wrap h2 {
  font-size: 26px; margin: 34px 0 12px;
  padding-top: 22px; border-top: 1px solid var(--line-soft);
}
.lg-wrap h3 { font-family: var(--sans); font-size: 14px; font-weight: 600; margin: 20px 0 8px; }
.lg-wrap p { font-size: 14.5px; line-height: 1.7; color: var(--ink-2); margin-bottom: 12px; }
.lg-wrap ul { margin: 0 0 14px; }
.lg-wrap li {
  font-size: 14.5px; line-height: 1.65; color: var(--ink-2);
  padding-left: 18px; position: relative; margin-bottom: 7px;
}
.lg-wrap li::before {
  content: ''; position: absolute; left: 3px; top: 10px;
  width: 5px; height: 5px; border-radius: 50%; background: var(--ink);
}
.lg-wrap b { color: var(--ink); font-weight: 600; }
.lg-wrap a { text-decoration: underline; text-underline-offset: 2px; }

/* firma künyesi tablosu */
.lg-firma {
  border: 1px solid var(--line-soft); background: var(--wash-2);
  border-radius: var(--r-lg); overflow: hidden;
  margin: 18px 0 24px;
}
.lg-firma .row {
  display: grid; grid-template-columns: 150px 1fr; gap: 14px;
  padding: 11px 16px; border-bottom: 1px solid var(--line-soft);
  font-size: 13.5px;
}
.lg-firma .row:last-child { border-bottom: 0; }
.lg-firma .row > span:first-child { color: var(--muted); }
.lg-firma .row > span:last-child { color: var(--ink); font-weight: 500; }
.lg-firma .bos { color: var(--muted-2); font-style: italic; font-weight: 400; }
@media (max-width: 560px) {
  .lg-firma .row { grid-template-columns: 1fr; gap: 2px; }
  .lg-wrap h1 { font-size: 34px; }
}

/* alt gezinme */
.lg-nav {
  margin-top: 44px;
  display: grid; gap: 8px;
}
.lg-nav a {
  background: var(--wash-2); padding: 15px 18px; border-radius: var(--r);
  display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600;
  text-decoration: none !important;
}
.lg-nav a:hover { background: var(--wash); }
.lg-nav a .ic { color: var(--muted); }
.lg-nav a .arrow { margin-left: auto; color: var(--muted-2); }
@media (min-width: 700px) { .lg-nav { grid-template-columns: 1fr 1fr; } }

/* ============================================================
   Ödeme logoları
   ============================================================ */
.paystrip {
  background: #fff;
  border-top: 1px solid var(--line);
  padding: 20px 18px;
}
.paystrip-in {
  max-width: 1240px; margin-inline: auto;
  display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.paystrip img { width: min(100%, 420px); height: auto; }
.paystrip .note {
  font-size: 11.5px; color: var(--muted); text-align: center;
  display: flex; align-items: center; gap: 7px; line-height: 1.5;
}
.paystrip .note .ic { color: var(--ink); flex-shrink: 0; }

/* ödeme adımındaki iyzico rozeti */
.iyz-badge {
  display: flex; align-items: center; gap: 12px;
  border: 1px solid var(--line-soft); background: var(--wash-2); border-radius: var(--r);
  padding: 12px 14px; margin-bottom: 14px;
}
.iyz-badge img { height: 26px; width: auto; flex-shrink: 0; }
.iyz-badge span { font-size: 11.5px; color: var(--muted); line-height: 1.45; }

/* ---------- sözleşme onay kutusu (ödeme adımı) ---------- */
.co-consent {
  display: flex; gap: 11px; align-items: flex-start;
  border: 1px solid var(--line); background: var(--wash-2); border-radius: var(--r);
  padding: 13px 14px; margin-bottom: 14px; cursor: pointer;
  transition: border-color .12s, background .12s;
}
.co-consent input { position: absolute; opacity: 0; pointer-events: none; }
.co-consent .box {
  width: 19px; height: 19px; flex-shrink: 0; margin-top: 1px;
  border: 1px solid var(--line); background: #fff; border-radius: 6px;
  display: grid; place-items: center; color: transparent;
}
.co-consent.on .box { background: var(--ink); border-color: var(--ink); color: #fff; }
.co-consent.on { border-color: var(--ink); }
.co-consent.bad { border-color: var(--ink); background: #fff; box-shadow: 0 0 0 2px var(--wash); }
.co-consent > span:last-child { font-size: 12.5px; line-height: 1.5; color: var(--ink-2); }
.co-consent a { text-decoration: underline; text-underline-offset: 2px; color: var(--ink); font-weight: 500; }

/* footer alt linkleri */
.paylist a {
  border: 1px solid rgba(255,255,255,.18); padding: 5px 12px; border-radius: 999px;
  font-size: 10px; letter-spacing: .04em; color: #B7CDBF;
}
.paylist a:hover { color: #fff; border-color: rgba(255,255,255,.4); }

/* ---------- çerez bildirimi ---------- */
.cookiebar {
  position: fixed; left: 0; right: 0; z-index: 190;
  bottom: 0; padding: 0 12px calc(12px + var(--safe-b));
  transform: translateY(120%); transition: transform .32s cubic-bezier(.32,.72,0,1);
  pointer-events: none;
}
.cookiebar:not(.on) { visibility: hidden; transition: transform .32s cubic-bezier(.32,.72,0,1), visibility 0s .32s; }
.cookiebar.on { transform: translateY(0); }
.cb-in {
  pointer-events: auto;
  max-width: 900px; margin-inline: auto;
  background: var(--ink); color: #E3EFE6;
  border-radius: var(--r-lg); padding: 14px 16px;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  box-shadow: 0 8px 30px rgba(20,51,38,.28);
}
.cb-in .ic { color: #fff; flex-shrink: 0; }
.cb-in p { flex: 1; min-width: 200px; font-size: 12.5px; line-height: 1.5; }
.cb-in b { color: #fff; }
.cb-in a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.cb-in .btn { background: #fff; border-color: #fff; color: var(--ink); flex-shrink: 0; }
.cb-in { border-radius: 22px; }

/* ---------- teslimat günü kartları ---------- */
.daygrid button { display: flex; flex-direction: column; gap: 2px; padding: 11px 8px; border-radius: var(--r) !important; }
.daygrid button b { font-size: 13.5px; font-weight: 600; }
.daygrid button span { font-size: 11px; color: var(--muted); }
.daygrid button.on span { color: rgba(255,255,255,.7); }
.daygrid button[disabled] { text-decoration: none; opacity: .45; }
.daygrid button[disabled] b { text-decoration: line-through; }

/* ---------- /hesap: e-posta doğrulama ve şifre yenileme ---------- */
.acc-action { max-width: 460px; min-height: 60vh; }
.aa-card { text-align: center; padding: 30px 4px 10px; }
.aa-card .aa-mark {
  width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 18px;
  display: grid; place-items: center; background: var(--wash); color: var(--ink);
}
.aa-card h1 { font-size: 34px; margin-bottom: 12px; }
.aa-card > p { font-size: 14.5px; }
.aa-btns { margin-top: 22px; display: grid; gap: 10px; }
.aa-btns .btn { text-decoration: none; }
.aa-form { text-align: left; margin-top: 20px; }
.aa-form .aa-show { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); margin: 2px 0 14px; }
.aa-form .aa-err { color: #B42318; font-size: 13px; min-height: 18px; margin-bottom: 8px; }