/* ==========================================================================
   Omega Vizyon — ana stil dosyası
   Tasarım dili: neumorfik (yumuşak kabartma), 5 tema, kırmızı vurgu.
   Kural: renkler daima değişkenden okunur, sabit renk yazılmaz.
   ========================================================================== */

/* ==================== 1 · FONTLAR ====================
   Başlık: Marcellus (tek ağırlık 400 — kalın görünüm tarayıcı sentezi).
   Gövde: Archivo değişken font (100–900).
   latin / latin-ext ayrımı zorunlu — Türkçe İ Ğ ğ Ş ş latin-ext'te.
   Bu ayrım olmadan tarayıcı Türkçe harfleri yedek fontla çizer.
   NOT: Marcellus'ta ₺ glifi YOK — aşağıdaki U+20BA istisna bloğu
   ₺ işaretini zaten yüklü olan Archivo latin-ext'ten çizer. */

@font-face{
  font-family:'OV Baslik';
  src:url('/assets/fonts/ov-baslik2-latinext.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,
                U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'OV Baslik';
  src:url('/assets/fonts/ov-baslik2-latin.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'OV Baslik';
  src:url('/assets/fonts/ov-govde-latinext.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+20BA; /* ₺ — Marcellus'ta yok, Archivo'dan gelir */
}
@font-face{
  font-family:'OV Govde';
  src:url('/assets/fonts/ov-govde-latinext.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,
                U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'OV Govde';
  src:url('/assets/fonts/ov-govde-latin.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ==================== 2 · TEMALAR ==================== */
:root, [data-tema="beyaz"]{
  --vurgu-yazi:#b3261e;
  --zemin:#f0f1f5; --isik:rgba(255,255,255,.95);
  --golge:rgba(163,170,190,.45); --golge-koyu:rgba(140,148,170,.4);
  --metin:#23262d; --metin-soluk:#5b616e;
  --vurgu:#b3261e; --vurgu-metin:#fff;
  --vurgu-golge:rgba(120,30,25,.35);
  --vurgu-ic-a:rgba(255,120,110,.4); --vurgu-ic-b:rgba(90,15,10,.5);
  --ph:#8b91a0; --basari:#1d7a3f;
}
[data-tema="kagit"]{
  --vurgu-yazi:#b3261e;
  --zemin:#f2ede4; --isik:rgba(255,255,255,.85);
  --golge:rgba(190,178,158,.55); --golge-koyu:rgba(170,157,136,.45);
  --metin:#2b2620; --metin-soluk:#665d51;
  --vurgu:#b3261e; --vurgu-metin:#fff;
  --vurgu-golge:rgba(120,30,25,.35);
  --vurgu-ic-a:rgba(255,120,110,.4); --vurgu-ic-b:rgba(90,15,10,.5);
  --ph:#9a9184; --basari:#1d7a3f;
}
[data-tema="siyah"]{
  --zemin:#26292f; --isik:rgba(255,255,255,.07);
  --golge:rgba(0,0,0,.55); --golge-koyu:rgba(0,0,0,.6);
  --metin:#e8e9ec; --metin-soluk:#a4a9b3;
  /* Metin kırmızısı ile zemin kırmızısı ayrı: #e04b42 metinde 3.65:1 kalıyordu
     (WCAG 4.5 sınırının altı). Metinde #ff9188 (6.70), zemin/düğmede #c93a31
     (beyazla 5.08). Denetim: 2026-08-09, axe-core. */
  --vurgu:#c93a31; --vurgu-yazi:#ff9188; --vurgu-metin:#fff;
  --vurgu-golge:rgba(0,0,0,.55);
  --vurgu-ic-a:rgba(255,140,130,.25); --vurgu-ic-b:rgba(60,10,8,.6);
  --ph:#7c828d; --basari:#7ed99b;
}
[data-tema="petrol"]{
  --vurgu-yazi:#e8b04b;
  --zemin:#1f4650; --isik:rgba(255,255,255,.08);
  --golge:rgba(0,20,26,.55); --golge-koyu:rgba(0,20,26,.6);
  --metin:#e9f1f2; --metin-soluk:#a7c3c8;
  --vurgu:#e8b04b; --vurgu-metin:#22343a;
  --vurgu-golge:rgba(0,20,26,.55);
  --vurgu-ic-a:rgba(255,220,160,.3); --vurgu-ic-b:rgba(120,80,10,.5);
  --ph:#7fa3aa; --basari:#7ed99b;
}
[data-tema="bordo"]{
  --vurgu-yazi:#e9d6b8;
  --zemin:#46212a; --isik:rgba(255,255,255,.07);
  --golge:rgba(20,5,9,.6); --golge-koyu:rgba(20,5,9,.65);
  --metin:#f1e6e4; --metin-soluk:#c8a9ac;
  --vurgu:#e9d6b8; --vurgu-metin:#3c1b23;
  --vurgu-golge:rgba(20,5,9,.6);
  --vurgu-ic-a:rgba(255,245,225,.3); --vurgu-ic-b:rgba(110,80,45,.5);
  --ph:#a98186; --basari:#7ed99b;
}

/* Kabartma ve baskı gölgeleri — tek yerden yönetilir */
:root{
  --kabart:-8px -8px 16px var(--isik), 8px 8px 16px var(--golge);
  --kabart-kucuk:-5px -5px 10px var(--isik), 5px 5px 10px var(--golge);
  --bas:inset -5px -5px 10px var(--isik), inset 5px 5px 10px var(--golge-koyu);
  --bas-kucuk:inset -4px -4px 8px var(--isik), inset 4px 4px 8px var(--golge-koyu);
}

/* ==================== 3 · TEMEL ==================== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--zemin);color:var(--metin);
  font-family:'OV Govde','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  font-weight:400;line-height:1.65;font-size:16px;
  transition:background .25s ease,color .25s ease;
  overflow-x:hidden;
  /* Font yüklenene kadar yedek font aynı x-yüksekliğine ölçeklenir → CLS olmaz */
  font-size-adjust:from-font;
}
img{max-width:100%;height:auto;display:block}

.sarici{max-width:1080px;margin:0 auto;padding:0 20px}
.sarici-dar{max-width:820px;margin:0 auto;padding:0 20px}
section{padding:56px 0}

/* ---- Tipografi ----
   Başlık ailesi condensed bir display face; okunurluk için ağırlık 600+,
   padding-block ise İ/Ğ üst çıkıntılarının kutudan taşmasını engelliyor. */
h1,h2,h3,h4,.baslik-font,.kart-b{
  font-family:'OV Baslik',Georgia,'Times New Roman',serif;
  font-variant-ligatures:none;
  padding-block:.12em;
  font-size-adjust:cap-height from-font;
}
h1{font-size:clamp(2.4rem,6.4vw,4.2rem);font-weight:700;line-height:1.04;letter-spacing:-.005em;margin-bottom:16px}
h2{font-size:clamp(1.9rem,4.4vw,2.9rem);font-weight:700;line-height:1.1;margin-bottom:24px}
h3{font-size:1.18rem;font-weight:650;line-height:1.24;margin-bottom:4px}
h4{font-size:1.02rem;font-weight:650;line-height:1.3}
h1 .vurgulu, h2 .vurgulu, h3 .vurgulu{color:var(--vurgu-yazi)}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}

a{color:inherit}
strong,b{font-weight:650}

.etiket{
  display:inline-block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  font-family:'OV Govde',system-ui,sans-serif;font-weight:600;
  color:var(--metin-soluk);padding:8px 18px;border-radius:999px;
  box-shadow:var(--bas);margin-bottom:20px;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible{
  outline:3px solid var(--vurgu);outline-offset:3px;border-radius:6px;
}

.atla{
  position:absolute;left:-9999px;top:0;background:var(--vurgu);color:var(--vurgu-metin);
  padding:10px 18px;border-radius:0 0 12px 0;z-index:100;text-decoration:none;
}
.atla:focus{left:0}

/* ==================== 4 · ÜST ÇUBUK ==================== */
.ust{
  position:sticky;top:12px;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:var(--zemin);box-shadow:var(--kabart);
  border-radius:20px;padding:12px 22px;margin-top:16px;
}
.logo{
  display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--metin);
  font-family:'OV Baslik',Georgia,serif;font-weight:700;font-size:1.25rem;
  letter-spacing:.01em;white-space:nowrap;flex-shrink:0;
}
.logo img{width:36px;height:36px;border-radius:50%}
.logo b{color:var(--vurgu-yazi);font-weight:700}

.menu{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.menu a{
  text-decoration:none;color:var(--metin);font-size:.88rem;font-weight:500;
  padding:9px 15px;border-radius:14px;background:var(--zemin);
  box-shadow:var(--kabart-kucuk);transition:box-shadow .15s ease;white-space:nowrap;
}
.menu a:active,.menu a[aria-current="page"]{box-shadow:var(--bas-kucuk)}
.menu a[aria-current="page"]{color:var(--vurgu-yazi);font-weight:650}

/* Açılır hizmet menüsü — JS'siz, <details> ile */
.acilir{position:relative}
.acilir>summary{
  list-style:none;cursor:pointer;font-size:.88rem;font-weight:500;
  padding:9px 15px;border-radius:14px;background:var(--zemin);
  box-shadow:var(--kabart-kucuk);white-space:nowrap;
}
.acilir>summary::-webkit-details-marker{display:none}
.acilir>summary::after{content:" ▾";color:var(--vurgu-yazi);font-weight:700}
.acilir[open]>summary{box-shadow:var(--bas-kucuk)}
.acilir-panel{
  position:absolute;top:calc(100% + 10px);left:0;z-index:60;min-width:288px;
  display:flex;flex-direction:column;gap:6px;
  background:var(--zemin);border-radius:18px;padding:12px;box-shadow:var(--kabart);
}
.acilir-panel a{
  padding:10px 14px;border-radius:12px;font-size:.87rem;text-decoration:none;
  color:var(--metin);box-shadow:none;
}
.acilir-panel a:hover,.acilir-panel a:focus-visible{box-shadow:var(--bas-kucuk)}

/* Mobil menü düğmesi */
.menu-btn{
  display:none;border:none;cursor:pointer;background:var(--zemin);color:var(--metin);
  font-family:inherit;font-size:.86rem;font-weight:600;
  padding:10px 16px;border-radius:14px;box-shadow:var(--kabart-kucuk);
}
.menu-btn[aria-expanded="true"]{box-shadow:var(--bas-kucuk)}

/* ==================== 5 · TEMA SEÇİCİ ==================== */
.temalar{display:flex;gap:8px;align-items:center;flex-shrink:0}
.temalar span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--metin-soluk)}
.tema-btn{
  width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;padding:0;
  box-shadow:-4px -4px 8px var(--isik), 4px 4px 8px var(--golge);
}
.tema-btn[aria-pressed="true"]{
  box-shadow:inset -3px -3px 6px rgba(255,255,255,.4), inset 3px 3px 6px rgba(0,0,0,.35),
    0 0 0 3px var(--vurgu);
}
.tb-beyaz{background:#f0f1f5}.tb-kagit{background:#f2ede4}
.tb-siyah{background:#26292f}.tb-petrol{background:#1f4650}.tb-bordo{background:#46212a}

/* ==================== 6 · KIRINTI YOLU ==================== */
.kirinti{
  font-size:.8rem;color:var(--metin-soluk);padding-top:24px;
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
}
.kirinti a{color:var(--metin-soluk);text-decoration:none}
.kirinti a:hover{color:var(--vurgu-yazi);text-decoration:underline}
.kirinti span[aria-current]{color:var(--metin);font-weight:600}
.kirinti li{list-style:none;display:inline}
.kirinti ol{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}
.kirinti li+li::before{content:"›";margin-right:8px;color:var(--metin-soluk)}

/* ==================== 7 · HERO ==================== */
.hero{padding-top:48px}
.hero-p{color:var(--metin-soluk);max-width:640px;margin-bottom:36px;font-size:1.08rem}

/* ==================== 8 · KARTLAR ==================== */
.kart{
  background:var(--zemin);border-radius:20px;padding:26px 24px;box-shadow:var(--kabart);
}
.izgara{display:grid;gap:26px}
.izgara-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.izgara-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}

/* Fiyat kartı */
.fkart h3,.fkart .kart-b{font-size:.98rem;margin-bottom:3px;font-weight:650;line-height:1.24}
.fkart .kapsam{font-size:.82rem;color:var(--metin-soluk);font-style:italic;margin-bottom:15px}
.fiyat{
  display:inline-block;font-family:'OV Baslik',Georgia,serif;
  font-weight:700;font-size:1.3rem;color:var(--vurgu-yazi);
  padding:9px 17px;border-radius:14px;box-shadow:var(--bas);
}
.fiyat-not{font-size:.88rem;color:var(--metin-soluk);max-width:720px;margin-bottom:36px}

/* Rakam kartı (üç söz / ölçülebilir vaat) */
.soz{text-align:center}
.soz .sayi{
  display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;
  font-family:'OV Baslik',Georgia,serif;
  font-size:1.9rem;font-weight:700;color:var(--vurgu-yazi);
  box-shadow:var(--bas);margin-bottom:14px;
}
.soz h3,.soz .kart-b{font-size:.95rem;margin-bottom:6px;font-weight:650;line-height:1.24}
.soz p{font-size:.85rem;color:var(--metin-soluk)}

/* Hizmet kartı */
.hkart h3,.hkart h2.h3-boy{font-size:1.12rem;font-weight:650;line-height:1.24;margin-bottom:4px}
.hkart .hfiyat{
  font-size:.85rem;color:var(--vurgu-yazi);font-weight:650;margin-bottom:14px;
  font-family:'OV Govde',system-ui,sans-serif;
}
.hkart p{font-size:.9rem;color:var(--metin-soluk);margin-bottom:14px}
.hkart ul{list-style:none}
.hkart li{
  font-size:.86rem;padding:8px 14px;margin-bottom:9px;border-radius:12px;
  box-shadow:var(--bas-kucuk);
}
.hkart .devam{
  display:inline-block;margin-top:6px;font-size:.86rem;font-weight:650;
  color:var(--vurgu-yazi);text-decoration:none;
}
.hkart .devam:hover{text-decoration:underline}

/* ==================== 9 · DÜĞMELER ==================== */
.cta-grup{display:flex;gap:18px;flex-wrap:wrap}
.cta{
  display:inline-block;text-decoration:none;text-align:center;
  padding:15px 30px;border-radius:16px;font-weight:650;font-size:.95rem;
  background:var(--zemin);color:var(--metin);box-shadow:var(--kabart);
  transition:box-shadow .15s ease;
}
.cta:active{box-shadow:var(--bas-kucuk)}
.cta.birincil{
  color:var(--vurgu-metin);background:var(--vurgu);
  box-shadow:-6px -6px 14px var(--isik), 6px 6px 14px var(--vurgu-golge);
}
.cta.birincil:active{box-shadow:inset -4px -4px 8px var(--vurgu-ic-a), inset 4px 4px 8px var(--vurgu-ic-b)}

/* ==================== 10 · PAKET TABLOSU ==================== */
.paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:26px;align-items:start}
.paket{
  position:relative;
  background:var(--zemin);border-radius:20px;padding:28px 24px;box-shadow:var(--kabart);
  display:flex;flex-direction:column;height:100%;
  /* Rozet yeri her kartta ayrılır — yoksa vurgulu kartın satırları
     diğerlerinden aşağı kayar ve paketler karşılaştırılamaz hale gelir. */
  padding-top:62px;
}
.paket.one-cikan{box-shadow:var(--kabart), 0 0 0 2px var(--vurgu)}
.paket .rozet{
  position:absolute;top:26px;left:24px;
  font-size:.7rem;letter-spacing:.12em;
  text-transform:uppercase;font-weight:700;color:var(--vurgu-metin);background:var(--vurgu);
  padding:5px 12px;border-radius:999px;
}
.paket h3{font-size:1.3rem;margin-bottom:2px}
/* İki satırlık yer sabit ayrılır. Kartlardan birinin özeti tek satır,
   diğerininki iki satır olunca alttaki tablolar hizasını kaybediyordu. */
.paket .paket-ozet{
  font-size:.84rem;color:var(--metin-soluk);margin-bottom:16px;
  min-height:3.3em;
}
@media (max-width:900px){
  .paket .paket-ozet{min-height:0}
}
.paket .fiyat{margin-bottom:20px}
.paket dl{margin-bottom:22px;font-size:.86rem}
.paket dl>div{
  display:flex;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px solid var(--golge);
}
.paket dl>div:last-child{border-bottom:none}
.paket dt{color:var(--metin-soluk)}
.paket dd{font-weight:600;text-align:right}
.paket .cta{margin-top:auto}

/* Kapsam dışı listesi */
.kapsam-disi{font-size:.88rem}
.kapsam-disi div{
  display:flex;justify-content:space-between;gap:16px;
  padding:11px 16px;margin-bottom:9px;border-radius:12px;box-shadow:var(--bas-kucuk);
}
.kapsam-disi div span:last-child{color:var(--vurgu-yazi);font-weight:650;white-space:nowrap}

/* ==================== 11 · YETKİNLİK BLOKLARI ==================== */
.yetkinlikler{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.yetkinlik{background:var(--zemin);border-radius:20px;padding:26px 24px;box-shadow:var(--kabart)}
.yetkinlik .no{
  display:inline-block;font-family:'OV Baslik',Georgia,serif;
  font-size:.86rem;font-weight:700;letter-spacing:.1em;color:var(--vurgu-yazi);
  padding:5px 13px;border-radius:999px;box-shadow:var(--bas-kucuk);margin-bottom:14px;
}
.yetkinlik h3{font-size:1.05rem;margin-bottom:8px}
.yetkinlik p{font-size:.89rem;color:var(--metin-soluk)}

/* ==================== 12 · SÜREÇ ZAMAN ÇİZELGESİ ==================== */
.surec{position:relative;padding-left:34px;max-width:760px}
.surec::before{
  content:"";position:absolute;left:9px;top:10px;bottom:10px;width:3px;
  border-radius:3px;background:var(--vurgu);opacity:.55;
}
.adim{position:relative;padding-bottom:30px}
.adim:last-child{padding-bottom:0}
.adim::before{
  content:"";position:absolute;left:-30px;top:7px;width:15px;height:15px;border-radius:50%;
  background:var(--zemin);box-shadow:0 0 0 3px var(--vurgu);
}
.adim .ne-zaman{
  font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--vurgu-yazi);font-weight:700;
}
.adim h3{font-size:1.02rem;margin:3px 0 5px}
.adim p{font-size:.89rem;color:var(--metin-soluk)}

/* ==================== 13 · DÜZ METİN BÖLÜMÜ ==================== */
.metin{max-width:720px;color:var(--metin-soluk)}
.metin p{margin-bottom:16px}
.metin p:last-child{margin-bottom:0}
.metin strong{color:var(--metin)}

.kutu{
  background:var(--zemin);border-radius:24px;padding:40px 34px;
  box-shadow:var(--kabart);max-width:820px;
}
.kutu p{color:var(--metin-soluk);margin-bottom:16px}
.kutu p:last-of-type{margin-bottom:26px}

/* Alıntılanabilir tanım — GEO için, yapay zekâ bunu çeker */
.tanim{
  border-radius:18px;padding:22px 26px;margin:0 0 28px;max-width:820px;
  box-shadow:var(--bas);font-size:1.02rem;line-height:1.6;
}
.tanim strong{color:var(--vurgu-yazi)}

/* ==================== 14 · SSS ==================== */
.sss{margin-top:36px;max-width:820px}
.sss details{
  background:var(--zemin);border-radius:16px;margin-bottom:16px;box-shadow:var(--kabart-kucuk);
}
.sss details[open]{box-shadow:var(--bas)}
.sss summary{cursor:pointer;font-weight:650;padding:16px 20px;list-style:none;font-size:.95rem}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";float:right;color:var(--vurgu-yazi);font-weight:800}
.sss details[open] summary::after{content:"–"}
.sss .cevap{padding:0 20px 18px;font-size:.9rem;color:var(--metin-soluk)}
.sss .cevap p+p{margin-top:12px}

/* ==================== 14b · BLOG YAZISI ==================== */
.yazi{color:var(--metin-soluk)}
.yazi h2{
  color:var(--metin);font-size:clamp(1.4rem,2.8vw,1.9rem);
  margin-top:44px;margin-bottom:16px;
}
.yazi p{margin-bottom:18px}
.yazi strong{color:var(--metin)}
.yazi ul{margin-bottom:24px}
.yazi li{margin-bottom:12px}
.yazi code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;
  padding:2px 6px;border-radius:6px;box-shadow:var(--bas-kucuk);color:var(--metin);
}
.yazi .tanim{margin:0 0 28px}
.yazi .kutu{max-width:none}
.yazi .kutu p:last-of-type{margin-bottom:0}

/* Tablo — dar ekranda yatay kaydırılır */
.tablo-sarici{overflow-x:auto;margin:0 0 28px;border-radius:18px;box-shadow:var(--kabart-kucuk)}
.yazi table{border-collapse:collapse;width:100%;font-size:.89rem;min-width:480px}
.yazi th,.yazi td{padding:13px 16px;text-align:left;vertical-align:top}
.yazi thead th{
  font-family:'OV Baslik',Georgia,serif;font-weight:650;color:var(--metin);
  font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
  border-bottom:2px solid var(--golge);
}
.yazi tbody tr+tr td{border-top:1px solid var(--golge)}
.yazi tbody td:first-child{color:var(--metin);font-weight:600}

/* ==================== 15 · DİĞER HİZMETLER ==================== */
.gecis{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.gecis a{
  display:block;text-decoration:none;color:var(--metin);
  background:var(--zemin);border-radius:16px;padding:18px 20px;
  box-shadow:var(--kabart-kucuk);transition:box-shadow .15s ease;
}
.gecis a:hover,.gecis a:focus-visible{box-shadow:var(--bas-kucuk)}
.gecis strong{display:block;font-family:'OV Baslik',Georgia,serif;font-size:1.02rem;margin-bottom:3px}
.gecis span{font-size:.82rem;color:var(--vurgu-yazi);font-weight:600}

/* ==================== 16 · İLETİŞİM VE FORM ==================== */
.iletisim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;align-items:start}
.iletisim-bilgi p{color:var(--metin-soluk);margin-bottom:16px}
.iletisim-bilgi a{color:var(--vurgu-yazi);font-weight:650;text-decoration:none;font-size:1.05rem}

.form-kutu{background:var(--zemin);border-radius:24px;padding:32px 28px;box-shadow:var(--kabart)}
.form-kutu label{display:block;font-size:.85rem;font-weight:650;margin-bottom:6px}
.form-alan{
  width:100%;padding:13px 17px;margin-bottom:18px;
  border:none;border-radius:14px;font-size:.92rem;font-family:inherit;
  background:var(--zemin);color:var(--metin);box-shadow:var(--bas);
}
.form-alan::placeholder{color:var(--ph)}
select.form-alan{appearance:none;cursor:pointer}
textarea.form-alan{min-height:110px;resize:vertical}
.form-kutu button{
  border:none;cursor:pointer;font-family:inherit;font-weight:650;font-size:.95rem;
  padding:15px 34px;border-radius:16px;color:var(--vurgu-metin);background:var(--vurgu);
  box-shadow:-6px -6px 14px var(--isik), 6px 6px 14px var(--vurgu-golge);
}
.form-kutu button:active{box-shadow:inset -4px -4px 8px var(--vurgu-ic-a), inset 4px 4px 8px var(--vurgu-ic-b)}
.form-kutu button:disabled{opacity:.6;cursor:wait}
.form-durum{margin-top:14px;font-size:.9rem;font-weight:650;display:none}
.form-durum.basari{display:block;color:var(--basari)}
.form-durum.hata{display:block;color:var(--vurgu-yazi)}
.kvkk{font-size:.78rem;color:var(--metin-soluk);margin-top:14px}

/* ==================== 17 · ALT ==================== */
footer{padding:36px 0 44px}
.alt-kutu{
  background:var(--zemin);border-radius:20px;padding:26px 28px;box-shadow:var(--bas);
  font-size:.84rem;color:var(--metin-soluk);
}
.alt-ust{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;margin-bottom:24px}
.alt-ust h3{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--metin);margin-bottom:12px}
.alt-ust ul{list-style:none}
.alt-ust li{margin-bottom:8px}
.alt-ust a{text-decoration:none;color:var(--metin-soluk)}
.alt-ust a:hover{color:var(--vurgu-yazi)}
.alt-alt{
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-top:20px;border-top:1px solid var(--golge);
}

/* ==================== 18 · MOBİL ==================== */
@media (max-width:900px){
  .menu-btn{display:block}
  .ust{flex-wrap:wrap;padding:12px 16px}
  .menu{
    display:none;order:3;width:100%;flex-direction:column;align-items:stretch;
    gap:8px;padding-top:12px;
  }
  .menu.acik{display:flex}
  .menu a{padding:12px 16px;font-size:.95rem}
  .acilir{width:100%}
  .acilir>summary{width:100%;padding:12px 16px;font-size:.95rem}
  .acilir-panel{position:static;min-width:0;margin-top:8px;box-shadow:var(--bas-kucuk)}
  .temalar span{display:none}
}
@media (max-width:560px){
  section{padding:44px 0}
  .hero{padding-top:32px}
  .kutu{padding:30px 22px}
  .form-kutu{padding:26px 20px}
  .paket{padding:24px 20px}
  .surec{padding-left:28px}
  .adim::before{left:-26px}
  .cta{width:100%}
  .cta-grup{flex-direction:column}
}

/* ==================== 19 · HAREKET TERCİHİ ==================== */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}

/* ==================== 20 · BASKI ==================== */
@media print{
  .ust,.temalar,.atla,.form-kutu,.gecis{display:none}
  body{background:#fff;color:#000}
  .kart,.paket,.kutu{box-shadow:none;border:1px solid #ccc}
}