/* ===========================================================================
   konseyturizm.com.tr — Ana stil dosyası
   ---------------------------------------------------------------------------
   ÇERÇEVE YOK. Bootstrap, jQuery, Font Awesome, Owl, fancybox — hiçbiri
   yüklenmiyor. Düzen CSS grid/flex ile, ikonlar satır içi SVG ile, davranışlar
   sade JavaScript ile yapılıyor.

   NEDEN: eski site ~8 ikon için Font Awesome'ın iki web fontunu, üstelik
   AYNI SAYFADA İKİ AYRI jQuery sürümünü (1.7 ve 1.7.1) yüklüyordu; toplam
   yükün neredeyse tamamı kullanılmayan kod ve görseldi.

   BÖLÜMLER
     1. Değişkenler (renk / ölçü / gölge)
     2. Sıfırlama ve temel tipografi
     3. Yardımcılar: .kutu .dugme .etiket .ikon
     4. Üst şerit + başlık + menü
     5. İç sayfa bandı (.bant)
     6. Ana sayfa: slayt, rakamlar, hizmet/araç kartları, kurumsal, neden biz
     7. İç sayfa düzenleri: detay ızgarası, galeri, belge, referans
     8. Formlar
     9. Alt bölüm: çağrı bandı, altlık, mobil çubuk, çerez
    10. Büyütme penceresi (lightbox)
    11. Duyarlılık (medya sorguları)
    12. Baskı + erişilebilirlik tercihleri

   RENK KARARI: taban koyu lacivert; marka mavisi (#008DBB) doğrudan eski
   logodan örneklendi, turuncu ise yalnızca EYLEM için ayrıldı (ara / teklif
   al / gönder). Böylece sayfada "tıklanacak yer" hep aynı renkte.
   =========================================================================== */


/* ---------------------------------------------------------------------------
   1. DEĞİŞKENLER
   --------------------------------------------------------------------------- */
:root{
	/* zemin */
	--zemin:		#0b1724;
	--zemin-2:		#122236;
	--zemin-3:		#18304a;
	--zemin-cizgi:	#22405f;

	/* marka */
	--marka:		#008dbb;	/* eski logodaki mavi */
	--marka-acik:	#35b7e0;
	--marka-koyu:	#00719a;

	/* eylem */
	--vurgu:		#f2761b;
	--vurgu-koyu:	#d8620c;

	/* açık zemin */
	--beyaz:		#ffffff;
	--kagit:		#f5f8fb;
	--kagit-2:		#eaf1f7;
	--cizgi:		#dde6ee;

	/* metin */
	--metin:		#16232f;
	--metin-2:		#41586e;
	--metin-soluk:	#6d8298;

	/* ölçü */
	--kutu-en:		1220px;
	--yuvarlak:		14px;
	--yuvarlak-b:	22px;

	--golge-1:		0 1px 2px rgba(11,23,36,.06), 0 4px 14px rgba(11,23,36,.07);
	--golge-2:		0 10px 34px rgba(11,23,36,.12);
	--golge-3:		0 20px 50px rgba(11,23,36,.20);

	--gecis:		.22s cubic-bezier(.4,0,.2,1);
}


/* ---------------------------------------------------------------------------
   2. SIFIRLAMA + TİPOGRAFİ
   --------------------------------------------------------------------------- */
*,*::before,*::after{ box-sizing:border-box; }

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

body{
	margin:0;
	font-family:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
	font-size:16px;
	line-height:1.65;
	color:var(--metin);
	background:var(--beyaz);
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

h1,h2,h3,h4{ margin:0 0 .6em; line-height:1.2; font-weight:800; letter-spacing:-.02em; color:var(--metin); }
h1{ font-size:clamp(1.9rem, 1.3rem + 2.4vw, 3rem); }
h2{ font-size:clamp(1.45rem, 1.1rem + 1.5vw, 2.15rem); }
h3{ font-size:1.12rem; font-weight:700; }

p{ margin:0 0 1.1em; }
p:last-child{ margin-bottom:0; }

a{ color:var(--marka-koyu); text-decoration:none; transition:color var(--gecis); }
a:hover{ color:var(--vurgu); }

img,svg,iframe{ max-width:100%; }
img{ height:auto; display:block; }

ul,ol{ margin:0 0 1.1em; padding-left:1.2em; }

address{ font-style:normal; }

/* klavye odağı her yerde görünür olsun (eski sitede outline tamamen kapalıydı) */
:focus-visible{ outline:3px solid var(--vurgu); outline-offset:2px; border-radius:4px; }

/* ekran okuyucu için "içeriğe geç" — yalnız odaklanınca görünür */
.atla{
	position:absolute; left:-9999px; top:0; z-index:200;
	background:var(--vurgu); color:#fff; padding:12px 20px; font-weight:700;
}
.atla:focus{ left:0; color:#fff; }


/* ---------------------------------------------------------------------------
   3. YARDIMCILAR
   --------------------------------------------------------------------------- */
.kutu{ width:100%; max-width:var(--kutu-en); margin:0 auto; padding:0 20px; }

.ikon{ width:1em; height:1em; flex:none; vertical-align:-.125em; }

.etiket{
	display:inline-block; margin-bottom:.7em;
	font-size:.76rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
	color:var(--marka);
}

.dugme{
	display:inline-flex; align-items:center; justify-content:center; gap:.5em;
	padding:14px 26px; border:2px solid transparent; border-radius:100px;
	font-size:.95rem; font-weight:700; line-height:1.2; cursor:pointer;
	text-align:center; transition:all var(--gecis); font-family:inherit;
}
.dugme .ikon{ width:1.05em; height:1.05em; }
.dugme.tam{ width:100%; }

.dugme-vurgu{ background:var(--vurgu); color:#fff; box-shadow:0 8px 22px rgba(242,118,27,.28); }
.dugme-vurgu:hover{ background:var(--vurgu-koyu); color:#fff; transform:translateY(-2px); box-shadow:0 12px 28px rgba(242,118,27,.34); }

.dugme-hat{ background:transparent; color:var(--zemin); border-color:var(--cizgi); }
.dugme-hat:hover{ background:var(--zemin); border-color:var(--zemin); color:#fff; }

.dugme-beyaz{ background:#fff; color:var(--zemin); }
.dugme-beyaz:hover{ background:var(--kagit-2); color:var(--zemin); transform:translateY(-2px); }

/* koyu zemin üzerindeki hatlı buton */
.koyu .dugme-hat,
.cagri-bandi .dugme-hat{ color:#fff; border-color:rgba(255,255,255,.35); }
.koyu .dugme-hat:hover,
.cagri-bandi .dugme-hat:hover{ background:#fff; color:var(--zemin); border-color:#fff; }

.bolum{ padding:clamp(56px, 4vw + 36px, 96px) 0; }
.bolum-basligi{ max-width:720px; margin:0 auto clamp(32px,3vw,52px); text-align:center; }
.bolum-basligi p{ color:var(--metin-2); font-size:1.06rem; }
.bolum-ust-baslik{ margin-bottom:.8em; }
.alt-baslik{ margin:2em 0 .8em; font-size:1.3rem; }

.kart-izgara{ display:grid; gap:22px; }
.kart-izgara-2{ grid-template-columns:repeat(2,1fr); }
.kart-izgara-3{ grid-template-columns:repeat(3,1fr); }
.kart-izgara-4{ grid-template-columns:repeat(4,1fr); }

.yazi{ color:var(--metin-2); font-size:1.03rem; }
.yazi h2{ margin-top:1.6em; }
.yazi h2:first-child{ margin-top:0; }


/* ---------------------------------------------------------------------------
   4. ÜST ŞERİT + BAŞLIK + MENÜ
   --------------------------------------------------------------------------- */
.ust-serit{
	background:var(--zemin);
	color:rgba(255,255,255,.72);
	font-size:.83rem;
	border-bottom:1px solid rgba(255,255,255,.07);
}
.ust-serit-ic{ display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:42px; }
.ust-serit-bilgi{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.ust-oge{ display:inline-flex; align-items:center; gap:.45em; padding:10px 0; color:inherit; white-space:nowrap; }
.ust-oge:hover{ color:var(--marka-acik); }
.ust-oge .ikon{ color:var(--marka-acik); }
.ust-serit-sosyal{ display:flex; gap:6px; }
.ust-serit-sosyal a{
	display:grid; place-items:center; width:30px; height:30px; border-radius:50%;
	color:rgba(255,255,255,.72); background:rgba(255,255,255,.06);
}
.ust-serit-sosyal a:hover{ background:var(--marka); color:#fff; }
.ust-serit-sosyal .ikon{ width:15px; height:15px; }

.site-basligi{
	position:sticky; top:0; z-index:90;
	background:var(--zemin);
	box-shadow:0 1px 0 rgba(255,255,255,.07);
	transition:box-shadow var(--gecis), background var(--gecis);
}
.site-basligi.kaydirildi{ box-shadow:0 8px 30px rgba(0,0,0,.35); background:rgba(11,23,36,.97); backdrop-filter:blur(8px); }
.site-basligi-ic{ display:flex; align-items:center; gap:18px; min-height:78px; transition:min-height var(--gecis); }
.site-basligi.kaydirildi .site-basligi-ic{ min-height:66px; }

/* --- marka kilidi (partials/logo.php) --- */
.marka{ display:block; flex:none; line-height:1; }
.marka-yazi{ display:block; font-weight:800; letter-spacing:.01em; white-space:nowrap; }
.marka-1{ color:var(--marka-acik); }
.marka-2{ color:#fff; margin-left:.32em; font-weight:500; letter-spacing:.14em; }
.marka-alt{
	display:block; margin-top:5px;
	font-size:.66rem; font-weight:600; letter-spacing:.17em;
	color:rgba(255,255,255,.42);
}
.marka-header .marka-yazi{ font-size:1.48rem; }
.marka-footer .marka-yazi{ font-size:1.6rem; }
.marka:hover .marka-1{ color:#fff; }

/* --- ana menü --- */
.ana-menu{ margin-left:auto; }
.ana-menu>ul{ display:flex; align-items:center; gap:2px; margin:0; padding:0; list-style:none; }
.ana-menu>ul>li{ position:relative; }
.ana-menu>ul>li>a{
	display:block; padding:10px 13px; border-radius:8px;
	color:rgba(255,255,255,.82); font-size:.92rem; font-weight:600; white-space:nowrap;
}
.ana-menu>ul>li>a:hover,
.ana-menu>ul>li>a.etkin{ color:#fff; background:rgba(255,255,255,.08); }
.ana-menu>ul>li>a.etkin{ box-shadow:inset 0 -2px 0 var(--vurgu); }

.alt-menu{
	position:absolute; top:100%; left:0; min-width:240px; margin:0; padding:8px; list-style:none;
	background:var(--zemin-2); border:1px solid var(--zemin-cizgi); border-radius:var(--yuvarlak);
	box-shadow:var(--golge-3);
	opacity:0; visibility:hidden; transform:translateY(8px);
	transition:all var(--gecis);
}
.alt-menulu:hover>.alt-menu,
.alt-menulu:focus-within>.alt-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.alt-menu a{ display:block; padding:9px 12px; border-radius:8px; color:rgba(255,255,255,.78); font-size:.88rem; font-weight:600; }
.alt-menu a:hover{ background:rgba(255,255,255,.08); color:#fff; }
.alt-menu-dugme{ display:none; }

.basligi-eylem{ flex:none; padding:12px 22px; font-size:.9rem; }

/* --- hamburger --- */
.menu-dugme{
	display:none; margin-left:auto; width:46px; height:46px; padding:0;
	background:rgba(255,255,255,.08); border:0; border-radius:10px; cursor:pointer;
}
.menu-dugme span{
	display:block; width:20px; height:2px; margin:4px auto; border-radius:2px; background:#fff;
	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); }

.menu-alt{ display:none; }
.menu-perde{
	position:fixed; inset:0; z-index:88;
	background:rgba(4,10,18,.6); backdrop-filter:blur(2px);
}


/* ---------------------------------------------------------------------------
   5. İÇ SAYFA BANDI
   --------------------------------------------------------------------------- */
.bant{
	position:relative; isolation:isolate;
	padding:clamp(48px,5vw,84px) 0 clamp(40px,4vw,64px);
	background:var(--zemin); background-size:cover; background-position:center;
	color:#fff; overflow:hidden;
}
/* fotoğraf varken yazının okunması için koyu perde */
.bant-fotolu::after{
	content:''; position:absolute; inset:0; z-index:-1;
	background:linear-gradient(105deg, rgba(11,23,36,.92) 0%, rgba(11,23,36,.78) 45%, rgba(11,23,36,.5) 100%);
}
/* fotoğraf yokken: marka renkli çapraz degrade + yol çizgisi deseni */
.bant:not(.bant-fotolu){
	background-image:linear-gradient(118deg, var(--zemin) 0%, var(--bant-1,#123249) 52%, var(--bant-2,#0d4a66) 100%);
}
.bant-desen{
	position:absolute; inset:0; z-index:-1; opacity:.5;
	background-image:
		repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 46px),
		radial-gradient(circle at 88% 18%, rgba(53,183,224,.30), transparent 58%);
}
.bant-fotolu .bant-desen{ display:none; }

/* her bölümün kendi tonu — sayfalar arası aynı kalıp tekrar etmesin */
.bant-kurumsal{    --bant-1:#12304a; --bant-2:#0b5273; }
.bant-hizmetler{   --bant-1:#14293f; --bant-2:#0d4761; }
.bant-filo{        --bant-1:#15324c; --bant-2:#125f7d; }
.bant-belgeler{    --bant-1:#122a40; --bant-2:#0a4257; }
.bant-referanslar{ --bant-1:#16344e; --bant-2:#10566f; }
.bant-arac{        --bant-1:#1a2c3d; --bant-2:#155a70; }
.bant-ik{          --bant-1:#132c44; --bant-2:#0f4e6b; }
.bant-iletisim{    --bant-1:#112637; --bant-2:#0b3f59; }

.bant-ic{ position:relative; }
.bant h1{ color:#fff; margin-bottom:.3em; }
.bant-alt{ max-width:640px; margin:0; color:rgba(255,255,255,.76); font-size:1.06rem; }

.kirinti{ margin-bottom:1.1em; font-size:.84rem; color:rgba(255,255,255,.6); }
.kirinti a{ color:rgba(255,255,255,.72); }
.kirinti a:hover{ color:var(--vurgu); }
.kirinti-ayrac{ margin:0 .5em; opacity:.45; }
.kirinti-etkin{ color:#fff; font-weight:600; }


/* ---------------------------------------------------------------------------
   6. ANA SAYFA
   --------------------------------------------------------------------------- */

/* --- slayt --- */
.slayt{ position:relative; background:var(--zemin); overflow:hidden; }
/* Tüm slaytlar AYNI ızgara hücresinde üst üste durur: kutunun yüksekliği en
   uzun slayta göre oluşur ve her slayt kutuyu tamamen doldurur.
   (Önce "ilk slayt relative, diğerleri absolute" denendi; o düzende kutunun
   min-height'ı ilk slaydı UZATMIYOR, altında boş koyu bir şerit kalıyordu.) */
.slayt-kutu{ display:grid; min-height:clamp(440px, 62vh, 640px); }
.slayt-oge{
	grid-area:1/1; position:relative; display:flex; align-items:center;
	opacity:0; visibility:hidden; transition:opacity .7s ease;
}
.slayt-oge.etkin{ opacity:1; visibility:visible; }

.slayt-gorsel{ position:absolute; inset:0; z-index:0; }
.slayt-gorsel img{ width:100%; height:100%; object-fit:cover; }
/* fotoğraf üstünde yazı okunurluğu */
.slayt-oge:not(.slayt-grafik)::after{
	content:''; position:absolute; inset:0; z-index:1;
	background:linear-gradient(100deg, rgba(11,23,36,.93) 0%, rgba(11,23,36,.75) 42%, rgba(11,23,36,.32) 100%);
}
/* fotoğrafsız slayt: grafik zemin */
.slayt-grafik{ background:linear-gradient(118deg, var(--zemin) 0%, #12354f 50%, #0c5271 100%); }
.slayt-desen{
	position:absolute; inset:0; z-index:1; opacity:.55;
	background-image:
		repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 52px),
		radial-gradient(circle at 82% 26%, rgba(53,183,224,.34), transparent 56%),
		radial-gradient(circle at 12% 90%, rgba(242,118,27,.16), transparent 52%);
}

/* .kutu'nun 1220px'lik ortalanmış genişliği KORUNUR (yazı sayfanın öbür
   bölümleriyle aynı hizada başlasın); metin bloğu kendi içinde 760px ile
   sınırlanır. Doğrudan .slayt-yazi'ya max-width verilirse .kutu'nun
   "margin:0 auto" kuralı bloğu sayfanın ortasına iter. */
.slayt-yazi{ position:relative; z-index:2; width:100%; padding-top:44px; padding-bottom:44px; }
.slayt-yazi>*{ max-width:760px; }
.slayt-yazi h2{
	color:#fff; font-size:clamp(1.95rem, 1.2rem + 3vw, 3.35rem); margin-bottom:.35em;
	animation:slaytGir .7s .05s both;
}
.slayt-yazi p{
	max-width:560px; color:rgba(255,255,255,.8); font-size:clamp(1rem,.95rem + .35vw,1.16rem); margin-bottom:1.8em;
	animation:slaytGir .7s .16s both;
}
.slayt-yazi .dugme{ animation:slaytGir .7s .28s both; }
@keyframes slaytGir{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }

.slayt-ok{
	position:absolute; top:50%; z-index:3; transform:translateY(-50%);
	display:grid; place-items:center; width:48px; height:48px; padding:0;
	background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); border-radius:50%;
	color:#fff; cursor:pointer; transition:all var(--gecis);
}
.slayt-ok:hover{ background:var(--vurgu); border-color:var(--vurgu); }
.slayt-ok .ikon{ width:20px; height:20px; }
.slayt-onceki{ left:18px; }
.slayt-sonraki{ right:18px; }

.slayt-noktalar{ position:absolute; left:0; right:0; bottom:14px; z-index:3; display:flex; justify-content:center; gap:2px; }
/* Nokta 9px görünür ama düğmenin kendisi 40x40: parmakla vurulabilsin diye
   dolgu veriliyor, renkli nokta ::before ile çiziliyor. */
.slayt-noktalar button{
	width:40px; height:40px; padding:0; border:0; background:none; cursor:pointer;
	display:grid; place-items:center;
}
.slayt-noktalar button::before{
	content:''; display:block; width:9px; height:9px; border-radius:50%;
	background:rgba(255,255,255,.35); transition:all var(--gecis);
}
.slayt-noktalar button.etkin::before{ width:30px; border-radius:100px; background:var(--vurgu); }

/* --- rakam şeridi --- */
.rakamlar{ background:var(--zemin-2); color:#fff; }
.rakam-izgara{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
.rakam{ padding:30px 18px; text-align:center; border-right:1px solid rgba(255,255,255,.08); }
.rakam:last-child{ border-right:0; }
.rakam strong{ display:block; font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem); font-weight:800; color:var(--marka-acik); line-height:1.1; }
.rakam span{ font-size:.82rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.56); }

/* --- hizmet kartı --- */
.hizmet-kart{
	display:flex; flex-direction:column; padding:30px 26px 26px;
	background:var(--beyaz); border:1px solid var(--cizgi); border-radius:var(--yuvarlak-b);
	color:var(--metin); box-shadow:var(--golge-1); transition:all var(--gecis);
}
.hizmet-kart:hover{ transform:translateY(-5px); border-color:transparent; box-shadow:var(--golge-2); color:var(--metin); }
.hizmet-ikon{
	display:grid; place-items:center; width:56px; height:56px; margin-bottom:18px;
	border-radius:16px; background:linear-gradient(135deg,var(--marka),var(--marka-acik)); color:#fff;
}
.hizmet-ikon .ikon{ width:27px; height:27px; }
.hizmet-kart h3{ margin-bottom:.45em; }
.hizmet-kart p{ flex:1; color:var(--metin-2); font-size:.95rem; }
.kart-devam{
	display:inline-flex; align-items:center; gap:.4em; margin-top:16px;
	font-size:.87rem; font-weight:700; color:var(--marka-koyu);
}
.hizmet-kart:hover .kart-devam,
.hizmet-genis:hover .kart-devam,
.arac-kart:hover .kart-devam{ color:var(--vurgu); }
.kart-devam .ikon{ transition:transform var(--gecis); }
.hizmet-kart:hover .kart-devam .ikon,
.hizmet-genis:hover .kart-devam .ikon,
.arac-kart:hover .kart-devam .ikon{ transform:translateX(4px); }

/* --- hizmet listesi (geniş kart) --- */
.hizmet-genis{
	display:flex; gap:22px; padding:26px;
	background:var(--beyaz); border:1px solid var(--cizgi); border-radius:var(--yuvarlak-b);
	color:var(--metin); box-shadow:var(--golge-1); transition:all var(--gecis);
}
.hizmet-genis:hover{ transform:translateY(-4px); box-shadow:var(--golge-2); border-color:transparent; color:var(--metin); }
.hizmet-genis-ikon{
	display:grid; place-items:center; flex:none; width:70px; height:70px; border-radius:18px;
	background:linear-gradient(135deg,var(--marka),var(--marka-acik)); color:#fff;
}
.hizmet-genis-ikon .ikon{ width:32px; height:32px; }
.hizmet-genis-foto{ flex:none; width:130px; border-radius:16px; overflow:hidden; }
.hizmet-genis-foto img{ width:100%; height:100%; object-fit:cover; }
.hizmet-genis-govde h2{ font-size:1.22rem; margin-bottom:.4em; }
.hizmet-genis-govde p{ color:var(--metin-2); font-size:.95rem; margin-bottom:0; }

/* --- kurumsal özeti --- */
.bolum-kurumsal{ background:var(--kagit); }
.kurumsal-izgara{ display:grid; grid-template-columns:5fr 6fr; gap:clamp(28px,4vw,56px); align-items:center; }
.bolum-kurumsal.fotosuz .kurumsal-izgara{ grid-template-columns:1fr; max-width:820px; text-align:center; }
.bolum-kurumsal.fotosuz .etiket{ display:block; }
.kurumsal-gorsel img{ width:100%; border-radius:var(--yuvarlak-b); box-shadow:var(--golge-2); }
.kurumsal-yazi .yazi,
.kurumsal-yazi p{ color:var(--metin-2); }
.kurumsal-yazi .dugme{ margin-top:1.4em; }

/* --- araç kartı --- */
.bolum-filo{ background:var(--zemin); color:#fff; }
.bolum-basligi-koyu h2{ color:#fff; }
.bolum-basligi-koyu p{ color:rgba(255,255,255,.66); }
.bolum-basligi-koyu .etiket{ color:var(--marka-acik); }

.arac-kart{
	display:flex; flex-direction:column; overflow:hidden;
	background:var(--zemin-2); border:1px solid var(--zemin-cizgi); border-radius:var(--yuvarlak-b);
	color:#fff; transition:all var(--gecis);
}
.arac-kart:hover{ transform:translateY(-5px); border-color:var(--marka); box-shadow:0 18px 40px rgba(0,0,0,.4); color:#fff; }
.arac-gorsel{
	display:grid; place-items:center; aspect-ratio:16/9; padding:22px;
	background:linear-gradient(140deg,var(--zemin-3),var(--zemin-2)); overflow:hidden;
}
.arac-gorsel img{ width:100%; height:100%; object-fit:cover; }
.arac-cizim{ width:100%; height:auto; color:var(--marka-acik); transition:transform var(--gecis); }
.arac-kart:hover .arac-cizim{ transform:translateX(6px); }
.arac-govde{ display:block; padding:22px 24px 24px; }
.arac-govde h2,
.arac-govde h3{ color:#fff; font-size:1.18rem; margin-bottom:.35em; }
.arac-govde p{ color:rgba(255,255,255,.62); font-size:.93rem; margin-bottom:0; }
.arac-kapasite{
	display:inline-flex; align-items:center; gap:.4em; margin-bottom:.8em;
	padding:4px 12px; border-radius:100px;
	background:rgba(53,183,224,.14); color:var(--marka-acik);
	font-size:.8rem; font-weight:700;
}
/* açık zeminli sayfalarda (araç detayı) aynı rozet */
.arac-kapasite-buyuk{ background:var(--kagit-2); color:var(--marka-koyu); font-size:.95rem; padding:8px 16px; }

/* araç detayındaki büyük siluet afişi */
.arac-afis{
	display:grid; place-items:center; padding:clamp(24px,4vw,48px);
	margin-bottom:28px; border-radius:var(--yuvarlak-b);
	background:linear-gradient(140deg,var(--zemin),#0e4864);
}
.arac-afis .arac-cizim{ max-width:620px; color:var(--marka-acik); }

/* --- neden biz --- */
.neden-kart{ padding:28px 24px; background:var(--kagit); border-radius:var(--yuvarlak-b); }
.neden-ikon{
	display:grid; place-items:center; width:50px; height:50px; margin-bottom:16px;
	border-radius:14px; background:var(--beyaz); color:var(--marka); box-shadow:var(--golge-1);
}
.neden-ikon .ikon{ width:24px; height:24px; }
.neden-kart h3{ margin-bottom:.4em; }
.neden-kart p{ color:var(--metin-2); font-size:.93rem; margin-bottom:0; }


/* ---------------------------------------------------------------------------
   7. İÇ SAYFA DÜZENLERİ
   --------------------------------------------------------------------------- */
.detay-izgara{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:clamp(28px,3vw,48px); align-items:start; }
.detay-yan{ position:sticky; top:104px; display:grid; gap:18px; }

.yan-kutu{ padding:26px 24px; background:var(--kagit); border-radius:var(--yuvarlak-b); }
.yan-kutu h2{ font-size:1.1rem; margin-bottom:.6em; }
.yan-kutu p{ color:var(--metin-2); font-size:.93rem; }
.yan-kutu .dugme{ margin-top:12px; }
.yan-liste ul{ margin:0; padding:0; list-style:none; }
.yan-liste li{ border-top:1px solid var(--cizgi); }
.yan-liste li:first-child{ border-top:0; }
.yan-liste a{
	display:flex; align-items:center; gap:.5em; padding:11px 0;
	color:var(--metin); font-size:.93rem; font-weight:600;
}
.yan-liste a .ikon{ color:var(--marka); transition:transform var(--gecis); }
.yan-liste a:hover{ color:var(--vurgu); }
.yan-liste a:hover .ikon{ transform:translateX(3px); color:var(--vurgu); }
.yan-liste em{ margin-left:auto; font-style:normal; font-size:.8rem; color:var(--metin-soluk); }
.yan-liste li>.ikon{ color:var(--marka); }

/* kurumsal sayfası */
.kurumsal-sayfa{ display:grid; grid-template-columns:340px minmax(0,1fr); gap:clamp(28px,3vw,52px); align-items:start; }
.kurumsal-sayfa.fotosuz{ grid-template-columns:minmax(0,1fr); max-width:860px; }
.kurumsal-yan{ position:sticky; top:104px; }
.kurumsal-yan-foto{ width:100%; border-radius:var(--yuvarlak-b); box-shadow:var(--golge-2); }

.mv-izgara{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:2.4em; }
.mv-kart{ padding:26px 24px; background:var(--kagit); border-left:4px solid var(--marka); border-radius:0 var(--yuvarlak) var(--yuvarlak) 0; }
.mv-kart h3{ color:var(--marka-koyu); margin-bottom:.5em; }
.mv-kart p{ color:var(--metin-2); font-size:.96rem; }

/* özellik listesi */
.ozellik-liste{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px 22px; margin:0 0 1.6em; padding:0; list-style:none; }
.ozellik-liste li{ display:flex; align-items:flex-start; gap:.6em; color:var(--metin-2); font-size:.97rem; }
.ozellik-liste .ikon{ margin-top:.35em; color:var(--marka); }

/* galeri */
.galeri{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:2.2em; }
.galeri-oge{ position:relative; display:block; border-radius:var(--yuvarlak); overflow:hidden; background:var(--kagit-2); }
.galeri-oge img{ width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .45s ease; }
.galeri-oge:hover img{ transform:scale(1.06); }
.galeri-buyut{
	position:absolute; inset:0; display:grid; place-items:center;
	background:rgba(11,23,36,.5); color:#fff; opacity:0; transition:opacity var(--gecis);
}
.galeri-oge:hover .galeri-buyut,
.galeri-oge:focus-visible .galeri-buyut{ opacity:1; }
.galeri-buyut .ikon{ width:28px; height:28px; }

/* belgeler */
.galeri-belge{ grid-template-columns:repeat(3,1fr); margin-top:0; }
.belge-kart{ margin:0; padding:18px; background:var(--kagit); border-radius:var(--yuvarlak-b); }
.belge-kart .galeri-oge{ background:#fff; border:1px solid var(--cizgi); }
.belge-kart .galeri-oge img{ aspect-ratio:3/4; object-fit:contain; padding:10px; background:#fff; }
.belge-kart figcaption{ padding-top:16px; }
.belge-kart h2{ font-size:1.02rem; margin-bottom:.35em; }
.belge-kart p{ color:var(--metin-soluk); font-size:.85rem; margin-bottom:0; }

/* referanslar */
.referans-grup{ margin-bottom:2.6em; }
.referans-grup:first-child .alt-baslik{ margin-top:0; }
.referans-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:16px; }
.referans-kart{
	display:flex; flex-direction:column; align-items:center; gap:12px; padding:24px 16px;
	background:var(--beyaz); border:1px solid var(--cizgi); border-radius:var(--yuvarlak);
	text-align:center; transition:all var(--gecis);
}
.referans-kart:hover{ box-shadow:var(--golge-2); border-color:transparent; transform:translateY(-3px); }
.referans-kart img{ max-height:64px; width:auto; object-fit:contain; }
.referans-rozet{
	display:grid; place-items:center; width:60px; height:60px; border-radius:50%;
	background:linear-gradient(135deg,var(--marka),var(--marka-acik));
	color:#fff; font-size:1.5rem; font-weight:800;
}
.referans-ad{ font-size:.92rem; font-weight:700; color:var(--metin); }

/* iletişim bilgi kartları */
.bilgi-kart{
	display:flex; gap:16px; margin-bottom:14px; padding:20px;
	background:var(--kagit); border-radius:var(--yuvarlak);
}
.bilgi-ikon{
	display:grid; place-items:center; flex:none; width:44px; height:44px;
	border-radius:12px; background:var(--beyaz); color:var(--marka); box-shadow:var(--golge-1);
}
.bilgi-ikon .ikon{ width:21px; height:21px; }
.bilgi-kart h3{ margin-bottom:.3em; font-size:1rem; }
.bilgi-kart p{ margin-bottom:.2em; color:var(--metin-2); font-size:.95rem; }
.bilgi-kart p:last-child{ margin-bottom:0; }
.iletisim-bilgi .dugme{ margin-top:8px; }

/* harita — panelde adres girilmemişse view bu bloğu hiç basmaz */
.harita{ margin-top:clamp(36px,4vw,56px); }
.harita iframe{ display:block; width:100%; height:clamp(320px,42vh,460px); border:0; }

/* araç filosu sayfasındaki kartlar ana sayfadakinden biraz daha büyük */
.arac-kart-buyuk .arac-gorsel{ aspect-ratio:3/2; padding:26px; }
.arac-kart-buyuk .arac-govde{ padding:24px 26px 26px; }

/* İK formunda yalnız "Şoför" seçilince açılan bölüm */
.form-sofor{
	margin:0 0 18px; padding:20px 20px 4px;
	background:var(--kagit); border-radius:var(--yuvarlak);
}
.form-sofor[hidden]{ display:none; }
.form-sofor .form-grup-baslik{ margin-top:0; }

/* metin sayfası (KVKK) */
.metin-sayfa{ max-width:820px; }
.metin-sayfa h2{ font-size:1.22rem; margin-top:1.9em; }
.metin-sayfa h2:first-child{ margin-top:0; }
.metin-tarih{ margin-top:2.4em; padding-top:1.2em; border-top:1px solid var(--cizgi); color:var(--metin-soluk); font-size:.88rem; }

/* boş durum */
.bos-durum-kutu{ max-width:620px; margin:0 auto; padding:clamp(32px,4vw,56px); text-align:center; background:var(--kagit); border-radius:var(--yuvarlak-b); }
.bos-ikon{ display:grid; place-items:center; width:64px; height:64px; margin:0 auto 20px; border-radius:20px; background:var(--beyaz); color:var(--marka); box-shadow:var(--golge-1); }
.bos-ikon .ikon{ width:30px; height:30px; }
.bos-durum p{ color:var(--metin-2); }
.bos-durum .dugme{ margin-top:1.2em; }
.dort-yol{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:1.6em; }


/* ---------------------------------------------------------------------------
   8. FORMLAR
   --------------------------------------------------------------------------- */
.form-sayfa-izgara{ display:grid; grid-template-columns:320px minmax(0,1fr); gap:clamp(28px,3vw,48px); align-items:start; }
.form-yan{ position:sticky; top:104px; display:grid; gap:18px; }
.iletisim-izgara{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(28px,3vw,52px); align-items:start; }

.form-aciklama{ color:var(--metin-2); margin-bottom:1.8em; }
.form-grup-baslik{ margin:1.8em 0 1em; padding-bottom:.5em; border-bottom:1px solid var(--cizgi); font-size:1rem; color:var(--marka-koyu); }
.form-grup-baslik:first-child{ margin-top:0; }

.form-satir{ margin-bottom:18px; }
.form-ikili{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.form-uclu{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }

.form-alan label{ display:block; margin-bottom:7px; font-size:.88rem; font-weight:700; color:var(--metin); }
.form-alan label span{ color:var(--vurgu); }
.form-alan input,
.form-alan select,
.form-alan textarea{
	width:100%; padding:13px 15px;
	font-family:inherit; font-size:.97rem; color:var(--metin);
	background:var(--beyaz); border:1.5px solid var(--cizgi); border-radius:10px;
	transition:border-color var(--gecis), box-shadow var(--gecis);
}
.form-alan textarea{ resize:vertical; min-height:110px; }
.form-alan select{
	appearance:none; cursor:pointer; padding-right:40px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2341586e' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 14px center; background-size:16px;
}
.form-alan input:focus,
.form-alan select:focus,
.form-alan textarea:focus{ outline:0; border-color:var(--marka); box-shadow:0 0 0 4px rgba(0,141,187,.14); }
.form-alan input[type="file"]{ padding:11px 14px; background:var(--kagit); cursor:pointer; }
.form-alan.hatali input,
.form-alan.hatali select,
.form-alan.hatali textarea{ border-color:#d93a3a; box-shadow:0 0 0 4px rgba(217,58,58,.12); }

/* bal küpü — ekran dışında; display:none bazı botlarca tespit edilebiliyor */
.form-tuzak{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.form-onay{ display:flex; align-items:flex-start; gap:.7em; }
.form-onay input{ flex:none; width:19px; height:19px; margin-top:3px; accent-color:var(--marka); }
.form-onay label{ margin:0; font-size:.88rem; font-weight:500; color:var(--metin-2); line-height:1.55; }

.form-kod{ display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; }
.form-kod .form-alan{ flex:1; min-width:160px; }
.kod-gorsel{ display:flex; align-items:center; gap:8px; }
.kod-resim{ height:48px; width:auto; border:1.5px solid var(--cizgi); border-radius:10px; background:#fff; }
.kod-yenile{
	display:grid; place-items:center; width:42px; height:42px; padding:0;
	background:var(--kagit); border:1.5px solid var(--cizgi); border-radius:10px;
	color:var(--metin-2); cursor:pointer; transition:all var(--gecis);
}
.kod-yenile:hover{ background:var(--marka); border-color:var(--marka); color:#fff; }

.form-sonuc{ margin-bottom:16px; }
.form-sonuc:empty{ display:none; }
.form-sonuc div{ padding:13px 16px; border-radius:10px; font-size:.93rem; font-weight:600; }
.form-sonuc .basarili{ background:#e7f6ec; color:#1c6b37; border:1px solid #bfe5cc; }
.form-sonuc .hata{ background:#fdeceb; color:#a32620; border:1px solid #f5c7c4; }

.form-gonder{ min-width:200px; }
.form-gonder[disabled]{ opacity:.6; cursor:progress; transform:none; }

/* adım listesi (araç kiralama yan sütunu) */
.adim-liste{ margin:0; padding:0; list-style:none; counter-reset:adim; }
.adim-liste li{ display:flex; gap:.8em; margin-bottom:14px; color:var(--metin-2); font-size:.93rem; }
.adim-liste li:last-child{ margin-bottom:0; }
.adim-liste span{
	display:grid; place-items:center; flex:none; width:26px; height:26px; border-radius:50%;
	background:var(--marka); color:#fff; font-size:.8rem; font-weight:800;
}
.yan-liste li>.ikon{ margin-right:.4em; }
.form-yan .yan-liste ul li{ display:flex; align-items:flex-start; gap:.5em; padding:9px 0; color:var(--metin-2); font-size:.92rem; }
.form-yan .yan-liste ul li .ikon{ margin-top:.35em; color:var(--marka); }


/* ---------------------------------------------------------------------------
   9. ALT BÖLÜM
   --------------------------------------------------------------------------- */
.cagri-bandi{ position:relative; overflow:hidden; padding:clamp(40px,4vw,64px) 0; background:linear-gradient(115deg,var(--marka-koyu),var(--marka) 55%,#0a6f93); color:#fff; }
.cagri-ic{ display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; }
.cagri-yazi h2{ color:#fff; margin-bottom:.25em; }
.cagri-yazi p{ color:rgba(255,255,255,.82); margin:0; max-width:560px; }
.cagri-dugmeler{ display:flex; gap:12px; flex-wrap:wrap; }

.site-altligi{ padding:clamp(48px,4vw,72px) 0 0; background:var(--zemin); color:rgba(255,255,255,.62); font-size:.93rem; }
.altlik-izgara{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:36px; }
.altlik-ozet{ margin:18px 0 0; max-width:320px; font-size:.92rem; }
.altlik-sosyal{ display:flex; gap:8px; margin-top:18px; }
.altlik-sosyal a{
	display:grid; place-items:center; width:38px; height:38px; border-radius:50%;
	background:rgba(255,255,255,.07); color:rgba(255,255,255,.72);
}
.altlik-sosyal a:hover{ background:var(--marka); color:#fff; }
.altlik-baslik{ margin-bottom:1.1em; font-size:.82rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#fff; }
.altlik-liste{ margin:0; padding:0; list-style:none; }
.altlik-liste li{ margin-bottom:2px; }
/* satır yüksekliği yerine dolgu: parmakla vurulabilir bir alan kalsın */
.altlik-liste a{ display:inline-block; padding:7px 0; color:rgba(255,255,255,.62); }
.altlik-liste a:hover{ color:var(--marka-acik); }
.altlik-satir{ display:flex; gap:.7em; margin-bottom:14px; }
.altlik-satir .ikon{ margin-top:.35em; flex:none; color:var(--marka-acik); }
.altlik-satir strong{ color:#fff; font-weight:700; }
.altlik-iletisim a{ color:rgba(255,255,255,.62); }
.altlik-iletisim a:hover{ color:var(--marka-acik); }

.altlik-son{
	grid-column:1/-1; display:flex; align-items:center; justify-content:space-between;
	gap:16px; flex-wrap:wrap; margin-top:20px; padding:22px 0;
	border-top:1px solid rgba(255,255,255,.08); font-size:.85rem; color:rgba(255,255,255,.46);
}
.altlik-son a{ color:rgba(255,255,255,.6); }
.altlik-son a:hover{ color:var(--marka-acik); }
/* 3XCode üretici imzası — logo 60x25 yayınlanıyor, BÜYÜTÜLMEZ (bulanıklaşır) */
#ucxfooter img{ display:inline-block; vertical-align:middle; }

/* mobil hızlı eylem çubuğu — yalnız dar ekranda (medya sorgusunda açılır) */
.mobil-cubuk{ display:none; }

.cerez{
	position:fixed; left:16px; right:16px; bottom:16px; z-index:95;
	display:flex; align-items:center; gap:16px; flex-wrap:wrap;
	max-width:760px; margin:0 auto; padding:18px 22px;
	background:var(--zemin-2); color:rgba(255,255,255,.78); border:1px solid var(--zemin-cizgi);
	border-radius:var(--yuvarlak-b); box-shadow:var(--golge-3);
}
.cerez[hidden]{ display:none; }
.cerez p{ flex:1; min-width:240px; margin:0; font-size:.88rem; }
.cerez a{ color:var(--marka-acik); text-decoration:underline; }


/* ---------------------------------------------------------------------------
   10. BÜYÜTME PENCERESİ (assets/js/main.js)
   --------------------------------------------------------------------------- */
.buyutec{
	position:fixed; inset:0; z-index:120; display:grid; place-items:center;
	padding:24px; background:rgba(5,12,20,.92);
}
.buyutec[hidden]{ display:none; }
.buyutec img{ max-width:100%; max-height:84vh; border-radius:8px; box-shadow:var(--golge-3); }
.buyutec-kapat,
.buyutec-ok{
	position:absolute; display:grid; place-items:center; width:48px; height:48px; padding:0;
	background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); border-radius:50%;
	color:#fff; cursor:pointer; transition:all var(--gecis);
}
.buyutec-kapat:hover,
.buyutec-ok:hover{ background:var(--vurgu); border-color:var(--vurgu); }
.buyutec-kapat{ top:20px; right:20px; }
.buyutec-ok{ top:50%; transform:translateY(-50%); }
.buyutec-onceki{ left:20px; }
.buyutec-sonraki{ right:20px; }
.buyutec-sayac{ position:absolute; bottom:22px; left:0; right:0; text-align:center; color:rgba(255,255,255,.65); font-size:.85rem; }
body.buyutec-acik{ overflow:hidden; }


/* ---------------------------------------------------------------------------
   11. DUYARLILIK
   --------------------------------------------------------------------------- */
@media (max-width: 1100px){
	.kart-izgara-4{ grid-template-columns:repeat(2,1fr); }
	.detay-izgara,
	.form-sayfa-izgara,
	.kurumsal-sayfa{ grid-template-columns:minmax(0,1fr); }
	.detay-yan,
	.form-yan,
	.kurumsal-yan{ position:static; }
	.form-yan{ grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
	.kurumsal-yan-foto{ max-height:320px; object-fit:cover; }
	.altlik-izgara{ grid-template-columns:repeat(2,1fr); gap:28px; }
}

/* ---- menü kırılma noktası: yatay menü sığmayınca panele geçer ---- */
@media (max-width: 1080px){
	.menu-dugme{ display:block; }
	.basligi-eylem{ display:none; }

	.ana-menu{
		position:fixed; top:0; right:0; bottom:0; z-index:89;
		width:min(360px, 86vw); margin:0; padding:88px 22px 32px;
		background:var(--zemin-2); box-shadow:var(--golge-3);
		overflow-y:auto; transform:translateX(100%); transition:transform .28s cubic-bezier(.4,0,.2,1);
	}
	.ana-menu.acik{ transform:none; }
	.ana-menu>ul{ display:block; }
	.ana-menu>ul>li{ border-bottom:1px solid rgba(255,255,255,.07); }
	.ana-menu>ul>li>a{ padding:14px 4px; font-size:1rem; border-radius:0; }
	.ana-menu>ul>li>a.etkin{ background:transparent; box-shadow:none; color:var(--marka-acik); }

	.alt-menulu{ position:relative; }
	.alt-menu-dugme{
		display:block; position:absolute; top:6px; right:0; width:40px; height:40px; padding:0;
		background:transparent; border:0; cursor:pointer;
	}
	.alt-menu-dugme::before,
	.alt-menu-dugme::after{
		content:''; position:absolute; top:50%; left:50%; width:11px; height:2px;
		background:rgba(255,255,255,.7); border-radius:2px; transition:transform var(--gecis);
	}
	.alt-menu-dugme::before{ transform:translate(-50%,-50%) rotate(45deg) translateX(-3px); }
	.alt-menu-dugme::after{  transform:translate(-50%,-50%) rotate(-45deg) translateX(3px); }
	.alt-menu-dugme[aria-expanded="true"]::before{ transform:translate(-50%,-50%) rotate(-45deg) translateX(-3px); }
	.alt-menu-dugme[aria-expanded="true"]::after{  transform:translate(-50%,-50%) rotate(45deg) translateX(3px); }

	.alt-menu{
		position:static; opacity:1; visibility:visible; transform:none;
		display:none; min-width:0; margin:0 0 10px; padding:0 0 0 12px;
		background:transparent; border:0; border-left:2px solid var(--zemin-cizgi); box-shadow:none;
	}
	.alt-menu.acik{ display:block; }
	.alt-menulu:hover>.alt-menu{ opacity:1; visibility:visible; }

	.menu-alt{ display:grid; gap:10px; margin-top:26px; }
	body.menu-acik{ overflow:hidden; }
}

@media (min-width: 1081px){
	.menu-perde{ display:none !important; }
}

@media (max-width: 900px){
	.kart-izgara-3{ grid-template-columns:repeat(2,1fr); }
	.galeri,
	.galeri-belge{ grid-template-columns:repeat(2,1fr); }
	.kurumsal-izgara{ grid-template-columns:1fr; }
	.bolum-kurumsal .kurumsal-gorsel{ order:-1; }
	.iletisim-izgara{ grid-template-columns:minmax(0,1fr); }
	.ust-oge-mail,
	.ust-oge-saat{ display:none; }
}

@media (max-width: 720px){
	body{ font-size:15.5px; }
	.kutu{ padding:0 16px; }

	.kart-izgara-2,
	.kart-izgara-3,
	.kart-izgara-4{ grid-template-columns:1fr; }

	.ust-serit{ font-size:.8rem; }
	.ust-serit-ic{ justify-content:center; }
	.ust-serit-sosyal{ display:none; }
	.ust-serit-bilgi{ gap:14px; justify-content:center; }

	.site-basligi-ic{ min-height:66px; }
	.marka-header .marka-yazi{ font-size:1.24rem; }
	.marka-alt{ font-size:.6rem; }

	.slayt-kutu{ min-height:clamp(420px, 72vh, 560px); }
	.slayt-ok{ display:none; }
	.slayt-yazi{ padding-top:36px; padding-bottom:56px; }

	.rakam{ border-right:0; border-bottom:1px solid rgba(255,255,255,.08); padding:22px 14px; }
	.rakam:last-child{ border-bottom:0; }

	.hizmet-genis{ flex-direction:column; gap:16px; }
	.hizmet-genis-foto{ width:100%; height:180px; }

	.mv-izgara,
	.ozellik-liste,
	.form-ikili,
	.form-uclu{ grid-template-columns:1fr; }

	.galeri,
	.galeri-belge{ grid-template-columns:1fr; }

	.detay-yan,
	.form-yan{ grid-template-columns:1fr; }

	.cagri-ic{ flex-direction:column; align-items:flex-start; }
	.cagri-dugmeler{ width:100%; }
	.cagri-dugmeler .dugme{ flex:1; }

	.altlik-izgara{ grid-template-columns:1fr; }
	.altlik-son{ flex-direction:column; align-items:flex-start; }

	/* mobil hızlı eylem çubuğu */
	.mobil-cubuk{
		position:fixed; left:0; right:0; bottom:0; z-index:87;
		display:flex; align-items:stretch;
		background:var(--zemin-2); border-top:1px solid var(--zemin-cizgi);
		box-shadow:0 -6px 24px rgba(0,0,0,.28);
	}
	.mobil-cubuk a{
		flex:1; display:flex; align-items:center; justify-content:center; gap:.4em;
		padding:14px 8px; color:rgba(255,255,255,.86); font-size:.88rem; font-weight:700;
		border-right:1px solid var(--zemin-cizgi);
	}
	.mobil-cubuk a:last-child{ border-right:0; }
	.mobil-cubuk-vurgu{ background:var(--vurgu); color:#fff; }
	.mobil-cubuk-vurgu:hover{ color:#fff; }
	/* çubuk içeriğin üstüne binmesin */
	body{ padding-bottom:54px; }
	.cerez{ bottom:66px; }
}

@media (max-width: 420px){
	.kod-gorsel{ width:100%; }
	.kod-resim{ flex:1; }
}


/* ---------------------------------------------------------------------------
   12. BASKI + ERİŞİLEBİLİRLİK TERCİHLERİ
   --------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
	*,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
	.slayt-yazi h2,
	.slayt-yazi p,
	.slayt-yazi .dugme{ animation:none; }
}

@media print{
	.ust-serit,.site-basligi,.mobil-cubuk,.cerez,.cagri-bandi,.slayt-ok,.slayt-noktalar,.form-kod,.form-gonder{ display:none !important; }
	body{ color:#000; background:#fff; padding-bottom:0; }
	.bant{ background:#fff !important; color:#000; }
	.bant h1,.bant-alt,.kirinti,.kirinti a{ color:#000; }
	a{ color:#000; text-decoration:underline; }
}