/* Generated bundle: tools/build-runtime-bundles.php */
:root{
  /* Fonts */
  --eb-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";

  /* Safe-area / mobile nav */
  --eb-safe-bottom: 0px;
  --eb-mobile-nav-core: 56px;
  --eb-mobile-nav-h: calc(var(--eb-mobile-nav-core) + var(--eb-safe-bottom));
  --enb-mobile-bottom-nav-h: var(--eb-mobile-nav-h);
  --enbMobileNavH: var(--eb-mobile-nav-h);

  /* Soft Blue Atmosphere */
  --eb-bg-main: #f8fafc;
  --eb-bg-soft: #f1f5f9;
  --eb-bg-blue: #eef4ff;

  --eb-card-bg: rgba(255,255,255,.78);
  --eb-card-border: rgba(15,23,42,.08);

  --eb-text-main: #0f172a;
  --eb-text-soft: #475569;

  --eb-accent: #4f6fdc;
  --eb-accent-hover: #3b5bcc;

  /* Shadows */
  --eb-shadow-xs: 0 1px 2px rgba(15,23,42,.06);
  --eb-shadow-sm: 0 8px 22px rgba(15,23,42,.08);
  --eb-shadow-md: 0 18px 45px rgba(15,23,42,.10);
  --eb-shadow-glow: 0 18px 55px rgba(79,111,220,.18);

  --eb-radius: 18px;

  /* Header dış yüksekliği: mobil 64px, sm+ 68px. JS yalnız doğrular. */
  --enbHeaderH: 64px;
  --enbHeader: var(--enbHeaderH);

  /* Scroll offset */
  --eb-top-offset: calc(var(--enbHeaderH) + 18px);

  /* Coffee theme */
  --coffee-brown: #5B3A29;
  --coffee-soft: #6F4E37;
  --choco-dark: #2B1B17;
}

@supports (-webkit-touch-callout: none){
  :root{
    --eb-safe-bottom: env(safe-area-inset-bottom, 0px);
  }
}

@media (min-width: 640px){
  :root{
    --enbHeaderH: 68px;
  }
}

html,
body{
  font-family: var(--eb-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html{
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: stable;
  -ms-overflow-style: auto;
  overflow-y: auto;
}

body{
  margin: 0;
  color: var(--eb-text-main);
  background:
    radial-gradient(900px 520px at 30% 12%, rgba(59,130,246,.10), transparent 60%),
    radial-gradient(900px 520px at 75% 80%, rgba(124,58,237,.08), transparent 60%),
    linear-gradient(135deg, var(--eb-bg-main) 0%, #eef2f7 100%);
  background-attachment: scroll;
  overflow-x: hidden;
  padding-top: var(--enbHeaderH);
  line-height: 1.5;
}

h1,
h2,
h3{
  letter-spacing: -0.01em;
}

/* =========================================================
   ENB ACCESSIBILITY: SERP-safe skip control
   - Anchor yerine button kullanılır; Google'ın bu kontrolü
     sayfa içi SERP kısayolu gibi göstermesini azaltır.
   - Klavye odağında görünür, normal kullanıcı akışında gizlidir.
========================================================= */
.enb-skip-content{
  position: fixed;
  left: max(12px, env(safe-area-inset-left, 0px));
  top: max(12px, env(safe-area-inset-top, 0px));
  z-index: 2147483647;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  border-radius: 999px;
  background: #0f172a;
  color: #ffffff;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
}

.enb-skip-content:focus,
.enb-skip-content:focus-visible{
  width: auto;
  height: auto;
  min-height: 44px;
  min-width: 44px;
  overflow: visible;
  clip: auto;
  clip-path: none;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.55);
  outline: 3px solid rgba(37,99,235,.35);
  outline-offset: 3px;
  background: #0f172a;
  color: #ffffff;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -.01em;
  box-shadow: 0 14px 36px rgba(15,23,42,.22);
  opacity: 1;
  pointer-events: auto;
}

#enbContentStart{
  scroll-margin-top: calc(var(--enbHeaderH, 72px) + 14px);
}

@media (forced-colors: active){
  .enb-skip-content:focus,
  .enb-skip-content:focus-visible{
    border: 2px solid CanvasText;
    outline: 2px solid Highlight;
    background: Canvas;
    color: CanvasText;
  }
}


*,
*::before,
*::after{
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

img,
svg,
video,
canvas{
  display: block;
  max-width: 100%;
}

input,
select,
textarea{
  color: #0f172a;
  font-weight: 500;
}

input::placeholder,
textarea::placeholder{
  color: #64748b;
}

main > section,
main > div,
main > article{
  width: 100%;
}

main > section:first-child,
main > div:first-child,
main > article:first-child{
  margin-top: 0 !important;
}

.enb-body input,
.enb-body select,
.enb-body textarea,
.enb-form input,
.enb-form select,
.enb-form textarea{
  font-size: 16px !important;
}

.enb-body input[type="date"],
.enb-body input[type="time"],
.enb-body input[type="datetime-local"]{
  min-height: 46px;
  letter-spacing: .2px;
}

.enb-body input[type="date"]::-webkit-calendar-picker-indicator,
.enb-body input[type="time"]::-webkit-calendar-picker-indicator,
.enb-body input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.enb-form input[type="date"]::-webkit-calendar-picker-indicator,
.enb-form input[type="time"]::-webkit-calendar-picker-indicator,
.enb-form input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  opacity: .75;
  cursor: pointer;
  padding: 6px;
  border-radius: 10px;
}

:root[data-theme="dark"] .enb-body input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] .enb-body input[type="time"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] .enb-body input[type="datetime-local"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] .enb-form input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] .enb-form input[type="time"]::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] .enb-form input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  filter: invert(1) opacity(.85);
}

.enb-body input[type="date"]::-webkit-datetime-edit,
.enb-body input[type="time"]::-webkit-datetime-edit,
.enb-body input[type="datetime-local"]::-webkit-datetime-edit{
  color: var(--field-ink);
}

.enb-body input[type="date"]:not(:valid)::-webkit-datetime-edit,
.enb-body input[type="time"]:not(:valid)::-webkit-datetime-edit,
.enb-body input[type="datetime-local"]:not(:valid)::-webkit-datetime-edit{
  color: var(--field-muted);
}

.enb-body input[type="number"]::-webkit-outer-spin-button,
.enb-body input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

.enb-body input[type="number"]{
  -moz-appearance: textfield;
}

.enb-body input:-webkit-autofill,
.enb-body textarea:-webkit-autofill,
.enb-body select:-webkit-autofill{
  -webkit-text-fill-color: var(--field-ink);
  transition: background-color 9999s ease-out 0s;
  box-shadow: 0 0 0 1000px var(--field-bg) inset;
}

.enb-body select{
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--field-bg);
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--muted) 50%),
    linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.enb-body select::-ms-expand{
  display: none;
}

:root[data-theme="dark"] .enb-body select{
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(148,163,184,.95) 50%),
    linear-gradient(135deg, rgba(148,163,184,.95) 50%, transparent 50%);
}

.enb-form input,
.enb-form select,
.enb-form textarea{
  font: inherit;
  color: var(--field-ink);
  background: var(--field-bg);
  border: 1px solid var(--field-stroke);
  border-radius: var(--field-radius);
  padding: 12px 14px;
  outline: none;
}

.enb-form input[type="date"],
.enb-form input[type="time"],
.enb-form input[type="datetime-local"]{
  -webkit-appearance: none;
  appearance: none;
  min-height: 46px;
}

.enb-form input:focus,
.enb-form select:focus,
.enb-form textarea:focus{
  border-color: rgba(0,122,255,.55);
  box-shadow: 0 0 0 4px var(--field-focus);
}

.enb-dt-wrap{
  position: relative;
}

.enb-dt-wrap > input[type="date"],
.enb-dt-wrap > input[type="time"],
.enb-dt-wrap > input[type="datetime-local"]{
  width: 100%;
  min-height: 54px;
  padding: 14px 46px 14px 14px;
  border-radius: 16px;
  border: 1px solid var(--field-stroke, rgba(15,23,42,.14));
  background: var(--field-bg, rgba(255,255,255,.95));
  color: var(--field-ink, #0b1220);
  font: inherit;
  outline: none;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.enb-dt-ico{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(15,23,42,.08);
  pointer-events: none;
  user-select: none;
  font-size: 16px;
}

.enb-dt-wrap > input[type="date"]::-webkit-calendar-picker-indicator,
.enb-dt-wrap > input[type="time"]::-webkit-calendar-picker-indicator,
.enb-dt-wrap > input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

:root[data-theme="dark"] .enb-dt-wrap > input[type="date"],
:root[data-theme="dark"] .enb-dt-wrap > input[type="time"],
:root[data-theme="dark"] .enb-dt-wrap > input[type="datetime-local"]{
  color: var(--field-ink, #e5e7eb);
}

.enb-dt-hint{
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted, #64748b);
}

.enb-dt-wrap > input[type="date"]:focus,
.enb-dt-wrap > input[type="time"]:focus,
.enb-dt-wrap > input[type="datetime-local"]:focus{
  border-color: rgba(0,122,255,.55);
  box-shadow: 0 0 0 4px rgba(0,122,255,.18);
}

.ebb-input,
input[type="date"],
input[type="time"]{
  -webkit-appearance: none;
  appearance: none;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  opacity: 1;
  background-color: #ffffff;
  border: 1px solid rgba(15,23,42,.18);
  border-radius: 14px;
  padding: 12px 44px 12px 14px;
  line-height: 1.2;
  font-size: 16px;
}

input[type="datetime-local"]{
  -webkit-appearance: none;
  appearance: none;
  border-radius: 12px;
  line-height: 1.2;
  min-height: 44px;
  padding: 12px 14px;
  font-size: 16px;
  background-color: #fff;
}

.ebb-input:focus,
input[type="date"]:focus,
input[type="time"]:focus{
  outline: none;
  border-color: rgba(245,158,11,.65);
  box-shadow: 0 0 0 4px rgba(245,158,11,.18);
}

.ebb-input::placeholder,
input[type="date"]::placeholder,
input[type="time"]::placeholder{
  color: rgba(100,116,139,.85);
  opacity: 1;
}

input[type="date"]::-webkit-date-and-time-value,
input[type="time"]::-webkit-date-and-time-value,
input[type="datetime-local"]::-webkit-date-and-time-value{
  text-align: left;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  opacity: 1;
}

input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field,
input[type="time"]::-webkit-datetime-edit,
input[type="time"]::-webkit-datetime-edit-fields-wrapper,
input[type="time"]::-webkit-datetime-edit-text,
input[type="time"]::-webkit-datetime-edit-hour-field,
input[type="time"]::-webkit-datetime-edit-minute-field{
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  opacity: 1;
}

input[type="date"].has-value,
input[type="time"].has-value{
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  opacity: 1;
}

.ebb-inputIcon,
.ebb-input svg,
.ebb-input img{
  pointer-events: none;
}

.enb-section{
  margin-bottom: 4rem;
  padding-block: var(--enb-section-y);
}

.enb-section-lg{
  padding-block: var(--enb-section-y-lg);
}

.enb-section-tight{
  padding-block: 16px;
}

.section-soft{
  background: var(--eb-bg-soft);
}

.section-blue{
  background: linear-gradient(to bottom, var(--eb-bg-blue), var(--eb-bg-main));
}

.enb-hero{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  min-height: 70vh;
  background: #000;
}

@media (min-width: 640px){
  .enb-hero{
    min-height: 65vh;
  }
}

@media (min-width: 768px){
  .enb-section{
    margin-bottom: 5rem;
  }

  :root{
    --enb-gutter: 20px;
    --enb-section-y: 32px;
    --enb-section-y-lg: 52px;
  }

  .enb-grid-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .enb-grid-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (min-width: 1024px){
  .enb-hero{
    min-height: 62vh;
  }
}

.enb-hero__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
  object-position: center;
  transform: scale(1.03);
}

.enb-hero__bg--img{
  filter: none;
}

.enb-hero__bg--video{
  opacity: 1;
}

.enb-hero__overlay{
  position: absolute;
  inset: 0;
  z-index: 10;
}

.enb-hero__overlay--bottom{
  background: linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.60) 45%, rgba(0,0,0,.82) 100%);
}

.enb-hero__overlay--soft{
  background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,.45) 100%);
}

.enb-hero__content{
  position: relative;
  z-index: 20;
  width: 100%;
  padding: 3rem 1.25rem;
  max-width: 56rem;
}

@media (min-width: 640px){
  .enb-hero__content{
    padding: 3.5rem 2.5rem;
  }
}

.enb-hero--dark{
  background: radial-gradient(1200px 600px at 50% 10%, rgba(99,102,241,.18), rgba(0,0,0,0) 60%), linear-gradient(135deg, #0f172a, #020617);
  margin-top: 0 !important;
}

.enb-hero__bg--pattern{
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .10;
  background-image: url('/img/bg-confetti-pattern.svg');
  background-size: 520px auto;
  background-repeat: repeat;
  background-position: center;
}

.enb-hero--indigo{
  background: linear-gradient(90deg, #0f172a, #312e81, #1e293b);
}

.enb-hero--indigo-compact{
  min-height: 48vh;
  background: linear-gradient(90deg, #1e293b, #312e81, #0f172a);
}

@media (min-width: 768px){
  .enb-hero--indigo-compact{
    min-height: 44vh;
  }
}

#siteHeader + .enb-hero,
.enb-body > .enb-hero:first-of-type{
  margin-top: 0 !important;
}

.mb-28{ margin-bottom: 4.5rem !important; }
.mb-24{ margin-bottom: 4rem !important; }
.mb-20{ margin-bottom: 3.5rem !important; }
.mb-16{ margin-bottom: 3rem !important; }
.mb-14{ margin-bottom: 2.75rem !important; }
.mb-12{ margin-bottom: 2.25rem !important; }
.mb-10{ margin-bottom: 2rem !important; }
.mb-8{ margin-bottom: 1.5rem !important; }

.py-16{ padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-14{ padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.py-12{ padding-top: 2rem !important; padding-bottom: 2rem !important; }
.py-10{ padding-top: 1.75rem !important; padding-bottom: 1.75rem !important; }
.py-8{ padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; }

.md\:py-16{ padding-top: 3.25rem !important; padding-bottom: 3.25rem !important; }
.md\:py-12{ padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
.md\:py-10{ padding-top: 2rem !important; padding-bottom: 2rem !important; }

.md\:mb-24{ margin-bottom: 4rem !important; }
.md\:mb-20{ margin-bottom: 3.5rem !important; }
.md\:mb-16{ margin-bottom: 3rem !important; }

main.py-12{ padding-top: 2rem !important; padding-bottom: 2rem !important; }
main.py-10{ padding-top: 1.75rem !important; padding-bottom: 1.75rem !important; }

.p-8{ padding: 1.5rem !important; }
.p-7{ padding: 1.375rem !important; }
.p-6{ padding: 1.25rem !important; }
.sm\:p-12{ padding: 2rem !important; }
.sm\:p-10{ padding: 1.75rem !important; }

.eb-card,
.enb-card{
  background: var(--eb-card-bg);
  border: 1px solid var(--eb-card-border);
  border-radius: var(--eb-radius);
  box-shadow: var(--eb-shadow-sm);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  width: 100%;
}

.eb-card:hover,
.enb-hover:hover{
  transform: translateY(-2px);
  box-shadow: var(--eb-shadow-md);
  border-color: rgba(79,111,220,.18);
}

.eb-card.is-static:hover{
  transform: none;
  box-shadow: var(--eb-shadow-sm);
  border-color: var(--eb-card-border);
}

details[open].bg-white.rounded-2xl.border{
  box-shadow:
    0 2px 6px rgba(2,6,23,.05),
    0 10px 24px rgba(2,6,23,.10) !important;
}

.bg-slate-50.border.rounded-2xl,
.bg-slate-50.border.rounded-xl,
.bg-slate-50.border.rounded-lg{
  border-color: rgba(226,232,240,.92) !important;
  box-shadow:
    0 1px 2px rgba(2,6,23,.04),
    0 6px 14px rgba(2,6,23,.06) !important;
}

.group:hover .shadow-md,
.group:hover .shadow-lg,
.group:hover .shadow-xl{
  box-shadow:
    0 1px 3px rgba(2,6,23,.04),
    0 8px 18px rgba(2,6,23,.08) !important;
}

.service-card h3::after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  margin: 8px auto 0;
  border-radius: 999px;
  background: var(--eb-accent);
  opacity: .35;
}

.eb-btn,
.enb-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 700;
  line-height: 1;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    border-color .18s ease,
    color .18s ease;
}

.eb-btn:active,
.enb-btn:active{
  transform: translateY(1px) scale(.98);
}

.eb-btn--primary{
  background: var(--eb-accent);
  color: #fff;
  box-shadow: 0 14px 34px rgba(79,111,220,.26);
}

.eb-btn--primary:hover{
  background: var(--eb-accent-hover);
  box-shadow: 0 18px 44px rgba(79,111,220,.32);
}

.eb-btn--ghost{
  background: #eef4ff;
  color: var(--eb-accent);
  border: 1px solid rgba(79,111,220,.18);
}

.eb-btn--ghost:hover{
  background: #e0e7ff;
  border-color: rgba(79,111,220,.28);
  box-shadow: var(--eb-shadow-xs);
}

.eb-btn--outline{
  background: transparent;
  color: var(--eb-text-main);
  border: 1px solid rgba(15,23,42,.14);
}

.eb-btn--outline:hover{
  border-color: rgba(79,111,220,.30);
  box-shadow: var(--eb-shadow-xs);
}

.btn-ghost{
  background: #eef4ff;
  color: var(--eb-accent);
}

.btn-ghost:hover{
  background: #e0e7ff;
}


/* Sayfa scrollbar'ı tarayıcı varsayılanına bırakıldı.
   html/body için ::-webkit-scrollbar gizleme kuralı kullanılmaz. */

.reveal,
.reveal-h{
  opacity: 1;
  transform: none;
}

html.js .reveal,
html.js .reveal-h{
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: transform .45s ease, opacity .45s ease;
  will-change: transform, opacity;
}

html.js .reveal.show,
html.js .reveal-h.show{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.premium-btn--sweep{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
  will-change: transform, box-shadow;
}

.premium-btn--sweep:hover{
  box-shadow:
    0 10px 24px rgba(0,0,0,.14),
    0 0 0 4px rgba(79,70,229,.12),
    0 0 22px rgba(79,70,229,.20);
  transition: box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.premium-btn--sweep::before{
  content: "";
  position: absolute;
  inset: -40% -60%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.32) 45%, rgba(255,255,255,0) 60%);
  transform: translate3d(-30%, 0, 0) rotate(8deg);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.premium-btn--sweep:hover::before{
  opacity: 1;
  animation: enbSweep 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

.premium-btn--sweep > *{
  position: relative;
  z-index: 1;
}

@keyframes enbSweep{
  0%{ transform: translate3d(-40%, 0, 0) rotate(8deg); }
  100%{ transform: translate3d(40%, 0, 0) rotate(8deg); }
}

@media (prefers-reduced-motion: reduce){
  .premium-btn--sweep::before{
    display: none !important;
  }

  .premium-btn--sweep:hover{
    transition: none !important;
  }
}

@keyframes eb-pulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.05); }
  100%{ transform: scale(1); }
}

.eb-animate{
  animation: eb-pulse 2.5s ease-in-out infinite;
}

.btn-coffee{
  background: var(--coffee-brown) !important;
  color: #fff !important;
}

.btn-coffee:hover{
  background: var(--coffee-soft) !important;
}

.border-choco{
  border-color: rgba(78,52,46,.55) !important;
}

.pulse-coffee{
  background: var(--coffee-soft);
}

.bg-choco-gradient{
  background: linear-gradient(90deg, var(--choco-dark), var(--coffee-brown));
}

.hover\:text-indigo-600:hover,
.hover\:text-indigo-700:hover,
.text-indigo-600,
.text-indigo-700{
  color: var(--coffee-brown) !important;
}

.bg-indigo-600,
.bg-indigo-700{
  background-color: var(--coffee-brown) !important;
}

.bg-indigo-600:hover,
.bg-indigo-700:hover{
  background-color: var(--coffee-soft) !important;
}

.ring-indigo-600,
.ring-indigo-700{
  --tw-ring-color: var(--coffee-brown) !important;
}

.border-indigo-200,
.border-indigo-300,
.border-indigo-600{
  border-color: rgba(91,58,41,.35) !important;
}

.calisir-kutu{
  text-align: center;
}

.adim-no{
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .3px;
  color: #475569;
}

article[data-tilt],
.hizmet-kart,
.kategori-kart,
.service-card{
  cursor: pointer;
}

.enb-theme-btn{
  background: var(--enb-accent);
  color: #fff;
}

.enb-theme-btn:hover{
  background: var(--enb-accent-dark);
}

.enb-theme-chip{
  background: var(--enb-accent-soft);
  color: var(--enb-accent-dark);
}

.enb-theme-glow{
  box-shadow: 0 20px 50px var(--enb-hero-glow);
}

.enb-wrap{
  width: min(100% - (var(--enb-gutter) * 2), var(--enb-wrap));
  margin-inline: auto;
}

.enb-wrap-wide{
  width: min(100% - (var(--enb-gutter) * 2), var(--enb-wrap-wide));
  margin-inline: auto;
}

.enb-wrap-narrow{
  width: min(100% - (var(--enb-gutter) * 2), var(--enb-content-narrow));
  margin-inline: auto;
}

.enb-wrap-medium{
  width: min(100% - (var(--enb-gutter) * 2), var(--enb-content-medium));
  margin-inline: auto;
}

.enb-section-hero{
  min-height: calc(100svh - var(--enbHeaderH, 72px));
  display: flex;
  align-items: center;
}

.enb-grid-2{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.enb-grid-3{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.enb-stack{
  display: grid;
  gap: 14px;
}

.enb-page-fill{
  width: 100%;
  max-width: none;
}

#megaMenuPanel{
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 32px)) !important;
}

#kurumsalPanel{
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 78px !important;
  width: min(1120px, calc(100vw - 40px)) !important;
  max-width: 1120px !important;
  right: auto !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(226,232,240,.95) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.05) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.pmNotice{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 2px 0 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.45);
  background: rgba(248,250,252,.95);
  color: #334155;
  font-size: 13px;
  line-height: 1.35;
}

.pmNotice .pmDot{
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34,197,94,.12);
  flex: 0 0 auto;
}

.pmNotice[data-type="ok"]{
  border-color: rgba(34,197,94,.35);
  background: rgba(240,253,244,.95);
}

.pmNotice[data-type="ok"] .pmDot{
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22,163,74,.14);
}

.pmNotice .pmDot::after{
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  border: 2px solid rgba(34,197,94,.35);
  animation: enbDotPing 1.2s ease-out infinite;
}

@keyframes enbDotPing{
  0%{ transform: scale(.55); opacity: .9; }
  70%{ transform: scale(1.35); opacity: .15; }
  100%{ transform: scale(1.5); opacity: 0; }
}

.pmFillProg{
  height: 10px;
  border-radius: 999px;
  background: rgba(226,232,240,.9);
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.35);
}

.pmFillProgBar{
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, #22c55e, #3b82f6);
  transition: width .25s ease;
}

.pmFillMeta{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 6px;
  font-size: 12px;
  color: #64748b;
}

.pmFillMeta #pmFillText{
  font-weight: 800;
  color: #0f172a;
}

.pmStepHidden{
  display: none;
}

.pmStepOpen{
  display: block;
  animation: pmStepIn .28s ease-out both;
}

@keyframes pmStepIn{
  from{ opacity: 0; transform: translateY(8px); }
  to{ opacity: 1; transform: translateY(0); }
}

.pmStepHead{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px dashed rgba(148,163,184,.6);
  background: rgba(255,255,255,.85);
}

.pmStepBadge{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  background: rgba(59,130,246,.12);
  border: 1px solid rgba(59,130,246,.18);
}

.pmStepTitle{
  font-weight: 800;
  font-size: 12.5px;
  color: #0f172a;
}

.pmStepDesc{
  font-size: 12px;
  color: #64748b;
  margin-left: auto;
}

.pmFooterBar{
  position: sticky;
  bottom: 0;
  z-index: 30;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: #ffffff;
  border-top: 1px solid rgba(226,232,240,.9);
  transform: translateY(calc(-1 * var(--pm-kb, 0px)));
  transition: transform .18s ease-out;
}

.pmFooterActions{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.pmFooterBtn{
  width: min(420px, 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 800;
  text-decoration: none;
}

.pmFooterBtnCall{
  background: linear-gradient(135deg, #4285F4, #3367D6);
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(66,133,244,.30);
  transition: all .2s ease;
}

.pmFooterBtnWA{
  background: #16a34a;
  color: #fff;
}

.pmFooterBtnCall:hover{
  background: linear-gradient(135deg, #3367D6, #2a56c6);
  box-shadow: 0 8px 22px rgba(66,133,244,.38);
  transform: translateY(-1px);
}

.pmFooterBtnCall:active{
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(66,133,244,.28);
}

.pmFooterCancel{
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  font-size: 14px;
  color: #64748b;
  background: transparent;
}

.enb-select-field{
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: all .2s ease;
  font-size: 16px;
}

.enb-select-field::after{
  content: "👆";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  opacity: .55;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}

.enb-select-field:hover::after,
.enb-select-field:focus::after{
  opacity: .9;
  transform: translateY(-50%) scale(1.1);
}

.enb-select-field:active{
  transform: scale(.98);
}

.hbv-noscroll{
  overflow: hidden;
}

.hbv.hidden{
  display: none;
}

.hbv{
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.hbv-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
}

.hbv-dialog{
  position: absolute;
  inset: 0;
  margin: auto;
  width: min(1200px, calc(100% - 28px));
  height: min(84vh, 780px);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,.38);
  border: 1px solid rgba(0,0,0,.08);
  display: grid;
  grid-template-columns: 1fr 220px;
  overflow: hidden;
  outline: none;
}

.hbv-main{
  position: relative;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.hbv-main-img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

.hbv-rail{
  border-left: 1px solid #eee;
  background: #fafafa;
  padding: 14px 10px;
  overflow: auto;
}

.hbv-rail-inner{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hbv-thumb{
  width: 100%;
  border-radius: 10px;
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 8px;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.hbv-thumb img{
  width: 100%;
  height: 74px;
  object-fit: contain;
  display: block;
}

.hbv-thumb:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.hbv-thumb.is-on{
  border-color: #ff6000;
  box-shadow: 0 0 0 2px rgba(255,96,0,.18);
}

.hbv-close{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  cursor: pointer;
}

.hbv-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  line-height: 1;
}

.hbv-prev{
  left: 14px;
}

.hbv-next{
  right: 240px;
}

@media (max-width: 820px){
  .hbv-dialog{
    grid-template-columns: 1fr;
    height: min(88vh, 820px);
  }

  .hbv-rail{
    display: none;
  }

  .hbv-next{
    right: 14px;
  }
}

.enb-page-decor{
  position: relative;
}

.enb-page-decor > *{
  position: relative;
  z-index: 10;
}

.enb-decor-layer{
  display: none;
}

@media (min-width: 1280px){
  .enb-decor-layer{
    display: block;
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 5;
  }

  .enb-decor-orb,
  .enb-float,
  .enb-badge{
    --decor-y: 0px;
    --decor-idle: 0px;
    transform: translate3d(0, calc(var(--decor-y) + var(--decor-idle)), 0);
    will-change: transform, opacity;
  }

  .enb-decor-orb{
    position: absolute;
    border-radius: 999px;
    filter: blur(28px);
    opacity: .85;
  }

  .enb-decor-orb--left{
    width: 280px;
    height: 280px;
    left: -90px;
    bottom: 40px;
    background: radial-gradient(circle, rgba(99,102,241,.20), rgba(59,130,246,.10), transparent 74%);
  }

  .enb-decor-orb--right{
    width: 240px;
    height: 240px;
    right: -80px;
    bottom: 180px;
    background: radial-gradient(circle, rgba(34,197,94,.10), rgba(99,102,241,.14), transparent 76%);
  }

  .enb-float{
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,.74);
    border: 1px solid rgba(255,255,255,.68);
    box-shadow:
      0 16px 34px rgba(15,23,42,.10),
      inset 0 1px 0 rgba(255,255,255,.56);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    animation: enbDecorIdle 8s ease-in-out infinite;
  }

  .enb-float::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0));
  }

  .enb-float::after{
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: inherit;
    background: radial-gradient(circle, rgba(99,102,241,.12), transparent 72%);
    z-index: -1;
  }

  .enb-float--heart{
    width: 54px;
    height: 54px;
    left: 18px;
    bottom: 90px;
    color: #e11d48;
    font-size: 18px;
    animation-delay: 0s;
  }

  .enb-float--music{
    width: 44px;
    height: 44px;
    left: 42px;
    bottom: 320px;
    color: #7c3aed;
    font-size: 14px;
    animation-delay: .9s;
  }

  .enb-float--pin{
    width: 56px;
    height: 56px;
    right: 18px;
    bottom: 130px;
    color: #2563eb;
    font-size: 18px;
    animation-delay: .6s;
  }

  .enb-float--chat{
    width: 48px;
    height: 48px;
    right: 40px;
    bottom: 350px;
    color: #0f766e;
    font-size: 15px;
    animation-delay: 1.8s;
  }

  .enb-float--spark{
    width: 38px;
    height: 38px;
    left: 22px;
    bottom: 520px;
    color: #9333ea;
    font-size: 12px;
    animation-delay: 2.4s;
  }

  .enb-badge{
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow:
      0 14px 30px rgba(15,23,42,.08),
      inset 0 1px 0 rgba(255,255,255,.60);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .01em;
    white-space: nowrap;
    animation: enbDecorIdle 9s ease-in-out infinite;
  }

  .enb-badge i{
    font-size: 12px;
    color: #4f46e5;
  }

  .enb-badge--left{
    left: 16px;
    bottom: 210px;
    animation-delay: .3s;
  }

  .enb-badge--right{
    right: 16px;
    bottom: 250px;
    animation-delay: 1.4s;
  }

  .enb-badge--soft{
    left: 20px;
    bottom: 430px;
    animation-delay: 2.2s;
  }
}

@media (min-width: 1600px){
  .enb-float--heart{ left: 28px; }
  .enb-float--music{ left: 56px; }
  .enb-float--spark{ left: 34px; }
  .enb-float--pin{ right: 28px; }
  .enb-float--chat{ right: 52px; }
  .enb-badge--left{ left: 28px; }
  .enb-badge--soft{ left: 36px; }
  .enb-badge--right{ right: 28px; }
}

@keyframes enbDecorIdle{
  0%,100%{ --decor-idle: 0px; }
  50%{ --decor-idle: -10px; }
}

.enb-decor-layer,
.enb-decor-layer *{
  pointer-events: none;
  user-select: none;
  cursor: default;
}


.eb-marquee-wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.eb-marquee{
  display: inline-block;
  white-space: nowrap;
  min-width: max-content;
  padding-left: 100%;
  animation: enbMarquee 18s linear infinite;
  will-change: transform;
}

@keyframes enbMarquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.eb-online{
  position: relative;
  overflow: hidden;
  animation: enbOnlinePulse 1.8s ease-in-out infinite;
}

.eb-online::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #16a34a;
  display: inline-block;
  margin-right: 6px;
  box-shadow: 0 0 0 0 rgba(22,163,74,.55);
  animation: enbOnlineDot 1.8s infinite;
}

@keyframes enbOnlinePulse{
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}

@keyframes enbOnlineDot{
  0% {
    box-shadow: 0 0 0 0 rgba(22,163,74,.55);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(22,163,74,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(22,163,74,0);
  }
}

/* =========================================================
   GLOBAL REVIEW DISPLAY COMPONENT
========================================================= */
#yorumlar,
.enb-review-area{
  scroll-margin-top: 100px;
}

.enb-review-cta{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(800px 200px at top, rgba(91,58,41,.05), transparent),
    #f8fafc;
  border: 1px solid rgba(226,232,240,.95);
  border-radius: 22px;
  box-shadow:
    0 8px 22px rgba(15,23,42,.04),
    0 2px 6px rgba(15,23,42,.03);
}

.enb-btn-box{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition:
    transform .20s ease,
    box-shadow .20s ease,
    background-color .20s ease,
    border-color .20s ease,
    color .20s ease;
}

.enb-btn-box .icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transform: translateY(-.5px);
}

.enb-btn-box .label{
  display: inline-block;
}

.enb-btn-review{
  color: #fff;
  background: linear-gradient(135deg, #5B3A29 0%, #7a4e37 100%);
  box-shadow:
    0 8px 18px rgba(91,58,41,.18),
    0 3px 8px rgba(15,23,42,.06);
}

.enb-btn-review::before{
  content: "";
  position: absolute;
  top: 0;
  left: -140%;
  width: 120%;
  height: 100%;
  background: linear-gradient(
    100deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.16) 45%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-18deg);
  transition: left .6s ease;
}

.enb-btn-review:hover{
  transform: translateY(-1px) scale(1.015);
  box-shadow:
    0 12px 24px rgba(91,58,41,.22),
    0 4px 10px rgba(15,23,42,.08);
}

.enb-btn-review:hover::before{
  left: 130%;
}

.enb-btn-review:active{
  transform: translateY(0) scale(.985);
}

.enb-btn-review .icon{
  animation: enbStarFloat 2s ease-in-out infinite;
}

@keyframes enbStarFloat{
  0%, 100%{
    transform: translateY(0) rotate(0deg);
  }
  50%{
    transform: translateY(-1px) rotate(5deg);
  }
}

.enb-btn-review:focus,
.enb-btn-review:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(91,58,41,.16),
    0 10px 22px rgba(91,58,41,.16);
}

#reviewTrack{
  gap: 16px !important;
  padding-inline: 2px;
  scroll-padding-inline: 2px;
}

#reviewTrack .enb-reviewCard{
  min-width: 292px !important;
  padding: 16px 16px 18px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid rgba(226,232,240,.96) !important;
  box-shadow:
    0 14px 34px rgba(15,23,42,.08),
    0 2px 8px rgba(15,23,42,.04) !important;
  overflow: hidden;
}

#reviewTrack .enb-reviewHead{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 112px;
  column-gap: 12px;
  align-items: start;
}

#reviewTrack .enb-reviewMain{
  min-width: 0;
}

#reviewTrack .enb-reviewName{
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
}

#reviewTrack .enb-reviewAside{
  width: 112px;
  min-width: 112px;
  display: grid;
  grid-template-rows: auto auto;
  justify-items: end;
  align-content: start;
  gap: 8px;
}

#reviewTrack .enb-reviewDate{
  padding-top: 1px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

#reviewTrack .enb-reviewBadges{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

#reviewTrack .enb-reviewBadge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 112px;
  min-height: 23px;
  padding: 0 9px;
  border-radius: 999px;
  overflow: hidden;
  white-space: nowrap;
}

#reviewTrack .enb-reviewBadge__text{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#reviewTrack .enb-reviewBadge--verified{
  max-width: none;
  min-height: 27px;
  padding: 0 11px;
  border: 1px solid rgba(16,185,129,.20);
  background: linear-gradient(180deg,#ecfdf5,#f0fdf4);
  color: #047857;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  box-shadow: 0 6px 16px rgba(16,185,129,.08);
}

#reviewTrack .enb-reviewBadge--service{
  border: 1px solid rgba(226,232,240,.95);
  background: #f8fafc;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

#reviewTrack .enb-reviewBadge--district{
  max-width: 104px;
  min-height: 21px;
  padding: 0 8px;
  border: 1px solid rgba(226,232,240,.90);
  background: #fff;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

#reviewTrack .enb-reviewRating{
  margin-top: 12px !important;
  gap: 10px !important;
}

#reviewTrack .enb-reviewReal{
  margin-left: auto;
  font-size: 10px !important;
  color: #cbd5e1 !important;
}

#reviewTrack .enb-reviewComment{
  margin-top: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(226,232,240,.96) !important;
  background: #fff !important;
  padding: 14px 14px 15px !important;
  box-shadow: none !important;
}

#reviewTrack .enb-reviewComment p{
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: #475569 !important;
}

#reviewTrack .enb-reviewReply{
  margin-top: 12px !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

@media (max-width: 640px){
  #reviewTrack .enb-reviewCard{
    min-width: 278px !important;
    padding: 15px 15px 17px !important;
  }

  #reviewTrack .enb-reviewHead{
    grid-template-columns: minmax(0,1fr) 104px;
    column-gap: 10px;
  }

  #reviewTrack .enb-reviewName{
    font-size: 17px !important;
  }

  #reviewTrack .enb-reviewAside{
    width: 104px;
    min-width: 104px;
  }

  #reviewTrack .enb-reviewBadge{
    max-width: 104px;
  }

  #reviewTrack .enb-reviewBadge--verified{
    max-width: none;
  }

  #reviewTrack .enb-reviewBadge--district{
    display: none;
  }

  #reviewTrack .enb-reviewReal{
    display: none;
  }

  .enb-review-cta{
    border-radius: 18px;
    padding: 18px;
  }

  .enb-btn-box{
    width: auto;
    min-height: 40px;
    padding: 9px 14px;
    font-size: 13px;
  }

  .enb-btn-box .icon{
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce){
  .enb-btn-review:hover{
    transform: none !important;
  }
}


.enb-btn-box.enb-btn-review{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:12px 18px;
  border:none;
  border-radius:16px;
  font-weight:900;
  font-size:13px;
  line-height:1;
  color:#fff;
  background:linear-gradient(135deg, #1d4ed8, #1e40af);
  box-shadow:0 14px 28px rgba(28,87,183,.18);
  cursor:pointer;
  transition:all .35s cubic-bezier(.4,0,.2,1);
}

.enb-btn-box.enb-btn-review .icon{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#fff !important;
  font-size:16px !important;
  line-height:1 !important;
  overflow:visible;
  visibility:visible !important;
  opacity:1 !important;
  text-indent:0;
}

.enb-btn-box.enb-btn-review .label{
  display:inline-block;
  color:#fff !important;
  line-height:1.1;
}

.enb-btn-box.enb-btn-review:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}


/* GLOBAL BUTON HAREKETİ */
main a[href],
main button{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease,
    background-color .18s ease,
    border-color .18s ease;
  will-change: transform;
}

/* Masaüstü hover */
@media (hover:hover) and (pointer:fine){
  main a[href]:hover,
  main button:hover{
    transform: translateY(-2px);
  }
}

/* Mobil dokunma */
main a[href]:active,
main button:active{
  transform: scale(.97);
}

/* Önemli CTA butonlarına hafif nefes efekti */
.hero-main-btn,
.fh-btn--wa,
.fh-human-card__btn--primary{
  animation: ctaSoftPulse 2.8s ease-in-out infinite;
}

@keyframes ctaSoftPulse{
  0%,100%{
    box-shadow: 0 12px 28px rgba(236,72,153,.18);
  }
  50%{
    box-shadow: 0 18px 42px rgba(236,72,153,.28);
  }
}

/* Hareket hassasiyeti olan kullanıcılar için */
@media (prefers-reduced-motion: reduce){
  main a[href],
  main button,
  .hero-main-btn,
  .fh-btn--wa,
  .fh-human-card__btn--primary{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}


@media (hover:hover){
  .btn:hover{ transform:translateY(-2px); }
}
.btn:active{ transform:scale(.97); }

.section{
  padding-block: clamp(2rem, 5vw, 4rem);
}


/* =========================================================
   GLOBAL REVIEW SECTION WIDTH FIX
   service-review-section.php bazı eski sayfalarda <main> dışında
   doğrudan basıldığı için #yorumlar > div kuralına girmiyordu.
   Bu sınıf, yorum boş durumu ve yorum listesi kartını aynı global
   container genişliğine bağlar.
========================================================= */
body > .enb-review-display-shell,
main > .enb-review-display-shell{
  display:block;
  width:min(100% - 24px, 100%);
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

body > .enb-review-display-shell{
  margin-top:clamp(18px, 3vw, 42px);
  margin-bottom:clamp(18px, 3vw, 42px);
}

@media (min-width:768px){
  body > .enb-review-display-shell,
  main > .enb-review-display-shell{
    width:min(100% - 32px, 100%);
  }
}

/* GLOBAL GENİŞ EKRAN CONTAINER DÜZELTMESİ */
@media (min-width:1280px){
  main.max-w-7xl,
  .max-w-7xl,
  .fh-shell,
  .fsh-container,
  .dkh-container,
  .eh-container,
  .fh-faq,
  .fh-faq-inner,
  .fsh-faq,
  .fsh-faq-inner,
  .dkh-faq,
  .dkh-faq-inner,
  .eh-faq,
  .eh-faq-inner,
  body > .enb-review-display-shell,
  main > .enb-review-display-shell{
    width: min(100% - 48px, 1500px) !important;
    max-width: min(1500px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width:1536px){
  main.max-w-7xl,
  .max-w-7xl,
  .fh-shell,
  .fsh-container,
  .dkh-container,
  .eh-container,
  .fh-faq,
  .fh-faq-inner,
  .fsh-faq,
  .fsh-faq-inner,
  .dkh-faq,
  .dkh-faq-inner,
  .eh-faq,
  .eh-faq-inner,
  body > .enb-review-display-shell,
  main > .enb-review-display-shell{
    width: min(100% - 64px, 1600px) !important;
    max-width: min(1600px, calc(100vw - 64px)) !important;
  }
}


#sss .max-w-3xl,
#sss .max-w-4xl,
#sss .max-w-5xl,
#sss .max-w-6xl,
#sss .max-w-7xl,
#sss .fh-card,
#sss #fhAccordion {
  max-width: 100% !important;
  width: 100% !important;
}

/* DOĞUM GÜNÜ SAYFASI GENEL TAM GENİŞLİK */
@media (min-width: 1280px) {
  .enb-hero__content,
  .enb-pricing-section > div,
  .enb-pricing-info,
  #detay > div,
  #premium-cozumler > div,
  #galeri > div,
  #sss,
  #yorumlar > div,
  #teklif > div,
  .enb-price-rail,
  .enb-qm__panel,
  body > .enb-review-display-shell,
  main > .enb-review-display-shell {
    width: min(100% - 48px, 1500px) !important;
    max-width: min(1500px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1536px) {
  .enb-hero__content,
  .enb-pricing-section > div,
  .enb-pricing-info,
  #detay > div,
  #premium-cozumler > div,
  #galeri > div,
  #sss,
  #yorumlar > div,
  #teklif > div,
  .enb-price-rail,
  .enb-qm__panel,
  body > .enb-review-display-shell,
  main > .enb-review-display-shell {
    width: min(100% - 64px, 1600px) !important;
    max-width: min(1600px, calc(100vw - 64px)) !important;
  }
}

/* İçerideki dar max-width sınıflarını kır */
@media (min-width: 1280px) {
  #fiyatlar-panel .max-w-6xl,
  #fiyatlar-panel .max-w-5xl,
  #fiyatlar-panel .max-w-4xl,
  #detay .max-w-5xl,
  #detay .max-w-4xl,
  #detay .max-w-3xl,
  #premium-cozumler .max-w-6xl,
  #galeri .max-w-7xl,
  #galeri .max-w-5xl,
  #sss.max-w-5xl,
  #yorumlar .max-w-6xl,
  #teklif .max-w-7xl {
    max-width: 100% !important;
  }
}


/* ENB Global Sepet Emoji Fix */
:where(
  [data-cart-add],
  [data-cart-add-bando],
  [data-cart-add-package-card],
  [data-cart-proxy-package],
  .enb-cart-cta-btn
){
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}

:where(
  [data-cart-add],
  [data-cart-add-bando],
  [data-cart-add-package-card],
  [data-cart-proxy-package],
  .enb-cart-cta-btn
)::before{
  content:"🛒";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:1.05em;
  line-height:1;
}

:where(
  [data-cart-add][aria-disabled="true"],
  [data-cart-add-bando][aria-disabled="true"],
  [data-cart-add-package-card][aria-disabled="true"],
  [data-cart-proxy-package][aria-disabled="true"]
)::before{
  content:"⛔";
}

/* =========================================================
   ENB SEARCH RESULT LEFT ALIGN FIX
   Arama sonuçları hero/header parent text-center alanlarından
   text-align mirası almasın; başlık ve açıklamalar soldan başlasın.
========================================================= */
#suggestions,
#desktopHeaderSearchResults,
#megaMenuSearchResults,
#mobileMenuSearchResults,
#mobileMenuSearchResultsInner{
  text-align: left !important;
}

#suggestions > *,
#desktopHeaderSearchResults > *,
#megaMenuSearchResults > *,
#mobileMenuSearchResults > *,
#mobileMenuSearchResultsInner > *{
  text-align: left !important;
}

#suggestions a,
#desktopHeaderSearchResults a,
#megaMenuSearchResults a,
#mobileMenuSearchResults a,
#mobileMenuSearchResultsInner a{
  text-align: left !important;
  justify-content: flex-start !important;
}

#suggestions a > div,
#desktopHeaderSearchResults a > div,
#megaMenuSearchResults a > div,
#mobileMenuSearchResults a > div,
#mobileMenuSearchResultsInner a > div{
  text-align: left !important;
}

#suggestions a > div:last-child,
#desktopHeaderSearchResults a > div:last-child,
#megaMenuSearchResults a > div:last-child,
#mobileMenuSearchResults a > div:last-child,
#mobileMenuSearchResultsInner a > div:last-child{
  min-width: 0 !important;
  flex: 1 1 auto !important;
  align-items: flex-start !important;
}

#suggestions a div,
#suggestions a span,
#desktopHeaderSearchResults a div,
#desktopHeaderSearchResults a span,
#megaMenuSearchResults a div,
#megaMenuSearchResults a span,
#mobileMenuSearchResults a div,
#mobileMenuSearchResults a span,
#mobileMenuSearchResultsInner a div,
#mobileMenuSearchResultsInner a span{
  text-align: left !important;
}

@media (max-width: 640px){
  #suggestions{
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

  #suggestions a{
    gap: 10px !important;
  }
}


/* =========================================================
   HERO ARAMA SONUÇLARI - ÖNE ÇIKARMA + ÇOK SONUÇ DÜZELTMESİ
========================================================= */

/* Hero arama alanı çok sonuçta dropdown'ı kesmesin */
.enb-home-hero,
.enb-home-hero .relative.z-30,
.enb-home-hero .max-w-5xl{
  overflow: visible !important;
}

/* Ana sayfa hero suggestions kutusu */
#suggestions{
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;

  max-height: min(420px, 55vh) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;

  border: 1px solid rgba(226,232,240,.96) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow:
    0 24px 60px rgba(15,23,42,.18),
    0 8px 24px rgba(15,23,42,.10) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Sonuç itemleri daha net dursun */
#suggestions a{
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  text-align: left !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(226,232,240,.90) !important;
  background: transparent !important;
  transition:
    background-color .18s ease,
    transform .18s ease !important;
}

#suggestions a:last-child{
  border-bottom: none !important;
}

#suggestions a:hover,
#suggestions a:focus{
  background: #f8fafc !important;
}

/* Görsel solda sabit kalsın */
#suggestions a img{
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  flex: 0 0 52px !important;
  margin-top: 1px !important;
}

/* Metin alanı */
#suggestions a > div:last-child{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

/* Hizmet başlığı */
#suggestions a strong,
#suggestions a b,
#suggestions .suggestion-title{
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  text-align: left !important;
}

/* Kategori */
#suggestions .text-xs,
#suggestions .text-sm{
  text-align: left !important;
}

#suggestions a .category,
#suggestions a .service-category{
  display: block !important;
  margin-bottom: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  text-align: left !important;
}

/* Açıklama */
#suggestions a p,
#suggestions a small,
#suggestions a .desc,
#suggestions a .service-desc{
  display: block !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #64748b !important;
  text-align: left !important;
}

/* Scrollbar daha yumuşak görünsün */
#suggestions::-webkit-scrollbar{
  width: 8px;
}

#suggestions::-webkit-scrollbar-track{
  background: transparent;
}

#suggestions::-webkit-scrollbar-thumb{
  background: rgba(148,163,184,.55);
  border-radius: 999px;
}

#suggestions::-webkit-scrollbar-thumb:hover{
  background: rgba(100,116,139,.75);
}

/* Mobil ayar */
@media (max-width: 640px){
  #suggestions{
    top: calc(100% + 6px) !important;
    max-height: min(360px, 52vh) !important;
    border-radius: 16px !important;
  }

  #suggestions a{
    padding: 12px 13px !important;
    gap: 10px !important;
  }

  #suggestions a img{
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-basis: 46px !important;
    border-radius: 12px !important;
  }

  #suggestions a strong,
  #suggestions a b,
  #suggestions .suggestion-title{
    font-size: 15px !important;
  }
}


/* =========================================================
   İLÇE SAYFALARI GENİŞ EKRAN CONTAINER DÜZELTMESİ
========================================================= */
@media (min-width:1280px){
  body.page-district-organizasyon main.district-page .district-wrap{
    width: min(100% - 48px, 1500px) !important;
    max-width: min(1500px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width:1536px){
  body.page-district-organizasyon main.district-page .district-wrap{
    width: min(100% - 64px, 1600px) !important;
    max-width: min(1600px, calc(100vw - 64px)) !important;
  }
}


/* =========================================================
   ANDROID CHROME DESKTOP SITE SAĞ BOŞLUK FIX
   Mobilde "Masaüstü site" açılınca oluşan scrollbar/gutter şeridini kapatır
========================================================= */

html{
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Fixed header ile normal akıştaki main aynı viewport hesabını kullansın */
#siteHeader{
  left: 0 !important;
  right: 0 !important;
  width: 100dvw !important;
  max-width: 100dvw !important;
}

/* Ana içerik sağda 15-18px kısa kalmasın */
#mainContent{
  width: 100dvw !important;
  max-width: 100dvw !important;
  overflow-x: hidden !important;
}

/* Hero tam genişlik doldursun */
.enb-home-hero{
  width: 100dvw !important;
  max-width: 100dvw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

/* Paket / swiper alanı taşma üretmesin */
#one-cikan-hizmetler,
#paketWrap,
.paketSwiper{
  max-width: 100dvw !important;
  overflow-x: hidden !important;
}

/* Eski tarayıcı fallback */
@supports not (width: 100dvw){
  #siteHeader,
  #mainContent,
  .enb-home-hero,
  #one-cikan-hizmetler,
  #paketWrap,
  .paketSwiper{
    width: 100vw !important;
    max-width: 100vw !important;
  }
}

/* =========================================================
   ENB MENU DOCK FIX — Kurumsal panel ile Menü panelini hizalar
   Sebep: Mega panelde mt-4 + top:+10px + translateY/scale vardı.
   Sonuç: Panel artık header altına yapışık açılır, ayrı/floating görünmez.
========================================================= */
@media (min-width:1024px){
  :root{
    --enbDropdownTop: calc(var(--enbHeaderH, 80px) - 1px);
  }

  html body #kurumsalMenu,
  html body #megaMenuWrapper{
    position:static !important;
  }

  html body #kurumsalPanel,
  html body #megaMenuPanel.enb-mega-panel{
    position:fixed !important;
    top:var(--enbDropdownTop) !important;
    left:50% !important;
    right:auto !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    transform-origin:top center !important;
    z-index:9999 !important;
  }

  html body #kurumsalPanel{
    width:min(1120px, calc(100vw - 40px)) !important;
    max-width:1120px !important;
  }

  html body #megaMenuPanel.enb-mega-panel{
    width:min(1500px, calc(100vw - 28px)) !important;
    max-width:none !important;
    max-height:calc(100dvh - var(--enbDropdownTop) - 10px) !important;
    padding:16px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border-radius:24px !important;
    border:1px solid rgba(226,232,240,.95) !important;
    background:#fff !important;
    box-shadow:0 16px 42px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06) !important;
    transition:opacity .18s ease, visibility .18s ease !important;
  }

  html body #megaMenuPanel.enb-mega-panel.opacity-100,
  html body #megaMenuWrapper:hover #megaMenuPanel.enb-mega-panel{
    transform:translateX(-50%) !important;
  }

  html body #megaMenuPanel.enb-mega-panel.scale-95,
  html body #megaMenuPanel.enb-mega-panel.scale-100{
    transform:translateX(-50%) !important;
  }
}

/* Legacy hizmet sayfaları: tema değiştirmeden SEO/UX destek blokları */
.enb-seo-answer,
.enb-seo-silo,
.enb-seo-note{
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.92);
  border-radius:24px;
  box-shadow:0 18px 45px rgba(15,23,42,.06);
}
.enb-seo-answer{padding:20px;margin:22px auto;max-width:1100px}
.enb-seo-answer h2{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:800;line-height:1.2;margin:0 0 8px;color:#0f172a}
.enb-seo-answer p{margin:0;color:#475569;line-height:1.75}
.enb-seo-silo{padding:18px;margin:22px auto;max-width:1100px}
.enb-seo-silo a{text-decoration:none}
.enb-legacy-hidden-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:640px){.enb-seo-answer,.enb-seo-silo{border-radius:18px;padding:16px;margin:16px 12px}}


/* =========================================================
   ENB GLOBAL RENDER SAFETY PATCH
   Amaç: Google Search Console / Googlebot mobil ekran görüntüsünde
   hero alanlarının koyu/boş görünmesini engellemek.
   Not: Renk/tema değiştirmez; sadece katman ve görünürlük güvenliği sağlar.
========================================================= */

main > .enb-hero,
main > .service-hero,
main > .enb-service-hero,
main > .page-hero,
main > .hero,
main > section:first-child[class*="hero"],
main > header:first-child[class*="hero"]{
  position:relative !important;
  isolation:isolate !important;
}

main > .enb-hero > .absolute,
main > .service-hero > .absolute,
main > .enb-service-hero > .absolute,
main > .page-hero > .absolute,
main > .hero > .absolute,
main > section:first-child[class*="hero"] > .absolute,
main > header:first-child[class*="hero"] > .absolute,
.enb-hero__bg,
.enb-hero__overlay,
.service-hero__bg,
.service-hero__overlay,
.enb-service-hero__bg,
.enb-service-hero__overlay,
.page-hero__bg,
.page-hero__overlay,
.hero__bg,
.hero__overlay{
  z-index:0 !important;
  pointer-events:none !important;
}

main > .enb-hero > .relative,
main > .service-hero > .relative,
main > .enb-service-hero > .relative,
main > .page-hero > .relative,
main > .hero > .relative,
main > section:first-child[class*="hero"] > .relative,
main > header:first-child[class*="hero"] > .relative,
.enb-hero__content,
.enb-hero__inner,
.enb-hero__left,
.enb-hero__right,
.service-hero__content,
.service-hero__inner,
.enb-service-hero__content,
.enb-service-hero__inner,
.page-hero__content,
.page-hero__inner,
.hero__content,
.hero__inner,
.hub-hero,
.hub-hero__content{
  position:relative !important;
  z-index:2 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* İlk ekran animasyonları JS/IntersectionObserver beklerken Google görüntüsünde gizli kalmasın. */
html.js main > section:first-child.reveal,
html.js main > header:first-child.reveal,
html.js main > article:first-child.reveal,
html.js main > section:first-child .reveal,
html.js main > header:first-child .reveal,
html.js main > article:first-child .reveal,
html.js main > section:first-child .reveal-h,
html.js main > header:first-child .reveal-h,
html.js main > article:first-child .reveal-h,
html.js main .enb-hero.reveal,
html.js main .enb-hero .reveal,
html.js main .service-hero.reveal,
html.js main .service-hero .reveal,
html.js main .enb-service-hero.reveal,
html.js main .enb-service-hero .reveal,
html.js main .page-hero.reveal,
html.js main .page-hero .reveal,
html.js main .hero.reveal,
html.js main .hero .reveal,
html.js main .hub-hero.reveal,
html.js main .hub-hero .reveal,
html.js .reveal.show,
html.js .reveal-h.show,
.reveal.is-visible,
.reveal.is-in{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}

/* Başlık/metin/butonlar hero içinde overlay arkasında kalmasın. */
main > .enb-hero h1,
main > .enb-hero h2,
main > .enb-hero p,
main > .enb-hero a,
main > .enb-hero button,
main > .service-hero h1,
main > .service-hero h2,
main > .service-hero p,
main > .service-hero a,
main > .service-hero button,
main > .enb-service-hero h1,
main > .enb-service-hero h2,
main > .enb-service-hero p,
main > .enb-service-hero a,
main > .enb-service-hero button,
main > .page-hero h1,
main > .page-hero h2,
main > .page-hero p,
main > .page-hero a,
main > .page-hero button,
main > .hero h1,
main > .hero h2,
main > .hero p,
main > .hero a,
main > .hero button,
main > section:first-child[class*="hero"] h1,
main > section:first-child[class*="hero"] h2,
main > section:first-child[class*="hero"] p,
main > section:first-child[class*="hero"] a,
main > section:first-child[class*="hero"] button{
  position:relative;
  z-index:3;
  opacity:1 !important;
  visibility:visible !important;
}

/* Mobil snapshot güvenliği: ilk hero alanı ekrandan taşırıp boş yakalanmasın. */
@media (max-width:640px){
  main > .enb-hero,
  main > .service-hero,
  main > .enb-service-hero,
  main > .page-hero,
  main > .hero,
  main > section:first-child[class*="hero"]{
    min-height:auto;
  }

  main > .enb-hero h1,
  main > .service-hero h1,
  main > .enb-service-hero h1,
  main > .page-hero h1,
  main > .hero h1,
  main > section:first-child[class*="hero"] h1{
    text-wrap:balance;
  }
}

/*
  En Baba Organizasyon - Kesin Yazı Boyutu Patch'i
  Kurulum: Bu dosyadaki CSS'i /assets/css/global.css dosyasının EN ALTINA ekleyin.
  Amaç: Sayfa bazlı CSS'lerdeki 60-80px hero başlıklarını site genelinde daha normal, temiz ve okunur ölçeğe çeker.
*/

:root{
  --enb-fix-h1: clamp(29px, 2.2vw, 40px);
  --enb-fix-h2: clamp(22px, 1.55vw, 28px);
  --enb-fix-h3: clamp(17px, 1.1vw, 20px);
  --enb-fix-lead: clamp(15px, 1vw, 17px);
  --enb-fix-price: clamp(20px, 1.35vw, 24px);
}

/* DESKTOP / TABLET: Devasa hero ve bölüm başlıklarını kesin sınırlar. */
@media (min-width: 821px){
  body main h1,
  body main h1[class],
  body main h1[class][class],
  body main [class] h1,
  body main [class][class] h1,
  body main [class] [class] h1,
  body main :is(
    .enb-commercial-title,
    .enb-h1,
    .enb-page .enb-h1,
    .enb-hero__title,
    .enb-hero-copy h1,
    .enb-price-hero-title,
    .hub-title,
    .bh-title,
    .ms-hero h1,
    .dkh-hero h1,
    .dkh-hero__copy h1,
    .eh-hero h1,
    .fasil-hero h1,
    .fsh-title,
    .fsh-hero h1,
    .maskot-hero h1,
    .enb-treat-title,
    .enb-music-title,
    .enb-macun-title,
    .enb-service-area-title,
    .enb-magic-h1,
    .yk-hero__title,
    .yk-detailHero__title,
    .yb-hero h1,
    .eb-kurumsal-title,
    .h1
  ),
  body.page-profesyonel-yuz-boyama main .yb-hero h1,
  body.page-profesyonel-yuz-boyama main section.relative.overflow-hidden.text-white h1{
    font-size: var(--enb-fix-h1) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.024em !important;
    font-weight: 780 !important;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  body main h2,
  body main h2[class],
  body main h2[class][class],
  body main [class] h2,
  body main [class][class] h2,
  body main [class] [class] h2,
  body main :is(
    .enb-commercial-related-head h2,
    .enb-commercial-empty h1,
    .enb-h2,
    .enb-section h2,
    .enb-panel h2,
    .enb-section-title,
    .section-title,
    .section-head h2,
    .sectionHead h2,
    .enb-section-head h2,
    .hub-section-head h2,
    .hub-cta h2,
    .bh-formHead h2,
    .bh-sectionHead h2,
    .bh-cta__box h2,
    .dkh-section-head h2,
    .eh-section-head h2,
    .eh-intro h2,
    .fasil-sectionHead h2,
    .fasil-story h2,
    .fsh-section-head h2,
    .fsh-form-head h2,
    .fsh-faq h2,
    .enb-magic-head h2,
    .yk-sectionTitle,
    .enb-service-area-section-head h2,
    .info-wide h2,
    .kd-packages-head h2
  ){
    font-size: var(--enb-fix-h2) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.018em !important;
    font-weight: 760 !important;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  body main h3,
  body main h3[class],
  body main [class] h3,
  body main :is(
    .enb-commercial-feature h2,
    .enb-commercial-feature h3,
    .enb-card h2,
    .enb-card h3,
    .enb-video-panel-head h3,
    .eb-reel-lead-box h3,
    .enb-magic-stage-card h2,
    .product-card h3,
    .maskot-faq h3
  ){
    font-size: var(--enb-fix-h3) !important;
    line-height: 1.24 !important;
    letter-spacing: -0.01em !important;
    font-weight: 730 !important;
  }

  body main :is(
    .enb-commercial-summary,
    .enb-hero__sub,
    .enb-hero-lead,
    .enb-treat-subtitle,
    .enb-treat-lead,
    .fasil-hero__lead,
    .ms-hero__lead,
    .yk-hero__lead,
    .enb-lead,
    .maskot-lead,
    .bh-desc
  ){
    font-size: var(--enb-fix-lead) !important;
    line-height: 1.65 !important;
  }

  body main :is(
    .enb-commercial-stat strong,
    .hub-metric strong,
    .price,
    .packages .price,
    .eh-price,
    .enb-price,
    .enb-review-score strong
  ){
    font-size: var(--enb-fix-price) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.018em !important;
    font-weight: 780 !important;
  }
}

/* MOBİL: Uzun Türkçe başlıkları kart içinde patlatmadan gösterir. */
@media (max-width: 820px){
  body main h1,
  body main h1[class],
  body main [class] h1,
  body main [class] [class] h1,
  body main :is(
    .enb-commercial-title,
    .enb-h1,
    .enb-page .enb-h1,
    .enb-hero__title,
    .enb-hero-copy h1,
    .enb-price-hero-title,
    .hub-title,
    .bh-title,
    .ms-hero h1,
    .dkh-hero h1,
    .dkh-hero__copy h1,
    .eh-hero h1,
    .fasil-hero h1,
    .fsh-title,
    .fsh-hero h1,
    .maskot-hero h1,
    .enb-treat-title,
    .enb-music-title,
    .enb-macun-title,
    .enb-service-area-title,
    .enb-magic-h1,
    .yk-hero__title,
    .yk-detailHero__title,
    .yb-hero h1,
    .eb-kurumsal-title,
    .h1
  ),
  body.page-profesyonel-yuz-boyama main .yb-hero h1,
  body.page-profesyonel-yuz-boyama main section.relative.overflow-hidden.text-white h1{
    font-size: clamp(26px, 7.6vw, 34px) !important;
    line-height: 1.13 !important;
    letter-spacing: -0.018em !important;
    font-weight: 780 !important;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  body main h2,
  body main h2[class],
  body main [class] h2,
  body main [class] [class] h2,
  body main :is(
    .enb-commercial-related-head h2,
    .enb-commercial-empty h1,
    .enb-h2,
    .enb-section h2,
    .enb-panel h2,
    .enb-section-title,
    .section-title,
    .section-head h2,
    .sectionHead h2,
    .enb-section-head h2,
    .hub-section-head h2,
    .hub-cta h2,
    .bh-formHead h2,
    .bh-sectionHead h2,
    .bh-cta__box h2,
    .dkh-section-head h2,
    .eh-section-head h2,
    .eh-intro h2,
    .fasil-sectionHead h2,
    .fasil-story h2,
    .fsh-section-head h2,
    .fsh-form-head h2,
    .fsh-faq h2,
    .enb-magic-head h2,
    .yk-sectionTitle,
    .enb-service-area-section-head h2,
    .info-wide h2,
    .kd-packages-head h2
  ){
    font-size: clamp(21px, 6.1vw, 26px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.014em !important;
    font-weight: 760 !important;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  body main h3,
  body main h3[class],
  body main [class] h3{
    font-size: clamp(17px, 4.7vw, 20px) !important;
    line-height: 1.24 !important;
    letter-spacing: -0.008em !important;
    font-weight: 730 !important;
  }

  body main :is(
    .enb-commercial-stat strong,
    .hub-metric strong,
    .price,
    .packages .price,
    .eh-price,
    .enb-price,
    .enb-review-score strong
  ){
    font-size: clamp(20px, 6vw, 24px) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.014em !important;
    font-weight: 780 !important;
  }
}

/* =========================================================
   En Baba Organizasyon - Universal Form Controls
   Select caret + mobile form compatibility
   iPhone / Android / desktop uyumlu global çözüm
========================================================= */

:root{
  --enb-field-bg: #ffffff;
  --enb-field-ink: #0f172a;
  --enb-field-muted: #64748b;
  --enb-field-stroke: rgba(15,23,42,.14);
  --enb-field-focus: rgba(91,58,41,.14);
  --enb-field-radius: 12px;
}

body.enb-body select:not([multiple]):not([size]):not(.enb-native-select){
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: var(--field-bg, var(--enb-field-bg)) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%) !important;
  background-position:
    right 22px center,
    right 16px center !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
  color: inherit;
  padding-right: max(42px, 2.75rem) !important;
  text-overflow: ellipsis;
  cursor: pointer;
}

body.enb-body select:not([multiple]):not([size]):not(.enb-native-select)::-ms-expand{
  display: none;
}

body.enb-body select:not([multiple]):not([size]):not(.enb-native-select):disabled{
  cursor: not-allowed;
  opacity: .68;
}

body.enb-body select:not([multiple]):not([size]):not(.enb-native-select):focus,
body.enb-body select:not([multiple]):not([size]):not(.enb-native-select):focus-visible{
  outline: none;
}

body.enb-body select:not([multiple]):not([size]):not(.enb-native-select) option{
  background: #ffffff;
  color: #0f172a;
}

/* RTL / ters yönlü alanlar için caret konumu */
body.enb-body [dir="rtl"] select:not([multiple]):not([size]):not(.enb-native-select),
body.enb-body select[dir="rtl"]:not([multiple]):not([size]):not(.enb-native-select){
  padding-right: 14px !important;
  padding-left: max(42px, 2.75rem) !important;
  background-position:
    left 16px center,
    left 22px center !important;
}

@media (max-width: 768px){
  body.enb-body input,
  body.enb-body select,
  body.enb-body textarea{
    font-size: 16px !important;
  }

  body.enb-body select:not([multiple]):not([size]):not(.enb-native-select){
    min-height: 46px;
    line-height: 1.25;
    -webkit-tap-highlight-color: transparent;
  }
}

@media (forced-colors: active){
  body.enb-body select:not([multiple]):not([size]):not(.enb-native-select){
    -webkit-appearance: auto !important;
    appearance: auto !important;
    background-image: none !important;
    padding-right: 14px !important;
  }
}


/* =========================================================
   ENB SHARED UI STABILITY
========================================================= */
html.overflow-hidden,
body.overflow-hidden,
body.eb-locked,
body.eb-mobile-open{
  overscroll-behavior: contain;
}


body.eb-locked #mainContent,
body.eb-mobile-open #mainContent{
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

#enbStepViewport {
  width: 100%;
  overflow: hidden;
}

#enbStepTrack {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.enb-step {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}



/* ENB cart icon de-dup: Garson/personel paket butonlarında ikon HTML içinde geldiği için global ::before ikinci sepet basmasın. */
:where(.enbPkgCartBtn)::before{
  content:none !important;
  display:none !important;
}

/* ENB CENTRAL BRAND UTILITY FIX: legal/policy pages
   tailwind.min.css eski derlemede marka-koyu rengini #ca8a04 olarak taşıyor.
   Global CSS Tailwind'den sonra yüklendiği için marka yardımcı sınıflarının
   güncel lacivert/indigo kimliğini burada merkezi olarak kesinleştiriyoruz. */
.text-marka-koyu{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.text-marka-mor{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.border-marka-koyu{
  --tw-border-opacity: 1;
  border-color: rgb(49 46 129 / var(--tw-border-opacity, 1));
}
.border-marka-koyu\/40{
  border-color: rgb(49 46 129 / .40);
}
.bg-marka-acik{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:text-marka-koyu:hover{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.hover\:text-marka-mor:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}


/* =========================================================
   GARSON AİLESİ HERO GÜVENLİ GENİŞLİK
   Sabit sağ/sol hizmet geçiş okları hero içeriğinin üstüne gelmesin.
   Yalnızca ortak .enbPageGarson yapısının ilk (hero) bölümünü daraltır;
   fiyat, bilgi kartları, form, yorum ve diğer bölümleri etkilemez.
========================================================= */
@media (min-width: 1024px){
  html body.enb-body main.enbPageGarson > section:first-child > div.max-w-7xl.mx-auto{
    width: min(calc(100% - clamp(144px, 12vw, 220px)), 1400px) !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}


/* ENB cart icon ownership guard: sepet ikonunu yalnız cart katmanı üretir. */
:where(
  [data-cart-add],
  [data-cart-add-bando],
  [data-cart-add-package-card],
  [data-cart-proxy-package],
  .enb-cart-cta-btn
) > :is([data-enb-generated-cta-icon], .enb-service-cta__generated-icon){
  display:none !important;
}
/* =========================
   EN BABA UI SYSTEM (GLOBAL)
   ========================= */

:root{
  /* Marka renkleri */
  --enb: #5B3A29;
  --enbH: #4A2F22;
  --enbSoft: #F6EFEA;

  /* Nötrler */
  --enbBg: #f8fafc;
  --enbCard: rgba(255,255,255,.92);
  --enbText: #0f172a;
  --enbMuted: #475569;
  --enbBorder: rgba(15,23,42,.10);

  /* İşçilik */
  --enbRing: rgba(91,58,41,.28);
  --enbShadow: 0 18px 60px rgba(2,6,23,.12);
  --enbShadow2: 0 10px 30px rgba(2,6,23,.10);

  /* Radius & motion */
  --enbR: 22px;
  --enbRsm: 14px;
  --enbT: 180ms;
}

/* Sayfa zemini */
.enb-ui{
  background: var(--enbBg);
  color: var(--enbText);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tipografi düzeni (gerçek mağaza hissi) */
.enb-ui h1, .enb-ui h2, .enb-ui h3{
  letter-spacing: -0.02em;
}
.enb-ui h1{ line-height: 1.15; }
.enb-ui h2{ line-height: 1.20; }
.enb-ui p{ color: var(--enbMuted); }

/* Kart standardı */
.enb-card{
  background: var(--enbCard);
  border: 1px solid var(--enbBorder);
  border-radius: var(--enbR);
  box-shadow: var(--enbShadow);
  backdrop-filter: blur(10px);
}
.enb-card--soft{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86));
}

/* Bölüm başlık spacing standardı */
.enb-section{
  padding: 22px;
}
@media (min-width: 640px){
  .enb-section{ padding: 28px; }
}

/* === Premium Link System === */
.enb-ui a{
  text-decoration: none;
}

.enb-link{
  color: var(--enb) !important;
  font-weight: 900;
  position: relative;
  display: inline-block;
  padding: .06rem .18rem;
  border-radius: 10px;
  transition: transform var(--enbT) ease, background var(--enbT) ease, color var(--enbT) ease;
  outline: none;
}

.enb-link::after{
  content:"";
  position:absolute;
  left:.18rem;
  right:.18rem;
  bottom:-2px;
  height:2px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(91,58,41,.25) 20%,
    rgba(91,58,41,.55) 50%,
    rgba(91,58,41,.25) 80%,
    transparent 100%);
  transform: scaleX(.40);
  transform-origin: center;
  opacity:.95;
  transition: transform 220ms ease, opacity 220ms ease;
}

.enb-link:hover{
  color: var(--enbH) !important;
  background: rgba(91,58,41,.07);
  transform: translateY(-1px);
}
.enb-link:hover::after{
  transform: scaleX(1);
  opacity: 1;
}
.enb-link:focus-visible{
  box-shadow: 0 0 0 3px var(--enbRing);
}

/* === Button standardı === */
.enb-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  font-weight: 900;
  border-radius: 999px;
  padding: .85rem 1.15rem;
  transition: transform var(--enbT) ease, box-shadow var(--enbT) ease, background var(--enbT) ease;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.enb-btn--primary{
  background: var(--enb);
  color: #fff;
  box-shadow: var(--enbShadow2);
}
.enb-btn--primary:hover{
  background: var(--enbH);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(2,6,23,.16);
}
.enb-btn--ghost{
  background: rgba(255,255,255,.85);
  border: 1px solid var(--enbBorder);
  color: var(--enbText);
}
.enb-btn--ghost:hover{
  background: rgba(255,255,255,.95);
  transform: translateY(-1px);
}
.enb-btn:focus-visible{
  box-shadow: 0 0 0 3px var(--enbRing), 0 16px 40px rgba(2,6,23,.16);
}

/* === Form standardı === */
.enb-field{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.9);
  border-radius: 16px;
  padding: .9rem 1rem;
  font-size: 14px;
  outline: none;
  transition: box-shadow var(--enbT) ease, border-color var(--enbT) ease, transform var(--enbT) ease;
}
.enb-field:focus{
  border-color: rgba(91,58,41,.35);
  box-shadow: 0 0 0 3px var(--enbRing);
  transform: translateY(-1px);
}
.enb-label{
  font-size: 13px;
  font-weight: 900;
  color: var(--enb);
}

/* “Gerçek mağaza” hissi: küçük detaylar */
.enb-kbd{
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 10px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.85);
}

/* === Toast standardı (site geneli) === */
.enb-toast-layer{
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
}
.enb-toast{
  background: rgba(91,58,41,.96);
  color: #fff;
  padding: 14px 42px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .2px;
  max-width: 92vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
  backdrop-filter: blur(8px);
  animation: enbToastIn 220ms ease;
}
.enb-toast--error{ background: rgba(220,38,38,.98); }
.enb-toast--success{ background: rgba(37,99,235,.98); }

@keyframes enbToastIn{
  from{ opacity: 0; transform: translateY(6px) scale(.98); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}
/* En Baba Organizasyon - Core Web Vitals destek katmanı
   Amaç: görünür içeriği bozmadan medya ve aşağı ekran bölümlerinde layout/render maliyetini düşürmek. */
img, svg, video, canvas, iframe {
  max-width: 100%;
}
img, video {
  height: auto;
}
iframe {
  border: 0;
}
[hidden], .hidden {
  content-visibility: hidden;
}
@media (min-width: 768px) {
  main > section:nth-of-type(n+3),
  .enb-below-fold,
  .enb-gallery,
  .media-gallery,
  .video-gallery,
  .photo-gallery,
  .faq-section,
  .reviews-section,
  .enb-faq,
  [data-enb-cwv-contain] {
    content-visibility: auto;
    contain-intrinsic-size: 1px 720px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}