:root{
  --wood:#6b4f3a;
  --cinnamon:#b45309;
  --foam:#fffaf0;
}

body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:linear-gradient(to bottom,#fff,var(--foam),#ffedd5);
}

summary::-webkit-details-marker{display:none;}

/* Top band */
.enb-macun-topband{
  background: var(--wood);
  color: var(--foam);
  font-weight: 700;
  letter-spacing: .2px;
  font-size: 12px;
}
.enb-macun-topband .site-container{
  padding: 8px 12px;
  text-align: center;
}
.enb-macun-topband__sep{ opacity:.6; margin: 0 8px; }
.enb-macun-topband__slogan{ opacity:.95; }

/* Hero */
.enb-macun-hero{
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 40px;
  background: linear-gradient(to bottom, #fffbeb, #fde68a);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.enb-macun-hero__inner{
  text-align: center;
  padding: 56px 18px;
}
@media (min-width: 640px){
  .enb-macun-hero__inner{ padding: 72px 40px; }
}
.enb-macun-pill{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(251,191,36,.35);
  color: #78350f;
  font-size: 12px;
  font-weight: 800;
}
.enb-macun-title{
  margin-top: 14px;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 900;
  color: var(--wood);
  font-family: 'Great Vibes', ui-serif, Georgia, serif;
}
@media (min-width: 640px){
  .enb-macun-title{ font-size: 54px; }
}
.enb-macun-sub{
  margin: 14px auto 0;
  max-width: 680px;
  color: #334155;
  font-size: 14px;
  line-height: 1.8;
}
@media (min-width: 640px){
  .enb-macun-sub{ font-size: 18px; }
}

/* Buttons */
.enb-macun-cta{ margin-top: 18px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.enb-macun-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 800;
  font-size: 14px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  text-decoration: none;
}
.enb-macun-btn:active{ transform: translateY(1px); }
.enb-macun-btn--primary{
  background: #b45309;
  color: #fff;
  box-shadow: 0 10px 18px rgba(180,83,9,.22);
}
.enb-macun-btn--primary:hover{ background: #92400e; }
.enb-macun-btn--ghost{
  background: rgba(255,255,255,.72);
  color: #0f172a;
  border: 1px solid rgba(251,191,36,.35);
}
.enb-macun-btn--ghost:hover{ background: #fff; }

/* KPI */
.enb-macun-kpi{
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(251,191,36,.22);
  padding: 10px 12px;
  font-weight: 800;
  color: #1f2937;
  text-align: center;
  box-shadow: 0 6px 14px rgba(0,0,0,.05);
}

/* Snow overlay */
#snow{
  position:absolute; inset:0; pointer-events:none; opacity:.45;
  background-image:
    radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1.2px, transparent 1.2px),
    radial-gradient(white .8px, transparent .8px);
  background-size: 18px 18px, 26px 26px, 34px 34px;
  background-position: 0 0, 8px 10px, 4px 6px;
  animation:snow 22s linear infinite;
  mix-blend-mode:screen;
}
@keyframes snow{
  0%{ background-position: 0 0, 8px 10px, 4px 6px; }
  100%{ background-position: 0 950px, 8px 960px, 4px 980px; }
}

/* Media cards + modal */
.media-card{ border-radius:16px; overflow:hidden; }
.media-thumb{ aspect-ratio: 16/10; width:100%; object-fit:cover; display:block; }

.modal{
  position:fixed; inset:0; display:none; align-items:center; justify-content:center;
  background:rgba(0,0,0,.72); z-index:9999; padding:18px;
}
.modal.open{ display:flex; }
.modal-inner{
  width:min(980px, 96vw);
  background:#fff; border-radius:16px; overflow:hidden;
  box-shadow: 0 24px 80px rgba(0,0,0,.35);
}
.modal-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 16px; border-bottom:1px solid #eee;
}
.modal-title{ font-weight:800; color:#111827; }
.modal-close{
  border:0; background:#111827; color:#fff; border-radius:10px;
  padding:8px 12px; cursor:pointer;
}
.modal-body{ background:#000; }
.modal-body video{ width:100%; height:auto; display:block; }

/* =========================
   FORM VALIDATION UI
========================= */

/* input error state (JS: .enb-input--err) */
.enb-input--err{
  border-color: rgba(220, 38, 38, .70) !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .15) !important;
}

/* error text micro typography (zaten tailwind var ama garanti) */
#pkgErr, #phoneErr, #nameErr, #dateErr, #guestErr, #kvkkErr{
  letter-spacing: .1px;
}

/* hidden helper (tailwind yoksa da çalışsın) */
.hidden{ display:none !important; }

/* WhatsApp button disabled fallback (Tailwind disabled: çalışmazsa) */
#waBtn:disabled{
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.15);
}

/* checkbox hizası + tıklama alanı */
#kvkk{
  width: 16px;
  height: 16px;
}

/* Optional: focus ring daha premium */
#mainForm input:focus{
  outline: none;
}

/* =========================
   OPTIONAL: MODAL OPEN HELPERS
   (JS class ekliyorsan işe yarar)
========================= */
body.enb-modal-open{
  overflow: hidden;
}