:root{
  --navy:#0a1730;
  --navy-2:#12244a;
  --gold:#cf9d34;
  --gold-light:#e9c874;
  --silver:#b9c2d0;
  --bg:#f6f5f1;
  --ink:#0a0a0a;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--navy);
}
h1,h2,h3,h4,.font-display{
  font-family:'Poppins',sans-serif;
}

/* signature arc divider, echoes the logo's crescent */
.arc-divider{
  position:relative;
  height:3px;
  width:64px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--gold-light));
}
.arc-divider::after{
  content:"";
  position:absolute;
  left:0; top:-6px;
  width:14px;height:14px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff,var(--gold-light) 60%,var(--gold));
}

.bg-navy{background:var(--navy)}
.bg-navy-2{background:var(--navy-2)}
.text-gold{color:var(--gold)}
.bg-gold{background:var(--gold)}
.border-gold{border-color:var(--gold)}
.text-silver{color:var(--silver)}
.text-navy{color:var(--navy)}

/* dil butonlari icin acik gecis + net secili gorunum */
[data-lang-btn]{transition:background .15s ease, color .15s ease}

.btn-gold{
  background:linear-gradient(135deg,var(--gold-light),var(--gold));
  color:var(--navy);
  font-weight:600;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 6px 18px rgba(207,157,52,.25);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(207,157,52,.35)}

.btn-outline{
  border:1.5px solid var(--gold);
  color:var(--gold-light);
  transition:background .18s ease, color .18s ease;
}
.btn-outline:hover{background:var(--gold);color:var(--navy)}

.nav-link{position:relative;padding-bottom:4px}
.nav-link::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--gold);transition:width .2s ease;
}
.nav-link:hover::after,.nav-link.active::after{width:100%}

.card{
  background:#fff;
  border:1px solid rgba(10,23,48,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(10,23,48,.12)}

.ba-frame{
  position:relative;
  overflow:hidden;
  border-radius:.75rem;
}
.ba-tag{
  position:absolute;top:.6rem;left:.6rem;
  font-size:.7rem;font-weight:700;letter-spacing:.06em;
  padding:.25rem .6rem;border-radius:999px;
  backdrop-filter:blur(4px);
}

/* mobile-first sticky whatsapp button */
.fab-whatsapp{
  position:fixed; right:16px; bottom:16px; z-index:50;
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#25D366; box-shadow:0 8px 20px rgba(0,0,0,.25);
}

.ba-frame img{cursor:zoom-in}

/* Lightbox */
.lightbox-overlay{
  position:fixed; inset:0; z-index:100;
  background:rgba(6,10,20,.92);
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  opacity:0; pointer-events:none;
  transition:opacity .2s ease;
}
.lightbox-overlay.open{opacity:1; pointer-events:auto}
.lightbox-overlay img{
  max-width:min(92vw, 900px);
  max-height:88vh;
  border-radius:.5rem;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  transform:scale(.96);
  transition:transform .2s ease;
}
.lightbox-overlay.open img{transform:scale(1)}
.lightbox-close{
  position:absolute; top:18px; right:18px;
  width:42px; height:42px; border-radius:50%;
  background:rgba(255,255,255,.1);
  display:flex; align-items:center; justify-content:center;
  color:#fff; cursor:pointer;
  transition:background .15s ease;
}
.lightbox-close:hover{background:rgba(255,255,255,.2)}

@media (max-width:768px){
  .arc-divider{width:44px}
}