*, *::before, *::after {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	outline: 0;
}

:root {
	--beyaz: #fff;
	--siyah: #000;
	--mavi: #0d2b6e;
	--mavi2: #1a3f9a;
	--mavi3: #e8eeff;
	--amber: #e67e00;
	--amber2: #f59100;
	--amber3: #fff3e0;
	--teal: #00695c;
	--teal2: #00897b;
	--crm: #f5f7fa;
	--gri: #dde3ec;
	--gri2: #8898aa;
	--kirmizi: #c62828;
	--font: "Segoe UI", system-ui, Arial, sans-serif;
	--gecis: all .22s ease;
	--golge: 0 2px 12px rgba(13, 43, 110, .12);
	--golge2: 0 4px 24px rgba(13, 43, 110, .18);
	--radius: 7px;
	--max-w: 1020px;
}

html {
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--amber) var(--mavi);
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: var(--mavi);
}

::-webkit-scrollbar-thumb {
	background: var(--amber);
	border-radius: 4px;
}

body {
	font-family: var(--font);
	font-size: 17px;
	line-height: 1.7;
	color: #1a1a2e;
	background: var(--beyaz);
}

.pg {
	max-width: var(--max-w);
	margin: 0 auto;
	padding: 0 20px;
}

.clear {
	clear: both;
}

.hide {
	display: none !important;
}

a {
	color: var(--mavi);
	transition: var(--gecis);
}

a:hover {
	color: var(--amber);
}

a:focus {
	outline: 3px solid var(--amber);
	outline-offset: 2px;
	border-radius: 3px;
}

b, strong {
	font-weight: 700;
}

hr {
	border: 0;
	height: 2px;
	background: var(--gri);
	margin: 32px 0;
}

p {
	padding: 7px 0;
}

i small {
	position: absolute;
	z-index: -1;
	font-size: 1px;
	color: transparent;
}

h1 {
	font-size: clamp(1.4rem, 3vw, 2.1rem);
	line-height: 1.25;
	color: var(--mavi);
	margin: 16px 0 8px;
	font-weight: 800;
}

h2 {
	font-size: clamp(1.15rem, 2.5vw, 1.55rem);
	line-height: 1.3;
	color: var(--mavi);
	margin: 22px 0 8px;
	font-weight: 700;
	display: block;
}

h3 {
	font-size: clamp(1rem, 2vw, 1.25rem);
	line-height: 1.4;
	color: var(--mavi);
	margin: 16px 0 6px;
	font-weight: 700;
	display: block;
}

span.big {
	display: block;
	font-size: clamp(1.1rem, 2.5vw, 1.4rem);
	font-weight: 800;
	color: var(--mavi);
	margin: 20px 0 8px;
}

.tops {
	background: var(--mavi);
	color: var(--beyaz);
	padding: 8px 0;
	font-size: 14px;
	font-weight: 600;
}

.tops .pg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6px;
}

.social {
	display: flex;
	align-items: center;
	gap: 3px;
}

.social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 5px;
	transition: var(--gecis);
	color: var(--beyaz);
}

.social a:hover {
	background: rgba(255, 255, 255, .2);
}

#header {
	background: var(--beyaz);
	border-bottom: 3px solid var(--amber);
	box-shadow: var(--golge);
	position: sticky;
	top: 0;
	z-index: 500;
}

#header .pg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 10px;
	padding-bottom: 0;
	gap: 8px;
}

.logo {
	cursor: pointer;
	height: 52px;
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	font-weight: 900;
	color: var(--mavi);
	text-decoration: none;
	letter-spacing: -.5px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.rigt {
	display: flex;
	align-items: center;
	gap: 6px;
	padding-bottom: 10px;
}

.btn1, .btn2, .btn3 {
	font-family: var(--font);
	font-size: 13px;
	font-weight: 700;
	padding: 9px 14px;
	cursor: pointer;
	border-radius: var(--radius);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: var(--gecis);
	white-space: nowrap;
	border: none;
	line-height: 1.3;
}

.btn1 {
	background: var(--mavi);
	color: var(--beyaz);
}

.btn1:hover {
	background: var(--mavi2);
	color: var(--beyaz);
}

.btn2 {
	background: var(--amber);
	color: var(--siyah);
}

.btn2:hover {
	background: var(--amber2);
	color: var(--siyah);
}

.btn3 {
	background: var(--kirmizi);
	color: var(--beyaz);
	display: none;
}

.btn3:hover {
	background: #a81e1e;
}

.btn1:focus, .btn2:focus, .btn3:focus {
	outline: 3px solid var(--amber);
}

.nav {
	background: var(--mavi);
	width: 100%;
}

.nav .pg {
	padding-top: 0;
	padding-bottom: 0;
}

.nav ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.nav ul li {
	position: relative;
}

.nav ul li a {
	display: block;
	padding: 13px 18px;
	text-decoration: none;
	color: rgba(255, 255, 255, .88);
	font-weight: 600;
	font-size: 14px;
	transition: var(--gecis);
	white-space: nowrap;
}

.nav ul li a.active, .nav ul li a:hover, .nav ul li:hover > a {
	background: var(--amber);
	color: var(--siyah);
}

.nav ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--mavi2);
	min-width: 240px;
	z-index: 9999;
	border-radius: 0 0 var(--radius) var(--radius);
	box-shadow: var(--golge2);
	flex-direction: column;
}

.nav ul li:hover ul {
	display: flex;
}

.nav ul li ul li {
	width: 100%;
}

.nav ul li ul li a {
	color: rgba(255, 255, 255, .9);
	font-size: 13px;
	padding: 11px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.nav ul li ul li a:hover {
	background: var(--amber);
	color: var(--siyah);
}

.slider {
	width: 100%;
	overflow: hidden;
	line-height: 0;
	position: relative;
}

.slider img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

.progressbar {
	background: var(--gri);
	height: 4px;
	margin: 0 0 24px;
}

[role="progressbar"] {
	background: linear-gradient(90deg, var(--amber), var(--amber2));
	width: 100%;
	height: 4px;
}

.ic-link-bolumu {
	background: var(--mavi3);
	border: 1px solid var(--gri);
	border-left: 5px solid var(--amber);
	border-radius: var(--radius);
	padding: 22px 24px;
	margin: 24px 0;
}

.ic-link-bolumu h3 {
	margin: 0 0 14px;
	font-size: 1rem;
	color: var(--mavi);
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 800;
}

.ilce-linkler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ilce-linkler li a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 7px 13px;
	background: var(--beyaz);
	border: 1px solid var(--gri);
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	color: var(--mavi);
	text-decoration: none;
	transition: var(--gecis);
	white-space: nowrap;
}

.ilce-linkler li a:hover {
	background: var(--amber);
	border-color: var(--amber);
	color: var(--siyah);
	transform: translateY(-2px);
	box-shadow: 0 3px 8px rgba(230, 126, 0, .25);
}

[role="main"] {
	width: 100%;
}

.article {
	padding: 18px 20px 10px;
}

.article ol, .article ul {
	padding: 14px 0 14px 32px;
}

.article li {
	display: list-item;
	margin: 4px 0;
}

figure {
	display: inline-table;
	padding: 8px;
	border: 1px solid var(--gri);
	border-radius: var(--radius);
	background: var(--crm);
}

figure.right {
	float: right;
	margin: 10px 0 16px 22px;
	max-width: 360px;
}

figure.left {
	float: left;
	margin: 10px 22px 16px 0;
	max-width: 360px;
}

figure img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
}

figure figcaption {
	padding: 8px 4px 3px;
	text-align: center;
	font-size: 12px;
	color: var(--gri2);
}

table {
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
}

table caption {
	padding: 14px 20px;
	font-size: 1.1rem;
	font-weight: 800;
	text-align: center;
	background: var(--mavi);
	color: var(--beyaz);
	border-radius: var(--radius) var(--radius) 0 0;
}

table thead th {
	padding: 11px 13px;
	font-weight: 700;
	background: var(--amber);
	color: var(--siyah);
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
}

table tbody td, table tbody th {
	padding: 10px 13px;
	font-size: 14px;
	vertical-align: middle;
	border-bottom: 1px solid var(--gri);
}

table tbody tr:nth-child(even) {
	background: var(--crm);
}

table tbody tr:hover {
	background: var(--mavi3);
}

table td span {
	font-size: 12px;
	font-style: italic;
	display: block;
	color: var(--gri2);
}

table td.cnt {
	text-align: center;
	padding: 13px;
}

table td.cnt a {
	font-weight: 700;
	color: var(--mavi);
	text-decoration: none;
}

table td.cnt a:hover {
	text-decoration: underline;
	color: var(--amber);
}

.fixButton {
	display: flex;
	width: 100%;
	margin: 28px 0;
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--golge2);
}

.fix1, .fix2, .fix3 {
	flex: 1;
	padding: 22px 16px;
	text-decoration: none;
	text-align: center;
	font-size: clamp(14px, 2vw, 18px);
	font-weight: 800;
	line-height: 1.4;
	transition: var(--gecis);
}

.fix1 {
	background: var(--mavi);
	color: var(--beyaz);
}

.fix1:hover {
	background: var(--mavi2);
	color: var(--beyaz);
}

.fix2 {
	background: var(--amber);
	color: var(--siyah);
}

.fix2:hover {
	background: var(--amber2);
	color: var(--siyah);
}

.fix3 {
	background: var(--teal);
	color: var(--beyaz);
}

.fix3:hover {
	background: var(--teal2);
	color: var(--beyaz);
}

.acordion {
	border: 1px solid var(--gri);
	border-radius: var(--radius);
	margin-bottom: 8px;
	overflow: hidden;
}

.acordion > a {
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
	padding: 14px 18px;
	text-decoration: none;
	color: var(--mavi);
	background: var(--crm);
	transition: var(--gecis);
}

.acordion > a::after {
	content: "+";
	margin-left: auto;
	font-size: 20px;
	font-weight: 400;
	flex-shrink: 0;
}

.acordion > a:hover, .acordion[aria-expanded="true"] > a {
	background: var(--amber);
	color: var(--siyah);
}

.acordion[aria-expanded="true"] > a::after {
	content: "−";
}

.acordion .detail {
	display: none;
	padding: 6px 20px 18px;
	background: var(--beyaz);
}

.acordion .detail[aria-hidden="false"] {
	display: block;
}

.services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
	gap: 14px;
	margin: 22px 0;
}

.service-card {
	background: var(--crm);
	border: 1px solid var(--gri);
	border-bottom: 3px solid var(--amber);
	border-radius: var(--radius);
	padding: 20px 16px;
	text-align: center;
	transition: var(--gecis);
	text-decoration: none;
	color: var(--mavi);
	display: block;
}

.service-card:hover {
	border-bottom-color: var(--mavi);
	box-shadow: var(--golge2);
	transform: translateY(-4px);
	color: var(--mavi);
}

.service-card .icon-wrap {
	width: 52px;
	height: 52px;
	background: var(--mavi);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px;
	font-size: 22px;
}

.service-card:hover .icon-wrap {
	background: var(--amber);
}

.service-card h3 {
	font-size: 14px;
	margin: 0;
	color: var(--mavi);
}

.feature-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
	gap: 10px;
	margin: 18px 0;
	list-style: none !important;
	padding: 0 !important;
}

.feature-list li {
	display: flex !important;
	align-items: flex-start;
	gap: 9px;
	padding: 12px !important;
	background: var(--crm);
	border-radius: var(--radius);
	border-left: 3px solid var(--amber);
	font-size: 14px;
	margin: 0 !important;
	color: var(--mavi);
	font-weight: 600;
}

.feature-list li::before {
	content: "✓";
	color: var(--teal);
	font-weight: 900;
	flex-shrink: 0;
	font-size: 15px;
}

.table {
	display: flex;
	flex-wrap: wrap;
	background: var(--crm);
	border-radius: var(--radius);
	overflow: hidden;
	border: 1px solid var(--gri);
	margin-top: 14px;
}

.tr {
	display: contents;
}

address.addr {
	font-style: italic;
	flex: 1;
	min-width: 240px;
	padding: 22px 26px;
}

address.addr a {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	font-size: 15px;
	margin-top: 10px;
	color: var(--mavi);
	font-weight: 600;
}

address.addr a:hover {
	color: var(--amber);
	text-decoration: underline;
}

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	align-items: center;
	font-size: 13px;
	padding: 10px 0 4px;
	color: var(--gri2);
}

.breadcrumb a {
	color: var(--mavi);
	text-decoration: none;
	font-weight: 600;
}

.breadcrumb a:hover {
	color: var(--amber);
}

.breadcrumb span {
	color: var(--gri2);
}

footer {
	margin-top: 50px;
	padding: 22px 0;
	background: var(--mavi);
	color: rgba(255, 255, 255, .8);
	border-top: 4px solid var(--amber);
}

.t1 {
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	justify-content: space-between;
}

.t1 a {
	color: rgba(255, 255, 255, .9);
	font-weight: 700;
	text-decoration: none;
}

.t1 a:hover {
	color: var(--amber);
}

.t1 .right {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.t1 .right a {
	font-weight: 400;
}

.toolbars {
	position: fixed;
	left: 12px;
	bottom: 80px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.toolbars .dv0, .toolbars .dv1, .toolbars .dv2 {
	cursor: pointer;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
	transition: var(--gecis);
}

.toolbars .dv0 {
	background: var(--amber);
	color: var(--siyah);
	display: none;
	position: fixed;
	right: 12px;
	bottom: 12px;
	left: auto;
}

.toolbars .dv0:hover {
	background: var(--amber2);
	transform: translateY(-3px);
}

.toolbars .dv1 {
	background: var(--mavi);
}

.toolbars .dv1:hover {
	background: var(--mavi2);
	transform: translateY(-3px);
}

.toolbars .dv2 {
	background: #25d366;
}

.toolbars .dv2:hover {
	background: #1ebe5a;
	transform: translateY(-3px);
}

.icon {
	background-image: url("../img/icon.png");
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
}

.menux {
	background: url("../img/menu.svg") no-repeat center center;
	padding: 10px 18px;
	background-size: 20px;
}

.tel, .down, .face, .mail, .map, .phone, .twitter, .whatsapp {
	background-position: -61px 3px;
	height: 21px;
	width: 21px;
	top: 3px;
}

.tel {
	width: 14px;
}

.face {
	background-position: 0 -70px;
}

.twitter {
	background-position: -24px -70px;
}

.whatsapp {
	background-position: -49px -70px;
}

.map {
	background-position: -23px 3px;
	width: 16px;
}

.phone {
	background-position: -43px 4px;
	width: 17px;
}

.mail {
	background-position: 0 4px;
	width: 19px;
}

.mailmar {
	margin-left: 14px;
}

.edit {
	background-position: -50px -44px;
	padding: 12px 11px;
	margin-right: 8px;
	top: 5px;
}

.edit1 {
	background-position: 0 -45px;
	padding: 12px 12px;
}

.down {
	width: 26px;
	height: 15px;
	background-position: -22px -52px;
	position: relative;
	top: -4px;
}

.wcall {
	background-position: 0 -18px;
	width: 28px;
	height: 28px;
}

.wmsg {
	background-position: -38px -18px;
	width: 28px;
	height: 28px;
}

.mobileMenu {
	position: fixed;
	inset: 0;
	z-index: 8000;
}

.mobileMenu .mobilMenuBg {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .55);
	z-index: 8000;
}

.mobileMenu .mobilBody {
	width: min(300px, 85vw);
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background: var(--mavi);
	padding: 22px 18px;
	overflow-y: auto;
}

.mobileMenu .mobilBody .logo {
	color: var(--amber);
	font-size: 17px;
	font-weight: 900;
	margin-bottom: 20px;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, .15);
	padding-bottom: 14px;
}

.mobileMenu .mobilBody ul {
	list-style: none;
}

.mobileMenu .mobilBody ul li {
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.mobileMenu .mobilBody ul li a {
	display: block;
	padding: 12px 4px;
	color: rgba(255, 255, 255, .9);
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	transition: var(--gecis);
}

.mobileMenu .mobilBody ul li a:hover {
	padding-left: 10px;
	color: var(--amber);
}

dt {
	font-weight: 700;
	display: block;
	margin: 13px 0 5px;
}

dd {
	display: block;
	margin-left: 14px;
}

ul.col3 li {
	width: 33.33%;
	float: left;
	padding: 4px 0;
}

ul.col4 li {
	width: 25%;
	float: left;
	padding: 4px 0;
}

ul.colfull li {
	width: 100%;
	float: none;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.nav ul li ul {
	animation: fadeIn .18s ease;
}

@media (min-width: 601px) and (max-width: 1020px) {
	figure.left, figure.right {
		max-width: 240px;
	}
}

@media (max-width: 600px) {
	body {
		font-size: 15px;
	}
	
	.btn3 {
		display: inline-flex !important;
	}
	
	.rigt .btn1, .rigt .btn2 {
		display: none;
	}
	
	.nav {
		display: none;
	}
	
	figure.left, figure.right {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 12px 0;
	}
	
	table thead {
		display: none;
	}
	
	table tbody tr {
		display: block;
		margin-bottom: 14px;
		border: 1px solid var(--gri);
		border-radius: var(--radius);
		overflow: hidden;
	}
	
	table tbody td, table tbody th {
		display: block;
		text-align: right;
		font-size: 14px;
		padding: 9px 13px;
		border-bottom: 1px solid var(--gri);
	}
	
	table tbody th {
		text-align: left;
		background: var(--mavi);
		color: var(--beyaz);
	}
	
	table tbody td::before {
		content: attr(data-label);
		float: left;
		font-weight: 700;
		font-size: 11px;
		color: var(--gri2);
		text-transform: uppercase;
	}
	
	table caption::before, table caption::after {
		display: none;
	}
	
	.fixButton {
		flex-direction: column;
	}
	
	.fix1, .fix2, .fix3 {
		padding: 16px 16px;
		width: 100%;
	}
	
	.services-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	
	.feature-list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	ul.col3 li, ul.col4 li {
		width: 50%;
	}
	
	.ilce-linkler li a {
		padding: 6px 10px;
		font-size: 12px;
	}
	
	.t1 {
		flex-direction: column;
		text-align: center;
		align-items: center;
		gap: 10px;
	}
	
	.t1 .right {
		justify-content: center;
	}
	
	address.addr, form {
		width: 100%;
		padding: 16px 18px;
	}
}

@media (max-width: 360px) {
	.services-grid {
		grid-template-columns: 1fr;
	}
	
	.feature-list {
		grid-template-columns: 1fr;
	}
	
	ul.col3 li, ul.col4 li {
		width: 100%;
		float: none;
	}
}

/* Ana sayfa: teklif ve taşıma süreci */
.home-offer{background:#eef3fc;border:1px solid #dbe4f3;border-left:5px solid #e67e00;border-radius:12px;padding:24px;margin:18px 0 28px}
.home-offer-summary{font-size:19px;color:#0d2b6e;margin-bottom:16px}
.home-offer-actions{display:flex;flex-wrap:wrap;gap:12px}
.home-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 22px;border-radius:8px;font-weight:700;text-decoration:none;text-align:center}
.home-action-call{background:#0d2b6e;color:#fff}.home-action-whatsapp{background:#00695c;color:#fff}
.home-action:hover{background:#183f84;color:#fff}.home-action-whatsapp:hover{background:#004d40}
.home-action:focus-visible{outline:3px solid #e67e00;outline-offset:3px}
.home-offer-note{font-size:14px;color:#46546b;margin-top:12px}
.home-trust{clear:both;margin:30px 0}.home-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 28px}
.home-trust-grid article{padding:20px;border:1px solid #dde3ec;border-radius:10px;background:#f5f7fa}
.home-trust-grid h3{margin:0 0 10px;font-size:19px;line-height:1.4}.home-trust-grid p{font-size:16px}
.home-steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0;padding:0}
.home-steps li{counter-increment:steps;position:relative;padding:18px 18px 18px 62px;border:1px solid #dde3ec;border-radius:10px}
.home-steps li::before{content:counter(steps);position:absolute;left:16px;top:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0d2b6e;color:#fff;font-weight:700}
.home-steps strong,.home-steps span{display:block}.home-steps span{font-size:15px;margin-top:6px}
@media(max-width:700px){.home-trust-grid,.home-steps{grid-template-columns:1fr}.home-offer{padding:18px}.home-offer-actions{flex-direction:column}.home-action{width:100%;flex-wrap:wrap}.home-offer-summary{font-size:17px}}
.home-action{min-width:0;white-space:normal;overflow-wrap:anywhere}.article .home-steps{padding:0}.article .home-steps li{display:block;margin:0}.home-project-photo{margin:20px 0}.home-project-photo img{display:block;max-width:100%;height:auto;border-radius:10px}.home-project-photo figcaption{font-size:14px;color:#46546b}
.home-hero{display:block;margin:0 0 20px;padding:0}.home-hero img{display:block;width:100%;height:320px;object-fit:cover;border-radius:12px}.home-hero figcaption{font-size:12px;color:#46546b;padding-top:4px}@media(max-width:700px){.home-hero img{height:auto}}

/* Okunabilir ana sayfa ve ilgili site bağlantıları */
.home-editorial{clear:both;margin:32px 0}.home-editorial p,.home-trust>p{max-width:76ch}
.home-hero img{height:auto;max-height:520px;object-fit:contain;background:#f5f7fa}
.home-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}
.home-photo-pair figure{display:block;margin:0;padding:0;min-width:0}.home-photo-pair img{width:100%;height:auto;border-radius:10px;display:block}
.home-photo-pair figcaption{font-size:14px;line-height:1.5;color:#46546b;padding-top:8px}
.home-network{clear:both;background:#edf3ff;border:1px solid #c8d7f2;border-left:5px solid #e67e00;border-radius:12px;padding:24px;margin:30px 0}
.home-network h2{margin-top:0}.home-network-compact{padding:16px 20px;margin:20px 0}.home-network p{margin:0}
.home-network a{color:#0d2b6e;font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}
.home-network a:hover{color:#873f00}.home-network a:focus-visible{outline:3px solid #e67e00;outline-offset:4px}
.home-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.home-network-grid article{background:#fff;border:1px solid #d4dff0;border-radius:9px;padding:20px;min-width:0}
.home-network-grid h3{font-size:20px;margin:0 0 10px}.home-network-grid a{display:inline-block;margin-top:12px}
.home-action{box-sizing:border-box;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.home-photo-pair,.home-network-grid{grid-template-columns:1fr}.home-network{padding:18px}.home-hero img{max-height:none}}


/* Ortak görsel dil, okunabilir içerik ve iç bağlantılar */
.site-readable{padding-top:26px;padding-bottom:30px}
.site-readable h1{font-size:clamp(25px,3.1vw,36px);line-height:1.25;letter-spacing:-.02em}
.site-readable h2{line-height:1.35;scroll-margin-top:30px}.site-readable>p,.content-section>p{max-width:76ch;line-height:1.85}
.site-readable p a,.content-section a{font-weight:600;text-underline-offset:3px}
.content-section{clear:both;margin:34px 0}.content-section h2{font-size:25px;margin-bottom:12px}
.page-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;margin:12px 0 26px}
.page-intro-copy{min-width:0}.page-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#8a4200;padding-bottom:12px}
.page-intro h1{margin:0 0 14px}.page-lead{font-size:17px;line-height:1.8;color:#46546b}
.page-intro figure{display:block;min-width:0;margin:0;padding:0}.page-intro img{display:block;width:100%;height:auto;border-radius:14px}
.page-intro figcaption{font-size:12px;color:#526078;padding-top:7px;line-height:1.5}
.page-intro-compact{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.page-intro-compact img{max-height:250px;object-fit:contain;background:#f2f5fb}
.page-cta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:#edf3ff;border:1px solid #d5e0f3;border-left:5px solid #e67e00;border-radius:12px;padding:22px;margin:24px 0 32px}
.page-cta strong{font-size:20px;color:#0d2b6e}.page-cta p{font-size:14px;color:#46546b}.page-cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.page-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;min-height:48px;border-radius:8px;background:#0d2b6e;color:#fff;font-size:14px;font-weight:700;text-decoration:none;text-align:center;white-space:normal}
.page-button-wa{background:#00695c}.page-button:hover{background:#173e87;color:#fff}.page-button-wa:hover{background:#004d40}
.site-readable :focus-visible{outline:3px solid #e67e00;outline-offset:3px}
.related-pages{clear:both;background:#f5f7fb;border:1px solid #dde3ec;border-radius:12px;padding:22px;margin:32px 0}
.related-pages h2{font-size:21px;margin:0 0 16px}.related-pages>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.related-pages a,.region-directory a{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:15px;background:#fff;border:1px solid #cedaee;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none;min-width:0;overflow-wrap:anywhere}
.related-pages a:hover,.region-directory a:hover{border-color:#e67e00;background:#fff6eb;color:#0d2b6e}
.region-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-faq{margin:34px 0}.page-faq details{border:1px solid #dde3ec;border-radius:9px;margin:12px 0;background:#fff}
.page-faq summary{cursor:pointer;padding:18px;font-weight:700;color:#0d2b6e;line-height:1.5}.page-faq details p{padding:0 18px 18px;line-height:1.8;color:#35445b}
.page-faq details[open]{background:#f5f8fe;border-color:#9cb6df}
.network-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.network-links>div{padding:18px;background:#fff;border:1px solid #d5e0f3;border-radius:9px;min-width:0}
.network-links span{display:block;font-size:12px;overflow-wrap:anywhere;color:#526078;margin-top:8px}
.photo-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center}.photo-story img{display:block;width:100%;height:auto;border-radius:12px}
.photo-story p{line-height:1.85}.table-scroll{overflow-x:auto;max-width:100%;border-radius:10px}.page-price>p{font-size:15px;color:#526078}
.visual-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-services a{display:block;border:1px solid #d6e0f0;border-radius:12px;overflow:hidden;text-decoration:none;background:#f5f7fb;min-width:0}
.visual-services img{display:block;width:100%;height:180px;object-fit:cover}.visual-services span{display:block;padding:16px;font-size:16px;font-weight:700;line-height:1.5}
.visual-services a:hover{border-color:#e67e00;color:#0d2b6e}.contact-details{padding:22px;border:1px solid #d6e0f0;border-radius:12px}
.page-inline-photo{display:block;margin:26px 0;padding:0;max-width:720px}.page-inline-photo img{display:block;width:100%;height:auto;border-radius:12px}.page-inline-photo figcaption{font-size:13px;color:#526078;padding-top:7px}
@media(max-width:760px){.page-intro,.page-intro-compact{grid-template-columns:1fr;gap:20px}.page-intro img{max-height:420px;object-fit:contain;background:#f5f7fb}.page-intro-compact img{max-height:220px}.page-cta-actions{width:100%;flex-direction:column}.page-button{width:100%;box-sizing:border-box}.related-pages>div,.network-links,.photo-story{grid-template-columns:1fr}.region-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-services{grid-template-columns:1fr}.visual-services img{height:auto}.content-section h2{font-size:22px}.site-readable{padding-top:18px}.page-cta{padding:18px}.page-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){.site-readable *{scroll-behavior:auto!important;transition:none!important}}
.btn3{background:#0d2b6e;min-height:44px}.btn3:hover{background:#1a3f9a}.menu-glyph{font-style:normal;font-size:21px;line-height:1}

.home-hero{width:100%;max-width:none;overflow:hidden}.home-hero img,.page-intro img,.page-intro-compact img{display:block;width:100%;max-width:none;height:auto;max-height:none;object-fit:cover}