/* ========== Global Reset & Temel Ayarlar ========== */
*,
*::before,
*::after { box-sizing: border-box; }

:root{
  /* Nar temalı palet */
  --nar-700:#7A0C16; /* derin nar kabuğu */
  --nar-600:#911226;
  --nar-500:#B3122F; /* markanın ana rengi */
  --nar-300:#E5536B; /* canlı vurgu */
  --nar-200:#F7A1AE; /* açık vurgu */
  --krem-50:#FFF7F2;
  --gece-900:#121014;
  --duman-700:#2a2630;
  --duman-500:#4c4457;
  --duman-300:#7f748f;
  --beyaz:#ffffff;

  --radius-xl: 1.25rem;
  --radius-2xl: 1.75rem;
  --shadow-soft: 0 8px 30px rgba(179,18,47,.25);
  --shadow-elev: 0 14px 50px rgba(122,12,22,.35);

  --container: min(1120px, 92vw);

  --font-sans:'NarSans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-serif:'NarSerif', Georgia, 'Times New Roman', serif;
}

/* Yerel fontlar */
@font-face{
  font-family:'NarSans';
  src:url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family:'NarSans';
  src:url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family:'NarSerif';
  src:url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html, body { height: 100%; }
body{
  margin:0;
  font-family: var(--font-sans);
  color: var(--beyaz);
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(179,18,47,.28), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(229,83,107,.22), transparent 58%),
    linear-gradient(180deg, var(--gece-900) 0%, #1a1620 100%);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container{ width: var(--container); margin-inline: auto; }

/* Erişilebilirlik yardımcıları */
.visually-hidden{
  position:absolute!important;
  clip:rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height:1px; width:1px; overflow:hidden; white-space:nowrap;
}

/* ========== Sabit Header ========== */
.site-header{
  position: sticky; top: 0; z-index: 40;
  background: rgba(18,16,20,.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(247,161,174,.15);
}
.header__inner{
  display:flex; align-items:center; justify-content:space-between;
  padding: .75rem 0;
}
.brand{
  display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--beyaz);
  font-weight:700;
}
.brand__text{ letter-spacing:.4px; }
.brand__seed{
  width:18px; height:24px; border-radius: 11px 11px 14px 14px / 12px 12px 10px 10px;
  background: radial-gradient(60% 60% at 40% 30%, #ffcad2 0 30%, #b3122f 65% 100%);
  box-shadow: 0 4px 10px rgba(179,18,47,.55), inset 0 -2px 6px rgba(122,12,22,.6);
}

.nav__list{ display:flex; gap:1rem; list-style:none; margin:0; padding:0; }
.nav__link{
  color: var(--beyaz); text-decoration:none; padding:.5rem .75rem; border-radius: .75rem;
  transition: transform .18s ease, background-color .18s ease;
}
.nav__link:hover{ background: rgba(247,161,174,.12); transform: translateY(-2px); }
.nav__link:focus-visible{ outline:2px solid var(--nar-300); outline-offset: 2px; }

/* ========== Ana Başlık ========== */
.page-title{
  font-family: var(--font-serif);
  font-size: clamp(1.4rem, 1.1rem + 1.6vw, 2.4rem);
  margin: 1.2rem auto 0.6rem;
  letter-spacing: .3px;
  text-shadow: 0 2px 14px rgba(179,18,47,.35);
}

/* ========== Bölüm Genel ========== */
.section{ padding: clamp(1.5rem, 2vw, 2.75rem) 0; position: relative; }
.section__head{ margin-bottom: 1rem; }
.section__title{
  font-size: clamp(1.1rem, 0.9rem + 1.4vw, 2rem);
  margin: 0 0 .5rem; font-weight:700;
}
.section__lead{ color: #f3e9ef; margin:0; max-width: 68ch; }

/* Metin alanları */
.section__text{ margin-top: 1.2rem; max-width: 72ch; color:#f7e9f0; }

/* ========== Görseller (global sınır) ========== */
img{
  display:block;
  width: min(100%, 350px); /* İSTEK: 350px’i geçmesin */
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}

/* Hover “yükselme” */
.bubble:hover img{ transform: translateY(-4px); }
.bubble img{ transition: transform .25s ease, filter .25s ease; }

/* Scroll-reveal */
.reveal{ opacity:0; transform: translateY(18px) scale(.98); }
.reveal.in-view{ opacity:1; transform: none; transition: all .6s cubic-bezier(.2,.8,.2,1); }

/* ========== Footer ========== */
.site-footer{
  margin-top: 2rem; padding: 1.25rem 0;
  border-top: 1px solid rgba(247,161,174,.15);
  background: linear-gradient(180deg, rgba(145,18,38,.15), transparent);
}
.footer__grid{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.footer__brand{ margin:0; color:#e9d7de; font-size:.95rem; }
.footer__nav{ display:flex; flex-wrap:wrap; gap:.75rem; }
.footer__nav a{ color:#f4c9d0; text-decoration:none; padding:.35rem .6rem; border-radius:.6rem; background:rgba(247,161,174,.07); }
.footer__nav a:hover{ background:rgba(247,161,174,.16); }

/* ========== Medya Sorguları (Tüm cihazlar için) ========== */
@media (max-width: 1024px){
  .nav__list{ gap:.5rem; }
}
@media (max-width: 820px){
  .footer__grid{ flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px){
  .header__inner{ padding:.6rem 0; }
  .page-title{ margin-top: .9rem; }
}
@media (prefers-reduced-motion: reduce){
  *{ animation: none!important; transition: none!important; }
}
/* ===== Мобильные фиксы (нет горизонтального скролла) ===== */
html, body { overflow-x: hidden; }
.container { padding-inline: 12px; }

/* Высота шапки и отступы */
:root { --hdr-h: 56px; }
.site-header { min-height: var(--hdr-h); }
.header__inner { min-height: var(--hdr-h); }

/* ===== Burger ===== */
.burger{
  display:none; position:relative; width:42px; height:42px;
  border:0; background:transparent; cursor:pointer;
}
.burger__bar{
  position:absolute; left:9px; right:9px; height:2px; background:#fff; border-radius:2px;
  transition: transform .25s ease, opacity .2s ease;
}
.burger__bar:nth-child(1){ top:12px; }
.burger__bar:nth-child(2){ top:20px; }
.burger__bar:nth-child(3){ top:28px; }

/* Состояние "открыто" (через body.menu-open) */
body.menu-open .burger__bar:nth-child(1){ transform: translateY(8px) rotate(45deg); }
body.menu-open .burger__bar:nth-child(2){ opacity:0; }
body.menu-open .burger__bar:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }

/* ===== Навигация: десктоп ===== */
@media (min-width: 921px){
  .burger{ display:none; }
  .nav{ position: static; transform:none; height:auto; width:auto; background:transparent; box-shadow:none; padding:0; }
  .scrim{ display:none!important; }
}

/* ===== Навигация: мобильная панель ===== */
@media (max-width: 920px){
  .burger{ display:inline-flex; align-items:center; justify-content:center; }

  .nav{
    position: fixed; top:0; right:0;
    width: min(86vw, 360px); height: 100dvh;
    background: linear-gradient(180deg, rgba(18,16,20,.96), rgba(122,12,22,.88));
    box-shadow: -12px 0 40px rgba(0,0,0,.45);
    transform: translateX(100%);
    transition: transform .28s ease;
    padding: calc(var(--hdr-h) + 12px) 16px 24px;
    z-index: 60;
  }
  .nav.is-open{ transform: translateX(0); }
  .nav__list{ flex-direction: column; gap: .4rem; }
  .nav__link{
    display:block; border:1px solid rgba(247,161,174,.18);
    background: rgba(247,161,174,.06);
    padding:.9rem 1rem; border-radius: .9rem; font-size:1.05rem;
  }

  .scrim{
    position: fixed; inset:0; z-index: 50;
    background: rgba(0,0,0,.45); backdrop-filter: blur(2px);
    transition: opacity .2s ease;
  }
  body:not(.menu-open) .scrim{ opacity:0; pointer-events:none; }
  body.menu-open{ overflow:hidden; } /* блокируем скролл фона */
}

/* Доп. мобильные правки читаемости */
@media (max-width: 640px){
  .section{ padding: 1.1rem 0; }
  .section__lead, .section__text{ font-size: .98rem; }
}
/* === Кнопка-крестик в мобильной панели === */
.menu-close{
  display:none; /* только мобилка в блоке ниже */
}

@media (max-width: 920px){
  .menu-close{
    position:absolute;
    top: calc(10px + env(safe-area-inset-top, 0px));
    right: 10px;
    width: 40px; height: 40px;
    border: 1px solid rgba(247,161,174,.25);
    background: rgba(247,161,174,.08);
    border-radius: 12px;
    cursor: pointer;
    z-index: 1;
  }
  .menu-close::before,
  .menu-close::after{
    content:"";
    position:absolute; left: 50%; top: 50%;
    width: 22px; height: 2px; background: #fff; border-radius: 2px;
    transform-origin: center;
  }
  .menu-close::before{ transform: translate(-50%, -50%) rotate(45deg); }
  .menu-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
  .menu-close:hover{ background: rgba(247,161,174,.14); }
  .menu-close:focus-visible{ outline: 2px solid var(--nar-300); outline-offset: 2px; }
}
/* Footer nav: аккуратные разделители и адаптив */
.footer__grid{
  display: grid;
  gap: .6rem 1rem;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.footer__nav{
  display: flex; flex-wrap: wrap; align-items: center;
  gap: .4rem .8rem;
}
.footer__nav a{
  position: relative; text-decoration: none;
  border: 1px solid transparent; padding: .3rem .5rem; border-radius: .5rem;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
.footer__nav a:hover{
  border-color: rgba(247,161,174,.25);
  background: rgba(247,161,174,.06);
}
.footer__nav a:not(:first-child)::before{
  content: "•"; margin-right: .6rem; color: rgba(247,161,174,.55);
}
.footer__nav .legal-link{ opacity: .95; }

/* Мобилка: в столбец, без гориз. скролла */
@media (max-width: 640px){
  .footer__grid{ grid-template-columns: 1fr; }
  .footer__nav a{ padding: .28rem .45rem; }
}