@charset "UTF-8";
/* =====================================================================
   ORTAK TASARIM SİSTEMİ — 3 sitede birebir aynı dosya.
   Renkler css/theme.css'ten gelir (site başına farklı). Bu dosyayı
   değiştirince diğer iki siteye de kopyalayın (deploy/sync-design.ps1).
   ===================================================================== */

:root {
  /* Varsayılan tema (theme.css üzerine yazar) */
  --accent: #6b8e6b; --accent-dark: #4f6b4f; --accent-light: #e8efe6; --accent-rgb: 107,142,107;
  --gold: #c9a86a; --gold-rgb: 201,168,106;
  --wa: #25d366; --wa-dark: #1da851;
  --ink: #1f2220; --ink-soft: #3b403d; --muted: #6f7370;
  --bg: #ffffff; --bg-soft: #f7f5f1; --bg-deep: #17191a; --line: #e7e4dd;
  --shadow: 0 10px 40px rgba(0,0,0,.08); --shadow-lg: 0 24px 70px rgba(0,0,0,.16);
  --radius: 22px; --radius-sm: 14px;
  --font-head: "Cormorant Garamond", Georgia, serif;
  --font-body: "Poppins", system-ui, -apple-system, sans-serif;
  --container: 1200px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; -webkit-text-size-adjust:100%; }
body { font-family:var(--font-body); color:var(--ink); background:var(--bg); line-height:1.65; font-weight:300; overflow-x:hidden; }
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }
ul,ol { list-style:none; }
::selection { background:rgba(var(--accent-rgb),.25); }
.container { width:100%; max-width:var(--container); margin:0 auto; padding:0 28px; }

/* ---------- Kaydırma ilerleme çubuğu ---------- */
.scroll-progress { position:fixed; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,var(--gold),var(--accent)); z-index:120; transition:width .1s linear; }

/* ---------- Butonlar ---------- */
.btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 28px; border-radius:999px; font-family:var(--font-body); font-weight:500; font-size:.95rem; cursor:pointer; border:1.5px solid transparent; overflow:hidden; transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s, color .3s, border-color .3s; white-space:nowrap; isolation:isolate; }
.btn::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%); transform:translateX(-120%); transition:transform .7s var(--ease); z-index:-1; }
.btn:hover { transform:translateY(-3px); }
.btn:hover::after { transform:translateX(120%); }
.btn--lg { padding:17px 36px; font-size:1.02rem; }
.btn--primary { background:var(--accent); color:#fff; }
.btn--primary:hover { background:var(--accent-dark); box-shadow:0 16px 34px rgba(var(--accent-rgb),.4); }
.btn--whatsapp { background:var(--wa); color:#fff; }
.btn--whatsapp:hover { background:var(--wa-dark); box-shadow:0 16px 34px rgba(37,211,102,.4); }
.btn--outline { background:rgba(255,255,255,.06); color:#fff; border-color:rgba(255,255,255,.55); backdrop-filter:blur(6px); }
.btn--outline:hover { background:#fff; color:var(--ink); }
.btn--ghost { background:transparent; color:var(--accent-dark); border-color:var(--line); }
.btn--ghost:hover { border-color:var(--accent); color:var(--accent); }
.btn--light { background:#fff; color:var(--accent-dark); }
.btn--light:hover { box-shadow:var(--shadow); }
.btn--phone { background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.35); padding:10px 18px; backdrop-filter:blur(8px); }
.btn--phone:hover { background:#fff; color:var(--accent-dark); }
.header.scrolled .btn--phone { background:var(--accent-light); color:var(--accent-dark); border-color:transparent; }
.header.scrolled .btn--phone:hover { background:var(--accent); color:#fff; }

/* ---------- Header ---------- */
.header { position:fixed; top:0; left:0; right:0; z-index:100; padding:18px 0; transition:background .4s var(--ease), box-shadow .4s, padding .4s var(--ease); }
.header::before { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent); pointer-events:none; opacity:1; transition:opacity .4s; }
.header.scrolled { background:rgba(255,255,255,.82); backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%); box-shadow:0 6px 30px rgba(0,0,0,.07); padding:10px 0; }
.header.scrolled::before { opacity:0; }
.header__inner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:12px; }
.brand__mark { width:48px; height:48px; display:block; flex-shrink:0; filter:drop-shadow(0 6px 14px rgba(0,0,0,.25)); transition:transform .4s var(--ease); }
.brand:hover .brand__mark { transform:rotate(-6deg) scale(1.05); }
.brand__text { font-family:var(--font-head); font-size:1.5rem; font-weight:700; color:#fff; line-height:1; letter-spacing:.2px; white-space:nowrap; transition:color .3s; }
.brand__text span { color:var(--gold); font-weight:600; font-style:italic; }
.header.scrolled .brand__text { color:var(--ink); }
.header.scrolled .brand__text span { color:var(--accent); }
.nav__list { display:flex; gap:32px; }
.nav__link { font-weight:400; font-size:.95rem; color:rgba(255,255,255,.92); position:relative; padding:6px 0; letter-spacing:.2px; transition:color .25s; }
.nav__link::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1.5px; background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform .35s var(--ease); }
.nav__link:hover::after { transform:scaleX(1); transform-origin:left; }
.header.scrolled .nav__link { color:var(--ink-soft); }
.header.scrolled .nav__link::after { background:var(--accent); }
.header__actions { display:flex; align-items:center; gap:14px; }
.nav__toggle { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px; }
.nav__toggle span { width:26px; height:2px; background:#fff; border-radius:2px; transition:.3s; }
.header.scrolled .nav__toggle span { background:var(--ink); }
.nav__toggle.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); background:var(--ink); }
.nav__toggle.active span:nth-child(2) { opacity:0; }
.nav__toggle.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); background:var(--ink); }

/* ---------- Hero (video) ---------- */
.hero { position:relative; min-height:100svh; display:flex; align-items:center; color:#fff; background:var(--bg-deep) url("../assets/hero-poster.jpg") center/cover no-repeat; overflow:hidden; }
.hero__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.2s ease; transform:scale(1.04); }
.hero__video.is-ready { opacity:1; }
.hero__overlay { position:absolute; inset:0; background:linear-gradient(105deg,rgba(12,16,14,.82) 0%,rgba(12,16,14,.55) 45%,rgba(12,16,14,.25) 100%); }
.hero__overlay::after { content:""; position:absolute; inset:0; background:radial-gradient(120% 80% at 50% 110%,rgba(0,0,0,.55),transparent 60%); }
.hero__content { position:relative; z-index:2; max-width:720px; padding-top:110px; padding-bottom:140px; will-change:transform; }
.hero__eyebrow { display:inline-flex; align-items:center; gap:14px; text-transform:uppercase; letter-spacing:4px; font-size:.78rem; color:var(--gold); font-weight:500; margin-bottom:22px; }
.hero__eyebrow::before { content:""; width:44px; height:1px; background:var(--gold); }
.hero__title { font-family:var(--font-head); font-size:clamp(2.9rem,6.6vw,5.4rem); font-weight:600; line-height:1.02; letter-spacing:-.01em; margin-bottom:24px; }
.hero__title em { font-style:italic; font-weight:500; color:var(--gold); }
.hero__subtitle { font-size:1.12rem; font-weight:300; max-width:560px; margin-bottom:36px; color:rgba(255,255,255,.88); }
.hero__cta { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:44px; }
.hero__badges { display:inline-flex; flex-wrap:wrap; gap:0; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.08); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); overflow:hidden; }
.hero__badges span { padding:12px 22px; font-size:.88rem; color:rgba(255,255,255,.92); border-right:1px solid rgba(255,255,255,.18); }
.hero__badges span:last-child { border-right:0; }
.hero__scroll { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:2; color:#fff; opacity:.75; animation:bounce 2.2s infinite; }
@keyframes bounce { 0%,100%{transform:translate(-50%,0)} 50%{transform:translate(-50%,10px)} }
/* giriş animasyonu */
.hero__eyebrow,.hero__title,.hero__subtitle,.hero__cta,.hero__badges { opacity:0; transform:translateY(26px); animation:rise .9s var(--ease) forwards; }
.hero__title{animation-delay:.15s} .hero__subtitle{animation-delay:.3s} .hero__cta{animation-delay:.45s} .hero__badges{animation-delay:.6s}
@keyframes rise { to{opacity:1; transform:none} }

/* ---------- Özellik şeridi ---------- */
.features { position:relative; background:var(--accent-dark); color:#fff; padding:34px 0; overflow:hidden; }
.features::before { content:""; position:absolute; inset:0; background:radial-gradient(60% 120% at 0% 50%,rgba(255,255,255,.12),transparent 60%); pointer-events:none; }
.features__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; position:relative; }
.feature { display:flex; align-items:center; gap:16px; }
.feature svg { width:38px; height:38px; flex-shrink:0; color:var(--gold); }
.feature strong { display:block; font-weight:500; font-size:1rem; letter-spacing:.2px; }
.feature span { font-size:.85rem; color:rgba(255,255,255,.72); }

/* ---------- Kayan şerit (marquee) ---------- */
.marquee { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--bg); padding:16px 0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.marquee__track { display:flex; width:max-content; gap:0; animation:marquee 38s linear infinite; }
.marquee:hover .marquee__track { animation-play-state:paused; }
.marquee__item { font-family:var(--font-head); font-size:1.35rem; font-weight:600; color:var(--ink-soft); padding:0 26px; display:flex; align-items:center; gap:26px; white-space:nowrap; }
.marquee__item::after { content:"✦"; color:var(--gold); font-size:.9rem; }
@keyframes marquee { to{transform:translateX(-50%)} }

/* ---------- Bölümler ---------- */
.section { padding:104px 0; position:relative; }
.section__head { text-align:center; max-width:680px; margin:0 auto 60px; }
.section__eyebrow { display:inline-flex; align-items:center; gap:12px; text-transform:uppercase; letter-spacing:3.5px; font-size:.76rem; color:var(--accent); font-weight:600; margin-bottom:14px; }
.section__eyebrow::before,.section__eyebrow::after { content:""; width:26px; height:1px; background:var(--accent); opacity:.6; }
.section__title { font-family:var(--font-head); font-size:clamp(2.2rem,4.4vw,3.4rem); font-weight:600; line-height:1.1; margin-bottom:16px; letter-spacing:-.01em; }
.section__lead { color:var(--muted); font-size:1.05rem; }

/* ---------- Hizmet kartları ---------- */
.services { background:var(--bg-soft); overflow:hidden; }
.services::before { content:""; position:absolute; top:-120px; right:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(var(--accent-rgb),.14),transparent 65%); pointer-events:none; }
.services__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.card { position:relative; background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:transform .5s var(--ease), box-shadow .5s var(--ease); display:flex; flex-direction:column; counter-increment:card; }
.card:hover { transform:translateY(-8px); box-shadow:var(--shadow-lg); }
.card__img { position:relative; height:240px; overflow:hidden; }
.card__img::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%); }
.card__img img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }
.card:hover .card__img img { transform:scale(1.08); }
.card__img::before { content:"0" counter(card); position:absolute; top:16px; left:16px; z-index:2; font-family:var(--font-head); font-size:1rem; font-weight:600; color:#fff; background:rgba(0,0,0,.35); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.35); border-radius:999px; padding:5px 12px; letter-spacing:1px; }
.card__body { padding:26px 26px 28px; flex:1; display:flex; flex-direction:column; }
.card__body h3 { font-family:var(--font-head); font-size:1.6rem; font-weight:600; margin-bottom:10px; }
.card__body p { color:var(--muted); font-size:.95rem; margin-bottom:20px; flex:1; }
.card__link { display:inline-flex; align-items:center; gap:8px; color:var(--accent-dark); font-weight:500; font-size:.92rem; }
.card__link::after { content:""; width:0; height:1px; background:var(--accent); transition:width .3s var(--ease); }
.card__link:hover::after { width:28px; }
.services__grid { counter-reset:card; }

/* ---------- Hakkımızda ---------- */
.about { overflow:hidden; }
.about__inner { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.about__media { position:relative; }
.about__media::before { content:""; position:absolute; inset:-18px 18px 18px -18px; border:1px solid rgba(var(--gold-rgb),.7); border-radius:var(--radius); pointer-events:none; }
.about__media img { position:relative; border-radius:var(--radius); box-shadow:var(--shadow-lg); width:100%; height:520px; object-fit:cover; will-change:transform; }
.about__badge { position:absolute; bottom:-26px; right:-18px; background:var(--accent); color:#fff; padding:22px 28px; border-radius:var(--radius-sm); box-shadow:0 20px 40px rgba(var(--accent-rgb),.35); text-align:center; }
.about__badge strong { font-family:var(--font-head); font-size:2.2rem; display:block; line-height:1; }
.about__badge span { font-size:.8rem; opacity:.92; }
.about__content .section__eyebrow { margin-bottom:12px; }
.about__content .section__title { text-align:left; }
.about__content > p { color:var(--muted); margin-bottom:26px; font-size:1.02rem; }
.about__list { margin-bottom:32px; display:grid; gap:12px; }
.about__list li { display:flex; align-items:center; gap:12px; font-size:.98rem; }
.about__list span { width:26px; height:26px; background:var(--accent-light); color:var(--accent-dark); border-radius:50%; display:grid; place-items:center; font-size:.78rem; flex-shrink:0; }
.about__cta { display:flex; flex-wrap:wrap; gap:14px; }

/* ---------- Galeri (masonry + lightbox) ---------- */
.gallery { background:var(--bg-soft); }
.gallery__grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:220px; gap:16px; }
.gallery__item { position:relative; border-radius:var(--radius-sm); overflow:hidden; box-shadow:var(--shadow); cursor:zoom-in; }
.gallery__item:nth-child(1) { grid-column:span 2; grid-row:span 2; }
.gallery__item:nth-child(4) { grid-row:span 2; }
.gallery__item img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease), filter .5s; }
.gallery__item::after { content:"＋"; position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:2rem; background:rgba(var(--accent-rgb),.35); opacity:0; transition:opacity .4s; }
.gallery__item:hover img { transform:scale(1.07); }
.gallery__item:hover::after { opacity:1; }
.lightbox { position:fixed; inset:0; z-index:200; background:rgba(10,12,11,.92); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:.35s; backdrop-filter:blur(6px); }
.lightbox.open { opacity:1; visibility:visible; }
.lightbox img { max-width:min(92vw,1200px); max-height:86vh; border-radius:var(--radius-sm); box-shadow:0 30px 80px rgba(0,0,0,.6); transform:scale(.96); transition:transform .35s var(--ease); }
.lightbox.open img { transform:none; }
.lightbox__btn { position:absolute; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25); color:#fff; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; cursor:pointer; font-size:1.3rem; transition:background .25s; }
.lightbox__btn:hover { background:rgba(255,255,255,.25); }
.lightbox__close { top:22px; right:22px; }
.lightbox__prev { left:22px; top:50%; transform:translateY(-50%); }
.lightbox__next { right:22px; top:50%; transform:translateY(-50%); }

/* ---------- CTA bandı (video arka plan) ---------- */
.cta-banner { position:relative; color:#fff; padding:110px 0; overflow:hidden; background:var(--accent-dark); }
.cta-banner__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.55; filter:saturate(.8); }
.cta-banner::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(var(--accent-rgb),.85),rgba(0,0,0,.55)); }
.cta-banner__inner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:36px; flex-wrap:wrap; }
.cta-banner h2 { font-family:var(--font-head); font-size:clamp(2rem,4vw,3.2rem); font-weight:600; margin-bottom:8px; line-height:1.1; }
.cta-banner p { opacity:.9; font-size:1.05rem; }
.cta-banner__actions { display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- İletişim ---------- */
.contact__inner { display:grid; grid-template-columns:1fr 1.3fr; gap:40px; align-items:stretch; }
.contact__info { display:grid; gap:14px; align-content:start; }
.contact__row { display:flex; gap:16px; align-items:flex-start; padding:20px 22px; border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; transition:transform .35s var(--ease), box-shadow .35s; }
.contact__row:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.contact__row svg { width:26px; height:26px; color:var(--accent); flex-shrink:0; margin-top:3px; }
.contact__row span { display:block; font-size:.74rem; text-transform:uppercase; letter-spacing:1.5px; color:var(--muted); margin-bottom:3px; }
.contact__row a,.contact__row p { font-size:1.06rem; font-weight:400; color:var(--ink); }
.contact__row a:hover { color:var(--accent); }
.contact__map { border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); min-height:420px; }
.contact__map iframe { width:100%; height:100%; min-height:420px; border:0; filter:saturate(.85); }

/* ---------- Footer ---------- */
.footer { position:relative; background:var(--bg-deep); color:rgba(255,255,255,.72); padding-top:70px; overflow:hidden; }
.footer::before { content:""; position:absolute; right:-80px; bottom:-120px; width:420px; height:420px; background:url("../assets/logo-mark.svg") center/contain no-repeat; opacity:.06; pointer-events:none; }
.footer__inner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; padding-bottom:50px; }
.footer__brand { display:flex; align-items:center; gap:14px; }
.footer__brand strong { color:#fff; font-family:var(--font-head); font-size:1.4rem; }
.footer__brand p { font-size:.85rem; }
.footer__nav { display:flex; gap:28px; flex-wrap:wrap; }
.footer__nav a { font-size:.95rem; transition:color .2s; }
.footer__nav a:hover { color:var(--gold); }
.footer__social { display:flex; gap:12px; }
.footer__social a { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#fff; transition:.3s; }
.footer__social a:hover { background:var(--accent); border-color:var(--accent); transform:translateY(-3px); }
.footer__bottom { position:relative; border-top:1px solid rgba(255,255,255,.08); padding:20px 0; }
.footer__bottom p { font-size:.84rem; text-align:center; }

/* ---------- Yüzen butonlar ---------- */
.floaties { position:fixed; right:22px; bottom:22px; z-index:90; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.floaty { position:relative; display:flex; align-items:center; gap:10px; height:58px; padding:0 16px; border-radius:999px; color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.28); transition:transform .3s var(--ease), padding .3s; }
.floaty svg { flex-shrink:0; }
.floaty:hover { transform:translateY(-3px); }
.floaty--whatsapp { background:var(--wa); }
.floaty--call { background:var(--accent); }
.floaty__label { font-size:.86rem; font-weight:500; line-height:1.1; white-space:nowrap; }
.floaty__label small { display:block; font-size:.66rem; opacity:.85; font-weight:400; letter-spacing:.5px; }
.floaty--whatsapp::before { content:""; position:absolute; inset:0; border-radius:999px; background:var(--wa); animation:pulse 2.4s infinite; z-index:-1; }
@keyframes pulse { 0%{transform:scale(1); opacity:.55} 100%{transform:scale(1.35); opacity:0} }

/* ---------- Reveal ---------- */
.reveal { opacity:0; transform:translateY(30px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.visible { opacity:1; transform:none; }
body.no-scroll { overflow:hidden; }
.nav-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:.3s; z-index:98; }
.nav-backdrop.show { opacity:1; visibility:visible; }

/* ---------- SEO alt sayfaları ---------- */
.page-hero { position:relative; background:linear-gradient(120deg,var(--accent-dark),var(--accent)); color:#fff; padding:160px 0 70px; overflow:hidden; }
.page-hero::before { content:""; position:absolute; right:-140px; top:-140px; width:520px; height:520px; background:url("../assets/logo-mark.svg") center/contain no-repeat; opacity:.08; pointer-events:none; }
.page-hero::after { content:""; position:absolute; inset:0; background:radial-gradient(70% 90% at 100% 100%,rgba(255,255,255,.14),transparent 60%); pointer-events:none; }
.page-hero .container { position:relative; }
.page-hero h1 { font-family:var(--font-head); font-size:clamp(2.2rem,4.8vw,3.6rem); font-weight:600; line-height:1.08; margin:16px 0 14px; letter-spacing:-.01em; }
.page-hero__lead { max-width:720px; font-size:1.06rem; color:rgba(255,255,255,.9); margin-bottom:26px; }
.page-hero__cta { display:flex; flex-wrap:wrap; gap:12px; }
.breadcrumb ol { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; font-size:.84rem; color:rgba(255,255,255,.78); }
.breadcrumb li::marker { content:""; }
.breadcrumb li + li::before { content:"›"; margin-right:6px; opacity:.7; }
.breadcrumb a { color:#fff; }
.seo-page .header:not(.scrolled) .brand__text { color:#fff; }
.seo-main { padding:64px 0 90px; }
.seo-container { max-width:920px; }
.seo-prose h2 { font-family:var(--font-head); font-size:2rem; font-weight:600; margin:42px 0 12px; letter-spacing:-.01em; }
.seo-prose p { color:var(--muted); margin-bottom:14px; font-size:1.02rem; }
.seo-intro { font-size:1.14rem !important; color:var(--ink) !important; }
.seo-list { display:grid; gap:10px; margin:8px 0 10px; }
.seo-list li { padding-left:28px; position:relative; }
.seo-list li::before { content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:600; }
.seo-services { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:10px 0 6px; }
.seo-service { background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius-sm); padding:20px; transition:transform .35s var(--ease), box-shadow .35s; }
.seo-service:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.seo-service h3 { font-family:var(--font-head); font-size:1.3rem; font-weight:600; margin-bottom:8px; }
.seo-service p { font-size:.92rem; margin-bottom:10px; }
.seo-faq__item { border:1px solid var(--line); border-radius:var(--radius-sm); padding:14px 20px; margin-bottom:10px; background:#fff; }
.seo-faq__item summary { cursor:pointer; font-weight:500; color:var(--ink); list-style:none; display:flex; justify-content:space-between; gap:12px; }
.seo-faq__item summary::after { content:"+"; color:var(--accent); font-size:1.2rem; line-height:1; }
.seo-faq__item[open] summary::after { content:"–"; }
.seo-faq__item p { margin:10px 0 0; }
.seo-cta { position:relative; margin:48px 0; padding:36px; border-radius:var(--radius); background:linear-gradient(120deg,var(--accent-dark),var(--accent)); color:#fff; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; overflow:hidden; }
.seo-cta::before { content:""; position:absolute; right:-60px; bottom:-90px; width:260px; height:260px; background:url("../assets/logo-mark.svg") center/contain no-repeat; opacity:.1; }
.seo-cta h2 { font-family:var(--font-head); font-size:1.8rem; margin-bottom:4px; }
.seo-cta p { opacity:.9; }
.seo-cta__actions { display:flex; gap:12px; flex-wrap:wrap; position:relative; }
.seo-neighbors h2 { font-family:var(--font-head); font-size:1.5rem; margin-bottom:12px; }
.seo-neighbors__links,.seo-areas__chips,.seo-hub__grid { display:flex; flex-wrap:wrap; gap:10px; }
.seo-neighbors__links a,.seo-areas__chips a,.seo-hub__item { padding:10px 18px; border-radius:999px; background:var(--accent-light); color:var(--accent-dark); font-size:.92rem; font-weight:500; transition:.25s; }
.seo-neighbors__links a:hover,.seo-areas__chips a:hover,.seo-hub__item:hover { background:var(--accent); color:#fff; transform:translateY(-2px); }
.seo-neighbors__links a.is-hub { background:transparent; border:1px solid var(--line); }
.seo-hub__group { margin-bottom:18px; }
.seo-areas { background:var(--bg); }
.seo-areas__chips { justify-content:center; max-width:980px; margin:0 auto; }
.seo-areas__more { text-align:center; margin-top:28px; }

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .hero__eyebrow,.hero__title,.hero__subtitle,.hero__cta,.hero__badges,.reveal { opacity:1; transform:none; }
}

/* ---------- Responsive ---------- */
@media (max-width:1024px) {
  .features__grid { grid-template-columns:repeat(2,1fr); }
  .services__grid { grid-template-columns:repeat(2,1fr); }
  .about__inner { grid-template-columns:1fr; gap:56px; }
  .about__media img { height:420px; }
  .contact__inner { grid-template-columns:1fr; }
  .gallery__grid { grid-template-columns:repeat(3,1fr); grid-auto-rows:200px; }
}
@media (max-width:760px) {
  .nav { position:fixed; top:0; right:-100%; width:80%; max-width:330px; height:100vh; background:#fff; box-shadow:-10px 0 40px rgba(0,0,0,.15); padding:100px 30px 40px; transition:right .4s var(--ease); z-index:99; }
  .nav.open { right:0; }
  .nav__list { flex-direction:column; gap:4px; }
  .nav__link { color:var(--ink) !important; font-size:1.1rem; display:block; padding:13px 0; border-bottom:1px solid var(--line); }
  .nav__link::after { display:none; }
  .nav__toggle { display:flex; z-index:100; }
  .header__actions .btn--phone span { display:none; }
  .btn--phone { padding:10px; }
  .section { padding:72px 0; }
  .services__grid { grid-template-columns:1fr; }
  .gallery__grid { grid-template-columns:repeat(2,1fr); grid-auto-rows:170px; }
  .gallery__item:nth-child(1) { grid-column:span 2; grid-row:span 1; }
  .gallery__item:nth-child(4) { grid-row:span 1; }
  .hero__content { padding-top:120px; padding-bottom:120px; }
  .hero__cta { flex-direction:column; align-items:stretch; }
  .hero__cta .btn { width:100%; }
  .hero__badges { flex-direction:column; border-radius:var(--radius-sm); }
  .hero__badges span { border-right:0; border-bottom:1px solid rgba(255,255,255,.18); }
  .hero__badges span:last-child { border-bottom:0; }
  .cta-banner { padding:80px 0; }
  .cta-banner__inner { flex-direction:column; text-align:center; }
  .cta-banner__actions { justify-content:center; }
  .about__badge { right:10px; }
  .floaty { height:54px; padding:0 14px; }
  .floaty__label { display:none; }
  .page-hero { padding:130px 0 50px; }
  .seo-services { grid-template-columns:1fr; }
  .seo-cta { flex-direction:column; text-align:center; }
  .marquee__item { font-size:1.1rem; }
}
@media (max-width:460px) {
  .features__grid { grid-template-columns:1fr; }
  .container { padding-left:18px; padding-right:18px; }
}