/* Legend v2 bilesenleri — ham renk yok, hepsi var(--lg-*) (config/theme.php) */

/* ── Header ───────────────────────────────────────────────── */

.lg-header { background: var(--lg-ink); }

.lg-header__bar {
  display: grid;
  /* Mobil: [burger] [marka] [sepet], yan sutunlar esit */
  grid-template-columns: var(--lg-tap) minmax(0, 1fr) var(--lg-tap);
  align-items: center;
  gap: var(--lg-gap-xs);
  min-height: 68px;
  padding-block: 6px 2px;
}

@media (min-width: 992px) {
  .lg-header__bar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: var(--lg-gap);
  }
  .lg-header__cart { grid-column: 3; }
}

.lg-header__burger,
.lg-header__cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--lg-tap);
  height: var(--lg-tap);
  border: 1px solid var(--lg-line-soft);
  border-radius: var(--lg-r);
  background: transparent;
  color: var(--lg-text);
  cursor: pointer;
}

.lg-header__burger svg,
.lg-header__cart svg { width: 20px; height: 20px; }

.lg-header__cart { justify-self: end; }

@media (min-width: 992px) { .lg-header__burger { display: none; } }

.lg-wordmark {
  display: flex;
  align-items: center;
  justify-content: center;   /* mobilde ortali */
  gap: var(--lg-gap-sm);
  min-width: 0;
}

@media (min-width: 992px) { .lg-wordmark { justify-content: flex-start; } }
.lg-wordmark img { width: 40px; height: 40px; opacity: .92; }
.lg-wordmark span { display: block; }

.lg-wordmark b {
  display: block;
  color: var(--lg-text);
  font-size: .9375rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
}

.lg-wordmark small {
  display: block;
  margin-top: 5px;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-2xs);
  letter-spacing: 1.6px;
  line-height: 1.3;
}

.lg-header__nav { display: none; }

@media (min-width: 992px) {
  .lg-header__nav { display: block; justify-self: center; grid-column: 2; }
  .lg-wordmark { grid-column: 1; }
  .lg-header__nav ul { display: flex; }
  .lg-header__nav a {
    position: relative;
    display: block;
    margin-inline: 7px;
    padding: 20px 5px;
    color: var(--lg-text-2);
    font-size: var(--lg-fs-sm);
    font-weight: 600;
    transition: color var(--lg-ease);
  }
  .lg-header__nav a:hover,
  .lg-header__nav a[aria-current="page"] { color: var(--lg-text); }

  /* Alt cizgi soldan saga acilir */
  .lg-header__nav a::after {
    content: "";
    position: absolute;
    left: 5px;
    right: 100%;
    bottom: 14px;
    height: 1px;
    background: var(--lg-accent-glow);
    transition: right .22s ease;
  }
  .lg-header__nav a:hover::after { right: 5px; }
}

/* ── Serit (capraz gecisli) ────────────────────────────────── */
.lg-serit {
  display: grid;
  place-items: center;
  /* Uzun madde iki satira bolunur; min-height kutu ziplamasin diye */
  padding-block: 3px;
  padding-inline: var(--lg-gap);
  min-height: var(--lg-serit-h, 50px);
  /* Kutu ikon ve yazi olculeri — dar ekran kademeleri asagida */
  --lg-serit-kutu: 38px;
  --lg-serit-ara: 8px;
  --lg-serit-fs1: 1.05rem;
  --lg-serit-fs2: .9rem;
  background: var(--lg-surface);
  border-block: 1px solid var(--lg-accent-glow);
  overflow: hidden;
}

/* Yalnizca opacity/transform canlandirilir */
.lg-serit__item {
  grid-area: 1 / 1;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: var(--lg-serit-ara);
  text-align: left;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .45s ease, transform .45s ease;
}

/* Madde "·" isaretinden bolunur: ust satir baslik, alt satir aciklama */
.lg-serit__metin { display: block; min-width: 0; }

.lg-serit__item b {
  display: block;
  color: var(--lg-text);
  font-size: var(--lg-serit-fs1);
  line-height: 1.2;
  white-space: nowrap;
}

.lg-serit__item i {
  display: block;
  color: var(--lg-text-2);
  font-size: var(--lg-serit-fs2);
  line-height: 1.2;
  font-style: normal;
  white-space: nowrap;
}

/* Iki satir arasi ince altin ayrac */
.lg-serit__ayrac {
  display: block;
  height: 1px;
  margin-block: 1.5px;
  background: linear-gradient(90deg, var(--lg-gold-2), var(--lg-gold-1) 35%,
              color-mix(in srgb, var(--lg-gold-2) 40%, transparent) 75%, transparent);
}

.lg-serit__item.is-active { opacity: 1; transform: translateY(0); }

/* Kutu ikonu: iki satir boyunda (lg_icon('kutu-*')) */
.lg-serit__ikon {
  flex: 0 0 auto;
  width: var(--lg-serit-kutu);
  height: var(--lg-serit-kutu);
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .5));
}

/* Renkli ikon gradyanlari (lg_icon_defs) — yer kaplamaz, display:none DEGIL */
.lg-svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

/* Dar ekranda baslik bir kademe kucuk — oklara degmesin */
/* Dar ekranda yazi bir kademe kuculur (kutu ikon ~46px yer aliyor) */
@media (max-width: 359px) {
  .lg-serit { --lg-serit-kutu: 36px; --lg-serit-ara: 7px; --lg-serit-fs1: 1rem; --lg-serit-fs2: .84rem; }
}
@media (max-width: 349px) {
  .lg-serit { --lg-serit-kutu: 32px; --lg-serit-ara: 6px; --lg-serit-fs1: .93rem; --lg-serit-fs2: .78rem; }
}

/* Onceki / sonraki oklari — dokunma alani 36px x serit boyu */
.lg-serit { position: relative; }
.lg-serit__ok {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 36px;
  padding: 0 0 0 8px;
  border: 0;
  background: none;
  color: var(--lg-text-3);
  opacity: .7;
  cursor: pointer;
  transition: opacity var(--lg-ease), color var(--lg-ease);
}
.lg-serit__ok--sol { left: 0; }
.lg-serit__ok--sag { right: 0; justify-content: flex-end; padding: 0 8px 0 0; }
.lg-serit__ok svg { width: 8px; height: 14px; }
.lg-serit__ok:focus-visible { outline: none; opacity: 1; color: var(--lg-text-hi); }
@media (hover: hover) {
  .lg-serit__ok:hover { opacity: 1; color: var(--lg-text); }
}

/* ── Mobil menu ───────────────────────────────────────────── */

.lg-drawer { position: fixed; inset: 0; z-index: 90; background: rgba(0, 0, 0, .62); }

.lg-drawer__panel {
  width: min(320px, 86vw);
  height: 100%;
  padding: var(--lg-gap);
  background: var(--lg-surface);
  border-right: 1px solid var(--lg-line-soft);
  overflow-y: auto;
}

.lg-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lg-gap-xs);
  padding-bottom: var(--lg-gap);
  border-bottom: 1px solid var(--lg-line-soft);
  color: var(--lg-text-2);
  font-size: var(--lg-fs-sm);
  letter-spacing: 1px;
}

.lg-drawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border: 1px solid var(--lg-line-soft);
  border-radius: var(--lg-r);
  background: transparent;
  cursor: pointer;
}

.lg-drawer__close svg { width: 18px; height: 18px; }

.lg-drawer__list a {
  display: flex;
  align-items: center;
  gap: var(--lg-gap-xs);
  min-height: var(--lg-tap);
  padding-inline: var(--lg-gap-3xs);
  border-bottom: 1px solid var(--lg-line-soft);
  color: var(--lg-text-2);
  font-size: var(--lg-fs-sm);
  font-weight: 600;
}

.lg-drawer__list a[aria-current="page"] { color: var(--lg-text); }
.lg-drawer__icon { width: 18px; height: 18px; color: var(--lg-accent); }

/* ── Urun bolumu ──────────────────────────────────────────── */

.lg-product { padding-block: var(--lg-gap-sm) 0; }

/* ── Galeri ───────────────────────────────────────────────── */

.lg-gallery {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 0 0 4px;
  border: 1px solid var(--lg-accent-glow);
  border-radius: var(--lg-r-lg);
  background: var(--lg-surface);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .13);
  overflow: hidden;
}

.lg-gallery__main {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  touch-action: pan-y;
}

/* Onceki / sonraki: 34px daire, 44px dokunma alani. backdrop-filter bilerek yok */
.lg-gallery__ok {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--lg-text-hi);
  cursor: pointer;
}
.lg-gallery__ok::before {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  background: rgba(8, 8, 8, .42);
  transition: background var(--lg-ease), border-color var(--lg-ease);
}
.lg-gallery__ok svg { position: relative; width: 9px; height: 15px; opacity: .9; }
.lg-gallery__ok--sol { left: 4px; }
.lg-gallery__ok--sol svg { margin-right: 2px; }
.lg-gallery__ok--sag { right: 4px; }
.lg-gallery__ok--sag svg { margin-left: 2px; }
.lg-gallery__ok:focus-visible { outline: none; }
.lg-gallery__ok:focus-visible::before { border-color: var(--lg-accent-bright); }
@media (hover: hover) {
  .lg-gallery__ok:hover::before { background: rgba(8, 8, 8, .62); border-color: rgba(255, 255, 255, .3); }
}

/* Iki katman ust uste; gecis opaklik + hafif olcekle */
.lg-gallery__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.075);
  transition: opacity .6s cubic-bezier(.4, 0, .2, 1),
              transform 1.15s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
}

.lg-gallery__img.is-active { opacity: 1; transform: scale(1); }

.lg-gallery__thumbs {
  display: flex;
  gap: var(--lg-gap-2xs);
  padding-top: 4px;
}

.lg-gallery__thumb {
  position: relative;
  width: 52px;
  padding: 0 0 5px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.lg-gallery__thumb img {
  width: 100%;
  height: 52px;
  object-fit: cover;
  border: 1px solid var(--lg-line-soft);
  border-radius: var(--lg-r-sm);
  opacity: .6;
  transition: border-color var(--lg-ease), opacity var(--lg-ease);
}

.lg-gallery__thumb.is-active img { border-color: var(--lg-accent-line); opacity: 1; }

/* Slayt suresi cubugu — secili kucuk gorselin altinda */
.lg-gallery__thumb::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 99px;
  background: var(--lg-line-soft);
}

.lg-gallery__bar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 0;
  height: 3px;
  border-radius: 99px;
  background: var(--lg-grad-ribbon);
}

.lg-gallery__bar.is-running {
  width: 100%;
  transition: width linear var(--lg-slide-duration, 4200ms);
}

@media (max-width: 767px) {
  .lg-gallery__thumb { width: 46px; }
  .lg-gallery__thumb img { height: 46px; }
}

/* Masaustunde kucuk gorseller buyutulur */
@media (min-width: 768px) {
  .lg-gallery__thumbs { gap: 8px; }
  .lg-gallery__thumb { width: 72px; }
  .lg-gallery__thumb img { height: 72px; }
}

/* ── Satin alma kutusu ────────────────────────────────────── */

.lg-buybox { display: flex; flex-direction: column; }

@media (max-width: 991px) {
  .lg-product .lg-grid-2 { gap: var(--lg-gap-2xs); }
}

.lg-buybox__title {
  margin-top: 10px;
  margin-bottom: var(--lg-gap-2xs);
  color: var(--lg-text);
  font-size: var(--lg-fs-h1);
  font-weight: 700;
  letter-spacing: .86px;
  line-height: 1.25;
}

/* Mobilde harf araligi da baslikla oranli kuculur */
@media (max-width: 767px) {
  .lg-buybox__title { letter-spacing: .036em; }
}

.lg-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--lg-gap-xs);
  color: var(--lg-text-2);
  font-size: var(--lg-fs-md);
}

.lg-rating strong { color: var(--lg-text); font-weight: 700; }
.lg-rating__sep { color: var(--lg-line); }

.lg-buybox__price {
  margin-block: var(--lg-gap-sm);
  color: var(--lg-text);
  font-size: var(--lg-fs-price);
  font-weight: 700;
  line-height: 1;
}

/* ── Ozellik satirlari ────────────────────────────────────── */

.lg-highlights {
  display: grid;
  gap: var(--lg-gap-xs);
  margin-bottom: var(--lg-gap);
  /* --lg-hl-mad: madalyon capi, --lg-hl-sol: sol bosluk, --lg-hl-cizgi-pay: cizgi yan boslugu */
  --lg-hl-mad: 33px;
  --lg-hl-sol: 3px;
  --lg-hl-cizgi-pay: 5px;
}

.lg-highlights li {
  display: flex;
  align-items: center;
  gap: var(--lg-gap-xs);
  /* Dikey 2px: 33px madalyon 39px satira sigsin */
  padding: 2px 10px 2px var(--lg-hl-sol);
  min-height: 39px;
  border: 1px solid transparent;
  border-left: 4px solid var(--lg-accent-edge);
  border-radius: var(--lg-r);
  background: var(--lg-grad-feature) padding-box,
              var(--lg-grad-action-edge) border-box;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
  color: var(--lg-text);
  font-size: var(--lg-fs-lg);
  font-weight: 600;
  line-height: 1.55;
}

/* Ilk kisim kalin beyaz, ikinci kisim bir ton sakin */
.lg-highlights li b { font-weight: 700; white-space: nowrap; }
/* Madalyon ikon (lg_icon('madalyon-*')) — burada yalnizca olcu ve golge */
.lg-highlights__ikon {
  flex: 0 0 auto;
  width: var(--lg-hl-mad);
  height: var(--lg-hl-mad);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .6));
}
/* Madalyon ile yazi arasindaki dikey altin cizgi */
.lg-highlights__cizgi {
  flex: 0 0 auto;
  align-self: stretch;
  width: 1px;
  /* 1px'in %60'i, yalnizca transform ile */
  transform: scaleX(.6);
  margin-block: 4px;
  margin-inline: calc(var(--lg-hl-cizgi-pay) - var(--lg-gap-xs));
  background: linear-gradient(180deg, transparent,
              var(--lg-gold-2) 30%, var(--lg-gold-1) 50%, var(--lg-gold-2) 70%, transparent);
  box-shadow: 0 0 3px color-mix(in srgb, var(--lg-gold-2) 35%, transparent);
}
.lg-highlights li span { color: var(--lg-text-2); font-weight: 500; white-space: nowrap; }
.lg-highlights__ayrac {
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  margin-inline: 3px;
  background: var(--lg-gold-1);
  box-shadow: 0 0 4px color-mix(in srgb, var(--lg-gold-2) 60%, transparent);
  transform: rotate(45deg);
}

/* Cok dar ekranda slogan tek satirda kalsin */
@media (max-width: 389px) {
  .lg-highlights { --lg-hl-mad: 31px; --lg-hl-cizgi-pay: 5px; }
  .lg-highlights li { font-size: var(--lg-fs-base); gap: var(--lg-gap-2xs); padding-inline: var(--lg-hl-sol) 8px; }
  .lg-highlights__cizgi { margin-inline: calc(var(--lg-hl-cizgi-pay) - var(--lg-gap-2xs)); }
}

/* 341-349: 14px yazinin en sikisik bandi */
@media (max-width: 349px) {
  .lg-highlights { --lg-hl-mad: 26px; --lg-hl-cizgi-pay: 4px; }
}

@media (max-width: 340px) {
  .lg-highlights { --lg-hl-mad: 22px; --lg-hl-sol: 3px; --lg-hl-cizgi-pay: 3px; }
  .lg-highlights li { font-size: var(--lg-fs-sm); }
}

/* ── Anlik sinyaller ──────────────────────────────────────── */

.lg-signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lg-gap-sm);
  margin-bottom: var(--lg-gap-sm);
}

.lg-signal {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  place-items: center;
  gap: 2px;
  min-height: 40px;
  padding: var(--lg-gap-3xs);
  border: 1px solid transparent;
  border-radius: var(--lg-r);
  font-size: var(--lg-fs-md);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

/* Nabiz: tepe scale(1), metin buyutulmez ve bulaniklasmaz */
.lg-signal { animation: lg-signal-pulse 2.2s ease-in-out infinite; }

/* Kapsulun uzerinden gecen beyaz parlama */
.lg-signal::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--lg-grad-sweep);
  animation: lg-signal-sweep 4s ease-in-out infinite;
  pointer-events: none;
}

.lg-signal--warn,
.lg-signal--warn::after { animation-delay: 1.1s; }

@keyframes lg-signal-pulse {
  0%, 100% { transform: scale(.948); }
  50%      { transform: scale(1); }
}

@keyframes lg-signal-sweep {
  0%, 18%   { transform: translateX(-140%); }
  65%, 100% { transform: translateX(140%); }
}

.lg-signal__row { display: inline-flex; align-items: center; gap: 5px; }
.lg-signal__icon { width: 17px; height: 17px; }
.lg-signal__row { gap: var(--lg-gap-2xs); }
.lg-signal b { font-size: var(--lg-fs-md); font-weight: 800; line-height: 1.2; }
.lg-signal__note { font-size: var(--lg-fs-base); font-weight: 600; line-height: 1.2; }

.lg-signal--ok {
  background: var(--lg-grad-ok);
  border-color: color-mix(in srgb, var(--lg-ok) 60%, transparent);
  box-shadow: inset 0 1px 0 rgba(129, 239, 184, .17), 0 3px 12px rgba(22, 162, 97, .09);
  color: var(--lg-ok-text);
}

.lg-signal--warn {
  background: var(--lg-grad-warn);
  border-color: color-mix(in srgb, var(--lg-warn) 60%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 208, 145, .19), 0 3px 12px rgba(222, 134, 34, .09);
  color: var(--lg-warn-text);
}

/* Kenar isigi: ::before halka + donen conic-gradient, aci @property ile canlanir.
   @property yoksa bant sabit kalir. */
@property --lg-sig-aci {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.lg-signal::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 1.5px;
  border-radius: calc(var(--lg-r) - 1px);
  background: conic-gradient(from var(--lg-sig-aci),
              transparent 0deg 250deg,
              color-mix(in srgb, var(--lg-sig-isik) 55%, transparent) 290deg,
              var(--lg-sig-isik) 325deg,
              var(--lg-text-hi) 338deg,
              var(--lg-sig-isik) 350deg,
              transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: lg-sig-kenar 3s linear infinite;
  pointer-events: none;
}
.lg-signal--ok   { --lg-sig-isik: var(--lg-ok-text); }
.lg-signal--warn { --lg-sig-isik: var(--lg-warn-text); }
.lg-signal--warn::before { animation-delay: -1.5s; }   /* iki kapsulde bant ayni yerde olmasin */

@keyframes lg-sig-kenar {
  to { --lg-sig-aci: 360deg; }
}

/* ── Stok seridi ──────────────────────────────────────────── */

.lg-stock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lg-gap-xs);
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid var(--lg-accent-deep);
  border-radius: var(--lg-r-sm);
  background: var(--lg-grad-stock);
  color: var(--lg-text);
  font-size: var(--lg-fs-md);
  font-weight: 700;
  transform-origin: center;
  will-change: transform;
  animation: lg-stock-shake 2.8s ease-in-out infinite;
}

.lg-stock__icon { width: 19px; height: 19px; color: var(--lg-warn); }

@keyframes lg-stock-shake {
  0%, 65%, 100%  { transform: translate(0, 0) rotate(0); }
  68%, 76%, 84%  { transform: translate(-1.5px, 1px) rotate(-.35deg); }
  72%, 80%, 88%  { transform: translate(1.5px, -1px) rotate(.35deg); }
  92%            { transform: translate(-.5px, .5px) rotate(0); }
}

/* ── Fiyat basligi ─────────────────────────────────────────── */
.lg-fiyat-baslik {
  margin: 20px 0 16px;
  text-align: center;
  /* Sepet butonu bu satira kaydirir; capa ust kenara yapismasin */
  scroll-margin-top: 14px;
}

.lg-fiyat-baslik__satir {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Yan cizgiler: disa dogru sonen altin, ic ucta elmas */
.lg-fiyat-baslik__satir i {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--lg-gold-2) 70%, transparent));
}
.lg-fiyat-baslik__satir i:last-child {
  background: linear-gradient(270deg, transparent, color-mix(in srgb, var(--lg-gold-2) 70%, transparent));
}
.lg-fiyat-baslik__satir i::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2.5px;
  width: 5px;
  height: 5px;
  background: var(--lg-gold-1);
  transform: rotate(45deg);
}
.lg-fiyat-baslik__satir i:last-child::after { right: auto; left: -2.5px; }

.lg-fiyat-baslik__satir b {
  flex: 0 0 auto;
  color: var(--lg-gold-2);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .2em;
  margin-right: -.2em;          /* son harfin araligi ortalamayi kaydirmasin */
  line-height: 1.2;
  white-space: nowrap;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .lg-fiyat-baslik__satir b {
    background: linear-gradient(180deg, var(--lg-gold-1) 10%, var(--lg-gold-2) 60%,
                color-mix(in srgb, var(--lg-gold-2) 75%, var(--lg-gold-3)) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}

.lg-fiyat-baslik__alt {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Uyari kutusu kadar yer hep ayrili — kartlar itilmesin */
  min-height: 32px;
  margin: 4px 0 0;
  font-size: var(--lg-fs-sm);
  line-height: 1.3;
}
.lg-fiyat-baslik__sec {
  color: color-mix(in srgb, var(--lg-cream) 62%, transparent);
  font-weight: 500;
  letter-spacing: .08em;
}
.lg-fiyat-baslik__uyari {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--lg-accent-bright);
  border-radius: var(--lg-r-sm);
  background: color-mix(in srgb, var(--lg-accent) 18%, transparent);
  box-shadow: 0 0 10px var(--lg-accent-glow);
  color: var(--lg-text-hi);
  font-weight: 700;
}
/* Uyari titremesi: tek sefer, sonumlenen, yalnizca transform */
.lg-fiyat-baslik.is-uyari .lg-fiyat-baslik__uyari { animation: lg-uyari-titre .7s ease-out 1; }
@keyframes lg-uyari-titre {
  0%, 100% { transform: translateX(0); }
  15%      { transform: translateX(-3px); }
  35%      { transform: translateX(3px); }
  55%      { transform: translateX(-2px); }
  75%      { transform: translateX(1px); }
}
.lg-fiyat-baslik__ikon { width: 15px; height: 15px; color: var(--lg-accent-bright); flex: 0 0 auto; }

/* Secimsiz siparis istenince: alt satir uyariya doner (yer ayni) */
.lg-fiyat-baslik.is-uyari .lg-fiyat-baslik__sec   { display: none; }
.lg-fiyat-baslik.is-uyari .lg-fiyat-baslik__uyari { display: inline-flex; }

@media (max-width: 359px) {
  .lg-fiyat-baslik__satir { gap: 9px; }
  .lg-fiyat-baslik__satir b { font-size: .9375rem; letter-spacing: .16em; margin-right: -.16em; }
}

/* ── Paket kartlari ───────────────────────────────────────── */

.lg-packages { display: grid; gap: 9px; margin: 0; padding: 0; border: 0; }

/* Paket secmeden siparis: kartlarda iki kez kirmizi nabiz */
.lg-packages.is-uyari .lg-package { animation: lg-paket-uyari .55s ease-in-out 2; }
@keyframes lg-paket-uyari {
  0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03); }
  50%      { box-shadow: inset 0 0 0 1px var(--lg-accent-bright), 0 0 12px var(--lg-accent-glow); }
}

.lg-package {
  --lg-pkg-rail: 40px;   /* sol ray genisligi */
  --lg-pkg-pad-l: 50px;
  --lg-pkg-pad-r: 14px;
  position: relative;
  display: grid;
  grid-template-columns: max-content max-content max-content;
  /* Artan yer iki araya esit bolunur, kapsul blogu ortada kalir.
     minmax(0,1fr) kullanma: daralinca kapsul yazilarin ustune biniyor */
  justify-content: space-between;
  grid-template-areas:
    "title tags price"
    "note  tags old";
  gap: 3px var(--lg-gap-sm);
  align-items: center;
  padding: 12px var(--lg-pkg-pad-r) 12px var(--lg-pkg-pad-l);
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-r);
  background: var(--lg-grad-card);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
  cursor: pointer;
  overflow: hidden;
  transition: border-color var(--lg-ease), background var(--lg-ease);
}

.lg-package:has(input:checked) {
  background: var(--lg-grad-card-on);
  border-color: var(--lg-accent-line);
  box-shadow: inset 0 0 0 1px var(--lg-accent-line),
              inset 0 1px 0 rgba(255, 85, 85, .07);
}

.lg-package:has(input:focus-visible) { outline: 2px solid #e0e0e0; outline-offset: 3px; }

.lg-package input { position: absolute; opacity: 0; pointer-events: none; }

.lg-package__rail {
  position: absolute;
  inset: 0 auto 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--lg-pkg-rail);
  background: var(--lg-grad-rail);
  border-right: 1px solid var(--lg-rail-edge);
  pointer-events: none;
  transition: background var(--lg-ease), border-color var(--lg-ease);
}

.lg-package:has(input:checked) .lg-package__rail {
  background: var(--lg-grad-rail-on);
  border-right-color: var(--lg-rail-edge-on);
}

.lg-package__radio {
  width: 17px;
  height: 17px;
  border: 2px solid #d0baba;
  border-radius: 50%;
  background: var(--lg-surface-4);
}

.lg-package:has(input:checked) .lg-package__radio {
  border-color: #fff;
  background: #fff;
  box-shadow: inset 0 0 0 4px var(--lg-accent-ring);
}

/* 1. satir: adet solda, fiyat sagda */
.lg-package__title {
  grid-area: title;
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-xl);
  font-weight: 750;
  line-height: 1.25;
}

.lg-package__price {
  grid-area: price;
  justify-self: end;
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-3xl);
  font-weight: 750;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* 2. satir: birim fiyat solda, eski fiyat + rozet sagda */
/* Rakam "Tanesi" ile ayni boy ve renkte, yalnizca kalin. text-transform yok (Turkce i sorunu) */
.lg-package__note {
  grid-area: note;
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-2xs);
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.3;
  white-space: nowrap;
}

.lg-package__note b {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

/* Isilti: gradyan harflere kirpili (background-clip:text), background-position kayar.
   Yalnizca kartlar ekrandayken (.is-ekranda, storefront.js). @supports yoksa duz gri kalir */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .lg-packages.is-ekranda .lg-package__note {
    /* Dar parlak yansima bandi, tepeler %18 / %84 */
    background: linear-gradient(100deg,
                var(--lg-text-3) 0%,
                var(--lg-text-3) 9%,
                color-mix(in srgb, var(--lg-cream) 60%, var(--lg-text-hi)) 14.5%,
                var(--lg-text-hi) 18%,
                color-mix(in srgb, var(--lg-cream) 60%, var(--lg-text-hi)) 21.5%,
                var(--lg-text-3) 27%,
                var(--lg-text-3) 75%,
                color-mix(in srgb, var(--lg-cream) 60%, var(--lg-text-hi)) 80.5%,
                var(--lg-text-hi) 84%,
                color-mix(in srgb, var(--lg-cream) 60%, var(--lg-text-hi)) 87.5%,
                var(--lg-text-3) 93%,
                var(--lg-text-3) 100%) 0 0 / 200% 100% repeat-x;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    animation: lg-tag-yaldiz 5s linear infinite;
  }

  /* Kartlar ayni anda parlamasin */
  .lg-packages.is-ekranda .lg-package:nth-of-type(even) .lg-package__note {
    animation-delay: .7s;
  }
}

.lg-package__old {
  grid-area: old;
  justify-self: end;
  color: var(--lg-price-old);
  /* 16px: 18px'te kart boyu uzuyor */
  font-size: var(--lg-fs-lg);
  line-height: 1.3;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}

/* Yaldiz satirlar: zemin/kenarlik/ikon yok, iki satir tipografi + ince altin cizgi */
.lg-package__tags {
  grid-area: tags;
  justify-self: center;
  display: grid;
  justify-items: center;
  gap: 5px;
  position: relative;
  z-index: 0;                    /* gomme yuva (::before, -1) yazinin altinda */
  --lg-yuva-y: 4px;              /* yuvanin yazidan tasmasi: dikey */
  --lg-yuva-x: 9px;              /* yatay */
  --lg-tag-harf: .12em;          /* 1. satirin harf araligi */
}

.lg-package__off,
.lg-package__save {
  position: relative;
  line-height: 1.15;
  white-space: nowrap;
}

.lg-package__off {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: var(--lg-tag-harf);
  /* son harfin araligi ortalamayi kaydirmasin */
  margin-right: calc(-1 * var(--lg-tag-harf));
  color: var(--lg-gold-2);
}

.lg-package__save {
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .03em;
  color: color-mix(in srgb, var(--lg-cream) 82%, transparent);
}

/* Gomme yuva: kenarlik yok, sinir golge ve isikla. Mutlak konumlu, kart boyunu degistirmez */
.lg-package__tags::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: calc(-1 * var(--lg-yuva-y)) calc(-1 * var(--lg-yuva-x));
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .26));
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .7),
              inset 0 -1px 0 rgba(255, 255, 255, .07),
              0 -1px 0 rgba(0, 0, 0, .35),
              0 1px 0 rgba(255, 255, 255, .08);
  pointer-events: none;
}

/* Oyma yazi: drop-shadow yaldizin altina duser, text-shadow ustune binerdi */
.lg-package__off,
.lg-package__save {
  filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, .75))
          drop-shadow(0 1px 0 rgba(255, 255, 255, .10));
}

/* Tutarlar kalin */
.lg-package__off  .lg-package__tag-sayi { font-weight: 800; }
.lg-package__save .lg-package__tag-sayi { font-weight: 700; }

/* Iki satir arasi ince altin cizgi, uclari sonuk */
.lg-package__save::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -10%;
  right: -10%;
  height: 1px;
  background: linear-gradient(90deg,
              transparent,
              color-mix(in srgb, var(--lg-gold-2) 75%, transparent) 30%,
              color-mix(in srgb, var(--lg-gold-1) 85%, transparent) 50%,
              color-mix(in srgb, var(--lg-gold-2) 75%, transparent) 70%,
              transparent);
}

/* Altin yaldiz — @supports yoksa duz altin kalir */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .lg-package__off {
    /* Dar parlak yansima bandi: altin omuz + beyaz cekirdek */
    background: linear-gradient(100deg,
                var(--lg-gold-2) 0%,
                var(--lg-gold-2) 9%,
                var(--lg-gold-1) 14.5%,
                var(--lg-text-hi) 18%,
                var(--lg-gold-1) 21.5%,
                var(--lg-gold-2) 27%,
                color-mix(in srgb, var(--lg-gold-2) 70%, var(--lg-gold-3)) 50%,
                var(--lg-gold-2) 75%,
                var(--lg-gold-1) 80.5%,
                var(--lg-text-hi) 84%,
                var(--lg-gold-1) 87.5%,
                var(--lg-gold-2) 93%,
                var(--lg-gold-2) 100%) 0 0 / 200% 100% repeat-x;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  /* Yavas yaldiz isigi — yalnizca kartlar ekrandayken */
  /* 2. satir da ayni isikla: krem zemin, beyaz tepe */
  .lg-package__save {
    background: linear-gradient(100deg,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 0%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 9%,
                var(--lg-cream) 14.5%,
                var(--lg-text-hi) 18%,
                var(--lg-cream) 21.5%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 27%,
                color-mix(in srgb, var(--lg-cream) 62%, transparent) 50%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 75%,
                var(--lg-cream) 80.5%,
                var(--lg-text-hi) 84%,
                var(--lg-cream) 87.5%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 93%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 100%) 0 0 / 200% 100% repeat-x;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
  .lg-packages.is-ekranda .lg-package__off,
  .lg-packages.is-ekranda .lg-package__save {
    animation: lg-tag-yaldiz 5s linear infinite;
  }
  /* alt satir isigi biraz sonra — isik asagi akiyor gibi */
  .lg-packages.is-ekranda .lg-package__save { animation-delay: -4.6s; }
  .lg-packages.is-ekranda .lg-package:nth-of-type(odd) .lg-package__off {
    animation-delay: -2.5s;
  }
  .lg-packages.is-ekranda .lg-package:nth-of-type(odd) .lg-package__save {
    animation-delay: -2.1s;
  }
}

@keyframes lg-tag-yaldiz {
  from { background-position: 0 0; }
  to   { background-position: -200% 0; }
}

@media (max-width: 767px) {
  .lg-package {
    /* --lg-pkg-rail / pad-l / pad-r mobilde de tabandan gelir */
    gap: 2px 8px;
  }
  .lg-package__radio { width: 16px; height: 16px; }
  .lg-package__title { font-size: 1.0625rem; }
  .lg-package__price { font-size: 1.25rem; }
  .lg-package__note { font-size: var(--lg-fs-xs); }
  .lg-package__old { font-size: var(--lg-fs-lg); }
  .lg-package__off  { font-size: var(--lg-fs-xs); }
  .lg-package__save { font-size: var(--lg-fs-2xs); }
}

/* Dar ekran: 345-375px'te birim fiyat kirpiliyordu */
@media (max-width: 384px) {
  .lg-package {
    --lg-pkg-pad-l: 46px;
    --lg-pkg-pad-r: 6px;
    gap: 2px 4px;
  }
  .lg-package__title { font-size: 1rem; }
  .lg-package__price { font-size: 1.15rem; }
  .lg-package__off  { font-size: var(--lg-fs-2xs); }
  .lg-package__old { font-size: var(--lg-fs-md); }
}

/* En dar (320-349px): ray, bosluklar ve fiyatlar bir kademe daha kisilir */
@media (max-width: 349px) {
  .lg-package {
    --lg-pkg-rail: 32px;
    --lg-pkg-pad-l: 35px;
    --lg-pkg-pad-r: 4px;
    gap: 2px 2px;
  }
  .lg-package__price { font-size: 1.05rem; }
  /* gomme yuva dar ekranda yana 5px, fiyata binmesin */
  .lg-package__tags { --lg-yuva-x: 5px; }
}

/* Kose rozeti (lg_package_rozet, lib/helpers.php) — kart boyu ve yerlesimi degismez.
   overflow visible: serit kart disina tasiyor */
.lg-package--rozetli { overflow: visible; }

.lg-package--rozetli .lg-package__rail {
  border-radius: calc(var(--lg-r) - 1px) 0 0 calc(var(--lg-r) - 1px);
}

.lg-rozet {
  position: absolute;
  z-index: 1;
  /* ustteki karta cok yaklasmasin */
  top: -6px;
  right: -1px;             /* sag kenar kartin dis kenariyla ayni cizgide */
  display: flex;
  height: 18px;
  /* dis parlama — yalnizca siluetin disinda */
  filter: drop-shadow(0 0 2.5px var(--lg-rz-parilti))
          drop-shadow(0 2px 2px rgba(0, 0, 0, .6));
  pointer-events: auto;
}

/* Ust kenardaki sicak isik noktasi */
.lg-rozet::after {
  content: '';
  position: absolute;
  top: -1.5px;
  left: 12px;
  width: 30px;
  height: 4px;
  background: radial-gradient(closest-side, var(--lg-rz-sicak), transparent);
  pointer-events: none;
}

.lg-rozet__sol,
.lg-rozet__sag {
  flex: none;
  display: block;
  overflow: visible;
}
.lg-rozet__sol { width: 24px; height: 18px; margin-right: -1px; }
.lg-rozet__sag { width: 10px; height: 32px; margin-left: -.6px; }

.lg-rozet__govde {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 18px;
  /* sagda pay: koseyi saran parlak uc yazinin disinda da gorunsun */
  padding: 0 6px 0 3px;
  border-block: 1px solid var(--lg-rz-k);
  /* Katmanlar: yatay golge (sag uc parlak) + dikey hacim; inset golge kabartir */
  background:
    linear-gradient(90deg, var(--lg-rz-golge) 0, color-mix(in srgb, var(--lg-rz-golge) 75%, transparent) 55%, transparent 94%) border-box,
    linear-gradient(180deg, var(--lg-rz-d1), var(--lg-rz-d2) 35%, var(--lg-rz-d3) 75%, var(--lg-rz-d2)) border-box;
  box-shadow: inset 0 2px 1px -1px color-mix(in srgb, var(--lg-rz-kenar-ic) 55%, transparent),
              inset 0 -2px 1px -1px color-mix(in srgb, var(--lg-rz-kenar-ic) 55%, transparent);
  white-space: nowrap;
}

/* Metalik yazi: krem -> altin, destek yoksa duz krem */
.lg-rozet__govde b {
  color: var(--lg-cream);
  font-size: var(--lg-fs-2xs);
  font-weight: 800;
  letter-spacing: .03em;
  line-height: 1;
  /* Buyuk harfler dikeyde tam ortada dursun (yazi tipinden bagimsiz) */
  text-box: trim-both cap alphabetic;
  /* Kirpilmis kutu cengel ve noktalari disarida birakir; dolgu boyama alanini genisletir */
  padding-block: 3px;
  filter: drop-shadow(0 1px .5px rgba(0, 0, 0, .7));
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .lg-rozet__govde b {
    background: linear-gradient(180deg, var(--lg-text-hi) 10%, var(--lg-cream) 50%, var(--lg-gold-1) 70%, var(--lg-gold-2));
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}

.lg-rozet__ikon {
  flex: none;
  width: auto;
  height: 11.5px;
  filter: drop-shadow(0 0 2px var(--lg-rz-ikon-isik));
}
/* Tac genis, alev uzun — optik esitlik icin tac bir kademe alcak */
.lg-rozet--altin .lg-rozet__ikon { height: 10.5px; }

/* Kirmizi: sag uc parlak, sol taraf koyu bordo */
.lg-rozet--kirmizi {
  --lg-rz-d1: var(--lg-accent-bright);
  --lg-rz-d2: var(--lg-accent);
  --lg-rz-d3: color-mix(in srgb, var(--lg-accent) 65%, var(--lg-accent-deep));
  --lg-rz-golge: rgba(0, 0, 0, .78);
  --lg-rz-k: var(--lg-accent-bright);
  --lg-rz-kenar-ic: color-mix(in srgb, var(--lg-accent) 80%, transparent);
  --lg-rz-isik: rgba(255, 150, 150, .55);
  --lg-rz-sicak: rgba(255, 214, 190, .9);
  --lg-rz-parilti: var(--lg-accent-glow);
  --lg-rz-ikon-isik: color-mix(in srgb, var(--lg-warn) 70%, transparent);
}

/* Altin: sag uc bronz, sol taraf siyah */
.lg-rozet--altin {
  --lg-rz-d1: var(--lg-gold-2);
  --lg-rz-d2: var(--lg-gold-3);
  --lg-rz-d3: color-mix(in srgb, var(--lg-gold-3) 80%, var(--lg-gold-ink));
  --lg-rz-golge: rgba(0, 0, 0, .8);
  --lg-rz-k: var(--lg-gold-2);
  --lg-rz-kenar-ic: color-mix(in srgb, var(--lg-gold-3) 80%, transparent);
  --lg-rz-isik: color-mix(in srgb, var(--lg-gold-1) 60%, transparent);
  --lg-rz-sicak: color-mix(in srgb, var(--lg-gold-1) 90%, transparent);
  --lg-rz-parilti: color-mix(in srgb, var(--lg-gold-2) 45%, transparent);
  --lg-rz-ikon-isik: color-mix(in srgb, var(--lg-gold-2) 60%, transparent);
}

/* ── Satin al ─────────────────────────────────────────────── */

.lg-buy { margin-top: 17px; }

.lg-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lg-gap-xs);
  width: 100%;
  min-height: 60px;
  padding: 16px 18px;
  border: 1px solid transparent;
  border-radius: var(--lg-r-md);
  font-size: var(--lg-fs-2xl);
  font-weight: 700;
  letter-spacing: .3px;
  line-height: 1.2;
  white-space: nowrap;   /* yazi alt satira kaymasin */
  cursor: pointer;
}

/* Butonun etrafinda donen isik icin dis sarmalayici */
.lg-btn--primary {
  position: relative;
  isolation: isolate;
  border: 0;                         /* cerceve boyali zemin + ::after ic yuzey */
  background: var(--lg-grad-action-edge);
  color: var(--lg-text-hi);
  /* Yuzeyden kalkik dursun: renkli hale + sert alt kenar + zemin golgesi */
  box-shadow: 0 0 22px color-mix(in srgb, var(--lg-accent) 30%, transparent),
              0 4px 0 color-mix(in srgb, var(--lg-accent-dark) 85%, #000),
              0 12px 26px rgba(0, 0, 0, .45);
  overflow: hidden;
  transition: transform .12s ease, box-shadow .12s ease;
}

/* Basilinca gercekten basiliyormus gibi otursun */
.lg-btn--primary:active {
  transform: translateY(3px);
  box-shadow: 0 0 14px color-mix(in srgb, var(--lg-accent) 22%, transparent),
              0 1px 0 color-mix(in srgb, var(--lg-accent-dark) 85%, #000),
              0 5px 14px rgba(0, 0, 0, .4);
}

/* Kenar boyunca donen isik huzmesi */
.lg-btn--primary::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  width: 210%;
  aspect-ratio: 1;
  translate: -50% -50%;
  background: conic-gradient(from 0deg,
              transparent 0deg,
              color-mix(in srgb, var(--lg-accent-bright) 85%, #fff) 26deg,
              #fff 34deg,
              color-mix(in srgb, var(--lg-accent-bright) 85%, #fff) 42deg,
              transparent 70deg,
              transparent 360deg);
  animation: lg-btn-orbit 3.4s linear infinite;
}

/* Ic yuzey — isik yalnizca kenarda kalir */
.lg-btn--primary::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px;
  border-radius: calc(var(--lg-r-md) - 2px);
  background: var(--lg-grad-action);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28),
              inset 0 -1px 0 rgba(0, 0, 0, .25);
}

/* Kayan cam yansimasi — span'i storefront.js ekler */
.lg-btn__shine {
  position: absolute;
  z-index: 0;
  top: 0;
  /* Konum sabit, hareket transform ile (left canlandirilmaz) */
  left: -70%;
  width: 55%;
  height: 100%;
  background: linear-gradient(120deg,
              transparent 0%,
              rgba(255, 255, 255, .45) 50%,
              transparent 100%);
  transform: translateX(0) skewX(-20deg);
  pointer-events: none;
  animation: lg-btn-shine 3.6s ease-in-out infinite;
}

@keyframes lg-btn-shine {
  /* 354.5% = kendi genisliginin kati, butonun tamamini gecer */
  0%   { transform: translateX(0)      skewX(-20deg); }
  45%  { transform: translateX(354.5%) skewX(-20deg); }
  100% { transform: translateX(354.5%) skewX(-20deg); }
}

.lg-btn--primary > *:not(.lg-btn__shine) { position: relative; z-index: 1; }

/* Siparis disindaki butonlar: ayni gorunum, isik ve yansima yok */
.lg-btn--sade::before { content: none; }
.lg-btn--sade {
  box-shadow: 0 4px 0 color-mix(in srgb, var(--lg-accent-dark) 85%, #000),
              0 12px 26px rgba(0, 0, 0, .45);
}

@keyframes lg-btn-orbit {
  to { rotate: 360deg; }
}

.lg-btn__icon { width: 24px; height: 24px; flex: 0 0 auto; }

.lg-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--lg-gap-2xs);
  margin-top: var(--lg-gap-xs);      /* butonun hemen altinda */
}

/* Fiyat ile sloganlar arasindaki duz guven satiri — kapsulsuz, ortali */
.lg-trustline {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px var(--lg-gap-xs);
  margin-bottom: var(--lg-gap-xs);
  color: var(--lg-text-2);
  font-size: var(--lg-fs-md);
  font-weight: 600;
}

.lg-trustline li { display: flex; align-items: center; gap: 5px; }

.lg-trustline__icon {
  width: 17px;
  height: 17px;
  color: var(--lg-accent-bright);
  flex: 0 0 auto;
}

.lg-trustline li + li::before {
  content: "|";
  margin-right: var(--lg-gap-xs);
  color: var(--lg-line);
  font-weight: 400;
}

/* Dar ekranda satir tek satirda kalsin diye yazi kademeli kuculur */
@media (max-width: 459px) {
  .lg-trustline { font-size: var(--lg-fs-base); gap: 2px var(--lg-gap-2xs); }
  .lg-trustline li { gap: 4px; }
  .lg-trustline__icon { width: 15px; height: 15px; }
  .lg-trustline li + li::before { margin-right: var(--lg-gap-2xs); }
}

@media (max-width: 418px) { .lg-trustline { font-size: var(--lg-fs-sm); } }   /* 13px */
@media (max-width: 397px) { .lg-trustline { font-size: .75rem; } }            /* 12px */
@media (max-width: 377px) { .lg-trustline { font-size: .71875rem; } }         /* 11,5px */

@media (max-width: 367px) {
  .lg-trustline { font-size: var(--lg-fs-xs); }                               /* 11px */
  .lg-trustline__icon { width: 14px; height: 14px; }
}

@media (max-width: 352px) { .lg-trustline { font-size: .65625rem; } }         /* 10,5px */

@media (max-width: 342px) {
  .lg-trustline { font-size: .625rem; gap: 2px 5px; }                         /* 10px */
  .lg-trustline li { gap: 3px; }
  .lg-trustline__icon { width: 13px; height: 13px; }
  .lg-trustline li + li::before { margin-right: 5px; }
}

/* Ikon solda dairede, yazi sola yasli iki satir */
.lg-trust li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 8px 4px;
  border: 1px solid var(--lg-line-soft);
  border-radius: var(--lg-r-sm);
  background: var(--lg-grad-tile);
  color: var(--lg-text-2);
  font-size: var(--lg-fs-xs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25;
  text-align: left;
}

/* Satir bolumu veride (catalog.php 'satirlar'); satirlar kirilmaz */
.lg-trust__metin > span { display: block; white-space: nowrap; }

.lg-trust__daire {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid color-mix(in srgb, var(--lg-accent-line) 55%, transparent);
  border-radius: 50%;
  background: color-mix(in srgb, var(--lg-accent) 12%, transparent);
}
.lg-trust__icon { width: 15px; height: 15px; color: var(--lg-accent-bright); flex: 0 0 auto; }

@media (max-width: 430px) {
  .lg-trust { gap: var(--lg-gap-3xs); }
  .lg-trust li { gap: 4px; padding-inline: 3px; font-size: .625rem; letter-spacing: 0; }
  .lg-trust__daire { width: 20px; height: 20px; }
  .lg-trust__icon { width: 11px; height: 11px; }
}

@media (max-width: 380px) {
  .lg-trust li { gap: 4px; padding-inline: 3px; font-size: .5625rem; }
  .lg-trust__daire { width: 18px; height: 18px; }
  .lg-trust__icon { width: 10px; height: 10px; }
}

/* En dar: daire ustte, iki satir altinda ortali */
@media (max-width: 359px) {
  .lg-trust li { flex-direction: column; justify-content: center; gap: 3px; padding: 6px 3px; text-align: center; }
}

/* ── Footer ───────────────────────────────────────────────── */

.lg-footer {
  margin-top: var(--lg-gap-2xl);
  padding: 30px 24px 0;
  border-top: 1px solid var(--lg-line-soft);
  background: var(--lg-ink-2);
  color: var(--lg-text-3);
  font-size: var(--lg-fs-xs);
}

.lg-footer a { color: var(--lg-text-3); transition: color var(--lg-ease); }
.lg-footer a:hover,
.lg-footer a:focus-visible { color: #fff; }

.lg-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 28px 48px;
  max-width: var(--lg-max-footer);
  margin-inline: auto;
  padding: 0;
}

.lg-footer__brand { display: flex; align-items: center; gap: 13px; min-width: 0; }
.lg-footer__brand img { flex: 0 0 34px; width: 34px; height: 34px; opacity: .9; }

.lg-footer__brand b {
  display: block;
  color: var(--lg-text);
  font-size: var(--lg-fs-xs);
  font-weight: 750;
  letter-spacing: 1.5px;
  line-height: 1.3;
}

.lg-footer__brand span {
  display: block;
  margin-top: 5px;
  color: var(--lg-text-4);
  font-size: var(--lg-fs-2xs);
  letter-spacing: .2px;
}

.lg-footer__nav,
.lg-footer__legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 22px;
}

.lg-footer__nav a { font-size: var(--lg-fs-2xs); font-weight: 700; letter-spacing: 1.1px; }

.lg-footer__legal { position: relative; padding-left: 48px; }

.lg-footer__legal::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 26px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, .09);
}

.lg-footer__legal a { font-size: var(--lg-fs-2xs); color: var(--lg-text-4); }

.lg-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  max-width: var(--lg-max-footer);
  margin: 24px auto 0;
  padding: 13px 0 15px;
  border-top: 1px solid rgba(255, 255, 255, .06);
  color: var(--lg-text-4);
  font-size: .5625rem;
}

.lg-footer__bottom > span:last-child {
  font-size: var(--lg-fs-3xs);
  font-weight: 700;
  letter-spacing: 2.4px;
}

@media (max-width: 991px) {
  .lg-footer { margin-top: 36px; padding: 24px 18px 0; }
  .lg-footer__inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 16px;
  }
  .lg-footer__brand {
    flex-direction: column;
    gap: var(--lg-gap-xs);
    width: 100%;
    padding-bottom: var(--lg-gap);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
  }
  .lg-footer__brand img { flex: 0 0 auto; }
  .lg-footer__nav a.is-current { display: none; }
  .lg-footer__nav,
  .lg-footer__legal { justify-content: center; gap: 7px 15px; }
  .lg-footer__legal { padding-left: 0; }
  .lg-footer__legal::before { display: none; }
  .lg-footer__nav a { font-size: .5625rem; letter-spacing: .7px; }
  .lg-footer__legal a { font-size: .5625rem; }
  .lg-footer__bottom { font-size: var(--lg-fs-3xs); gap: 10px; }
  .lg-footer__bottom > span:last-child { font-size: .4375rem; letter-spacing: 1.6px; white-space: nowrap; }
}

/* ── Sabit satin al cubugu ────────────────────────────────── */

.lg-sticky {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lg-gap-sm);
  padding: 9px 16px max(12px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--lg-accent-ring);
  background: linear-gradient(120deg, var(--lg-surface-3), var(--lg-surface-4));
  box-shadow: 0 -4px 18px rgba(0, 0, 0, .25);
  transform: translateY(100%);
  transition: transform .25s ease;
}

.lg-sticky.is-visible { transform: translateY(0); }

.lg-sticky__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 0 0 auto; }

.lg-sticky__pkg {
  max-width: 110px;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-base);
  font-weight: 700;
  opacity: .85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lg-sticky__price {
  color: var(--lg-text-hi);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -.2px;
  line-height: 1.1;
  white-space: nowrap;
}

.lg-sticky__btn {
  width: auto;
  flex: 1 1 200px;
  min-height: 48px;
  padding: 9px 12px;
  font-size: var(--lg-fs-lg);
  white-space: nowrap;
}

.lg-sticky__btn .lg-btn__icon { width: 20px; height: 20px; }

/* Sabit cubuk zaten yuzuyor; orada agir golge gerekmez */
.lg-sticky__btn {
  box-shadow: 0 0 16px color-mix(in srgb, var(--lg-accent) 26%, transparent),
              0 3px 0 color-mix(in srgb, var(--lg-accent-dark) 85%, #000);
}

.lg-sticky__btn:active { transform: translateY(2px); }

@media (max-width: 430px) {
  .lg-sticky { gap: var(--lg-gap-sm); padding-inline: 12px; }
  .lg-sticky__pkg { max-width: 96px; }
  .lg-sticky__btn { font-size: var(--lg-fs-md); padding-inline: 8px; }
}

@media (min-width: 992px) {
  .lg-sticky { gap: 32px; }
  .lg-sticky__btn { flex: 0 1 600px; max-width: 45vw; }
}

body.lg-has-sticky { padding-bottom: 0; }

/* ── Anlik satis bildirimi ───────────────────────────────────
   Renkler temadan (toast_*, accent_*, gold_*). backdrop-filter yok */

@property --lg-toast-aci {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.lg-toasts {
  position: fixed;
  left: var(--lg-gap);
  bottom: 18px;
  z-index: 58;
  display: flex;
  flex-direction: column;
  gap: var(--lg-gap-2xs);
  transition: bottom .25s ease;
  pointer-events: none;
}

body.lg-has-sticky .lg-toasts { bottom: calc(68px + max(12px, env(safe-area-inset-bottom))); }   /* cubugun 10px ustu */

.lg-toast {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  /* sagdaki "yukari cik" dugmesine degmesin (42px + 16px) */
  width: min(240px, calc(100vw - 32px - 58px));
  padding: 7px 22px 7px 8px;
  border-radius: 12px;
  /* capraz yansima bandi zeminde sabit */
  background: linear-gradient(115deg,
              var(--lg-toast-bg-2) 0%,
              var(--lg-toast-bg-1) 36%,
              var(--lg-toast-bg-2) 56%,
              var(--lg-toast-bg-3) 100%);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, .55),
    0 2px 6px rgba(0, 0, 0, .35),
    0 0 12px var(--lg-toast-glow);
  color: var(--lg-toast-text);
  opacity: 0;
  transform: translate3d(-22px, 8px, 0) scale(.96);
  transform-origin: left bottom;
  transition: opacity .45s ease, transform .55s cubic-bezier(.18, .9, .22, 1.08);
  pointer-events: auto;
}

.lg-toast.is-shown { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
.lg-toast.is-leaving {
  opacity: 0;
  transform: translate3d(0, 6px, 0) scale(.98);
  transition: opacity .35s ease, transform .35s ease;
}

/* Cerceve: koyu altin halka + ustunde donen isik */
.lg-toast::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 1px;
  border-radius: inherit;
  background:
    conic-gradient(from var(--lg-toast-aci),
      transparent 0deg 158deg,
      var(--lg-accent-bright) 170deg, var(--lg-text-hi) 175deg, var(--lg-accent-bright) 180deg,
      transparent 192deg 338deg,
      var(--lg-accent-bright) 350deg, var(--lg-text-hi) 355deg, var(--lg-accent-bright) 360deg),
    linear-gradient(125deg, var(--lg-accent), var(--lg-accent-deep) 35%, var(--lg-accent) 65%, var(--lg-accent-deep));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: lg-toast-kenar 2.8s linear infinite;
  pointer-events: none;
}

@keyframes lg-toast-kenar {
  to { --lg-toast-aci: 360deg; }
}

/* Yuzeyde periyodik yansima (kartin icine kirpilir) */
.lg-toast__isik {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.lg-toast__isik::before {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: 0;
  width: 42%;
  background: linear-gradient(100deg,
              transparent 0%,
              color-mix(in srgb, var(--lg-text-hi) 0%, transparent) 20%,
              color-mix(in srgb, var(--lg-text-hi) 22%, transparent) 50%,
              transparent 80%);
  transform: translate3d(-120%, 0, 0) skewX(-18deg);
  animation: lg-toast-yansima 3.2s .5s ease-in-out infinite;
}

@keyframes lg-toast-yansima {
  0%        { transform: translate3d(-120%, 0, 0) skewX(-18deg); }
  45%, 100% { transform: translate3d(360%, 0, 0) skewX(-18deg); }
}

/* Mum muhur: kirmizi lake daire, ince altin halka, altin check */
.lg-toast__mark {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, var(--lg-accent-bright), var(--lg-accent) 42%, var(--lg-accent-deep) 78%, var(--lg-accent-dark));
  box-shadow:
    /* Katmanli halka, .lg-done__mark ile ayni dil */
    0 0 0 1px color-mix(in srgb, var(--lg-accent-bright) 55%, transparent),
    0 0 0 4px color-mix(in srgb, var(--lg-accent) 18%, transparent),
    0 2px 5px rgba(0, 0, 0, .3),
    inset 0 1px 1px color-mix(in srgb, var(--lg-text-hi) 45%, transparent),
    inset 0 -2px 4px rgba(0, 0, 0, .35);
  color: var(--lg-text-hi);
}

.lg-toast__mark svg {
  width: 14px;
  height: 14px;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .45));
}

.lg-toast__body { position: relative; z-index: 3; display: grid; gap: 3px; min-width: 0; }

.lg-toast__line {
  display: flex;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
  color: var(--lg-toast-text-2);
  font-size: var(--lg-fs-sm);
  font-weight: 500;
  line-height: 1.25;
}

.lg-toast__line strong { margin-right: .28em; color: var(--lg-toast-text); font-weight: 700; letter-spacing: .01em; }

/* Canli yesil nokta + yumusak nabiz */
.lg-toast__nokta {
  position: relative;
  flex: none;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--lg-ok);
  box-shadow: 0 0 0 1.5px var(--lg-toast-bg-2);
}

.lg-toast__nokta::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--lg-ok);
  animation: lg-toast-nabiz 1.6s ease-out infinite;
}

@keyframes lg-toast-nabiz {
  from { opacity: .6; transform: scale(1); }
  to   { opacity: 0;  transform: scale(2.8); }
}

.lg-toast__meta {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  white-space: nowrap;
  font-size: var(--lg-fs-xs);
  line-height: 1.2;
}

/* "2 Adet" — altin yaldiz gradyan yazi */
.lg-toast__adet {
  flex: none;
  background: linear-gradient(180deg, var(--lg-gold-1), var(--lg-gold-2) 60%, var(--lg-gold-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: var(--lg-fs-sm);
  font-weight: 800;
  letter-spacing: .02em;
}

.lg-toast__ayrac {
  flex: none;
  width: 4px;
  height: 4px;
  background: var(--lg-gold-2);
  transform: rotate(45deg);
}

.lg-toast__zaman { color: var(--lg-toast-text-3); font-weight: 500; }

.lg-toast__close {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 4;
  width: 24px;
  height: 24px;
  border: 0;
  background: none;
  color: var(--lg-toast-text-3);
  font-size: 16px;
  line-height: 1;
  opacity: .8;
  cursor: pointer;
}

.lg-toast__close:focus-visible { outline: none; opacity: 1; color: var(--lg-accent); }

/* prefers-reduced-motion blogu bilerek yok — efektler hareket azaltma acikken de calissin */

/* ── Yukari cik ───────────────────────────────────────────── */

.lg-top {
  position: fixed;
  right: var(--lg-gap);
  bottom: 18px;
  z-index: 59;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--lg-line-soft);
  border-radius: 50%;
  /* backdrop-filter yok (kaydirmada surekli yeniden bulaniklasiyordu) — yerine opak zemin */
  background: rgba(24, 24, 27, .93);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .2);
  color: var(--lg-text);
  cursor: pointer;
  transition: bottom .25s ease, opacity .25s ease;
}

.lg-top svg { width: 19px; height: 19px; }

body.lg-has-sticky .lg-top { bottom: 92px; }

/* ── Siparis modali ──────────────────────────────────────────
   Dikey alandan tasarruf; odakta dis outline yok, kenarlik rengi degisir */

/* Kaydirma kutuda degil katmanda (klavye acikken de tum form gorunsun).
   flex-start + margin-block:auto: sigarsa ortalar, tasarsa ustu kirpmaz */
.lg-modal {
  position: fixed;
  inset: 0;
  z-index: 95;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* Katmanin sonuna gelince arkadaki sayfa kaymasin */
  overscroll-behavior: contain;
  padding: 6px;
  padding-bottom: max(6px, env(safe-area-inset-bottom));
  background: rgba(0, 0, 0, .74);
  /* 40px: input, select ve kartlar ayni boyda */
  --lg-alan-h: 40px;
}

.lg-modal__box {
  display: flex;
  flex-direction: column;
  width: min(520px, 100%);
  /* Bos yer varken ortalar, tasarsa 0'a duser */
  margin-block: auto;
  /* Baslik/etek cizgileriyle ayni renk, %50 saydam */
  border: 1px solid color-mix(in srgb, var(--lg-accent-line) 50%, transparent);
  border-radius: var(--lg-r-lg);
  background: var(--lg-surface);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
  /* overflow:hidden yok — aranabilir listenin paneli tasip yuzuyor */
}

/* ── Kapatma onayi (siparis formu doluyken) ─────────────── */
.lg-cik {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(0, 0, 0, .6);
}

.lg-cik[hidden] { display: none; }

.lg-cik__kutu {
  display: grid;
  gap: 8px;
  width: min(340px, 100%);
  padding: 16px 14px 12px;
  border: 1px solid var(--lg-accent-line);
  border-radius: var(--lg-r-lg);
  background: var(--lg-surface-2);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .6);
  text-align: center;
  animation: lg-cik-gel .16s ease-out both;
}

@keyframes lg-cik-gel {
  from { opacity: 0; transform: scale(.94); }
  to   { opacity: 1; transform: scale(1); }
}

.lg-cik__baslik {
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-lg);
  font-weight: 800;
  line-height: 1.3;
}

.lg-cik__metin {
  margin: 0 0 4px;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-md);
  line-height: 1.4;
}

.lg-cik__devam {
  min-height: 46px;
  border: 0;
  border-radius: var(--lg-r-md);
  background: var(--lg-grad-action);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22),
              inset 0 -1px 0 rgba(0, 0, 0, .25);
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-lg);
  font-weight: 750;
  cursor: pointer;
}

.lg-cik__devam:focus-visible { box-shadow: inset 0 0 0 2px var(--lg-text-hi); }

.lg-cik__kapat {
  min-height: 36px;
  border: 0;
  background: none;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-md);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.lg-cik__kapat:focus-visible { color: var(--lg-text-hi); }

/* Bosluga tiklaninca kutu kisaca sarsilir, kapanmaz */
@keyframes lg-modal-sarsinti {
  0%, 100%      { transform: translateX(0); }
  16%, 48%, 80% { transform: translateX(-6px); }
  32%, 64%, 96% { transform: translateX(6px); }
}

.lg-modal__box.is-sarsiliyor { animation: lg-modal-sarsinti .42s ease; }

.lg-modal__pane {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.lg-modal__pane > form {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Dis cerceve yok — odak kenarlik rengiyle */
.lg-modal :focus-visible { outline: none; }

/* ── Baslik seridi ─────────────────────────────────────────── */

.lg-modal__head {
  position: relative;
  flex: 0 0 auto;
  /* Baslik kose etiketinin altinda; kapat dugmesinden kacinma basligin kendi margin'inde */
  padding: 22px 22px 6px;
  border-bottom: 1px solid color-mix(in srgb, var(--lg-accent-line) 50%, transparent);
  text-align: center;
}

/* "Satin Almis Musteri" etiketiyle ayni desen */
.lg-modal__seal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border: 0;
  border-right: 1px solid color-mix(in srgb, var(--lg-accent-line) 50%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--lg-accent-line) 50%, transparent);
  border-radius: 0 0 var(--lg-r-md) 0;
  background: transparent;
  color: var(--lg-ok-text);
  /* Ortak token degil (--lg-fs-2xs 10px) */
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12px;
  line-height: 1.4;
  white-space: nowrap;
}

.lg-modal__seal-icon { width: 14px; height: 14px; flex: 0 0 auto; }

.lg-modal__close {
  position: absolute;
  top: 3px;
  right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--lg-line-soft);
  border-radius: var(--lg-r-sm);
  background: transparent;
  color: var(--lg-text-3);
  cursor: pointer;
  transition: color var(--lg-ease), border-color var(--lg-ease);
}

.lg-modal__close:hover { color: var(--lg-text); border-color: var(--lg-line); }
.lg-modal__close:focus-visible { border-color: var(--lg-accent-line); color: var(--lg-text); }
.lg-modal__close svg { width: 16px; height: 16px; }

.lg-modal__title {
  color: var(--lg-text-hi);
  /* Ortak token degil (--lg-fs-lg): yalnizca bu baslik buyuk */
  font-size: 19px;
  /* margin (padding degil): kutu kapat dugmesinin altina girmesin */
  margin-inline: 20px;
  font-weight: 750;
  letter-spacing: .01em;
  line-height: 1.2;
}

.lg-modal__trust {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  /* 10px: 361px'te tek satir sigsin */
  gap: 2px 10px;
  margin-top: 10px;
}

.lg-modal__trust li {
  display: inline-flex;
  align-items: center;
  gap: var(--lg-gap-3xs);
  color: var(--lg-text-3);
  /* Ortak token degil (--lg-fs-2xs 10px) */
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}

.lg-modal__trust-icon { width: 13px; height: 13px; flex: 0 0 auto; color: var(--lg-accent); }

/* ── Govde / etek ─────────────────────────────────────────── */

.lg-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  /* Kaydirma katmanda — burada ikinci kaydirma kabi olmamali */
  padding: 10px 12px 12px;
}

.lg-modal__foot {
  flex: 0 0 auto;
  padding: 5px 12px;
  padding-bottom: max(5px, env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, var(--lg-accent-line) 50%, transparent);
  /* Kutuda overflow:hidden yok, alt koseyi etek kendi kesiyor */
  border-radius: 0 0 var(--lg-r-lg) var(--lg-r-lg);
  background: var(--lg-surface-2);
}

/* ── Bolum basliklari ─────────────────────────────────────── */

.lg-order__legend {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 6px;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-xs);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.4;
}

/* Ikon satir yuksekligiyle ayni (em ile) */
.lg-order__legend-icon { width: 1.4em; height: 1.4em; flex: 0 0 auto; color: var(--lg-accent); }

/* Sonraki bolum basliklari (kargo, odeme) bir onceki bloktan sonra gelir */
.lg-order__grid + .lg-order__legend,
.lg-choice + .lg-order__legend { margin-top: 9px; }

/* ── Form alanlari ────────────────────────────────────────── */

.lg-order__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.lg-field { min-width: 0; }
.lg-field--full { grid-column: 1 / -1; }

/* Yazi 16px'in altina inmemeli — iOS Safari odakta sayfayi buyutur */
.lg-input {
  display: block;
  width: 100%;
  /* <select> ic bosluktan buyumuyor; esitligi min-height sagliyor */
  min-height: var(--lg-alan-h);
  padding: 7px 10px;
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-2);
  color: var(--lg-text);
  font-size: var(--lg-fs-lg);
  line-height: 1.5;
  /* Acilir liste ve imlec koyu temada dogru cizilsin */
  color-scheme: dark;
  transition: border-color var(--lg-ease);
}

.lg-input::placeholder { color: var(--lg-text-4); }

/* Odak: yalnizca kenarlik rengi degisir — ikinci cerceve yok */
.lg-input:focus,
.lg-input:focus-visible { border-color: var(--lg-accent-line); }
.lg-input.is-invalid { border-color: var(--lg-no-text); }

.lg-select { padding-right: 4px; }

/* ── Acik adres kutusu ───────────────────────────────────────
   Disaridan tek alan: ustte/altta sabit satirlar, ortada textarea (bkz. order-modal.php) */
.lg-adres {
  min-height: var(--lg-alan-h);
  padding: 7px 10px;
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-2);
  transition: border-color var(--lg-ease);
}

/* Odak ve hata kenarligi kutunun kendisinde — ic ogede degil */
.lg-adres:focus-within { border-color: var(--lg-accent-line); }
.lg-adres:has(.is-invalid) { border-color: var(--lg-no-text); }

/* Secimden gelen satirlar: salt okunur, girdiden soluk */
.lg-adres__sabit {
  color: var(--lg-text-3);
  font-size: var(--lg-fs-md);
  line-height: 1.4;
  overflow-wrap: break-word;
}

.lg-adres__sabit[hidden] { display: none; }

/* Cerceve .lg-adres'te; kutu icerige gore uzar */
.lg-adres__giris {
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--lg-text);
  font-family: inherit;
  font-size: var(--lg-fs-lg);
  line-height: 1.5;
  resize: none;
  overflow: hidden;
  color-scheme: dark;
}

.lg-adres__giris::placeholder { color: var(--lg-text-4); }
.lg-adres__giris:focus { outline: none; }

/* ── Aranabilir liste ────────────────────────────────────────
   Gercek <select> formda kalir, gorunen kisim dugme + panel (bkz. storefront.js) */

.lg-combo { position: relative; min-width: 0; }

/* Gorunmez ama display:none degil — form ve odak icin erisilebilir kalmali */
.lg-combo__kaynak {
  position: absolute;
  width: 1px;
  height: 1px;
  /* --lg-alan-h'yi sifirla, yoksa gizli alan 40px yer kaplar */
  min-height: 0;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  overflow: hidden;
  clip-path: inset(50%);
  pointer-events: none;
}

/* Olculer .lg-input'tan gelir; burada yalnizca dizilim */
.lg-combo__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  text-align: left;
  color: var(--lg-text-4);
  cursor: pointer;
}

/* Secim yapilmadan once yazi yer tutucu tonunda, sonra normal metin */
.lg-combo.is-secili .lg-combo__btn { color: var(--lg-text); }

.lg-combo__deger {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lg-combo__ok {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: var(--lg-text-3);
  transition: transform var(--lg-ease);
}

.lg-combo.is-acik .lg-combo__ok { transform: rotate(180deg); }
.lg-combo.is-acik .lg-combo__btn { border-color: var(--lg-accent-line); }

.lg-combo__btn:disabled { cursor: default; opacity: .6; }

/* Hata kenarligi gercek <select>'e basiliyor; gorunen dugmeye tasiniyor */
.lg-combo__kaynak.is-invalid ~ .lg-combo__btn { border-color: var(--lg-no-text); }

/* Panel akis disinda, alanin ustunde yuzer; asagida yer yoksa JS is-yukari koyar */
.lg-combo__panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  border: 1px solid var(--lg-accent-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-2);
  /* Altindaki alanlardan ayrissin — yuzdugu belli olsun */
  box-shadow: 0 10px 26px rgba(0, 0, 0, .55);
  overflow: hidden;
}

/* Alanin ALTINDA yer yoksa ustunde acilir */
.lg-combo.is-yukari .lg-combo__panel {
  top: auto;
  bottom: calc(100% + 5px);
}

/* Acik alan, yanindaki kapali alanin dugmesinin altinda kalmasin */
.lg-combo.is-acik { z-index: 21; }

.lg-combo__panel[hidden] { display: none; }

/* Arama kutusu belirgin: kendi zemini, vurgu renginde buyutec */
.lg-combo__arama {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--lg-accent-line);
  background: var(--lg-surface);
}

.lg-combo__arama-icon {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  color: var(--lg-accent);
}

/* 16px sart — iOS Safari odakta sayfayi buyutur */
.lg-combo__ara {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--lg-text);
  font-size: var(--lg-fs-lg);
  line-height: 1.5;
}

.lg-combo__ara::placeholder { color: var(--lg-text-3); }
.lg-combo__ara:focus { outline: none; }

.lg-combo__liste {
  max-height: 210px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  list-style: none;
}

/* ~38px satir, uzun mahalle adlari kirpilmaz alt satira sarar */
.lg-combo__ogr {
  padding: 9px 10px;
  border-bottom: 1px solid var(--lg-line-soft);
  color: var(--lg-text);
  font-size: var(--lg-fs-md);
  line-height: 1.3;
  cursor: pointer;
}

.lg-combo__ogr:last-child { border-bottom: 0; }

/* "Secimi geri al" satiri — soluk ve egik */
.lg-combo__ogr--temizle {
  color: var(--lg-text-3);
  font-style: italic;
}
.lg-combo__ogr.is-etkin { background: var(--lg-grad-card-on); color: var(--lg-text-hi); }
.lg-combo__ogr[aria-selected="true"] { color: var(--lg-text-hi); font-weight: 700; }

.lg-combo__bos {
  padding: 10px;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-sm);
  line-height: 1.4;
  text-align: center;
}

.lg-field__err {
  margin-top: 2px;
  color: var(--lg-no-text);
  font-size: var(--lg-fs-xs);
  line-height: 1.35;
}

/* ── Kargo + odeme kartlari (2x2) ─────────────────────────── */

.lg-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  /* Logo ve ikonlarin ortak yukseklik siniri */
  --lg-mark-h: 17px;
}

/* Tek kart kalinca satiri doldursun (sinifi storefront.js koyar) */
.lg-choice.is-tekli { grid-template-columns: minmax(0, 1fr); }

/* display:grid hidden'i ezer, acikca kapatiliyor */
.lg-choice__card[hidden] { display: none; }

.lg-choice__card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  /* Yukseklik --lg-alan-h'den: input/select ile ayni boy */
  min-height: var(--lg-alan-h);
  padding: 7px 5px;
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-grad-card);
  cursor: pointer;
  transition: border-color var(--lg-ease), background var(--lg-ease);
}

.lg-choice__card input { position: absolute; opacity: 0; pointer-events: none; }

.lg-choice__card:has(input:checked) {
  background: var(--lg-grad-card-on);
  border-color: var(--lg-accent-line);
}

/* Klavye odagi: parlak kenarlik — disariya cerceve cikmaz */
.lg-choice__card:has(input:focus-visible) { border-color: var(--lg-accent-bright); }

.lg-choice__dot {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border: 2px solid #d0baba;
  border-radius: 50%;
  background: var(--lg-surface-4);
}

.lg-choice__card:has(input:checked) .lg-choice__dot {
  border-color: #fff;
  background: #fff;
  box-shadow: inset 0 0 0 3.5px var(--lg-accent-ring);
}

/* Logo ve ikon kartin sag kenarina yaslanir */
.lg-choice__icon,
.lg-choice__logo { margin-left: auto; }

/* Ikon da logo ile ayni olcu degiskenini kullanir */
.lg-choice__icon {
  flex: 0 0 auto;
  /* Yukseklikten olculur, genislik viewBox oranindan */
  width: auto;
  height: var(--lg-mark-h);
  color: var(--lg-text-3);
}

.lg-choice__card:has(input:checked) .lg-choice__icon { color: var(--lg-text); }

/* Odeme ikonlari biraz buyuk; kart boyu degismez. Esiklerin altinda --lg-mark-h gecerli */
.lg-choice__icon { height: var(--lg-odeme-ikon-h, var(--lg-mark-h)); }
@media (min-width: 366px) { .lg-choice { --lg-odeme-ikon-h: 20px; } }
@media (min-width: 372px) { .lg-choice { --lg-odeme-ikon-h: 22px; } }

/* Kargo logosu — her genislikte gorunur, object-fit: contain ile tasmaz */
.lg-choice__logo {
  flex: 0 0 auto;
  /* Iki ust sinir: her gorsel oranini koruyarak sigabildigi en buyuk olcuye */
  width: auto;
  height: auto;
  max-height: var(--lg-mark-h);
  max-width: 78px;
  object-fit: contain;
}

/* 349px ve alti: ust sinirlar ve kart ic boslugu kuculur */
@media (max-width: 349px) {
  .lg-choice { --lg-mark-h: 15px; }
  .lg-choice__logo { max-width: 62px; }
  .lg-choice__card { padding-inline: 3px; gap: 3px; }
}

.lg-choice__body { display: grid; gap: 0; min-width: 0; }

.lg-choice__body b {
  color: var(--lg-text);
  /* 349px ve altinda asagidaki blok 13px'e indirir */
  font-size: 14px;
  font-weight: 750;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 349px ve alti: etiket 13px (14px'te "Kapida NAKIT" kirpiliyor).
   Temel kuraldan sonra gelmeli, yoksa eziliyor */
@media (max-width: 349px) {
  .lg-choice__body b { font-size: 13px; }
}

/* 'note' dolu birakilirsa ikinci satir */
.lg-choice__body small {
  color: var(--lg-text-3);
  font-size: var(--lg-fs-2xs);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lg-choice__card:has(input:checked) .lg-choice__body small { color: var(--lg-text-2); }

/* ── Siparis ozeti + gonder ───────────────────────────────── */

.lg-order__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lg-gap-xs);
  margin-block: 5px;
  padding: 4px 10px;
  border: 1px solid var(--lg-line-soft);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface);
  position: relative;
}

/* Upsell sonrasi sepet guncellendi isareti: yesil cerceve iki kez yanip soner (yalnizca opacity) */
.lg-order__summary::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid var(--lg-ok);
  border-radius: inherit;
  box-shadow: 0 0 8px color-mix(in srgb, var(--lg-ok) 45%, transparent),
              inset 0 0 6px color-mix(in srgb, var(--lg-ok) 22%, transparent);
  opacity: 0;
  pointer-events: none;
}
.lg-order__summary.is-guncellendi::after {
  animation: lg-sepet-yanip 1.6s ease-in-out;
}
@keyframes lg-sepet-yanip {
  0%   { opacity: 0; }
  20%  { opacity: 1; }
  45%  { opacity: .15; }
  68%  { opacity: 1; }
  100% { opacity: 0; }
}

/* Etiket ayri ogede — paket adini JS degistiriyor */
.lg-order__sum-left {
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
}

.lg-order__sum-label {
  flex: 0 0 auto;
  color: var(--lg-text-3);
  /* Paket adiyla ayni olcu */
  font-size: var(--lg-fs-md);
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

.lg-order__sum-pkg {
  min-width: 0;
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-md);
  font-weight: 750;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lg-order__sum-right {
  display: flex;
  align-items: baseline;
  gap: var(--lg-gap-2xs);
  flex: 0 0 auto;
}

.lg-order__sum-right del {
  color: var(--lg-price-old);
  font-size: var(--lg-fs-sm);
  line-height: 1.3;
  text-decoration-thickness: 1px;
}

.lg-order__sum-right b {
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-xl);
  font-weight: 800;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── Upsell satiri ───────────────────────────────────────────
   [madalyon] | [baslik] [gomme yuva] [buton], yukseklik 40px. Renkler gold_* */
.lg-yukselt {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;     /* odeme kartlarindan biraz daha uzak */
  padding: 4px 4px 4px 6px;
  border: 1px solid color-mix(in srgb, var(--lg-gold-2) 45%, transparent);
  border-radius: var(--lg-r-sm);
  background: linear-gradient(90deg,
              color-mix(in srgb, var(--lg-gold-2) 10%, transparent),
              color-mix(in srgb, var(--lg-gold-2) 3%, transparent));
}
.lg-yukselt[hidden] { display: none; }

/* Kayan kesik cizgi: kenarlik yerine SVG, yukseltilince duz yesile doner */
.lg-yukselt:not(.is-tamam) { position: relative; border-color: transparent; }

.lg-yukselt__cizgi {
  position: absolute;
  inset: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  overflow: hidden;
  pointer-events: none;
}

.lg-yukselt__cizgi rect {
  fill: none;
  stroke: var(--lg-gold-2);
  stroke-width: 3;
  stroke-dasharray: 7 5;
  animation: lg-yukselt-kay .7s linear infinite;
}

@keyframes lg-yukselt-kay {
  to { stroke-dashoffset: -12; }
}

.lg-yukselt.is-tamam .lg-yukselt__cizgi { display: none; }

.lg-yukselt__ikon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid color-mix(in srgb, var(--lg-gold-2) 55%, transparent);
  border-radius: 50%;
  color: var(--lg-gold-1);
}
.lg-yukselt__ikon svg { width: 13px; height: 13px; stroke-width: 2.2; }
.lg-yukselt__tik { display: none; }
.lg-yukselt.is-tamam .lg-yukselt__ok  { display: none; }
.lg-yukselt.is-tamam .lg-yukselt__tik { display: block; }

/* Ikondan sonra dikey ayrac */
.lg-yukselt__ayrac {
  flex: 0 0 1px;
  align-self: stretch;
  margin-block: 4px;
  background: linear-gradient(180deg, transparent,
              color-mix(in srgb, var(--lg-gold-2) 55%, transparent) 30%,
              color-mix(in srgb, var(--lg-gold-2) 55%, transparent) 70%, transparent);
}

/* Baslik ve kapsul esit araliklarla yerlesir (simetri) */
.lg-yukselt__govde {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;   /* gap yok: sol = ara = sag esit */
}

.lg-yukselt__baslik {
  flex: 0 0 auto;
  color: var(--lg-gold-1);
  font-size: var(--lg-fs-md);   /* 15px */
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

/* Orta: paket kartindaki gomme yuva — ustte tane, ince cizgi, altta indirim */
.lg-yukselt__orta {
  flex: 0 0 auto;
  display: grid;
  justify-items: center;
  gap: 4px;
  box-sizing: border-box;
  height: 34px;              /* kutunun ic yuksekliginden (30px) 4px uzun ... */
  margin-block: -2px;        /* ... ama duzende 30px yer kaplar: kutu 40px kalir */
  align-content: center;
  padding: 0 8px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(0, 0, 0, .40), rgba(0, 0, 0, .24));
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, .6),
              inset 0 -1px 0 rgba(255, 255, 255, .06),
              0 1px 0 rgba(255, 255, 255, .06);
  line-height: 1.05;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.lg-yukselt__orta[hidden] { display: none; }
/* Rakamlar kalin, yazi normal */
.lg-yukselt__orta b { font-weight: 800; }
.lg-yukselt__orta small {
  position: relative;
  color: color-mix(in srgb, var(--lg-cream) 82%, transparent);
  font-size: .75rem;          /* 12px */
  font-weight: 500;           /* yazi normal, rakam kalin (b) */
}
.lg-yukselt__orta em {
  position: relative;
  color: var(--lg-gold-2);
  font-size: .75rem;          /* 12px */
  font-style: normal;
  font-weight: 500;           /* yazi normal, rakam kalin (b) */
  line-height: 1.15;   /* "I" noktasi satir kutusunun icinde kalsin */
}
/* Iki satir arasi ince yesil cizgi, uclari sonuk */
.lg-yukselt__orta em::before {
  content: "";
  position: absolute;
  top: -2.5px;       /* "I" noktasina degmesin */
  left: -8%;
  right: -8%;
  height: 1px;
  background: linear-gradient(90deg, transparent,
              color-mix(in srgb, var(--lg-gold-2) 75%, transparent) 30%,
              color-mix(in srgb, var(--lg-gold-1) 85%, transparent) 50%,
              color-mix(in srgb, var(--lg-gold-2) 75%, transparent) 70%, transparent);
}

/* Isik huzmesi — paket etiketiyle ayni kurgu ve keyframe (lg-tag-yaldiz) */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .lg-yukselt__orta small {
    background: linear-gradient(100deg,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 0%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 9%,
                var(--lg-cream) 14.5%,
                var(--lg-text-hi) 18%,
                var(--lg-cream) 21.5%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 27%,
                color-mix(in srgb, var(--lg-cream) 62%, transparent) 50%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 75%,
                var(--lg-cream) 80.5%,
                var(--lg-text-hi) 84%,
                var(--lg-cream) 87.5%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 93%,
                color-mix(in srgb, var(--lg-cream) 80%, transparent) 100%) 0 0 / 200% 100% repeat-x;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    animation: lg-tag-yaldiz 5s linear infinite;
  }
  .lg-yukselt__orta em {
    background: linear-gradient(100deg,
                var(--lg-gold-2) 0%,
                var(--lg-gold-2) 9%,
                var(--lg-gold-1) 14.5%,
                var(--lg-text-hi) 18%,
                var(--lg-gold-1) 21.5%,
                var(--lg-gold-2) 27%,
                color-mix(in srgb, var(--lg-gold-2) 70%, var(--lg-gold-3)) 50%,
                var(--lg-gold-2) 75%,
                var(--lg-gold-1) 80.5%,
                var(--lg-text-hi) 84%,
                var(--lg-gold-1) 87.5%,
                var(--lg-gold-2) 93%,
                var(--lg-gold-2) 100%) 0 0 / 200% 100% repeat-x;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    animation: lg-tag-yaldiz 5s linear infinite;
    animation-delay: -4.6s;      /* alt satir biraz sonra — isik asagi akiyor */
  }
  /* ince cizgi (::before) kirpilmasin diye kendi rengiyle kalir */
}

.lg-yukselt__dugme,
.lg-yukselt__geri {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid var(--lg-gold-2);
  border-radius: var(--lg-r-sm);
  background: linear-gradient(180deg, var(--lg-gold-1), var(--lg-gold-2));
  color: var(--lg-gold-ink);
  font: inherit;
  font-size: var(--lg-fs-sm);
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color var(--lg-ease), filter var(--lg-ease);
}
/* Geri al: ikincil — dolgusuz, sonuk */
.lg-yukselt__geri {
  border-color: color-mix(in srgb, var(--lg-gold-2) 45%, transparent);
  background: none;
  color: var(--lg-text-2);
  font-weight: 700;
}
.lg-yukselt__dugme:focus-visible,
.lg-yukselt__geri:focus-visible { outline: none; border-color: var(--lg-text-hi); }
@media (hover: hover) {
  .lg-yukselt__dugme:hover { filter: brightness(1.08); }
  .lg-yukselt__geri:hover  { color: var(--lg-text-hi); }
}

/* Yukseltildi: satir saridan yesile doner */
.lg-yukselt.is-tamam {
  border-color: color-mix(in srgb, var(--lg-ok) 55%, transparent);
  background: linear-gradient(90deg,
              color-mix(in srgb, var(--lg-ok) 14%, transparent),
              color-mix(in srgb, var(--lg-ok) 4%, transparent));
}
.lg-yukselt.is-tamam .lg-yukselt__ikon {
  border-color: color-mix(in srgb, var(--lg-ok-text) 55%, transparent);
  color: var(--lg-ok-text);
}
.lg-yukselt.is-tamam .lg-yukselt__ayrac {
  background: linear-gradient(180deg, transparent,
              color-mix(in srgb, var(--lg-ok) 60%, transparent) 30%,
              color-mix(in srgb, var(--lg-ok) 60%, transparent) 70%, transparent);
}
.lg-yukselt.is-tamam .lg-yukselt__baslik { color: var(--lg-ok-text); }
.lg-yukselt.is-tamam .lg-yukselt__orta em { color: var(--lg-ok); }
.lg-yukselt.is-tamam .lg-yukselt__orta em::before {
  background: linear-gradient(90deg, transparent,
              color-mix(in srgb, var(--lg-ok) 75%, transparent) 30%,
              color-mix(in srgb, var(--lg-ok-text) 85%, transparent) 50%,
              color-mix(in srgb, var(--lg-ok) 75%, transparent) 70%, transparent);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .lg-yukselt.is-tamam .lg-yukselt__orta em {
    background: linear-gradient(100deg,
                var(--lg-ok) 0%,
                var(--lg-ok) 9%,
                var(--lg-ok-text) 14.5%,
                var(--lg-text-hi) 18%,
                var(--lg-ok-text) 21.5%,
                var(--lg-ok) 27%,
                color-mix(in srgb, var(--lg-ok) 75%, #000) 50%,
                var(--lg-ok) 75%,
                var(--lg-ok-text) 80.5%,
                var(--lg-text-hi) 84%,
                var(--lg-ok-text) 87.5%,
                var(--lg-ok) 93%,
                var(--lg-ok) 100%) 0 0 / 200% 100% repeat-x;
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
  }
}
.lg-yukselt.is-tamam .lg-yukselt__geri { border-color: color-mix(in srgb, var(--lg-ok) 50%, transparent); }

/* Dar ekran kademeleri — kutu 40px, tek satir */
@media (max-width: 415px) {
  .lg-yukselt__baslik { font-size: var(--lg-fs-base); }      /* 14px */
}
@media (max-width: 408px) {
  .lg-yukselt__baslik { font-size: var(--lg-fs-sm); }        /* 13px */
  .lg-yukselt__orta { padding-inline: 6px; }
  .lg-yukselt__orta small,
  .lg-yukselt__orta em { font-size: var(--lg-fs-xs); }       /* 11px */
}
@media (max-width: 389px) {
  .lg-yukselt { gap: 5px; padding-left: 5px; }
  .lg-yukselt__ek { display: none; }                         /* "+300 TL" kalir */
}
@media (max-width: 351px) {
  .lg-yukselt__baslik { font-size: .75rem; }                 /* 12px */
}
@media (max-width: 343px) {
  .lg-yukselt__ayrac { display: none; }
  .lg-yukselt__orta { padding-inline: 5px; }
  .lg-yukselt__orta small,
  .lg-yukselt__orta em { font-size: var(--lg-fs-2xs); }      /* 10px */
}
@media (max-width: 327px) {
  .lg-yukselt__baslik { font-size: var(--lg-fs-xs); }        /* 11px */
}

/* Yazi boyutu ana butonla ayni kalir; yalnizca yukseklik kisilir */
.lg-order__submit { min-height: 55px; padding-block: 10px; }

/* ── Tesekkur ekrani ─────────────────────────────────────────
   Tek zemin + ince ayrac, kutu icinde kutu yok */

.lg-done { text-align: center; }

/* Daire + iki kademe soluk yesil hale; ic tik lg_icon('tik-3d') */
/* Tik solda, iki satir karsilama sagda; grup ortada */
.lg-done__karsila {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 4px 0 2px;
}

.lg-done__mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--lg-grad-ok);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--lg-ok) 45%, transparent),
              0 0 0 4px color-mix(in srgb, var(--lg-ok) 12%, transparent);
  color: var(--lg-ok-text);
  /* Tek seferlik, yalnizca transform + opacity */
  animation: lg-done-mark .42s cubic-bezier(.2, .9, .3, 1.2) both;
}

@keyframes lg-done-mark {
  from { opacity: 0; transform: scale(.62); }
  to   { opacity: 1; transform: scale(1); }
}

.lg-done__mark svg { width: 25px; height: 25px; }

.lg-done__lead {
  min-width: 0;
  margin: 0;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-lg);
  line-height: 1.35;
  text-align: left;
}

.lg-done__lead b { color: var(--lg-text-hi); }

/* Ikinci satir ilk satirla ayni; yalnizca isim beyaz */
.lg-done__lead strong { font-weight: inherit; }

/* Yorum daveti: dogrulama kutusunun altinda kucuk ve sonuk, dikeyde az yer kaplar */
.lg-done__yorum-not {
  margin: 8px 0 0;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-sm);
  line-height: 1.45;
  text-align: center;
}
.lg-done__yorum-not span { color: var(--lg-gold-1, #e8b64a); margin-right: 2px; }

/* ── Tek zeminli kart ──────────────────────────────────────── */

.lg-done__kart {
  margin-top: 8px;
  border: 1px solid var(--lg-line-soft);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-2);
  text-align: left;
}

.lg-done__baslik {
  display: block;
  padding: 7px 10px 0;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-2xs);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Siparis numarasi satiri: solda no + kopyala, sagda Duzelt */
.lg-done__no {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lg-gap-xs);
  padding: 6px 10px;
  border-bottom: 1px solid var(--lg-line-soft);
}

.lg-done__no-sol {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.lg-done__no small {
  flex: 0 0 auto;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-2xs);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.lg-done__no strong {
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-md);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  line-height: 1.3;
  white-space: nowrap;
}

.lg-done__kopya {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-r-sm);
  background: transparent;
  color: var(--lg-text-2);
  cursor: pointer;
  transition: border-color var(--lg-ease), color var(--lg-ease);
}

.lg-done__kopya:hover,
.lg-done__kopya:focus-visible {
  border-color: var(--lg-accent-line);
  color: var(--lg-text-hi);
}

/* Kopyalandi: kisa sure yesil kenarlik + tik (sinifi JS koyar) */
.lg-done__kopya.is-ok { border-color: var(--lg-ok); color: var(--lg-ok-text); }

.lg-done__kopya-ic { display: grid; place-items: center; }
.lg-done__kopya-ic svg { width: 13px; height: 13px; }

.lg-done__duzelt {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-r-sm);
  background: transparent;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-sm);
  font-weight: 700;
  cursor: pointer;
  transition: border-color var(--lg-ease), color var(--lg-ease);
}

.lg-done__duzelt[hidden] { display: none; }
.lg-done__duzelt svg { width: 14px; height: 14px; color: var(--lg-accent); }

.lg-done__duzelt:hover,
.lg-done__duzelt:focus-visible {
  border-color: var(--lg-accent-line);
  color: var(--lg-text-hi);
}

/* Duzeltmede gonder dugmesinin altinda */
.lg-order__vazgec {
  display: block;
  min-height: 32px;
  margin: 4px auto 0;
  padding: 0 12px;
  border: 0;
  background: none;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-md);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.lg-order__vazgec[hidden] { display: none; }
.lg-order__vazgec:focus-visible { color: var(--lg-text-hi); }

/* ── Ozet / teslimat satirlari ─────────────────────────────── */

.lg-done__satirlar {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 7px 10px;
  list-style: none;
}

.lg-done__satirlar li {
  display: flex;
  align-items: center;
  gap: var(--lg-gap-2xs);
  color: var(--lg-text);
  font-size: var(--lg-fs-sm);
  line-height: 1.4;
}

/* Sinifsiz span = metin sutunu */
.lg-done__satirlar li > span:not([class]) { flex: 1 1 auto; min-width: 0; }

.lg-done__satirlar b { color: var(--lg-text-hi); font-weight: 700; }

.lg-done__satirlar + .lg-done__satirlar { border-top: 1px solid var(--lg-line-soft); }

/* Numara ve adet satir sonunda bolunmesin */
[data-lg-done-phone],
[data-lg-done-package] { white-space: nowrap; }

/* Ikonlar vurgu renginde; odeme ikonlari kendi renkleriyle kalir */
.lg-done__satir-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 17px;
  height: 17px;
  color: var(--lg-accent);
}

.lg-done__satir-icon svg { width: 17px; height: 17px; }

.lg-done__logo { display: inline-flex; flex: 0 0 auto; }
.lg-done__logo-img { width: auto; height: 14px; }

/* Kapida odenecek */
.lg-done__tutar {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--lg-gap-xs);
  padding: 7px 10px;
  border-top: 1px solid var(--lg-line-soft);
}

.lg-done__tutar span {
  color: var(--lg-text-2);
  font-size: var(--lg-fs-sm);
  font-weight: 700;
}

.lg-done__tutar b {
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-xl);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

/* ── Sirada ne var: 3 adimlik serit ──────────────────────────
   Baglanti cizgisi ::before, daireden once geldigi icin altinda kalir */

.lg-done__adimlar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 11px 0 0;
  padding: 0;
  list-style: none;
}

.lg-done__adim {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 5px;
  padding-top: 2px;
}

/* Cizgi her adimin solunda. top = 2 + 18 - 1 = 19px */
.lg-done__adim + .lg-done__adim::before {
  content: '';
  position: absolute;
  top: 19px;
  right: 50%;
  left: -50%;
  height: 2px;
  margin: 0 21px;
  background: var(--lg-line-soft);
}

/* Tamamlanan adimdan sonraki cizgi yesil (kirmizi sorun gibi okunuyor) */
.lg-done__adim.is-tamam + .lg-done__adim::before { background: var(--lg-ok); }

.lg-done__adim-daire {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1.5px solid var(--lg-line);
  border-radius: 50%;
  background: var(--lg-surface-2);
  color: var(--lg-text-4);
}

.lg-done__adim-daire svg { width: 17px; height: 17px; }

.lg-done__adim.is-tamam .lg-done__adim-daire {
  border-color: transparent;
  background: var(--lg-grad-ok);
  color: var(--lg-ok-text);
}

/* Tamamlanan: dolu yesil, su anki: cerceveli yesil, sonraki: gri */
.lg-done__adim.is-simdi .lg-done__adim-daire {
  border-color: var(--lg-ok);
  color: var(--lg-ok-text);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lg-ok) 18%, transparent);
}

.lg-done__adim-ad {
  display: grid;
  gap: 1px;
  padding-inline: 2px;
  color: var(--lg-text-3);
  font-size: var(--lg-fs-2xs);
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.lg-done__adim.is-tamam .lg-done__adim-ad,
.lg-done__adim.is-simdi .lg-done__adim-ad { color: var(--lg-text); }

.lg-done__adim-ad small {
  color: var(--lg-text-4);
  font-size: var(--lg-fs-3xs);
  font-weight: 600;
  letter-spacing: .01em;
}

/* ── Telefon dogrulama karti ───────────────────────────────
   Ust bant modal basligiyla ayni dilde; govdede numara, sure, kod */

.lg-dogrula {
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid var(--lg-accent-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-2);
  transition: border-color var(--lg-ease);
}

.lg-dogrula__bas {
  display: grid;
  gap: 1px;
  padding: 6px 8px 5px;
  border-bottom: 1px solid var(--lg-line-soft);
  background: var(--lg-surface-3);
}

.lg-dogrula__baslik {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-md);
  font-weight: 750;
  line-height: 1.3;
}

.lg-dogrula__ikon { width: 17px; height: 17px; flex: 0 0 auto; color: var(--lg-accent); }

.lg-dogrula__alt-baslik {
  color: var(--lg-text-3);
  font-size: var(--lg-fs-sm);
  line-height: 1.35;
  white-space: nowrap;
}

/* 360px altinda tek satira sigmasi icin bir kademe kucuk */
@media (max-width: 359px) {
  .lg-dogrula__alt-baslik { font-size: .75rem; }
}

.lg-dogrula__govde { padding: 6px 10px 2px; }

.lg-dogrula__metin {
  margin: 0 0 6px;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-md);
  font-weight: 700;
  line-height: 1.3;
}

.lg-dogrula__metin b {
  color: var(--lg-text-hi);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Sure | kod | dugme — kod kutusu ortada, 4 hane kadar */
.lg-dogrula__satir {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lg-gap-xs);
}

.lg-dogrula__satir[hidden] { display: none; }

.lg-dogrula__satir--tel .lg-input { flex: 1 1 auto; min-width: 0; }

/* Halka kalan sureyle azalir (--oran JS'ten, 1 → 0) */
.lg-dogrula__sure {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background:
    radial-gradient(closest-side, var(--lg-surface-2) calc(100% - 3px), transparent calc(100% - 2px)),
    conic-gradient(var(--lg-accent) calc(var(--oran, 1) * 360deg), var(--lg-line) 0);
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-md);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.lg-dogrula__sure.is-bitti { color: var(--lg-text-4); }

.lg-dogrula__kod-alan[hidden] { display: none; }

.lg-dogrula__kod-kap {
  position: relative;
  flex: 0 0 auto;
  display: block;
}

.lg-dogrula__kod {
  flex: 0 0 auto;
  width: 124px;
  min-height: 46px;
  padding: 4px 6px 4px calc(6px + .45em);
  font-size: 1.375rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .45em;
  text-align: center;
}

.lg-dogrula__kod::placeholder { letter-spacing: .45em; }

/* ── Kod yuvalari ──────────────────────────────────────────
   Asil input gorunmez yaziyla altta; rakamlar 4 yuvada gosterilir */
.lg-dogrula__kod,
.lg-dogrula__kod:focus {
  color: transparent;
  caret-color: transparent;
}

.lg-dogrula__kod::selection { background: transparent; }

.lg-dogrula__hayalet {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: var(--lg-r-sm);
  color: var(--lg-text-hi);
  font-size: 1.375rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  pointer-events: none;
}

.lg-dogrula__hayalet i {
  position: relative;
  display: grid;
  place-items: center;
  width: 20px;
  height: 28px;
  font-style: normal;
}

/* Bos yuva: sonuk nokta */
.lg-dogrula__hayalet i:not(.is-dolu)::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lg-text-4);
}

/* Siradaki yuva: yanip sonen imlec */
.lg-dogrula__hayalet i.is-imlec::before {
  width: 2px;
  height: 22px;
  border-radius: 1px;
  background: var(--lg-accent-bright);
  animation: lg-imlec 1s steps(1) infinite;
}

@keyframes lg-imlec {
  50% { opacity: 0; }
}

/* Dolan rakam asagidan yukari, hafif buyuyerek gelir */
.lg-dogrula__hayalet i.is-yeni {
  animation: lg-rakam-gel .26s cubic-bezier(.2, .9, .3, 1.3) both;
}

@keyframes lg-rakam-gel {
  from { opacity: 0; transform: translateY(7px) scale(.55); }
  to   { opacity: 1; transform: none; }
}

.lg-dogrula__kod:disabled + .lg-dogrula__hayalet { opacity: .5; }

/* ── Bos kutu canlandirmasi (yalnizca dokunmatik) ──────────
   4,2 sn dongu: yuvalar sirayla yanar. Rakam gosterilmez; yazilinca durur. */
@media (hover: none) and (pointer: coarse) {
  .lg-dogrula__kod-kap.is-bos .lg-dogrula__hayalet i:not(.is-imlec)::before {
    animation: lg-demo-nokta 4.2s ease-out infinite;
  }

  .lg-dogrula__kod-kap.is-bos .lg-dogrula__hayalet i:nth-child(2)::before { animation-delay: .12s; }
  .lg-dogrula__kod-kap.is-bos .lg-dogrula__hayalet i:nth-child(3)::before { animation-delay: .24s; }
  .lg-dogrula__kod-kap.is-bos .lg-dogrula__hayalet i:nth-child(4)::before { animation-delay: .36s; }
}

/* Yuva noktasi yanar: buyur ve beyazlasir */
@keyframes lg-demo-nokta {
  0%, 28%   { transform: scale(1); background: var(--lg-text-4); }
  32%       { transform: scale(1.9); background: var(--lg-text-hi); }
  36%, 84%  { transform: scale(1.5); background: var(--lg-text-hi); }
  90%, 100% { transform: scale(1); background: var(--lg-text-4); }
}

/* Bos kod kutusu: kenar boyunca yavas donen kirmizi isik huzmesi (sinyal kapsulleriyle ayni dil).
   @property yoksa isik gorunmez, kutu sabit kalir. */
@property --lg-kod-aci {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.lg-dogrula__kod-kap.is-bos .lg-dogrula__kod:not(:disabled) + .lg-dogrula__hayalet::after {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1.5px;
  border-radius: var(--lg-r-sm);
  background: conic-gradient(from var(--lg-kod-aci),
              transparent 0deg 220deg,
              color-mix(in srgb, var(--lg-accent-deep) 60%, transparent) 275deg,
              var(--lg-accent) 320deg,
              var(--lg-accent-bright) 340deg,
              var(--lg-accent) 352deg,
              transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: lg-kod-kenar 3.2s linear infinite;
  pointer-events: none;
}

@keyframes lg-kod-kenar {
  to { --lg-kod-aci: 360deg; }
}

.lg-dogrula__kod:disabled { opacity: .55; }

.lg-dogrula__dugme {
  flex: 0 0 auto;
  min-height: 46px;
  padding: 0 16px;
  border: 0;
  border-radius: var(--lg-r-sm);
  background: var(--lg-grad-action);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22),
              inset 0 -1px 0 rgba(0, 0, 0, .25);
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-md);
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
}

.lg-dogrula__dugme:focus-visible { box-shadow: inset 0 0 0 2px var(--lg-text-hi); }
.lg-dogrula__dugme:disabled { opacity: .6; cursor: default; }

.lg-dogrula__uyari {
  margin: 6px 0 0;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-sm);
  line-height: 1.4;
}

.lg-dogrula__uyari.is-hata { color: var(--lg-no-text); }

.lg-dogrula__linkler {
  display: flex;
  justify-content: space-between;
  gap: var(--lg-gap-xs);
  margin-top: 2px;
}

.lg-dogrula__link {
  padding: 6px 0;
  border: 0;
  background: none;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-sm);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.lg-dogrula__link:focus-visible { color: var(--lg-text-hi); }

.lg-dogrula__link:disabled {
  color: var(--lg-text-4);
  text-decoration: none;
  cursor: default;
}

.lg-dogrula__soru {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lg-gap-xs);
  min-height: 30px;
  margin-top: 2px;
  color: var(--lg-text);
  font-size: var(--lg-fs-sm);
  font-weight: 700;
}

.lg-dogrula__soru[hidden],
.lg-dogrula__linkler[hidden] { display: none; }

.lg-dogrula__soru-dugmeler {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
}

.lg-dogrula__evet {
  min-height: 26px;
  padding: 0 14px;
  border: 1px solid var(--lg-accent-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-3);
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-sm);
  font-weight: 750;
  cursor: pointer;
}

.lg-dogrula__evet:focus-visible { border-color: var(--lg-text-hi); }

.lg-dogrula__tamam {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lg-gap-2xs);
  margin: 0 0 4px;
  color: var(--lg-ok-text);
  font-size: var(--lg-fs-md);
  font-weight: 700;
}

.lg-dogrula__tamam[hidden] { display: none; }
.lg-dogrula__tamam svg { width: 18px; height: 18px; flex: 0 0 auto; }

/* Dogrulaninca yalnizca bant ve onay satiri kalir */
.lg-dogrula.is-tamam { border-color: var(--lg-ok); }
.lg-dogrula.is-tamam .lg-dogrula__ikon { color: var(--lg-ok-text); }
.lg-dogrula.is-tamam .lg-dogrula__metin,
.lg-dogrula.is-tamam .lg-dogrula__kod-alan,
.lg-dogrula.is-tamam .lg-dogrula__satir,
.lg-dogrula.is-tamam .lg-dogrula__uyari,
.lg-dogrula.is-tamam .lg-dogrula__linkler,
.lg-dogrula.is-tamam .lg-dogrula__soru { display: none; }

/* Kapat butonu — dolgulu ama donen isik ve kayan cam yok */
.lg-done__again {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 11px 18px;
  border: 0;
  border-radius: var(--lg-r-md);
  background: var(--lg-grad-action);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22),
              inset 0 -1px 0 rgba(0, 0, 0, .25),
              0 3px 0 color-mix(in srgb, var(--lg-accent-dark) 85%, #000);
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-lg);
  font-weight: 750;
  letter-spacing: .3px;
  line-height: 1.2;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease;
}

/* Basilinca oturur */
.lg-done__again:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22),
              inset 0 -1px 0 rgba(0, 0, 0, .25),
              0 1px 0 color-mix(in srgb, var(--lg-accent-dark) 85%, #000);
}

/* Odak iceride bir halka */
.lg-done__again:focus-visible {
  box-shadow: inset 0 0 0 2px var(--lg-text-hi),
              inset 0 -1px 0 rgba(0, 0, 0, .25),
              0 3px 0 color-mix(in srgb, var(--lg-accent-dark) 85%, #000);
}

/* Dar ekranlar — yatay ic boslugu kis, secim kartlarini sadelestir */
@media (max-width: 360px) {
  .lg-modal__body { padding-inline: 9px; }
  .lg-modal__foot { padding-inline: 9px; }
  /* Guven satiri tek satirda kalsin */
  .lg-modal__head { padding-inline: 22px; }
  .lg-modal__trust { gap: 2px 6px; }
  /* <select> icin 16px sart degil — iOS tekerlek acar, buyutmez */
  .lg-select { font-size: var(--lg-fs-base); padding-left: 7px; }
  .lg-order__sum-right b { font-size: var(--lg-fs-md); }
}


/* ── Siparis formu: acik giris alanlari ──────────────────────
   Pencere koyu kalir; yalnizca bilgi girilen alanlar acik zemin + koyu yazi */
.lg-modal .lg-input,
.lg-modal .lg-adres {
  background: var(--lg-alan-zemin);
  color: var(--lg-alan-yazi);
  color-scheme: light;
}

/* Yazi 17px; satir yuksekligi kisildi, alan boyu 40px'te kalir. Yazilan metin kalin */
.lg-modal .lg-input,
.lg-modal .lg-adres__giris {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}

.lg-modal .lg-adres__giris { color: var(--lg-alan-yazi); color-scheme: light; }
/* Secimden gelen il/ilce satiri yazilan adresle ayni gorunur — devami oldugu anlasilsin */
.lg-modal .lg-adres__sabit {
  color: var(--lg-alan-yazi);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}

.lg-modal .lg-input::placeholder,
.lg-modal .lg-adres__giris::placeholder { color: var(--lg-alan-soluk); font-weight: 400; opacity: 1; }

/* Aranabilir liste: secim oncesi yer tutucu tonu ve ince, secilince koyu ve kalin */
.lg-modal .lg-combo__btn { color: var(--lg-alan-soluk); font-weight: 400; }
.lg-modal .lg-combo.is-secili .lg-combo__btn { color: var(--lg-alan-yazi); font-weight: 700; }
.lg-modal .lg-combo__ok { color: var(--lg-alan-soluk); }

/* Arama: yalnizca yazilan kutu acik, satirin kendisi koyu kalir */
.lg-modal .lg-combo__arama { padding-block: 5px; }
.lg-modal .lg-combo__ara {
  padding: 3px 8px;
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-alan-zemin);
  color: var(--lg-alan-yazi);
  font-weight: 700;
  color-scheme: light;
}
.lg-modal .lg-combo__ara:focus { border-color: var(--lg-accent-line); }
.lg-modal .lg-combo__ara::placeholder { color: var(--lg-alan-soluk); opacity: 1; }

/* Kenarlardan ice dogru koyu zeminden acik zemine yumusak gecis; yaziya ulasmaz */
.lg-modal .lg-input,
.lg-modal .lg-adres,
.lg-modal .lg-combo__ara {
  box-shadow: inset 0 0 4px color-mix(in srgb, var(--lg-ink) 85%, transparent),
              inset 0 0 10px 2px color-mix(in srgb, var(--lg-ink) 55%, transparent);
}

/* Kod kutusu da acik zeminde: rakam ve noktalar koyu */
.lg-modal .lg-dogrula__kod-kap {
  --lg-text-hi: var(--lg-alan-yazi);
  --lg-text-4: var(--lg-alan-soluk);
}

/* Asil input yazisi gorunmez kalir — rakamlar yalnizca yuvalarda */
.lg-modal .lg-dogrula__kod,
.lg-modal .lg-dogrula__kod:focus { color: transparent; }

/* Dogrulama alt basligi: daha buyuk ve acik; ekran daraldikca kuculur, tek satirda kalir */
.lg-dogrula__alt-baslik {
  color: var(--lg-text-2);
  font-size: clamp(12px, calc((100vw - 56px) / 22.6), 16px);
}

/* Siparis ozeti: yazi ve ikonlar bir kademe buyuk */
.lg-done__satirlar li { font-size: var(--lg-fs-md); line-height: 1.35; }
.lg-done__satir-icon,
.lg-done__satir-icon svg { width: 19px; height: 19px; }
.lg-done__logo-img { height: 15px; }
@media (max-width: 349px) {
  .lg-done__satirlar li { font-size: .875rem; }
}

/* Dogrulama basligi ile aciklama arasinda ince kirmizi ayrac (uclari sonuk) */
.lg-dogrula__baslik {
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 4px;
}
.lg-dogrula__baslik::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--lg-accent-line) 18%, var(--lg-accent-line) 82%, transparent);
}

/* ── Siparis gonderimi: mesgul + hata kutusu (C2a) ─────────── */
.lg-dogrula[hidden] { display: none; }

.lg-order__submit.is-mesgul { cursor: progress; opacity: .8; }

.lg-order__hata {
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--lg-accent-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-2);
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-md);
  line-height: 1.4;
  text-align: center;
}
.lg-order__hata[hidden] { display: none; }
.lg-order__hata p { margin: 0; }
.lg-order__hata a {
  display: inline-block;
  margin-top: 6px;
  color: var(--lg-accent);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lg-order__hata a[hidden] { display: none; }

/* Dogrulama kilidinde iletisim baglantisi */
.lg-dogrula__iletisim {
  display: inline-block;
  margin-top: 4px;
  color: var(--lg-accent);
  font-size: var(--lg-fs-sm);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lg-dogrula__iletisim[hidden] { display: none; }

/* ── Ayni numaradan acik siparis ───────────────────────────── */
.lg-mevcut {
  display: grid;
  gap: 8px;
  margin: 0 0 10px;
  padding: 12px;
  border: 1px solid var(--lg-accent-line);
  border-radius: var(--lg-r-sm);
  background: var(--lg-surface-2);
  text-align: center;
}
.lg-mevcut[hidden] { display: none; }
.lg-mevcut__baslik { margin: 0; color: var(--lg-text-hi); font-size: var(--lg-fs-lg); font-weight: 750; }
.lg-mevcut__ozet { margin: 0; color: var(--lg-text-2); font-size: var(--lg-fs-md); font-weight: 650; }
.lg-mevcut__ozet[hidden],
.lg-mevcut__kod[hidden],
.lg-mevcut__uyari[hidden],
.lg-mevcut__guncelle[hidden],
.lg-mevcut__yeni[hidden] { display: none; }
.lg-mevcut__kod { display: grid; gap: 6px; justify-items: center; }
.lg-mevcut__kod-metin { margin: 0; color: var(--lg-text-2); font-size: var(--lg-fs-md); font-weight: 700; }
.lg-mevcut__satir { display: flex; gap: 8px; width: 100%; max-width: 300px; }
.lg-mevcut__kod-giris { flex: 1 1 auto; min-width: 0; text-align: center; letter-spacing: 6px; }
.lg-mevcut__uyari { margin: 0; color: var(--lg-text-2); font-size: var(--lg-fs-sm); line-height: 1.4; }
.lg-mevcut__guncelle { min-height: 52px; padding-block: 8px; font-size: var(--lg-fs-xl); }
.lg-mevcut__yeni {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--lg-accent-line);
  border-radius: var(--lg-r-md);
  background: transparent;
  color: var(--lg-text-hi);
  font-size: var(--lg-fs-lg);
  font-weight: 700;
  cursor: pointer;
}
.lg-mevcut__yeni:hover,
.lg-mevcut__yeni:focus-visible { border-color: var(--lg-accent); outline: 0; }
.lg-order__submit[hidden] { display: none; }

/* ── Yorum / anket formu: gonderim sonucu + bot tuzagi ─────── */
.lg-modal__sonuc {
  margin: 0 0 10px;
  color: var(--lg-text-2);
  font-size: var(--lg-fs-md);
  line-height: 1.45;
  text-align: center;
}
.lg-modal__sonuc[hidden] { display: none; }
.lg-form__tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }