/* ===================== LEGEND HEADER (lgh-) ===================== */
.lgh-wrap{ all:revert; display:block; max-width:640px; margin:0 auto 14px; font-family:'Segoe UI',Arial,sans-serif; }

.lgh-hero{
  all:revert;
  display:flex; align-items:center; gap:14px;
  background:linear-gradient(120deg,#050b18 0%,#0b1a3a 45%,#123a7a 100%);
  border-radius:14px; padding:14px 18px; position:relative; overflow:hidden;
  box-shadow:0 8px 20px rgba(6,20,50,.3);
}

.lgh-hero-img{ all:revert; width:52px!important; flex-shrink:0; display:block; filter:drop-shadow(0 6px 10px rgba(0,0,0,.5)); }

.lgh-hero-text{ all:revert; display:block; flex:1; min-width:0; }

.lgh-hero-title{
  all:revert; display:block;
  color:#fff; font-size:1.25rem; font-weight:800; letter-spacing:.01em; line-height:1.15; margin:0 0 3px;
  white-space:nowrap;
}

.lgh-hero-sub{
  all:revert; display:block;
  color:#c9d3e6; font-size:.7rem; font-weight:700; letter-spacing:.04em; margin:0;
}

.lgh-accent{ all:revert; color:#4d8dff; }

/* ===================== PAKET BÖLÜMÜ BAŞLIĞI ===================== */
.lgh-eyebrow{ all:revert; display:flex; align-items:center; gap:10px; margin:0 0 14px; }
.lgh-eyebrow-bar{
  all:revert; display:block!important; width:4px!important; height:16px!important;
  background:#1a56c4!important; border-radius:2px!important; flex-shrink:0;
}
.lgh-eyebrow-text{
  all:revert; display:block;
  font-size:.8rem; font-weight:800; color:#1a2233; letter-spacing:.05em; text-transform:uppercase;
}

/* ===================== PAKET KARTLARI ===================== */
#siparis .product .form-group{ all:revert; display:block; position:relative; margin:0 0 12px; }
#siparis .product .form-group input{ all:revert; position:absolute; opacity:0; width:0; height:0; }
#siparis .product .form-group label{ all:revert; display:block; cursor:pointer; }
#siparis .product .form-group label > i{ display:none; }

.lgh-card{
  all:revert; display:flex; align-items:center; gap:10px; position:relative; overflow:hidden;
  background:#fff; border:2px solid #e3e8f0; border-radius:12px; padding:10px 14px 10px 10px; box-sizing:border-box;
}
#siparis .product .form-group:has(input:checked) .lgh-card{
  border-color:#1a56c4; background:linear-gradient(180deg,#adccff 0%,#ffffff 65%);
  box-shadow:0 10px 24px rgba(26,86,196,.2);
}
.lgh-card::before{ all:revert; content:""; position:absolute!important; left:0!important; top:0!important; bottom:0!important; width:50px!important; background:transparent!important; z-index:2; }
#siparis .product .form-group:has(input:checked) .lgh-card::before{ background:linear-gradient(180deg,#64a0ff,#0546be)!important; }

.lgh-radio{
  all:revert; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; z-index:3;
  width:19px; height:19px; border-radius:50%; border:2px solid #d3d9e3; background:#fff; margin-left:2px;
}
#siparis .product .form-group:has(input:checked) .lgh-radio{
  background:radial-gradient(circle,#ffffff 42%, #cfe0fb 100%); border:2px solid #1a56c4;
  box-shadow:0 0 0 5px rgba(26,86,196,.16);
}
.lgh-radio svg{ all:revert; display:block; width:11px; height:11px; opacity:0; overflow:visible; }
#siparis .product .form-group:has(input:checked) .lgh-radio svg{ opacity:1; }
.lgh-radio svg *{
  fill:none!important; stroke:#1a56c4!important; stroke-width:5!important;
  stroke-linecap:round!important; stroke-linejoin:round!important;
}

.lgh-card-img{ all:revert; display:block; width:30%!important; height:66px!important; object-fit:contain; flex-shrink:0; transform:scale(1.24); }

.lgh-card-info{ all:revert; display:block; flex:1; min-width:0; }
.lgh-card-title{ all:revert; display:block; font-size:.85rem; font-weight:700; color:#1a2233; margin:0 0 3px; line-height:1.25; }

.lgh-card-price{ all:revert; display:flex; align-items:baseline; gap:8px; white-space:nowrap; margin:0 0 6px; }
.lgh-old{ all:revert; display:block; color:#828282; font-size:.85rem; text-decoration:line-through; }
.lgh-new{ all:revert; display:block; color:#1a2233; font-size:1rem; font-weight:800; }

.lgh-pills{ all:revert; display:flex; flex-wrap:wrap; gap:5px; }
.lgh-pill{
  all:revert; display:flex; align-items:center; justify-content:flex-start; gap:4px;
  width:110px; box-sizing:border-box; font-size:.5rem; font-weight:800; color:#fff!important;
  padding:2px 6px; border-radius:5px; letter-spacing:.01em; text-align:left; line-height:1.15;
}
.lgh-pill svg{ all:revert; display:block; width:12px; height:12px; flex-shrink:0; overflow:visible; }
.lgh-pill svg *{
  fill:none!important; stroke:#fff!important; stroke-width:1.35!important;
  stroke-linecap:round!important; stroke-linejoin:round!important; vector-effect:non-scaling-stroke;
}
.lgh-pill-green{ background:linear-gradient(180deg,#166b3c,#1f9d55); }
.lgh-pill-dark{ background:linear-gradient(180deg,#0c0f14,#1a2233); }
.lgh-pill-red{ background:linear-gradient(180deg,#a51c2c,#dc3545); }
.lgh-pill-blue{ background:linear-gradient(180deg,#0f3a86,#1a56c4); animation:lgh-blink 1.4s ease-in-out infinite; }

@keyframes lgh-blink{
  0%, 100% { opacity:1; }
  50% { opacity:.45; }
}

.lgh-avribbon{ all:revert; position:absolute!important; top:5px!important; right:5px!important; width:45px!important; height:auto!important; max-width:45px!important; z-index:4; display:block!important; }

.lgh-corner-tag{
  all:revert; position:absolute; right:-33px; bottom:13px; z-index:4; width:130px; box-sizing:border-box;
  background:linear-gradient(135deg,#ff0000,#000000); color:#fff;
  font-size:.46rem; font-weight:800; text-align:center; line-height:1.3;
  padding:1px 0; letter-spacing:.03em; transform:rotate(330deg);
  box-shadow:0 2px 5px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.3);
  border-top:1px solid rgba(255,255,255,.2);
  border-bottom:1px solid rgba(0,0,0,.25);
}

/* ===================== TESLİMAT / KARGO-ÖDEME BAŞLIKLARI ===================== */
#siparis .address > .blg-form,
#siparis .payment > .blg-form{ display:none; }

/* ===================== FORM ALANLARI ===================== */
#siparis .address .form-group{ all:revert; display:block; margin:0 0 10px; }

#siparis fieldset{ all:revert; display:block; position:relative; border:none!important; padding:0!important; margin:0!important; }
#siparis fieldset i{
  all:revert; display:block; position:absolute!important; left:13px!important; top:50%!important;
  transform:translateY(-50%)!important; color:#1a56c4!important; font-size:14px!important; font-style:normal!important; z-index:2;
}
#siparis .adres-wrapper .adrs{ color:#1a56c4!important; font-style:normal!important; }

#siparis .cusem{
  all:revert; display:block; width:100%; box-sizing:border-box;
  border:1.5px solid #e3e8f0!important; border-radius:10px!important;
  font-size:.85rem; font-weight:700; color:#1a2233; padding:12px 12px 12px 38px!important;
  background:#fff; transition:border-color .15s, box-shadow .15s;
  text-transform:uppercase!important;
}
#siparis .cusem:focus{ border-color:#1a56c4!important; box-shadow:0 0 0 3px #eaf1fd!important; outline:none; }
#siparis textarea.cusem{ resize:none; }

/* Adres kutusu: sitenin JS ile hesapladığı dinamik üst boşluğu (--ovH) BOZMADAN
   sadece sol/sağ/alt boşluğu ve font boyutunu kendi hâline bırakıyoruz */
#siparis #a-dres.cusem{
  padding-left:38px!important; padding-right:12px!important; padding-bottom:12px!important;
  padding-top:var(--ovH, 1.6rem)!important;
  font-family:inherit!important; font-size:.85rem!important; text-transform:uppercase!important; font-weight:700!important;
  min-height:90px;
}
#siparis .custom-select.cusem{ padding-left:14px!important; }
#siparis input.cusem::placeholder,
#siparis textarea.cusem::placeholder{ color:#a3a89d; font-weight:400!important; }

/* Select2 (Şehir / İlçe / Mahalle / Cadde-Sokak) */
#siparis .select2-container .select2-selection--single{
  all:revert; display:flex!important; align-items:center; height:auto!important;
  border:1.5px solid #e3e8f0!important; border-radius:10px!important;
  padding:12px 30px 12px 14px!important; background:#fff!important; box-sizing:border-box;
}
#siparis .select2-selection__rendered{ all:revert; padding:0!important; margin:0!important; font-size:.85rem!important; font-weight:700!important; color:#1a2233!important; }
/* Değer seçilmemiş (ilk/varsayılan option) ise: ince ve gri (placeholder gibi).
   Bazı select'lerde boş değer "" bazılarında "0" olarak kullanılıyor, ikisini de kapsıyoruz. */
#siparis select.custom-select:has(option:checked[value=""]) + .select2-container .select2-selection__rendered,
#siparis select.custom-select:has(option:checked[value="0"]) + .select2-container .select2-selection__rendered{
  color:#8a94a6!important; font-weight:400!important;
}
#siparis .select2-selection__arrow{ all:revert; position:absolute!important; right:10px!important; top:50%!important; transform:translateY(-50%)!important; }
#siparis .select2-container--open .select2-selection--single,
#siparis .select2-container--focus .select2-selection--single{ border-color:#1a56c4!important; box-shadow:0 0 0 3px #eaf1fd!important; }
#siparis .select2-dropdown{ all:revert; border:1.5px solid #1a56c4!important; border-radius:10px!important; overflow:hidden; }
#siparis .select2-results__option{ all:revert; font-size:.85rem!important; padding:9px 14px!important; }
#siparis .select2-results__option--highlighted{ all:revert; background:#1a56c4!important; color:#fff!important; }

/* ===================== KARGO / ÖDEME KARTLARI ===================== */
#siparis .payment .form-row{ all:revert; display:flex; gap:8px; margin:0 0 8px; }
#siparis .payment .form-group.col{ all:revert; flex:1; min-width:0; position:relative; margin:0; }
#siparis .payment input{ all:revert; position:absolute; opacity:0; width:0; height:0; }
#siparis .payment label{ all:revert; display:block; cursor:pointer; }
#siparis .payment label > i{ display:none; }

.lgh-pay-card{
  all:revert; display:flex; align-items:center; gap:6px; position:relative;
  background:#fff; border:1.5px solid #e3e8f0; border-radius:10px; padding:10px 6px 10px 32px; box-sizing:border-box;
}
#siparis .payment .form-group.col:has(input:checked) .lgh-pay-card{
  border-color:#1a56c4; background:linear-gradient(180deg,#adccff 0%,#ffffff 70%); box-shadow:0 4px 14px rgba(26,86,196,.15);
}
.lgh-pay-radio{
  all:revert; position:absolute; left:8px; top:50%; transform:translateY(-50%);
  width:10px; height:10px; border-radius:50%; border:2px solid #d3d9e3; background:#fff;
  display:flex; align-items:center; justify-content:center;
}
#siparis .payment .form-group.col:has(input:checked) .lgh-pay-radio{
  border-color:#1a56c4; background:radial-gradient(circle,#ffffff 42%,#cfe0fb 100%);
  box-shadow:0 0 0 4px rgba(26,86,196,.14);
}
.lgh-pay-radio svg{ all:revert; display:block; width:8px; height:8px; opacity:0; overflow:visible; }
#siparis .payment .form-group.col:has(input:checked) .lgh-pay-radio svg{ opacity:1; }
.lgh-pay-radio svg *{ fill:none!important; stroke:#1a56c4!important; stroke-width:5!important; stroke-linecap:round!important; stroke-linejoin:round!important; }

.lgh-pay-icon{
  all:revert; display:flex; align-items:center; justify-content:center; flex-shrink:0;
  width:22px; height:22px;
}
.lgh-pay-icon svg{ all:revert; display:block; width:22px; height:22px; overflow:visible; }
.lgh-pay-icon svg *{ fill:none!important; stroke:#1a56c4!important; stroke-width:1.6!important; stroke-linecap:round!important; stroke-linejoin:round!important; }
.lgh-pay-title{ all:revert; display:block; font-size:.76rem; font-weight:700; color:#1a2233; white-space:nowrap; }

#siparis #od2{ all:revert; margin:-1.5px 0 0; }
#siparis #od2 kkt{
  all:revert; display:block !important; width:100%; box-sizing:border-box;
  background:#fff  !important; color:#1a2233;
  font-family:'Segoe UI', Arial, sans-serif!important;
  font-size:.6rem; font-weight:700;
  text-align:center; padding:13px 6px 3px !important;
  border-top:none;
  border-left:1.5px solid #1a56c4; border-right:1.5px solid #1a56c4; border-bottom:1.5px solid #1a56c4;
  border-radius:0 0 9px 9px;
  margin-top: -10px;
}
.lgh-fee-amount{ all:revert; color:#dc3545; font-weight:800; }

/* ===================== GÖNDER BUTONU ===================== */
#siparis .payment > .form-group{ all:revert; display:block; margin:16px 0 0; }
#siparis #submit{
  all:revert; display:flex!important; align-items:center; justify-content:center; gap:8px;
  width:100%; box-sizing:border-box;
  background:linear-gradient(135deg,#1a56c4,#123a7a)!important; color:#fff!important; border:none!important;
  border-radius:11px!important; font-size:.95rem; font-weight:800; letter-spacing:.03em;
  padding:20px 0!important; text-align:center; box-shadow:0 8px 20px rgba(26,86,196,.3); cursor:pointer;margin: 30px 0;
}

/* ===================== SÖZLEŞME KUTUSU ===================== */
#siparis .approve{
  all:revert; display:block; background:#fff; border:1.5px solid #e3e8f0; border-radius:10px;
  padding:12px 14px; margin:14px 0 0;
}
#siparis .approve .form-group{ all:revert; display:block; margin:0; }
#siparis .approve input{ all:revert; position:absolute!important; opacity:0!important; width:16px; height:16px; }
#siparis .approve label{
  all:revert; display:block; position:relative; padding-left:26px;
  font-size:.7rem; color:#5b6472; line-height:1.5;
  opacity:1!important; filter:none!important;
}
#siparis .approve label b{ all:revert; color:#1a56c4; font-weight:700; }
#siparis .approve label::before{
  content:""; position:absolute; left:0; top:1px; width:16px; height:16px;
  border-radius:4px; border:2px solid #1a56c4!important; background:#1a56c4!important;
  opacity:1!important; z-index:3;
}
#siparis .approve label::after{
  content:""; position:absolute; left:8px; top:9px; width:5px; height:9px;
  border:solid #fff!important; border-width:0 2px 2px 0!important;
  transform:translate(-50%,-60%) rotate(40deg);
  opacity:1!important; z-index:4;
}

/* ===================== GÜVEN NOTU ===================== */
.lgh-trust-note{
  all:revert; display:flex; align-items:center; gap:8px;
  background:#f7f9fc; border:1px solid #e3e8f0; border-radius:9px; padding:9px 12px; margin:12px 0;
  font-size:.68rem; color:#8a94a6; font-weight:600;
}
.lgh-trust-note i{ color:#1a56c4; }

/* Adres overlay yazısı: textarea'daki yazıyla birebir aynı font/boyut/kalınlık */
#siparis .adres-overlay{
  font-family:inherit!important; font-size:.85rem!important; font-weight:700!important;
  text-transform:uppercase!important; color:#1a2233b0!important; font-style:normal!important;
}

/* ===================== FLOATING LABEL (deneme: Ad Soyad) ===================== */
.lgh-float-label{
  all:revert; position:absolute; left:38px; top:50%; transform:translateY(-50%);
  font-size:.85rem; font-weight:700; color:#8a94a6; pointer-events:none;
  transition:all .15s ease; text-transform:uppercase; background:#fff; padding:0 3px; z-index:2;
}
.lgh-float-input:focus ~ .lgh-float-label,
.lgh-float-input:not(:placeholder-shown) ~ .lgh-float-label{
  top:0; left:11px; font-size:.6rem; color:#1a56c4;
}

/* ===================== FLOATING LABEL — SELECT2 KUTULARI ===================== */
#siparis .address .form-group{ position:relative; }

.lgh-select-label{
  all:revert; position:absolute; top:50%; transform:translateY(-50%);
  font-size:.85rem; font-weight:700; color:#8a94a6; pointer-events:none;
  transition:all .15s ease; text-transform:uppercase; z-index:5; left:14px;
}
.lgh-select-label.lgh-col2{ left:calc(50% + 16px); }

/* Boşken select2'nin kendi içindeki soluk yazıyı gizle, yerini bizim label'ımız alsın */
#siparis select.custom-select:has(option:checked[value=""]) + .select2-container .select2-selection__rendered,
#siparis select.custom-select:has(option:checked[value="0"]) + .select2-container .select2-selection__rendered{
  opacity:0!important;
}

/* Gerçek bir değer seçilince, ilgili label yukarı küçülüp mavi olsun */
#siparis #city:not(:has(option:checked[value=""])):not(:has(option:checked[value="0"])) ~ .lgh-label-city,
#siparis #ilce:not(:has(option:checked[value=""])):not(:has(option:checked[value="0"])) ~ .lgh-label-ilce,
#siparis #mahalle:not(:has(option:checked[value=""])):not(:has(option:checked[value="0"])) ~ .lgh-label-mahalle,
#siparis #cadsok:not(:has(option:checked[value=""])):not(:has(option:checked[value="0"])) ~ .lgh-label-cadsok{
  top:1px; font-size:.6rem; color:#1a56c4; transform:none;
}

/* ===================== FLOATING LABEL — ADRES KUTUSU ===================== */
#siparis #a-dres ~ .lgh-float-label{ left:38px; top:var(--ovH, 22px); transform:none; }
#siparis #a-dres:focus ~ .lgh-float-label,
#siparis #a-dres:not(:placeholder-shown) ~ .lgh-float-label{
  top:0; left:11px; font-size:.6rem; color:#1a56c4; transform:none;
}

/* Select2 içeriği tek satıra sığmazsa sonuna ... koy, aşağı taşmasın */
#siparis .select2-selection__rendered{
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; display:block!important;
}

.lgh-pay-text-col{ all:revert; display:block; min-width:0; position:relative; }
.lgh-card-fee-hint{
  all:revert; position:absolute; left:35%; top:80%; margin-top:2px; white-space:nowrap;
  font-family:'Segoe UI', Arial, sans-serif!important;
  font-size:.58rem; font-weight:800; color:#dc3545; letter-spacing:.01em;
}