/* Eva Clean — tasarım önizlemeleri için ortak temel.
   Her tasarım kendi renk/yazı değişkenlerini :root içinde tanımlar. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px;interpolate-size:allow-keywords}
body{margin:0;font-family:var(--f-body);font-size:1.0625rem;line-height:1.62;color:var(--ink);background:var(--bg,#fff);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.22em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--sel,rgba(20,82,204,.18));color:var(--ink)}
:focus-visible{outline:3px solid var(--focus,#1452CC);outline-offset:3px;border-radius:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.ico{width:1.25em;height:1.25em;flex:none}

/* Scrollbar */
html{scrollbar-color:var(--scroll,#c6cfdc) transparent}

/* SSS — details/summary */
.faq details{border-radius:24px;transition:background .25s}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;font-weight:650;font-size:1.125rem;border-radius:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s}
.faq details[open] summary .pm{transform:rotate(45deg)}
.faq .ans{padding:0 26px 24px;color:var(--muted);max-width:70ch}
.faq details::details-content{block-size:0;overflow:hidden;transition:block-size .35s cubic-bezier(.2,.8,.2,1),content-visibility .35s allow-discrete}
.faq details[open]::details-content{block-size:auto}

/* Temsili görsel etiketi */
.tag-temsili{position:absolute;left:14px;top:14px;z-index:2;font-size:.75rem;font-weight:600;letter-spacing:.01em;background:rgba(255,255,255,.92);color:#334155;padding:5px 11px;border-radius:999px}

/* Lightbox */
.lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0}
.lightbox::backdrop{background:rgba(6,14,28,.86)}
.lightbox[open]{display:grid;place-items:center}
.lightbox figure{margin:0;display:grid;gap:14px;justify-items:center;width:min(1100px,92vw)}
.lightbox img{max-height:78dvh;width:auto;border-radius:24px}
.lightbox figcaption{color:#e7edf5;font-size:1rem;text-align:center}
.lb-btn{position:fixed;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#0b1f3a;display:grid;place-items:center;transition:transform .2s}
.lb-btn:hover{transform:scale(1.06)}
.lb-close{top:18px;right:18px}.lb-prev{left:18px;top:50%;translate:0 -50%}.lb-next{right:18px;top:50%;translate:0 -50%}

/* Mobil alt çubuk: Ara / WhatsApp */
.mbar{display:none}
@media (max-width:820px){
  body{padding-bottom:84px}
  .mbar{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;padding:8px;background:rgba(255,255,255,.96);border-radius:999px;box-shadow:0 10px 30px -8px rgba(11,31,58,.28),0 2px 6px rgba(11,31,58,.08)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1rem}
  .mbar .m-call{background:var(--mbar-call-bg,#eef3fd);color:var(--mbar-call-fg,#0b1f3a)}
  .mbar .m-wa{background:var(--mbar-wa-bg,#178a3e);color:#fff}
}

/* Bölüm girişleri: içerik JS yoksa da görünür */
.js [data-reveal]{opacity:0;translate:0 22px;transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.16,1,.3,1)}
.js [data-reveal].in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-reveal]{opacity:1;translate:none}
}

/* Butona basınca çıkan pırıltı (app.js) */
.burst{position:fixed;z-index:300;width:15px;height:15px;color:#FFD36E;pointer-events:none}
.burst svg{width:100%;height:100%;display:block}

/* Önizleme şeridi (yalnızca tasarım aşaması) */
.preview-bar{position:fixed;right:14px;bottom:14px;z-index:120;display:flex;gap:6px;align-items:center;padding:6px;background:#0b1220;color:#fff;border-radius:999px;font:600 .8125rem/1 system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.preview-bar a{color:#cfd8e6;text-decoration:none;padding:9px 14px;border-radius:999px}
.preview-bar a[aria-current]{background:#fff;color:#0b1220}
@media (max-width:820px){.preview-bar{bottom:auto;top:auto;display:none}}