/* ==========================================================================
   Hanyali Beyazaki — kurumsal tasarım sistemi
   Tema dosyalarından sonra yüklenir. Yerleşim ve kararlar: TASARIM.md
   ========================================================================== */

:root{
	--hb-komur:#16181b;
	--hb-komur-2:#1f2226;
	--hb-komur-3:#2a2e33;
	--hb-kum:#e9e3d8;
	--hb-tas:#f5f2ec;
	--hb-beyaz:#ffffff;
	--hb-metin:#22252a;
	--hb-soluk:#5c6168;
	--hb-acik-soluk:#a9adb3;
	--hb-altin:#b8955a;
	--hb-altin-acik:#c9a86a;
	--hb-altin-koyu:#7d6134;
	--hb-cizgi:rgba(34,37,42,0.12);
	--hb-cizgi-koyu:rgba(255,255,255,0.12);

	--hb-serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--hb-sans:'Manrope', 'Segoe UI', system-ui, sans-serif;

	--hb-kap:1200px;
	--hb-yuvarlak:3px;
	--hb-easing:cubic-bezier(0.22, 0.61, 0.36, 1);
	--hb-golge:0 18px 40px -24px rgba(40,30,15,0.28);
}


/* ---------- Temel sıfırlama (eski tema CSS'i kaldırıldı) ---------- */
*, *:before, *:after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; }
img, svg{ max-width:100%; vertical-align:middle; }
img{ height:auto; border:0; }
a{ text-decoration:none; }
h1, h2, h3, h4, h5, h6, p, figure{ margin-top:0; }
button, input, select, textarea{ font:inherit; color:inherit; }
button{ cursor:pointer; }
[hidden]{ display:none !important; }
main{ display:block; }

/* ---------- Temel tipografi ---------- */
html{ scroll-behavior:smooth; }
body{
	font-family:var(--hb-sans);
	font-size:16px;
	line-height:1.7;
	color:var(--hb-metin);
	background:var(--hb-beyaz);
	-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{
	font-family:var(--hb-serif);
	font-weight:600;
	color:var(--hb-metin);
	letter-spacing:-0.005em;
}
p, li, input, select, textarea, button, .text{ font-family:var(--hb-sans); }
a{ color:var(--hb-altin-koyu); transition:color 200ms var(--hb-easing); }
a:hover, a:focus{ color:var(--hb-metin); }
:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:3px; }
::selection{ background:var(--hb-altin); color:var(--hb-komur); }

.hb-kap{
	width:100%;
	max-width:var(--hb-kap);
	margin:0 auto;
	padding:0 24px;
}
.hb-atla{
	position:absolute; left:16px; top:-60px; z-index:1100;
	padding:10px 16px; background:var(--hb-komur); color:#fff;
}
/* Yalnızca klavyeyle gezinirken görünür; fareyle tetiklenen odakta gizli kalır */
.hb-atla:focus-visible{ top:16px; color:#fff; }

/* ---------- Ortak parçalar ---------- */
.hb-etiket{
	display:inline-flex;
	align-items:center;
	gap:12px;
	margin:0 0 18px;
	font-family:var(--hb-sans);
	font-size:12px;
	font-weight:600;
	letter-spacing:0.18em;
	text-transform:uppercase;
	color:var(--hb-altin-koyu);
}
.hb-etiket:before{
	content:"";
	width:28px;
	height:1px;
	background:currentColor;
}
.hb-koyu .hb-etiket{ color:var(--hb-altin-acik); }

.hb-baslik{
	margin:0 0 20px;
	font-size:clamp(32px, 4.2vw, 50px);
	line-height:1.08;
	font-weight:600;
	text-wrap:balance;
}
.hb-alt-baslik{
	max-width:620px;
	margin:0;
	font-size:17px;
	line-height:1.75;
	color:var(--hb-soluk);
}
.hb-koyu .hb-baslik{ color:#fff; }
.hb-koyu .hb-alt-baslik{ color:var(--hb-acik-soluk); }

.hb-bolum{ padding:120px 0; }
main [id]{ scroll-margin-top:72px; }
.hb-bolum-tas{ background:var(--hb-tas); }
.hb-koyu{ background:var(--hb-komur); color:var(--hb-acik-soluk); }
.hb-bolum-bas{ margin-bottom:56px; }
.hb-bolum-bas-orta{ text-align:center; }
.hb-bolum-bas-orta .hb-alt-baslik{ margin:0 auto; }

/* Butonlar */
.hb-buton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	min-height:52px;
	padding:0 28px;
	border:1px solid transparent;
	border-radius:var(--hb-yuvarlak);
	font-family:var(--hb-sans);
	font-size:14px;
	font-weight:600;
	letter-spacing:0.04em;
	line-height:1;
	text-decoration:none;
	cursor:pointer;
	transition:background-color 250ms var(--hb-easing), color 250ms var(--hb-easing), border-color 250ms var(--hb-easing), transform 250ms var(--hb-easing);
}
.hb-buton:active{ transform:translateY(1px); }
.hb-buton svg{ width:16px; height:16px; transition:transform 250ms var(--hb-easing); }
.hb-buton:hover svg{ transform:translateX(3px); }
.hb-buton-altin{ background:var(--hb-altin); color:var(--hb-komur); }
.hb-buton-altin:hover, .hb-buton-altin:focus{ background:var(--hb-altin-acik); color:var(--hb-komur); }
.hb-buton-komur{ background:var(--hb-komur); color:#fff; }
.hb-buton-komur:hover, .hb-buton-komur:focus{ background:var(--hb-komur-3); color:#fff; }
.hb-buton-cizgi{ border-color:rgba(255,255,255,0.45); color:#fff; background:transparent; }
.hb-buton-cizgi:hover, .hb-buton-cizgi:focus{ border-color:#fff; background:rgba(255,255,255,0.08); color:#fff; }

/* Görsel çerçevesi: ince iç kenarlı ölçülü kutu */
.hb-cerceve{
	position:relative;
	display:block;
	overflow:hidden;
	border-radius:var(--hb-yuvarlak);
	background:var(--hb-kum);
	box-shadow:var(--hb-golge);
}
.hb-cerceve:after{
	content:"";
	position:absolute; top:0; right:0; bottom:0; left:0;
	border:1px solid rgba(255,255,255,0.18);
	pointer-events:none;
}
.hb-cerceve img{
	display:block; width:100%; height:100%; object-fit:cover;
	transition:transform 900ms var(--hb-easing);
}
a.hb-cerceve:hover img, a.hb-cerceve:focus-visible img{ transform:scale(1.03); }

/* ---------- Başlık (header) ---------- */
.hb-ust{
	position:fixed;
	top:0; left:0; right:0;
	z-index:1000;
	color:#fff;
	transition:background-color 350ms var(--hb-easing), box-shadow 350ms var(--hb-easing);
}
.hb-ust-ic{
	display:flex;
	align-items:center;
	gap:32px;
	height:88px;
	transition:height 350ms var(--hb-easing);
}
.hb-ust.hb-dolu{
	background:rgba(22,24,27,0.97);
	box-shadow:0 1px 0 var(--hb-cizgi-koyu);
}
.hb-ust.hb-dolu .hb-ust-ic{ height:72px; }
.hb-logo{ flex:0 0 auto; display:block; line-height:0; }
.hb-logo img{ height:58px; width:auto; transition:height 350ms var(--hb-easing); }
.hb-ust.hb-dolu .hb-logo img{ height:48px; }
.hb-menu{ flex:1 1 auto; }
.hb-menu ul{
	display:flex; justify-content:center; gap:28px;
	margin:0; padding:0; list-style:none;
	white-space:nowrap;
}
.hb-menu a{
	position:relative;
	display:block;
	padding:8px 0;
	font-size:14px;
	font-weight:500;
	letter-spacing:0.02em;
	color:rgba(255,255,255,0.86);
}
.hb-menu a:after{
	content:"";
	position:absolute; left:0; right:0; bottom:2px;
	height:1px; background:var(--hb-altin);
	transform:scaleX(0); transform-origin:left;
	transition:transform 300ms var(--hb-easing);
}
.hb-menu a:hover, .hb-menu a:focus, .hb-menu a[aria-current="page"]{ color:#fff; }
.hb-menu a:hover:after, .hb-menu a:focus-visible:after, .hb-menu a[aria-current="page"]:after{ transform:scaleX(1); }
/* Alt menü (panelden eklenen ikinci seviye) */
.hb-menu li{ position:relative; }
.hb-menu-alt-var > a{ display:flex; align-items:center; gap:6px; }
.hb-menu-alt-var > a:before{
	content:"";
	order:2;
	width:5px; height:5px;
	margin-top:-3px;
	border-right:1px solid currentColor;
	border-bottom:1px solid currentColor;
	transform:rotate(45deg);
	opacity:0.7;
	transition:transform 250ms var(--hb-easing), margin-top 250ms var(--hb-easing);
}
.hb-alt-menu{
	position:absolute;
	top:100%;
	left:50%;
	transform:translate(-50%, 6px);
	min-width:200px;
	padding:8px 0;
	background:var(--hb-komur-2);
	border:1px solid var(--hb-cizgi-koyu);
	border-radius:var(--hb-yuvarlak);
	box-shadow:0 24px 48px -28px rgba(0,0,0,0.8);
	opacity:0; visibility:hidden;
	transition:opacity 220ms var(--hb-easing), transform 220ms var(--hb-easing), visibility 0s linear 220ms;
	z-index:60;
}
.hb-menu-alt-var:hover > .hb-alt-menu,
.hb-menu-alt-var:focus-within > .hb-alt-menu{
	opacity:1; visibility:visible; transform:translate(-50%, 0);
	transition-delay:0s;
}
.hb-menu-alt-var:hover > a:before,
.hb-menu-alt-var:focus-within > a:before{ transform:rotate(-135deg); margin-top:2px; }
.hb-alt-menu li{ border:0; }
.hb-alt-menu a{
	padding:9px 18px;
	font-size:13.5px;
	white-space:nowrap;
	color:rgba(255,255,255,0.82);
}
.hb-alt-menu a:after{ display:none; }
.hb-alt-menu a:hover, .hb-alt-menu a:focus, .hb-alt-menu a[aria-current="page"]{
	color:#fff;
	background:rgba(255,255,255,0.06);
}

.hb-menu-alt{ display:none; }
.hb-ust-sag{ display:flex; align-items:center; gap:22px; flex:0 0 auto; }
.hb-dil{ display:flex; gap:2px; margin:0; padding:0; list-style:none; font-size:12px; font-weight:600; letter-spacing:0.08em; }
.hb-dil a{ display:block; padding:6px 7px; color:rgba(255,255,255,0.6); }
.hb-dil a[aria-current="true"]{ color:#fff; box-shadow:inset 0 -1px 0 var(--hb-altin); }
.hb-dil a:hover, .hb-dil a:focus{ color:#fff; }
.hb-telefon{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:#fff; white-space:nowrap; }
.hb-telefon svg{ width:16px; height:16px; color:var(--hb-altin); }
.hb-telefon:hover, .hb-telefon:focus{ color:var(--hb-altin-acik); }
.hb-ust .hb-buton{ min-height:44px; padding:0 20px; }
.hb-menu-dugme{
	display:none;
	position:relative;
	width:44px; height:44px;
	padding:0; border:0; background:transparent; color:#fff; cursor:pointer;
}
.hb-menu-dugme span{
	position:absolute; left:11px; right:11px; height:1.5px; background:currentColor;
	transition:transform 300ms var(--hb-easing), opacity 200ms var(--hb-easing);
}
.hb-menu-dugme span:nth-child(1){ top:16px; }
.hb-menu-dugme span:nth-child(2){ top:22px; }
.hb-menu-dugme span:nth-child(3){ top:28px; }
.hb-menu-acik .hb-menu-dugme span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.hb-menu-acik .hb-menu-dugme span:nth-child(2){ opacity:0; }
.hb-menu-acik .hb-menu-dugme span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* ---------- Hero ---------- */
.hb-hero{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	min-height:100vh;
	min-height:100dvh;
	padding-top:88px;
	color:#fff;
	background:var(--hb-komur);
	overflow:hidden;
}
.hb-hero-gorseller{ position:absolute; top:0; right:0; bottom:0; left:0; }
.hb-hero-gorsel{
	position:absolute; top:0; right:0; bottom:0; left:0;
	background-size:cover; background-position:center;
	opacity:0;
	transform:scale(1.04);
	transition:opacity 1600ms var(--hb-easing), transform 9000ms linear;
}
.hb-hero-gorsel.hb-aktif{ opacity:1; transform:scale(1); }
.hb-hero:after{
	content:"";
	position:absolute; top:0; right:0; bottom:0; left:0;
	background:
		linear-gradient(180deg, rgba(22,24,27,0.55) 0%, rgba(22,24,27,0) 26%),
		linear-gradient(90deg, rgba(22,24,27,0.82) 0%, rgba(22,24,27,0.5) 45%, rgba(22,24,27,0.12) 100%),
		linear-gradient(0deg, rgba(22,24,27,0.85) 0%, rgba(22,24,27,0) 40%);
}
.hb-hero-icerik{ position:relative; z-index:1; padding-bottom:64px; }
.hb-hero .hb-etiket{ color:var(--hb-altin-acik); }
.hb-hero h1{
	max-width:780px;
	margin:0 0 22px;
	font-size:clamp(42px, 6.4vw, 84px);
	line-height:1.02;
	font-weight:600;
	color:#fff;
	text-wrap:balance;
}
.hb-hero-metin{ max-width:540px; margin:0 0 36px; font-size:18px; line-height:1.7; color:rgba(255,255,255,0.84); }
.hb-hero-metin p{ margin:0; font-size:inherit; line-height:inherit; color:inherit; }
.hb-hero-cagri{ display:flex; flex-wrap:wrap; gap:14px; }
.hb-rakamlar{
	position:relative; z-index:1;
	border-top:1px solid var(--hb-cizgi-koyu);
	background:rgba(22,24,27,0.6);
}
.hb-rakamlar ul{
	display:grid; grid-template-columns:repeat(4, 1fr);
	margin:0 auto; list-style:none;
}
.hb-rakamlar li{ padding:26px 28px 24px; border-left:1px solid var(--hb-cizgi-koyu); }
.hb-rakamlar li:first-child{ border-left:0; padding-left:0; }
.hb-rakam{ display:block; font-family:var(--hb-serif); font-size:clamp(30px, 3vw, 40px); line-height:1.1; font-weight:600; color:#fff; font-variant-numeric:lining-nums tabular-nums; }
.hb-tip-ad, .hb-mesafe-sure, .hb-baslik, h1, h2, h3{ font-variant-numeric:lining-nums; }
.hb-rakam-etiket{ display:block; margin-top:4px; font-size:13px; letter-spacing:0.03em; color:rgba(255,255,255,0.72); }

/* ---------- Proje tanıtımı ---------- */
.hb-ikili{
	display:grid;
	grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);
	gap:80px;
	align-items:center;
}
.hb-gorsel-istif .hb-cerceve{ aspect-ratio:4 / 3.3; }
.hb-metin p{ margin:0 0 18px; color:var(--hb-soluk); font-size:16.5px; line-height:1.8; }
.hb-ozellikler{
	display:grid; grid-template-columns:1fr 1fr; gap:22px 28px;
	margin:36px 0 0; padding:32px 0 0; list-style:none;
	border-top:1px solid var(--hb-cizgi);
}
.hb-ozellikler li{ display:flex; gap:14px; align-items:flex-start; }
.hb-ozellikler svg{ flex:0 0 22px; width:22px; height:22px; margin-top:2px; color:var(--hb-altin-koyu); }
.hb-ozellikler strong{ display:block; font-size:15px; font-weight:600; color:var(--hb-metin); line-height:1.4; }
.hb-ozellikler span{ display:block; margin-top:2px; font-size:14px; line-height:1.55; color:var(--hb-soluk); }
.hb-gorsel-istif{ position:relative; }
.hb-gorsel-istif .hb-cerceve-kucuk{
	position:absolute; left:-56px; bottom:-48px;
	width:46%; aspect-ratio:4 / 3;
	border:8px solid var(--hb-beyaz);
}

.hb-proje-link{ margin:36px 0 0; }

/* ---------- Konum ---------- */
/* Konum: metin üstte iki sütun, ulaşım süreleri altta tek şerit */
.hb-konum-ust{
	display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);
	gap:24px 72px; align-items:end; margin-bottom:36px;
}
.hb-konum-ust .hb-baslik{ margin-bottom:0; }
.hb-konum .hb-metin p{ color:var(--hb-acik-soluk); }
.hb-konum .hb-metin p:last-child{ margin-bottom:0; }

/* Hücreler kendi kenarlığını taşır; satır tam dolmasa da boş blok oluşmaz */
.hb-mesafeler{
	/* 7 durak: geniş ekranda tek satır, dar ekranda 4 ve 2 sütun */
	display:grid; grid-template-columns:repeat(4, minmax(0, 1fr));
	margin:0; padding:0; list-style:none;
	border-top:1px solid var(--hb-cizgi-koyu);
	border-left:1px solid var(--hb-cizgi-koyu);
	border-radius:var(--hb-yuvarlak);
	overflow:hidden;
}
.hb-mesafeler li{
	display:flex; flex-direction:column; gap:6px;
	padding:15px 16px 16px;
	border-right:1px solid var(--hb-cizgi-koyu);
	border-bottom:1px solid var(--hb-cizgi-koyu);
}
.hb-mesafe-yer{ font-size:14.5px; line-height:1.4; color:#fff; }
.hb-mesafe-yer small{ display:block; margin-top:2px; font-size:12.5px; line-height:1.4; color:var(--hb-acik-soluk); }
.hb-mesafe-sure{
	font-family:var(--hb-serif); font-size:30px; font-weight:600; line-height:1;
	color:var(--hb-altin-acik); white-space:nowrap;
	font-variant-numeric:lining-nums tabular-nums;
}
.hb-mesafe-sure small{ font-family:var(--hb-sans); font-size:12.5px; font-weight:500; color:var(--hb-acik-soluk); margin-left:5px; }
@media (min-width: 1140px){
	/* Orantılar süre etiketlerinin uzunluğuna göre: 1. sütun "Lefke Avrupa Üniversitesi" için geniş */
	.hb-mesafeler{ grid-template-columns:1.55fr 1fr 1.2fr 1.1fr 1.1fr 1fr 1.15fr; }
}
@media (max-width: 599px){
	.hb-mesafeler{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
	.hb-mesafeler li{ padding:16px 14px; }
	.hb-mesafe-sure{ font-size:26px; }
}
.hb-konum-not{ margin:12px 0 0; font-size:13px; color:var(--hb-acik-soluk); }
.hb-avantajlar{
	display:grid; grid-template-columns:repeat(4, 1fr); gap:0;
	margin:96px 0 0; padding:0; list-style:none;
	border-top:1px solid var(--hb-cizgi-koyu);
}
.hb-avantajlar li{ padding:36px 32px 8px 0; }
.hb-avantajlar li + li{ padding-left:32px; border-left:1px solid var(--hb-cizgi-koyu); }
.hb-avantajlar svg{ width:30px; height:30px; color:var(--hb-altin-acik); margin-bottom:22px; }
.hb-avantajlar h3{ margin:0 0 10px; font-size:24px; color:#fff; }
.hb-avantajlar p{ margin:0; font-size:15px; line-height:1.7; color:var(--hb-acik-soluk); }

/* Konum, masaüstünde tek ekrana sığar: iç boşluk ekran yüksekliğiyle ölçeklenir (alçak
   dizüstünde dar, uzun ekranda geniş), şerit sütunları içerik uzunluğuna göre paylaşılır
   (uzun "Lefke Avrupa Üniversitesi" tek satıra oturur, tüm hücreleri uzatmaz) ve avantajlarda
   ikon başlığın yanına alınır. Tablet ve mobilde mevcut yığılma korunur. */
@media (min-width: 992px){
	.hb-konum{ padding:clamp(52px, 8vh, 88px) 0; }
	.hb-konum .hb-baslik{ font-size:clamp(32px, 3.2vw, 44px); line-height:1.1; }
	.hb-konum .hb-metin p{ margin:0 0 12px; font-size:16px; line-height:1.7; }
	.hb-konum .hb-metin p:last-child{ margin-bottom:0; }
	.hb-konum-ust{ margin-bottom:clamp(24px, 3.6vh, 36px); }

	.hb-konum .hb-avantajlar{ margin-top:clamp(28px, 4.4vh, 44px); }
	.hb-konum .hb-avantajlar li{
		display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:12px; align-items:center;
		align-content:start; /* sütunlar eşit yükseklikte uzasa da başlıklar aynı hizada kalır */
		padding:clamp(20px, 3vh, 26px) 28px 0 0;
	}
	.hb-konum .hb-avantajlar li + li{ padding-left:28px; }
	.hb-konum .hb-avantajlar svg{ width:24px; height:24px; margin:0; }
	.hb-konum .hb-avantajlar h3{ margin:0; font-size:21px; line-height:1.2; }
	.hb-konum .hb-avantajlar p{ grid-column:1 / -1; margin-top:10px; font-size:14.5px; line-height:1.62; }
}

/* ---------- Ayrıcalıklar (2026-10 revizesi) ---------- */
.hb-ayricaliklar{
	padding:clamp(64px, 8vh, 96px) 0;
	background:radial-gradient(ellipse at 100% 0, rgba(184,149,90,0.08), transparent 55%), var(--hb-komur);
	border-top:1px solid rgba(201,168,106,0.12);
	border-bottom:1px solid rgba(201,168,106,0.12);
}
.hb-ayricaliklar .hb-ayricalik-bas{
	display:grid; grid-template-columns:minmax(0, 1.7fr) minmax(0, 1fr);
	align-items:end; gap:64px; margin-bottom:44px;
}
.hb-ayricalik-bas .hb-baslik{ margin:0; font-size:clamp(36px, 3.8vw, 50px); line-height:1.08; text-wrap:pretty; }
.hb-ayricalik-bas .hb-etiket{ margin-bottom:20px; }
.hb-ayricalik-bas .hb-alt-baslik{
	padding:4px 0 4px 24px; border-left:1px solid var(--hb-altin);
	font-size:16px; line-height:1.85;
}
.hb-ayricalik-liste{
	display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;
	margin:0; padding:0; list-style:none;
}
.hb-ayricalik{ min-width:0; }
/* İç yüzey hareketi mevcut kaydırma girişinden bağımsızdır. */
.hb-ayricalik-kart{
	position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:100px;
	height:100%; min-height:326px; padding:26px 28px 28px; overflow:hidden; isolation:isolate;
	background:var(--hb-komur-2);
	border:1px solid var(--hb-cizgi-koyu);
	border-radius:var(--hb-yuvarlak);
	box-shadow:0 12px 28px -22px rgba(0,0,0,0.6);
	transition:transform 350ms var(--hb-easing), border-color 350ms var(--hb-easing);
}
.hb-ayricalik-kart:before{
	content:""; position:absolute; left:0; right:0; top:0; height:2px; z-index:3; pointer-events:none;
	background:var(--hb-altin-acik); transform:scaleX(0.16); transform-origin:left;
	transition:transform 400ms var(--hb-easing);
}
.hb-ayricalik-kart:after{
	content:""; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit;
	background:linear-gradient(180deg, rgba(10,15,18,0.28) 0%, rgba(10,15,18,0.06) 30%, rgba(10,15,18,0.65) 62%, rgba(10,15,18,0.96) 100%);
}
.hb-ayricalik-foto{
	position:absolute; inset:0; z-index:0; display:block; width:100%; height:100%;
	object-fit:cover; filter:saturate(1.12); transition:transform 600ms var(--hb-easing);
}
.hb-ayricalik-ust{ position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.hb-ayricalik-ikon{
	display:grid; place-items:center; width:56px; height:56px;
	flex-shrink:0; border:1px solid rgba(201,168,106,0.55); border-radius:var(--hb-yuvarlak);
	background:rgba(16,21,24,0.72); color:#e6c486;
}
.hb-ayricalik-ikon svg{ width:29px; height:29px; }
.hb-ayricalik-no{
	font-family:var(--hb-serif); font-size:44px; line-height:1; font-weight:400;
	font-variant-numeric:lining-nums tabular-nums; color:rgba(255,255,255,0.82);
	text-shadow:0 2px 8px rgba(0,0,0,0.6);
}
.hb-ayricalik-metin{ position:relative; z-index:2; text-shadow:0 2px 10px rgba(0,0,0,0.35); }
.hb-ayricalik h3{ margin:0 0 10px; font-size:29px; line-height:1.2; color:#fff; text-wrap:pretty; }
.hb-ayricalik p{ margin:0; font-size:15px; line-height:1.75; color:#e4e1dc; }
/* Fotoğrafsız hizmetler: kartların altında ince şerit (güvenlik kamerası, teknik servis, çift asansör) */
.hb-hizmet-serit{
	display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0;
	margin:18px 0 0; padding:0; list-style:none;
	border:1px solid var(--hb-cizgi-koyu); border-radius:var(--hb-yuvarlak);
	background:var(--hb-komur-2);
}
.hb-hizmet-serit li{ display:flex; align-items:center; gap:16px; padding:22px 26px; }
.hb-hizmet-serit li + li{ border-left:1px solid var(--hb-cizgi-koyu); }
.hb-hizmet-ikon{
	display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px;
	border:1px solid rgba(201,168,106,0.55); border-radius:var(--hb-yuvarlak); color:#e6c486;
}
.hb-hizmet-ikon svg{ width:24px; height:24px; }
.hb-hizmet-serit strong{ display:block; font-size:16px; font-weight:600; line-height:1.35; color:#fff; }
.hb-hizmet-serit strong + span{ display:block; margin-top:3px; font-size:13.5px; line-height:1.55; color:var(--hb-acik-soluk); }
.hb-ayricalik-link{ display:flex; align-items:center; gap:32px; margin:32px 0 0; }
.hb-ayricalik-link:before{ content:""; height:1px; flex:1; background:linear-gradient(90deg, transparent, rgba(201,168,106,0.3)); }
.hb-ayricalik-link .hb-buton:hover svg{ transform:translateY(3px); }
@media (hover: hover) and (pointer: fine){
	.hb-ayricalik:hover .hb-ayricalik-kart{ transform:translateY(-4px); border-color:rgba(201,168,106,0.5); }
	.hb-ayricalik:hover .hb-ayricalik-kart:before{ transform:scaleX(1); }
	.hb-ayricalik:hover .hb-ayricalik-foto{ transform:scale(1.055); }
}
@media (max-width: 991px){
	.hb-ayricaliklar .hb-ayricalik-bas{ grid-template-columns:minmax(0, 1fr); gap:24px; margin-bottom:36px; }
	.hb-ayricalik-bas .hb-baslik{ max-width:650px; }
	.hb-ayricalik-bas .hb-alt-baslik{ max-width:560px; }
	.hb-ayricalik-liste{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
	.hb-ayricalik-kart{ min-height:310px; padding:24px; gap:90px; }
	.hb-hizmet-serit{ grid-template-columns:minmax(0, 1fr); }
	.hb-hizmet-serit li{ padding:18px 22px; }
	.hb-hizmet-serit li + li{ border-left:0; border-top:1px solid var(--hb-cizgi-koyu); }
}
@media (max-width: 599px){
	.hb-ayricalik-bas .hb-baslik{ font-size:36px; }
	.hb-ayricalik-bas .hb-alt-baslik{ padding-left:18px; font-size:15px; }
	.hb-ayricalik-liste{ grid-template-columns:minmax(0, 1fr); gap:12px; }
	.hb-ayricalik-kart{ min-height:292px; padding:22px; gap:90px; }
	.hb-ayricalik-ikon{ width:48px; height:48px; }
	.hb-ayricalik-ikon svg{ width:26px; height:26px; }
	.hb-ayricalik-no{ font-size:38px; }
	.hb-ayricalik h3{ font-size:27px; }
	.hb-ayricalik-link{ margin-top:24px; }
	.hb-ayricalik-link:before{ display:none; }
	.hb-ayricalik-link .hb-buton{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){
	.hb-ayricalik-kart, .hb-ayricalik-kart:before, .hb-ayricalik-foto{ transition:none; }
	.hb-ayricalik:hover .hb-ayricalik-kart, .hb-ayricalik:hover .hb-ayricalik-foto, .hb-ayricalik-link .hb-buton:hover svg{ transform:none; }
}

/* ---------- Daireler ---------- */
.hb-daire-izgara{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:64px; align-items:start; }
.hb-tipler{ margin:0; padding:0; list-style:none; border-top:1px solid var(--hb-cizgi); }
.hb-tipler li{
	display:grid; grid-template-columns:1fr auto; gap:6px 16px; align-items:baseline;
	padding:22px 0; border-bottom:1px solid var(--hb-cizgi);
}
.hb-tip-ad{ font-family:var(--hb-serif); font-size:30px; line-height:1.1; font-weight:600; color:var(--hb-metin); }
.hb-tip-adet{ font-size:13px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--hb-altin-koyu); }
.hb-tip-alan{ grid-column:1 / -1; font-size:15px; color:var(--hb-soluk); font-variant-numeric:tabular-nums; }
.hb-tipler-not{ margin:24px 0 0; font-size:14px; color:var(--hb-soluk); }
.hb-planlar{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.hb-plan{ margin:0; }
.hb-plan .hb-cerceve{ aspect-ratio:16 / 10; background:#fff; box-shadow:none; border:1px solid var(--hb-cizgi); }
.hb-plan .hb-cerceve img{ object-fit:contain; }
.hb-plan figcaption{ margin-top:12px; font-size:14.5px; font-weight:600; color:var(--hb-metin); }

/* ---------- Yaşam alanları (bento) ---------- */
.hb-bento{
	display:grid;
	grid-template-columns:repeat(12, 1fr);
	grid-auto-rows:210px;
	gap:20px;
}
.hb-bento-oge{ position:relative; margin:0; }
.hb-bento-oge .hb-cerceve{ height:100%; box-shadow:none; }
.hb-bento-oge figcaption{
	position:absolute; left:0; right:0; bottom:0; z-index:1;
	padding:44px 24px 20px;
	background:linear-gradient(0deg, rgba(22,24,27,0.8) 0%, rgba(22,24,27,0) 100%);
	color:#fff; pointer-events:none;
}
.hb-bento-oge figcaption strong{ display:block; font-family:var(--hb-serif); font-size:26px; line-height:1.15; font-weight:600; }
.hb-bento-oge figcaption span{ display:block; margin-top:4px; font-size:14px; color:rgba(255,255,255,0.84); }
.hb-bento-1{ grid-column:span 7; grid-row:span 2; }
.hb-bento-2{ grid-column:span 5; grid-row:span 1; }
.hb-bento-3{ grid-column:span 5; grid-row:span 1; }
.hb-bento-4{ grid-column:span 7; grid-row:span 1; }
.hb-bento-bilgi{
	position:relative; overflow:hidden; isolation:isolate;
	grid-column:span 5; grid-row:span 1;
	display:flex; flex-direction:column; justify-content:flex-end;
	padding:26px; border-radius:var(--hb-yuvarlak);
	background:var(--hb-komur); color:var(--hb-acik-soluk);
}
.hb-bento-bilgi-foto{ position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; transition:transform 900ms var(--hb-easing); }
a.hb-bento-bilgi{ text-decoration:none; }
a.hb-bento-bilgi:hover .hb-bento-bilgi-foto, a.hb-bento-bilgi:focus-visible .hb-bento-bilgi-foto{ transform:scale(1.03); }
.hb-bento-bilgi:before{
	content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
	background:linear-gradient(180deg, rgba(10,15,18,0.25), rgba(10,15,18,0.7) 45%, rgba(10,15,18,0.95));
}
.hb-bento-bilgi > .hb-rakam, .hb-bento-bilgi > p{ position:relative; z-index:2; text-shadow:0 2px 8px rgba(0,0,0,0.35); }
.hb-bento-bilgi .hb-rakam{ color:var(--hb-altin-acik); font-size:52px; }
.hb-bento-bilgi p{ margin:6px 0 0; font-size:15px; line-height:1.6; color:#e4e1dc; }
.hb-bento-bilgi p strong{ color:#fff; font-weight:600; }

/* ---------- Dış cephe galerisi ---------- */
.hb-cephe{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.hb-cephe .hb-cerceve{ aspect-ratio:16 / 10; box-shadow:none; }
.hb-cephe .hb-cephe-genis{ grid-column:span 2; grid-row:span 2; aspect-ratio:auto; }

/* ---------- Satış ve ödeme ---------- */
.hb-odeme{ display:grid; grid-template-columns:repeat(4, 1fr); gap:0; margin:0; padding:0; list-style:none; border-top:1px solid var(--hb-cizgi); }
.hb-odeme li{ padding:34px 28px 34px 0; }
.hb-odeme li + li{ padding-left:28px; border-left:1px solid var(--hb-cizgi); }
.hb-odeme .hb-odeme-no{ display:block; margin-bottom:18px; font-family:var(--hb-serif); font-size:22px; color:var(--hb-altin-koyu); font-variant-numeric:lining-nums; }
.hb-odeme h3{ margin:0 0 10px; font-size:25px; line-height:1.2; }
.hb-odeme p{ margin:0; font-size:15px; line-height:1.7; color:var(--hb-soluk); }
.hb-cagri-bandi{
	display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
	margin-top:64px; padding:44px 48px;
	border-radius:var(--hb-yuvarlak);
	background:var(--hb-komur); color:var(--hb-acik-soluk);
}
.hb-cagri-bandi h3{ margin:0 0 6px; font-size:clamp(26px, 2.6vw, 34px); color:#fff; }
.hb-cagri-bandi p{ margin:0; max-width:640px; font-size:15.5px; line-height:1.7; }

/* Yatırım vurgusu (2026-10 (2)): çağrı bandının hemen üstünde, altın çizgili tek söz */
.hb-yatirim{
	display:flex; align-items:baseline; justify-content:space-between; gap:12px 40px; flex-wrap:wrap;
	margin-top:64px; padding:28px 0 0;
	border-top:1px solid var(--hb-altin);
}
.hb-yatirim-soz{
	margin:0; max-width:720px;
	font-family:var(--hb-serif); font-size:clamp(28px, 3vw, 40px); font-weight:500; font-style:italic;
	line-height:1.15; color:var(--hb-metin); text-wrap:balance;
}
.hb-yatirim-alt{
	margin:0; font-size:12.5px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:var(--hb-altin-koyu);
}
.hb-yatirim + .hb-cagri-bandi{ margin-top:28px; }

/* Proje tanıtımının giriş cümlesi */
.hb-metin p.hb-metin-giris{
	font-family:var(--hb-serif); font-size:clamp(22px, 2vw, 26px); font-weight:500; line-height:1.35;
	color:var(--hb-metin); text-wrap:pretty;
}

/* Yapı ve malzeme kalitesi: dört madde, sağ sütunda tek sütun liste */
.hb-yapi{ background:var(--hb-beyaz); }
.hb-yapi .hb-ikili{ align-items:center; }
.hb-yapi-liste{ grid-template-columns:1fr; gap:0; margin:0; padding:0; border-top:0; }
.hb-yapi-liste li{ align-items:center; padding:20px 0; border-bottom:1px solid var(--hb-cizgi); }
.hb-yapi-liste li:first-child{ border-top:1px solid var(--hb-cizgi); }
.hb-yapi-liste strong{ font-family:var(--hb-serif); font-size:23px; font-weight:600; }

/* ---------- İletişim ---------- */
.hb-iletisim-izgara{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:80px; align-items:start; }
.hb-iletisim-kanallar{ margin:36px 0 0; padding:0; list-style:none; border-top:1px solid var(--hb-cizgi); }
.hb-iletisim-kanallar li{ border-bottom:1px solid var(--hb-cizgi); }
.hb-iletisim-kanallar a, .hb-iletisim-kanallar .hb-kanal{
	display:grid; grid-template-columns:40px 1fr; gap:2px 14px; align-items:center;
	padding:20px 0; color:var(--hb-metin);
}
.hb-iletisim-kanallar svg{ grid-row:span 2; width:22px; height:22px; color:var(--hb-altin-koyu); }
.hb-iletisim-kanallar small{ font-size:12px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--hb-soluk); }
.hb-iletisim-kanallar strong{ font-size:17px; font-weight:600; }
.hb-iletisim-kanallar a:hover strong, .hb-iletisim-kanallar a:focus strong{ color:var(--hb-altin-koyu); }
.hb-form-kutu{
	padding:44px;
	border-radius:var(--hb-yuvarlak);
	background:var(--hb-beyaz);
	box-shadow:var(--hb-golge);
	border:1px solid var(--hb-cizgi);
}
.hb-form-kutu h3{ margin:0 0 6px; font-size:30px; }
.hb-form-kutu > p{ margin:0 0 28px; color:var(--hb-soluk); font-size:15px; }
.hb-form{ display:grid; grid-template-columns:1fr 1fr; gap:18px 20px; }
.hb-form .hb-alan-genis{ grid-column:1 / -1; }
/* Alan kutuları: etiket iki satıra taşsa bile alanlar aynı hizada başlar */
.hb-form > div{ display:flex; flex-direction:column; }
.hb-form > div > input,
.hb-form > div > select,
.hb-form > div > textarea{ margin-top:auto; }
.hb-form label{ display:block; margin:0 0 7px; font-size:13px; font-weight:600; color:var(--hb-metin); }
/* Etiket yanındaki kısa açıklama: "(isteğe bağlı)" */
.hb-alan-not{ font-weight:500; color:var(--hb-soluk); }
/* Alan altındaki ortak açıklama (telefon/e-posta kuralı) */
.hb-form-not{ margin:-6px 0 0; font-size:12.5px; color:var(--hb-soluk); }
.hb-form input[type="text"],
.hb-form input[type="email"],
.hb-form select,
.hb-form textarea{
	display:block; width:100%;
	height:50px; padding:0 14px;
	border:1px solid rgba(34,37,42,0.22);
	border-radius:var(--hb-yuvarlak);
	background:var(--hb-tas);
	font-size:15px; color:var(--hb-metin);
	box-shadow:none;
	transition:border-color 200ms var(--hb-easing), background-color 200ms var(--hb-easing);
	-webkit-appearance:none; appearance:none;
}
.hb-form select{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6168' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 12px center; background-size:18px;
	padding-right:40px;
}
.hb-form textarea{ height:130px; padding:12px 14px; resize:vertical; }
.hb-form input:focus, .hb-form select:focus, .hb-form textarea:focus{ outline:none; border-color:var(--hb-altin-koyu); background:#fff; }
.hb-form [aria-invalid="true"]{ border-color:#c0392b; }
.hb-form-alt{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.hb-form-alt small{ font-size:13px; color:var(--hb-soluk); max-width:360px; line-height:1.5; }
.hb-form .form-bildirim{ grid-column:1 / -1; margin:0; }

/* ---------- Alt bilgi (footer) ---------- */
.hb-alt{ background:var(--hb-komur); color:var(--hb-acik-soluk); }
/* İlk sütun marka alanı; sonrakiler panelden yönetilen menü sütunlarıdır,
   sayıları değişebildiği için eşit paylaşırlar. */
.hb-alt-ust{
	display:grid;
	grid-template-columns:minmax(0, 5fr);
	grid-auto-flow:column;
	grid-auto-columns:minmax(150px, 3fr);
	gap:64px;
	padding:88px 0 64px;
}
.hb-alt-logo img{ height:72px; width:auto; }
.hb-alt p{ margin:22px 0 0; font-size:15px; line-height:1.75; max-width:400px; }
.hb-alt h2{ margin:0 0 20px; font-family:var(--hb-sans); font-size:12px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:#fff; }
/* Sosyal medya: yalnızca adresi girilmiş hesaplar görünür */
.hb-sosyal{
	display:flex; flex-wrap:wrap; gap:10px;
	margin:26px 0 0; padding:0; list-style:none;
}
.hb-sosyal a{
	display:flex; align-items:center; justify-content:center;
	width:40px; height:40px;
	border:1px solid var(--hb-cizgi-koyu);
	border-radius:var(--hb-yuvarlak);
	color:var(--hb-acik-soluk);
	transition:color 220ms var(--hb-easing), border-color 220ms var(--hb-easing), background-color 220ms var(--hb-easing);
}
.hb-sosyal svg{ width:18px; height:18px; }
.hb-sosyal a:hover, .hb-sosyal a:focus-visible{
	color:var(--hb-komur);
	background:var(--hb-altin);
	border-color:var(--hb-altin);
}

.hb-alt h2 a{ color:inherit; }
.hb-alt h2 a:hover, .hb-alt h2 a:focus{ color:var(--hb-altin-acik); }
.hb-alt ul{ margin:0; padding:0; list-style:none; }
.hb-alt li{ margin:0 0 11px; font-size:15px; }
.hb-alt a{ color:var(--hb-acik-soluk); }
.hb-alt a:hover, .hb-alt a:focus{ color:#fff; }
.hb-alt-alt{
	display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
	padding:24px 0 96px; border-top:1px solid var(--hb-cizgi-koyu);
	font-size:13px;
}

/* WhatsApp düğmesi anasayfada hero geçilince görünür (rakam şeridinin üstüne binmesin) */
.hb-anasayfa .whatsapp-dugme{ opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity 300ms var(--hb-easing), transform 300ms var(--hb-easing), visibility 0s linear 300ms; }
.hb-anasayfa.hb-hero-gecti .whatsapp-dugme{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }

/* ---------- Kaydırınca içeri giriş (JS yoksa içerik görünür kalır) ---------- */
.hb-js [data-hb-gir]{
	opacity:0;
	transform:translateY(16px);
	transition:opacity 800ms var(--hb-easing), transform 800ms var(--hb-easing);
}
.hb-js [data-hb-gir].hb-gorundu{ opacity:1; transform:none; }

/* ---------- İç sayfalar ---------- */
.hb-sayfa-bas{
	position:relative;
	display:flex;
	align-items:flex-end;
	min-height:460px;
	padding:152px 0 64px;
	background-color:var(--hb-komur);
	background-size:cover;
	background-position:center;
	color:#fff;
}
.hb-sayfa-bas:before{
	content:"";
	position:absolute; top:0; right:0; bottom:0; left:0;
	background:
		linear-gradient(180deg, rgba(22,24,27,0.7) 0%, rgba(22,24,27,0.35) 40%, rgba(22,24,27,0.85) 100%),
		linear-gradient(90deg, rgba(22,24,27,0.6) 0%, rgba(22,24,27,0) 70%);
}
.hb-sayfa-bas-ic{ position:relative; z-index:1; }
.hb-sayfa-bas .hb-etiket{ color:var(--hb-altin-acik); }
.hb-sayfa-bas h1{
	max-width:860px;
	margin:0;
	font-size:clamp(40px, 5.4vw, 68px);
	line-height:1.04;
	color:#fff;
	text-wrap:balance;
}
.hb-sayfa-bas-metin{ max-width:620px; margin:18px 0 0; font-size:17px; line-height:1.7; color:rgba(255,255,255,0.82); }
.hb-kirinti{ margin:0 0 28px; }
.hb-kirinti ol{ display:flex; flex-wrap:wrap; gap:6px 0; margin:0; padding:0; list-style:none; font-size:13px; color:rgba(255,255,255,0.7); }
.hb-kirinti li + li:before{ content:"/"; margin:0 10px; color:rgba(255,255,255,0.4); }
.hb-kirinti a{ color:rgba(255,255,255,0.82); }
.hb-kirinti a:hover, .hb-kirinti a:focus{ color:#fff; }
.hb-kirinti [aria-current="page"]{ color:#fff; }

/* Panelden gelen zengin metin */
.hb-yazi{ font-size:16.5px; line-height:1.85; color:var(--hb-soluk); }
.hb-yazi > *:first-child{ margin-top:0; }
.hb-yazi p{ margin:0 0 20px; font-size:inherit; line-height:inherit; color:inherit; }
.hb-yazi h2, .hb-yazi h3, .hb-yazi h4{ margin:40px 0 14px; font-size:28px; line-height:1.2; color:var(--hb-metin); }
.hb-yazi ul{ margin:0 0 24px; padding:0; list-style:none; }
.hb-yazi ul li{ position:relative; margin:0 0 10px; padding-left:22px; }
.hb-yazi ul li:before{ content:""; position:absolute; left:0; top:0.8em; width:8px; height:1px; background:var(--hb-altin-koyu); }
.hb-yazi strong{ color:var(--hb-metin); font-weight:600; }
.hb-yazi a{ text-decoration:underline; text-underline-offset:3px; }

/* Metin + yan kart */
.hb-yanli{ display:grid; grid-template-columns:minmax(0, 7fr) minmax(0, 4fr); gap:72px; align-items:start; }
.hb-yan-kart{
	position:relative;
	padding:36px;
	border-radius:var(--hb-yuvarlak);
	background:var(--hb-tas);
	border:1px solid var(--hb-cizgi);
}
.hb-yan-kart h2{ margin:0 0 20px; font-size:28px; }
.hb-yan-kart .hb-yazi{ font-size:15px; line-height:1.7; }
.hb-yan-kart .hb-yazi ul li{ margin-bottom:8px; }
.hb-yan-kart .hb-yazi p{ margin:22px 0 10px; color:var(--hb-metin); }
.hb-yan-kart-cagri{ display:grid; gap:12px; margin-top:28px; padding-top:28px; border-top:1px solid var(--hb-cizgi); }
.hb-yan-kart-cagri .hb-buton{ width:100%; }
.hb-buton-cizgi-koyu{ border-color:rgba(34,37,42,0.3); color:var(--hb-metin); background:transparent; }
.hb-buton-cizgi-koyu:hover, .hb-buton-cizgi-koyu:focus{ border-color:var(--hb-metin); color:var(--hb-metin); }
.hb-yan-liste{ margin:0; padding:0; list-style:none; border-top:1px solid var(--hb-cizgi); }
.hb-yan-liste li{ border-bottom:1px solid var(--hb-cizgi); }
.hb-yan-liste a{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:15px 0; font-size:15px; font-weight:500; color:var(--hb-metin); }
.hb-yan-liste a svg{ width:16px; height:16px; flex:0 0 16px; color:var(--hb-altin-koyu); transition:transform 250ms var(--hb-easing); }
.hb-yan-liste a:hover svg, .hb-yan-liste a:focus svg{ transform:translateX(3px); }
.hb-yan-liste a[aria-current="page"]{ color:var(--hb-altin-koyu); }

/* Bilgi (yasal) sayfaları: solda yapışkan içindekiler, sağda uzun metin */
.hb-yasal{ display:grid; grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:80px; align-items:start; }
.hb-yasal-yan{ position:sticky; top:104px; }
.hb-yasal-tarih{
	display:flex; flex-direction:column; gap:6px; margin:0 0 32px;
	padding-bottom:24px; border-bottom:1px solid var(--hb-cizgi);
	font-family:var(--hb-sans); font-size:11px; font-weight:600;
	letter-spacing:0.18em; text-transform:uppercase; color:var(--hb-soluk);
}
.hb-yasal-tarih span{
	font-family:var(--hb-serif); font-size:22px; font-weight:600;
	letter-spacing:0; text-transform:none; color:var(--hb-metin);
}
.hb-yasal-icindekiler ol{ counter-reset:hb-madde; margin:0; padding:0; list-style:none; }
.hb-yasal-icindekiler li{ counter-increment:hb-madde; border-bottom:1px solid var(--hb-cizgi); }
.hb-yasal-icindekiler li:first-child{ border-top:1px solid var(--hb-cizgi); }
.hb-yasal-icindekiler a{
	display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:baseline;
	padding:13px 0; font-size:14.5px; line-height:1.5; color:var(--hb-soluk);
	transition:color 260ms var(--hb-easing), transform 260ms var(--hb-easing);
}
.hb-yasal-icindekiler a:before{
	content:counter(hb-madde, decimal-leading-zero);
	font-family:var(--hb-sans); font-size:11px; font-weight:600;
	letter-spacing:0.1em; color:var(--hb-altin-koyu);
}
.hb-yasal-icindekiler a:hover, .hb-yasal-icindekiler a:focus-visible{
	color:var(--hb-metin); transform:translateX(3px);
}

.hb-yasal-metin{ max-width:68ch; }
.hb-yasal-metin > h2{
	position:relative; margin:56px 0 18px; padding-top:28px;
	font-size:26px; letter-spacing:-0.01em;
}
.hb-yasal-metin > h2:before{
	content:""; position:absolute; left:0; top:0; width:36px; height:1px;
	background:var(--hb-altin);
}
.hb-yasal-metin > *:first-child{ margin-top:0; padding-top:0; }
.hb-yasal-metin > *:first-child:before{ display:none; }
.hb-yasal-metin h2[id]{ scroll-margin-top:96px; }

.hb-yasal-diger{ margin-top:64px; padding-top:40px; border-top:1px solid var(--hb-cizgi); }
.hb-yasal-diger .hb-etiket{ margin-bottom:12px; }

@media (max-width: 1023px){
	.hb-yasal{ grid-template-columns:1fr; gap:48px; }
	.hb-yasal-yan{ position:static; padding:28px; background:var(--hb-tas); border:1px solid var(--hb-cizgi); }
	.hb-yasal-tarih{ margin-bottom:24px; padding-bottom:18px; }
	.hb-yasal-metin{ max-width:none; }
}
@media (max-width: 767px){
	.hb-yasal-yan{ padding:22px 20px; }
	.hb-yasal-metin > h2{ margin-top:44px; font-size:23px; }
}

/* Faaliyet bölgeleri */
.hb-bolgeler{ display:grid; grid-template-columns:repeat(3, 1fr); gap:0; margin:0; padding:0; list-style:none; border-top:1px solid var(--hb-cizgi-koyu); }
.hb-bolgeler li{ padding:36px 32px 8px 0; }
.hb-bolgeler li + li{ padding-left:32px; border-left:1px solid var(--hb-cizgi-koyu); }
.hb-bolgeler h3{ margin:0 0 8px; font-size:30px; color:#fff; }
.hb-bolgeler p{ margin:0; font-size:15px; line-height:1.7; color:var(--hb-acik-soluk); }
.hb-bolgeler .hb-etiket{ margin-bottom:14px; }

/* Proje ve haber kartları */
.hb-proje-kart{
	display:grid; grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);
	border-radius:var(--hb-yuvarlak); overflow:hidden;
	background:var(--hb-beyaz); border:1px solid var(--hb-cizgi);
	box-shadow:var(--hb-golge);
}
.hb-proje-kart + .hb-proje-kart{ margin-top:32px; }
.hb-proje-kart .hb-cerceve{ border-radius:0; box-shadow:none; min-height:420px; }
.hb-proje-kart-ic{ display:flex; flex-direction:column; justify-content:center; padding:48px; }
.hb-proje-kart h2{ margin:0 0 14px; font-size:clamp(30px, 3vw, 40px); line-height:1.1; }
.hb-proje-kart h2 a{ color:inherit; }
.hb-proje-kart p{ margin:0 0 24px; color:var(--hb-soluk); font-size:16px; line-height:1.75; }
.hb-mini-rakamlar{ display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin:0 0 32px; padding:22px 0 0; list-style:none; border-top:1px solid var(--hb-cizgi); }
.hb-mini-rakamlar strong{ display:block; font-family:var(--hb-serif); font-size:28px; line-height:1.1; font-weight:600; color:var(--hb-metin); font-variant-numeric:lining-nums; }
.hb-mini-rakamlar span{ display:block; margin-top:2px; font-size:13px; color:var(--hb-soluk); }

.hb-kartlar{ display:grid; grid-template-columns:repeat(3, 1fr); gap:32px; }
.hb-kart{ display:flex; flex-direction:column; }
.hb-kart .hb-cerceve{ aspect-ratio:16 / 10; box-shadow:none; }
.hb-kart h3{ margin:22px 0 10px; font-size:26px; line-height:1.2; }
.hb-kart h3 a{ color:inherit; }
.hb-kart h3 a:hover, .hb-kart h3 a:focus{ color:var(--hb-altin-koyu); }
.hb-kart p{ margin:0 0 18px; font-size:15px; line-height:1.7; color:var(--hb-soluk); }
.hb-kart-link{ margin-top:auto; display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:600; letter-spacing:0.03em; color:var(--hb-metin); }
.hb-kart-link svg{ width:16px; height:16px; color:var(--hb-altin-koyu); transition:transform 250ms var(--hb-easing); }
.hb-kart-link:hover svg, .hb-kart-link:focus svg{ transform:translateX(3px); }

/* Hizmet satırları (zig-zag) */
.hb-hizmetler{ display:grid; gap:96px; }
.hb-hizmet-satir{ display:grid; grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:72px; align-items:center; }
.hb-hizmet-satir:nth-child(even) .hb-cerceve{ order:2; }
.hb-hizmet-satir .hb-cerceve{ aspect-ratio:4 / 3; }
.hb-hizmet-no{ display:block; margin-bottom:14px; font-family:var(--hb-serif); font-size:22px; color:var(--hb-altin-koyu); font-variant-numeric:lining-nums; }
.hb-hizmet-satir h2{ margin:0 0 16px; font-size:clamp(30px, 3.2vw, 42px); line-height:1.1; }
.hb-hizmet-satir h2 a{ color:inherit; }
.hb-hizmet-satir p{ margin:0 0 26px; color:var(--hb-soluk); font-size:16.5px; line-height:1.8; }

/* Referans logoları */
.hb-logolar{ display:grid; grid-template-columns:repeat(4, 1fr); gap:1px; background:var(--hb-cizgi); border:1px solid var(--hb-cizgi); }
.hb-logo-kutu{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; min-height:200px; padding:28px; background:var(--hb-beyaz); margin:0; }
.hb-logo-kutu img{ max-width:160px; max-height:80px; width:auto; height:auto; filter:grayscale(1); opacity:0.8; transition:filter 300ms var(--hb-easing), opacity 300ms var(--hb-easing); }
.hb-logo-kutu:hover img{ filter:none; opacity:1; }
.hb-logo-kutu figcaption{ font-size:13px; color:var(--hb-soluk); text-align:center; }
.hb-bos{ max-width:560px; padding:48px 0; }
.hb-bos h2{ margin:0 0 12px; font-size:32px; }
.hb-bos p{ margin:0 0 28px; color:var(--hb-soluk); }

/* Galeri ızgaraları (proje detay) */
.hb-galeri-3{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.hb-galeri-3 .hb-cerceve{ aspect-ratio:16 / 10; box-shadow:none; }
.hb-galeri-oge{ margin:0; }
.hb-galeri-oge figcaption{ margin-top:10px; font-size:14px; font-weight:500; color:var(--hb-soluk); }
.hb-koyu .hb-galeri-oge figcaption{ color:var(--hb-acik-soluk); }
.hb-planlar-4{ grid-template-columns:repeat(4, 1fr); }

/* Harita */
.hb-harita{ position:relative; height:440px; background:var(--hb-kum); }
.hb-harita iframe{ display:block; width:100%; height:100%; border:0; filter:grayscale(0.35); }

/* Haber detay */
.hb-makale-gorsel{ aspect-ratio:16 / 9; margin-bottom:48px; }
.hb-makale-meta{ margin:0 0 28px; font-size:13px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--hb-altin-koyu); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1360px){
	.hb-ust-sag .hb-telefon span{ display:none; }
	.hb-ust-ic{ gap:24px; }
}
@media (max-width: 1199px){
	.hb-menu ul{ gap:18px; }
	.hb-menu a{ font-size:13.5px; }
	.hb-ikili, .hb-konum-ust, .hb-iletisim-izgara{ gap:24px 56px; }
	.hb-gorsel-istif .hb-cerceve-kucuk{ left:-28px; }
}
@media (max-width: 991px){
	.hb-bolum{ padding:88px 0; }
	.hb-ust-ic, .hb-ust.hb-dolu .hb-ust-ic{ height:72px; gap:16px; }
	.hb-logo img, .hb-ust.hb-dolu .hb-logo img{ height:46px; }
	.hb-menu-dugme{ display:block; }
	.hb-ust-sag{ margin-left:auto; gap:8px; }
	.hb-ust-sag .hb-telefon, .hb-ust-sag .hb-buton{ display:none; }
	.hb-menu{
		position:fixed; top:72px; left:0; right:0; bottom:0;
		padding:16px 24px 40px;
		background:var(--hb-komur);
		overflow-y:auto;
		opacity:0; visibility:hidden; transform:translateY(-8px);
		transition:opacity 300ms var(--hb-easing), transform 300ms var(--hb-easing), visibility 0s linear 300ms;
	}
	.hb-menu-acik .hb-menu{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
	.hb-ust.hb-menu-acik{ background:var(--hb-komur); }
	.hb-menu ul{ flex-direction:column; gap:0; }
	.hb-menu li{ border-bottom:1px solid var(--hb-cizgi-koyu); }
	.hb-menu a{ padding:16px 0; font-family:var(--hb-serif); font-size:26px; font-weight:600; }
	.hb-menu a:after{ display:none; }
	/* Mobilde alt menü açılır kutu değil, iç içe liste olarak görünür */
	.hb-menu-alt-var > a:before{ display:none; }
	.hb-alt-menu{
		position:static;
		transform:none;
		opacity:1; visibility:visible;
		min-width:0; padding:0 0 12px 18px;
		background:transparent; border:0; box-shadow:none;
	}
	.hb-alt-menu li{ border-bottom:0; }
	.hb-alt-menu a{ padding:9px 0; font-family:var(--hb-sans); font-size:16px; font-weight:500; }
	.hb-alt-menu a:hover, .hb-alt-menu a:focus, .hb-alt-menu a[aria-current="page"]{ background:transparent; }
	.hb-menu-alt{ display:flex; flex-direction:column; gap:14px; margin-top:28px; }
	.hb-menu-alt .hb-buton{ width:100%; }
	.hb-menu-alt .hb-telefon{ justify-content:center; padding:10px 0; }
	.hb-menu-alt .hb-telefon span{ display:inline; }
	.hb-ikili, .hb-konum-ust, .hb-daire-izgara, .hb-iletisim-izgara{ grid-template-columns:1fr; }
	.hb-gorsel-istif .hb-cerceve-kucuk{ display:none; }
	.hb-rakamlar ul{ grid-template-columns:repeat(2, 1fr); }
	.hb-rakamlar li{ padding:20px 16px; border-left:0; }
	.hb-rakamlar li:first-child, .hb-rakamlar li:nth-child(3){ padding-left:0; }
	.hb-rakamlar li:nth-child(even){ border-left:1px solid var(--hb-cizgi-koyu); }
	.hb-rakamlar li:nth-child(n+3){ border-top:1px solid var(--hb-cizgi-koyu); }
	.hb-avantajlar, .hb-odeme{ grid-template-columns:1fr 1fr; margin-top:64px; }
	.hb-odeme{ margin-top:0; }
	.hb-avantajlar li, .hb-odeme li{ padding:28px 24px 28px 0; border-left:0; border-bottom:1px solid var(--hb-cizgi-koyu); }
	.hb-odeme li{ border-bottom-color:var(--hb-cizgi); }
	.hb-avantajlar li + li, .hb-odeme li + li{ padding-left:0; border-left:0; }
	.hb-avantajlar li:nth-child(even), .hb-odeme li:nth-child(even){ padding-left:24px; border-left:1px solid var(--hb-cizgi-koyu); }
	.hb-odeme li:nth-child(even){ border-left-color:var(--hb-cizgi); }
	.hb-bento{ grid-template-columns:repeat(2, 1fr); grid-auto-rows:220px; }
	.hb-bento > *{ grid-column:span 1; grid-row:span 1; }
	.hb-bento > .hb-bento-1{ grid-column:span 2; grid-row:span 2; }
	.hb-alt-ust{ grid-auto-flow:row; grid-template-columns:1fr 1fr; gap:48px; }
	.hb-alt-ust > div:first-child{ grid-column:1 / -1; }
}
@media (max-width: 767px){
	.hb-kap{ padding:0 16px; }
	.hb-bolum{ padding:72px 0; }
	.hb-bolum-bas{ margin-bottom:40px; }
	.hb-hero-icerik{ padding-bottom:40px; }
	.hb-hero-metin{ font-size:16px; }
	.hb-hero-cagri .hb-buton{ flex:1 1 100%; }
	.hb-rakam{ font-size:28px; }
	.hb-rakam-etiket{ font-size:12px; }
	.hb-ozellikler, .hb-planlar, .hb-form, .hb-cephe{ grid-template-columns:1fr; }
	.hb-cephe .hb-cephe-genis{ grid-column:auto; grid-row:auto; aspect-ratio:16 / 10; }
	.hb-avantajlar, .hb-odeme{ grid-template-columns:1fr; }
	.hb-avantajlar li, .hb-odeme li, .hb-avantajlar li:nth-child(even), .hb-odeme li:nth-child(even){ padding:26px 0; border-left:0; }
	.hb-bento{ grid-template-columns:1fr; grid-auto-rows:240px; }
	.hb-bento > *, .hb-bento > .hb-bento-1{ grid-column:span 1; grid-row:span 1; }
	.hb-cagri-bandi{ padding:32px 24px; }
	.hb-form-kutu{ padding:28px 20px; }
	.hb-alt-ust{ grid-template-columns:1fr; padding:64px 0 40px; gap:36px; }
	.hb-tip-ad{ font-size:26px; }
	.page-title{ padding:80px 0 48px; }
}
/* İç sayfa bileşenleri: tablet ve mobil */
@media (max-width: 991px){
	.hb-yanli, .hb-proje-kart, .hb-hizmet-satir{ grid-template-columns:1fr; gap:48px; }
	.hb-proje-kart{ gap:0; }
	.hb-proje-kart .hb-cerceve{ min-height:0; aspect-ratio:16 / 10; }
	.hb-yan-kart{ position:static; }
	.hb-hizmet-satir:nth-child(even) .hb-cerceve{ order:0; }
	.hb-hizmetler{ gap:72px; }
	.hb-kartlar, .hb-galeri-3, .hb-planlar-4{ grid-template-columns:repeat(2, 1fr); }
	.hb-logolar{ grid-template-columns:repeat(3, 1fr); }
	.hb-bolgeler{ grid-template-columns:1fr; }
	.hb-bolgeler li, .hb-bolgeler li + li{ padding:28px 0; border-left:0; border-bottom:1px solid var(--hb-cizgi-koyu); }
	.hb-sayfa-bas{ min-height:400px; padding:128px 0 52px; }
}
@media (max-width: 767px){
	.hb-kartlar, .hb-galeri-3, .hb-planlar-4{ grid-template-columns:1fr; }
	.hb-logolar{ grid-template-columns:repeat(2, 1fr); }
	.hb-logo-kutu{ min-height:150px; padding:20px; }
	.hb-sayfa-bas{ min-height:340px; padding:112px 0 40px; }
	.hb-sayfa-bas-metin{ font-size:15.5px; }
	.hb-kirinti{ margin-bottom:20px; }
	.hb-proje-kart-ic{ padding:28px 20px; }
	.hb-mini-rakamlar strong{ font-size:24px; }
	.hb-yan-kart{ padding:28px 20px; }
	.hb-harita{ height:320px; }
}

@media (prefers-reduced-motion: reduce){
	html{ scroll-behavior:auto; }
	.hb-js [data-hb-gir]{ opacity:1; transform:none; transition:none; }
	.hb-hero-gorsel{ transition:none; transform:none; }
	.hb-cerceve img, .hb-buton, .hb-buton svg, .hb-ust, .hb-menu, .hb-menu a:after{ transition:none; }
	a.hb-cerceve:hover img{ transform:none; }
}

/* İç sayfa küçük ekler */
.hb-rakamlar-ic{ background:var(--hb-komur); border-top:0; }
.hb-ozellikler-tek{ grid-template-columns:1fr; margin-top:28px; }
.hb-hizmet-gorsel{ margin-top:40px; margin-bottom:0; }

/* ---------- Sabit düğmeler: WhatsApp (sol alt) ve sayfa başına dön (sağ alt) ---------- */
.whatsapp-dugme{
	position:fixed; left:20px; bottom:20px; z-index:900;
	display:flex; align-items:center; gap:10px;
	height:52px; padding:0 20px 0 16px;
	border-radius:26px;
	background:#1f7a47; color:#fff;
	font-size:15px; font-weight:500;
	box-shadow:0 6px 18px rgba(20,60,35,0.28);
	transition:background-color 200ms var(--hb-easing), transform 200ms var(--hb-easing), opacity 300ms var(--hb-easing);
}
.whatsapp-dugme svg{ width:24px; height:24px; }
.whatsapp-dugme:hover, .whatsapp-dugme:focus{ background:#17633a; color:#fff; transform:translateY(-2px); }
.hb-yukari{
	position:fixed; right:20px; bottom:20px; z-index:900;
	width:48px; height:48px; padding:0;
	display:flex; align-items:center; justify-content:center;
	border:1px solid var(--hb-cizgi-koyu); border-radius:var(--hb-yuvarlak);
	background:var(--hb-komur); color:#fff;
	transition:background-color 200ms var(--hb-easing);
}
.hb-yukari svg{ width:20px; height:20px; }
.hb-yukari:hover, .hb-yukari:focus{ background:var(--hb-komur-3); }
@media (max-width: 767px){
	.whatsapp-dugme{ width:52px; padding:0; justify-content:center; left:16px; bottom:16px; }
	.whatsapp-dugme-metin{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
	.hb-yukari{ right:16px; bottom:18px; }
}

/* ---------- Form bildirimleri ve bot tuzağı ---------- */
.form-bildirim{ margin:0 0 24px; padding:14px 18px; border-left:4px solid; font-size:15px; line-height:1.5; }
.form-bildirim-basari{ border-color:#1f7a47; background:#eef8f1; color:#1c5a36; }
.form-referans{ display:inline-block; margin-left:4px; font-weight:600; font-variant-numeric:tabular-nums; }
.form-bildirim-hata{ border-color:#c0392b; background:#fbeeee; color:#8a2a20; }
.form-hata{ display:block; margin-top:6px; font-size:14px; color:#b3372a; }
.form-tuzak{ position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion: reduce){
	.whatsapp-dugme, .hb-yukari{ transition:none; }
	.whatsapp-dugme:hover{ transform:none; }
}

/* ---------- Çerez izni bandı ----------
   Ölçüm kodları yalnızca buradan onay verilince yüklenir (includes/olcum.php).
   Düğmeler gerçek bağlantıdır: JavaScript kapalıyken de çalışır. */
.hb-cerez{
	position:fixed; left:0; right:0; bottom:0; z-index:950;
	background:var(--hb-komur);
	border-top:1px solid rgba(184,149,90,0.4);
	color:var(--hb-acik-soluk);
	box-shadow:0 -20px 44px -30px rgba(0,0,0,0.7);
	animation:hb-cerez-gir 520ms var(--hb-easing) 360ms both;
}
@keyframes hb-cerez-gir{ from{ transform:translateY(100%); } to{ transform:none; } }
.hb-cerez-ic{
	max-width:var(--hb-kap); margin:0 auto; padding:22px 24px;
	display:flex; align-items:center; gap:32px; flex-wrap:wrap;
}
.hb-cerez-metin{ flex:1 1 440px; min-width:0; }
.hb-cerez-metin h2{
	margin:0 0 7px;
	font-family:var(--hb-sans); font-size:12px; font-weight:600;
	letter-spacing:0.16em; text-transform:uppercase; color:#fff;
}
.hb-cerez-metin p{ margin:0; font-size:14.5px; line-height:1.65; max-width:74ch; }
.hb-cerez-metin a{ color:var(--hb-altin-acik); text-decoration:underline; text-underline-offset:3px; }
.hb-cerez-metin a:hover, .hb-cerez-metin a:focus{ color:#fff; }
.hb-cerez-dugmeler{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hb-cerez-dugmeler .hb-buton{ min-height:46px; }

/* Bant açıkken sabit düğmeler bandın üstüne çıkar */
.hb-cerez-var{ --hb-cerez-yuk:112px; }
.whatsapp-dugme{ bottom:calc(20px + var(--hb-cerez-yuk, 0px)); }
.hb-yukari{ bottom:calc(20px + var(--hb-cerez-yuk, 0px)); }

/* Bant açıkken hero'nun çağrı düğmeleri bandın altında kalmasın: hero içeriği
   alta hizalı olduğu için bant yüksekliği kadar alt pay bırakmak yeterli. */
.hb-cerez-var .hb-hero-icerik{ padding-bottom:calc(64px + var(--hb-cerez-yuk, 0px)); }

/* Alt bilgideki "Çerez tercihleri" bağlantısı */
.hb-cerez-tercih{
	background:none; border:0; padding:0;
	color:inherit; font-size:inherit; text-decoration:underline; text-underline-offset:3px;
}
.hb-cerez-tercih:hover, .hb-cerez-tercih:focus{ color:#fff; }

@media (max-width: 900px){
	.hb-cerez-var{ --hb-cerez-yuk:184px; }
	.hb-cerez-ic{ gap:16px; padding:18px 20px; }
	.hb-cerez-dugmeler{ width:100%; }
	.hb-cerez-dugmeler .hb-buton{ flex:1 1 220px; justify-content:center; }
	.hb-cerez-var .hb-hero-icerik{ padding-bottom:calc(40px + var(--hb-cerez-yuk, 0px)); }
}
@media (max-width: 767px){
	/* Dar ekranda bant ilk ekranın üçte birini yiyip hero'daki satış düğmesini
	   örtüyordu. Metin sıkıştırıldı, düğmeler alt alta değil yan yana dizildi;
	   böylece bant ~180px'e iniyor. Sabit düğmeler bant kapanana kadar gizli.
	   --hb-cerez-yuk bandın gerçek yüksekliğidir: hero ve 404 yerleşimi buna
	   göre kısalır, ölçü değişirse bu değer de güncellenmeli. */
	.hb-cerez-var{ --hb-cerez-yuk:196px; }
	.hb-cerez-var .whatsapp-dugme,
	.hb-cerez-var .hb-yukari{ display:none; }
	.hb-cerez-ic{ padding:14px 16px; gap:12px; }
	.hb-cerez-metin h2{ margin-bottom:5px; font-size:11.5px; }
	.hb-cerez-metin p{ font-size:13px; line-height:1.55; }
	.hb-cerez-dugmeler{ gap:8px; flex-wrap:nowrap; }
	.hb-cerez-dugmeler .hb-buton{
		flex:1 1 0; min-width:0; min-height:44px;
		padding:0 12px; font-size:13.5px; text-align:center;
	}
}
/* Alçak telefon ekranı (ör. 360x640): bant açıkken hero başlığı ve metni
   sıkışır, böylece iki satış düğmesi de ilk ekranda bandın üstünde kalır. */
@media (max-width: 767px) and (max-height: 720px){
	.hb-cerez-var .hb-hero h1{ font-size:clamp(30px, 8.4vw, 40px); margin-bottom:14px; }
	.hb-cerez-var .hb-hero-metin{ margin-bottom:20px; font-size:15px; line-height:1.55; }
	.hb-cerez-var .hb-hero .hb-etiket{ margin-bottom:10px; }
	.hb-cerez-var .hb-hero-cagri{ gap:10px; }
	.hb-cerez-var .hb-hero-cagri .hb-buton{ min-height:46px; }
}

@media (prefers-reduced-motion: reduce){
	.hb-cerez{ animation:none; }
}

/* ---------- Ekran okuyucuya özel metin ---------- */
.hb-sr{
	position:absolute;
	width:1px; height:1px;
	padding:0; margin:0; border:0;
	overflow:hidden;
	clip-path:inset(50%);
	white-space:nowrap;
}

/* ---------- Grup / ülke kartları (anasayfa, Proje ile Konum arasında) ----------
   Ön yüz fotoğraf, arka yüz tanıtım. Masaüstünde fareyle üzerine gelince,
   dokunmatikte karta dokununca çevrilir. Klavyede ön yüz tek düğmedir.
   Çevirme dışında hareket yok: kalkma/zoom eklenmedi, hareket tek olayda kalsın. */
.hb-ulke-liste{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:26px;
	margin:0;
	padding:0;
	list-style:none;
}
/* Panelden 1-2 kart tutulursa satir doldurulmaz: kartlar ortada, ayni genislikte kalir */
.hb-ulke-liste[data-hb-adet="1"]{ grid-template-columns:minmax(0, 392px); justify-content:center; }
.hb-ulke-liste[data-hb-adet="2"]{ grid-template-columns:repeat(2, minmax(0, 392px)); justify-content:center; }
.hb-ulke{
	position:relative;
	min-width:0;
	/* Fotograflarin dogal yuksekligi 458 px; kart bundan uzun olursa gorsel
	   buyutulerek yumusar. Daha yuksek cozunurluklu dosya gelirse serbest. */
	height:458px;
	perspective:1500px;
}
.hb-ulke-ic{
	position:relative;
	width:100%; height:100%;
	transform-style:preserve-3d;
	transition:transform 700ms var(--hb-easing);
}
.hb-ulke.hb-acik .hb-ulke-ic{ transform:rotateY(180deg); }
.hb-ulke-yuz{
	position:absolute;
	inset:0;
	overflow:hidden;
	border:1px solid var(--hb-cizgi);
	border-radius:var(--hb-yuvarlak);
	box-shadow:var(--hb-golge);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}

/* Ön yüz */
.hb-ulke-on{ background:var(--hb-komur-2); }
.hb-ulke-foto{
	position:absolute;
	inset:0;
	width:100%; height:100%;
	max-width:none;
	object-fit:cover;
}
/* Sabit karartma: ustte sira numarasi, altta baslik okunsun. Girne
   fotografinin ust serisi beyaz binalar oldugu icin ust ucu 0.38. */
.hb-ulke-on:after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,
		rgba(10,12,14,0.38) 0%,
		rgba(10,12,14,0) 26%,
		rgba(8,10,12,0.14) 48%,
		rgba(8,10,12,0.92) 100%);
	pointer-events:none;
}
.hb-ulke-no{
	position:absolute;
	z-index:1;
	top:22px; left:24px;
	display:flex;
	align-items:center;
	gap:11px;
	font-family:var(--hb-sans);
	font-size:11px;
	font-weight:600;
	letter-spacing:0.16em;
	color:#fff;
	text-shadow:0 1px 6px rgba(0,0,0,0.5);
}
/* hb-etiket'teki ince çizgi dili; burada sayının ardından gelir */
.hb-ulke-no:after{
	content:"";
	width:26px; height:1px;
	background:rgba(255,255,255,0.6);
}
.hb-ulke-on-alt{
	position:absolute;
	z-index:1;
	left:26px; right:24px; bottom:26px;
	pointer-events:none;
}
.hb-ulke-yer{
	margin:0 0 10px;
	font-size:10.5px;
	font-weight:600;
	letter-spacing:0.16em;
	text-transform:uppercase;
	color:#e3e6e4;
}
.hb-ulke-on-satir{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}
.hb-ulke-ad{
	margin:0;
	font-size:clamp(28px, 2.6vw, 38px);
	line-height:1.12;
	font-weight:600;
	color:#fff;
}
.hb-ulke-ok{
	flex:0 0 42px;
	width:42px; height:42px;
	display:grid;
	place-items:center;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:var(--hb-yuvarlak);
	color:#fff;
}
.hb-ulke-ok svg{ width:20px; height:20px; }
/* Ön yüzün tamamı düğmedir: fare, dokunma ve klavye aynı hedefi kullanır */
.hb-ulke-tetik{
	position:absolute;
	z-index:2;
	inset:0;
	width:100%;
	padding:0;
	border:0;
	border-radius:inherit;
	background:transparent;
	color:inherit;
	cursor:pointer;
}
.hb-ulke-tetik:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:-5px; }

/* Arka yüz */
.hb-ulke-arka{
	transform:rotateY(180deg);
	display:flex;
	flex-direction:column;
	padding:28px;
	background:radial-gradient(ellipse at 100% 0%, var(--hb-komur-3) 0%, var(--hb-komur-2) 42%, var(--hb-komur) 100%);
	border-color:rgba(184,149,90,0.55);
	pointer-events:none;
}
.hb-ulke.hb-acik .hb-ulke-on{ pointer-events:none; }
.hb-ulke.hb-acik .hb-ulke-arka{ pointer-events:auto; }
.hb-ulke-arka-ust{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:28px;
}
.hb-ulke-kicker{
	margin:0;
	font-size:10.5px;
	font-weight:600;
	letter-spacing:0.17em;
	text-transform:uppercase;
	color:var(--hb-altin-acik);
}
.hb-ulke-kapat{
	position:relative;
	z-index:3;
	flex:0 0 42px;
	width:42px; height:42px;
	display:grid;
	place-items:center;
	margin:-6px -6px -6px 0;
	padding:0;
	border:1px solid rgba(184,149,90,0.35);
	border-radius:var(--hb-yuvarlak);
	background:transparent;
	color:#efe4cf;
	cursor:pointer;
	transition:background-color 200ms var(--hb-easing), border-color 200ms var(--hb-easing);
}
.hb-ulke-kapat:hover{ background:rgba(184,149,90,0.12); border-color:var(--hb-altin); }
.hb-ulke-kapat svg{ width:19px; height:19px; }
.hb-ulke-arka-baslik{
	margin:0 0 18px;
	font-size:34px;
	line-height:1.14;
	font-weight:600;
	color:#fff;
	text-wrap:balance;
}
.hb-ulke-metin{
	margin:0;
	max-width:34ch;
	font-size:14.5px;
	line-height:1.8;
	color:#c8ccd0;
}
.hb-ulke-not{
	margin:22px 0 0;
	font-size:10.5px;
	font-weight:600;
	letter-spacing:0.12em;
	text-transform:uppercase;
	color:var(--hb-altin-acik);
}
.hb-ulke-bag{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:auto;
	padding-top:20px;
	border-top:1px solid rgba(184,149,90,0.34);
	font-size:13.5px;
	font-weight:600;
	color:#f2e6cd;
}
.hb-ulke-bag:hover, .hb-ulke-bag:focus{ color:#fff; }
.hb-ulke-bag svg{
	flex:0 0 19px;
	width:19px; height:19px;
	transition:transform 200ms var(--hb-easing);
}
.hb-ulke-bag:hover svg{ transform:translateX(4px); }
/* Arka yüzün tamamı bağlantıdır; kapatma düğmesi (z-index 3) üstte kalır */
.hb-ulke-bag:after{
	content:"";
	position:absolute;
	z-index:2;
	inset:0;
	border-radius:var(--hb-yuvarlak);
}
.hb-ulke-bag:focus-visible{ outline:none; }
.hb-ulke-bag:focus-visible:after{ outline:2px solid var(--hb-altin); outline-offset:-5px; }

/* Alt satır: ipucu ve (dar ekranda) kaydırma noktaları */
.hb-ulke-alt{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	margin-top:26px;
}
.hb-ulke-ipucu{
	display:flex;
	align-items:center;
	gap:9px;
	margin:0;
	font-size:12px;
	letter-spacing:0.02em;
	color:var(--hb-soluk);
}
.hb-ulke-ipucu-dokunma{ display:none; }
.hb-ulke-nokta-kap{ display:none; }
.hb-ulke-nokta{
	display:grid;
	place-items:center;
	width:34px; height:40px;
	padding:0;
	border:0;
	background:none;
	color:var(--hb-soluk);
	cursor:pointer;
}
.hb-ulke-nokta:after{
	content:"";
	display:block;
	width:6px; height:2px;
	background:currentColor;
	transition:width 220ms var(--hb-easing), background-color 220ms var(--hb-easing);
}
.hb-ulke-nokta[aria-current="true"]{ color:var(--hb-altin-koyu); }
.hb-ulke-nokta[aria-current="true"]:after{ width:22px; }

@media (max-width: 991px){
	.hb-ulke-liste{ gap:18px; }
	.hb-ulke{ height:450px; }
	.hb-ulke-arka{ padding:22px; }
	.hb-ulke-on-alt{ left:20px; right:18px; }
	.hb-ulke-arka-baslik{ font-size:29px; }
	.hb-ulke-metin{ font-size:13.5px; line-height:1.72; }
	.hb-ulke-arka-ust{ margin-bottom:22px; }
}

/* Dar ekran: yan yana kaydırmalı şerit. Üç kartın alt alta 1400 px tutması
   yerine tek ekranda kalır; noktalar hangi kartta olunduğunu gösterir. */
@media (max-width: 767px){
	.hb-ulkeler .hb-kap{ padding-right:0; padding-left:0; }
	.hb-ulkeler .hb-bolum-bas{ padding:0 24px; }
	.hb-ulke-liste{
		display:flex;
		gap:16px;
		padding:3px 24px 14px;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		scroll-padding-inline:24px;
		overscroll-behavior-x:contain;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}
	.hb-ulke-liste::-webkit-scrollbar{ display:none; }
	.hb-ulke{
		flex:0 0 min(84vw, 380px);
		height:448px;
		scroll-snap-align:center;
		scroll-snap-stop:always;
	}
	.hb-ulke-on-alt{ left:24px; right:22px; bottom:24px; }
	.hb-ulke-ad{ font-size:34px; }
	.hb-ulke-arka{ padding:26px; }
	.hb-ulke-arka-baslik{ font-size:32px; }
	.hb-ulke-metin{ font-size:14px; line-height:1.75; }
	.hb-ulke-alt{
		justify-content:space-between;
		gap:14px;
		margin-top:8px;
		padding:0 20px 0 24px;
	}
	.hb-ulke-ipucu{ font-size:10.5px; }
	.hb-ulke-ipucu-fare{ display:none; }
	.hb-ulke-ipucu-dokunma{ display:inline; }
	/* JS hidden'i kaldirinca gorunur: betik yokken calismayan nokta gosterilmez */
	.hb-ulke-nokta-kap:not([hidden]){ display:flex; }
}
/* Fare olmayan geniş ekranda (tablet) da doğru ipucu metni gösterilir */
@media (hover: none){
	.hb-ulke-ipucu-fare{ display:none; }
	.hb-ulke-ipucu-dokunma{ display:inline; }
}

@media (max-width: 599px){
	.hb-ulke{ height:452px; }
	.hb-ulke-arka{ padding:22px; }
	.hb-ulke-ad{ font-size:30px; }
	.hb-ulke-arka-baslik{ font-size:29px; }
}

@media (prefers-reduced-motion: reduce){
	.hb-ulke-ic, .hb-ulke-bag svg, .hb-ulke-nokta:after{ transition:none; }
	.hb-ulke-liste{ scroll-behavior:auto; }
}

/* ---------- Referans şeridi (anasayfa; panel: Referanslar) ----------
   2026-10 "minimal" tasarımı (Codex: hanyali-referanslar-minimal.html): çerçeveli tek kutu —
   koyu başlık bandı (etiket, *vurgulu* başlık, logo sayısı, yuvarlak kontroller), tek sıra
   ince çizgili beyaz logo hücreleri (gri; üzerine gelince renk + altta altın çizgi), alt bantta
   ipucu ve Akış / Tüm markalar seçimi. Renkler sitenin kömür/altın tonlarına, yazılar site
   fontlarına uyarlandı; taslağın 7–9 px yazıları okunur boya çıkarıldı. JS yokken ızgara
   görünür (.hb-ref-akis-modu sınıfını JS ekler). Hareket js/kurumsal.js. */
.hb-ref{
	--hb-ref-kart:200px;
	--hb-ref-cizgi:#e6e2d9;
	padding:88px 0;
	background:var(--hb-beyaz);
}
.hb-ref [hidden]{ display:none !important; }
.hb-ref-kutu-dis{
	overflow:hidden;
	border:1px solid #dcd8cd;
	border-radius:var(--hb-yuvarlak);
	box-shadow:var(--hb-golge);
}

/* Başlık bandı */
.hb-ref-ust{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:28px;
	padding:30px 36px 32px;
	background:var(--hb-komur);
	color:var(--hb-tas);
}
.hb-ref-ust .hb-etiket{ margin-bottom:10px; color:var(--hb-altin); font-size:11px; }
.hb-ref-baslik{
	margin:0;
	font-family:var(--hb-serif);
	font-size:clamp(32px, 3.3vw, 46px);
	font-weight:500;
	line-height:1.08;
	letter-spacing:-0.015em;
	color:var(--hb-tas);
	text-wrap:balance;
}
.hb-ref-baslik em{ font-style:italic; color:var(--hb-altin); }
.hb-ref-kaynak{ margin:10px 0 0; font-size:13px; line-height:1.6; color:#a9ada4; }
.hb-ref-yan{ display:flex; align-items:center; gap:28px; flex:0 0 auto; }
.hb-ref-sayac{ display:flex; align-items:center; gap:12px; margin:0; white-space:nowrap; }
.hb-ref-sayi{
	font-family:var(--hb-serif);
	font-size:46px;
	font-weight:500;
	line-height:1;
	letter-spacing:-0.03em;
	color:var(--hb-altin);
	font-variant-numeric:lining-nums tabular-nums;
}
.hb-ref-sayi-etiket{
	max-width:76px;
	white-space:normal;
	font-size:10px;
	font-weight:600;
	line-height:1.6;
	letter-spacing:0.14em;
	text-transform:uppercase;
	color:#a9ada4;
}
.hb-ref-kontrol{
	display:flex;
	align-items:center;
	gap:8px;
	padding-left:26px;
	border-left:1px solid rgba(255,255,255,0.14);
}
.hb-ref-dugme{
	display:grid;
	place-items:center;
	width:38px;
	height:38px;
	padding:0;
	border:1px solid rgba(255,255,255,0.24);
	border-radius:50%;
	background:transparent;
	color:var(--hb-tas);
	cursor:pointer;
	transition:background-color 200ms var(--hb-easing), color 200ms var(--hb-easing), border-color 200ms var(--hb-easing);
}
.hb-ref-dugme:hover{ background:var(--hb-altin); border-color:var(--hb-altin); color:var(--hb-komur); }
.hb-ref-dugme:active{ transform:scale(0.96); }
.hb-ref-dugme:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:3px; }
.hb-ref-dugme svg{ width:16px; height:16px; }
.hb-ref-oynat{ border-color:transparent; }
.hb-ref-oynat svg{ width:13px; height:13px; }
.hb-ref-oynat[aria-pressed="false"] .hb-ref-oynat-ikon{ display:none; }
.hb-ref-oynat[aria-pressed="true"] .hb-ref-duraklat-ikon{ display:none; }

/* Logo hücreleri (akış ve ızgara ortak) */
.hb-ref-sahne{ background:var(--hb-beyaz); }
.hb-ref-kart{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	height:136px;
	margin:0;
	padding:18px 22px 14px;
	background:var(--hb-beyaz);
	border-right:1px solid var(--hb-ref-cizgi);
	user-select:none;
	-webkit-user-select:none;
}
.hb-ref-kart:after{
	content:"";
	position:absolute;
	bottom:0;
	left:28%;
	right:28%;
	height:2px;
	background:var(--hb-altin);
	transform:scaleX(0);
	transition:transform 300ms var(--hb-easing);
}
.hb-ref-kuyu{ display:flex; align-items:center; justify-content:center; width:100%; height:74px; padding:6px; }
.hb-ref-logo{
	display:block;
	width:auto; height:auto;
	max-width:100%; max-height:60px;
	object-fit:contain;
	border:0;
	filter:grayscale(1);
	opacity:0.85;
	pointer-events:none;
	-webkit-user-drag:none;
	transition:filter 300ms var(--hb-easing), opacity 300ms var(--hb-easing), transform 300ms var(--hb-easing);
}
.hb-ref-kart:hover .hb-ref-logo{ filter:none; opacity:1; transform:translateY(-2px); }
.hb-ref-kart:hover:after{ transform:scaleX(1); }
.hb-ref-ad{ font-size:11px; line-height:1.35; font-weight:500; text-align:center; color:var(--hb-soluk); }

/* Akış */
.hb-ref-pencere{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	cursor:grab;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
	-webkit-mask-image:linear-gradient(90deg, transparent, #000 2%, #000 98%, transparent);
	mask-image:linear-gradient(90deg, transparent, #000 2%, #000 98%, transparent);
}
.hb-ref-pencere::-webkit-scrollbar{ display:none; }
.hb-ref-pencere.hb-surukleniyor{ cursor:grabbing; }
.hb-ref-pencere:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:-2px; }
.hb-ref-iz{ display:flex; width:max-content; }
.hb-ref-grup{ display:flex; flex:0 0 auto; margin:0; padding:0; list-style:none; }
.hb-ref-oge{ flex:0 0 var(--hb-ref-kart); width:var(--hb-ref-kart); margin:0; padding:0; }
/* Logolar pencereye sığıyorsa akmaz: kopyalar gizlenir, sıra ortalanır */
.hb-ref-sabit .hb-ref-iz{ width:100%; justify-content:center; }
.hb-ref-sabit .hb-ref-grup[aria-hidden="true"]{ display:none; }
.hb-ref-sabit .hb-ref-pencere{ cursor:default; -webkit-mask-image:none; mask-image:none; }

/* Tüm markalar ızgarası */
.hb-ref-izgara-liste{
	display:grid;
	grid-template-columns:repeat(6, minmax(0, 1fr));
	margin:0;
	padding:0;
	list-style:none;
}
.hb-ref-izgara .hb-ref-kart{ border-bottom:1px solid var(--hb-ref-cizgi); }
.hb-ref-izgara .hb-ref-kart:nth-child(6n){ border-right:0; }

/* Alt bant */
.hb-ref-alt{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	min-height:50px;
	padding:12px 26px;
	background:#efece5;
	border-top:1px solid var(--hb-ref-cizgi);
}
.hb-ref-ipucu{ display:flex; align-items:center; gap:9px; margin:0; font-size:12px; line-height:1.5; color:var(--hb-soluk); }
.hb-ref-ipucu svg{ flex:none; width:15px; height:15px; color:var(--hb-altin-koyu); }
.hb-ref-ipucu-akis{ display:none; }
.hb-ref-akis-modu .hb-ref-ipucu-izgara{ display:none; }
.hb-ref-akis-modu .hb-ref-ipucu-fare{ display:inline; }
.hb-ref-gorunum{ display:flex; flex:none; gap:18px; }
.hb-ref-gorunum button{
	padding:2px 0;
	white-space:nowrap;
	border:0;
	border-bottom:1px solid transparent;
	background:transparent;
	font-family:var(--hb-sans);
	font-size:12px;
	font-weight:600;
	color:#7d8178;
	cursor:pointer;
	transition:color 200ms var(--hb-easing), border-color 200ms var(--hb-easing);
}
.hb-ref-gorunum button:hover{ color:var(--hb-metin); }
.hb-ref-gorunum button[aria-pressed="true"]{ color:var(--hb-metin); border-bottom-color:var(--hb-altin-koyu); }
.hb-ref-gorunum button:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:3px; }

@media (max-width: 900px){
	.hb-ref-ust{ padding:24px 26px; gap:18px; }
	.hb-ref-yan{ gap:18px; }
	.hb-ref-kontrol{ padding-left:18px; }
	.hb-ref-sayi{ font-size:38px; }
	.hb-ref-izgara-liste{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
	.hb-ref-izgara .hb-ref-kart:nth-child(n){ border-right:1px solid var(--hb-ref-cizgi); }
	.hb-ref-izgara .hb-ref-kart:nth-child(4n){ border-right:0; }
}
@media (max-width: 640px){
	.hb-ref{ --hb-ref-kart:172px; padding:56px 0; }
	.hb-ref-ust{ display:block; padding:22px 20px 18px; }
	.hb-ref-baslik{ font-size:clamp(30px, 8vw, 38px); }
	.hb-ref-yan{ justify-content:space-between; margin-top:18px; }
	.hb-ref-sayi{ font-size:32px; }
	.hb-ref-sayi-etiket{ max-width:none; font-size:9.5px; }
	.hb-ref-kontrol{ padding-left:0; border-left:0; gap:6px; }
	.hb-ref-kart{ height:118px; padding:14px 16px 12px; }
	.hb-ref-kuyu{ height:64px; }
	.hb-ref-logo{ max-height:50px; }
	.hb-ref-ad{ font-size:10px; }
	.hb-ref-alt{ padding:10px 16px; gap:10px; }
	.hb-ref-ipucu{ font-size:11px; gap:6px; }
	.hb-ref-gorunum{ gap:14px; }
	.hb-ref-gorunum button{ font-size:11px; }
	.hb-ref-izgara-liste{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
	.hb-ref-izgara .hb-ref-kart:nth-child(n){ border-right:1px solid var(--hb-ref-cizgi); }
	.hb-ref-izgara .hb-ref-kart:nth-child(3n){ border-right:0; }
}
@media (max-width: 430px){
	.hb-ref-izgara-liste{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
	.hb-ref-izgara .hb-ref-kart:nth-child(n){ border-right:1px solid var(--hb-ref-cizgi); }
	.hb-ref-izgara .hb-ref-kart:nth-child(2n){ border-right:0; }
}
/* Dokunmatikte üzerine gelme yok: logolar renkli, ipucu kaydırma */
@media (hover: none){
	.hb-ref-logo{ filter:none; opacity:1; }
	.hb-ref-akis-modu .hb-ref-ipucu-fare{ display:none; }
	.hb-ref-akis-modu .hb-ref-ipucu-dokunma{ display:inline; }
}
@media (prefers-reduced-motion: reduce){
	.hb-ref-kart:after, .hb-ref-dugme, .hb-ref-logo, .hb-ref-gorunum button{ transition:none; }
}
@media print{
	.hb-ref-kontrol, .hb-ref-alt, .hb-ref-sarmal{ display:none !important; }
	.hb-ref-izgara{ display:block !important; }
	.hb-ref-ust{ background:none; color:var(--hb-metin); }
	.hb-ref-baslik{ color:var(--hb-metin); }
	.hb-ref-logo{ filter:none; opacity:1; }
	.hb-ref-izgara-liste{ grid-template-columns:repeat(4, 1fr); }
}

/* ---------- Kat planları (anasayfa Daireler, proje detayı; includes/gorunum.php > kat_planlari) ----------
   2026-10 revizesi: müşterinin kat planları (Zemin + 9 kat) dikey ve yoğun; 16:10 küçük
   kartlarda okunmuyordu. Solda bina kesiti gibi kat seçici (üst kat üstte), sağda seçili
   katın tek büyük planı; tıklayınca bütün katlar Fancybox'ta. Proje detayında üçüncü sütun
   bilgi kutusu. Dar ekranda seçici yatay kat düğmelerine döner. */
.hb-katlar{
	display:grid;
	grid-template-columns:200px minmax(0, 1fr);
	gap:28px;
	align-items:start;
}
.hb-katlar-genis{ grid-template-columns:220px minmax(0, 1fr) 280px; gap:48px; }

.hb-kat-liste{
	display:flex;
	flex-direction:column-reverse;
	margin:0;
	padding:0;
	list-style:none;
	border-left:1px solid var(--hb-cizgi);
}
.hb-kat-liste li{ margin:0; padding:0; }
.hb-kat-ad{ white-space:nowrap; }
.hb-kat-dugme{
	/* Dar ekranda .hb-kat-ad mutlak konumlu ekran okuyucu etiketine dönüşür; düğme konumlandırılmazsa
	   etiket body'ye göre yerleşip kaydırma kutusunun dışına taşar ve sayfayı 375 px'te 469 px'e genişletirdi. */
	position:relative;
	display:flex;
	align-items:center;
	gap:14px;
	margin-left:-1px;
	padding:7px 12px 7px 16px;
	border-left:2px solid transparent;
	color:var(--hb-soluk);
	font-size:14px;
	font-weight:500;
	line-height:1.3;
	text-decoration:none;
	transition:color 200ms var(--hb-easing), border-color 200ms var(--hb-easing), background-color 200ms var(--hb-easing);
}
.hb-kat-no{
	display:inline-grid;
	place-items:center;
	flex:0 0 34px;
	width:34px;
	height:34px;
	background:var(--hb-beyaz);
	border:1px solid var(--hb-cizgi);
	border-radius:var(--hb-yuvarlak);
	font-family:var(--hb-serif);
	font-size:19px;
	font-weight:600;
	line-height:1;
	color:var(--hb-metin);
	font-variant-numeric:lining-nums;
	transition:background-color 250ms var(--hb-easing), border-color 250ms var(--hb-easing), color 250ms var(--hb-easing);
}
.hb-kat-dugme:hover{ color:var(--hb-metin); }
.hb-kat-dugme:hover .hb-kat-no{ border-color:var(--hb-altin); }
.hb-kat-dugme[aria-current="true"]{ color:var(--hb-metin); font-weight:700; border-left-color:var(--hb-altin); background:linear-gradient(90deg, rgba(184,149,90,0.12), rgba(184,149,90,0)); }
.hb-kat-dugme[aria-current="true"] .hb-kat-no{ background:var(--hb-komur); border-color:var(--hb-komur); color:var(--hb-altin); }
.hb-kat-dugme:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:2px; }

.hb-kat-figur{ margin:0; }
/* 2026-10 (2): yeni planlar yatay (en/boy 1,3 – 2,0); çerçeve sabit oranlı, katlar arasında zıplamaz */
.hb-kat-cerceve{
	position:relative;
	aspect-ratio:16 / 10;
	padding:16px;
	background:var(--hb-beyaz);
	border:1px solid var(--hb-cizgi);
	border-radius:var(--hb-yuvarlak);
	box-shadow:var(--hb-golge);
}
.hb-kat-buyut{ display:block; width:100%; height:100%; cursor:zoom-in; }
.hb-kat-buyut:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:6px; }
.hb-kat-gorsel{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	transition:opacity 280ms var(--hb-easing), transform 420ms var(--hb-easing);
}
.hb-kat-gorsel.hb-kat-geciyor{ opacity:0; transform:translateY(8px); }
.hb-kat-ipucu{
	position:absolute;
	right:14px;
	bottom:14px;
	display:inline-flex;
	align-items:center;
	gap:7px;
	padding:7px 11px 7px 9px;
	background:rgba(22,24,27,0.84);
	border-radius:var(--hb-yuvarlak);
	color:#fff;
	font-size:11.5px;
	font-weight:600;
	letter-spacing:0.02em;
	pointer-events:none;
	transition:background-color 200ms var(--hb-easing);
}
.hb-kat-ipucu svg{ width:15px; height:15px; }
.hb-kat-cerceve:hover .hb-kat-ipucu{ background:var(--hb-komur); }
.hb-kat-alt{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:16px;
	margin-top:16px;
}
.hb-kat-aktif{ font-family:var(--hb-serif); font-size:26px; font-weight:600; line-height:1.15; color:var(--hb-metin); }
.hb-kat-sayac{ font-size:12px; font-weight:600; letter-spacing:0.14em; color:var(--hb-soluk); font-variant-numeric:tabular-nums; white-space:nowrap; }
.hb-kat-oklar{ display:none; }

.hb-kat-bilgi{ padding-top:6px; }
.hb-kat-bilgi p{ margin:0 0 22px; font-size:15px; line-height:1.7; color:var(--hb-soluk); }
.hb-kat-bilgi .hb-kat-bilgi-baslik{ margin-bottom:12px; font-family:var(--hb-serif); font-size:26px; font-weight:600; line-height:1.2; color:var(--hb-metin); }

/* Anasayfada sağ sütun dar: geniş masaüstüne kadar seçici yalnızca kat numaraları */
@media (min-width: 992px) and (max-width: 1279px){
	.hb-daire-izgara .hb-katlar{ grid-template-columns:52px minmax(0, 1fr); gap:20px; }
	.hb-daire-izgara .hb-kat-dugme{ padding:5px 0 5px 12px; }
	.hb-daire-izgara .hb-kat-ad{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
}
@media (max-width: 1199px){
	.hb-katlar-genis{ grid-template-columns:200px minmax(0, 1fr); }
	.hb-katlar-genis .hb-kat-bilgi{ grid-column:2; }
}
/* Tablet ve telefon: seçici üstte yatay kat düğmeleri (Z 1 2 … 9), adlar yalnızca ekran okuyucuya */
@media (max-width: 991px){
	.hb-katlar, .hb-katlar-genis{ grid-template-columns:minmax(0, 1fr); gap:18px; }
	.hb-katlar-genis .hb-kat-bilgi{ grid-column:auto; }
	.hb-kat-liste{
		flex-direction:row;
		gap:6px;
		overflow-x:auto;
		padding:2px 2px 8px;
		border-left:0;
		scrollbar-width:thin;
	}
	.hb-kat-dugme{ margin:0; padding:0; border:0; background:none !important; }
	.hb-kat-no{ flex-basis:44px; width:44px; height:44px; font-size:21px; }
	.hb-kat-ad{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
	.hb-kat-cerceve{ aspect-ratio:4 / 3; padding:12px; }
	.hb-kat-oklar{ display:flex; gap:8px; margin-top:14px; }
	.hb-kat-oklar[hidden]{ display:none; }
	.hb-kat-ok{
		display:inline-flex;
		flex:1 1 0;
		align-items:center;
		justify-content:center;
		gap:8px;
		height:44px;
		border:1px solid var(--hb-cizgi);
		border-radius:var(--hb-yuvarlak);
		background:var(--hb-beyaz);
		color:var(--hb-metin);
		font-family:var(--hb-sans);
		font-size:13px;
		font-weight:600;
		cursor:pointer;
	}
	.hb-kat-ok svg{ width:16px; height:16px; }
	.hb-kat-ok:disabled{ opacity:0.4; cursor:default; }
	.hb-kat-ok:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:2px; }
	.hb-kat-aktif{ font-size:22px; }
}
@media (prefers-reduced-motion: reduce){
	.hb-kat-gorsel, .hb-kat-dugme, .hb-kat-no{ transition:none; }
	.hb-kat-gorsel.hb-kat-geciyor{ transform:none; }
}
@media print{
	.hb-kat-ipucu, .hb-kat-oklar{ display:none !important; }
	.hb-kat-cerceve{ height:auto; box-shadow:none; }
}

/* ---------- 2026-10-31 ek revizesi ---------- */

/* Proje detayı hero videosu (includes/gorunum.php > sayfa_basi, $video). Masaüstünde bant
   videonun kendi 16:9 oranındadır, böylece görüntü kırpılmaz; telefonda video tam genişlikte
   üstte, başlık metni altında durur. */
.hb-sayfa-bas-video{
	min-height:min(56.25vw, 100vh);
	min-height:min(56.25vw, 100svh);
	overflow:hidden;
}
.hb-video-sahne{ position:absolute; top:0; right:0; bottom:0; left:0; }
.hb-video-sahne video{ display:block; width:100%; height:100%; object-fit:cover; background:var(--hb-komur); }
.hb-sayfa-bas-video:before{
	z-index:1;
	background:
		linear-gradient(180deg, rgba(22,24,27,0.6) 0%, rgba(22,24,27,0) 24%),
		linear-gradient(0deg, rgba(22,24,27,0.88) 0%, rgba(22,24,27,0.25) 42%, rgba(22,24,27,0) 62%),
		linear-gradient(90deg, rgba(22,24,27,0.55) 0%, rgba(22,24,27,0) 60%);
}
.hb-sayfa-bas-video .hb-sayfa-bas-ic{ z-index:2; }
.hb-video-dugmeler{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:28px; }
.hb-video-film svg{ width:15px; height:15px; }
.hb-video-duraklat{
	display:grid; place-items:center;
	width:46px; height:46px; padding:0;
	border:1px solid rgba(255,255,255,0.4); border-radius:50%;
	background:rgba(22,24,27,0.35); color:#fff; cursor:pointer;
	transition:background-color 200ms var(--hb-easing), border-color 200ms var(--hb-easing);
}
.hb-video-duraklat:hover{ background:rgba(22,24,27,0.7); border-color:#fff; }
.hb-video-duraklat:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:3px; }
.hb-video-duraklat svg{ width:16px; height:16px; }
.hb-video-duraklat[aria-pressed="false"] .hb-video-ikon-oynat,
.hb-video-duraklat[aria-pressed="true"] .hb-video-ikon-duraklat{ display:none; }
.hb-video-ikon-oynat, .hb-video-ikon-duraklat{ display:grid; }
@media (max-width: 767px){
	.hb-sayfa-bas-video{ display:block; min-height:0; padding:72px 0 0; }
	.hb-sayfa-bas-video .hb-video-sahne{ position:relative; aspect-ratio:16 / 9; }
	.hb-sayfa-bas-video:before{ display:none; }
	.hb-sayfa-bas-video .hb-sayfa-bas-ic{ padding-top:24px; padding-bottom:36px; }
	.hb-video-dugmeler .hb-video-film{ flex:1 1 auto; }
}

/* Konum: proje ve çevre fotomontajı. Masaüstünde deniz ve yapı kadrajda kalacak biçimde geniş
   (16:9), telefonda görselin kendi oranı; tamamı lightbox'ta. */
.hb-konum-montaj{ margin:0 0 clamp(28px, 4vh, 44px); }
.hb-konum-montaj .hb-cerceve{ aspect-ratio:16 / 9; box-shadow:none; }
.hb-konum-montaj img{ object-position:50% 34%; }
.hb-konum-montaj figcaption{ margin-top:10px; font-size:13px; color:var(--hb-acik-soluk); }
.hb-konum-montaj .hb-cerceve:hover .hb-kat-ipucu{ background:var(--hb-komur); }
@media (max-width: 767px){
	.hb-konum-montaj .hb-cerceve{ aspect-ratio:4 / 3; }
}

/* Anasayfa hero, dükkânlı cephe görseli: dükkânlar görselin altında olduğu için görsel rakam
   şeridinin üstünde biter (--hb-rakam-yuk: js/kurumsal.js ölçer); telefonda tabelalara odaklanır. */
.hb-hero-gorsel[style*="hb-dis-dukkanlar"]{ bottom:var(--hb-rakam-yuk, 0px); background-position:center 85%; }
@media (max-width: 767px){
	.hb-hero-gorsel[style*="hb-dis-dukkanlar"]{ background-position:60% 85%; }
}

/* Proje galerisi kartı (anasayfa > Proje Görselleri). Kabuk Referanslar kartıyla aynı
   (.hb-ref-kutu-dis, .hb-ref-ust, .hb-ref-alt); şerit doğal yatay kaydırma + oklar, görseller Fancybox'ta. */
.hb-pgaleri{ --hb-ref-cizgi:#e6e2d9; margin-top:56px; background:var(--hb-beyaz); }
.hb-pgaleri .hb-ref-kutu-dis{ background:var(--hb-beyaz); }
.hb-pgaleri-serit{
	display:flex; gap:14px;
	margin:0; padding:20px 20px 22px;
	list-style:none;
	overflow-x:auto; overflow-y:hidden;
	scroll-snap-type:x mandatory;
	scroll-padding-inline:20px;
	overscroll-behavior-x:contain;
	scrollbar-width:thin;
	scrollbar-color:#cfc8ba transparent;
	cursor:grab;
}
.hb-pgaleri-serit.hb-surukleniyor{ cursor:grabbing; scroll-snap-type:none; }
.hb-pgaleri-serit:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:-2px; }
.hb-pgaleri-oge{ flex:0 0 300px; scroll-snap-align:start; }
.hb-pgaleri-oge a{ display:block; color:inherit; -webkit-user-drag:none; user-select:none; -webkit-user-select:none; }
.hb-pgaleri-oge img{
	display:block; width:100%; height:auto; aspect-ratio:16 / 10; object-fit:cover;
	border-radius:var(--hb-yuvarlak); background:var(--hb-kum);
	transition:transform 600ms var(--hb-easing), filter 300ms var(--hb-easing);
}
.hb-pgaleri-oge a:hover img, .hb-pgaleri-oge a:focus-visible img{ filter:brightness(1.05); transform:translateY(-3px); }
.hb-pgaleri-oge a:focus-visible{ outline:2px solid var(--hb-altin); outline-offset:3px; }
.hb-pgaleri-ad{ display:block; margin-top:10px; font-size:12.5px; font-weight:500; color:var(--hb-soluk); }
.hb-pgaleri-ac{
	display:inline-flex; align-items:center; gap:8px; flex:none;
	font-size:12px; font-weight:600; letter-spacing:0.04em; color:var(--hb-metin);
	border-bottom:1px solid var(--hb-altin-koyu); padding-bottom:2px;
}
.hb-pgaleri-ac svg{ width:15px; height:15px; color:var(--hb-altin-koyu); }
.hb-pgaleri-ac:hover{ color:var(--hb-altin-koyu); }
@media (max-width: 640px){
	.hb-pgaleri{ margin-top:40px; }
	.hb-pgaleri-oge{ flex-basis:78%; }
	.hb-pgaleri-serit{ padding:16px; scroll-padding-inline:16px; gap:12px; }
}
@media (prefers-reduced-motion: reduce){
	.hb-pgaleri-oge img{ transition:none; }
	.hb-pgaleri-oge a:hover img{ transform:none; }
}