@charset "utf-8";
/* ===========================================================================
   aybinguvenlik.com — site stili (2026-10-31 modernizasyonu)

   Eski yığın KALDIRILDI: Bootstrap 3.1.1 (121 KB) + jQuery 1.10.2 (273 KB) +
   fancybox + Modernizr + glyphicons. Yerine bu tek dosya ve ~4 KB'lik
   assets/js/site.js geldi; düzen flexbox/grid ile kuruluyor, hiçbir dış
   bağımlılık yok.

   Marka kimliği KORUNDU: logo, turuncu (#ed5a02) ve koyu gri (#3b3b3b)
   logodan örneklendi, yazı tipi yine yerel Titillium dosyaları.

   Düzen: her bölüm `.kap` (en çok 1200px) içinde; ızgaralar CSS Grid ile
   kendiliğinden sarıyor, ayrı bir mobil kural yazmaya gerek kalmıyor
   (`auto-fit` + `minmax`). Medya sorgusu yalnız başlık/menü ve tipografi için.
   =========================================================================== */

/* --- Yazı tipi: eski siteden gelen yerel Titillium dosyaları --------------
   Yalnız .otf/.eot var (woff yok); `font-display:swap` eklendi ki yazı tipi
   inene kadar sayfa görünmez kalmasın. */
@font-face{
	font-family:'Titillium';
	src:url('../fonts/TitilliumText22L002.otf') format('opentype');
	font-weight:300;
	font-display:swap;
}
@font-face{
	font-family:'Titillium';
	src:url('../fonts/TitilliumText22L003.otf') format('opentype');
	font-weight:400;
	font-display:swap;
}
@font-face{
	font-family:'Titillium';
	src:url('../fonts/TitilliumText22L006.otf') format('opentype');
	font-weight:600;
	font-display:swap;
}

:root{
	--marka:#ed5a02;          /* logodaki turuncu (eski butonlarla aynı) */
	--marka-koyu:#c94a00;
	--marka-soluk:#fff1e8;
	--koyu:#3b3b3b;           /* logodaki gri — ana metin rengi */
	--koyu-2:#262626;
	--orta:#6b6b6b;
	--soluk:#9b9b9b;
	--cizgi:#e3e5e8;
	--zemin:#f5f6f7;
	--beyaz:#fff;
	--golge:0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
	--golge-2:0 2px 6px rgba(0,0,0,.06), 0 16px 40px rgba(0,0,0,.10);
	--yuvarlak:14px;
	--yuvarlak-k:8px;
	--gecis:.18s ease;
	--yazi:'Titillium', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
	margin:0;
	font-family:var(--yazi);
	font-weight:400;
	font-size:17px;
	line-height:1.65;
	color:var(--koyu);
	background:var(--beyaz);
	overflow-x:hidden;      /* taşan bir öğe yatay kaydırma çubuğu açmasın */
}

img{max-width:100%;height:auto;display:block;}
a{color:var(--marka);text-decoration:none;transition:color var(--gecis);}
a:hover{color:var(--marka-koyu);}

/* Klavyeyle gezinen için görünür odak — eski sitede outline tamamen kapalıydı */
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,summary:focus-visible{
	outline:3px solid rgba(237,90,2,.45);
	outline-offset:2px;
}

h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;line-height:1.2;color:var(--koyu-2);}
h1{font-size:clamp(28px,4.2vw,46px);letter-spacing:-.02em;}
h2{font-size:clamp(23px,2.8vw,33px);letter-spacing:-.01em;}
h3{font-size:19px;}
p{margin:0 0 1.1em;}
p:last-child{margin-bottom:0;}

.kap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}

/* Ekran okuyucuya görünür, gözle görünmez */
.gizli-metin{
	position:absolute;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ===========================================================================
   DÜĞMELER
   =========================================================================== */
.dugme{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	padding:13px 24px;
	font-family:var(--yazi);font-size:16px;font-weight:600;line-height:1;
	border:2px solid transparent;border-radius:var(--yuvarlak-k);
	cursor:pointer;text-align:center;
	transition:background var(--gecis),color var(--gecis),border-color var(--gecis),transform var(--gecis);
}
.dugme:hover{transform:translateY(-1px);}
.dugme svg{width:18px;height:18px;flex:none;}

.dugme-ana{background:var(--marka);color:var(--beyaz);}
.dugme-ana:hover{background:var(--marka-koyu);color:var(--beyaz);}

.dugme-cizgi{background:transparent;color:var(--koyu-2);border-color:var(--cizgi);}
.dugme-cizgi:hover{border-color:var(--marka);color:var(--marka);}

/* Koyu zemin üstünde (hero, cta bandı) */
.dugme-acik{background:rgba(255,255,255,.12);color:var(--beyaz);border-color:rgba(255,255,255,.35);}
.dugme-acik:hover{background:var(--beyaz);color:var(--koyu-2);border-color:var(--beyaz);}

/* ===========================================================================
   ÜST ŞERİT + BAŞLIK
   =========================================================================== */
.ust-serit{
	background:var(--koyu-2);color:rgba(255,255,255,.72);
	font-size:14.5px;
}
.ust-serit .kap{
	display:flex;align-items:center;justify-content:space-between;
	gap:16px;min-height:42px;flex-wrap:wrap;
}
.ust-serit a{color:rgba(255,255,255,.78);}
.ust-serit a:hover{color:var(--beyaz);}
.ust-iletisim{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.ust-iletisim span{display:inline-flex;align-items:center;gap:7px;}
.ust-iletisim svg{width:15px;height:15px;opacity:.7;flex:none;}

.sosyal{display:flex;align-items:center;gap:8px;}
.sosyal a{
	display:inline-flex;align-items:center;justify-content:center;
	width:30px;height:30px;border-radius:50%;
	background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);
	transition:background var(--gecis),color var(--gecis);
}
.sosyal a:hover{background:var(--marka);color:var(--beyaz);}
.sosyal svg{width:15px;height:15px;}

.baslik{
	position:sticky;top:0;z-index:60;
	background:var(--beyaz);
	border-bottom:1px solid var(--cizgi);
}
.baslik .kap{display:flex;align-items:center;gap:20px;min-height:80px;}
.logo{flex:none;}
.logo img{width:218px;height:auto;}

.menu{margin-left:auto;}
.menu ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;}
.menu a{
	display:block;padding:10px 13px;border-radius:var(--yuvarlak-k);
	color:var(--koyu);font-size:16px;font-weight:400;white-space:nowrap;
	transition:background var(--gecis),color var(--gecis);
}
.menu a:hover{background:var(--zemin);color:var(--koyu-2);}
.menu a.acik{color:var(--marka);font-weight:600;}
.baslik .dugme{flex:none;padding:11px 20px;}

/* Mobil menü düğmesi — 1024px altında görünür */
.menu-dugme{
	display:none;margin-left:auto;
	width:46px;height:46px;padding:0;
	background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--yuvarlak-k);
	cursor:pointer;color:var(--koyu-2);
}
.menu-dugme span{
	display:block;width:20px;height:2px;margin:4px auto;
	background:currentColor;border-radius:2px;transition:transform var(--gecis),opacity var(--gecis);
}
.menu-dugme[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.menu-dugme[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-dugme[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* Menü 7 başlık taşıyor: dar masaüstünde önce aralıklar, sonra CTA düğmesi
   gider. Düğme kaybolmaz, mobil menünün içinde kalır (.mobil-cta). */
@media (max-width:1366px){
	.logo img{width:196px;}
	.menu a{padding:9px 9px;font-size:15.5px;}
	.baslik .kap{gap:12px;}
	.baslik > .kap > .dugme{padding:10px 15px;font-size:15px;}
}
@media (max-width:1200px){
	.baslik > .kap > .dugme{display:none;}
}
@media (max-width:1100px){
	.logo img{width:184px;}
	.menu a{padding:9px 7px;font-size:15px;}
}
@media (max-width:1024px){
	.menu-dugme{display:block;}
	.baslik .kap{min-height:70px;}
	.baslik > .kap > .dugme{display:none;}
	.menu{
		position:absolute;left:0;right:0;top:100%;
		background:var(--beyaz);border-bottom:1px solid var(--cizgi);
		box-shadow:var(--golge);
		display:none;margin:0;
	}
	.menu.acik{display:block;}
	.menu ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px;}
	.menu a{padding:13px 10px;border-bottom:1px solid var(--cizgi);border-radius:0;}
	.menu li:last-child a{border-bottom:0;}
	.menu .mobil-cta{margin-top:12px;}
	.menu .mobil-cta .dugme{width:100%;}
}
@media (min-width:1201px){
	.menu .mobil-cta{display:none;}
}
/* 1025-1200 arası: menü yatay ama başlıktaki düğme gizli → düğme menünün sonunda */
@media (min-width:1025px) and (max-width:1200px){
	.menu .mobil-cta .dugme{padding:9px 14px;font-size:15px;}
}
@media (max-width:620px){
	.ust-serit{font-size:13.5px;}
	.ust-serit .kap{justify-content:center;gap:10px;padding-top:7px;padding-bottom:7px;}
	.ust-iletisim{gap:14px;justify-content:center;}
	.logo img{width:168px;}
}

/* ===========================================================================
   HERO — slayt İÇERİĞİ OLMADAN DA tam görünür
   Eski ana sayfada boş carousel'den geriye `<` `>` okları ve turuncu bir
   çizgi kalıyordu. Buradaki hero koyu degrade zemin üstüne kuruluyor;
   panelde slayt varsa ilk slayt arka plan görseli olarak kullanılır,
   yoksa degrade tek başına yeterlidir.
   =========================================================================== */
.hero{
	position:relative;isolation:isolate;overflow:hidden;
	background:linear-gradient(135deg,#2f2f2f 0%,#3b3b3b 45%,#4a4a4a 100%);
	color:var(--beyaz);
}
.hero-gorsel{
	position:absolute;inset:0;z-index:-2;
	background-size:cover;background-position:center;
	opacity:.28;
}
/* Turuncu ışık + ince ızgara dokusu: görsel olmasa da yüzey boş durmaz */
.hero::before{
	content:"";position:absolute;z-index:-1;inset:0;
	background:
		radial-gradient(60% 80% at 82% 15%,rgba(237,90,2,.42) 0%,rgba(237,90,2,0) 60%),
		linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.05));
}
.hero::after{
	content:"";position:absolute;z-index:-1;inset:0;opacity:.14;
	background-image:
		linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
	background-size:64px 64px;
	-webkit-mask-image:radial-gradient(70% 70% at 30% 40%,#000 0%,transparent 75%);
	mask-image:radial-gradient(70% 70% at 30% 40%,#000 0%,transparent 75%);
}
.hero .kap{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px);}
.hero-ic{max-width:760px;}
.hero .etiket{
	display:inline-flex;align-items:center;gap:9px;
	padding:7px 15px;margin-bottom:22px;
	background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
	border-radius:100px;font-size:14.5px;letter-spacing:.02em;
	color:var(--beyaz);
}
.hero .etiket::before{
	content:"";width:8px;height:8px;border-radius:50%;background:var(--marka);
	box-shadow:0 0 0 4px rgba(237,90,2,.28);
}
.hero h1{color:var(--beyaz);margin-bottom:18px;}
.hero h1 em{font-style:normal;color:#ffb384;}
.hero p{font-size:clamp(16.5px,1.5vw,19px);color:rgba(255,255,255,.86);max-width:65ch;}
.hero-dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}

/* Hero altındaki hızlı bilgi şeridi */
.hero-serit{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	gap:1px;background:var(--cizgi);
	border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
	overflow:hidden;margin-top:-34px;position:relative;z-index:5;
	box-shadow:var(--golge);
}
.hero-serit div{background:var(--beyaz);padding:20px 22px;}
.hero-serit b{display:block;font-size:15px;color:var(--koyu-2);font-weight:600;}
.hero-serit span{display:block;font-size:14.5px;color:var(--orta);}

/* ===========================================================================
   BÖLÜM BAŞLIKLARI / GENEL BOŞLUK
   =========================================================================== */
.bolum{padding:clamp(48px,6vw,84px) 0;}
.bolum-zemin{background:var(--zemin);}
.bolum-basi{max-width:720px;margin:0 0 36px;}
.bolum-basi.orta{margin-left:auto;margin-right:auto;text-align:center;}
.bolum-basi .ust-etiket{
	display:block;margin-bottom:10px;
	font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
	color:var(--marka);
}
.bolum-basi p{color:var(--orta);margin-bottom:0;}

/* ===========================================================================
   KART IZGARALARI
   =========================================================================== */
.izgara{display:grid;gap:22px;}
.izgara-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.izgara-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.izgara-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}

.kart{
	display:flex;flex-direction:column;
	background:var(--beyaz);border:1px solid var(--cizgi);
	border-radius:var(--yuvarlak);padding:28px 26px;
	transition:border-color var(--gecis),box-shadow var(--gecis),transform var(--gecis);
}
a.kart:hover{border-color:rgba(237,90,2,.45);box-shadow:var(--golge-2);transform:translateY(-3px);}
.kart h3{margin-bottom:8px;color:var(--koyu-2);}
.kart p{font-size:15.5px;color:var(--orta);margin-bottom:0;}
.kart .devam{
	display:inline-flex;align-items:center;gap:7px;margin-top:16px;
	font-size:15px;font-weight:600;color:var(--marka);
}
a.kart:hover .devam{gap:11px;}
.kart .devam svg{width:16px;height:16px;transition:transform var(--gecis);}

.kart-ikon{
	display:inline-flex;align-items:center;justify-content:center;
	width:56px;height:56px;margin-bottom:18px;
	background:var(--marka-soluk);color:var(--marka);
	border-radius:var(--yuvarlak-k);
}
.kart-ikon svg{width:28px;height:28px;}

/* Hizmet listesi kutuları (eski "NELER YAPIYORUZ ?" şeridi) */
.hizmet-kutu{
	display:flex;align-items:flex-start;gap:14px;
	padding:20px;background:var(--beyaz);
	border:1px solid var(--cizgi);border-radius:var(--yuvarlak-k);
	font-size:15.5px;line-height:1.45;color:var(--koyu);
	transition:border-color var(--gecis),box-shadow var(--gecis);
}
.hizmet-kutu:hover{border-color:rgba(237,90,2,.45);box-shadow:var(--golge);}
.hizmet-kutu svg{width:22px;height:22px;flex:none;color:var(--marka);margin-top:2px;}

/* ===========================================================================
   İÇ SAYFA BAŞLIK BANDI
   Eski `#topStripe` gri bir şehir fotoğrafıydı (stripe.jpg); yerine marka
   degradesi + kırıntı yolu geldi, görsel dosyaya bağımlılık kalmadı.
   =========================================================================== */
.sayfa-basi{
	background:linear-gradient(120deg,#333 0%,#3b3b3b 55%,#4a4a4a 100%);
	color:var(--beyaz);position:relative;isolation:isolate;overflow:hidden;
}
.sayfa-basi::before{
	content:"";position:absolute;inset:0;z-index:-1;
	background:radial-gradient(50% 120% at 88% 10%,rgba(237,90,2,.38) 0%,rgba(237,90,2,0) 65%);
}
.sayfa-basi .kap{padding-top:44px;padding-bottom:44px;}
.sayfa-basi h1{color:var(--beyaz);margin-bottom:6px;}
.kirinti{font-size:14.5px;color:rgba(255,255,255,.72);}
.kirinti a{color:rgba(255,255,255,.72);}
.kirinti a:hover{color:var(--beyaz);}
.kirinti span{margin:0 7px;opacity:.5;}

/* ===========================================================================
   SEKME DÜZENİ (Kurumsal, Çözümlerimiz)
   =========================================================================== */
.sekmeli{display:grid;grid-template-columns:minmax(220px,268px) 1fr;gap:34px;align-items:start;}
@media (max-width:860px){.sekmeli{grid-template-columns:1fr;gap:22px;}}

.sekme-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.sekme-liste button{
	display:block;width:100%;text-align:left;
	padding:14px 18px;
	font-family:var(--yazi);font-size:16px;font-weight:400;color:var(--koyu);
	background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--yuvarlak-k);
	cursor:pointer;transition:all var(--gecis);
}
.sekme-liste button:hover{border-color:var(--soluk);}
.sekme-liste button[aria-selected="true"]{
	background:var(--marka);border-color:var(--marka);color:var(--beyaz);font-weight:600;
}
@media (max-width:860px){
	.sekme-liste{flex-direction:row;flex-wrap:wrap;}
	.sekme-liste button{width:auto;padding:11px 16px;font-size:15px;}
}

.sekme-icerik > div[hidden]{display:none;}
.metin h2{margin-top:0;}
.metin h3{margin-top:1.6em;}
.metin p{color:var(--koyu);}
.metin ul,.metin ol{padding-left:1.2em;margin:0 0 1.1em;}
.metin li{margin-bottom:.4em;}
.metin img{border-radius:var(--yuvarlak-k);margin:1em 0;}
.metin a{text-decoration:underline;}
.metin table{width:100%;border-collapse:collapse;margin:1em 0;}
.metin td,.metin th{border:1px solid var(--cizgi);padding:8px 10px;text-align:left;}

/* ===========================================================================
   LOGO IZGARASI (Çözüm Ortakları, Referanslar)
   =========================================================================== */
.logo-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(192px,1fr));gap:18px;}
.logo-kutu{
	display:flex;flex-direction:column;align-items:center;gap:14px;
	padding:22px 18px;background:var(--beyaz);
	border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
	transition:border-color var(--gecis),box-shadow var(--gecis);
}
.logo-kutu:hover{border-color:rgba(237,90,2,.4);box-shadow:var(--golge);}
.logo-kutu img{
	width:100%;max-width:168px;aspect-ratio:1/1;object-fit:contain;
	filter:grayscale(1);opacity:.78;transition:filter var(--gecis),opacity var(--gecis);
}
.logo-kutu:hover img{filter:none;opacity:1;}
.logo-kutu span{
	font-size:14px;font-weight:600;color:var(--orta);text-align:center;
	letter-spacing:.01em;line-height:1.3;
}

/* ===========================================================================
   ÇÖZÜM KARTLARI
   =========================================================================== */
.cozum-kart{overflow:hidden;padding:0;}
.cozum-kart img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--zemin);}
.cozum-kart .govde{padding:20px 22px;}
.cozum-kart h3{font-size:17px;margin-bottom:0;}

.detay-duzen{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:36px;align-items:start;}
@media (max-width:820px){.detay-duzen{grid-template-columns:1fr;gap:24px;}}
.detay-gorsel{
	border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
	background:var(--zemin);padding:18px;
}
.detay-gorsel img{width:100%;aspect-ratio:1/1;object-fit:contain;}

/* ===========================================================================
   İLETİŞİM
   =========================================================================== */
.iletisim-duzen{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;}
@media (max-width:900px){.iletisim-duzen{grid-template-columns:1fr;}}

.bilgi-satir{
	display:flex;gap:16px;align-items:flex-start;
	padding:18px 0;border-bottom:1px solid var(--cizgi);
}
.bilgi-satir:first-child{padding-top:0;}
.bilgi-satir:last-child{border-bottom:0;}
.bilgi-ikon{
	display:inline-flex;align-items:center;justify-content:center;flex:none;
	width:46px;height:46px;border-radius:var(--yuvarlak-k);
	background:var(--marka-soluk);color:var(--marka);
}
.bilgi-ikon svg{width:22px;height:22px;}
.bilgi-satir b{display:block;font-size:13.5px;font-weight:600;letter-spacing:.1em;
	text-transform:uppercase;color:var(--soluk);margin-bottom:2px;}
.bilgi-satir a,.bilgi-satir span{color:var(--koyu);font-size:16.5px;}
.bilgi-satir a:hover{color:var(--marka);}

.harita{
	margin-top:34px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
	overflow:hidden;line-height:0;background:var(--zemin);
}
.harita iframe{width:100%;height:380px;border:0;display:block;}

/* ===========================================================================
   FORM
   =========================================================================== */
.form-kutu{
	background:var(--beyaz);border:1px solid var(--cizgi);
	border-radius:var(--yuvarlak);padding:clamp(22px,3vw,34px);
	box-shadow:var(--golge);
}
.form-kutu h2{font-size:23px;margin-bottom:6px;}
.form-kutu > p{color:var(--orta);font-size:15.5px;margin-bottom:22px;}

.alan{margin-bottom:16px;}
.alan label{
	display:block;margin-bottom:6px;
	font-size:14.5px;font-weight:600;color:var(--koyu-2);
}
.alan input,.alan textarea{
	width:100%;padding:13px 15px;
	font-family:var(--yazi);font-size:16px;color:var(--koyu-2);
	background:var(--beyaz);
	border:1px solid var(--cizgi);border-radius:var(--yuvarlak-k);
	transition:border-color var(--gecis),box-shadow var(--gecis);
}
.alan input:focus,.alan textarea:focus{
	border-color:var(--marka);box-shadow:0 0 0 3px rgba(237,90,2,.14);outline:none;
}
.alan textarea{min-height:140px;resize:vertical;}
.alan-ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:520px){.alan-ikili{grid-template-columns:1fr;}}

.kod-satir{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-bottom:18px;}
.kod-satir img{
	border:1px solid var(--cizgi);border-radius:var(--yuvarlak-k);
	width:160px;height:56px;object-fit:cover;background:var(--beyaz);
}
@media (max-width:420px){.kod-satir{grid-template-columns:1fr;}.kod-satir img{width:100%;}}
.form-kutu .dugme{width:100%;padding:15px 24px;font-size:16.5px;}

/* Bal küpü — insanlar görmez, botlar doldurur */
.bal-kupu{position:absolute;left:-9999px;top:-9999px;}

.uyari{
	padding:14px 17px;margin-bottom:20px;
	border-radius:var(--yuvarlak-k);font-size:15.5px;line-height:1.5;
	border:1px solid transparent;
}
.uyari-hata{background:#fdf0ee;border-color:#f3c9c1;color:#9c2c13;}
.uyari-tamam{background:#eefaf0;border-color:#bfe6c6;color:#1d6b2d;}
.uyari b,.uyari strong{font-weight:600;}

/* ===========================================================================
   ÇAĞRI BANDI
   =========================================================================== */
.cta{
	background:linear-gradient(120deg,var(--marka) 0%,#d84f01 60%,#b94400 100%);
	color:var(--beyaz);
}
.cta .kap{
	display:flex;align-items:center;justify-content:space-between;gap:24px;
	flex-wrap:wrap;padding-top:44px;padding-bottom:44px;
}
.cta h2{color:var(--beyaz);margin-bottom:4px;}
.cta p{color:rgba(255,255,255,.9);margin-bottom:0;}
.cta .dugmeler{display:flex;gap:12px;flex-wrap:wrap;}
.cta .dugme-beyaz{background:var(--beyaz);color:var(--marka-koyu);}
.cta .dugme-beyaz:hover{background:var(--koyu-2);color:var(--beyaz);}

/* ===========================================================================
   ALT BÖLÜM
   =========================================================================== */
.alt{background:var(--koyu-2);color:rgba(255,255,255,.7);font-size:15.5px;}
.alt .kap{padding-top:54px;padding-bottom:28px;}
.alt-izgara{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px;}
@media (max-width:860px){.alt-izgara{grid-template-columns:1fr 1fr;gap:30px;}}
@media (max-width:560px){.alt-izgara{grid-template-columns:1fr;}}
.alt h4{color:var(--beyaz);font-size:16px;margin-bottom:16px;letter-spacing:.01em;}
.alt ul{list-style:none;margin:0;padding:0;}
.alt li{margin-bottom:9px;}
.alt a{color:rgba(255,255,255,.7);}
.alt a:hover{color:var(--beyaz);}
.alt-logo img{width:190px;margin-bottom:18px;background:var(--beyaz);padding:10px 12px;border-radius:var(--yuvarlak-k);}
.alt-iletisim li{display:flex;gap:10px;align-items:flex-start;}
.alt-iletisim svg{width:16px;height:16px;flex:none;margin-top:5px;opacity:.6;}

.alt-cizgi{
	margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);
	display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
	font-size:14.5px;
}
.alt-cizgi .imza{display:flex;align-items:center;}
#ucxfooter img{display:block;}

/* ===========================================================================
   BASİT IŞIK KUTUSU (çözüm detayındaki büyük görsel)
   Eski fancybox (48 KB + jQuery) yerine ~20 satırlık yerleşik <dialog>.
   =========================================================================== */
dialog.kutu{
	padding:0;border:0;border-radius:var(--yuvarlak);
	background:transparent;max-width:min(94vw,1100px);max-height:92vh;
	overflow:visible;
}
dialog.kutu::backdrop{background:rgba(0,0,0,.82);}
dialog.kutu img{max-width:100%;max-height:88vh;border-radius:var(--yuvarlak);background:var(--beyaz);}
dialog.kutu button{
	position:absolute;top:-14px;right:-14px;
	width:40px;height:40px;border:0;border-radius:50%;
	background:var(--beyaz);color:var(--koyu-2);font-size:22px;line-height:1;
	cursor:pointer;box-shadow:var(--golge-2);
}

/* ===========================================================================
   YAZDIRMA
   =========================================================================== */
@media print{
	.ust-serit,.menu,.menu-dugme,.cta,.harita,.form-kutu{display:none !important;}
	body{font-size:12pt;color:#000;}
	.hero,.sayfa-basi{background:none;color:#000;}
	.hero h1,.sayfa-basi h1{color:#000;}
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
	*{animation-duration:.01ms !important;transition-duration:.01ms !important;}
	.dugme:hover,a.kart:hover{transform:none;}
}