/* =========================================================
   ÖDEME SAYFASI – BS5 UYUMLU AÇIK TEMA (WHITE)
   Kapsayıcı: .store_odeme_sayfa
   Not: BS grid/row/col sınıflarına dokunulmaz.
   ========================================================= */
.store_odeme_sayfa {
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-2: #f8fafc;
  --muted: #6c757d;
  --text: #212529;
  --primary: #0d6efd;
  --primary-600: #0b5ed7;
  --success: #198754;
  --warning: #ffc107;
  --danger: #dc3545;
  --border: #dee2e6;
  --radius: .75rem;
  --radius-sm: .5rem;
  --shadow: 0 10px 30px rgba(0,0,0,.06);
  --shadow-sm: 0 6px 16px rgba(0,0,0,.05);
  --focus: 0 0 0 .25rem rgba(13,110,253,.25);
  --trans: .18s ease;
  font-family: var(--bs-font-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial);
  color: var(--text);
  background: var(--bg);
}

/* Görseller & linkler */
.store_odeme_sayfa img { max-width: 100%; display: block; }
.store_odeme_sayfa img .secure-logo{float:none !important; margin-bottom:5px !important;}
.store_odeme_sayfa a { color: var(--primary); text-decoration: none; }
.store_odeme_sayfa a:hover { color: var(--primary-600); }

/* Başlık şeridi */
.store_odeme_sayfa ._contentbox-header {
  font-weight: 700;
  font-size: 1rem;
  padding: .75rem 1rem;
  border: 1px solid var(--border);
  border-bottom: none;
  border-radius: var(--radius) var(--radius) 0 0;
  background: linear-gradient(180deg, #ffffff, #f9fbff);
}

/* Form ve sağ panel kartları */
.store_odeme_sayfa form,
.store_odeme_sayfa .cartpanel {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.store_odeme_sayfa form { padding: 1rem; }
@media (min-width: 768px){ .store_odeme_sayfa form { padding: 1.25rem; } }

/* İlerleme çubuğu */
.store_odeme_sayfa #order_steps.checkout-progress-bar{
  display:flex; gap:.5rem; list-style:none; padding:0; margin:0 0 1rem;
  counter-reset: step;
}
.store_odeme_sayfa #order_steps li{
  position:relative; flex:1; text-align:center;
  padding:.85rem .5rem .85rem 2.6rem;
  background:#fff; border:1px solid var(--border);
  border-radius: var(--radius-sm); color: var(--muted); font-weight:600;
  transition: transform var(--trans), border-color var(--trans), background var(--trans), color var(--trans);
}

.store_odeme_sayfa #order_steps li.active{
  background: #eff6ff; color:#0b5ed7; border-color:#bfd3ff;
}

.store_odeme_sayfa #order_steps li:hover{ transform: translateY(-2px); }

/* Form alanları (BS5 uyumlu) */
.store_odeme_sayfa .form-group { margin-bottom: 1rem; }
.store_odeme_sayfa .custom-label { display:inline-block; margin:0 0 .4rem; font-weight:600; color:var(--text); }

.store_odeme_sayfa .form-control,
.store_odeme_sayfa select,
.store_odeme_sayfa textarea,
.store_odeme_sayfa input[type="text"],
.store_odeme_sayfa input[type="number"],
.store_odeme_sayfa input[type="email"]{
  background:#fff; color:var(--text);
  border:1px solid var(--muted); border-radius:.6rem;
  padding:.7rem .85rem; outline: none;
  transition: box-shadow var(--trans), border-color var(--trans), background var(--trans);
}
.store_odeme_sayfa .form-control:focus,
.store_odeme_sayfa select:focus,
.store_odeme_sayfa textarea:focus,
.store_odeme_sayfa input:focus{
  border-color: var(--primary);
  box-shadow: var(--focus);
  background:#fff;
}
.store_odeme_sayfa textarea{ min-height:120px; resize: vertical; }

/* HTML5 validation ipuçları */
.store_odeme_sayfa input:required:invalid,
.store_odeme_sayfa select:required:invalid,
.store_odeme_sayfa textarea:required:invalid{ border-color: #f4c2c7; }
.store_odeme_sayfa input:required:invalid:focus,
.store_odeme_sayfa select:required:invalid:focus,
.store_odeme_sayfa textarea:required:invalid:focus{ box-shadow: 0 0 0 .25rem rgba(220,53,69,.18); }

/* Radio & Checkbox */
.store_odeme_sayfa input[type="radio"],
.store_odeme_sayfa input[type="checkbox"]{ accent-color: var(--primary); }
.store_odeme_sayfa .radio-custom{ display:inline-flex; align-items:center; gap:.5rem; }
.store_odeme_sayfa .radio-custom-label{ cursor:pointer; }

/* Kargo tablosu */
.store_odeme_sayfa .table-step-shipping{ width:100%; border-collapse:separate; border-spacing:0 10px; }
.store_odeme_sayfa .table-step-shipping tr td{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-sm);
  padding:.6rem .75rem; transition: transform var(--trans), border-color var(--trans), background var(--trans);
}
.store_odeme_sayfa .table-step-shipping label.row{
  align-items:center;  cursor:pointer;
}
@media (max-width:520px){
  .store_odeme_sayfa .table-step-shipping label.row{ grid-template-columns: 1.4rem 60px 1fr; }
  .store_odeme_sayfa .table-step-shipping .col-3:last-child{ grid-column:1 / -1; justify-self:end; }
}
.store_odeme_sayfa .table-step-shipping tr:hover td{ transform: translateY(-2px); border-color: var(--primary); }
.store_odeme_sayfa .table-step-shipping input[type="radio"]{ width:1.05rem; height:1.05rem; }

/* Sağ sepet paneli */
.store_odeme_sayfa .cartpanel{ padding:.75rem; position: sticky; top: 1rem; }
.store_odeme_sayfa .cartpanel-body-box{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-sm);
  padding:.75rem .9rem; margin-bottom:.75rem;
}
.store_odeme_sayfa .cartpanel .table{ width:100%; border-collapse:collapse; }
.store_odeme_sayfa .cartpanel .table td,
.store_odeme_sayfa .cartpanel .table th{ padding:.5rem .25rem; border-bottom:1px dashed var(--border); }
.store_odeme_sayfa .cartpanel .table tfoot td{ border-bottom:none; }

.store_odeme_sayfa .table-mini-cart .product-title{ font-size:.95rem; margin:.25rem 0; font-weight:700;    line-height: 1 !important; }
.store_odeme_sayfa .product-qty{ color:var(--muted); font-size:.9rem; }
.store_odeme_sayfa .product-image-container{ width:64px; height:64px; border-radius:.5rem; overflow:hidden; background:#fff; border:1px solid var(--border); }

/* Başlık/aksiiyonlar */
.store_odeme_sayfa .cartpanel-box-title{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-sm);
  padding:.75rem .9rem; display:flex; align-items:center; justify-content:space-between; margin-bottom:.75rem;
}
.store_odeme_sayfa .cartpanel-box-title h5{ margin:0; font-weight:800; }
.store_odeme_sayfa .button.button-mini.button-white{
  background:#fff; border:1px solid var(--border); color:var(--text);
  border-radius:.5rem; padding:.4rem .6rem; font-weight:600;
      position: absolute;
    top: 4px;
    right: 0px;
}
.store_odeme_sayfa .button.button-mini.button-white:hover{ border-color:var(--primary); color:var(--primary-600); box-shadow: var(--focus); }

/* Toplamlar */
.store_odeme_sayfa .table-totals td{ padding:.5rem 0; }
.store_odeme_sayfa .cartpanel-body-total-price{ font-size:1.15rem; font-weight:800; }
.store_odeme_sayfa #totalAmount{ white-space:nowrap; }

/* Tooltip */
.store_odeme_sayfa .masterTooltip[title]{ position:relative; display:inline-flex; align-items:center; margin-left:.25rem; opacity:.9; }
.store_odeme_sayfa .masterTooltip[title]:hover{ opacity:1; }
.store_odeme_sayfa .masterTooltip[title]:hover::after{
  content: attr(title); position:absolute; left:50%; top:100%; transform: translate(-50%, .6rem);
  background:#fff; border:1px solid var(--border); padding:.5rem .6rem;
  font-size:.85rem; color:var(--text); white-space:pre-line; border-radius:.5rem; box-shadow: var(--shadow-sm); z-index:20; min-width:220px;
}

/* Güvenlik logosu */
.store_odeme_sayfa .secure-logo{ max-width:120px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.12)); }

/* Ayırıcılar */
.store_odeme_sayfa hr.my-4{ border:none; border-top:1px dashed var(--border); }

/* “SATIN AL” ve butonlar (BS5’ye saygılı, sadece görünüm dokunuşu) */
.store_odeme_sayfa .btn{
  border-radius:.7rem; font-weight:700; letter-spacing:.2px; text-transform: uppercase;
}
.store_odeme_sayfa .btn-success{
  box-shadow: 0 6px 16px rgba(25,135,84,.25);
}
.store_odeme_sayfa .btn-success:hover{ transform: translateY(-1px); }
.store_odeme_sayfa .btn:active{ transform: translateY(0); box-shadow: inset 0 2px 8px rgba(0,0,0,.08); }

/* Dinamik alan kutuları */
.store_odeme_sayfa #sonucil, 
.store_odeme_sayfa #sonucilce,
.store_odeme_sayfa #filcesonuc{
  background:#fff; border:1px dashed var(--border); border-radius:.6rem; padding:.5rem;
}

/* Fatura bölümü (gizlenme animasyonu korunur) */
.store_odeme_sayfa .faturag1g{ transition:max-height .3s ease, opacity .2s ease; overflow:hidden; }
.store_odeme_sayfa .faturag1g[style*="display:none"]{ max-height:0; opacity:0; }
.store_odeme_sayfa .faturag1g:not([style*="display:none"]){ max-height:2000px; opacity:1; }

.store_odeme_sayfa .faturatipi{ transition:max-height .3s ease, opacity .2s ease; overflow:hidden; }
.store_odeme_sayfa .faturatipi[style*="display:none"]{ max-height:0; opacity:0; }
.store_odeme_sayfa .faturatipi:not([style*="display:none"]){ max-height:1200px; opacity:1; }

/* Küçük yardımcılar */
.store_odeme_sayfa .mw-25{ max-width:25%; }
.store_odeme_sayfa .mw-100{ max-width:100%; }
.store_odeme_sayfa .margin-left-5{ margin-left:.35rem; }
.store_odeme_sayfa .font-weight-600{ font-weight:600; }
.store_odeme_sayfa .mb-0{ margin-bottom:0 !important; }
.store_odeme_sayfa .mb-1{ margin-bottom:.5rem !important; }
.store_odeme_sayfa .mb-3{ margin-bottom:1rem !important; }

/* Erişilebilirlik */
.store_odeme_sayfa :focus-visible{ outline:none; box-shadow: var(--focus); }

/***** 1) Adım çubuğu: soldaki mavi nokta/bullet ve hizalama *****/
.store_odeme_sayfa #order_steps,
.store_odeme_sayfa #order_steps * { list-style: none !important; }
.store_odeme_sayfa #order_steps li::marker { content: ""; } /* bazı temalarda ::marker mavi nokta bırakıyor */
.store_odeme_sayfa #order_steps.checkout-progress-bar { padding-left: 0 !important; }
.store_odeme_sayfa #order_steps li {
  min-height: 72px;           /* kart yüksekliği tutarlı */
  display: flex; align-items: center; justify-content: center;
     padding-left: 0px;
}
.checkout-progress-bar li>span:after{content:none;}
.store_odeme_sayfa #order_steps li::before {

}
.form-control:not(.form-control-sm):not(.form-control-lg){font-size: 1.35rem !important;}
@media (max-width: 576px){
  .store_odeme_sayfa #order_steps li{ min-height: 64px; }
}

/***** 2) İl/İlçe “boş kutu/dash” görünümü (ekranda büyük boş çerçeve görünüyor) *****/
/* Dinamik konteynerler: kutu dekorasyonunu kaldır, normal input gibi dursun */
.store_odeme_sayfa #sonucil,
.store_odeme_sayfa #sonucilce,
.store_odeme_sayfa #filcesonuc{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
/* İçinde select oluştuğunda normal form-control görünsün */
.store_odeme_sayfa #sonucil select,
.store_odeme_sayfa #sonucilce select,
.store_odeme_sayfa #filcesonuc select{
  width: 100%;
  background:#fff;
  border:1px solid var(--border);
  border-radius:.6rem;
  padding:.7rem .85rem;
}

/***** 3) Validasyon mesajlarının (Girişi Zorunlu Alan) stili ve boşlukları *****/
/* jQuery Validate/porto genelde label.error üretir */
.store_odeme_sayfa label.error,
.store_odeme_sayfa .error.valid-msg{
  display:block;
  margin-top:.35rem;
  font-size:.85rem;
  line-height:1.2;
  color:#dc3545;               /* BS danger */
  font-weight:600;
}
/* Hata durumundaki input çevresi çok kalın görünmesin */
.store_odeme_sayfa .form-control.is-invalid,
.store_odeme_sayfa input:required:invalid,
.store_odeme_sayfa select:required:invalid,
.store_odeme_sayfa textarea:required:invalid{
  border-color:#f0a4aa;
  box-shadow:none;
}

/***** 4) Form alanı sıkışıklıkları ve eşit yükseklik *****/
.store_odeme_sayfa .form-group .form-control{
  min-height: 46px;           /* Email/Cep Telefonu ile aynı yükseklik */
}
.store_odeme_sayfa textarea.form-control{
  min-height: 120px;
}

/***** 5) Kart/Panel aralıkları – sağdaki sepet panelinin taşma hissi *****/
.store_odeme_sayfa .cartpanel{ top: 1.25rem; }
.store_odeme_sayfa .cartpanel .cartpanel-body-box{ box-shadow: var(--shadow-sm); }

/***** 6) “Adres Bilgileri” kutu kenarlığı ve başlık ile içerik arası *****/
.store_odeme_sayfa ._contentbox-header{ margin-bottom: 0; }
.store_odeme_sayfa ._contentbox-header + div { 
  border:1px solid var(--border);
  border-top:0;
  border-radius: 0 0 var(--radius) var(--radius);
  padding: .75rem 1rem;
  background: #fff;
  line-height: 15px;
}

/***** 7) Safari/Chrome sayı girişlerinde (type=number) ok işaretleri boyutu *****/
.store_odeme_sayfa input[type="number"]::-webkit-outer-spin-button,
.store_odeme_sayfa input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none; margin: 0;
}
.store_odeme_sayfa input[type="number"]{ -moz-appearance:textfield; }

.product-col h2.product-title{
font-size: 16px !important;
    line-height: 18px !important;
    font-weight:bold
}
.product-single-details .product-title{    font-size: 1.9rem;line-height: 2.3rem;}

@media (max-width: 575px) {
    .product-action .btn-add-cart {
        display: block;
        padding: 0 8px; */
        width: 36px;
        height: auto;
        overflow: hidden;
    }
}
.nav-tabs li a.nav-link{    background: none !important;}
.whatsapp-iletisim{
font-size: 16px !important;
    line-height: 18px !important; font-weight: bold; color:#cc0000;}