/* Bidüşüntaşın fiyat al: sade, premium görünüm (Ekim 2026).
   Yalnızca görünümü değiştirir; sınıf ve id adlarına dokunmaz, mainlite.js aynen çalışır.
   style.css'ten sonra yüklenir. */
@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");

:root {
  --bdt-bg: #F5F6F8;
  --bdt-surface: #FFFFFF;
  --bdt-soft: #F4F5F7;
  --bdt-ink: #0C1B2E;
  --bdt-ink-2: #2B3B52;
  --bdt-muted: #66768B;
  --bdt-line: #E4E9F0;
  --bdt-line-2: #D3DBE6;
  --bdt-navy: #0A1A2F;
  --bdt-b: #0A1A2F;
  --bdt-b-tint: #FFFFFF;
  --bdt-y: #FBDE17;
  --bdt-ease: cubic-bezier(.22,.68,.3,1);
}

/* ---------- Temel ---------- */
body {
  background: var(--bdt-bg) !important;
  color: var(--bdt-ink) !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
body h1, body h2, body h3, body h4 {
  font-family: 'Instrument Sans', system-ui, sans-serif !important;
  color: var(--bdt-ink);
  letter-spacing: -.025em;
}
body p, body label, body span, body input, body textarea, body select, body button, body a {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---------- Üst bölüm: sade lacivert çubuk ---------- */
header.masthead {
  position: relative !important;
  top: auto !important;
  background: var(--bdt-navy) !important;
  padding: 0 !important;
  min-height: 68px;
  box-shadow: none !important;
  border: 0 !important;
}
header.masthead > .container { max-width: 1040px; }
header.masthead .row { align-items: center; min-height: 68px; margin: 0; }
header.masthead #logo { width: auto !important; }
header.masthead #logo img { max-height: 38px; width: auto; }
header.masthead .header-buttons { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
header.masthead .fiyat-al-buton { display: none !important; }
header.masthead .ara-buton {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: transparent !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .2s var(--bdt-ease), border-color .2s var(--bdt-ease);
}
header.masthead .ara-buton span { color: #FFFFFF !important; }
header.masthead .ara-buton i { color: var(--bdt-y) !important; }
header.masthead .ara-buton:hover { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.4) !important; }

/* ---------- Form kartı ---------- */
#content { float: none; margin: 0 auto; }
.form-area {
  max-width: 860px;
  margin: 28px auto 14px !important;
  background: var(--bdt-surface);
  border: 1px solid var(--bdt-line);
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(12,27,46,.04), 0 12px 32px -16px rgba(12,27,46,.12);
  padding: 0 40px 28px;
  overflow: hidden;
}
/* Paneller üst üste durmasın: etkin olan akışta yer kaplar */
.form-area .multisteps-form__panel { transition: none !important; }
.form-area .multisteps-form__panel.js-active { position: relative !important; }
.multisteps-form__panel .wizard-forms,
.multisteps-form__panel .form-content { padding: 0 !important; margin: 0 !important; }

/* İlerleme */
.bdt-ilerleme { display: flex; align-items: center; gap: 16px; margin: 22px 0 22px; }
.bdt-ilerleme span { flex: none; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bdt-muted); }
.bdt-ilerleme div { flex: 1; height: 4px; border-radius: 99px; background: var(--bdt-soft); overflow: hidden; }
.bdt-ilerleme div i { display: block; height: 100%; width: 8%; border-radius: inherit; background: var(--bdt-b); transition: width .6s var(--bdt-ease); }

/* Başlıklar */
.multisteps-form__panel .step-inner-content {
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.multisteps-form__panel .step-inner-content h2 {
  font-size: clamp(22px, 2.6vw, 28px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  text-align: left !important;
}
.multisteps-form__panel .step-inner-content > p {
  color: var(--bdt-muted) !important;
  font-size: 15.5px !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}
.multisteps-form__panel .step-inner-content h2 + .step-box { margin-top: 24px; }
.multisteps-form__panel .step-inner-content > p:empty { display: none; }

/* ---------- Seçenek kutucukları ---------- */
.multisteps-form__panel .step-box .row:has(> div > label.step-box-content) {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px;
  margin: 0 !important;
}
.multisteps-form__panel .step-box .row:has(> div > label.step-box-content) > div {
  width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important;
}
.multisteps-form__panel .step-box-content {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr);
  column-gap: 16px;
  row-gap: 2px;
  align-content: center;
  min-height: 74px !important;
  height: 100%;
  margin: 0 !important;
  padding: 12px 48px 12px 12px !important;
  text-align: left !important;
  background: var(--bdt-surface) !important;
  border: 1px solid var(--bdt-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  cursor: pointer;
  position: relative;
  transition: border-color .2s var(--bdt-ease), background .2s var(--bdt-ease), box-shadow .2s var(--bdt-ease);
}
.multisteps-form__panel .step-box-content:hover {
  border-color: var(--bdt-line-2) !important;
  box-shadow: 0 6px 18px -8px rgba(12,27,46,.18) !important;
}
.multisteps-form__panel .step-box-content.active {
  background: var(--bdt-b-tint) !important;
  border-color: var(--bdt-b) !important;
  box-shadow: inset 0 0 0 1px var(--bdt-b) !important;
}
/* Sağdaki seçim işareti */
.multisteps-form__panel .step-box-content::after {
  content: "";
  position: absolute; right: 18px; top: 50%;
  width: 20px; height: 20px; margin-top: -10px;
  border-radius: 50%;
  border: 1.5px solid var(--bdt-line-2);
  background: var(--bdt-surface) center/12px no-repeat;
  transition: background-color .2s var(--bdt-ease), border-color .2s var(--bdt-ease), transform .25s var(--bdt-ease);
}
.multisteps-form__panel .step-box-content.active::after {
  border-color: var(--bdt-b);
  background-color: var(--bdt-b);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: scale(1.05);
}
/* İkon kutusu */
.multisteps-form__panel .step-box-icon,
.multisteps-form__panel .step-box-icon-inline {
  grid-row: span 2;
  align-self: center;
  width: 50px; height: 50px;
  display: grid !important; place-items: center;
  border-radius: 14px;
  background: var(--bdt-soft);
  margin: 0 !important;
}
.multisteps-form__panel .step-box-icon img,
.multisteps-form__panel .step-box-icon-inline img {
  width: 36px !important; height: 36px !important; max-width: none !important; object-fit: contain; margin: 0 !important;
}
.multisteps-form__panel .step-box-content.active .step-box-icon,
.multisteps-form__panel .step-box-content.active .step-box-icon-inline { background: #FFFFFF; }
/* Metinler */
.multisteps-form__panel .step-box-text {
  display: block;
  align-self: end;
  color: var(--bdt-ink) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.multisteps-form__panel .step-box-content:not(:has(.step-box-subtext)) .step-box-text { grid-row: span 2; align-self: center; }
.multisteps-form__panel .step-box-subtext {
  display: block;
  align-self: start;
  color: var(--bdt-muted) !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  margin: 3px 0 0 !important;
}
.multisteps-form__panel .service-check-option { display: none !important; }

/* ---------- Düğmeler: kartın içinde, sabit değil ---------- */
.multisteps-form__panel .actions {
  position: static !important;
  float: none !important;
  width: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 20px 0 0 !important;
  margin: 24px 0 0 !important;
  border-top: 1px solid var(--bdt-line);
  bottom: auto !important;
}
.multisteps-form__panel .actions ul { display: flex !important; justify-content: space-between; align-items: center; margin: 0; padding: 0; width: 100%; }
.multisteps-form__panel .actions ul li { list-style: none; margin: 0 !important; }
.multisteps-form__panel .actions ul li:only-child { margin-left: auto !important; }
.multisteps-form__panel .actions li button,
.multisteps-form__panel .actions li:last-child button {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 10px;
  width: auto !important; min-width: 168px; height: 52px !important; line-height: 1 !important;
  padding: 0 26px !important;
  border: 0 !important; border-radius: 999px !important;
  background: var(--bdt-navy) !important; color: #FFFFFF !important;
  font-size: 15.5px !important; font-weight: 600 !important;
  box-shadow: 0 10px 24px -10px rgba(10,26,47,.55) !important;
  transition: transform .2s var(--bdt-ease), box-shadow .2s var(--bdt-ease), background .2s var(--bdt-ease);
}
.multisteps-form__panel .actions li button::before { content: "Devam et"; }
.multisteps-form__panel .actions li button i { color: var(--bdt-y) !important; font-size: 14px; }
.multisteps-form__panel .actions li button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 14px 28px -12px rgba(10,26,47,.6) !important; }
.multisteps-form__panel .actions li button:disabled {
  background: #E9EDF3 !important; color: #9AA7B8 !important; box-shadow: none !important; cursor: not-allowed;
}
.multisteps-form__panel .actions li button:disabled i { color: #9AA7B8 !important; }
.multisteps-form__panel .actions li span.js-btn-prev {
  display: inline-flex !important; align-items: center; gap: 8px;
  width: auto !important; height: 44px !important; line-height: 1 !important;
  padding: 0 12px !important; margin-left: 0;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: var(--bdt-ink-2) !important; font-size: 15px !important; font-weight: 600 !important;
  border-radius: 999px !important; cursor: pointer;
}
.multisteps-form__panel .actions li span.js-btn-prev::after { content: "Geri"; }
.multisteps-form__panel .actions li span.js-btn-prev i { color: var(--bdt-ink-2) !important; font-size: 13px; }
.multisteps-form__panel .actions li span.js-btn-prev:hover { background: var(--bdt-soft) !important; }

/* ---------- Form alanları ---------- */
.multisteps-form__panel input[type=text],
.multisteps-form__panel input[type=tel],
.multisteps-form__panel input[type=email],
.multisteps-form__panel input[type=number],
.multisteps-form__panel input:not([type]),
.multisteps-form__panel textarea,
.multisteps-form__panel select,
.multisteps-form__panel .form-control {
  border: 1px solid var(--bdt-line-2) !important;
  border-radius: 12px !important;
  background: var(--bdt-surface) !important;
  color: var(--bdt-ink) !important;
  font-size: 16px !important;
  min-height: 50px;
  box-shadow: none !important;
  transition: border-color .2s var(--bdt-ease), box-shadow .2s var(--bdt-ease);
}
.multisteps-form__panel input:focus,
.multisteps-form__panel textarea:focus,
.multisteps-form__panel select:focus,
.multisteps-form__panel .form-control:focus {
  border-color: var(--bdt-b) !important;
  box-shadow: 0 0 0 4px rgba(19,98,173,.12) !important;
  outline: none !important;
}
.mapflex #map, .mapflex #singlemap { border-radius: 16px !important; overflow: hidden; border: 1px solid var(--bdt-line); }

/* Telefon adımı */
#send_otp, .multisteps-form__panel .btn-info {
  background: var(--bdt-navy) !important; border: 0 !important; color: #FFFFFF !important;
  border-radius: 999px !important; font-weight: 600 !important; min-height: 50px; padding: 0 24px !important;
}
#send_otp:disabled { background: #E9EDF3 !important; color: #9AA7B8 !important; }
/* .mainotpbox: mainlite.js kod gönderilince açar */

/* Ek hizmetler, özet ve toplam */
.services-select-option li, .customer_type li { border-radius: 14px !important; border-color: var(--bdt-line) !important; }
.services-select-option li.active, .customer_type li.active { border-color: var(--bdt-b) !important; background: var(--bdt-b-tint) !important; }
.grand_total { background: var(--bdt-navy) !important; color: #FFFFFF !important; border-radius: 14px !important; }
.grand_total span, .grand_total .gt_text, .grand_total .font-weight-bold { color: #FFFFFF !important; }

/* Güven satırı */
.bdt-guven { max-width: 920px; margin: 0 auto 48px; padding: 0 16px; text-align: center; font-size: 13.5px; color: var(--bdt-muted); }
.bdt-guven b { color: var(--bdt-ink-2); font-weight: 600; }
.bdt-guven i { font-style: normal; margin: 0 10px; color: var(--bdt-line-2); }

/* ---------- Hareket: yalnızca yumuşak geçişler ---------- */
.multisteps-form__panel.js-active .step-inner-content { animation: bdtGir .35s var(--bdt-ease) both; }
@keyframes bdtGir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
  header.masthead { min-height: 60px; }
  header.masthead .row { min-height: 60px; }
  header.masthead #logo img { max-height: 32px; }
  header.masthead .ara-buton { min-height: 36px; padding: 0 12px !important; font-size: 13px !important; }
  .form-area { margin: 12px 10px 12px !important; padding: 0 16px 18px; border-radius: 20px; }
  .multisteps-form__panel .step-box .row:has(> div > label.step-box-content) { grid-template-columns: 1fr; gap: 10px; }
  .multisteps-form__panel .step-box-content { min-height: 66px !important; padding: 10px 44px 10px 10px !important; }
  .multisteps-form__panel .step-box-subtext { display: none !important; }
  .multisteps-form__panel .step-box-content .step-box-text { grid-row: span 2; align-self: center; }
  header.masthead .ara-buton span:first-child { display: none; }
  .multisteps-form__panel .actions li button { min-width: 0; padding: 0 22px !important; }
  .bdt-guven i { margin: 0 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .multisteps-form__panel.js-active .step-inner-content { animation: none !important; }
}

/* ---------- Takvim ve saat: eşit kutulu ızgara ---------- */
:root { --bdt-secim: var(--bdt-b); }
#calendar-step .CalenderContainer {
  display: grid !important; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; gap: 12px;
  width: 100% !important; max-width: none !important; margin: 0 !important;
}
#calendar-step .MobileArrowsContainer { display: none !important; }
#calendar-step .CalendarSlide { grid-column: 2; grid-row: 1; min-width: 0; }
#calendar-step .CalendarSlide.active { animation: bdtGir .35s var(--bdt-ease) both; }
#calendar-step .DesktopArrowContainer {
  display: flex !important; grid-row: 1; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--bdt-line-2) !important; background: #FFFFFF;
  color: var(--bdt-ink); cursor: pointer; transition: transform .2s var(--bdt-ease), background .2s, border-color .2s;
}
#calendar-step .DesktopArrowContainer.previousSlide { grid-column: 1; }
#calendar-step .DesktopArrowContainer.nextSlide { grid-column: 3; }
#calendar-step .DesktopArrowContainer:not(.passive):hover { border-color: var(--bdt-secim) !important; transform: scale(1.06); }
#calendar-step .DesktopArrowContainer.nextSlide:not(.passive) { animation: bdtOk 1.8s ease-in-out infinite; }
@keyframes bdtOk { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
#calendar-step .DesktopArrowContainer svg { width: 11px !important; height: 14px; }
#calendar-step .DesktopArrowContainer.passive { opacity: .3; cursor: default; }
#calendar-step .DaysContainer { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
#calendar-step .CalenderDayContainer { display: block !important; margin: 0 !important; min-width: 0; }
#calendar-step .CalenderDayContainer label { display: block; margin: 0; cursor: pointer; }
#calendar-step .CalenderDayBox {
  display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 0;
  width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 84px; margin: 0 !important; padding: 10px 4px !important;
  border: 1px solid var(--bdt-line) !important; border-radius: 14px !important; background: #FFFFFF !important;
  box-shadow: none !important; position: relative; transform: none;
  transition: border-color .2s var(--bdt-ease), background .2s var(--bdt-ease), transform .2s var(--bdt-ease), box-shadow .2s var(--bdt-ease);
}
#calendar-step .CalenderDayBox:hover { border-color: var(--bdt-line-2) !important; transform: translateY(-2px); box-shadow: 0 10px 20px -14px rgba(12,27,46,.35) !important; }
#calendar-step .DateText { display: flex !important; flex-direction: column; align-items: center; margin: 0 !important; line-height: 1.15; text-align: center; }
#calendar-step .DateText span { display: block; text-decoration: none !important; white-space: nowrap; }
#calendar-step .DateText span:nth-child(4) { order: -1; font-size: 10.5px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bdt-muted); margin-bottom: 3px; }
#calendar-step .DateText span:first-child { font-family: 'Instrument Sans', system-ui, sans-serif; font-size: 24px !important; font-weight: 700; color: var(--bdt-ink); }
#calendar-step .DateText span:nth-child(2) { font-size: 12px !important; font-weight: 500; color: var(--bdt-muted); }
#calendar-step .CalenderDayBox.bdt-haftasonu { background: #FAFBFD !important; }
#calendar-step .CalenderDayBox.bdt-bugun::before,
#calendar-step .CalenderDayBox.bdt-yarin::before {
  content: "Bugün"; position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
  padding: 1px 7px; border-radius: 99px; background: var(--bdt-y); color: var(--bdt-navy); font-size: 10px; font-weight: 700; white-space: nowrap;
}
#calendar-step .CalenderDayBox.bdt-yarin::before { content: "Yarın"; }
#calendar-step .CalenderDayBox.active { background: var(--bdt-secim) !important; border-color: var(--bdt-secim) !important; box-shadow: 0 12px 24px -14px var(--bdt-secim) !important; transform: translateY(-2px); }
#calendar-step .CalenderDayBox.active .DateText span { color: #FFFFFF !important; }
#calendar-step .Seperator { display: none !important; }

#time-step .TimesContainer { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
#time-step .TimeContainer { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
#time-step .HourContainer { display: block !important; margin: 0 !important; min-width: 0; }
/* Bugün seçilince mainlite.js geçmiş saatleri gizler; gizlemek yerine soluk ve tıklanamaz göster */
#time-step .HourBox[style*="none"] { display: flex !important; opacity: .45; pointer-events: none; background: var(--bdt-soft) !important; border-style: dashed !important; }
#time-step .HourBox[style*="none"] .TimeText { color: var(--bdt-muted) !important; text-decoration: line-through; }
#time-step .HourBox[style*="none"]::after { content: "Geçti"; position: absolute; top: -8px; right: 10px; padding: 1px 7px; border-radius: 99px; background: #FFFFFF; border: 1px solid var(--bdt-line-2); color: var(--bdt-muted); font-size: 10px; font-weight: 700; }
#time-step .HourBox {
  display: flex !important; align-items: center; justify-content: center; position: relative;
  width: 100% !important; min-width: 0 !important; height: 54px !important; margin: 0 !important; padding: 0 8px 0 30px !important;
  border: 1px solid var(--bdt-line) !important; border-radius: 14px !important; background: #FFFFFF !important;
  box-shadow: none !important; cursor: pointer;
  transition: border-color .2s var(--bdt-ease), background .2s var(--bdt-ease), transform .2s var(--bdt-ease), box-shadow .2s var(--bdt-ease);
}
#time-step .HourBox::before {
  content: ""; position: absolute; left: 12px; top: 50%; width: 18px; height: 18px; margin-top: -9px;
  background: center/contain no-repeat; transition: transform .3s cubic-bezier(.34,1.6,.64,1);
}
#time-step .HourBox.bdt-sabah::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E0A800' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.5' fill='%23FBDE17'/%3E%3Cpath d='M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22M4.9 4.9l1.8 1.8M17.3 17.3l1.8 1.8M4.9 19.1l1.8-1.8M17.3 6.7l1.8-1.8'/%3E%3C/svg%3E"); }
#time-step .HourBox.bdt-ogle::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E07A00' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='14' r='4.5' fill='%23FFC56B'/%3E%3Cpath d='M3 20h18M12 4v3M5 8l1.8 1.8M19 8l-1.8 1.8'/%3E%3C/svg%3E"); }
#time-step .HourBox.bdt-aksam::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5Z' fill='%23C9D6F2' stroke='%231362AD' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#time-step .HourBox:hover { border-color: var(--bdt-line-2) !important; transform: translateY(-2px); box-shadow: 0 10px 20px -14px rgba(12,27,46,.35) !important; }
#time-step .HourBox:hover::before { transform: rotate(-12deg) scale(1.15); }
#time-step .HourBox label { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; cursor: pointer; }
#time-step .TimeText { margin: 0 !important; font-size: 14.5px !important; font-weight: 600 !important; color: var(--bdt-ink) !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
#time-step .HourBox.active { background: var(--bdt-secim) !important; border-color: var(--bdt-secim) !important; box-shadow: 0 12px 24px -14px var(--bdt-secim) !important; transform: translateY(-2px); }
#time-step .HourBox.active .TimeText { color: #FFFFFF !important; }
@media (max-width: 767px) {
  #calendar-step .CalenderContainer { grid-template-columns: 1fr 1fr; row-gap: 14px; }
  #calendar-step .CalendarSlide { grid-column: 1 / -1; }
  #calendar-step .DesktopArrowContainer { grid-row: 2; }
  #calendar-step .DesktopArrowContainer.previousSlide { grid-column: 1; justify-self: start; }
  #calendar-step .DesktopArrowContainer.nextSlide { grid-column: 2; justify-self: end; }
  #calendar-step .DaysContainer { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  #calendar-step .CalenderDayBox { min-height: 76px; padding: 8px 2px !important; }
  #calendar-step .DateText span:first-child { font-size: 21px !important; }
  #calendar-step .DateText span:nth-child(4) { font-size: 9.5px !important; letter-spacing: .03em; }
  #time-step .TimeContainer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 360px) {
  #calendar-step .DaysContainer { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Depolama başlıkları varsayılan gizli; depolama akışında mainlite.js .show() ile açar (eski koddaki id yazım hatası nedeniyle) */
#storage-calendar-head, #storage-calendar-sub, #storage-heading { display: none; }

/* ================= Eğlenceli dokunuşlar ================= */
/* Kutucukların sırayla girişi */
.multisteps-form__panel.js-active .bdt-kart { animation: bdtKartGir .5s cubic-bezier(.34,1.35,.64,1) both; animation-delay: calc(var(--i, 0) * 45ms + 60ms); }
@keyframes bdtKartGir { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }

/* İkon zıplaması ve seçim kutlaması */
.multisteps-form__panel .step-box-content:hover .step-box-icon img,
.multisteps-form__panel .step-box-content:hover .step-box-icon-inline img { animation: bdtZipla .55s cubic-bezier(.34,1.45,.64,1); }
@keyframes bdtZipla { 0% { transform: none; } 35% { transform: translateY(-5px) rotate(-6deg); } 65% { transform: translateY(1px) rotate(3deg); } 100% { transform: none; } }
.multisteps-form__panel .step-box-content.bdt-kutla .step-box-icon img,
.multisteps-form__panel .step-box-content.bdt-kutla .step-box-icon-inline img { animation: bdtKutla .6s cubic-bezier(.34,1.6,.64,1); }
@keyframes bdtKutla { 0% { transform: scale(1); } 30% { transform: scale(.82) rotate(-8deg); } 65% { transform: scale(1.18) rotate(6deg); } 100% { transform: scale(1); } }
.multisteps-form__panel .step-box-content.bdt-kutla::after { animation: bdtTik .45s cubic-bezier(.34,1.6,.64,1); }
@keyframes bdtTik { 0% { transform: scale(.4); } 70% { transform: scale(1.25); } 100% { transform: scale(1.05); } }
#calendar-step .CalenderDayBox.bdt-kutla, #time-step .HourBox.bdt-kutla { animation: bdtTik .45s cubic-bezier(.34,1.6,.64,1); }

/* Kıvılcımlar */
.bdt-patla { position: absolute; width: 0; height: 0; pointer-events: none; z-index: 3; }
.bdt-patla i {
  position: absolute; left: -3px; top: -3px; width: 6px; height: 6px; border-radius: 50%;
  background: var(--r, #1362AD);
  animation: bdtKivilcim .6s cubic-bezier(.22,.68,.3,1) forwards;
}
.bdt-patla i:nth-child(3n) { width: 5px; height: 9px; border-radius: 2px; }
@keyframes bdtKivilcim {
  0% { transform: rotate(var(--a)) translateY(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a)) translateY(-26px) scale(.3); opacity: 0; }
}

/* Devam et: hazır olduğunda zıplama, okun dürtmesi */
.multisteps-form__panel .actions li button.bdt-hazir { animation: bdtHazir .6s cubic-bezier(.34,1.6,.64,1); }
@keyframes bdtHazir { 0% { transform: scale(1); } 40% { transform: scale(1.07); } 70% { transform: scale(.98); } 100% { transform: scale(1); } }
.multisteps-form__panel .actions li button:not(:disabled) i { transition: transform .25s var(--bdt-ease); }
.multisteps-form__panel .actions li button:not(:disabled):hover i { animation: bdtDurt .7s ease-in-out infinite; }
@keyframes bdtDurt { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
.multisteps-form__panel .actions li span.js-btn-prev:hover i { transform: translateX(-3px); transition: transform .2s var(--bdt-ease); }

/* Konfeti */
.bdt-konfeti { position: fixed; inset: 0; pointer-events: none; z-index: 9999; overflow: hidden; }
.bdt-konfeti i {
  position: absolute; top: -16px; width: 8px; height: 12px; border-radius: 2px; background: var(--r);
  animation: bdtDus var(--s, 1.8s) cubic-bezier(.3,.7,.4,1) forwards; animation-delay: var(--d, 0s);
}
@keyframes bdtDus {
  0% { transform: translate(0,0) rotate(0); opacity: 1; }
  100% { transform: translate(var(--x, 0), 105vh) rotate(var(--rot, 540deg)); opacity: .9; }
}

@media (prefers-reduced-motion: reduce) {
  .bdt-kamyon, .bdt-kamyon *, .multisteps-form__panel.js-active .bdt-kart,
  .multisteps-form__panel .step-box-content img, .multisteps-form__panel .step-box-content::after,
  .multisteps-form__panel .actions li button, .multisteps-form__panel .actions li button i { animation: none !important; transition: none !important; }
  .bdt-patla, .bdt-konfeti { display: none !important; }
}

/* Sipariş tamamlandı ekranı */
#success-step .step-inner-content p, #success-step .step-inner-content div { color: var(--bdt-ink-2); font-size: 16px; line-height: 1.6; }
#success-step .btn, #success-step a.btn, #success-step button {
  display: inline-flex !important; align-items: center; min-height: 50px; padding: 0 24px !important;
  background: var(--bdt-navy) !important; border: 0 !important; border-radius: 999px !important;
  color: #FFFFFF !important; font-weight: 600 !important; font-size: 15px !important; box-shadow: 0 10px 24px -10px rgba(10,26,47,.55) !important;
}


/* ---------- Responsive düzeltmeler ---------- */
/* Eski CSS'teki #transportdetail / .servicerow { display:block !important } kuralını ez: kartlar her ekranda ayrı dursun */
.form-area .multisteps-form__panel .step-box .row#transportdetail,
.form-area .multisteps-form__panel .step-box .row.servicerow {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px;
  margin: 0 !important;
}
.form-area .multisteps-form__panel .step-box .row#transportdetail > div,
.form-area .multisteps-form__panel .step-box .row.servicerow > div {
  width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important;
}
.form-area .multisteps-form__panel .step-box-content { margin-bottom: 0 !important; }
/* Harita ekran genişliğini aşmasın */
.form-area .mapflex, .form-area .mapflex .mapcolflex, .form-area .mapflex .mapcolflex > div,
.form-area .mapflex #map, .form-area .mapflex #singlemap { width: 100% !important; max-width: 100% !important; }
.form-area .mapflex img { max-width: 100% !important; height: auto; }
.form-area .multisteps-form__panel .row { margin-left: 0 !important; margin-right: 0 !important; }
.form-area .multisteps-form__panel [class*="col-"] { min-width: 0; }
@media (max-width: 767px) {
  .form-area .multisteps-form__panel .step-box .row#transportdetail,
  .form-area .multisteps-form__panel .step-box .row.servicerow { grid-template-columns: 1fr; }
}

/* ---------- Video sahnesi (kartın üst şeridi) ---------- */
.bdt-sahne { position: relative; height: 112px; margin: 0 -40px; background: #F8F9FB; border-bottom: 1px solid var(--bdt-line); overflow: hidden; }
.bdt-sahne svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.bdt-sahne .s-uzak { animation: bdtKaydir 48s linear infinite; }
.bdt-sahne .s-yakin { animation: bdtKaydir 20s linear infinite; }
.bdt-sahne .s-yol { animation: bdtKaydirYol 1.1s linear infinite; }
.bdt-sahne .s-kamyon { transition: transform 1.4s cubic-bezier(.45,0,.25,1); }
.bdt-sahne .s-govde { animation: bdtSalla .5s ease-in-out infinite alternate; }
.bdt-sahne .s-teker { transform-box: fill-box; transform-origin: center; animation: bdtTeker .45s linear infinite; }
.bdt-sahne .s-duman circle { transform-box: fill-box; transform-origin: center; animation: bdtDuman 1.6s ease-out infinite; opacity: 0; }
.bdt-sahne .s-duman circle:nth-child(2) { animation-delay: .55s; }
.bdt-sahne .s-duman circle:nth-child(3) { animation-delay: 1.1s; }
.bdt-sahne .s-ev { opacity: 0; transform: translateX(80px); transition: opacity .8s ease, transform 1.2s cubic-bezier(.22,.68,.3,1); }
.bdt-sahne .s-tik { opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.4); transition: opacity .4s ease 1.3s, transform .5s cubic-bezier(.34,1.6,.64,1) 1.3s; }
/* Adım değişince kısa hızlanma */
.bdt-sahne.hizli .s-yol { animation-duration: .35s; }
.bdt-sahne.hizli .s-yakin { animation-duration: 6s; }
.bdt-sahne.hizli .s-teker { animation-duration: .18s; }
/* Sipariş tamamlandı: kamyon eve varır, sahne durur */
.bdt-sahne.vardi .s-uzak, .bdt-sahne.vardi .s-yakin, .bdt-sahne.vardi .s-yol, .bdt-sahne.vardi .s-teker,
.bdt-sahne.vardi .s-govde, .bdt-sahne.vardi .s-duman circle { animation-play-state: paused; }
.bdt-sahne.vardi .s-duman { opacity: 0; transition: opacity .4s; }
.bdt-sahne.vardi .s-kamyon { transform: translateX(150px); }
.bdt-sahne.vardi .s-ev { opacity: 1; transform: none; }
.bdt-sahne.vardi .s-tik { opacity: 1; transform: scale(1); }
@keyframes bdtKaydir { to { transform: translateX(-800px); } }
@keyframes bdtKaydirYol { to { transform: translateX(-40px); } }
@keyframes bdtSalla { from { transform: translateY(0); } to { transform: translateY(-1.5px); } }
@keyframes bdtDuman { 0% { opacity: .55; transform: translate(0,0) scale(.6); } 100% { opacity: 0; transform: translate(-26px,-10px) scale(1.6); } }
@media (max-width: 767px) { .bdt-sahne { height: 84px; margin: 0 -16px; } }
@media (prefers-reduced-motion: reduce) {
  .bdt-sahne * { animation: none !important; transition: none !important; }
}
/* Seçim kıvılcımları sade renkte */
.bdt-patla i { background: var(--r, #0A1A2F); }

/* ---------- Ek hizmet kartları (farklı sınıf: .step-box-content-services) ---------- */
.form-area #services-step .step-box-content-services {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr);
  column-gap: 14px; row-gap: 2px; align-content: center;
  min-height: 74px !important; height: 100%; margin: 0 !important;
  padding: 12px 48px 12px 12px !important;
  text-align: left !important;
  background: var(--bdt-surface) !important;
  border: 1px solid var(--bdt-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  position: relative; cursor: pointer;
  transition: border-color .2s var(--bdt-ease), box-shadow .2s var(--bdt-ease);
}
.form-area #services-step .step-box-content-services:hover { border-color: var(--bdt-line-2) !important; box-shadow: 0 6px 18px -8px rgba(12,27,46,.18) !important; }
.form-area #services-step .step-box-content-services:has(input:checked) { border-color: var(--bdt-b) !important; box-shadow: inset 0 0 0 1px var(--bdt-b) !important; }
.form-area #services-step .step-box-content-services > div {
  grid-row: span 2; align-self: center; width: 50px; height: 50px; border-radius: 14px; background: var(--bdt-soft);
  display: grid; place-items: center; margin: 0 !important;
}
.form-area #services-step .step-box-content-services > div img { width: 34px !important; height: 34px !important; max-width: none !important; object-fit: contain; margin: 0 !important; }
.form-area #services-step .step-box-content-services .step-box-text { align-self: end; font-size: 15px !important; font-weight: 600 !important; color: var(--bdt-ink) !important; margin: 0 !important; text-align: left !important; }
.form-area #services-step .step-box-content-services .step-box-subtext { display: block !important; align-self: start; position: static !important; font-size: 13.5px !important; font-weight: 600 !important; color: var(--bdt-muted) !important; margin: 2px 0 0 !important; text-align: left !important; }
.form-area #services-step .step-box-content-services::after {
  content: ""; position: absolute; right: 16px; top: 50%; width: 20px; height: 20px; margin-top: -10px;
  border-radius: 6px; border: 1.5px solid var(--bdt-line-2); background: var(--bdt-surface) center/12px no-repeat;
  transition: background-color .2s var(--bdt-ease), border-color .2s var(--bdt-ease);
}
.form-area #services-step .step-box-content-services:has(input:checked)::after {
  border-color: var(--bdt-b); background-color: var(--bdt-b);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .form-area #services-step .step-box-content-services .step-box-subtext { display: block !important; }
}
.form-area #services-step .step-box-content-services .step-box-text,
.form-area #services-step .step-box-content-services .step-box-subtext { width: auto !important; max-width: none !important; padding: 0 !important; }
.form-area .multisteps-form__panel .step-box .row.servicerow { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

/* Kat seçimi gibi kartın altına açılan alanlar sütunun dışına taşmasın */
.multisteps-form__panel .step-box .row:has(> div > label.step-box-content) > div { display: flex !important; flex-direction: column; gap: 8px; }
.multisteps-form__panel .step-box .row:has(> div > label.step-box-content) > div > label.step-box-content { height: auto; flex: 1 1 auto; }
.multisteps-form__panel .equipment_details { margin: 0 !important; padding: 0 !important; width: 100% !important; }
.multisteps-form__panel .equipment_details select.form-control {
  width: 100% !important; height: 48px !important; min-height: 48px; padding: 0 40px 0 14px !important;
  font-size: 15px !important; font-weight: 600 !important; cursor: pointer;
  -webkit-appearance: none; appearance: none;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%230A1A2F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/18px no-repeat !important;
  border-color: var(--bdt-b) !important;
  animation: bdtGir .3s var(--bdt-ease) both;
}
/* Şablondaki mobil stil düğme çubuğunu ekrana sabitliyordu; kartın içinde kalsın */
.form-area .wizard-forms > .actions { position: static !important; left: auto !important; right: auto !important; bottom: auto !important; }

/* ---------- Son adım: özet, kişisel bilgiler, ödeme ---------- */
#checkout .laststeprow {
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 28px; align-items: start; margin: 0 !important;
}
#checkout .laststeprow > .lsleft, #checkout .laststeprow > .lsright {
  width: auto !important; max-width: none !important; flex: none !important; float: none !important; padding: 0 !important; margin: 0 !important;
  display: block !important;
}
/* Özet kartı */
#checkout .leftinner { border: 1px solid var(--bdt-line) !important; border-radius: 18px !important; overflow: hidden; box-shadow: none !important; background: #FFFFFF; width: 100%; }
#checkout #summaryMap { min-height: 200px !important; border-bottom: 1px solid var(--bdt-line); }
#checkout .leftinner > div[style] { padding: 18px 20px 20px !important; }
#checkout .leftinner .row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px 18px; margin: 0 0 14px !important; }
#checkout .leftinner .row > div { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; }
#checkout .leftinner .row > div:empty { display: none; }
#checkout .lsheader { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 3px; margin: 0 !important; }
#checkout .lsheader .font-weight-bold { font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--bdt-muted) !important; }
#checkout .lsheader span:not(.font-weight-bold) { font-size: 14.5px !important; font-weight: 600; color: var(--bdt-ink) !important; line-height: 1.4; word-break: break-word; }
#checkout .grand_total {
  display: flex !important; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px;
  margin: 6px 0 0 !important; padding: 16px 18px !important; border: 0 !important; border-radius: 14px !important; font-size: 15px !important;
}
#checkout .grand_total span.font-weight-bold { display: inline !important; width: auto !important; font-size: 13px !important; letter-spacing: .08em; }
#checkout .grand_total .gt_text { font-size: 24px !important; font-weight: 700 !important; }
#checkout .grand_total .ac-amount { color: rgba(255,255,255,.6) !important; font-size: 15px !important; margin: 0 !important; }
#checkout .lsleft > .leftinner + * , #checkout .leftinner label.control-label { color: var(--bdt-muted) !important; font-size: 13px !important; margin: 10px 0 0 !important; padding: 0 !important; width: auto !important; }
/* Kupon */
#checkout .coupon-div { display: block !important; padding: 18px 0 0 !important; width: 100%; }
#checkout .coupon-div > label { display: block; width: auto !important; padding: 0 !important; margin: 0 0 8px !important; font-size: 13.5px !important; font-weight: 600; color: var(--bdt-ink-2) !important; }
#checkout .coupon-div .input-group { display: flex !important; flex-wrap: nowrap; gap: 8px; width: 100%; }
#checkout #input-coupon { flex: 1 1 auto; width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important; border-radius: 12px !important; height: 48px; min-height: 48px; }
#checkout .coupon-div .input-group-btn { display: block; width: auto !important; flex: none; }
#checkout #button-coupon, #checkout #button-coupon:focus {
  position: static !important; left: auto !important; width: auto !important; height: 48px; padding: 0 18px !important;
  border: 1px solid var(--bdt-line-2) !important; border-radius: 12px !important; background: #FFFFFF !important; color: var(--bdt-ink) !important;
  font-weight: 600 !important; font-size: 14.5px !important; box-shadow: none !important;
}
#checkout #button-coupon:hover { border-color: var(--bdt-b) !important; }
#checkout .coupon-error { margin: 8px 0 0; font-size: 13.5px; color: #C0392B; }
/* Sağ taraf */
#checkout .lsright h2 { font-size: clamp(22px, 2.4vw, 26px) !important; padding: 0 !important; margin: 0 0 4px !important; text-align: left !important; }
#checkout .lsright .comment-box { padding: 0 !important; margin: 0 !important; }
#checkout .lsright label.lable-title {
  display: block; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 20px 0 10px !important;
  border: 0 !important; background: none !important; box-shadow: none !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--bdt-muted) !important;
}
#checkout .lsright .row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 !important; }
#checkout .lsright .row > div { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; }
#checkout .lsright .row > div:nth-child(3) { grid-column: 1 / -1; }
#checkout .customer_type, #checkout .customer_type > ul { margin: 0 !important; padding: 0 !important; }
#checkout .lsright input.form-control, #checkout .lsright select.form-control { width: 100% !important; height: 48px !important; min-height: 48px; padding: 0 14px !important; }
#checkout .lsright select.form-control {
  -webkit-appearance: none; appearance: none; padding-right: 40px !important; cursor: pointer;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%230A1A2F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center/18px no-repeat !important;
}
#checkout #address {
  display: block; width: 100% !important; min-height: 96px; margin: 10px 0 0 !important; padding: 12px 14px !important;
  border: 1px solid var(--bdt-line-2) !important; border-radius: 12px !important; font-size: 15px !important; resize: vertical;
}
#checkout #address:focus { border-color: var(--bdt-b) !important; outline: none; box-shadow: 0 0 0 4px rgba(19,98,173,.12); }
/* Ödeme seçenekleri */
#checkout .services-select-option { margin: 0 !important; }
#checkout .services-select-option ul { display: grid; gap: 8px; margin: 0; padding: 0; }
#checkout .services-select-option li {
  height: auto !important; min-height: 54px; line-height: 1.35 !important; margin: 0 !important; padding: 0 !important;
  border: 1px solid var(--bdt-line) !important; border-radius: 14px !important; background: #FFFFFF !important; list-style: none;
  transition: border-color .2s var(--bdt-ease), background .2s var(--bdt-ease);
}
#checkout .services-select-option li label { display: flex !important; align-items: center; min-height: 54px; margin: 0; padding: 12px 16px 12px 52px; cursor: pointer; font-size: 15px !important; font-weight: 600; color: var(--bdt-ink) !important; }
#checkout .services-select-option li input { position: absolute; opacity: 0; pointer-events: none; }
#checkout .services-select-option li::before { display: none !important; }
#checkout .services-select-option li::after { left: 18px !important; top: 50% !important; margin-top: -10px; width: 20px !important; height: 20px !important; border: 1.5px solid var(--bdt-line-2) !important; background: #FFFFFF; }
#checkout .services-select-option li:hover { border-color: var(--bdt-line-2) !important; }
#checkout .services-select-option li.active { border-color: var(--bdt-b) !important; background: #F6F8FB !important; box-shadow: inset 0 0 0 1px var(--bdt-b); }
#checkout .services-select-option li.active::after { border-color: var(--bdt-b) !important; background: var(--bdt-b); box-shadow: inset 0 0 0 4px #FFFFFF; }
#checkout #iban { margin: 10px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--bdt-soft); font-size: 14px; line-height: 1.6; }
#checkout #terms { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--bdt-ink-2); }
#checkout #termsCheck { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--bdt-b); }
@media (max-width: 900px) {
  #checkout .laststeprow { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 420px) {
  #checkout .leftinner .row { grid-template-columns: 1fr; }
  #checkout .lsright .row { grid-template-columns: 1fr; }
  #checkout .coupon-div .input-group { flex-wrap: wrap; }
  #checkout .coupon-div .input-group-btn, #checkout #button-coupon { width: 100% !important; }
}
#checkout .actions li button#checkoutNext::before { content: "Siparişi tamamla"; }

/* ---------- Ek hizmetler: toplam satırı ---------- */
#services-step .actions > ul:first-child { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 16px !important; }
#services-step .actions > ul:first-child li {
  width: auto !important; height: auto !important; line-height: 1.2 !important; white-space: nowrap;
  font-size: 15px !important; font-weight: 600 !important; color: var(--bdt-muted) !important;
}
#services-step #serviceTotal { font-size: 28px !important; font-weight: 700 !important; color: var(--bdt-ink) !important; letter-spacing: -.02em; }
#services-step #serviceTotal.bdt-pop { animation: bdtPop .45s cubic-bezier(.34,1.6,.64,1); }
@keyframes bdtPop { 0% { transform: scale(1); } 40% { transform: scale(1.12); } 100% { transform: scale(1); } }
#services-step #form_10_next::before { content: none; }

/* ---------- Telefon doğrulama ---------- */
#otp-step .step-inner-content > h2, #otp-step .step-inner-content > p { text-align: center !important; }
#otp-step .bdt-tel { width: 120px; height: 96px; margin: 4px auto 14px; }
#otp-step .bdt-tel svg { display: block; width: 100%; height: 100%; overflow: visible; }
.bdt-tel .t-govde { transform-box: fill-box; transform-origin: center; animation: tSuz 3.2s ease-in-out infinite; }
@keyframes tSuz { 50% { transform: translateY(-5px) rotate(-2deg); } }
.bdt-tel .t-n { transform-box: fill-box; transform-origin: center; animation: tNokta 1.2s ease-in-out infinite; }
.bdt-tel .t-n:nth-of-type(2) { animation-delay: .15s; }
.bdt-tel .t-n:nth-of-type(3) { animation-delay: .3s; }
@keyframes tNokta { 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-4px); opacity: 1; } }
.bdt-tel .t-dalga path { opacity: 0; animation: tDalga 1.8s ease-out infinite; }
.bdt-tel .t-dalga path + path { animation-delay: .35s; }
@keyframes tDalga { 0% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 0; } }
.bdt-tel .t-tik { opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.3); transition: opacity .3s ease, transform .5s cubic-bezier(.34,1.6,.64,1); }
#otp-step.bdt-kod .bdt-tel .t-tik { opacity: 1; transform: scale(1); }
#otp-step.bdt-kod .bdt-tel .t-dalga { display: none; }

#otp-step .mainphonebox { display: flex; flex-direction: column; align-items: center; margin: 0 !important; }
#otp-step .phone-container {
  display: flex !important; flex-wrap: nowrap !important; width: 100%; max-width: 360px; margin: 0 auto;
  border-radius: 16px; animation: tHalka 2.6s ease-out infinite;
}
#otp-step .phone-container:focus-within { animation: none; box-shadow: 0 0 0 4px rgba(19,98,173,.14); }
@keyframes tHalka { 0% { box-shadow: 0 0 0 0 rgba(19,98,173,.28); } 70%, 100% { box-shadow: 0 0 0 12px rgba(19,98,173,0); } }
#otp-step .phone-select {
  flex: none; height: 56px; padding: 0 14px !important; background: var(--bdt-soft) !important;
  border: 1px solid var(--bdt-line-2) !important; border-right: 0 !important; border-radius: 16px 0 0 16px !important;
  font-size: 17px !important; font-weight: 700 !important; color: var(--bdt-ink) !important; pointer-events: none;
}
#otp-step #phone_number {
  flex: 1 1 auto; width: auto !important; min-width: 0; height: 56px; padding: 0 16px !important;
  border: 1px solid var(--bdt-line-2) !important; border-radius: 0 16px 16px 0 !important; outline: none;
  font-size: 19px !important; font-weight: 700 !important; letter-spacing: .04em; color: var(--bdt-ink) !important;
}
#otp-step #phone_number::placeholder { color: #B4BFCC; font-weight: 600; }
#otp-step #send_otp, #otp-step #code_confirm {
  display: inline-flex; align-items: center; justify-content: center; width: auto !important; min-width: 230px; height: 52px;
  margin: 18px auto 0 !important; padding: 0 28px !important; border: 0 !important; border-radius: 999px !important;
  background: var(--bdt-navy) !important; color: #FFFFFF !important; font-size: 15.5px !important; font-weight: 600 !important;
  box-shadow: 0 10px 24px -10px rgba(10,26,47,.55) !important; transition: transform .2s var(--bdt-ease), opacity .2s;
}
#otp-step #send_otp:not(:disabled):hover, #otp-step #code_confirm:not(:disabled):hover { transform: translateY(-1px); }
#otp-step #send_otp:not(:disabled) { animation: bdtHazir .6s cubic-bezier(.34,1.6,.64,1); }
#otp-step #send_otp:disabled, #otp-step #code_confirm:disabled { background: #E9EDF3 !important; color: #9AA7B8 !important; box-shadow: none !important; }

#otp-step .mainotpbox { margin: 0 !important; animation: bdtGir .35s var(--bdt-ease) both; }
#otp-step .mainotpbox .modal-body, #otp-step .code_submit { padding: 0 !important; width: 100% !important; max-width: none !important; float: none !important; }
#otp-step .code_submit > p { margin: 0 0 6px !important; font-size: 16px !important; font-weight: 600; color: var(--bdt-ink) !important; }
#otp-step .bdt-kod-bilgi { margin: 0 0 16px !important; font-size: 14px !important; color: var(--bdt-muted) !important; }
#otp-step .bdt-kod-bilgi b { color: var(--bdt-ink); }
#otp-step .bdt-degistir { color: var(--bdt-b); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; margin-left: 4px; white-space: nowrap; }
#otp-step .security-code-container { gap: 8px; }
#otp-step .security-code-container .field-wrap { width: 50px !important; height: 58px !important; margin: 0 !important; }
#otp-step .security-code-container .field-wrap + * { margin-left: 0 !important; }
#otp-step .security-code-container .char-field {
  width: 100% !important; height: 100% !important; padding: 0 !important; text-align: center;
  background: #FFFFFF !important; border: 1.5px solid var(--bdt-line-2) !important; border-radius: 14px !important;
  font-size: 24px !important; font-weight: 700 !important; color: var(--bdt-ink) !important;
  transition: border-color .2s var(--bdt-ease), transform .2s var(--bdt-ease), box-shadow .2s var(--bdt-ease);
}
#otp-step .security-code-container .char-field:disabled { background: var(--bdt-soft) !important; opacity: 1; }
#otp-step .security-code-container .char-field:focus { border-color: var(--bdt-b) !important; box-shadow: 0 0 0 4px rgba(19,98,173,.14) !important; transform: translateY(-2px); outline: none; }
#otp-step .security-code-container .char-field.dolu { border-color: var(--bdt-b) !important; animation: bdtPop .35s cubic-bezier(.34,1.6,.64,1); }
#otp-step .security-code-container.bdt-salla { animation: tSalla .45s ease; }
@keyframes tSalla { 20%, 60% { transform: translateX(-8px); } 40%, 80% { transform: translateX(8px); } }
#otp-step #form-error { float: none; width: auto; padding: 0; }
#otp-step #form-error .alert { margin: 0 0 12px; padding: 10px 14px; border-radius: 12px; font-size: 14px; }
#otp-step .code_confirmed { display: none; }
/* Kod doğrulanınca akış kendiliğinden ilerler; alttaki "Devam et" bu adımda gereksiz */
#otp-step .actions li:last-child { display: none !important; }
@media (max-width: 420px) {
  #otp-step .security-code-container { gap: 6px; }
  #otp-step .security-code-container .field-wrap { width: 44px !important; height: 52px !important; }
  #otp-step #send_otp, #otp-step #code_confirm { width: 100% !important; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .bdt-tel *, #otp-step .phone-container, #otp-step .char-field, #otp-step #send_otp { animation: none !important; }
}

/* ================= Seçilen görünüm: C (pastel, renkli) — 18 Ekim 2026 ================= */
body{background:#F3F6FB!important}
.bdt-sahne{background:linear-gradient(180deg,#FFE7D1 0%,#FFF4E8 45%,#E9F3FF 100%)!important;border-bottom-color:#F1E3D6!important}
.bdt-sahne::before{content:"";position:absolute;left:0;top:8px;width:200%;height:34px;background:radial-gradient(22px 10px at 60px 18px,#fff 98%,transparent),radial-gradient(16px 9px at 84px 14px,#fff 98%,transparent),radial-gradient(24px 10px at 330px 20px,#fff 98%,transparent),radial-gradient(14px 8px at 352px 14px,#fff 98%,transparent),radial-gradient(20px 9px at 610px 16px,#fff 98%,transparent);background-size:800px 34px;animation:cBulut 30s linear infinite}
@keyframes cBulut{to{transform:translateX(-800px)}}
.bdt-sahne .s-uzak rect:nth-child(4n+1){fill:#FFD3C2}
.bdt-sahne .s-uzak rect:nth-child(4n+2){fill:#C9E0FF}
.bdt-sahne .s-uzak rect:nth-child(4n+3){fill:#D9F2DF}
.bdt-sahne .s-uzak rect:nth-child(4n){fill:#E6DDFF}
.bdt-sahne .s-yakin{fill:#86D19B;stroke:#86D19B}
.bdt-sahne svg>rect{fill:#E9EDF3}
.bdt-sahne .s-yol{fill:#FFFFFF}
.bdt-ilerleme div i{background:linear-gradient(90deg,#1362AD,#3B8CF0 60%,#FBDE17)!important}
.multisteps-form__panel .step-box .row>div:nth-child(6n+1) .step-box-icon{background:#E3EEFF!important}
.multisteps-form__panel .step-box .row>div:nth-child(6n+2) .step-box-icon{background:#FFF3BF!important}
.multisteps-form__panel .step-box .row>div:nth-child(6n+3) .step-box-icon{background:#DDF5E6!important}
.multisteps-form__panel .step-box .row>div:nth-child(6n+4) .step-box-icon{background:#FFE4EC!important}
.multisteps-form__panel .step-box .row>div:nth-child(6n+5) .step-box-icon{background:#ECE6FF!important}
.multisteps-form__panel .step-box .row>div:nth-child(6n) .step-box-icon{background:#FFE8D6!important}
.multisteps-form__panel .step-box-content:hover{transform:translateY(-3px);border-color:#BFD5F2!important;box-shadow:0 14px 28px -16px rgba(19,98,173,.45)!important}
.multisteps-form__panel .step-box-content.active{background:#F3F8FF!important;border-color:#1362AD!important;box-shadow:inset 0 0 0 1px #1362AD,0 14px 28px -16px rgba(19,98,173,.5)!important}
.multisteps-form__panel .step-box-content.active::after{background-color:#1362AD!important;border-color:#1362AD!important}
.multisteps-form__panel .actions li button:not(:disabled){background:linear-gradient(135deg,#1362AD,#2D80E0)!important;box-shadow:0 12px 26px -12px rgba(19,98,173,.8)!important}
:root { --bdt-secim: #1362AD; }

/* ---------- Sipariş tamamlandı: canlı ekran ---------- */
#success-step .step-inner-content > :not(.bdt-basari) { display: none !important; }
#success-step .actions { display: none !important; }
.bdt-basari { text-align: center; padding: 6px 0 4px; }
.bdt-basari .b-rozet { position: relative; width: 104px; height: 104px; margin: 4px auto 18px; }
.bdt-basari .b-rozet svg { position: relative; z-index: 1; width: 100%; height: 100%; }
.bdt-basari .b-daire { fill: var(--bdt-secim); stroke: var(--bdt-secim); stroke-width: 4; stroke-dasharray: 214; stroke-dashoffset: 0; transform-origin: center; }
.bdt-basari .b-tik { fill: none; stroke: #FFFFFF; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 50; stroke-dashoffset: 0; }
.bdt-basari .b-halka { position: absolute; inset: 0; border-radius: 50%; border: 3px solid var(--bdt-secim); opacity: 0; }
.bdt-basari .b-rozet i { position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4.5px; border-radius: 50%; opacity: 0; background: var(--bdt-y); }
.bdt-basari .b-rozet i:nth-of-type(2n) { background: #7CCB91; width: 7px; height: 7px; }
.bdt-basari .b-rozet i:nth-of-type(3n) { background: #FFB4C6; }
.bdt-basari .b-rozet i:nth-of-type(1) { --a: 0deg; } .bdt-basari .b-rozet i:nth-of-type(2) { --a: 45deg; }
.bdt-basari .b-rozet i:nth-of-type(3) { --a: 90deg; } .bdt-basari .b-rozet i:nth-of-type(4) { --a: 135deg; }
.bdt-basari .b-rozet i:nth-of-type(5) { --a: 180deg; } .bdt-basari .b-rozet i:nth-of-type(6) { --a: 225deg; }
.bdt-basari .b-rozet i:nth-of-type(7) { --a: 270deg; } .bdt-basari .b-rozet i:nth-of-type(8) { --a: 315deg; }
.bdt-basari.oynat .b-daire { fill-opacity: 1; animation: bDaire .7s cubic-bezier(.65,0,.35,1) both, bDolgu .3s ease .55s both; }
.bdt-basari.oynat .b-tik { animation: bTik .45s cubic-bezier(.65,0,.35,1) .75s both; }
.bdt-basari.oynat .b-rozet svg { animation: bZipla .5s cubic-bezier(.34,1.6,.64,1) 1.1s both; }
.bdt-basari.oynat .b-halka { animation: bHalka 2.4s ease-out 1.2s infinite; }
.bdt-basari.oynat .b-halka + .b-halka { animation-delay: 2.4s; }
.bdt-basari.oynat .b-rozet i { animation: bKivilcim .8s cubic-bezier(.22,.68,.3,1) 1.05s both; }
@keyframes bDaire { from { stroke-dashoffset: 214; fill-opacity: 0; transform: rotate(-90deg); } to { stroke-dashoffset: 0; fill-opacity: 0; transform: rotate(0); } }
@keyframes bDolgu { from { fill-opacity: 0; } to { fill-opacity: 1; } }
@keyframes bTik { from { stroke-dashoffset: 50; } to { stroke-dashoffset: 0; } }
@keyframes bZipla { 0% { transform: scale(1); } 40% { transform: scale(1.12); } 100% { transform: scale(1); } }
@keyframes bHalka { 0% { transform: scale(.9); opacity: .5; } 100% { transform: scale(1.7); opacity: 0; } }
@keyframes bKivilcim { 0% { opacity: 1; transform: rotate(var(--a)) translateY(0) scale(1); } 100% { opacity: 0; transform: rotate(var(--a)) translateY(-72px) scale(.4); } }

#success-step .bdt-basari .b-baslik { margin: 0 0 6px !important; font-size: clamp(26px, 3.4vw, 34px) !important; font-weight: 700 !important; text-align: center !important; }
.bdt-basari .b-alt { max-width: 460px; margin: 0 auto 20px !important; color: var(--bdt-muted) !important; font-size: 15.5px !important; text-align: center !important; }
.bdt-basari .b-kod {
  display: inline-flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; margin: 0 0 26px;
  border: 1px dashed var(--bdt-line-2); border-radius: 999px; background: var(--bdt-soft);
}
.bdt-basari .b-kod span { font-size: 13px !important; color: var(--bdt-muted) !important; }
.bdt-basari .b-kod b { font-family: 'Instrument Sans', system-ui, sans-serif; font-size: 20px; color: var(--bdt-ink); letter-spacing: .02em; }
.bdt-basari .b-kod em { font-style: normal; }
#success-step .bdt-basari .b-kopyala {
  border: 0 !important; border-radius: 999px !important; padding: 6px 14px !important; min-height: 0 !important;
  background: #FFFFFF !important; color: var(--bdt-secim) !important; font-size: 13px !important; font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(12,27,46,.1) !important; cursor: pointer; display: inline-block !important;
}
#success-step .bdt-basari .b-kopyala.ok { background: #7CCB91 !important; color: #FFFFFF !important; }
.bdt-basari .b-sira { max-width: 480px; margin: 0 auto 26px; text-align: left; }
.bdt-basari .b-sira h3 { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bdt-muted); }
.bdt-basari .b-sira ol { list-style: none; margin: 0; padding: 0; position: relative; }
.bdt-basari .b-sira ol::before { content: ""; position: absolute; left: 13px; top: 14px; bottom: 14px; width: 2px; background: var(--bdt-line); }
.bdt-basari .b-sira li { position: relative; display: flex; gap: 14px; align-items: flex-start; padding: 0 0 16px; }
.bdt-basari .b-sira li:last-child { padding-bottom: 0; }
.bdt-basari .b-ikon {
  flex: none; position: relative; z-index: 1; width: 28px; height: 28px; border-radius: 50%;
  background: #FFFFFF; border: 2px solid var(--bdt-line-2);
}
.bdt-basari .b-sira li:nth-child(2) .b-ikon::after { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--bdt-secim); animation: bNabiz 1.4s ease-in-out infinite; }
@keyframes bNabiz { 0%, 100% { transform: scale(.7); opacity: .5; } 50% { transform: scale(1); opacity: 1; } }
.bdt-basari .b-sira li.b-bitti .b-ikon {
  border-color: var(--bdt-secim); background: var(--bdt-secim) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
}
.bdt-basari .b-sira li div { display: flex; flex-direction: column; gap: 2px; padding-top: 3px; }
.bdt-basari .b-sira li b { font-size: 15px; font-weight: 600; color: var(--bdt-ink); }
.bdt-basari .b-sira li small { font-size: 13.5px; color: var(--bdt-muted); line-height: 1.45; }
.bdt-basari.oynat .b-baslik, .bdt-basari.oynat .b-alt, .bdt-basari.oynat .b-kod, .bdt-basari.oynat .b-sira li, .bdt-basari.oynat .b-dugmeler {
  animation: bGir .5s cubic-bezier(.22,.68,.3,1) both;
}
.bdt-basari.oynat .b-baslik { animation-delay: 1.15s; }
.bdt-basari.oynat .b-alt { animation-delay: 1.25s; }
.bdt-basari.oynat .b-kod { animation-delay: 1.35s; }
.bdt-basari.oynat .b-sira li:nth-child(1) { animation-delay: 1.5s; }
.bdt-basari.oynat .b-sira li:nth-child(2) { animation-delay: 1.62s; }
.bdt-basari.oynat .b-sira li:nth-child(3) { animation-delay: 1.74s; }
.bdt-basari.oynat .b-dugmeler { animation-delay: 1.9s; }
@keyframes bGir { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.bdt-basari .b-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.bdt-basari .b-dugmeler a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px;
  border-radius: 999px; font-size: 15px; font-weight: 600; text-decoration: none !important; transition: transform .2s var(--bdt-ease);
}
.bdt-basari .b-dugmeler a:hover { transform: translateY(-1px); }
.bdt-basari .b-ana { background: var(--bdt-navy); color: #FFFFFF !important; box-shadow: 0 10px 24px -10px rgba(10,26,47,.55); }
.bdt-basari .b-ara { background: #FFFFFF; color: var(--bdt-ink) !important; border: 1px solid var(--bdt-line-2); }
@media (max-width: 480px) {
  .bdt-basari .b-kod { flex-wrap: wrap; justify-content: center; border-radius: 18px; padding: 10px 12px; }
  .bdt-basari .b-dugmeler a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .bdt-basari *, .bdt-basari.oynat * { animation: none !important; }
}

/* ---------- Mobil: Geri / Devam çubuğu ekranın altına yapışsın ---------- */
@media (max-width: 767px) {
  /* overflow:hidden yapışkan konumu bozar; clip aynı kesmeyi kaydırma kabı oluşturmadan yapar */
  .form-area { overflow: clip !important; }
  .form-area .wizard-forms > .actions {
    position: -webkit-sticky !important; position: sticky !important; bottom: 0 !important; z-index: 20;
    margin: 18px -16px 0 !important; padding: 12px 16px !important;
    background: rgba(255,255,255,.94) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    border-top: 1px solid var(--bdt-line) !important; box-shadow: 0 -10px 24px -18px rgba(12,27,46,.45) !important;
  }
  .form-area .wizard-forms > .actions ul { gap: 10px; }
  .form-area .wizard-forms > .actions li:last-child { flex: 1 1 auto; display: flex; justify-content: flex-end; }
  .form-area .wizard-forms > .actions li button { height: 50px !important; flex: 1 1 auto; max-width: 260px; }
  .form-area .wizard-forms > .actions li button { white-space: nowrap; padding: 0 18px !important; font-size: 15px !important; }
  .form-area .wizard-forms > .actions li span.js-btn-prev { padding: 0 6px !important; }
  #services-step .actions > ul:first-child { margin-bottom: 10px !important; }
  #services-step #serviceTotal { font-size: 22px !important; }
}


/* ---------- Ana sayfaya gömülü mod (?gom=1, yeni-akis.js gomKur) ---------- */
html.bdt-gom, html.bdt-gom body { background: transparent !important; min-height: 0 !important; height: auto !important; overflow-x: hidden; }
html.bdt-gom header.masthead, html.bdt-gom #sidebar-wrapper, html.bdt-gom .bdt-guven { display: none !important; }
html.bdt-gom #content, html.bdt-gom body > .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
html.bdt-gom .form-area {
  max-width: none !important; margin: 0 !important; padding: 0 2px 6px !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
}
html.bdt-gom .bdt-sahne { margin: 0 !important; border-radius: 16px; border: 1px solid var(--bdt-line); height: 96px; }
html.bdt-gom .bdt-ilerleme { margin: 16px 0 18px; }
html.bdt-gom .multisteps-form__panel .actions { margin-top: 20px !important; }
html.bdt-gom .form-area .wizard-forms > .actions { margin-left: 0 !important; margin-right: 0 !important; }
html.bdt-gom .wizard-forms > .actions.bdt-yapis {
  position: relative !important; z-index: 30; padding: 10px 12px !important; border-radius: 16px;
  background: rgba(255,255,255,.96) !important; border: 1px solid var(--bdt-line) !important;
  box-shadow: 0 -8px 26px -12px rgba(12,27,46,.35) !important;
}
@media (max-width: 767px) {
  html.bdt-gom .form-area { padding: 0 0 6px !important; }
  html.bdt-gom .bdt-sahne { height: 76px; }
  html.bdt-gom .form-area .wizard-forms > .actions { position: static !important; padding: 12px 0 !important; background: transparent !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html.bdt-gom .form-area .wizard-forms > .actions.bdt-yapis { position: relative !important; padding: 10px 12px !important; background: rgba(255,255,255,.96) !important; }
}
html.bdt-gom body > .container > .row { margin-left: 0 !important; margin-right: 0 !important; }