:root{
  --enb-radius: 16px;
  --enb-radius-lg: 22px;
  --enb-shadow: 0 10px 30px rgba(2,6,23,.10);
  --enb-shadow-soft: 0 6px 18px rgba(2,6,23,.08);
  --enb-border: rgba(15,23,42,.10);
  --enb-focus: rgba(245,158,11,.45);
}

/* ---- Hero buttons (HTML'de kullanılıyor) ---- */
.enb-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: .1px;
  transition: transform .15s ease, opacity .15s ease, box-shadow .2s ease;
  user-select:none;
  white-space:nowrap;
}
.enb-hero-btn:hover{ transform: translateY(-1px); }
.enb-hero-btn:active{ transform: translateY(0px) scale(.99); }

.enb-hero-btn.ghost{
  color: #fff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
}
.enb-hero-btn.ghost:hover{ background: rgba(255,255,255,.16); }

.enb-hero-btn.solid{
  color: #0f172a;
  background: #fbbf24; /* amber-400 */
  border: 1px solid rgba(255,255,255,.0);
  box-shadow: 0 14px 30px rgba(245,158,11,.25);
}
.enb-hero-btn.solid:hover{ opacity:.95; }

/* ---- Video CTA button on image ---- */
.enb-video-btn{
  position:absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 14px;
  background: rgba(15,23,42,.92);
  color:#fff;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 30px rgba(2,6,23,.30);
  backdrop-filter: blur(10px);
  transition: transform .15s ease, opacity .15s ease, background .2s ease;
}
.enb-video-btn:hover{ transform: translateX(-50%) translateY(-1px); background: rgba(15,23,42,.98); }
.enb-video-btn:active{ transform: translateX(-50%) translateY(0); opacity:.95; }

/* ---- Form reset + typography ---- */
.enb-form{
  font-size: 14px;
  line-height: 1.35;
}
.enb-form *{ box-sizing: border-box; }
.enb-form label{ font-weight: 700; color: #0f172a; }
.enb-form .enb-field > span{
  display:block;
  font-size: 12.5px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
  letter-spacing: .1px;
}

/* ---- Inputs ---- */
.enb-form input,
.enb-form select,
.enb-form textarea{
  width: 100%;
  background: #fff;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 14px;
  padding: 11px 12px;
  font-size: 14px;
  color: #0f172a;
  outline: none;
  transition: box-shadow .18s ease, border-color .18s ease, transform .08s ease;
}
.enb-form textarea{ resize: vertical; min-height: 108px; }

.enb-form input::placeholder,
.enb-form textarea::placeholder{
  color: rgba(15,23,42,.45);
}

.enb-form input:focus,
.enb-form select:focus,
.enb-form textarea:focus{
  border-color: rgba(245,158,11,.75);
  box-shadow: 0 0 0 4px var(--enb-focus);
}

.enb-form input:active,
.enb-form select:active,
.enb-form textarea:active{
  transform: translateY(.5px);
}

/* ---- Fieldset / Checkbox ---- */
.enb-fieldset{
  border: 1px dashed rgba(15,23,42,.16);
  border-radius: 14px;
  padding: 12px;
}
.enb-fieldset legend{
  padding: 0 8px;
  font-size: 12.5px;
  font-weight: 900;
  color: rgba(15,23,42,.85);
}

.enb-check{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(248,250,252,.9);
  cursor: pointer;
  user-select:none;
  transition: background .15s ease, border-color .15s ease, transform .08s ease;
}
.enb-check:hover{
  background: rgba(241,245,249,.95);
  border-color: rgba(15,23,42,.14);
}
.enb-check:active{ transform: scale(.995); }

.enb-check input[type="checkbox"]{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  accent-color: #f59e0b;
}

/* ---- Buttons (form) ---- */
.enb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: .55rem;
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 14px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .18s ease, opacity .15s ease, background .18s ease;
  white-space: nowrap;
}
.enb-btn:active{ transform: scale(.99); }

.enb-btn-main{
  background: #f59e0b;
  color: #0f172a;
  box-shadow: 0 12px 26px rgba(245,158,11,.22);
}
.enb-btn-main:hover{ background:#fbbf24; opacity:.98; }

.enb-btn-wa{
  background: #16a34a;
  color: #fff;
  box-shadow: 0 12px 26px rgba(22,163,74,.20);
}
.enb-btn-wa:hover{ background:#15803d; }

/* ---- Form errors ---- */
.enb-invalid{
  border-color: rgba(239,68,68,.85) !important;
  box-shadow: 0 0 0 4px rgba(239,68,68,.18) !important;
}

/* ---- Video modal/lightbox ---- */
.lightbox{
  position: fixed;
  inset: 0;
  display:none;
  align-items:center;
  justify-content:center;
  padding: 18px;
  background: rgba(2,6,23,.70);
  z-index: 9999;
}
.lightbox.open{ display:flex; }

.lightbox > div{
  width: 92vw;
  max-width: 980px;
  animation: enbPop .18s ease-out;
}
@keyframes enbPop{
  from{ transform: translateY(10px) scale(.98); opacity:.0; }
  to  { transform: translateY(0) scale(1); opacity:1; }
}

/* ---- Galeri kart ---- */
.zaffe-galeri-card{ will-change: transform; }
.zaffe-galeri-card:hover{ transform: translateY(-2px); }

/* ---- Small screens spacing ---- */
@media (max-width: 640px){
  .enb-video-btn{ font-size: 13px; padding: 11px 14px; }
  .enb-form{ font-size: 14px; }
  .enb-btn{ height: 44px; }
}

.enb-hero-btn,
.enb-btn{
  font-weight: 700;
  letter-spacing: .01em;
}

/* En Baba mini chip */
.enb-chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .75rem;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#0f172a;
  background:rgba(15,23,42,.06);
  border:1px solid rgba(15,23,42,.10);
}

/* Form help text */
.enb-help{
  display:block;
  margin-top:.35rem;
  font-size:12px;
  color:rgba(15,23,42,.55);
}

/* Sağ panel bilgi satırı */
.enb-info{
  padding:.6rem .75rem;
  border-radius:14px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(15,23,42,.08);
}

/* CTA buton hareketi */
.enb-btn-pulse{
  position:relative;
  overflow:hidden;
  transform: translateZ(0);
}
.enb-btn-pulse::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:999px;
  background: radial-gradient(closest-side, rgba(245,158,11,.55), transparent 70%);
  opacity:.0;
  transform: scale(.85);
  transition: opacity .35s ease, transform .35s ease;
  pointer-events:none;
}
.enb-btn-pulse:hover::after{
  opacity:.75;
  transform: scale(1);
}

/* WhatsApp CTA float (sağ panel) */
.enb-cta-float{
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
}
.enb-cta-float:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(0,0,0,.28);
}

/* =========================================
   HERO BUTON PRESS FEEDBACK (senin eklediğin)
========================================= */
.enb-hero-btn,
.enb-video-btn{
  transition: transform .08s ease, filter .08s ease, box-shadow .08s ease;
  will-change: transform;
}
.enb-hero-btn:hover{ transform: translateY(-2px); }
.enb-video-btn:hover{ transform: translateX(-50%) translateY(-2px); }
.enb-hero-btn:active{
  transform: translateY(0) scale(.96);
  filter: brightness(1.08);
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
.enb-video-btn:active{
  transform: translateX(-50%) scale(.96);
  filter: brightness(1.08);
  box-shadow: 0 4px 10px rgba(0,0,0,.35);
}

/* =========================================================
   ✅ ENB GLOBAL TAP FEEDBACK (ASIL ÇÖZÜM)
   JS "is-pressed" class atacak, böylece mobilde net hissedilir
========================================================= */
.enb-hero-btn,
.enb-video-btn,
.enb-btn,
.enb-btn-pulse,
.enb-cta-float{
  -webkit-tap-highlight-color: transparent;
  will-change: transform;
}

/* JS class: dokununca 150ms basılı hissi */
.enb-hero-btn.is-pressed,
.enb-btn.is-pressed,
.enb-btn-pulse.is-pressed,
.enb-cta-float.is-pressed{
  transform: translateY(1px) scale(.985) !important;
  filter: brightness(1.07);
}

/* Video butonu ortalı: translateX korunur */
.enb-video-btn.is-pressed{
  transform: translateX(-50%) translateY(1px) scale(.985) !important;
  filter: brightness(1.07);
}

@media (prefers-reduced-motion: reduce){
  .enb-hero-btn,
  .enb-video-btn,
  .enb-btn,
  .enb-btn-pulse,
  .enb-cta-float{
    transition: none !important;
  }
}