/* ── Font takası kayması (CLS) ────────────────────────────
   Yedek fonta gerçek fontun metrikleri veriliyor; Jost/Bodoni
   yüklendiğinde satır yüksekliği DEĞİŞMİYOR, sayfa oynamıyor.
   Ölçüm: hediye.html CLS 0.112 → tek kaynak font takasıydı.     */
@font-face{
  font-family:'Jost-yedek';
  src:local('Arial'),local('Helvetica'),local('Segoe UI');
  ascent-override:105%; descent-override:35%; line-gap-override:0%; size-adjust:100%;
}
@font-face{
  font-family:'Bodoni-yedek';
  src:local('Georgia'),local('Times New Roman');
  ascent-override:105%; descent-override:35%; line-gap-override:0%; size-adjust:93%;
}
/* Melodisko — ortak site kabuğu (yeni sayfalar için)
   Değerler mevcut sayfalardan birebir alındı; tasarım dili değişmiyor. */

:root{
  --orange:#FF5100;
  --orange-deep:#B23800;
  --black:#121212;
  --cream:#F7F5F1;
  --navy:#0A0E14;
  --text-cream:#F5F7FA;
  --text-muted:#AEB6C2;
  --ink-soft:#4a463f;
  --ink-faint:#6b6459;
  --line:rgba(18,18,18,.09);
  --font-display:'Bodoni Moda','Bodoni-yedek', serif;
  --font-body:'Jost','Jost-yedek', sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:var(--font-body);background:var(--cream);color:var(--black);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;min-height:100vh;
}
a{color:inherit;}
img{max-width:100%;}

/* ===== NAV ===== */
.site-nav{position:sticky;top:0;z-index:50;background:var(--black);border-bottom:1px solid rgba(255,255,255,.08);}
.nav-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,48px);gap:20px;}
.nav-logo{height:19px;width:auto;filter:brightness(0) invert(1);display:block;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{font-size:13px;font-weight:500;color:rgba(247,245,241,.86);text-decoration:none;position:relative;padding:6px 0;transition:color .25s ease;}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--orange);transition:right .35s cubic-bezier(.16,1,.3,1);}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--cream);}
.nav-links a:hover::after,.nav-links a:focus-visible::after{right:0;}
.nav-links a[aria-current="page"]{color:var(--cream);}
.nav-links a[aria-current="page"]::after{right:0;}
.nav-cta{
  font-size:13px;font-weight:500;color:var(--black);background:var(--cream);
  padding:10px 22px;border-radius:999px;text-decoration:none;flex:none;
  transition:transform .35s cubic-bezier(.16,1,.3,1), background .3s ease;
}
.nav-cta:hover{background:#fff;transform:translateY(-2px);}
.nav-cta:focus-visible{outline:2px solid var(--orange);outline-offset:3px;}
.nav-cta-badge{
  display:none;align-items:center;justify-content:center;min-width:16px;height:16px;
  padding:0 4px;margin-left:8px;background:var(--orange-deep);color:#fff;
  font-size:10px;font-weight:600;border-radius:999px;line-height:16px;vertical-align:middle;
}
.nav-login{font-size:13px;font-weight:500;color:rgba(247,245,241,.7);text-decoration:none;padding:6px 0;transition:color .25s ease;flex:none;}
.nav-login:hover,.nav-login:focus-visible{color:var(--cream);}
@media (max-width:860px){ .nav-login{display:none;} }
.nav-burger{display:none;position:relative;width:44px;height:44px;flex:none;border:none;background:transparent;cursor:pointer;padding:0;}
.nav-burger span{position:absolute;left:6px;right:6px;height:2px;background:var(--cream);border-radius:2px;transition:transform .35s cubic-bezier(.16,1,.3,1), opacity .25s ease;}
.nav-burger span:nth-child(1){top:17px;}
.nav-burger span:nth-child(2){top:21px;}
.nav-burger span:nth-child(3){top:25px;}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(4px) rotate(45deg);}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-4px) rotate(-45deg);}
.nav-burger:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:6px;}

.nav-drawer{position:fixed;inset:0;z-index:60;visibility:hidden;pointer-events:none;}
.nav-drawer.is-open{visibility:visible;pointer-events:auto;}
.nav-drawer-backdrop{position:absolute;inset:0;background:rgba(5,6,8,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .4s ease;}
.nav-drawer.is-open .nav-drawer-backdrop{opacity:1;}
.nav-drawer-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(86vw,380px);background:var(--navy);
  box-shadow:-30px 0 60px rgba(0,0,0,.5);transform:translateX(100%);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
  display:flex;flex-direction:column;padding:26px clamp(24px,6vw,40px);
}
.nav-drawer.is-open .nav-drawer-panel{transform:translateX(0);}
.nav-drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:min(6vh,44px);}
.nav-drawer-close{width:44px;height:44px;border:none;background:transparent;position:relative;cursor:pointer;padding:0;}
.nav-drawer-close span{position:absolute;top:21px;left:11px;right:11px;height:2px;background:var(--cream);border-radius:2px;}
.nav-drawer-close span:nth-child(1){transform:rotate(45deg);}
.nav-drawer-close span:nth-child(2){transform:rotate(-45deg);}
.nav-drawer-close:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:6px;}
.nav-drawer-links{display:flex;flex-direction:column;gap:2px;}
.nav-drawer-links a{
  font-family:var(--font-display);font-style:italic;font-weight:500;
  font-size:clamp(21px,5vw,27px);color:var(--text-cream);text-decoration:none;
  padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);
  opacity:0;transform:translateY(14px);
  transition:opacity .4s ease, transform .4s cubic-bezier(.16,1,.3,1), color .25s ease;
}
.nav-drawer.is-open .nav-drawer-links a{opacity:1;transform:translateY(0);}
.nav-drawer.is-open .nav-drawer-links a:nth-child(1){transition-delay:.06s;}
.nav-drawer.is-open .nav-drawer-links a:nth-child(2){transition-delay:.10s;}
.nav-drawer.is-open .nav-drawer-links a:nth-child(3){transition-delay:.14s;}
.nav-drawer.is-open .nav-drawer-links a:nth-child(4){transition-delay:.18s;}
.nav-drawer.is-open .nav-drawer-links a:nth-child(5){transition-delay:.22s;}
.nav-drawer.is-open .nav-drawer-links a:nth-child(6){transition-delay:.26s;}
.nav-drawer-links a:hover,.nav-drawer-links a:focus-visible{color:var(--orange);}
.nav-drawer-links a[aria-current="page"]{color:var(--orange);}
.nav-drawer-cta{
  margin-top:auto;display:flex;align-items:center;justify-content:center;gap:2px;
  font-size:14px;font-weight:500;color:var(--black);background:var(--cream);
  padding:15px 20px;border-radius:999px;text-decoration:none;
  opacity:0;transform:translateY(14px);
  transition:opacity .4s ease .28s, transform .4s cubic-bezier(.16,1,.3,1) .28s, background .3s ease;
}
.nav-drawer.is-open .nav-drawer-cta{opacity:1;transform:translateY(0);}
.nav-drawer-cta:hover{background:#fff;}

@media (max-width:860px){
  .nav-links{display:none;}
  .nav-cta{display:none;}
  .nav-burger{display:block;}
}

/* ===== SAYFA BAŞLIĞI ===== */
main{flex:1;}
.page-head{max-width:1200px;margin:0 auto;padding:min(8vh,72px) clamp(20px,4vw,48px) 34px;}
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:14px;}
.page-title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(28px,3.4vw,42px);line-height:1.15;}
.page-sub{margin-top:14px;color:var(--ink-soft);font-size:15.5px;line-height:1.75;max-width:62ch;}

.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px) min(12vh,110px);}
.wrap.narrow{max-width:760px;}

/* ===== BUTON ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;
  border-radius:999px;background:var(--orange-deep);color:#fff;text-decoration:none;font-weight:500;
  font-size:14.5px;border:1px solid transparent;cursor:pointer;font-family:var(--font-body);
  transition:background .3s ease, transform .3s cubic-bezier(.16,1,.3,1);
}
.btn:hover{background:#8F2D00;transform:translateY(-2px);}
.btn:active{transform:translateY(0);}
.btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px;}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;}
.btn.ghost{background:transparent;color:var(--black);border-color:rgba(18,18,18,.18);}
.btn.ghost:hover{background:rgba(18,18,18,.05);}
.btn.wide{width:100%;}

/* ===== FORM ===== */
.field{margin-bottom:16px;}
.field label{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px;}
.field input,.field select,.field textarea{
  width:100%;background:#fff;border:1px solid rgba(18,18,18,.14);border-radius:12px;
  padding:13px 15px;font-size:15px;font-family:var(--font-body);color:var(--black);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,81,0,.14);
}
.card-panel{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:clamp(26px,4vw,40px);box-shadow:0 30px 60px -40px rgba(18,18,18,.25);
}
.note{font-size:13px;line-height:1.65;color:var(--ink-faint);}
.note.err{color:#B3261E;}
.note.ok{color:#0B7A57;}

/* ===== FOOTER ===== */
.site-footer{background:var(--black);color:#fff;margin-top:auto;}
.footer-bottom{
  position:relative;max-width:1320px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px clamp(20px,4vw,48px);font-size:12.5px;color:rgba(255,255,255,.55);
}
.footer-bottom .credit{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  color:rgba(255,255,255,.62);opacity:1;transition:opacity .3s ease;
}
.footer-bottom .credit:hover{opacity:1;}
.footer-bottom .credit img{height:13px;filter:brightness(0) invert(1);}
@media (max-width:640px){
  .footer-bottom{flex-direction:column;gap:18px;text-align:center;}
  .footer-bottom .credit{position:static;transform:none;}
}

/* ===== FOOTER SİTE HARİTASI ===== */
.footer-nav{
  max-width:1320px;margin:0 auto;padding:46px clamp(20px,4vw,48px) 34px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:32px 24px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.fn-col h2{
  font-family:var(--font-body);font-size:11.5px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--orange);margin-bottom:14px;
}
.fn-col a{
  display:block;font-size:14px;color:rgba(245,247,250,.72);text-decoration:none;
  padding:6px 0;transition:color .25s ease;
}
.fn-col a:hover,.fn-col a:focus-visible{color:#fff;}
@media (max-width:640px){
  .footer-nav{grid-template-columns:repeat(2,1fr);gap:26px 18px;padding:34px 20px 26px;}
}

  /* ── Duyuru şeridi ── */
  .topbar{background:var(--orange-deep);color:#fff;}
  .topbar-inner{
    max-width:1320px;margin:0 auto;padding:8px clamp(20px,4vw,48px);
    display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
    font-size:12px;font-weight:500;letter-spacing:.04em;
  }
  .tb-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.5);flex:none;}
  @media (max-width:620px){
    .topbar-inner{gap:10px;font-size:11px;padding:7px 16px;}
    .topbar-inner span:nth-child(n+4){display:none;}
  }

  /* ── Nav: kaydırınca sıkışır ── */
  .site-nav{transition:box-shadow .35s ease, background .35s ease;}
  .site-nav .nav-inner{transition:padding .35s cubic-bezier(.16,1,.3,1);}
  .site-nav.is-stuck{box-shadow:0 12px 30px -18px rgba(0,0,0,.85);}
  .site-nav.is-stuck .nav-inner{padding-top:12px;padding-bottom:12px;}
  .site-nav.is-stuck .nav-logo{height:17px;transition:height .35s cubic-bezier(.16,1,.3,1);}
  .nav-logo{transition:height .35s cubic-bezier(.16,1,.3,1);}

  /* ══ NAVBAR — duyuru şeridi + nav tek sabit yığın ══ */
  :root{ --topbar-h:34px; }

  .topbar{
    background:var(--orange-deep);color:#fff;
    position:relative;z-index:60;
    transition:height .35s cubic-bezier(.16,1,.3,1);
  }
  .topbar-inner{
    max-width:1320px;margin:0 auto;padding:9px clamp(20px,4vw,48px);
    display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
    font-size:12px;font-weight:500;letter-spacing:.05em;
  }
  .tb-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.55);flex:none;}

  /* Nav sabitse duyuru şeridi de sabitlenir, nav onun ALTINA oturur */

  .nav-inner{
    max-width:1320px;margin:0 auto;
    display:flex;align-items:center;justify-content:space-between;
    padding:17px clamp(20px,4vw,48px);gap:clamp(16px,3vw,40px);
  }
  .nav-logo{height:20px;width:auto;filter:brightness(0) invert(1);display:block;flex:none;}

  .nav-links{display:flex;align-items:center;gap:clamp(18px,2.2vw,32px);}
  .nav-links a{
    font-size:13.5px;font-weight:500;letter-spacing:.015em;
    color:rgba(247,245,241,.82);text-decoration:none;
    position:relative;padding:8px 0;white-space:nowrap;
    transition:color .25s ease;
  }
  .nav-links a::after{
    content:"";position:absolute;left:0;right:100%;bottom:2px;height:1.5px;
    background:var(--orange);border-radius:2px;
    transition:right .35s cubic-bezier(.16,1,.3,1);
  }
  .nav-links a:hover,.nav-links a:focus-visible{color:#fff;}
  .nav-links a:hover::after,.nav-links a:focus-visible::after{right:0;}
  .nav-links a[aria-current="page"]{color:#fff;}
  .nav-links a[aria-current="page"]::after{right:0;}

  .nav-right{display:flex;align-items:center;gap:14px;flex:none;}

  .nav-login{
    display:inline-flex;align-items:center;gap:7px;
    font-size:13.5px;font-weight:500;color:rgba(247,245,241,.75);
    text-decoration:none;padding:8px 0;white-space:nowrap;
    transition:color .25s ease;
  }
  .nav-login:hover,.nav-login:focus-visible{color:#fff;}
  .nav-login svg{width:16px;height:16px;flex:none;opacity:.85;}

  .nav-cta{
    display:inline-flex;align-items:center;gap:9px;
    font-size:13.5px;font-weight:500;color:var(--black);background:var(--cream);
    padding:11px 20px;border-radius:999px;text-decoration:none;flex:none;
    white-space:nowrap;
    transition:transform .35s cubic-bezier(.16,1,.3,1), background .3s ease, box-shadow .3s ease;
  }
  .nav-cta:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(0,0,0,.6);}
  .nav-cta:focus-visible{outline:2px solid var(--orange);outline-offset:3px;}
  .nav-cta svg{width:16px;height:16px;flex:none;}
  .nav-cta-badge{
    display:none;align-items:center;justify-content:center;
    min-width:19px;height:19px;padding:0 5px;
    background:var(--orange-deep);color:#fff;font-size:11px;font-weight:600;
    border-radius:999px;line-height:19px;
  }

  .nav-burger{
    display:none;position:relative;width:44px;height:44px;flex:none;
    border:none;background:transparent;cursor:pointer;padding:0;
  }
  .nav-burger span{
    position:absolute;left:12px;right:12px;height:2px;background:var(--cream);border-radius:2px;
    transition:transform .35s cubic-bezier(.16,1,.3,1), opacity .25s ease;
  }
  .nav-burger span:nth-child(1){top:17px;}
  .nav-burger span:nth-child(2){top:21px;}
  .nav-burger span:nth-child(3){top:25px;}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(4px) rotate(45deg);}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-4px) rotate(-45deg);}
  .nav-burger:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:8px;}

  /* Kaydırınca sıkışma */
  .site-nav.is-stuck .nav-inner,.site-nav.scrolled .nav-inner{padding-top:11px;padding-bottom:11px;}
  .site-nav.is-stuck .nav-logo,.site-nav.scrolled .nav-logo{height:17px;}
  .nav-logo,.nav-inner{transition:height .35s cubic-bezier(.16,1,.3,1), padding .35s cubic-bezier(.16,1,.3,1);}

  @media (max-width:980px){
    .nav-links{display:none;}
    .nav-login{display:none;}
    .nav-burger{display:block;}
    .nav-cta span.cta-text{display:none;}
    .nav-cta{padding:11px 14px;}
  }
  @media (max-width:620px){
    .topbar-inner{gap:10px;font-size:11px;padding:8px 16px;}
    .topbar-inner span:nth-child(n+4){display:none;}
    :root{ --topbar-h:33px; }
  }

/* ══ GİRİŞ HAREKETİ (scroll reveal) ══════════════════════
   Kurallar: sadece transform/opacity/clip-path → CLS 0.
   Gizleme SADECE `html.rv-on` altında geçerli; sınıfı reveal.js koyuyor,
   yani JS çalışmazsa içerik hiç gizlenmez.
   `prefers-reduced-motion` guard'ı BİLEREK YOK — ev kuralı.        */

html.rv-on .rv{
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:
    opacity   .62s cubic-bezier(.16,1,.3,1) var(--rv-gec,0ms),
    transform .62s cubic-bezier(.16,1,.3,1) var(--rv-gec,0ms);
  will-change:transform,opacity;
}

/* Görsel blokları aşağıdan maskeyle açılır — kartlarda daha "premium" duruyor */
html.rv-on .rv.rv-mask{
  clip-path:inset(14% 0 0 0 round inherit);
  transform:translate3d(0,10px,0) scale(1.012);
  transition:
    opacity   .72s cubic-bezier(.16,1,.3,1) var(--rv-gec,0ms),
    transform .72s cubic-bezier(.16,1,.3,1) var(--rv-gec,0ms),
    clip-path .72s cubic-bezier(.16,1,.3,1) var(--rv-gec,0ms);
}

html.rv-on .rv.rv-in{
  opacity:1;
  transform:none;
  will-change:auto;
}
html.rv-on .rv.rv-mask.rv-in{
  clip-path:inset(0 0 0 0 round inherit);
}