/* Sayfa scope */
body.page-odeme{
  background:#f3f4f6;
}
/* Container */
.enb-odeme .enb-container{
  max-width: 980px;
  margin: 0 auto;
  padding: 16px 16px 60px 16px;
}

/* Üst mini menu */
.enb-inner-menu{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 10px;
  margin-bottom: 18px;
}

.enb-menu-item{
  border:1px solid #e5e7eb;
  background:#f8fafc;
  color:#111827;
  padding:10px 14px;
  border-radius:14px;
  display:flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.enb-menu-item:hover{
  background:#111827;
  color:#fff;
  border-color:#111827;
  transform: translateY(-1px);
}

.enb-ico{ font-size: 16px; }

/* Hero */
.enb-hero{
  text-align:center;
  padding: 6px 0 14px 0;
}

.enb-hero h1{
  font-size: 26px;
  line-height: 1.2;
  margin: 8px 0 6px 0;
  font-weight: 800;
}

.enb-sub{
  margin: 0 auto;
  max-width: 620px;
  color:#6b7280;
  font-size: 14px;
}

/* Card */
.enb-card{
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

/* Grid */
.enb-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 860px){
  .enb-grid{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
  }
}

.enb-col label{
  display:block;
  margin-top: 12px;
  font-weight: 700;
  font-size: 13px;
  color:#111827;
}

.enb-col input,
.enb-col select,
.enb-col textarea{
  width:100%;
  margin-top:6px;
  padding: 12px;
  border-radius: 12px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
  font-size: 15px;
  outline: none;
}

.enb-col textarea{ resize: vertical; }
.enb-mt{ margin-top: 18px; }

/* Buttons */
.enb-btn{
  width:100%;
  margin-top: 14px;
  padding: 14px 14px;
  border-radius: 12px;
  border:0;
  background:#111827;
  color:#fff;
  font-weight: 800;
  cursor:pointer;
}

.enb-btn:hover{ filter: brightness(0.95); }

.enb-btn-secondary{
  padding: 12px 14px;
  border-radius: 12px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
  font-weight: 700;
  cursor:pointer;
}

/* Result */
.enb-result{
  margin-top: 14px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: 14px;
  padding: 14px;
}

.enb-sum-title{
  font-weight: 900;
  margin-bottom: 10px;
}

.enb-sum-line{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px dashed #e5e7eb;
}

.enb-sum-k{ color:#6b7280; font-weight: 700; }
.enb-sum-v{ font-weight: 800; }

.enb-sum-note{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e7eb;
  color:#111827;
}

.enb-alert{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
}

/* IBAN Box */
.enb-iban{
  margin-top: 18px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  scroll-margin-top: calc(var(--enbHeader, 80px) + 14px);
}

.enb-iban-head{
  background: linear-gradient(135deg,#111827,#4b5563);
  color:#fff;
  padding: 16px 16px;
}

.enb-iban-left{
  display:flex;
  align-items:center;
  gap: 12px;
}

.enb-iban-ico{ font-size: 28px; }
.enb-iban-title{ font-weight: 900; font-size: 16px; }
.enb-iban-sub{ opacity: 0.9; font-size: 13px; }

.enb-iban-body{ padding: 18px 16px 18px 16px; }

.enb-iban-section{ margin-top: 12px; }
.enb-iban-label{ font-weight: 800; font-size: 13px; margin-bottom: 6px; }

.enb-copy-row{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap:wrap;
}

.enb-iban-value{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  padding: 11px 14px;
  border-radius: 12px;
  font-weight: 900;
}

.enb-copy-btn{
  border:0;
  background:#111827;
  color:#fff;
  padding: 10px 12px;
  border-radius: 12px;
  cursor:pointer;
  font-weight: 800;
  font-size: 13px;
}

.enb-copy-btn:hover{ filter: brightness(0.95); }

.enb-notes{
  margin-top: 14px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius: 14px;
  padding: 14px 14px;
}

.enb-note-title{ font-weight: 900; margin-bottom: 6px; }
.enb-note-list{ margin: 0; padding-left: 18px; color:#111827; }
.enb-note-list li{ margin: 6px 0; }

.enb-iban-actions{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

.enb-iban-actions .enb-btn{
  flex: 1 1 240px;
  margin-top: 0;
}
.enb-iban-actions .enb-btn-secondary{
  flex: 1 1 140px;
}

.enb-hidden{ display:none !important; }

.enb-title{
  text-align:center;
  margin-bottom: 10px;
}

.enb-title h1{
  font-size: 24px;
  line-height: 1.2;
  margin: 4px 0 6px 0;
  font-weight: 900;
}

.enb-title .enb-sub{
  margin: 0 auto 8px auto;
  max-width: 680px;
}