/* Generated bundle: tools/build-runtime-bundles.php */
/* En Baba Organizasyon - Fiyat ve Hizmet Teslim Güvencesi */
/* Header kabuğu ile aynı masaüstü çizgisi; dar grid/aside içine düşmez. */
.enb-service-guarantee-shell {
  width: min(calc(100vw - var(--enb-layout-edge-gap, 48px)), var(--enb-layout-shell, var(--enb-header-shell, 1552px)));
  max-width: 100%;
  min-width: 0;
  margin: 24px auto;
  grid-column: 1 / -1;
  clear: both;
  box-sizing: border-box;
}
.enb-service-guarantee-shell > .enb-service-guarantee { margin: 0; }

.enb-service-guarantee {
  width: 100%;
  max-width: 100%;
  margin: 24px 0;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 28px;
  background: linear-gradient(145deg, #fff 0%, #f8fafc 54%, #fff7ed 100%);
  box-shadow: 0 20px 55px rgba(15, 23, 42, .11);
  overflow: hidden;
  color: #0f172a;
}
.enb-service-guarantee * { box-sizing: border-box; }
.enb-service-guarantee__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  background: linear-gradient(135deg, #0f172a, #172554 62%, #312e81);
  color: #fff !important;
}
.enb-service-guarantee__eyebrow {
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fed7aa !important;
}
.enb-service-guarantee__head h2 {
  color: #fff !important;
  margin: 0;
  font-size: clamp(20px, 3vw, 30px);
  line-height: 1.14;
  font-weight: 950;
}
.enb-service-guarantee__head p {
  max-width: 760px;
  margin: 8px 0 0;
  color: #dbeafe !important;
  font-size: 14px;
  line-height: 1.65;
}
.enb-service-guarantee__version {
  color: #fff !important;
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  padding: 7px 11px;
  background: rgba(255,255,255,.1);
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}
.enb-service-guarantee__grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 0;
}
.enb-service-guarantee__panel { padding: 22px 24px 24px; }
.enb-service-guarantee__panel + .enb-service-guarantee__panel { border-left: 1px solid rgba(15,23,42,.1); }
.enb-service-guarantee__panel-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: 17px;
  font-weight: 950;
}
.enb-service-guarantee__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  border: 1px solid #a7f3d0;
  border-radius: 999px;
  padding: 7px 11px;
  background: #ecfdf5;
  color: #047857;
  font-size: 12px;
  font-weight: 900;
}
.enb-service-guarantee[data-price-status="selection_required"] .enb-service-guarantee__status {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #c2410c;
}
.enb-service-guarantee[data-price-status="partial_total"] .enb-service-guarantee__status,
.enb-service-guarantee[data-price-status="manual_scope"] .enb-service-guarantee__status {
  border-color: #fde68a;
  background: #fffbeb;
  color: #a16207;
}
.enb-service-guarantee__price {
  margin-top: 10px;
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 1000;
  letter-spacing: -.035em;
  color: #111827;
}
.enb-service-guarantee__price-note,
.enb-service-guarantee__summary,
.enb-service-guarantee__assignment,
.enb-service-guarantee__replacement {
  margin: 10px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.65;
}
.enb-service-guarantee__facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 17px;
}
.enb-service-guarantee__fact {
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 17px;
  padding: 13px;
  background: rgba(255,255,255,.82);
}
.enb-service-guarantee__fact span {
  display: block;
  margin-bottom: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.enb-service-guarantee__fact strong { font-size: 13px; line-height: 1.4; }
.enb-service-guarantee__lists {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}
.enb-service-guarantee__list {
  border-radius: 18px;
  padding: 14px;
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
}
.enb-service-guarantee__list--variable {
  border-color: #fed7aa;
  background: #fff7ed;
}
.enb-service-guarantee__list h3 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 950;
}
.enb-service-guarantee__list ul { margin: 0; padding: 0; list-style: none; }
.enb-service-guarantee__list li {
  position: relative;
  padding-left: 19px;
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
}
.enb-service-guarantee__list li + li { margin-top: 6px; }
.enb-service-guarantee__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #059669;
  font-weight: 1000;
}
.enb-service-guarantee__list--variable li::before { content: "↻"; color: #ea580c; }
.enb-service-guarantee__productization {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 24px 12px;
  border: 1px solid #c7d2fe;
  border-radius: 17px;
  padding: 13px 15px;
  background: linear-gradient(135deg, #eef2ff, #f8fafc);
  color: #3730a3;
  font-size: 13px;
  line-height: 1.55;
}
.enb-service-guarantee__productization > span { flex: 0 0 auto; }
.enb-service-guarantee__productization strong { display: block; color: #312e81; }
.enb-service-guarantee__productization p { margin: 3px 0 0; color: #475569; }
.enb-service-guarantee__wa {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 24px 22px;
  border: 1px solid #bfdbfe;
  border-radius: 17px;
  padding: 13px 15px;
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 13px;
  line-height: 1.55;
}
.enb-service-guarantee__wa strong { color: #172554; }
.enb-gallery-status-note {
  width: 100%;
  max-width: 100%;
  margin: 12px 0 18px;
  border: 1px solid rgba(14,116,144,.22);
  border-radius: 16px;
  padding: 12px 14px;
  background: linear-gradient(135deg, #ecfeff, #f8fafc);
  color: #164e63;
  font-size: 13px;
  line-height: 1.55;
}
.enb-gallery-status-note strong { color: #0e7490; }
/* Sayfa temalarının h2/p !important kuralları koyu güvence başlığını karartmasın. */
.enb-service-guarantee .enb-service-guarantee__panel-title,
.enb-service-guarantee .enb-service-guarantee__list h3,
.enb-service-guarantee .enb-service-guarantee__fact strong { color: #0f172a !important; }
.enb-service-guarantee .enb-service-guarantee__price { color: #111827 !important; }
.enb-service-guarantee .enb-service-guarantee__price-note,
.enb-service-guarantee .enb-service-guarantee__summary,
.enb-service-guarantee .enb-service-guarantee__assignment,
.enb-service-guarantee .enb-service-guarantee__replacement { color: #475569 !important; }
.enb-service-guarantee .enb-service-guarantee__fact span { color: #64748b !important; }
.enb-service-guarantee .enb-service-guarantee__list li { color: #334155 !important; }
.enb-service-guarantee .enb-service-guarantee__wa { color: #1e3a8a !important; }
.enb-service-guarantee .enb-service-guarantee__wa strong { color: #172554 !important; }

@media (max-width: 820px) {
  .enb-service-guarantee-shell { width: min(calc(100vw - 32px), 100%); margin: 18px auto; }
  .enb-service-guarantee { width: 100%; max-width: 100%; border-radius: 22px; }
  .enb-service-guarantee__head { padding: 18px; }
  .enb-service-guarantee__version { display: none; }
  .enb-service-guarantee__grid { grid-template-columns: 1fr; }
  .enb-service-guarantee__panel { padding: 18px; }
  .enb-service-guarantee__panel + .enb-service-guarantee__panel { border-left: 0; border-top: 1px solid rgba(15,23,42,.1); }
  .enb-service-guarantee__facts,
  .enb-service-guarantee__lists { grid-template-columns: 1fr; }
  .enb-service-guarantee__productization { margin: 0 18px 12px; }
  .enb-service-guarantee__wa { margin: 0 18px 18px; }
}
@media (max-width: 420px) {
  .enb-service-guarantee-shell { width: min(calc(100vw - 24px), 100%); margin: 16px auto; }
  .enb-service-guarantee { width: 100%; max-width: 100%; margin: 18px 0; }
  .enb-service-guarantee__head,
  .enb-service-guarantee__panel { padding: 16px; }
  .enb-service-guarantee__productization { margin: 0 16px 10px; }
  .enb-service-guarantee__wa { margin: 0 16px 16px; }
}

/* Telefonlarda güvence kartı parent container paddingine takılmadan, 8px güvenli kenarla biraz daha geniş görünür. */
@media (max-width: 480px) {
  .enb-service-guarantee-shell {
    position: relative;
    left: 50%;
    width: calc(100vw - 16px);
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }
}
/* =========================================================
   ENB SERVICE WIDTH GUARD
   Amaç: karma hizmet sayfalarında form, yorum, SSS, fiyat
   ve içerik bloklarının ekran genişliğine göre güvenli
   kalması; iç kartların parent dışına taşmaması.

   Kritik prensip:
   - Sadece sayfanın ana kabuğu header shell değerine hizalanır.
   - Form/yorum/SSS içindeki max-w-* veya kartlar zorla 1500/1600px'e
     büyütülmez. Bu önceki genişlik bozulmalarının ana nedeniydi.
========================================================= */

/*
 * html/body genişlik + box-sizing + overflow-x temeli zaten global.css ve
 * enb-global-width-stabilizer.css tarafından sağlanır. Hizmet katmanı aynı
 * shell tokenlarını yeniden hesaplamak yerine merkezi global tokenları kullanır.
 */
html body.enb-body{
  --enb-service-mobile-gutter:16px;
  --enb-service-shell-max:var(--enb-global-shell-max, var(--enb-layout-shell, var(--enb-header-shell, 1552px)));
  --enb-service-shell-width:var(--enb-global-shell-width, min(calc(100% - var(--enb-layout-edge-gap, 48px)), var(--enb-service-shell-max)));
}

html body.enb-body :where(main, section, article, div, form, fieldset){
  min-width:0;
}

html body.enb-body :where(.grid, .flex) > *{
  min-width:0;
}

/* img/svg/video/canvas global.css içinde zaten güvenlidir; iframe hizmet katmanında kalır. */
html body.enb-body iframe{
  max-width:100%;
}

html body.enb-body :where(table){
  max-width:100%;
}

html body.enb-body :where(input, select, textarea, button){
  max-width:100%;
}

html body.enb-body :where(input, select, textarea){
  min-width:0;
}

@media (min-width:1280px){
  /* Sayfa ana kabukları header logo çizgisiyle aynı referansa oturur. */
  html body.enb-body:not(.page-index):not(.page-hizmetler):not(.page-kategoriler) > main.enb-page,
  html body.enb-body > main.max-w-7xl.mx-auto,
  html body.enb-body > main.max-w-6xl.mx-auto,
  html body.enb-body > main.max-w-5xl.mx-auto,
  html body.enb-body > main.max-w-screen-xl.mx-auto,
  html body.enb-body > main.max-w-screen-2xl.mx-auto,
  html body.enb-body > main.container.mx-auto,
  html body.enb-body > main.dkh-container,
  html body.enb-body > main.eh-container,
  html body.enb-body > main.fh-shell,
  html body.enb-body > main.fsh-container,
  html body.enb-body > main.fasil-page,
  html body.enb-body > main.tnm-shell,
  html body.enb-body > main.enb-treat-wrap,
  html body.enb-body #mainContent.dansoz-page.dkh-container,
  html body.page-dansoz-kiralama #mainContent.dansoz-page.dkh-container{
    width:var(--enb-service-shell-width) !important;
    max-width:var(--enb-service-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Custom shell sınıfları parent dışına taşmadan header shell'e göre davranır. */
  html body.enb-body > :where(section, article, div).max-w-3xl,
  html body.enb-body > :where(section, article, div).max-w-4xl,
  html body.enb-body > :where(section, article, div).max-w-5xl,
  html body.enb-body > :where(section, article, div).max-w-6xl,
  html body.enb-body > :where(section, article, div).max-w-7xl,
  html body.enb-body > :where(section, article, div).max-w-screen-xl,
  html body.enb-body > :where(section, article, div).max-w-screen-2xl,
  html body.enb-body > :where(section, article, div).container,
  html body.enb-body > :where(section, article, div).fh-shell,
  html body.enb-body > :where(section, article, div).fsh-container,
  html body.enb-body > :where(section, article, div).dkh-container,
  html body.enb-body > :where(section, article, div).eh-container,
  html body.enb-body > :where(section, article, div).tnm-shell,
  html body.enb-body > :where(section, article, div).enb-treat-wrap,
  html body.enb-body > :where(section, article, div).max-w-\[1200px\],
  html body.enb-body > :where(section, article, div).max-w-\[1280px\],
  html body.enb-body > :where(section, article, div).max-w-\[1400px\],
  html body.enb-body > :where(section, article, div).max-w-\[1500px\],
  html body.enb-body > :where(section, article, div).max-w-\[1600px\]{
    width:var(--enb-service-shell-width) !important;
    max-width:var(--enb-service-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* İç kart ve iç shell'ler parent'tan büyük olamaz. */
  html body.enb-body :where(main, section, article, div) > :where(
    .enb-form-shell,
    .enb-form-card,
    .form-card,
    .bh-formWrap,
    .dkh-form-card,
    .enb-review-display-shell,
    .enb-qm__panel,
    .fh-faq,
    .fh-faq-inner,
    .fsh-faq,
    .fsh-faq-inner,
    .dkh-faq,
    .dkh-faq-inner,
    .eh-faq,
    .eh-faq-inner
  ){
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
  }

  /* Form / rezervasyon / yorum / SSS bölgelerinde grid ve içerik taşmasını keser. */
  html body.enb-body :where(
    [id*="rezervasyon" i],
    [id*="reservation" i],
    [id*="form" i],
    [id*="talep" i],
    [id*="teklif" i],
    [id*="yorum" i],
    [id*="review" i],
    [id*="sss" i],
    [id*="faq" i]
  ) :where(.grid, .flex, form, fieldset, .enb-form-card, .form-card, .enb-review-display-shell){
    max-width:100%;
    min-width:0;
  }
}

@media (max-width:1279.98px){
  html body.enb-body{
    --enb-service-mobile-gutter:16px;
  }

  html body.enb-body :where(
    .fh-shell,
    .fsh-container,
    .dkh-container,
    .eh-container,
    .tnm-shell,
    .enb-treat-wrap,
    .enb-price-rail,
    .enb-qm__panel,
    .enb-form-shell,
    .enb-form-card,
    .form-card,
    .bh-formWrap,
    .dkh-form-card,
    .enb-review-display-shell,
    .fh-faq,
    .fh-faq-inner,
    .fsh-faq,
    .fsh-faq-inner,
    .dkh-faq,
    .dkh-faq-inner,
    .eh-faq,
    .eh-faq-inner
  ){
    width:min(100%, calc(100vw - (var(--enb-service-mobile-gutter) * 2))) !important;
    max-width:min(100%, calc(100vw - (var(--enb-service-mobile-gutter) * 2))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
  }

  html body.enb-body :where(
    [id*="rezervasyon" i],
    [id*="reservation" i],
    [id*="form" i],
    [id*="talep" i],
    [id*="teklif" i],
    [id*="yorum" i],
    [id*="review" i],
    [id*="sss" i],
    [id*="faq" i]
  ) :where(.grid, .flex, form, fieldset){
    max-width:100%;
    min-width:0;
  }
}

@media (max-width:767.98px){
  html body.enb-body{
    --enb-service-mobile-gutter:14px;
  }

  html body.enb-body :where(.enb-form-shell, .enb-form-card, .form-card, .bh-formWrap, .dkh-form-card, .enb-review-display-shell, .enb-price-rail, .enb-qm__panel){
    border-radius:18px;
  }

  html body.enb-body :where(
    [id*="rezervasyon" i],
    [id*="reservation" i],
    [id*="form" i],
    [id*="talep" i],
    [id*="teklif" i],
    [id*="yorum" i],
    [id*="review" i],
    [id*="sss" i],
    [id*="faq" i]
  ) :where(.grid){
    grid-template-columns:minmax(0, 1fr) !important;
  }

  html body.enb-body :where(
    [id*="rezervasyon" i],
    [id*="reservation" i],
    [id*="form" i],
    [id*="talep" i],
    [id*="teklif" i],
    [id*="yorum" i],
    [id*="review" i],
    [id*="sss" i],
    [id*="faq" i]
  ) :where(.flex){
    flex-wrap:wrap;
  }

  html body.enb-body :where(
    [id*="rezervasyon" i],
    [id*="reservation" i],
    [id*="form" i],
    [id*="talep" i],
    [id*="teklif" i],
    [id*="yorum" i],
    [id*="review" i],
    [id*="sss" i],
    [id*="faq" i]
  ) :where(a, button){
    max-width:100%;
  }
}

/* =========================================================
   ENB PRICE SHELL FINAL GUARD v20260821
   Sayfa özel CSS'lerinden sonra çalışır. service-price-snippet
   hangi hizmette render edilirse edilsin header/logo shell'i
   son söz olarak korunur.
========================================================= */
html body.enb-body :is(#mainContent, main) > .enb-price-snippet-zone[data-enb-price-snippet-zone]{
  box-sizing:border-box!important;
  position:relative!important;
  left:50%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:translateX(-50%)!important;
}
html body.enb-body :is(#mainContent, main) > .enb-price-snippet-zone[data-enb-price-snippet-zone] > .enb-price-snippet{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media (max-width:639.98px){
  html body.enb-body :is(#mainContent, main) > .enb-price-snippet-zone[data-enb-price-snippet-zone]{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}
@media (min-width:640px) and (max-width:767.98px){
  html body.enb-body :is(#mainContent, main) > .enb-price-snippet-zone[data-enb-price-snippet-zone]{
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
  }
}
@media (min-width:768px) and (max-width:1279.98px){
  html body.enb-body :is(#mainContent, main) > .enb-price-snippet-zone[data-enb-price-snippet-zone]{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}
@media (min-width:1280px) and (max-width:1450px){
  html body.enb-body :is(#mainContent, main) > .enb-price-snippet-zone[data-enb-price-snippet-zone]{
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
  }
}
@media (min-width:1450.01px){
  html body.enb-body :is(#mainContent, main) > .enb-price-snippet-zone[data-enb-price-snippet-zone]{
    width:min(calc(100vw - 48px), var(--enb-header-shell,1552px))!important;
    max-width:var(--enb-header-shell,1552px)!important;
  }
}
/* =========================================================
   En Baba Organizasyon | iPhone / iOS Safari Form Zoom Guard
   Amaç:
   - Input/select/textarea focus zoom davranışını 16px ile engellemek
   - Kullanıcının pinch zoom erişilebilirliğini korumak
   - Mobil formları 16px kuralını bozmadan daha kompakt göstermek
   Not:
   - Bu dosya header-assets.php tarafından sayfa özel CSS'lerinden sonra yüklenir.
   - assets/js/enb-ios-zoom-lock.js yalnız eski/kilitli viewport kalıntılarını erişilebilir değere döndürür.
========================================================= */

html,
body{
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}

@supports (-webkit-touch-callout: none){
  :root{
    --enb-ios-control-font-size:16px;
    --enb-ios-control-height:48px;
    --enb-ios-control-radius:14px;
    --enb-ios-control-pad-x:14px;
  }

  html,
  body,
  body.enb-body{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
    -webkit-font-smoothing:antialiased;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:clip !important;
  }

  @supports not (overflow-x: clip){
    html,
    body,
    body.enb-body{ overflow-x:hidden !important; }
  }

  html.enb-ios-accessible-zoom *,
  html.enb-ios-accessible-zoom *::before,
  html.enb-ios-accessible-zoom *::after{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  /* ---------------------------------------------------------
     1) Sistem geneli no-zoom font güvenliği
     Yazı girilen kontroller 16px altına düşerse iOS focus zoom yapar.
  --------------------------------------------------------- */
  :where(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="color"]),
    textarea,
    select
  ){
    font-size:var(--enb-ios-control-font-size) !important;
    line-height:1.22 !important;
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="color"])::placeholder,
  textarea::placeholder{
    font-size:var(--enb-ios-control-font-size) !important;
    line-height:1.22 !important;
  }

  /* ---------------------------------------------------------
     2) Header + ana sayfa arama alanları
  --------------------------------------------------------- */
  :where(
    #heroSearchForm input,
    #searchInput,
    #desktopHeaderSearchInput,
    #mobileHeaderSearchInput,
    #mobileMenuSearchInput,
    input[type="search"],
    input[name="q"]
  ){
    font-size:var(--enb-ios-control-font-size) !important;
    line-height:1.22 !important;
    min-height:44px !important;
  }

  #heroSearchForm input::placeholder,
  #searchInput::placeholder,
  #desktopHeaderSearchInput::placeholder,
  #mobileHeaderSearchInput::placeholder,
  #mobileMenuSearchInput::placeholder,
  input[type="search"]::placeholder,
  input[name="q"]::placeholder{
    font-size:var(--enb-ios-control-font-size) !important;
  }

  /* header.css mobil menü alanında 14px + !important kullanır.
     :where() specificity'si sıfır olduğu için Safari no-zoom kuralını doğrudan
     ID selector ile son söz olarak sabitliyoruz. */
  #mobileMenuSearchInput{
    font-size:16px !important;
    line-height:1.22 !important;
    min-height:44px !important;
  }

  #mobileMenuSearchInput::placeholder{
    font-size:16px !important;
  }

  /* ---------------------------------------------------------
     3) Rezervasyon / teklif formlarını iOS'ta daha kompakt tut
     16px font korunur; görsel şişkinlik yükseklik/padding ile düşürülür.
  --------------------------------------------------------- */
  :where(
    .enb-form .enb-field input[type="date"],
    .enb-form .enb-field input[type="time"],
    .enb-form .enb-field input[type="datetime-local"],
    .enb-form .enb-field input[type="number"],
    .enb-form .enb-field input[type="text"],
    .enb-form .enb-field input[type="tel"],
    .enb-form .enb-field input[type="email"],
    .enb-form .enb-field input[type="url"],
    .enb-form .enb-field input[type="search"],
    .enb-form .enb-field select,
    .enb-field input[type="date"],
    .enb-field input[type="time"],
    .enb-field input[type="datetime-local"],
    .enb-field input[type="number"],
    .enb-field input[type="text"],
    .enb-field input[type="tel"],
    .enb-field input[type="email"],
    .enb-field input[type="url"],
    .enb-field input[type="search"],
    .enb-field select
  ){
    -webkit-appearance:none !important;
    appearance:none !important;
    width:100% !important;
    min-height:var(--enb-ios-control-height) !important;
    height:var(--enb-ios-control-height) !important;
    padding:0 var(--enb-ios-control-pad-x) !important;
    border:1px solid rgba(15,23,42,.12) !important;
    border-radius:var(--enb-ios-control-radius) !important;
    background-color:#fff !important;
    background-clip:padding-box !important;
    color:#0f172a !important;
    box-shadow:none !important;
    outline:none !important;
    font-size:var(--enb-ios-control-font-size) !important;
    font-weight:600 !important;
  }

  :where(.enb-form .enb-field textarea, .enb-field textarea){
    -webkit-appearance:none !important;
    appearance:none !important;
    min-height:104px !important;
    padding:13px var(--enb-ios-control-pad-x) !important;
    border:1px solid rgba(15,23,42,.12) !important;
    border-radius:var(--enb-ios-control-radius) !important;
    background-color:#fff !important;
    color:#0f172a !important;
    box-shadow:none !important;
    outline:none !important;
    font-size:var(--enb-ios-control-font-size) !important;
    font-weight:600 !important;
  }

  :where(.enb-form .enb-field select, .enb-field select){
    padding-right:44px !important;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    background-image:
      linear-gradient(45deg, transparent 50%, #64748b 50%),
      linear-gradient(135deg, #64748b 50%, transparent 50%) !important;
    background-position:
      calc(100% - 21px) 50%,
      calc(100% - 15px) 50% !important;
    background-size:6px 6px, 6px 6px !important;
    background-repeat:no-repeat !important;
  }

  :where(
    .enb-form .enb-field input[type="date"],
    .enb-form .enb-field input[type="time"],
    .enb-form .enb-field input[type="datetime-local"],
    .enb-field input[type="date"],
    .enb-field input[type="time"],
    .enb-field input[type="datetime-local"]
  ){
    text-align:left !important;
    letter-spacing:0 !important;
    padding-right:14px !important;
  }

  .enb-form .enb-field input[type="date"]::-webkit-date-and-time-value,
  .enb-form .enb-field input[type="time"]::-webkit-date-and-time-value,
  .enb-form .enb-field input[type="datetime-local"]::-webkit-date-and-time-value,
  .enb-field input[type="date"]::-webkit-date-and-time-value,
  .enb-field input[type="time"]::-webkit-date-and-time-value,
  .enb-field input[type="datetime-local"]::-webkit-date-and-time-value{
    text-align:left !important;
  }

  .enb-form .enb-field input[type="date"]::-webkit-calendar-picker-indicator,
  .enb-form .enb-field input[type="time"]::-webkit-calendar-picker-indicator,
  .enb-form .enb-field input[type="datetime-local"]::-webkit-calendar-picker-indicator,
  .enb-field input[type="date"]::-webkit-calendar-picker-indicator,
  .enb-field input[type="time"]::-webkit-calendar-picker-indicator,
  .enb-field input[type="datetime-local"]::-webkit-calendar-picker-indicator{
    opacity:1 !important;
    cursor:pointer;
    margin-left:6px;
  }

  :where(
    .enb-form .enb-field input:focus,
    .enb-form .enb-field select:focus,
    .enb-form .enb-field textarea:focus,
    .enb-field input:focus,
    .enb-field select:focus,
    .enb-field textarea:focus
  ){
    border-color:rgba(59,130,246,.55) !important;
    box-shadow:0 0 0 3px rgba(59,130,246,.12) !important;
  }

  :where(.enb-form .enb-field select option, .enb-field select option){
    background:#fff !important;
    color:#0f172a !important;
  }

  :where(.enb-form .enb-field input, .enb-form .enb-field select, .enb-field input, .enb-field select){
    transform:translateZ(0);
  }
}
/*
 * En Baba Organizasyon - paket seçimi / rehber CTA / toast merkezleme düzeltmesi
 * Kapsam: turist rehberi paket butonları, sokak lezzeti paket toastları, global sepet toastları.
 */

:root {
  --enb-package-toast-max: 360px;
  --enb-package-toast-radius: 18px;
}

/* Rehber sayfalarında "Paketi Seç" butonu kartın dikey boşluğunu yutmasın. */
body[class*="turist-rehberi"] .enb-pack__btn,
body.page-tour-guide-istanbul .enb-pack__btn,
body[class*="tour-guide"] .enb-pack__btn {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  align-self: stretch !important;
  min-height: 42px !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px 14px !important;
  margin-top: 14px !important;
  border-radius: 12px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  text-align: center !important;
}

body[class*="turist-rehberi"] #paketler .enb-pack__btn,
body.page-tour-guide-istanbul #paketler .enb-pack__btn,
body[class*="tour-guide"] #paketler .enb-pack__btn {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  padding-block: 10px !important;
}

/* Rehber kartlarında iki butonlu sepet satırı da dikeyde şişmesin. */
body[class*="turist-rehberi"] .enb-cart-action-row,
body.page-tour-guide-istanbul .enb-cart-action-row,
body[class*="tour-guide"] .enb-cart-action-row {
  align-items: center !important;
  margin-top: 14px !important;
}

body[class*="turist-rehberi"] .enb-cart-action-row > :is(a, button),
body.page-tour-guide-istanbul .enb-cart-action-row > :is(a, button),
body[class*="tour-guide"] .enb-cart-action-row > :is(a, button) {
  flex: 0 0 auto !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 9px 12px !important;
  border-radius: 12px !important;
  line-height: 1.14 !important;
}

/* Bubble House / Pamuk Şeker / Popcorn paket seçimi toastları: ekranın tam merkezi. */
#enbBubblePageToast,
#enbTreatPageToast,
.enb-package-center-toast {
  position: fixed !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(calc(100vw - 40px), var(--enb-package-toast-max)) !important;
  max-width: var(--enb-package-toast-max) !important;
  min-height: 0 !important;
  padding: 13px 16px !important;
  border-radius: var(--enb-package-toast-radius) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .26) !important;
  transform: translate(-50%, -50%) !important;
  animation: enbPackageToastCenter 2300ms ease-in-out forwards !important;
  z-index: 100200 !important;
}

/* Global sepet toastı da paket seçimi anında alt menünün üstüne değil ortaya gelir. */
#enbCartToast,
.enb-cart-toast,
#enbBirthdayCartToast {
  position: fixed !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(calc(100vw - 40px), 340px) !important;
  max-width: 340px !important;
  min-height: 0 !important;
  padding: 13px 16px !important;
  border-radius: 18px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  transform: translate(-50%, -50%) !important;
  z-index: 100150 !important;
}

@keyframes enbPackageToastCenter {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 14px)) scale(.98);
  }
  12%, 84% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 10px)) scale(.98);
  }
}

@media (max-width: 640px) {
  :root { --enb-package-toast-max: 318px; }

  #enbBubblePageToast,
  #enbTreatPageToast,
  .enb-package-center-toast,
  #enbCartToast,
  .enb-cart-toast,
  #enbBirthdayCartToast {
    width: min(calc(100vw - 36px), 318px) !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    font-size: 12.5px !important;
  }

  body[class*="turist-rehberi"] .enb-pack__btn,
  body.page-tour-guide-istanbul .enb-pack__btn,
  body[class*="tour-guide"] .enb-pack__btn {
    min-height: 40px !important;
    padding: 9px 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #enbBubblePageToast,
  #enbTreatPageToast,
  .enb-package-center-toast {
    animation-duration: 1ms !important;
  }
}

/* Ek denetim: başka hizmetlerde görülen sayfa-özel toastları da merkez standardına bağla. */
body.page-palyaco-kiralama #enbToast.enb-toast,
body.page-maskot-kiralama #toast,
body.page-bordrolama-hizmeti .bh-toast,
body.page-dansoz-kiralama #enbToastStack .enb-toast,
body.page-dogum-gunu-organizasyonu #enbToast > *,
body.page-dugun-organizasyonu #enbToast > * {
  position: fixed !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(calc(100vw - 40px), 340px) !important;
  min-width: 0 !important;
  max-width: 340px !important;
  min-height: 0 !important;
  padding: 13px 16px !important;
  border-radius: 18px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .26) !important;
  z-index: 100220 !important;
}

body.page-maskot-kiralama #toast {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-maskot-kiralama #toast.hidden {
  display: none !important;
}

body.page-dansoz-kiralama #enbToastStack.enb-toast-stack {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 10px !important;
  pointer-events: none !important;
  z-index: 100210 !important;
}

body.page-dansoz-kiralama #enbToastStack .enb-toast {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

body.page-palyaco-kiralama #enbToast.enb-toast.show,
body.page-bordrolama-hizmeti .bh-toast.is-visible,
body.page-maskot-kiralama #toast.toast-show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) !important;
}

@media (max-width: 640px) {
  body.page-palyaco-kiralama #enbToast.enb-toast,
  body.page-maskot-kiralama #toast,
  body.page-bordrolama-hizmeti .bh-toast,
  body.page-dansoz-kiralama #enbToastStack .enb-toast,
  body.page-dogum-gunu-organizasyonu #enbToast > *,
  body.page-dugun-organizasyonu #enbToast > * {
    width: min(calc(100vw - 36px), 318px) !important;
    max-width: 318px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    font-size: 12.5px !important;
  }
}
/* =========================================================
   ENB GLOBAL WIDTH STABILIZER
   Kapsam: header shell hizası, 100dvw kaynaklı yatay taşma,
   global genişlik sistemine girmeyen sayfa/bölüm kabukları.
========================================================= */

:root{
  --enb-global-shell-max: var(--enb-header-shell, 1552px);
  --enb-global-shell-edge: 24px;
  --enb-global-shell-width: min(calc(100% - var(--enb-global-shell-edge)), var(--enb-global-shell-max));
}

@media (min-width:768px){
  :root{ --enb-global-shell-edge: 32px; }
}

@media (min-width:1280px){
  :root{
    --enb-global-shell-edge: var(--enb-layout-edge-gap, 48px);
    --enb-global-shell-max: var(--enb-layout-shell, var(--enb-header-shell, 1552px));
    --enb-global-shell-width: min(calc(100% - var(--enb-global-shell-edge)), var(--enb-global-shell-max));
  }
}

@media (min-width:1536px){
  :root{ --enb-global-shell-edge: 64px; }
}

html,
body{
  width:100%;
  max-width:100%;
}

html{
  overflow-x:clip;
}

body.enb-body{
  overflow-x:clip;
}

@supports not (overflow-x:clip){
  html,
  body.enb-body{
    overflow-x:hidden;
  }
}

/* global.css içinde gelen 100dvw ana içerik zorlaması masaüstünde scrollbar/gutter taşması üretiyordu. */
html body #siteHeader,
html body.enb-body #mainContent{
  width:100% !important;
  max-width:100% !important;
}

html body.enb-body #mainContent{
  min-width:0 !important;
  overflow-x:clip !important;
}

@supports not (overflow-x:clip){
  html body.enb-body #mainContent{
    overflow-x:hidden !important;
  }
}

@media (min-width:1280px){
  /* Header bar artık 100vw yerine yüzde hesabı kullanır; dikey scrollbar varken yatay taşma yapmaz. */
  html body header#siteHeader.enb-header > div[data-header-bar="1"],
  html body header#siteHeader.enb-header > div[data-header-bar="1"].max-w-7xl{
    width:var(--enb-global-shell-width) !important;
    max-width:var(--enb-global-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* İkram tedarikçi modülleri inline sabit genişlik kullansa bile header logo çizgisinden başlamalıdır.
     Bu geç yüklenen koruma, hem fiyat kutusunu hem gerçek iş portföyünü header ile aynı shell'e bağlar. */
  html body.enb-body #mainContent > .enb-ikram-calc,
  html body.enb-body #mainContent > .enb-ikram-portfolios,
  html body.enb-body main > .enb-ikram-calc,
  html body.enb-body main > .enb-ikram-portfolios{
    width:var(--enb-global-shell-width) !important;
    max-width:var(--enb-global-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* ID'li main elemanları önceki #mainContent {width:100dvw!important} kuralını ezsin. */
  html body.enb-body #mainContent:is(
    .max-w-7xl,
    .max-w-6xl,
    .max-w-5xl,
    .max-w-screen-xl,
    .max-w-screen-2xl,
    .container,
    .enb-page,
    .dkh-container,
    .eh-container,
    .fh-shell,
    .fsh-container,
    .fasil-page,
    .tnm-shell,
    .enb-treat-wrap,
    .kemanci-page-shell,
    .ms-layout
  ){
    width:var(--enb-global-shell-width) !important;
    max-width:var(--enb-global-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Tailwind/legacy max-w kabukları: eski calc(100vw - gap) yerine calc(100% - gap). */
  html body.enb-body :where(
    main.max-w-7xl.mx-auto,
    main.max-w-6xl.mx-auto,
    main.max-w-5xl.mx-auto,
    main.max-w-screen-xl.mx-auto,
    main.max-w-screen-2xl.mx-auto,
    main.container.mx-auto,
    main > header.max-w-7xl.mx-auto,
    main > header.max-w-6xl.mx-auto,
    main > header.container.mx-auto,
    main > section.max-w-7xl.mx-auto,
    main > section.max-w-6xl.mx-auto,
    main > section.max-w-5xl.mx-auto,
    main > section.container.mx-auto,
    main > section > .max-w-7xl.mx-auto,
    main > section > .max-w-6xl.mx-auto,
    main > section > .max-w-5xl.mx-auto,
    main > section > .container.mx-auto,
    main > div.max-w-7xl.mx-auto,
    main > div.max-w-6xl.mx-auto,
    main > div.max-w-5xl.mx-auto,
    main > div.container.mx-auto,
    main > article.max-w-7xl.mx-auto,
    main > article.max-w-6xl.mx-auto,
    main > article.container.mx-auto,
    footer .max-w-screen-2xl.mx-auto
  ){
    width:var(--enb-global-shell-width) !important;
    max-width:var(--enb-global-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Kaynak taramada global genişlik sistemine girmediği görülen özel shell sınıfları. */
  html body.enb-body :where(
    .enb-concepts-shell,
    .hub-shell,
    .enb-lg-wrap,
    .enb-service-engine__container,
    .enb-district-page__container,
    .enb-magic-wrap,
    main.enb-music-shell,
    main.enb-music-shell > .enb-wrap,
    .enb-commercial-wrap,
    .enb-nikah-main > .enb-container,
    .enb-nikah-main > .enb-hero-shell,
    body.page-temsili-nikah-memuru-kiralama .enb-container,
    body.page-temsili-nikah-memuru-kiralama .enb-hero-shell,
    body.page-masa-sandalye-kiralama section .container,
    body.page-masa-sandalye-kiralama .ms-hero__inner,
    body.page-masa-sandalye-kiralama .ms-content,
    body.page-kemanci-kiralama main#mainContent.kemanci-page-shell,
    body.page-kemanci-kiralama .kemanci-hero > .relative.z-10,
    body.page-kemanci-kiralama .kemanci-intro-grid,
    body.page-kemanci-kiralama #mainContent > .kemanci-info-note,
    body.page-kemanci-kiralama #kemanciForm > .max-w-5xl,
    body.page-kurumsal .eb-kurumsal-wrap,
    body.page-kurumsal-danismanlik .enb-danismanlik-page .info-wide,
    body.page-category-hub .hub-shell,
    body.page-dogum-gunu-konseptleri .enb-concepts-shell
  ){
    width:var(--enb-global-shell-width) !important;
    max-width:var(--enb-global-shell-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* Genişleyen konsept mağazasında 3 dev kart yerine daha dengeli 4 kolon. */
  body.page-dogum-gunu-konseptleri .enb-concepts-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width:1280px) and (max-width:1439.98px){
  body.page-dogum-gunu-konseptleri .enb-concepts-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:1279.98px){
  html body.enb-body :where(
    .enb-concepts-shell,
    .hub-shell,
    .enb-lg-wrap,
    .enb-service-engine__container,
    .enb-district-page__container,
    .enb-magic-wrap,
    .enb-commercial-wrap,
    .enb-nikah-main > .enb-container,
    .enb-nikah-main > .enb-hero-shell,
    body.page-temsili-nikah-memuru-kiralama .enb-container,
    body.page-temsili-nikah-memuru-kiralama .enb-hero-shell,
    body.page-masa-sandalye-kiralama .ms-hero__inner,
    body.page-masa-sandalye-kiralama .ms-content,
    body.page-kemanci-kiralama main#mainContent.kemanci-page-shell,
    body.page-kurumsal .eb-kurumsal-wrap,
    body.page-kurumsal-danismanlik .enb-danismanlik-page .info-wide
  ){
    max-width:calc(100% - var(--enb-global-shell-edge)) !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   PALYAÇO KİRALAMA FULL-BLEED OVERRIDE
   Derin kontrol sonucu: palyaço sayfası main#mainContent.enb-page
   kullandığı için bu dosyadaki global shell kuralı tarafından
   1552px kabuğa kilitleniyordu. Sayfa özel CSS daha önce yüklendiği
   için palyaco-kiralama.css içindeki düzeltme burada tekrar eziliyordu.
   Bu hedefli override en sonda kalmalı.
========================================================= */
html body.enb-body.page-palyaco-kiralama #mainContent.enb-page{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  min-width:0 !important;
  overflow-x:clip !important;
}

html body.enb-body.page-palyaco-kiralama #mainContent.enb-page > section{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

@supports not (overflow-x:clip){
  html body.enb-body.page-palyaco-kiralama #mainContent.enb-page{
    overflow-x:hidden !important;
  }
}

/* =========================================================
   GLOBAL REVIEW DISPLAY HEADER ALIGNMENT
   global-review-display.php çıktısı, ister otomatik yorum alanında
   ister doğrudan main/body altında basılsın, masaüstünde header logo
   başlangıç çizgisiyle aynı shell'e oturur.
========================================================= */
@media (min-width:1280px){
  html body.enb-body .enb-auto-review-zone{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  html body.enb-body .enb-auto-review-zone > .enb-auto-review-wrap{
    width:var(--enb-global-shell-width, min(calc(100% - var(--enb-layout-edge-gap, 48px)), var(--enb-layout-shell, var(--enb-header-shell, 1552px)))) !important;
    max-width:var(--enb-global-shell-max, var(--enb-layout-shell, var(--enb-header-shell, 1552px))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  html body.enb-body > .enb-review-display-shell,
  html body.enb-body > .enb-rvw-shell.enb-review-display-shell,
  html body.enb-body #mainContent > .enb-review-display-shell,
  html body.enb-body main > .enb-review-display-shell{
    width:var(--enb-global-shell-width, min(calc(100% - var(--enb-layout-edge-gap, 48px)), var(--enb-layout-shell, var(--enb-header-shell, 1552px)))) !important;
    max-width:var(--enb-global-shell-max, var(--enb-layout-shell, var(--enb-header-shell, 1552px))) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  html body.enb-body .enb-auto-review-wrap > .enb-review-display-shell{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:1279.98px){
  html body.enb-body .enb-auto-review-zone{
    padding-left:var(--enb-service-mobile-gutter, 16px) !important;
    padding-right:var(--enb-service-mobile-gutter, 16px) !important;
  }

  html body.enb-body .enb-auto-review-zone > .enb-auto-review-wrap{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   FINAL GLOBAL REVIEW / HEADER EDGE ALIGNMENT — 2026-08-15 v3
   Kök neden: ana sayfa shell'i header ile zaten hizalıyken yorum host'una
   ikinci kez global shell genişliği uygulanıyor ve kenarlar iki kez içeri
   çekiliyordu. Bu katman ikinci daralmayı tamamen iptal eder.
========================================================= */

/* Yalnız gerçek global-review-display.php modülü bulunan yorum alanlarında
   düz beyaz/gri dış bandı kaldır; hizmete özel temalı review bölümlerine dokunma. */
#yorumlar.bg-white:has(.enb-review-display-shell),
#yorumlar.bg-slate-50:has(.enb-review-display-shell),
.enb-auto-review-zone:has(.enb-review-display-shell){
  background:transparent !important;
  background-color:transparent !important;
}

/* Review kartını doğrudan taşıyan host hangi derinlikte olursa olsun,
   max-w-* ve px-* ile ikinci kez daralmasın. */
#yorumlar:has(.enb-review-display-shell) :has(> .enb-review-display-shell),
.enb-auto-review-zone > .enb-auto-review-wrap{
  position:relative !important;
  left:50% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  transform:translateX(-50%) !important;
}

/* Host içindeki asıl kart host genişliğini tam doldurur. Eski enb-reviews.css
   viewport kaçışları / transform kuralları burada bilinçli olarak nötralize edilir. */
#yorumlar:has(.enb-review-display-shell) :has(> .enb-review-display-shell) > .enb-review-display-shell,
.enb-auto-review-zone > .enb-auto-review-wrap > .enb-review-display-shell{
  position:relative !important;
  left:auto !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
}

/* Kart #yorumlar altında doğrudan basılan sayfalar. */
#yorumlar:has(> .enb-review-display-shell) > .enb-review-display-shell{
  position:relative !important;
  left:50% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  transform:translateX(-50%) !important;
}

/* =========================================================
   FINAL GLOBAL REVIEW / HEADER EDGE ALIGNMENT — 2026-08-21 v4
   Header'ın gerçek bar genişliği bu dosyanın üst kısmında
   --enb-global-shell-edge / --enb-global-shell-max ile son kez belirleniyor.
   Review alanı da aynı tokenları kullanmalı; aksi halde 1552px review ile
   1500px header arasında geniş ekranda 26px/kenar sapma oluşuyordu.
========================================================= */

/* Telefon: header px-3 => 12px/kenar. */
@media (max-width:639.98px){
  #yorumlar:has(.enb-review-display-shell) :has(> .enb-review-display-shell),
  #yorumlar:has(> .enb-review-display-shell) > .enb-review-display-shell,
  .enb-auto-review-zone > .enb-auto-review-wrap{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }
}

/* 640–767: header sm:px-5 => 20px/kenar. */
@media (min-width:640px) and (max-width:767.98px){
  #yorumlar:has(.enb-review-display-shell) :has(> .enb-review-display-shell),
  #yorumlar:has(> .enb-review-display-shell) > .enb-review-display-shell,
  .enb-auto-review-zone > .enb-auto-review-wrap{
    width:calc(100vw - 40px) !important;
    max-width:calc(100vw - 40px) !important;
  }
}

/* 768–1279: compact desktop header override => 14px/kenar. */
@media (min-width:768px) and (max-width:1279.98px){
  #yorumlar:has(.enb-review-display-shell) :has(> .enb-review-display-shell),
  #yorumlar:has(> .enb-review-display-shell) > .enb-review-display-shell,
  .enb-auto-review-zone > .enb-auto-review-wrap{
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* 1280+: header bar bu dosyada global shell tokenlarıyla override edilir.
   Review host parent'ı dar olabildiği için yüzde yerine viewport hesabı kullanılır,
   ancak maksimum genişlik ve kenar tokenları header ile birebir aynıdır. */
@media (min-width:1280px){
  #yorumlar:has(.enb-review-display-shell) :has(> .enb-review-display-shell),
  #yorumlar:has(> .enb-review-display-shell) > .enb-review-display-shell,
  .enb-auto-review-zone > .enb-auto-review-wrap{
    width:min(calc(100vw - var(--enb-global-shell-edge, var(--enb-layout-edge-gap, 48px))), var(--enb-global-shell-max, var(--enb-layout-shell, var(--enb-header-shell, 1552px)))) !important;
    max-width:var(--enb-global-shell-max, var(--enb-layout-shell, var(--enb-header-shell, 1552px))) !important;
  }
}

/* =========================================================
   FINAL FAQ + REVIEW / HEADER LOGO EDGE ALIGNMENT — 2026-08-21 v5
   Amaç: Hizmet teması ne olursa olsun SSS modülünün dış sınırı ve
   ortak yorum kartı, gerçek header bar / logo başlangıç çizgisiyle
   aynı yatay geometriyi kullanır. Eski 1180/1280/1500/1600px FAQ
   kabukları ve review viewport-kaçışları burada tek standarda bağlanır.
========================================================= */

/* SSS bölümünü hizmete özel dar max-width değerlerinden bağımsızlaştır.
   Yalnız section seviyesindeki gerçek FAQ/SSS alanları hedeflenir. */
html body.enb-body section:is(
  #sss,
  #sik-sorulan-sorular,
  #sikca-sorulan-sorular,
  [id$="-sss"],
  [class*="faq"],
  [class*="sss"]
){
  box-sizing:border-box !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* FAQ içindeki ikinci bir wrap/shell/container/max-w katmanı yeniden
   daralma oluşturmasın. Böylece örn. palyaco-intent-wrap 1180px'de kalmaz. */
html body.enb-body section:is(
  #sss,
  #sik-sorulan-sorular,
  #sikca-sorulan-sorular,
  [id$="-sss"],
  [class*="faq"],
  [class*="sss"]
) > :is(
  .container,
  [class*="max-w-"],
  [class*="wrap"],
  [class*="shell"],
  [class*="container"],
  [class*="inner"]
){
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Telefon: header içerik başlangıcı 12px/kenar. */
@media (max-width:639.98px){
  html body.enb-body section:is(
    #sss,
    #sik-sorulan-sorular,
    #sikca-sorulan-sorular,
    [id$="-sss"],
    [class*="faq"],
    [class*="sss"]
  ){
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }
}

/* 640–767: header içerik başlangıcı 20px/kenar. */
@media (min-width:640px) and (max-width:767.98px){
  html body.enb-body section:is(
    #sss,
    #sik-sorulan-sorular,
    #sikca-sorulan-sorular,
    [id$="-sss"],
    [class*="faq"],
    [class*="sss"]
  ){
    width:calc(100vw - 40px) !important;
    max-width:calc(100vw - 40px) !important;
  }
}

/* 768–1279: compact desktop header px-14 => 14px/kenar. */
@media (min-width:768px) and (max-width:1279.98px){
  html body.enb-body section:is(
    #sss,
    #sik-sorulan-sorular,
    #sikca-sorulan-sorular,
    [id$="-sss"],
    [class*="faq"],
    [class*="sss"]
  ){
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
  }
}

/* 1280+: header bar bu dosyada --enb-global-shell-* ile son halini alır.
   SSS ve review bu tokenları aynen paylaşır; böylece logo çizgisi ile fark kalmaz. */
@media (min-width:1280px){
  html body.enb-body section:is(
    #sss,
    #sik-sorulan-sorular,
    #sikca-sorulan-sorular,
    [id$="-sss"],
    [class*="faq"],
    [class*="sss"]
  ),
  html body.enb-body .enb-review-display-shell.enb-rvw-shell.enb-rvw-v2,
  html body.enb-body .enb-auto-review-zone > .enb-auto-review-wrap{
    width:min(
      calc(100vw - var(--enb-global-shell-edge, var(--enb-layout-edge-gap, 48px))),
      var(--enb-global-shell-max, var(--enb-layout-shell, 1500px))
    ) !important;
    max-width:var(--enb-global-shell-max, var(--enb-layout-shell, 1500px)) !important;
  }
}

/* Palyaço fiyat sayfası özel koruması:
   bu sayfanın tema CSS'i .palyaco-intent-wrap'ı 1180px'e sabitliyor.
   Sadece SSS içindeki wrapper header genişliğine açılır; diğer fiyat/paket
   bölümlerinin tasarımı ve ölçüsü değişmez. */
html body.enb-body.page-palyaco-kiralama-fiyatlari
#sss > .palyaco-intent-wrap.palyaco-faq-layout{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}


/* =========================================================
   REVIEW / HEADER INNER CONTENT CONTRACT — 2026-08-21 v6
   Review dış kenarı header bar'ın kutu kenarına değil, logonun başladığı
   gerçek içerik hattına bağlanır. Masaüstünde header sm:px-5 olduğu için
   bar genişliğinden toplam 40px iç padding düşülür. 768–1279 kompakt
   header hattı mevcut 14px/kenar sözleşmesini korur.
========================================================= */
:root{
  --enb-review-header-inner-width:calc(100vw - 24px);
}

@media (min-width:640px) and (max-width:767.98px){
  :root{ --enb-review-header-inner-width:calc(100vw - 40px); }
}

@media (min-width:768px) and (max-width:1279.98px){
  :root{ --enb-review-header-inner-width:calc(100vw - 28px); }
}

@media (min-width:1280px){
  :root{
    --enb-review-header-inner-width:min(
      calc(100vw - var(--enb-global-shell-edge, var(--enb-layout-edge-gap, 48px)) - 40px),
      calc(var(--enb-global-shell-max, var(--enb-layout-shell, 1500px)) - 40px)
    );
  }
}

html body.enb-body .enb-review-display-shell.enb-rvw-shell.enb-rvw-v2,
html body.enb-body .enb-auto-review-zone > .enb-auto-review-wrap{
  width:var(--enb-review-header-inner-width) !important;
  max-width:var(--enb-review-header-inner-width) !important;
  box-sizing:border-box !important;
}
/*
 * En Baba Organizasyon - main.css
 * Visual rollback safeguard (2026-08-11).
 *
 * IMPORTANT: Service-specific themes are authoritative. This file intentionally
 * contains no hero, layout, header, mega-menu or CTA override. The established
 * shared guard files are loaded by includes/header/header-assets.php in their
 * original cascade order.
 */
/* Generated bundle: tools/build-runtime-bundles.php */
/* =========================================================
   EN BABA ORGANİZASYON — MERKEZİ GECE MODU
   Kapsam: ortak header/footer, Tailwind yardımcı sınıfları,
   hizmet kartları, formlar, modal ve ortak satış bileşenleri.
   Hizmete özel vurgu renkleri korunur; yalnız nötr yüzeyler
   karanlık palete taşınır.
========================================================= */

:root{
  --enb-dark-bg: #070b14;
  --enb-dark-bg-soft: #0b1220;
  --enb-dark-surface: #111827;
  --enb-dark-surface-2: #172033;
  --enb-dark-surface-3: #1d2940;
  --enb-dark-text: #f8fafc;
  --enb-dark-muted: #a8b3c7;
  --enb-dark-muted-2: #8491a8;
  --enb-dark-border: rgba(148,163,184,.22);
  --enb-dark-border-strong: rgba(148,163,184,.34);
  --enb-dark-shadow: 0 18px 50px rgba(0,0,0,.38);
  --enb-dark-focus: rgba(129,140,248,.35);
}

html[data-theme="dark"]{
  color-scheme: dark;

  --eb-bg-main: var(--enb-dark-bg);
  --eb-bg-soft: var(--enb-dark-bg-soft);
  --eb-bg-blue: #0d1729;
  --eb-card-bg: rgba(17,24,39,.92);
  --eb-card-border: var(--enb-dark-border);
  --eb-text-main: var(--enb-dark-text);
  --eb-text-soft: var(--enb-dark-muted);
  --eb-shadow-xs: 0 1px 2px rgba(0,0,0,.35);
  --eb-shadow-sm: 0 10px 28px rgba(0,0,0,.30);
  --eb-shadow-md: var(--enb-dark-shadow);

  --enbBg: var(--enb-dark-bg);
  --enbCard: rgba(17,24,39,.94);
  --enbText: var(--enb-dark-text);
  --enbMuted: var(--enb-dark-muted);
  --enbBorder: var(--enb-dark-border);
  --enbShadow: var(--enb-dark-shadow);
  --enbShadow2: 0 12px 32px rgba(0,0,0,.32);

  --bg: var(--enb-dark-bg);
  --bg-soft: var(--enb-dark-bg-soft);
  --surface: var(--enb-dark-surface);
  --surface-1: var(--enb-dark-surface);
  --surface-2: var(--enb-dark-surface-2);
  --panel: var(--enb-dark-surface);
  --paper: var(--enb-dark-surface);
  --card: var(--enb-dark-surface);
  --card-bg: var(--enb-dark-surface);
  --ink: var(--enb-dark-text);
  --text: var(--enb-dark-text);
  --text-main: var(--enb-dark-text);
  --muted: var(--enb-dark-muted);
  --text-muted: var(--enb-dark-muted);
  --line: var(--enb-dark-border);
  --border: var(--enb-dark-border);
  --stroke: var(--enb-dark-border);
  --field-bg: #0d1626;
  --field-ink: var(--enb-dark-text);
  --field-muted: var(--enb-dark-muted-2);
  --field-stroke: var(--enb-dark-border-strong);
  --field-focus: var(--enb-dark-focus);
}

html[data-theme="dark"] body.enb-body{
  --bg: var(--enb-dark-bg);
  --surface: var(--enb-dark-surface);
  --panel: var(--enb-dark-surface);
  --card: var(--enb-dark-surface);
  --card-bg: var(--enb-dark-surface);
  --ink: var(--enb-dark-text);
  --text: var(--enb-dark-text);
  --muted: var(--enb-dark-muted);
  --line: var(--enb-dark-border);
  --border: var(--enb-dark-border);
  --field-bg: #0d1626;
  --field-ink: var(--enb-dark-text);
  --field-muted: var(--enb-dark-muted-2);
  --field-stroke: var(--enb-dark-border-strong);
  --field-focus: var(--enb-dark-focus);

  color: var(--enb-dark-text);
  background:
    radial-gradient(900px 520px at 18% 8%, rgba(79,70,229,.15), transparent 62%),
    radial-gradient(850px 520px at 82% 78%, rgba(14,165,233,.10), transparent 64%),
    linear-gradient(145deg, var(--enb-dark-bg) 0%, #0a1020 52%, #070b14 100%);
}

html[data-theme="dark"] body.enb-body::selection{
  color: #fff;
  background: rgba(99,102,241,.62);
}

/* Tema değiştirme kontrolü */
.enb-theme-toggle{
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(100,116,139,.26);
  border-radius: 13px;
  color: #475569;
  background: rgba(255,255,255,.82);
  box-shadow: 0 5px 16px rgba(15,23,42,.08);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.enb-theme-toggle:hover{
  color: #4f46e5;
  background: #f8fafc;
  transform: translateY(-1px);
}

.enb-theme-toggle:focus-visible{
  outline: 3px solid rgba(99,102,241,.30);
  outline-offset: 2px;
}

.enb-theme-toggle__sun,
.enb-theme-toggle__moon{
  position: absolute;
  display: grid;
  place-items: center;
  transition: opacity .18s ease, transform .22s ease;
}

.enb-theme-toggle__sun{
  opacity: 0;
  transform: rotate(-35deg) scale(.65);
}

.enb-theme-toggle__moon{
  opacity: 1;
  transform: rotate(0) scale(1);
}

html[data-theme="dark"] .enb-theme-toggle{
  color: #fde68a;
  background: rgba(17,24,39,.94);
  border-color: var(--enb-dark-border-strong);
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
}

html[data-theme="dark"] .enb-theme-toggle:hover{
  color: #fef3c7;
  background: #1b263a;
}

html[data-theme="dark"] .enb-theme-toggle__sun{
  opacity: 1;
  transform: rotate(0) scale(1);
}

html[data-theme="dark"] .enb-theme-toggle__moon{
  opacity: 0;
  transform: rotate(35deg) scale(.65);
}


/* Yumuşak geçiş; ilk boyamada animasyon uygulanmaz. */
@media (prefers-reduced-motion: no-preference){
  html.enb-theme-interactive body,
  html.enb-theme-interactive #siteHeader,
  html.enb-theme-interactive #mobileMenu,
  html.enb-theme-interactive .eb-footer,
  html.enb-theme-interactive .enb-card,
  html.enb-theme-interactive input,
  html.enb-theme-interactive select,
  html.enb-theme-interactive textarea{
    transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
}

/* Header, mega menüler ve mobil menü */
html[data-theme="dark"] #siteHeader,
html[data-theme="dark"] header#siteHeader.enb-header{
  color: var(--enb-dark-text);
  background: rgba(7,11,20,.92) !important;
  border-bottom: 1px solid var(--enb-dark-border);
  box-shadow: 0 10px 34px rgba(0,0,0,.30) !important;
}

html[data-theme="dark"] #siteHeader .menu-link,
html[data-theme="dark"] #siteHeader .text-slate-800,
html[data-theme="dark"] #siteHeader .text-slate-700,
html[data-theme="dark"] #siteHeader .text-slate-600{
  color: #e5e7eb !important;
}

html[data-theme="dark"] #siteHeader .text-slate-500,
html[data-theme="dark"] #siteHeader .text-slate-400{
  color: #9aa7bb !important;
}

html[data-theme="dark"] #siteHeader :where(.bg-white,.bg-slate-50,.bg-slate-100),
html[data-theme="dark"] #desktopMenu :where([id$="Panel"], .enb-mega-catCard),
html[data-theme="dark"] #desktopSearchPanel,
html[data-theme="dark"] #desktopHeaderSearchResults{
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
  box-shadow: var(--enb-dark-shadow) !important;
}

html[data-theme="dark"] #desktopMenu :where(.hover\:bg-slate-100:hover,.hover\:bg-slate-50:hover),
html[data-theme="dark"] #siteHeader .menu-link:hover,
html[data-theme="dark"] #siteHeader .menu-link:focus-visible{
  background: rgba(148,163,184,.12) !important;
}

html[data-theme="dark"] #mobileMenu{
  color: var(--enb-dark-text);
  background: var(--enb-dark-bg-soft) !important;
}

html[data-theme="dark"] #mobileMenu :where(.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-600){
  color: #e8edf5 !important;
}

html[data-theme="dark"] #mobileMenu :where(.text-slate-500,.text-slate-400){
  color: #9aa7bb !important;
}

html[data-theme="dark"] #mobileMenu :where(.bg-white,.bg-slate-50,.bg-slate-100),
html[data-theme="dark"] #mobileMenuSearchResults,
html[data-theme="dark"] #mobileMenu .cat-card,
html[data-theme="dark"] #mobileMenu .srv-hero,
html[data-theme="dark"] #mobileMenu .map-noteBox,
html[data-theme="dark"] #mobileMenu .mob-mini-toggle{
  color: var(--enb-dark-text) !important;
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] #mobileMenuSearchInput{
  color: var(--enb-dark-text) !important;
  background: #0b1423 !important;
  border-color: var(--enb-dark-border-strong) !important;
}

html[data-theme="dark"] #mobileMenuSearchInput::placeholder{
  color: var(--enb-dark-muted-2) !important;
}

/* Tailwind nötr yardımcı sınıfları: sayfalar arası temel uyumluluk */
html[data-theme="dark"] body.enb-body :where(
  .bg-white,
  .bg-white\/95,
  .bg-white\/90,
  .bg-white\/80,
  .bg-white\/70,
  .bg-white\/60
){
  background-color: var(--enb-dark-surface) !important;
}

html[data-theme="dark"] body.enb-body :where(.bg-slate-50,.bg-gray-50,.bg-zinc-50,.bg-neutral-50){
  background-color: var(--enb-dark-bg-soft) !important;
}

html[data-theme="dark"] body.enb-body :where(.bg-slate-100,.bg-gray-100,.bg-zinc-100,.bg-neutral-100){
  background-color: var(--enb-dark-surface-2) !important;
}

html[data-theme="dark"] body.enb-body :where(
  .bg-blue-50,.bg-indigo-50,.bg-violet-50,.bg-purple-50,
  .bg-cyan-50,.bg-sky-50,.bg-emerald-50,.bg-green-50,
  .bg-amber-50,.bg-orange-50,.bg-rose-50,.bg-pink-50
){
  background-color: rgba(30,41,59,.82) !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-950,.text-slate-900,.text-gray-950,.text-gray-900,.text-zinc-900,.text-neutral-900){
  color: var(--enb-dark-text) !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-800,.text-slate-700,.text-gray-800,.text-gray-700,.text-zinc-800,.text-zinc-700){
  color: #dbe3ee !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-600,.text-slate-500,.text-gray-600,.text-gray-500,.text-zinc-600,.text-zinc-500){
  color: var(--enb-dark-muted) !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-400,.text-gray-400,.text-zinc-400){
  color: var(--enb-dark-muted-2) !important;
}

html[data-theme="dark"] body.enb-body :where(
  .border-slate-100,.border-slate-200,.border-slate-300,
  .border-gray-100,.border-gray-200,.border-gray-300,
  .border-zinc-100,.border-zinc-200,.border-neutral-200
){
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] body.enb-body :where(.divide-slate-100,.divide-slate-200) > :not([hidden]) ~ :not([hidden]){
  border-color: var(--enb-dark-border) !important;
}

/* Ortak kart ve içerik yüzeyleri */
html[data-theme="dark"] body.enb-body :where(
  .enb-card,
  .eb-card,
  .enb-info-card,
  .enb-map-card,
  .enb-route-card,
  .enb-pack,
  .enb-addon,
  .enb-builder-box,
  .enb-quote-box,
  .enb-form,
  .enb-form-card,
  .form-card,
  .enb-review-display-shell,
  .enb-service-guarantee,
  .enb-price-card,
  .enb-faq,
  .enb-note,
  .enb-help,
  .enb-lg-section
){
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.24);
}

html[data-theme="dark"] body.enb-body .enb-card--soft{
  background: linear-gradient(180deg, rgba(23,32,51,.98), rgba(17,24,39,.96)) !important;
}

html[data-theme="dark"] body.enb-body :where(
  .enb-info-card__d,
  .enb-route-card__p,
  .enb-pack__p,
  .enb-pack__micro,
  .enb-note,
  .enb-help,
  .enb-kvkk,
  .enb-section p,
  .enb-card p
){
  color: var(--enb-dark-muted);
}

/* Merkezi hizmet ve ilçe motoru */
html[data-theme="dark"] .enb-service-engine,
html[data-theme="dark"] .enb-district-page{
  background: linear-gradient(180deg, var(--enb-dark-bg-soft), var(--enb-dark-bg)) !important;
}

html[data-theme="dark"] :where(.enb-service-engine__card,.enb-service-engine__districts,.enb-district-page__card){
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
  box-shadow: var(--enb-dark-shadow);
}

html[data-theme="dark"] :where(.enb-service-engine h2,.enb-service-engine h3,.enb-district-page h2,.enb-district-page h3,.enb-district-page__stats strong){
  color: var(--enb-dark-text);
}

html[data-theme="dark"] :where(.enb-service-engine p,.enb-service-engine__facts,.enb-district-page__bullets,.enb-district-page__grid ul){
  color: var(--enb-dark-muted);
}

html[data-theme="dark"] :where(.enb-service-engine__chips span,.enb-service-engine__district-list a,.enb-btn--ghost){
  color: #e5e7eb;
  background: var(--enb-dark-surface-2) !important;
  border-color: var(--enb-dark-border) !important;
}

/* Formlar: iPhone Safari dahil yerel kontroller */
html[data-theme="dark"] body.enb-body :where(input,select,textarea){
  color: var(--enb-dark-text);
  -webkit-text-fill-color: var(--enb-dark-text);
  background-color: #0d1626;
  border-color: var(--enb-dark-border-strong);
  caret-color: #c7d2fe;
}

html[data-theme="dark"] body.enb-body :where(input,textarea)::placeholder{
  color: var(--enb-dark-muted-2);
  opacity: 1;
}

html[data-theme="dark"] body.enb-body :where(input,select,textarea):focus{
  border-color: rgba(129,140,248,.72);
  box-shadow: 0 0 0 4px var(--enb-dark-focus);
}

html[data-theme="dark"] body.enb-body :where(input,textarea,select):-webkit-autofill,
html[data-theme="dark"] body.enb-body :where(input,textarea,select):-webkit-autofill:hover,
html[data-theme="dark"] body.enb-body :where(input,textarea,select):-webkit-autofill:focus{
  -webkit-text-fill-color: var(--enb-dark-text) !important;
  box-shadow: 0 0 0 1000px #0d1626 inset !important;
  transition: background-color 9999s ease-out 0s;
}

html[data-theme="dark"] body.enb-body :where(input[type="date"],input[type="time"],input[type="datetime-local"],select){
  color-scheme: dark;
}

html[data-theme="dark"] body.enb-body :where(input[type="date"],input[type="time"],input[type="datetime-local"]):not(.enb-dt-managed):not(.enb-native-picker):not(.enb-cart-native-picker)::-webkit-calendar-picker-indicator{
  filter: invert(1) brightness(1.35);
  opacity: .82;
}

/* Tablolar, accordion ve bilgi blokları */
html[data-theme="dark"] body.enb-body table{
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface);
  border-color: var(--enb-dark-border);
}

html[data-theme="dark"] body.enb-body :where(th,td){
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] body.enb-body thead{
  background: var(--enb-dark-surface-2);
}

html[data-theme="dark"] body.enb-body :where(details,dialog){
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface);
  border-color: var(--enb-dark-border);
}

html[data-theme="dark"] body.enb-body hr{
  border-color: var(--enb-dark-border);
}

/* Footer */
html[data-theme="dark"] .eb-footer{
  color: var(--enb-dark-muted);
  background: #080d17 !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] .eb-footer :where(h2,h3,h4,h5,strong,.font-extrabold){
  color: var(--enb-dark-text);
}

html[data-theme="dark"] .eb-footer :where(.eb-footerIdeas__panel,.eb-footerIdeas__link,.eb-socialLink,[href^="mailto:"]){
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] .eb-footerIdeas__tab{
  color: var(--enb-dark-muted);
  background: var(--enb-dark-surface);
  border-color: var(--enb-dark-border);
}

html[data-theme="dark"] .eb-footerIdeas__tab.is-active{
  color: #fff;
}

/* Modal, toast, arama ve katmanlar */
html[data-theme="dark"] body.enb-body :where(
  [role="dialog"],
  .enb-modal-card,
  .enb-qm__panel,
  .enb-search-result,
  .enb-toast:not(.enb-toast--error):not(.enb-toast--success)
){
  color: var(--enb-dark-text);
  background-color: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] body.enb-body :where(.shadow-sm,.shadow,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl){
  --tw-shadow-color: rgba(0,0,0,.34) !important;
}

@media (max-width: 767.98px){
  [data-enb-theme-toggle]{
    display: none !important;
  }

  html[data-theme="dark"] #mobileMenu{
    padding-top: max(1.25rem, env(safe-area-inset-top));
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
  }
}

/* Mobil header ve açılır menü içinde sabit tema düğmesi gösterilmez. */
@media (max-width: 1024px) and (pointer: coarse){
  [data-enb-theme-toggle]{
    display: none !important;
  }
}

@media (forced-colors: active){
  .enb-theme-toggle{
    border: 1px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
  }
}