/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
	/* ============================================================
	   RENK PALETİ — 60 / 30 / 10
	   Seçenek 3 — Antrasit & Kobalt Mavi (müşteri onayı, Ekim 2026).
	   Önceki zümrüt palet yedeği: style.css.bak-zumrut
	   60% nötr zemin · 30% ink (koyu bölümler + metin) · 10% kobalt mavi vurgu.

	   Kullanım kuralı:
	   · Açık zeminde vurgu  -> --cg-accent / --cg-accent-dark
	   · KOYU zeminde vurgu  -> --cg-accent-light / --cg-accent-lighter
	   · Vurgu zeminli buton -> her zaman beyaz metin
	   ============================================================ */

	/* --- 60% — Nötr zemin ------------------------------------- */
	--cg-paper: #f7f8fa;                        /* sayfa arka planı */
	--cg-surface: #ffffff;                      /* kart / panel */
	--cg-surface-2: #eef1f5;                    /* hafif tonlu bant */
	--cg-surface-3: #e4e8ee;                    /* daha koyu tonlu bant */
	--cg-line: rgba(21, 24, 30, 0.10);          /* ince kenarlık */
	--cg-line-strong: rgba(21, 24, 30, 0.16);
	--cg-muted: #535a66;                        /* ikincil metin */
	--cg-muted-2: #7c8390;                      /* üçüncül metin */
	--cg-muted-light: rgba(255, 255, 255, 0.72);/* koyu zeminde ikincil metin */

	/* --- 30% — Ink (koyu bölümler + ana metin) ----------------- */
	--cg-ink: #15181e;
	--cg-ink-2: #262b36;                        /* ink üstü panel / kenarlık */
	--cg-ink-deep: #0f1115;                     /* footer */
	--cg-ink-deepest: #0b0d11;                  /* en koyu bant */

	/* --- 10% — Vurgu (kobalt) --------------------------------- */
	--cg-accent: #2251d1;                       /* tek vurgu rengi */
	--cg-accent-dark: #1a40a8;                  /* hover / basılı */
	--cg-accent-soft: #e6edfc;                  /* açık zeminde dolgu */
	--cg-accent-tint: #eff3fd;                  /* en açık dolgu */
	--cg-accent-light: #86a8ff;                 /* KOYU zeminde metin/ikon */
	--cg-accent-lighter: #a9c1ff;               /* koyu zeminde gradyan/etiket */
	--cg-accent-rgb: 34, 81, 209;
	--cg-accent-light-rgb: 134, 168, 255;

	/* --- Destek ----------------------------------------------- */
	--cg-star: #e0a93b;                         /* yıldız / puan */
	--cg-danger: #c13b27;
	--cg-danger-soft: #fbede7;
	--cg-success: #2251d1;
	--cg-whatsapp: #25d366;                     /* marka rengi — değiştirme */
	--cg-whatsapp-dark: #1ebd5a;

	/* --- Eski isimler (mevcut kurallar için takma ad) ---------- */
	--cg-navy: var(--cg-ink);
	--cg-gold: var(--cg-accent);                /* artık kobalt mavi */
	--cg-bg: var(--cg-surface);
	--cg-text: var(--cg-ink);

	--cg-max-width: 1200px;
}

body {
	background: var(--cg-paper);
}

/* ------------------------------------------------------------
   Bağlama duyarlı vurgu.
   Kobalt (#2251d1) koyu bir renktir; antrasit zeminde kontrastı
   ~2.8:1'de kalır (WCAG metin minimumu 4.5:1). Bu yüzden koyu
   zeminli bölümlerin İÇİNDE --cg-accent/--cg-gold otomatik olarak
   açık tona (#86a8ff) döner — tek tek kural yazmaya gerek kalmaz.
   Liste tarayıcıda ölçülerek çıkarıldı (zemin parlaklığı < 0.22).
   Yeni koyu bir bölüm eklerseniz sınıfını buraya ekleyin.
   ------------------------------------------------------------ */
.cg-hero-fullscreen,
.cg-menu,
.cg-footer,
.cg-dpk__stage,
.cg-dubai-fit-section,
.cg-faq-section,
.cg-proc__duration,
.cg-final-cta,
.cg-ab-hero,
.cg-ab-approach,
.cg-ab-local,
.cg-ab-post,
.cg-ab-cta,
.cg-wheel-card__media,
.cg-sv-pkgs,
.cg-sv-bank,
.cg-sv-compare-sec,
.cg-sv-country--alt,
.cg-carousel,
.cg-ct-info,
.cg-blog-hero,
.cg-blog-card__media,
.cg-single-hero,
.cg-single-cta__inner,
.cg-wheel-sec--lg {
	--cg-accent: var(--cg-accent-light);
	--cg-accent-dark: var(--cg-accent-lighter);
	--cg-accent-rgb: var(--cg-accent-light-rgb);
	--cg-gold: var(--cg-accent-light);
}

/* Koyu bölümün içindeki AÇIK panellerde vurgu tekrar koyu tona döner. */
.cg-hero-form-panel,
.cg-ct-form-card {
	--cg-accent: #2251d1;
	--cg-accent-dark: #1a40a8;
	--cg-accent-rgb: 34, 81, 209;
	--cg-gold: #2251d1;
}

.screen-reader-text {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
.skip-link:focus {
	position: fixed;
	top: 10px;
	left: 10px;
	clip: auto;
	width: auto;
	height: auto;
	z-index: 10000;
	background: #fff;
	padding: 10px 16px;
}

.cg-button {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.cg-button--whatsapp {
	padding: 11px 24px;
	border-radius: 999px;
	background: var(--cg-gold, #2251d1);
	color: #fff;
	transition: background 0.2s ease;
}
.cg-button--whatsapp:hover,
.cg-button--whatsapp:focus,
.cg-button--whatsapp:active {
	background: #1a40a8;
	color: #fff !important;
	box-shadow: none;
	transform: none;
}

/* Header */
.cg-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--cg-bg);
	border-bottom: 1px solid #e4e8ee;
	transition: background 0.3s ease, box-shadow 0.3s ease;
}
/* Transparent over the (dark) hero; turns navy once scrolled (is-stuck) or on
   open mobile menu (is-open). Fixed so it stays pinned while scrolling. */
.cg-header--transparent {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: transparent;
	border-bottom: none;
	box-shadow: none;
}
.cg-header--transparent.is-stuck,
.cg-header--transparent.is-open {
	background: var(--cg-navy);
	box-shadow: 0 8px 28px rgba(21, 24, 30, 0.22);
}
.cg-header__inner {
	max-width: var(--cg-max-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 24px;
	padding: 16px 24px;
}
.cg-header__brand {
	justify-self: start;
}
.cg-header__site-name {
	font-family: var(--cg-font);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--cg-navy);
	text-decoration: none;
	white-space: nowrap;
}
.cg-header--transparent .cg-header__site-name {
	color: #ffffff;
}
.cg-header__logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}
.cg-header__logo {
	display: block;
	height: clamp(45px, 4vw, 54px);
	width: auto;
}
.cg-header__nav {
	justify-self: center;
}
.cg-header__menu {
	list-style: none;
	display: flex;
	gap: 24px;
	margin: 0;
	padding: 0;
}
.cg-header__menu > li:first-child {
	display: none;
}
.cg-header__menu a {
	position: relative;
	display: inline-block;
	font-family: var(--cg-font);
	font-weight: 700;
	color: var(--cg-text);
	text-decoration: none;
	padding: 8px 2px;
}
.cg-header__menu a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 0;
	height: 2px;
	background-color: var(--cg-gold);
	transition: width 0.3s ease;
}
.cg-header__menu a:hover::after {
	width: 100%;
}
.cg-header--transparent .cg-header__menu a {
	color: #ffffff;
}
.cg-header__right {
	justify-self: end;
	display: flex;
	align-items: center;
	gap: 16px;
}
.cg-header__toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 6px;
}
.cg-header__toggle-bar {
	width: 24px;
	height: 2px;
	background: var(--cg-navy);
}
.cg-header--transparent .cg-header__toggle-bar {
	background: #ffffff;
}
/* Kill the global button:hover fuchsia on the hamburger.
   color/border-color da sıfırlanıyor: Elementor reset'i onları da #cc3366
   yapıyordu (çubuklar sabit beyaz olduğu için görünmüyordu ama tuzak). */
.cg-header__toggle:hover,
.cg-header__toggle:focus,
.cg-header__toggle:active {
	background: none !important;
	color: inherit !important;
	border-color: transparent !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	appearance: none;
}

@media (max-width: 1024px) {
	.cg-header__inner {
		grid-template-columns: 1fr auto;
	}
	.cg-header__nav,
	.cg-header__cta {
		display: none;
	}
	.cg-header__toggle {
		display: flex;
	}
}

/* ============================================================
   Full-screen mobile menu overlay (header.php .cg-menu).
   Opens on the hamburger; brand + close on top, big nav rows,
   WhatsApp CTA pinned at the bottom under every page link.
   ============================================================ */
.cg-menu {
	position: fixed;
	inset: 0;
	z-index: 1100;
	display: none;
	background-color: var(--cg-navy);
	background-image: radial-gradient(130% 120% at 50% 0%, #262b36 0%, #15181e 60%, #0b0d11 100%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}
.cg-menu.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.cg-menu__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-width: 720px;
	margin: 0 auto;
	padding: 18px 24px calc(24px + env(safe-area-inset-bottom, 0px));
}
.cg-menu__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px 0 6px;
}
.cg-menu__brand {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	text-decoration: none;
}
.cg-menu__logo {
	display: block;
	height: 42px;
	width: auto;
}
.cg-menu__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 0;
	background: none;
	-webkit-appearance: none;
	appearance: none;
	color: #ffffff;
	cursor: pointer;
	border-radius: 50%;
	transition: color 0.25s ease, background 0.25s ease;
}
.cg-menu__close:hover,
.cg-menu__close:focus,
.cg-menu__close:active {
	background: rgba(255, 255, 255, 0.08) !important;
	color: var(--cg-gold) !important;
}
.cg-menu__close svg {
	width: 26px;
	height: 26px;
}
.cg-menu__nav {
	flex: 1;
	display: flex;
	align-items: center;
	overflow-y: auto;
}
.cg-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.cg-menu__list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	opacity: 0;
	transform: translateY(14px);
}
.cg-menu__list li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.cg-menu.is-open .cg-menu__list li {
	animation: cg-menu-row-in 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
.cg-menu.is-open .cg-menu__list li:nth-child(1) { animation-delay: 0.06s; }
.cg-menu.is-open .cg-menu__list li:nth-child(2) { animation-delay: 0.11s; }
.cg-menu.is-open .cg-menu__list li:nth-child(3) { animation-delay: 0.16s; }
.cg-menu.is-open .cg-menu__list li:nth-child(4) { animation-delay: 0.21s; }
.cg-menu.is-open .cg-menu__list li:nth-child(5) { animation-delay: 0.26s; }
.cg-menu.is-open .cg-menu__list li:nth-child(6) { animation-delay: 0.31s; }
@keyframes cg-menu-row-in {
	to { opacity: 1; transform: none; }
}
.cg-menu__list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 4px;
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.4rem, 6.5vw, 1.85rem);
	font-weight: 600;
	line-height: 1.15;
	color: #ffffff;
	text-decoration: none;
	transition: color 0.25s ease, padding-left 0.25s ease;
}
.cg-menu__list a::after {
	content: '\2192';
	font-size: 0.85em;
	color: var(--cg-gold);
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.cg-menu__list a:hover,
.cg-menu__list a:focus,
.cg-menu__list .current-menu-item > a,
.cg-menu__list .current_page_item > a {
	color: var(--cg-gold);
	padding-left: 10px;
}
.cg-menu__list a:hover::after,
.cg-menu__list a:focus::after,
.cg-menu__list .current-menu-item > a::after {
	opacity: 1;
	transform: translateX(0);
}
.cg-menu__foot {
	padding-top: 22px;
}
.cg-menu__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 18px 24px;
	border-radius: 999px;
	background: var(--cg-gold);
	color: #ffffff;
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-weight: 700;
	font-size: 1.05rem;
	text-decoration: none;
	box-shadow: 0 14px 30px rgba(34, 81, 209, 0.28);
	transition: filter 0.25s ease, transform 0.25s ease;
}
.cg-menu__cta:hover,
.cg-menu__cta:focus {
	filter: brightness(1.05);
	transform: translateY(-2px);
}
.cg-menu__cta svg {
	width: 20px;
	height: 20px;
}
body.cg-menu-open {
	overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
	.cg-menu {
		transition: none;
	}
	.cg-menu__list li {
		animation: none;
		opacity: 1;
		transform: none;
	}
}
/* Reveal the overlay on mobile — placed AFTER the base `.cg-menu{display:none}`
   so this wins (media queries don't add specificity; source order decides). */
@media (max-width: 1024px) {
	.cg-menu {
		display: block;
	}
}

/* ============================================================
   Footer
   İki sütunlu kurgu: solda marka + iri başlık, sağda bağlantı
   sütunları + iletişim. Aradaki dikey çizgi sağ sütunun
   border-left'i; bağlantılarla iletişim arasındaki yatay çizgi de
   sadece sağ sütunda (referans düzeni böyle).
   ============================================================ */
.cg-footer {
	position: relative;
	background-color: var(--cg-ink-deep, #0f1115);
	color: rgba(255, 255, 255, 0.72);
	padding: clamp(56px, 7vw, 92px) 24px clamp(28px, 3vw, 40px);
}
.cg-footer__inner {
	max-width: var(--cg-max-width);
	margin: 0 auto;
}
.cg-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
	column-gap: clamp(32px, 5vw, 72px);
	row-gap: clamp(40px, 5vw, 68px);
}
/* Dikey ayraç: sağ sütunun sol kenarı (iki satır boyunca sürer). */
.cg-footer__nav,
.cg-footer__contact {
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	padding-left: clamp(28px, 4vw, 58px);
}

/* --- Marka --- */
.cg-footer__logo {
	display: block;
	width: auto;
	height: 52px;
	margin-bottom: 24px;
}
.cg-footer__desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.94rem;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.62);
	margin: 0;
	max-width: 330px;
}

/* --- Bağlantı sütunları --- */
.cg-footer__nav {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(20px, 3vw, 40px);
}
.cg-footer__heading {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 1rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 18px;
}
.cg-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 13px;
}
.cg-footer__links a {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.93rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.62);
	text-decoration: none;
	transition: color 0.18s ease;
}
.cg-footer__links a:hover,
.cg-footer__links a:focus {
	color: var(--cg-accent-light, #86a8ff);
}

/* --- İri kapanış başlığı --- */
.cg-footer__headline {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(2rem, 4vw, 3.3rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.015em;
	color: #ffffff;
	margin: 0;
	max-width: 340px;
}

/* --- İletişim bloğu --- */
.cg-footer__contact {
	padding-top: clamp(28px, 3.5vw, 48px);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.cg-footer__talk {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.9rem, 3.6vw, 3rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.015em;
	color: #ffffff;
	margin: 0 0 26px;
}
.cg-footer__contact-row {
	display: flex;
	align-items: center;
	gap: 26px;
	margin-bottom: 26px;
}
.cg-footer__contact-lines {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.cg-footer__mail,
.cg-footer__tel {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.02rem;
	line-height: 1.4;
	color: #ffffff;
	text-decoration: none;
	width: fit-content;
	transition: color 0.18s ease;
}
.cg-footer__mail {
	text-decoration: underline;
	text-underline-offset: 4px;
}
.cg-footer__mail:hover,
.cg-footer__tel:hover,
.cg-footer__mail:focus,
.cg-footer__tel:focus {
	color: var(--cg-accent-light, #86a8ff);
}
/* Beyaz daire içinde çıkış oku */
.cg-footer__arrow {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #ffffff;
	color: var(--cg-ink, #15181e);
	text-decoration: none;
	transition: transform 0.2s ease, background 0.2s ease;
}
.cg-footer__arrow:hover,
.cg-footer__arrow:focus {
	background: var(--cg-accent-light, #86a8ff);
	color: var(--cg-ink, #15181e);
	transform: translateY(-2px);
}
.cg-footer__arrow svg {
	width: 22px;
	height: 22px;
}
.cg-footer__hours {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.92rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.56);
	margin: 0;
}

/* --- Yasal metin + alt satır --- */
.cg-footer__legal {
	margin: clamp(40px, 5vw, 64px) 0 0;
	padding-top: clamp(26px, 3vw, 38px);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.78rem;
	line-height: 1.75;
	color: var(--cg-muted-light, rgba(255, 255, 255, 0.72));
}
.cg-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: clamp(20px, 2.5vw, 30px);
}
.cg-footer__copy {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.84rem;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
}
.cg-footer__policy {
	list-style: none;
	display: flex;
	gap: clamp(18px, 3vw, 34px);
	margin: 0;
	padding: 0;
}
.cg-footer__policy a {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.84rem;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	transition: color 0.18s ease;
}
.cg-footer__policy a:hover,
.cg-footer__policy a:focus {
	color: var(--cg-accent-light, #86a8ff);
}

/* --- Yukarı çık --- */
.cg-footer__totop {
	position: absolute;
	right: clamp(16px, 3vw, 40px);
	bottom: clamp(70px, 9vw, 120px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	background: transparent;
	color: rgba(255, 255, 255, 0.72);
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.cg-footer__totop:hover,
.cg-footer__totop:focus,
.cg-footer__totop:active {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.4);
	color: #ffffff !important;
}
.cg-footer__totop svg {
	width: 20px;
	height: 20px;
}

@media (max-width: 900px) {
	.cg-footer__grid {
		grid-template-columns: 1fr;
	}
	/* Tek sütuna inince dikey ayraç yerine üst çizgi mantıklı. */
	.cg-footer__nav,
	.cg-footer__contact {
		border-left: 0;
		padding-left: 0;
	}
	.cg-footer__nav {
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		padding-top: clamp(28px, 5vw, 40px);
	}
	.cg-footer__headline,
	.cg-footer__desc {
		max-width: none;
	}
	.cg-footer__totop {
		bottom: auto;
		top: clamp(20px, 5vw, 34px);
	}
}
@media (max-width: 560px) {
	.cg-footer__nav {
		grid-template-columns: 1fr 1fr;
		gap: 28px 20px;
	}
	.cg-footer__contact-row {
		gap: 18px;
	}
	.cg-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* CTA sections removed site-wide (footer replaces them) */
.home .cg-final-cta {
	display: none !important;
}

/* Floating WhatsApp button */
.cg-whatsapp-float {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	background: #25d366;
	color: #fff;
	border-radius: 50%;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.cg-whatsapp-float:hover {
	background: #1ebd5a;
	color: #fff;
}

/* Full-screen hero section */
.cg-hero-fullscreen {
	min-height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	/* Arka plan fotoğrafı uploads içinde durduğu için URL'i PHP basıyor
	   (functions.php → cg_hero_background_url). Dosya yoksa tema içindeki
	   poster'a düşer. Elementor'ün rgba(11,13,17,...) overlay'i metin
	   kontrastı için üstüne biniyor. */
	background-color: var(--cg-ink-deepest);
	background-image: var(--cg-hero-bg, url('assets/img/hero-poster.webp'));
	background-size: cover;
	background-position: center;
}
/* Vignette — dört kenardan içeri doğru koyulaşan çerçeve. Elementor'ün düz
   overlay'inin üstünde, içeriğin (z-index 2) altında durur; fotoğrafın kenarları
   koyulaşınca metin ve form paneli öne çıkar. */
.cg-hero-fullscreen::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 0.72) 100%),
		linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0.68) 100%);
}
.cg-hero-fullscreen > .elementor-container {
	position: relative;
	z-index: 2;
	width: 100%;
}
/* Sabit header'ın altına girmesin + alçak ekranlarda içerik sıkışmasın.
   !important şart: Elementor bölümün padding'ini
   `.elementor-7 .elementor-element.elementor-element-fa04b76` (0,3,0) ile
   48px basıyor, sınıf seçicimiz onu yenemiyor.
   min-height yerine svh: mobil tarayıcı çubuğu yüksekliği değişince zıplamaz. */
.cg-hero-fullscreen {
	padding-top: clamp(104px, 13vh, 168px) !important;
	padding-bottom: clamp(48px, 7vh, 96px) !important;
}
@supports (height: 100svh) {
	.cg-hero-fullscreen {
		min-height: 100svh;
	}
}
/* Dikey ekranlarda fotoğraf ortadan kırpılınca pencerenin koyu dikey kasası
   (görselin ~%45'i) sol kenarda koyu bir şerit olarak görünüyordu. Kasa ile
   sağdaki buzlu cam arasındaki temiz skyline bandına kaydırıyoruz; tablette o
   bant ekrana yetmediği için tamamen sağdaki buzlu cama yaslanıyor. */
@media (max-width: 1024px) {
	.cg-hero-fullscreen {
		background-position: 100% center;
	}
}
@media (max-width: 767px) {
	.cg-hero-fullscreen {
		background-position: 60% center;
	}
}
/* Alçak ama geniş ekranlarda (dizüstü) 100vh dayatması içeriği ezdiği için
   yüksekliği içeriğe bırakıyoruz. */
@media (max-height: 860px) and (min-width: 1025px) {
	.cg-hero-fullscreen {
		min-height: 0;
	}
}
/* Hero istatistik şeridi ([cg_hero_stats]).
   Dört sütun, aralarında ince dikey ayraç; sayı beyaz, son ek (+ / yıl / gün)
   vurgu renginde. Sayı olmayan değer ("Türkçe") tek başına beyaz kalır. */
.cg-hstats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: start;
	width: 100%;
}
.cg-hstat {
	position: relative;
	padding: 0 clamp(12px, 1.6vw, 26px);
}
.cg-hstat + .cg-hstat::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	bottom: 2px;
	width: 1px;
	background: rgba(255, 255, 255, 0.16);
}
.cg-hstat:first-child {
	padding-left: 0;
}
.cg-hstat__value {
	display: flex;
	align-items: baseline;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(1.4rem, 2.1vw, 1.9rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.01em;
}
.cg-hstat__num {
	color: #ffffff;
}
.cg-hstat__suffix {
	color: var(--cg-accent-light, #86a8ff);
}
.cg-hstat__label {
	display: block;
	margin-top: 7px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.68);
}

@media (max-width: 1024px) {
	.cg-hstats {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 20px;
	}
	/* İki sütuna düşünce ayraç sadece sağdaki sütunda kalmalı */
	.cg-hstat:nth-child(odd) {
		padding-left: 0;
	}
	.cg-hstat:nth-child(odd)::before {
		content: none;
	}
	.cg-hstat__label {
		font-size: 12px;
	}
}
@media (max-width: 420px) {
	.cg-hstats {
		grid-template-columns: 1fr 1fr;
	}
	.cg-hstat {
		padding: 0 10px;
	}
}

/* Social proof row (avatars + stat + CTA) */
.cg-social-proof-row > .elementor-container {
	align-items: center;
}
.cg-social-proof {
	display: flex;
	align-items: center;
	gap: 16px;
}
.cg-avatar-stack {
	display: flex;
	flex-shrink: 0;
}
.cg-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #0b0d11;
	margin-left: -12px;
	flex-shrink: 0;
}
.cg-avatar:first-child {
	margin-left: 0;
}
.cg-social-proof__stat {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}
.cg-social-proof__number {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: 1.9rem;
	color: #ffffff;
}
.cg-social-proof__label {
	font-family: var(--cg-font);
	font-size: 13px;
	color: #b4bac4;
	margin-top: 2px;
}
.cg-social-proof-btn .elementor-button {
	background: transparent !important;
	white-space: nowrap;
}
.cg-social-proof-btn .elementor-button:hover {
	background: var(--cg-gold, #2251d1) !important;
	color: #ffffff !important;
	border-color: var(--cg-gold, #2251d1) !important;
}

@media (max-width: 1024px) {
	.cg-social-proof-row > .elementor-container {
		flex-wrap: wrap;
		gap: 16px;
	}
}

/* Hero title with cycling country accent */
.cg-hero-title {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(2rem, 3.6vw, 3.25rem);
	font-weight: 800;
	line-height: 1.18;
	color: #ffffff;
	text-align: left;
	margin: 0;
	/* Türkçe uzun kelimeler dar ekranda taşmasın */
	overflow-wrap: break-word;
}

/* --- Dönen ülke kelimesi -------------------------------------------------
   Başlık tek cümle olarak akıyor; kelime cümlenin ortasında yer alıyor.
   Kelime uzunluğu değiştikçe sonraki kelimelerin kayması / alt satıra
   düşmesi için yuva SABİT genişlikte tutuluyor:

   .cg-cycle-city-wrap  inline-grid — sizer ve canlı metin AYNI hücrede üst üste
     ├─ .cg-cycle-sizer görünmez, üç seçeneği de üst üste barındırır →
     │                  genişliği = en uzun kelime (İngiltere’de). Yuvayı o ölçer.
     └─ .cg-cycle-live   ekranda görünen yazılan metin + imleç

   Böylece genişlik yazı tipi yüklendikten sonra bile doğru hesaplanır ve
   kelime listesi değişirse sizer'ı güncellemek yeterli olur.
   ------------------------------------------------------------------------ */
.cg-cycle-city-wrap {
	display: inline-grid;
	vertical-align: baseline;
	white-space: nowrap;            /* kelimenin kendisi asla bölünmesin */
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-weight: 700;
	font-size: 1.12em;
	color: var(--cg-gold, #2251d1);
}
.cg-cycle-city-wrap > .cg-cycle-sizer,
.cg-cycle-city-wrap > .cg-cycle-live {
	grid-area: 1 / 1;               /* ikisi de aynı hücrede */
	justify-self: start;
}
.cg-cycle-sizer {
	display: grid;                  /* çocuklar yan yana değil üst üste → genişlik = max */
	visibility: hidden;
	pointer-events: none;
	padding-right: 0.14em;          /* imleç payı: kelime değişince metin oynamasın */
}
.cg-cycle-sizer > span {
	grid-area: 1 / 1;
}
.cg-cycle-live {
	display: inline-flex;
	align-items: baseline;
}
.cg-cycle-cursor {
	display: inline-block;
	flex: none;
	width: 2px;
	height: 0.72em;
	margin-left: 0.06em;
	background: var(--cg-gold, #2251d1);
	align-self: center;
	animation: cgCursorBlink 0.8s steps(1) infinite;
}
@keyframes cgCursorBlink {
	0%,
	50% {
		opacity: 1;
	}
	50.01%,
	100% {
		opacity: 0;
	}
}

/* Lead form (hero white panel) */
.cg-hero-form-panel {
	box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.35), 0 0 45px rgba(134, 168, 255, 0.18);
}
/* Metin sütunu ile form paneli arasında nefes payı. Elementor kolonları
   flex-shrink:1 olduğu için column-gap taşmaya yol açmadan araya giriyor. */
.cg-hero-fullscreen > .elementor-container {
	column-gap: clamp(28px, 4vw, 72px);
}
/* Panel, metin sütunu kadar uzamasın: kendi içeriği kadar olup dikeyde ortalansın.
   (Aksi hâlde flex stretch ile uzayıp butonun altında boş beyaz alan bırakıyor.) */
.cg-hero-fullscreen > .elementor-container > .cg-hero-form-panel {
	align-self: center;
}
@media (max-width: 1024px) {
	/* Kolonlar alt alta binince yatay boşluk yerine dikey boşluk gerekiyor. */
	.cg-hero-fullscreen > .elementor-container {
		column-gap: 0;
		row-gap: 36px;
	}
}
.cg-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 4px;
}
.cg-form__honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.cg-form__field {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.cg-form__field label {
	font-size: 12px;
	font-weight: 600;
	color: var(--cg-muted, #535a66);
}
.cg-form__field input,
.cg-form__field textarea {
	background: #ffffff;
	border: 1px solid #d3d9e2;
	border-radius: 6px;
	padding: 8px 10px;
	font-family: inherit;
	font-size: 13px;
	color: var(--cg-ink, #15181e);
}
.cg-form__field textarea {
	resize: vertical;
	min-height: 48px;
}
.cg-form__field input:focus,
.cg-form__field textarea:focus {
	outline: 2px solid var(--cg-gold, #2251d1);
	outline-offset: 1px;
}
.cg-form__submit {
	margin-top: 4px;
	padding: 10px 18px;
	border: 1px solid var(--cg-gold, #2251d1);
	border-radius: 999px;
	background: var(--cg-gold, #2251d1);
	color: #ffffff;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.cg-form__submit:hover {
	background: #15181e;
	border-color: #15181e;
	color: #ffffff;
}
/* KVKK onay kutusu — zorunlu alan */
.cg-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin-top: 4px;
}
.cg-form__consent input[type='checkbox'] {
	flex: none;
	width: 17px;
	height: 17px;
	margin: 2px 0 0;
	accent-color: #2251d1;
	cursor: pointer;
}
.cg-form__consent label {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 11.5px;
	line-height: 1.45;
	color: var(--cg-muted, #535a66);
	cursor: pointer;
}
/* Onaysız gönderim denendiğinde tarayıcı :invalid verir — kutuyu belirginleştir. */
.cg-form__consent input:invalid:focus-visible {
	outline: 2px solid var(--cg-danger, #c13b27);
	outline-offset: 2px;
}
/* Buton altı bilgi notu */
.cg-form__followup {
	margin: 8px 0 0;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 11.5px;
	line-height: 1.45;
	color: var(--cg-muted, #535a66);
	text-align: center;
}

.cg-form__notice {
	padding: 10px 14px;
	border-radius: 8px;
	margin-bottom: 10px;
	font-size: 13px;
}
.cg-form__notice--success {
	background: rgba(37, 211, 102, 0.12);
	color: #2251d1;
	border: 1px solid rgba(37, 211, 102, 0.4);
}
.cg-form__notice--error {
	background: rgba(193, 59, 39, 0.1);
	color: #c13b27;
	border: 1px solid rgba(193, 59, 39, 0.35);
}

/* ============================================================
   TEK BUTON SİSTEMİ
   Site genelinde bütün CTA butonları aynı görünür: dolu kobalt
   zemin + beyaz metin. Fare takipli "specular" kenar ışığı efekti
   kaldırıldı (specular-button.js artık yüklenmiyor); .cg-spec*
   sınıfları geriye dönük uyumluluk için bu kurala bağlandı.
   Koyu bölümlerde --cg-accent otomatik açık kobalt tona döndüğü için
   burada değişken DEĞİL sabit renk kullanılıyor — buton her yerde
   aynı yeşil olsun diye.
   ============================================================ */
.cg-spec,
.cg-form__submit,
.cg-button--whatsapp,
.cg-menu__cta,
.cg-dpk__cta,
.cg-faq__cta,
.cg-ab-btn,
.cg-sv-pkg__cta,
.cg-ct-info__cta,
.cg-single-cta__btn,
.cg-countries-grid .elementor-button,
.cg-country-card .elementor-button,
.cg-final-cta .elementor-button,
.cg-social-proof-btn .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 26px;
	border: 1px solid #2251d1 !important;
	border-radius: 999px;
	background: #2251d1 !important;
	color: #ffffff !important;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none !important;
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.cg-spec:hover,
.cg-form__submit:hover,
.cg-button--whatsapp:hover,
.cg-menu__cta:hover,
.cg-dpk__cta:hover,
.cg-faq__cta:hover,
.cg-ab-btn:hover,
.cg-sv-pkg__cta:hover,
.cg-ct-info__cta:hover,
.cg-single-cta__btn:hover,
.cg-countries-grid .elementor-button:hover,
.cg-country-card .elementor-button:hover,
.cg-final-cta .elementor-button:hover,
.cg-social-proof-btn .elementor-button:hover,
.cg-spec:focus,
.cg-form__submit:focus,
.cg-button--whatsapp:focus,
.cg-menu__cta:focus,
.cg-dpk__cta:focus,
.cg-ab-btn:focus,
.cg-ct-info__cta:focus,
.cg-single-cta__btn:focus {
	background: #1a40a8 !important;
	border-color: #1a40a8 !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: none !important;
}
.cg-spec:active,
.cg-form__submit:active,
.cg-button--whatsapp:active,
.cg-ab-btn:active,
.cg-dpk__cta:active {
	transform: translateY(0);
	background: #1a40a8 !important;
	border-color: #1a40a8 !important;
	color: #ffffff !important;
}
.cg-spec:focus-visible,
.cg-form__submit:focus-visible,
.cg-button--whatsapp:focus-visible,
.cg-ab-btn:focus-visible {
	outline: 2px solid #86a8ff;
	outline-offset: 3px;
}
/* Specular kalıntıları: ışık katmanları ve etiket sarmalayıcı etkisiz. */
.cg-spec::before,
.cg-spec::after {
	content: none !important;
}
.cg-spec__label {
	display: contents;
}
/* --- Buton ikonları ------------------------------------------------------
   Maske olarak gömülü SVG kullanılıyor: hem PHP'de yazdığımız butonlarda hem
   Elementor'ün ürettiği <a class="elementor-button"> içinde çalışır (markup'a
   dokunmaya gerek yok) ve rengini currentColor'dan alır.
   WhatsApp ikonu href'i wa.me içeren butonlara otomatik geliyor.
   ------------------------------------------------------------------------ */
.cg-btn-ico::before,
.cg-form__submit::before,
:is(
	.cg-button--whatsapp,
	.cg-dpk__cta,
	.cg-faq__cta,
	.cg-ab-btn,
	.cg-sv-pkg__cta,
	.cg-ct-info__cta,
	.cg-single-cta__btn,
	.cg-risk__cta,
	.cg-docs__cta,
	.cg-countries-grid .elementor-button,
	.cg-country-card .elementor-button,
	.cg-final-cta .elementor-button,
	.cg-social-proof-btn .elementor-button
)[href*='wa.me']::before {
	content: '';
	flex: none;
	width: 1.5em;
	height: 1.5em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
}
/* WhatsApp glifi */
:is(
	.cg-button--whatsapp,
	.cg-dpk__cta,
	.cg-faq__cta,
	.cg-ab-btn,
	.cg-sv-pkg__cta,
	.cg-ct-info__cta,
	.cg-single-cta__btn,
	.cg-risk__cta,
	.cg-docs__cta,
	.cg-countries-grid .elementor-button,
	.cg-country-card .elementor-button,
	.cg-final-cta .elementor-button,
	.cg-social-proof-btn .elementor-button
)[href*='wa.me']::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.004 3C9.377 3 4 8.373 4 15c0 2.29.638 4.43 1.745 6.257L4 29l7.94-1.706A11.94 11.94 0 0 0 16.004 27C22.63 27 28 21.627 28 15S22.63 3 16.004 3Zm6.98 17.06c-.29.816-1.44 1.5-2.36 1.694-.628.13-1.446.234-4.2-.9-3.526-1.454-5.792-5.03-5.968-5.263-.17-.234-1.42-1.89-1.42-3.605 0-1.716.9-2.556 1.22-2.907.29-.32.634-.4.846-.4.212 0 .424.002.61.01.196.01.458-.075.717.547.29.7.984 2.416 1.07 2.592.086.176.14.38.028.612-.11.234-.17.38-.34.585-.17.204-.356.457-.51.613-.17.176-.348.366-.15.72.196.352.872 1.44 1.874 2.334 1.287 1.148 2.372 1.503 2.726 1.673.354.17.56.146.766-.088.212-.234.888-1.035 1.126-1.39.238-.352.476-.293.796-.176.32.117 2.03.958 2.378 1.132.348.176.58.263.666.41.086.148.086.85-.204 1.666Z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.004 3C9.377 3 4 8.373 4 15c0 2.29.638 4.43 1.745 6.257L4 29l7.94-1.706A11.94 11.94 0 0 0 16.004 27C22.63 27 28 21.627 28 15S22.63 3 16.004 3Zm6.98 17.06c-.29.816-1.44 1.5-2.36 1.694-.628.13-1.446.234-4.2-.9-3.526-1.454-5.792-5.03-5.968-5.263-.17-.234-1.42-1.89-1.42-3.605 0-1.716.9-2.556 1.22-2.907.29-.32.634-.4.846-.4.212 0 .424.002.61.01.196.01.458-.075.717.547.29.7.984 2.416 1.07 2.592.086.176.14.38.028.612-.11.234-.17.38-.34.585-.17.204-.356.457-.51.613-.17.176-.348.366-.15.72.196.352.872 1.44 1.874 2.334 1.287 1.148 2.372 1.503 2.726 1.673.354.17.56.146.766-.088.212-.234.888-1.035 1.126-1.39.238-.352.476-.293.796-.176.32.117 2.03.958 2.378 1.132.348.176.58.263.666.41.086.148.086.85-.204 1.666Z'/%3E%3C/svg%3E");
}
/* Gönder (kâğıt uçak) glifi — form gönderme butonları */
.cg-form__submit::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
}
/* Mobil menü CTA'sında zaten satır içi SVG var — ikon iki kez çıkmasın. */
.cg-menu__cta::before {
	content: none;
}
/* Hero'da rakamların altındaki ana WhatsApp CTA'sı — daha iri, öne çıkan buton.
   !important şart: Elementor widget'ın kendi tipografisini
   `.elementor-element-1f38604 .elementor-button` ile 13px basıyor (aynı
   specificity + sonra yüklendiği için bizi eziyordu). */
.cg-social-proof-btn .elementor-button {
	padding: 17px 34px !important;
	font-size: 17px !important;
	gap: 11px;
}
.cg-social-proof-btn .elementor-button::before {
	width: 1.65em;
	height: 1.65em;
}
@media (max-width: 560px) {
	.cg-social-proof-btn .elementor-button {
		padding: 15px 24px;
		font-size: 15.5px;
		white-space: normal;
	}
}

/* "Hayalet" varyantlar dolu yeşilden ayrışsın diye çerçeveli kalır. */
.cg-ab-btn--ghost,
.cg-single-cta__btn--ghost {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.34) !important;
	color: #ffffff !important;
}
.cg-ab-btn--ghost:hover,
.cg-single-cta__btn--ghost:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: #ffffff !important;
}

/* Section title (eyebrow accent above centered headings) */
.cg-section-title {
	position: relative;
	padding-top: 22px;
}
.cg-section-title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 48px;
	height: 3px;
	border-radius: 2px;
	background: var(--cg-gold);
}

/* "Neden Company Global?" — icon-box cards */
.cg-why-us-grid > .elementor-container {
	gap: 24px;
	row-gap: 32px;
}
.cg-why-us-card > .elementor-widget-wrap,
.cg-why-us-card > .elementor-column-wrap {
	background: #ffffff;
	border-radius: 16px;
	padding: 40px 28px !important;
	box-shadow: 0 8px 24px rgba(21, 24, 30, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	height: 100%;
}
.cg-why-us-card:hover > .elementor-widget-wrap,
.cg-why-us-card:hover > .elementor-column-wrap {
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(21, 24, 30, 0.12);
}
.cg-why-us-card .elementor-icon-box-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.12);
	margin: 0 auto;
}
.cg-why-us-card .elementor-icon-box-icon .elementor-icon svg {
	width: 26px;
	height: 26px;
}

@media (max-width: 1024px) {
	.cg-why-us-grid > .elementor-container {
		flex-wrap: wrap;
	}
	.cg-why-us-grid > .elementor-container > .elementor-column {
		width: 50% !important;
		margin-bottom: 8px;
	}
}
@media (max-width: 600px) {
	.cg-why-us-grid > .elementor-container > .elementor-column {
		width: 100% !important;
	}
}

/* "Hizmet Verdiğimiz Ülkeler" — country cards */
.cg-countries-grid > .elementor-container {
	gap: 24px;
	align-items: stretch;
	counter-reset: cg-country;
}
.cg-country-card {
	counter-increment: cg-country;
}
.cg-country-card > .elementor-widget-wrap,
.cg-country-card > .elementor-column-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 16px;
	padding: 40px 32px !important;
	box-shadow: 0 8px 24px rgba(21, 24, 30, 0.05);
	transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease;
	height: 100%;
}
.cg-country-card > .elementor-widget-wrap::before,
.cg-country-card > .elementor-column-wrap::before {
	content: '0' counter(cg-country);
	position: absolute;
	top: 20px;
	left: 24px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: #c0c5ce;
}
.cg-country-card:hover > .elementor-widget-wrap,
.cg-country-card:hover > .elementor-column-wrap {
	transform: translateY(-8px) scale(1.015);
	box-shadow: 0 24px 48px rgba(21, 24, 30, 0.14);
	border-color: var(--cg-gold);
}
.cg-country-card .elementor-button {
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.cg-country-card:not(.cg-country-card--featured) .elementor-button:hover {
	background: var(--cg-navy) !important;
	color: #ffffff !important;
	border-color: var(--cg-navy) !important;
}

.cg-country-card--featured > .elementor-widget-wrap,
.cg-country-card--featured > .elementor-column-wrap {
	border: 2px solid var(--cg-gold);
	box-shadow: 0 16px 40px rgba(134, 168, 255, 0.18);
}
.cg-country-card--featured > .elementor-widget-wrap::before,
.cg-country-card--featured > .elementor-column-wrap::before {
	color: var(--cg-gold);
}
.cg-country-card--featured > .elementor-widget-wrap::after,
.cg-country-card--featured > .elementor-column-wrap::after {
	content: 'Premium';
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--cg-gold);
	color: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	padding: 6px 16px;
	border-radius: 999px;
	white-space: nowrap;
	z-index: 2;
}
.cg-country-card--featured .elementor-button {
	background: var(--cg-gold) !important;
	border-color: var(--cg-gold) !important;
	color: #ffffff !important;
}
.cg-country-card--featured .elementor-button:hover {
	background: var(--cg-navy) !important;
	border-color: var(--cg-navy) !important;
	color: #ffffff !important;
}

/* Per-country card icon: gold-tinted circle + line glyph.
   Recolor everything by changing --cg-card-icon (or override per card). */
.cg-countries-grid {
	--cg-card-icon: var(--cg-gold);
}
.cg-country-card .elementor-widget-heading {
	position: relative;
}
.cg-country-card .elementor-widget-heading::before {
	content: '';
	display: block;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.14);
	margin: 0 auto 18px;
	transition: background 0.3s ease;
}
.cg-country-card .elementor-widget-heading::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 76px;
	height: 76px;
	transform: translateX(-50%);
	background-color: var(--cg-card-icon);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 46px 46px;
	mask-size: 46px 46px;
	transition: transform 0.3s ease;
}
/* Dubai */
.cg-countries-grid > .elementor-container > .elementor-column:nth-child(1) .elementor-widget-heading::after {
	-webkit-mask-image: url("assets/icons/dubai.svg");
	mask-image: url("assets/icons/dubai.svg");
}
/* İngiltere (London) */
.cg-countries-grid > .elementor-container > .elementor-column:nth-child(2) .elementor-widget-heading::after {
	-webkit-mask-image: url("assets/icons/london.svg");
	mask-image: url("assets/icons/london.svg");
}
/* Estonya (Estonia) */
.cg-countries-grid > .elementor-container > .elementor-column:nth-child(3) .elementor-widget-heading::after {
	-webkit-mask-image: url("assets/icons/estonia.svg");
	mask-image: url("assets/icons/estonia.svg");
}
/* Icon micro-interaction on card hover */
.cg-country-card:hover .elementor-widget-heading::before {
	background: rgba(34, 81, 209, 0.24);
}
.cg-country-card:hover .elementor-widget-heading::after {
	transform: translateX(-50%) scale(1.08);
}

/* Push the button to the bottom so all cards line up regardless of content height */
.cg-country-card .elementor-widget-button {
	margin-top: auto;
	padding-top: 8px;
}
.cg-country-card .elementor-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(21, 24, 30, 0.16);
}

/* Scroll-reveal: card-reveal.js adds .cg-reveal (hidden) then .cg-reveal-in.
   Without JS the cards stay visible — no invisible-content risk. */
.cg-country-card.cg-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
	will-change: opacity, transform;
}
.cg-country-card.cg-reveal.cg-reveal-in {
	opacity: 1;
	transform: none;
}

/* Featured card — gentle breathing glow to draw the eye */
@keyframes cg-featured-glow {
	0%, 100% { box-shadow: 0 16px 40px rgba(134, 168, 255, 0.18); }
	50% { box-shadow: 0 20px 52px rgba(134, 168, 255, 0.34); }
}
.cg-country-card--featured > .elementor-widget-wrap,
.cg-country-card--featured > .elementor-column-wrap {
	animation: cg-featured-glow 3.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
	.cg-country-card,
	.cg-country-card > .elementor-widget-wrap,
	.cg-country-card--featured > .elementor-widget-wrap,
	.cg-country-card .elementor-button {
		animation: none !important;
		transition: none !important;
	}
	.cg-country-card.cg-reveal {
		opacity: 1 !important;
		transform: none !important;
	}
}

@media (max-width: 1024px) {
	.cg-countries-grid > .elementor-container {
		flex-wrap: wrap;
	}
	.cg-countries-grid > .elementor-container > .elementor-column {
		width: 100% !important;
		margin-bottom: 16px;
	}
	.cg-country-card--featured {
		order: -1;
	}
}

/* "Dubai Şirket Kuruluşu Paketleri" — Section 4: interactive package stage */
.cg-dpk {
	max-width: 1100px;
	margin: 0 auto;
	padding: 12px 0 0;
}
.cg-dpk__head {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 34px;
}
.cg-dpk__title {
	font-size: clamp(1.9rem, 3.2vw, 2.6rem);
	font-weight: 800;
	color: var(--cg-navy);
	margin: 0 0 14px;
}
.cg-dpk__desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--cg-muted, #535a66);
	margin: 0;
}

/* Segmented switch */
.cg-dpk__switch {
	position: relative;
	display: flex;
	max-width: 480px;
	margin: 0 auto 26px;
	padding: 6px;
	background: #eceff4;
	border-radius: 999px;
}
.cg-dpk__opt {
	position: relative;
	z-index: 1;
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 13px 16px;
	border: 0;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: 999px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	font-weight: 700;
	color: var(--cg-navy);
	cursor: pointer;
	transition: color 0.35s ease;
	-webkit-tap-highlight-color: transparent;
}
.cg-dpk__opt:focus {
	outline: none;
}
.cg-dpk__opt:focus-visible {
	outline: 2px solid var(--cg-gold);
	outline-offset: 3px;
}
/* Neutralize a global button:hover/:focus style (theme) that tinted the toggle fuchsia
   and forced white text — keep the toggle looking identical whether hovered or not. */
.cg-dpk__opt:hover,
.cg-dpk__opt:focus,
.cg-dpk__opt:active {
	background: transparent !important;
	color: var(--cg-navy) !important;
}
.cg-dpk__opt.is-active:hover,
.cg-dpk__opt.is-active:focus,
.cg-dpk__opt.is-active:active {
	color: #ffffff !important;
}
.cg-dpk__opt.is-active {
	color: #ffffff;
}
.cg-dpk__tag {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(34, 81, 209, 0.18);
	color: #1a40a8;
	transition: background 0.35s ease, color 0.35s ease;
}
.cg-dpk__opt.is-active .cg-dpk__tag {
	background: rgba(255, 255, 255, 0.24);
	color: #ffffff;
}
.cg-dpk__thumb {
	position: absolute;
	z-index: 0;
	top: 6px;
	left: 6px;
	width: calc(50% - 6px);
	height: calc(100% - 12px);
	border-radius: 999px;
	background: linear-gradient(135deg, #262b36, var(--cg-navy));
	box-shadow: 0 8px 20px rgba(21, 24, 30, 0.28);
	transition: transform 0.5s cubic-bezier(0.5, 1.5, 0.5, 1), background 0.5s ease;
}
.cg-dpk__switch.is-premium .cg-dpk__thumb {
	transform: translateX(100%);
	background: linear-gradient(135deg, #2251d1, #1a40a8);
}

/* Stage */
.cg-dpk__stage {
	--dpk-accent: #8a909c;
	position: relative;
	display: grid;
	overflow: hidden;
	padding: clamp(28px, 4vw, 52px);
	border-radius: 28px;
	background: radial-gradient(130% 130% at 50% 0%, #262b36 0%, #15181e 62%);
	box-shadow: 0 30px 64px rgba(21, 24, 30, 0.3);
}
.cg-dpk__stage.is-premium {
	--dpk-accent: #86a8ff;
}
.cg-dpk__glow {
	position: absolute;
	z-index: 0;
	top: -25%;
	right: -12%;
	width: 60%;
	height: 100%;
	border-radius: 50%;
	background-color: var(--dpk-accent);
	filter: blur(100px);
	opacity: 0.4;
	pointer-events: none;
	transition: background-color 0.8s ease;
}

/* Panels stacked in one grid cell → stage height = tallest; crossfade between them */
.cg-dpk__panel {
	grid-area: 1 / 1;
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: clamp(28px, 4vw, 48px);
	align-items: start;
	opacity: 0;
	visibility: hidden;
	transform: translateY(14px);
	transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
	pointer-events: none;
}
.cg-dpk__panel.is-active {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s;
	pointer-events: auto;
}
/* Sol sütun sağdakiyle aynı hizadan başlasın (eskiden center'dı, bu yüzden
   "Oturumsuz/Oturumlu" paket başlığı sağdaki listelerden aşağıda duruyordu). */
.cg-dpk__lead {
	align-self: start;
}
.cg-dpk__eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 14px;
}
.cg-dpk__name {
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 800;
	line-height: 1.15;
	color: #ffffff;
	margin: 0 0 18px;
}
/* Fiyat bulanıklaştırılmış; üstünde "Fiyatı Gör" butonu duruyor. */
/* Sütunun geri kalanı gibi sola dayalı; buton bulanık fiyatın üstünde durur. */
.cg-dpk__price-wrap {
	position: relative;
	display: grid;
	justify-items: start;
	align-items: center;
	margin: 0 0 28px;
}
.cg-dpk__price-wrap > * {
	grid-area: 1 / 1;
}
.cg-dpk__price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
	filter: blur(11px);
	opacity: 0.6;
	user-select: none;
	pointer-events: none;
}
.cg-dpk__reveal {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 12px 24px;
	border: 1px solid rgba(134, 168, 255, 0.5);
	border-radius: 999px;
	background: rgba(21, 24, 30, 0.72);
	-webkit-backdrop-filter: blur(3px);
	        backdrop-filter: blur(3px);
	color: var(--cg-accent-light, #86a8ff);
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
/* :focus ve :active şart — Elementor reset.css'i
   `button:focus, button:hover { background:#cc3366 }` basıyor, tıklandığında
   buton fuşyaya dönüyordu. */
.cg-dpk__reveal:hover,
.cg-dpk__reveal:focus,
.cg-dpk__reveal:focus-visible,
.cg-dpk__reveal:active {
	background: rgba(134, 168, 255, 0.16) !important;
	border-color: var(--cg-accent-light, #86a8ff);
	color: var(--cg-accent-light, #86a8ff) !important;
	transform: translateY(-1px);
}
.cg-dpk__reveal:focus-visible {
	outline: 2px solid var(--cg-accent-light, #86a8ff);
	outline-offset: 3px;
}
.cg-dpk__reveal-ico {
	display: inline-flex;
	flex: none;
}
.cg-dpk__reveal-ico svg {
	width: 19px;
	height: 19px;
}
.cg-dpk__amount {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-size: clamp(3rem, 6vw, 4.4rem);
	line-height: 0.95;
	color: #ffffff;
}
.cg-dpk__from {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 600;
	color: #9ca2ae;
	margin-top: 10px;
}
.cg-dpk__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 30px;
	border-radius: 999px;
	background: var(--cg-gold);
	color: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(34, 81, 209, 0.3);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cg-dpk__cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(34, 81, 209, 0.42);
}
.cg-dpk__note {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.85rem;
	font-style: italic;
	line-height: 1.5;
	color: #9ca2ae;
	margin: 16px 0 0;
	max-width: 320px;
}
.cg-dpk__detail {
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.cg-dpk__label {
	display: block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 14px;
}
.cg-dpk__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 11px;
}
.cg-dpk__list li {
	position: relative;
	padding-left: 28px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.98rem;
	line-height: 1.5;
	color: #cad1db;
}
.cg-dpk__list li::before {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
}
.cg-dpk__list--fit li::before {
	content: '→';
	color: #989eaa;
}
.cg-dpk__list--inc li::before {
	content: '✓';
	color: var(--cg-gold);
}
.cg-dpk__footnote {
	max-width: 820px;
	margin: 30px auto 0;
	text-align: center;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.85rem;
	line-height: 1.6;
	color: var(--cg-muted, #535a66);
}

/* Staggered list reveal on each switch (active panel only) */
.cg-dpk--anim .cg-dpk__panel .cg-dpk__list li {
	opacity: 0;
	transform: translateY(8px);
}
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li {
	opacity: 1;
	transform: none;
	transition: opacity 0.5s ease, transform 0.5s ease;
}
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li:nth-child(1) { transition-delay: 0.06s; }
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li:nth-child(2) { transition-delay: 0.12s; }
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li:nth-child(3) { transition-delay: 0.18s; }
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li:nth-child(4) { transition-delay: 0.24s; }
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li:nth-child(5) { transition-delay: 0.30s; }
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li:nth-child(6) { transition-delay: 0.36s; }
.cg-dpk--anim .cg-dpk__panel.is-active .cg-dpk__list li:nth-child(7) { transition-delay: 0.42s; }

/* Entrance (JS adds .cg-dpk--anim, then .is-inview when scrolled into view) */
.cg-dpk--anim .cg-dpk__switch,
.cg-dpk--anim .cg-dpk__stage {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.cg-dpk--anim.is-inview .cg-dpk__switch,
.cg-dpk--anim.is-inview .cg-dpk__stage {
	opacity: 1;
	transform: none;
}
.cg-dpk--anim.is-inview .cg-dpk__stage {
	transition-delay: 0.1s;
}

@media (max-width: 860px) {
	.cg-dpk__panel {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}
@media (max-width: 520px) {
	.cg-dpk__opt {
		flex-direction: column;
		gap: 4px;
		font-size: 0.9rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cg-dpk__thumb,
	.cg-dpk__panel,
	.cg-dpk__glow,
	.cg-dpk__cta {
		transition: none !important;
	}
}

/* "Neden Dubai? Kimin için uygun?" — Section 5: editorial verdict split with blur-rise reveal */
.cg-vs {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px 0 8px;
	overflow: hidden;
}
.cg-vs__glow {
	display: none;
}
.cg-vs__head {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 760px;
	margin: 0 auto 50px;
}
.cg-vs__eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 14px;
}
.cg-vs__title {
	font-size: clamp(1.9rem, 3.4vw, 2.7rem);
	font-weight: 800;
	line-height: 1.18;
	color: #ffffff;
	margin: 0 0 16px;
}
.cg-vs__intro {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.05rem;
	line-height: 1.7;
	color: #c0c6cf;
	margin: 0;
}
.cg-vs__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: clamp(28px, 4.5vw, 60px);
	align-items: stretch;
}
.cg-vs__seam {
	position: relative;
	width: 1px;
	background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.16) 14%, rgba(255, 255, 255, 0.16) 86%, transparent);
}
.cg-vs__seam-node {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	transform: translate(-50%, -50%) rotate(45deg);
	background: var(--cg-gold);
	box-shadow: 0 0 0 6px rgba(134, 168, 255, 0.14), 0 0 16px 3px rgba(134, 168, 255, 0.35);
}
.cg-vs__col {
	min-width: 0;
}
.cg-vs__col-title {
	font-size: 1.3rem;
	font-weight: 800;
	line-height: 1.25;
	color: #ffffff;
	margin: 0 0 10px;
}
.cg-vs__col--alt .cg-vs__col-title {
	color: #ffffff;
}
.cg-vs__col-lead {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.98rem;
	line-height: 1.6;
	color: #a7adb8;
	margin: 0 0 26px;
}
.cg-vs__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.cg-vs__list li {
	position: relative;
	padding-left: 40px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.02rem;
	line-height: 1.45;
	color: #e4e8ee;
	min-height: 28px;
	display: flex;
	align-items: center;
}
.cg-vs__list li::before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}
.cg-vs__list--yes li::before {
	content: '\2713';
	background: rgba(134, 168, 255, 0.22);
	color: #86a8ff;
	box-shadow: 0 0 0 1px rgba(134, 168, 255, 0.3) inset;
}
.cg-vs__list--alt li {
	color: #e4e8ee;
}
.cg-vs__list--alt li::before {
	content: '\2192';
	background: rgba(134, 168, 255, 0.22);
	color: #86a8ff;
	box-shadow: 0 0 0 1px rgba(134, 168, 255, 0.3) inset;
}

/* Blur-rise reveal (JS arms with .is-armed, then .is-inview on scroll). Stagger via --i. */
.cg-vs.is-armed .cg-vs__reveal {
	opacity: 0;
	transform: translateY(24px);
	filter: blur(9px);
	will-change: opacity, transform, filter;
}
.cg-vs.is-armed.is-inview .cg-vs__reveal {
	opacity: 1;
	transform: none;
	filter: blur(0);
	transition: opacity 0.65s ease, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.65s ease;
	transition-delay: calc(var(--i, 0) * 0.07s);
}

@media (max-width: 820px) {
	.cg-vs__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.cg-vs__seam {
		display: none;
	}
	.cg-vs__glow {
		display: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cg-vs.is-armed .cg-vs__reveal {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
	}
}

/* "Süreç nasıl işliyor?" — Section 7: scroll-filled vertical timeline */
.cg-proc {
	max-width: 900px;
	margin: 0 auto;
	padding: 12px 0 0;
}
.cg-proc__head {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 48px;
}
.cg-proc__eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 14px;
}
.cg-proc__title {
	font-size: clamp(1.9rem, 3.2vw, 2.6rem);
	font-weight: 800;
	color: var(--cg-navy);
	margin: 0 0 16px;
}
.cg-proc__intro {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--cg-muted, #535a66);
	margin: 0;
}
.cg-proc__timeline {
	position: relative;
}
.cg-proc__spine {
	position: absolute;
	left: 31px;
	top: 32px;
	bottom: 44px;
	width: 2px;
	background: #dde2ea;
	border-radius: 2px;
	overflow: hidden;
}
.cg-proc__fill {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, var(--cg-gold), #1a40a8);
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.12s linear;
}
.cg-proc__steps {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cg-proc__step {
	position: relative;
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 24px;
	padding-bottom: 40px;
}
.cg-proc__step:last-child {
	padding-bottom: 0;
}
.cg-proc__node {
	position: relative;
	z-index: 1;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #ffffff;
	border: 2px solid #dde2ea;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;
}
.cg-proc__num {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 1;
	color: #b3b9c3;
	transition: color 0.4s ease;
}
.cg-proc__step.is-active .cg-proc__node {
	border-color: var(--cg-gold);
	background: var(--cg-gold);
	box-shadow: 0 8px 22px rgba(34, 81, 209, 0.35);
}
.cg-proc__step.is-active .cg-proc__num {
	color: #ffffff;
}
.cg-proc__body {
	padding-top: 9px;
}
.cg-proc__step-title {
	font-size: 1.3rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--cg-navy);
	margin: 0 0 8px;
}
.cg-proc__step-desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--cg-muted, #535a66);
	margin: 0;
	max-width: 560px;
}
/* Steps ahead of the fill are dimmed, brighten as reached (only when JS drives it) */
/* Pasif adımda sadece numara/ikon soluk; metin tam opaklıkta kalsın
   (opacity metne uygulanınca kontrast yetersiz kalıyordu). */
.cg-proc--js .cg-proc__step .cg-proc__node,
.cg-proc--js .cg-proc__step .cg-proc__num {
	opacity: 0.5;
	transition: opacity 0.5s ease;
}
.cg-proc--js .cg-proc__step.is-active .cg-proc__node,
.cg-proc--js .cg-proc__step.is-active .cg-proc__num {
	opacity: 1;
}
.cg-proc__duration {
	display: flex;
	align-items: center;
	gap: 20px;
	max-width: 760px;
	margin: 48px auto 0;
	padding: 26px 30px;
	background: linear-gradient(150deg, #262b36, var(--cg-navy));
	border-radius: 18px;
	box-shadow: 0 20px 44px rgba(21, 24, 30, 0.22);
}
.cg-proc__duration-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.16);
	color: var(--cg-gold);
}
.cg-proc__duration-icon svg {
	width: 26px;
	height: 26px;
}
.cg-proc__duration-text {
	margin: 0;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.98rem;
	line-height: 1.6;
	color: #c5cad2;
}
.cg-proc__duration-text strong {
	color: #ffffff;
	font-weight: 800;
}
@media (max-width: 600px) {
	.cg-proc__step {
		grid-template-columns: 52px 1fr;
		gap: 16px;
	}
	.cg-proc__node {
		width: 52px;
		height: 52px;
	}
	.cg-proc__spine {
		left: 25px;
	}
	.cg-proc__num {
		font-size: 1.25rem;
	}
	.cg-proc__duration {
		flex-direction: column;
		text-align: center;
	}
}

/* "Sık Sorulan Sorular" — Section 8: sticky-aside split + accordion */
.cg-faq {
	max-width: 1140px;
	margin: 0 auto;
	padding: 12px 0 0;
}
.cg-faq__inner {
	display: grid;
	grid-template-columns: 0.82fr 1.18fr;
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}
.cg-faq__aside {
	position: sticky;
	top: 100px;
}
.cg-faq__eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 14px;
}
.cg-faq__title {
	font-size: clamp(1.9rem, 3.2vw, 2.7rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--cg-navy);
	margin: 0 0 18px;
}
.cg-faq__note {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	line-height: 1.65;
	color: var(--cg-muted, #535a66);
	margin: 0 0 24px;
	max-width: 340px;
}
.cg-faq__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	border: 1.5px solid var(--cg-gold);
	border-radius: 999px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	font-weight: 700;
	color: var(--cg-navy);
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.cg-faq__cta:hover {
	background: var(--cg-gold);
	color: #ffffff;
	transform: translateY(-2px);
}
.cg-faq__list {
	min-width: 0; /* grid item: allow shrinking below its content's min-content width */
}
.cg-faq__item {
	min-width: 0;
	border-bottom: 1px solid #dde2ea;
}
.cg-faq__item:first-child {
	border-top: 1px solid #dde2ea;
}
.cg-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	padding: 22px 4px;
	background: none;
	border: 0;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	text-align: left;
	/* Elementor reset.css sets white-space:nowrap on every <button>, which makes
	   this button's min-content width equal to the full question text and pushes
	   the "+" icon out of the container on narrow screens. */
	white-space: normal;
	min-width: 0;
	font-family: 'Poppins', var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.08rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--cg-navy);
	transition: color 0.2s ease;
}
.cg-faq__q:hover {
	color: #1a40a8;
}
/* Neutralize the theme's global button:hover/:focus fuchsia background */
.cg-faq__q:hover,
.cg-faq__q:focus,
.cg-faq__q:active {
	background: none !important;
}
.cg-faq__q:focus {
	outline: none;
}
.cg-faq__q:focus-visible {
	outline: 2px solid var(--cg-gold);
	outline-offset: 2px;
}
.cg-faq__item.is-open .cg-faq__q {
	color: var(--cg-navy);
}
.cg-faq__icon {
	position: relative;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
}
.cg-faq__icon::before,
.cg-faq__icon::after {
	content: '';
	position: absolute;
	background: var(--cg-gold);
	border-radius: 2px;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.cg-faq__icon::before {
	top: 50%;
	left: 0;
	right: 0;
	height: 2px;
	transform: translateY(-50%);
}
.cg-faq__icon::after {
	left: 50%;
	top: 0;
	bottom: 0;
	width: 2px;
	transform: translateX(-50%);
}
.cg-faq__item.is-open .cg-faq__icon::after {
	transform: translateX(-50%) rotate(90deg);
	opacity: 0;
}
/* Answer: default open (no-JS readable); JS collapses then animates via grid-rows */
.cg-faq__a {
	display: grid;
	grid-template-rows: 1fr;
}
.cg-faq--js .cg-faq__a {
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.34s ease;
}
.cg-faq--js .cg-faq__item.is-open .cg-faq__a {
	grid-template-rows: 1fr;
}
.cg-faq__a-inner {
	overflow: hidden;
	min-height: 0;
}
.cg-faq__a-inner p {
	margin: 0;
	padding: 0 4px 24px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	line-height: 1.65;
	color: var(--cg-muted, #535a66);
	max-width: 640px;
}
@media (max-width: 860px) {
	.cg-faq__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.cg-faq__aside {
		position: static;
	}
	.cg-faq__note {
		max-width: none;
	}
	.cg-faq {
		padding-left: 2px;
		padding-right: 2px;
	}
	.cg-faq__q {
		gap: 14px;
		font-size: 1rem;
	}
	/* let the question text wrap instead of overflowing the flex row */
	.cg-faq__q-text {
		min-width: 0;
	}
	.cg-faq__title {
		font-size: clamp(1.6rem, 6.5vw, 2.1rem);
	}
	.cg-faq__icon {
		flex-shrink: 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cg-faq--js .cg-faq__a {
		transition: none;
	}
	.cg-faq__icon::before,
	.cg-faq__icon::after {
		transition: none;
	}
}

/* Final CTA */
.cg-final-cta {
	position: relative;
}
.cg-final-cta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--cg-gold), transparent);
}

/* Hakkımızda — stats row (reuses .cg-hero-stats sizing, adds ledger dividers) */
.cg-about-stats > .elementor-container > .elementor-column {
	position: relative;
}
.cg-about-stats > .elementor-container > .elementor-column:not(:first-child)::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 56px;
	background: #d3d9e2;
}
@media (max-width: 1024px) {
	.cg-about-stats > .elementor-container > .elementor-column::before {
		display: none;
	}
}

/* Hakkımızda — Dubai location panel */
.cg-location-panel > .elementor-container > .elementor-column > .elementor-widget-wrap {
	border: 1px solid #e4e8ee;
	border-radius: 20px;
	background: #f7f8fa;
	padding: 56px 48px;
}
.cg-location-panel .elementor-widget-wrap > .elementor-element:first-child::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--cg-gold);
	margin: 0 auto 20px;
}

/* Hakkımızda — mission manifesto pull-quote */
.cg-manifesto-text {
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	padding-top: 20px;
}
.cg-manifesto-text::before {
	content: '\201C';
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-size: 90px;
	line-height: 1;
	color: var(--cg-gold);
	opacity: 0.55;
}
.cg-manifesto-text p {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: clamp(1.6rem, 3vw, 2.5rem);
	line-height: 1.4;
	color: var(--cg-navy);
	margin: 0;
}

/* Hizmetler — pricing card internals */
.cg-plan-desc {
	margin: 0 0 4px;
}
.cg-price-tier {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 0;
	border-top: 1px dashed #dde2ea;
}
.cg-price-tier--single {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 2px;
	padding: 18px 0 10px;
}
.cg-price-tier-label {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--cg-muted, #535a66);
	max-width: 55%;
}
.cg-price-tier-label em {
	display: block;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	font-size: 11px;
	opacity: 0.8;
}
.cg-price-amount {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-weight: 400;
	font-size: 1.65rem;
	color: var(--cg-navy);
	white-space: nowrap;
}
.cg-price-amount small {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-style: normal;
	font-size: 12px;
	font-weight: 600;
	color: var(--cg-muted, #535a66);
	margin-left: 2px;
}
.cg-country-card--featured .cg-price-amount {
	color: #1a40a8;
}
.cg-plan-features {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.cg-plan-features li {
	position: relative;
	padding-left: 22px;
	font-size: 14px;
	line-height: 1.4;
	color: var(--cg-muted, #535a66);
	text-align: left;
}
.cg-plan-features li::before {
	content: '\2713';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--cg-gold);
	font-weight: 700;
}

/* Hizmetler — legal fine print */
.cg-legal-note {
	opacity: 0.75;
}
.cg-legal-note p {
	font-size: 13px !important;
}

/* İletişim — info + form split */
.cg-contact-split > .elementor-container {
	align-items: stretch;
	gap: 24px;
}
.cg-contact-info-panel > .elementor-widget-wrap {
	background: var(--cg-navy);
	border-radius: 20px;
	padding: 48px 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.cg-contact-info-panel .elementor-icon-box-wrapper {
	align-items: center;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.cg-contact-info-panel .elementor-widget:first-child .elementor-icon-box-wrapper {
	padding-top: 0;
}
.cg-contact-info-panel .elementor-icon-box-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.16);
	flex-shrink: 0;
}
.cg-contact-info-panel .elementor-icon-box-icon svg {
	width: 18px;
	height: 18px;
}
.cg-contact-info-panel .elementor-icon-box-title {
	margin: 0 0 2px;
}
.cg-contact-info-panel .elementor-icon-box-description {
	margin: 0;
}
.cg-contact-info-panel .elementor-widget-button {
	margin-top: 28px;
}

@media (max-width: 1024px) {
	.cg-contact-split > .elementor-container {
		flex-wrap: wrap;
	}
	.cg-contact-split > .elementor-container > .elementor-column {
		width: 100% !important;
	}
	.cg-contact-info-panel > .elementor-widget-wrap {
		height: auto;
	}
}

/* ============================================================
   Section 2 — "Neden Company Global?" ([cg_why_us])
   Eski scroll-pinned stepper kaldırıldı: bölüm artık tek ekranda
   okunuyor, JS gerekmiyor (giriş animasyonu section-reveal.js'in
   genel [data-reveal-section] mekanizmasından geliyor).
   Başlık iki sütuna bölünmüş (solda başlık, sağda açıklama),
   kartlar tek çerçeve yerine ayrı ayrı cam yüzeyler.
   ============================================================ */
/* Tam genişlik zemin: Elementor bölümü (.cg-why-section) sayfa genişliğinde,
   içindeki .elementor-container ise 1140px'e sıkışıyor. Bu yüzden koyu zemini
   dış bölüme veriyoruz, içerik genişliğini .cg-why__inner belirliyor. */
.cg-why-section {
	background: var(--cg-surface, #ffffff);
}
.cg-why-section > .elementor-container {
	max-width: none !important;
}
.cg-why-section .elementor-widget-wrap {
	padding: 0 !important;
}
.cg-why {
	position: relative;
	overflow: hidden;
	padding: clamp(72px, 9vw, 130px) 24px;
	background: transparent;
	isolation: isolate;
}
/* Sol üstten inen yumuşak kobalt ışık — düz koyu zemini kırar. */
.cg-why__glow {
	position: absolute;
	z-index: -1;
	top: -22%;
	left: -8%;
	width: 52%;
	height: 78%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(34, 81, 209, 0.09), transparent 68%);
	filter: blur(46px);
	pointer-events: none;
}
.cg-why__inner {
	max-width: var(--cg-max-width);
	margin: 0 auto;
}

/* --- Başlık: solda eyebrow + h2, sağda açıklama --- */
.cg-why__head {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: end;
	gap: clamp(24px, 4vw, 64px);
	margin-bottom: clamp(40px, 5vw, 68px);
}
.cg-why__eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--cg-accent, #2251d1);
	margin-bottom: 16px;
}
/* Eyebrow'un önündeki kısa çizgi */
.cg-why__eyebrow::before {
	content: '';
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	flex: none;
}
.cg-why__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.75rem, 3.1vw, 2.85rem);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: var(--cg-ink, #15181e);
	margin: 0;
}
.cg-why__lead {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.98rem, 1.15vw, 1.08rem);
	line-height: 1.72;
	color: var(--cg-muted, #535a66);
	margin: 0;
	padding-bottom: 4px;
}

/* --- 6'lı kart ızgarası --- */
.cg-why__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}
.cg-why__card {
	position: relative;
	overflow: hidden;
	padding: clamp(24px, 2.4vw, 32px);
	border-radius: 18px;
	background: var(--cg-surface, #ffffff);
	border: 1px solid var(--cg-accent, #2251d1);
	/* Base'de transition YOK: hover kalkınca kart anında eski hâline döner.
	   Geçiş yalnızca :hover kuralında (hızlı giriş, ani çıkış). */
}
.cg-why__card:hover {
	transform: scale(1.03);
}
/* İkon: kutu dolgusu ve kenarlığı kaldırıldı, sadece kobalt glif kaldı. */
.cg-why__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	margin-left: -3px;
	color: var(--cg-accent, #2251d1);
}
.cg-why__icon svg {
	width: 23px;
	height: 23px;
}
.cg-why__card-title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 1.06rem;
	font-weight: 700;
	line-height: 1.32;
	color: var(--cg-ink, #15181e);
	margin: 0 0 10px;
}
.cg-why__card-desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.92rem;
	line-height: 1.66;
	color: var(--cg-muted, #535a66);
	margin: 0;
}

@media (max-width: 1024px) {
	.cg-why__head {
		grid-template-columns: 1fr;
		align-items: start;
	}
	.cg-why__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 640px) {
	.cg-why__grid {
		grid-template-columns: 1fr;
	}
}

/* Single post */
/* (Legacy .cg-single basic-template rules removed — the branded single.php
   layout below handles width/spacing; the old padding-top:32px was leaving a
   white gap above the navy hero, under the transparent fixed header.) */

/* ============================================================
   TEST: Poppins on ALL headings. Temporary — to revert, delete
   this whole block AND the 'hello-elementor-child-poppins-test'
   enqueue in functions.php.
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.cg-hero-title {
	font-family: 'Poppins', sans-serif !important;
}
.cg-header__menu a {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em;
}

/* ============================================================
   ANASAYFA — Section background / atmosphere system (.home scope)
   Rhythm: photo → clean → photo → clean → atmosphere → photo.
   Photo bands fall back to a navy gradient until real images are
   dropped in assets/img/ (section-countries.jpg, section-cta.jpg).
   All decorative layers are pointer-events:none, behind content.
   ============================================================ */
@keyframes cg-spin {
	to { transform: rotate(360deg); }
}

/* --- S7: Süreç — hafif soğuk "kağıt" tonu (komşu beyaz/koyu bölümlerden ayrışsın) --- */
.home .cg-process-section {
	background: #ffffff;
}

/* Section 8 — SSS on the brand navy (same blue as "Kimler için"); contents
   recoloured for the dark background (home only). */
.home .cg-faq-section {
	background-color: var(--cg-navy);
	background-image: radial-gradient(140% 125% at 50% -10%, #262b36 0%, var(--cg-navy) 46%, #0b0d11 100%);
}
.home .cg-faq-section .cg-faq__title {
	color: #ffffff;
}
.home .cg-faq-section .cg-faq__note {
	color: #a7adb8;
}
.home .cg-faq-section .cg-faq__item {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}
.home .cg-faq-section .cg-faq__item:first-child {
	border-top-color: rgba(255, 255, 255, 0.12);
}
.home .cg-faq-section .cg-faq__q {
	color: #ffffff;
}
.home .cg-faq-section .cg-faq__q:hover,
.home .cg-faq-section .cg-faq__item.is-open .cg-faq__q {
	color: #86a8ff;
}
.home .cg-faq-section .cg-faq__a-inner p {
	color: #a7adb8;
}

/* --- S3: Ülke kartları — FOTO BANDI (beyaz kartlar koyu Dubai foto üstünde yüzer) --- */
.home .cg-countries-grid {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: var(--cg-navy);
	background-image: radial-gradient(140% 125% at 50% -10%, #262b36 0%, var(--cg-navy) 46%, #0b0d11 100%);
}
.home .cg-countries-grid > .elementor-container {
	position: relative;
	z-index: 1;
}
/* Beyaz kartlara koyu zeminde daha derin gölge */
.home .cg-countries-grid .cg-country-card > .elementor-widget-wrap,
.home .cg-countries-grid .cg-country-card > .elementor-column-wrap {
	box-shadow: 0 26px 54px rgba(0, 0, 0, 0.42);
}

/* --- S5: Kimler için — ATMOSFER (yavaş dönen konik shape + ince blueprint çizgiler) --- */
.home .cg-dubai-fit-section {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: var(--cg-navy);
	background-image: radial-gradient(140% 125% at 50% -10%, #262b36 0%, var(--cg-navy) 46%, #0b0d11 100%);
}
.home .cg-dubai-fit-section > .elementor-container {
	position: relative;
	z-index: 1;
}
.home .cg-dubai-fit-section::before {
	content: '';
	position: absolute;
	z-index: 0;
	top: 44%;
	left: 50%;
	width: 1200px;
	height: 900px;
	max-width: 120vw;
	transform: translate(-50%, -50%);
	background: radial-gradient(closest-side,
		rgba(134, 168, 255, 0.20),
		rgba(134, 168, 255, 0.08) 45%,
		transparent 72%);
	border-radius: 50%;
	pointer-events: none;
}

/* --- CTA: FOTO BANDI + dönen altın glow + beyaz metin --- */
.home .cg-final-cta {
	overflow: hidden;
	isolation: isolate;
	background-color: var(--cg-navy);
	background-image: radial-gradient(140% 125% at 50% -10%, #262b36 0%, var(--cg-navy) 46%, #0b0d11 100%);
}
.home .cg-final-cta > .elementor-container {
	position: relative;
	z-index: 1;
}
.home .cg-final-cta .elementor-heading-title,
.home .cg-final-cta .elementor-widget-text-editor,
.home .cg-final-cta .elementor-widget-text-editor p {
	color: #ffffff !important;
}
.home .cg-final-cta::after {
	content: '';
	position: absolute;
	z-index: 0;
	top: -30%;
	right: -12%;
	width: 800px;
	height: 800px;
	max-width: 65vw;
	max-height: 65vw;
	background: conic-gradient(from 0deg,
		rgba(134, 168, 255, 0),
		rgba(134, 168, 255, 0.3),
		rgba(134, 168, 255, 0) 55%);
	border-radius: 50%;
	opacity: 0.55;
	pointer-events: none;
	will-change: transform;
	-webkit-mask-image: radial-gradient(closest-side, #000 18%, transparent 72%);
	mask-image: radial-gradient(closest-side, #000 18%, transparent 72%);
	animation: cg-spin 80s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.home .cg-final-cta::after {
		animation: none !important;
	}
}

/* ============================================================
   HAKKIMIZDA sayfası — [cg_about]. Full-bleed sections + homepage
   effects (blur-rise reveal via .cg-rv, glow, count-up).
   ============================================================ */

/* Generic scroll blur-rise reveal (section-reveal.js arms [data-reveal-section]) */
[data-reveal-section].is-armed .cg-rv {
	opacity: 0;
	transform: translateY(24px);
	filter: blur(8px);
	will-change: opacity, transform, filter;
}
[data-reveal-section].is-armed.is-inview .cg-rv {
	opacity: 1;
	transform: none;
	filter: blur(0);
	transition: opacity 0.6s ease, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.6s ease;
	transition-delay: calc(var(--i, 0) * 0.07s);
}

/* Full-bleed section shell + boxed inner wrap */
.cg-ab-sec {
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	overflow: hidden;
	padding: clamp(64px, 8vw, 112px) 24px;
}
.cg-ab-wrap {
	position: relative;
	z-index: 1;
	max-width: 1140px;
	margin: 0 auto;
}

/* Shared type */
.cg-ab-eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 14px;
}
.cg-ab-eyebrow--light {
	color: var(--cg-gold);
}
.cg-ab-h2 {
	font-size: clamp(1.9rem, 3.4vw, 2.7rem);
	font-weight: 800;
	line-height: 1.18;
	color: var(--cg-navy);
	margin: 0 0 18px;
}
.cg-ab-h2--light {
	color: #ffffff;
}
.cg-ab p {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.05rem;
	line-height: 1.75;
	color: var(--cg-muted, #535a66);
	margin: 0 0 18px;
}
.cg-ab-head {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 48px;
}
.cg-ab-lead {
	font-size: 1.08rem;
}
.cg-ab .cg-ab-lead--center {
	text-align: center;
	max-width: 720px;
	margin: 44px auto 0;
}

/* Split layout (text + media / list) */
.cg-ab-split {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: clamp(32px, 5vw, 64px);
	align-items: center;
}
.cg-ab-split--reverse .cg-ab-split__text {
	order: 2;
}
.cg-ab-split__text > *:last-child {
	margin-bottom: 0;
}
.cg-ab-media {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: 20px;
	background: linear-gradient(150deg, rgba(134, 168, 255, 0.18), rgba(21, 24, 30, 0.55) 55%, rgba(15, 17, 21, 0.82));
	background-size: cover;
	background-position: center;
	box-shadow: 0 26px 54px rgba(21, 24, 30, 0.16);
	display: flex;
	align-items: flex-end;
	padding: 20px;
	overflow: hidden;
}
.cg-ab-media__note {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.82rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
}

/* --- S1 Hero (dark photo band) --- */
.cg-ab-hero {
	background-color: var(--cg-navy);
	background-image: linear-gradient(100deg, rgba(21, 24, 30, 0.94) 0%, rgba(21, 24, 30, 0.80) 34%, rgba(21, 24, 30, 0.46) 66%, rgba(21, 24, 30, 0.26) 100%), url('assets/img/about-hero.webp');
	background-size: cover;
	background-position: center;
	padding-top: clamp(96px, 12vw, 150px);
	padding-bottom: clamp(96px, 12vw, 150px);
}
/* About page hero → full-screen like the homepage hero (About page only;
   Hizmetler/İletişim heroes keep their compact padded height). */
.cg-ab:not(.cg-sv):not(.cg-ct) .cg-ab-hero {
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding-top: clamp(110px, 12vh, 160px);
	padding-bottom: clamp(80px, 10vh, 130px);
}
/* ============================================================
   Hero entrance animations — soft staggered rise + blur-in on load,
   so every hero eases in instead of snapping. Pure CSS; runs once.
   Covers home (.cg-hero-fullscreen columns) + About/Hizmetler/İletişim
   (.cg-ab-hero). Respects prefers-reduced-motion.
   ============================================================ */
@keyframes cg-hero-rise {
	from { opacity: 0; transform: translateY(28px); filter: blur(10px); }
	to   { opacity: 1; transform: translateY(0);    filter: blur(0); }
}
@keyframes cg-hero-photo {
	from { opacity: 0; transform: scale(1.08); }
	to   { opacity: 1; transform: scale(1); }
}

/* About / Hizmetler / İletişim heroes */
.cg-ab-hero .cg-ab-eyebrow,
.cg-ab-hero__title,
.cg-ab .cg-ab-hero__sub,
.cg-ab-hero__media {
	animation: cg-hero-rise 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.cg-ab-hero .cg-ab-eyebrow { animation-delay: 0.08s; }
.cg-ab-hero__title         { animation-delay: 0.2s; }
.cg-ab .cg-ab-hero__sub    { animation-delay: 0.36s; }
.cg-ab-hero__media         { animation-delay: 0.28s; animation-duration: 1.05s; }

/* İletişim hero photo (::before) — slow zoom-in */
.cg-ct .cg-ab-hero::before {
	animation: cg-hero-photo 1.5s ease-out both;
}

/* Home hero — the two content columns ease in with a stagger */
.cg-hero-fullscreen > .elementor-container > .elementor-column {
	animation: cg-hero-rise 0.95s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.cg-hero-fullscreen > .elementor-container > .elementor-column:first-child { animation-delay: 0.15s; }
.cg-hero-fullscreen > .elementor-container > .elementor-column:last-child  { animation-delay: 0.34s; }

@media (prefers-reduced-motion: reduce) {
	.cg-ab-hero .cg-ab-eyebrow,
	.cg-ab-hero__title,
	.cg-ab .cg-ab-hero__sub,
	.cg-ab-hero__media,
	.cg-ct .cg-ab-hero::before,
	.cg-hero-fullscreen > .elementor-container > .elementor-column {
		animation: none;
	}
}

.cg-ab-hero__glow {
	position: absolute;
	z-index: 0;
	top: -30%;
	right: -10%;
	width: 60vw;
	max-width: 760px;
	height: 60vw;
	max-height: 760px;
	border-radius: 50%;
	background-color: rgba(134, 168, 255, 0.28);
	-webkit-mask-image: radial-gradient(closest-side, #000 20%, transparent 72%);
	mask-image: radial-gradient(closest-side, #000 20%, transparent 72%);
	pointer-events: none;
	will-change: transform;
	animation: cg-spin 80s linear infinite;
}
.cg-ab-hero__wrap {
	max-width: 880px;
	text-align: center;
	margin: 0 auto;
}
.cg-ab-hero__title {
	font-size: clamp(2.2rem, 4.6vw, 3.6rem);
	font-weight: 800;
	line-height: 1.14;
	color: #ffffff;
	margin: 0 0 22px;
}
.cg-ab .cg-ab-hero__sub {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(1.05rem, 1.5vw, 1.25rem);
	line-height: 1.7;
	color: #c5cad2;
	margin: 0 auto;
	max-width: 720px;
}

/* Split hero (About): text column left, person image right — like the homepage hero. */
.cg-ab-hero--split .cg-ab-hero__grid {
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	gap: clamp(28px, 4.5vw, 64px);
	align-items: center;
	width: 100%;
}
.cg-ab-hero__text {
	text-align: left;
}
.cg-ab-hero--split .cg-ab-hero__title {
	margin: 0 0 20px;
}
.cg-ab .cg-ab-hero--split .cg-ab-hero__sub {
	margin: 0;
	max-width: 560px;
	text-align: left;
}
.cg-ab-hero__media {
	position: relative;
	align-self: end;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	min-width: 0;
}
/* Split hero: pin the figure to the bottom-right, larger; his lower body runs
   past the fold (clipped by the hero's overflow) so there's no hard edge and
   no fade needed. --cg-adam-drop nudges him down so his head meets the title. */
.cg-ab-hero--split .cg-ab-hero__media {
	position: absolute;
	z-index: 0;
	right: max(12px, calc((100vw - 1180px) / 2 + 30px));
	/* Anchor the head to the (vertically-centered) title: it sits at ~50vh minus
	   half the content height, so tracking 50vh keeps head↔title aligned on any
	   screen height. Body runs past the fold and is clipped by the hero.
	   clamp() keeps the head off the header on very short screens. */
	/* about-hero-person.webp is cut at the thighs, so pin it to the hero's bottom
	   edge (the cut sits on the section border, never floating mid-screen). The
	   photo is tall (w/h 0.665): the vh cap sets his height so his head lands
	   roughly level with the title on any screen height. */
	top: auto;
	bottom: 0;
	width: min(46vw, 58vh, 660px);
	height: auto;
	display: block;
	align-self: auto;
}
.cg-ab-hero__person {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 92vh;
	height: auto;
	object-fit: contain;
}
.cg-ab-hero--split .cg-ab-hero__person {
	width: 100%;
	max-width: none;
	max-height: none;
}
/* Soft brand-green glow behind his head and shoulders (z-index -1 stays inside
   the media's stacking context, so it sits behind the photo but above the hero bg). */
.cg-ab-hero--split .cg-ab-hero__media::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 34%;
	width: 115%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(
		circle,
		rgba(var(--cg-accent-light-rgb, 134, 168, 255), 0.42) 0%,
		rgba(var(--cg-accent-light-rgb, 134, 168, 255), 0.18) 32%,
		rgba(var(--cg-accent-light-rgb, 134, 168, 255), 0) 66%
	);
	filter: blur(24px);
	pointer-events: none;
}
/* On smaller/narrower screens the absolutely-placed figure would collide with
   the text, so hide it and let the text center full-width. */
@media (max-width: 1024px) {
	.cg-ab-hero--split .cg-ab-hero__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.cg-ab-hero__text {
		text-align: center;
		max-width: 680px;
		margin: 0 auto;
	}
	.cg-ab .cg-ab-hero--split .cg-ab-hero__sub {
		margin: 0 auto;
		text-align: center;
	}
	.cg-ab-hero--split .cg-ab-hero__media {
		display: none;
	}
}

/* --- S2 Who (white) --- */
.cg-ab-who {
	background: #ffffff;
}
/* about-who.webp: keep the man on the far left fully in frame */
.cg-ab-who .cg-ab-media--photo {
	background-position: 20% center;
}

/* --- S3 Approach (tint) 3 steps --- */
.cg-ab-approach {
	background: #ffffff;
}
.cg-ab-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.cg-ab-step {
	position: relative;
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 18px;
	padding: 34px 30px;
	box-shadow: 0 10px 30px rgba(21, 24, 30, 0.05);
	transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease;
}
.cg-ab-step:hover {
	transform: translateY(-6px);
	box-shadow: 0 22px 44px rgba(21, 24, 30, 0.1);
}
.cg-ab-step__num {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-size: 2.4rem;
	line-height: 1;
	color: var(--cg-gold);
	display: block;
	margin-bottom: 16px;
}
.cg-ab-step__title {
	font-size: 1.2rem;
	font-weight: 800;
	color: var(--cg-navy);
	margin: 0 0 10px;
	line-height: 1.25;
}
.cg-ab-step__desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.98rem;
	line-height: 1.6;
	color: var(--cg-muted, #535a66);
	margin: 0;
}

/* --- S4 Why (white) 4 diff cards --- */
.cg-ab-why {
	background: #ffffff;
}
.cg-ab-diffs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px;
}
.cg-ab-diff {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 22px;
	align-items: start;
	padding: 30px 28px;
	border: 1px solid #e4e8ee;
	border-radius: 18px;
	background: #ffffff;
	transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.cg-ab-diff:hover {
	border-color: var(--cg-gold);
	box-shadow: 0 18px 40px rgba(21, 24, 30, 0.08);
	transform: translateY(-4px);
}
.cg-ab-diff__icon {
	grid-column: 1;
	grid-row: 1 / 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.14);
	color: var(--cg-gold);
}
.cg-ab-diff__icon svg {
	width: 30px;
	height: 30px;
}
.cg-ab-diff__title {
	grid-column: 2;
	align-self: end;
	font-size: 1.18rem;
	font-weight: 800;
	color: var(--cg-navy);
	margin: 0 0 8px;
	line-height: 1.25;
}
.cg-ab-diff__desc {
	grid-column: 2;
	align-self: start;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.98rem;
	line-height: 1.6;
	color: var(--cg-muted, #535a66);
	margin: 0;
}

/* --- S5 Stats (dark band) --- */
.cg-ab-stats {
	background: #ffffff;
}
.cg-ab-stats__glow {
	position: absolute;
	z-index: 0;
	left: -8%;
	bottom: -30%;
	width: 55vw;
	max-width: 720px;
	height: 55vw;
	max-height: 720px;
	border-radius: 50%;
	background-color: rgba(134, 168, 255, 0.22);
	-webkit-mask-image: radial-gradient(closest-side, #000 20%, transparent 74%);
	mask-image: radial-gradient(closest-side, #000 20%, transparent 74%);
	pointer-events: none;
	will-change: transform;
	animation: cg-spin 100s linear infinite;
}
.cg-ab-head--light {
	color: #fff;
}
.cg-ab-stats__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	max-width: 1020px;
	margin: 0 auto;
}
.cg-ab-stat {
	position: relative;
	text-align: center;
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 16px;
	padding: 42px 24px 30px;
	box-shadow: 0 8px 24px rgba(21, 24, 30, 0.05);
	transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease;
}
.cg-ab-stat::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 44px;
	height: 3px;
	border-radius: 0 0 3px 3px;
	background: var(--cg-gold);
}
.cg-ab-stat:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 48px rgba(21, 24, 30, 0.12);
	border-color: var(--cg-gold);
}
.cg-ab-stat__num {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-size: clamp(2.6rem, 5vw, 3.7rem);
	line-height: 1;
	color: var(--cg-navy);
	margin-bottom: 10px;
	min-height: 3.7rem;
}
.cg-ab-stat__pin {
	width: 42px;
	height: 42px;
	color: var(--cg-navy);
}
.cg-ab-stat__label {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.95rem;
	line-height: 1.4;
	color: var(--cg-muted, #535a66);
}
.cg-ab .cg-ab-stats__note {
	text-align: center;
	max-width: 720px;
	margin: 44px auto 0;
	color: var(--cg-muted, #535a66);
	font-size: 1rem;
}

/* --- S6 Local (white) split + check --- */
.cg-ab-local {
	background: #ffffff;
}
.cg-ab-check {
	list-style: none;
	margin: 22px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.cg-ab-check li {
	position: relative;
	padding-left: 34px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.02rem;
	line-height: 1.5;
	color: #383e48;
}
.cg-ab-check li::before {
	content: '\2713';
	position: absolute;
	left: 0;
	top: -1px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.16);
	color: #1a40a8;
	font-size: 12px;
	font-weight: 800;
}ok çok iyi Tecrübe alanında 
.cg-ab-media--dark {
	background: radial-gradient(130% 130% at 30% 20%, #262b36, #15181e 70%);
}

/* --- S7 Clients (tint) grid --- */
.cg-ab-clients {
	background: #ffffff;
}
.cg-ab-clients__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
.cg-ab-client {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 22px 24px;
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 14px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.02rem;
	font-weight: 600;
	color: var(--cg-navy);
	transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.cg-ab-client:hover {
	border-color: var(--cg-gold);
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(21, 24, 30, 0.08);
}
.cg-ab-client__dot {
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--cg-gold);
	box-shadow: 0 0 0 4px rgba(34, 81, 209, 0.16);
}

/* OptionWheel — Müşteri profili curved picker (option-wheel.js drives layout). */
.cg-wheel-panel {
	position: relative;
	max-width: 960px;
	margin: 6px auto 0;
	padding: 0 16px;
	display: grid;
	grid-template-columns: 1fr minmax(0, 300px);
	gap: clamp(20px, 4vw, 56px);
	align-items: center;
}
.cg-wheel {
	position: relative;
	height: clamp(300px, 44vh, 400px);
	overflow: hidden;
	cursor: grab;
	outline: none;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
	--ow-text: #989eaa;
	--ow-active: var(--cg-navy);
	--ow-font-size: 1.4rem;
	--ow-inset: 0px;
}
.cg-wheel--dragging {
	cursor: grabbing;
}
.cg-wheel__item {
	position: absolute;
	top: 50%;
	left: var(--ow-inset);
	right: var(--ow-inset);
	margin: 0;
	text-align: center;
	font-family: 'Poppins', var(--cg-font, 'Manrope', sans-serif);
	font-size: var(--ow-font-size);
	font-weight: 600;
	line-height: 1.15;
	white-space: nowrap;
	cursor: pointer;
	transform-origin: center;
	will-change: transform, opacity, filter;
	color: color-mix(in srgb, var(--ow-active) calc(var(--ow-p, 0) * 100%), var(--ow-text));
}
.cg-wheel__item--selected {
	color: var(--ow-active);
	font-weight: 700;
}
/* Detail card that opens beside the centred profile. */
.cg-wheel-card {
	position: relative;
	width: 100%;
	max-width: 300px;
	height: 320px;
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 20px;
	box-shadow: 0 24px 50px rgba(21, 24, 30, 0.12);
	overflow: hidden;
	opacity: 0;
}
.cg-wheel-card__media {
	position: relative;
	height: 132px;
	background-color: var(--cg-navy);
	background-image: radial-gradient(130% 130% at 25% 15%, #262b36 0%, var(--cg-navy) 70%);
	background-size: cover;
	background-position: center;
	color: var(--cg-gold);
}
.cg-wheel-card__media--photo::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15, 17, 21, 0) 42%, rgba(15, 17, 21, 0.55) 100%);
}
.cg-wheel-card__ic {
	position: absolute;
	z-index: 1;
	left: 14px;
	bottom: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 11px;
	background: rgba(15, 17, 21, 0.62);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border: 1px solid rgba(134, 168, 255, 0.35);
	color: var(--cg-gold);
}
.cg-wheel-card__ic svg {
	width: 22px;
	height: 22px;
}
.cg-wheel-card__body {
	padding: 20px 22px 24px;
}
.cg-wheel-card__title {
	font-family: 'Poppins', var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.06rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--cg-navy);
	margin: 0 0 10px;
}
.cg-wheel-card__desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.92rem;
	line-height: 1.55;
	color: var(--cg-muted, #535a66);
	margin: 0;
}
@keyframes cg-wheel-card-in {
	0% { opacity: 0; transform: translateX(-18px) scale(0.94); }
	100% { opacity: 1; transform: none; }
}
.cg-wheel-card--in {
	animation: cg-wheel-card-in 0.44s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.cg-wheel-mobile {
	display: none;
}
@media (max-width: 820px) {
	/* Wheel + card don't work well on touch/narrow screens → show a simple list. */
	.cg-wheel-panel {
		display: none;
	}
	.cg-wheel-mobile {
		display: flex;
		flex-direction: column;
		gap: 14px;
		max-width: 520px;
		margin: 8px auto 0;
		list-style: none;
		padding: 0;
	}
	.cg-wheel-mcard {
		display: flex;
		align-items: center;
		gap: 16px;
		background: #ffffff;
		border: 1px solid #e4e8ee;
		border-radius: 16px;
		padding: 16px 18px;
		box-shadow: 0 8px 22px rgba(21, 24, 30, 0.05);
	}
	.cg-wheel-mcard__thumb {
		flex-shrink: 0;
		width: 58px;
		height: 58px;
		border-radius: 12px;
		background-color: var(--cg-navy);
		background-size: cover;
		background-position: center;
	}
	.cg-wheel-mcard__title {
		font-family: 'Poppins', var(--cg-font, sans-serif);
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.25;
		color: var(--cg-navy);
		margin: 0 0 4px;
	}
	.cg-wheel-mobile .cg-wheel-mcard__desc {
		font-family: var(--cg-font, 'Manrope', sans-serif);
		font-size: 0.88rem;
		line-height: 1.5;
		color: var(--cg-muted, #535a66);
		margin: 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cg-wheel__item {
		filter: none !important;
	}
}

/* --- S8 Post-setup (white) split + panel check --- */
.cg-ab-post {
	background: #ffffff;
}
.cg-ab-check--panel {
	margin: 0;
	padding: 34px 34px;
	background: #eef1f5;
	border: 1px solid #e4e8ee;
	border-radius: 20px;
	gap: 18px;
}

/* ============================================================
   Yaklaşım + Operasyonel avantaj + Devam eden destek → brand navy
   background, contents recoloured for the dark bg (About only).
   ============================================================ */
.cg-ab-approach,
.cg-ab-local,
.cg-ab-post {
	background-color: var(--cg-navy);
	background-image: radial-gradient(140% 125% at 50% -10%, #262b36 0%, var(--cg-navy) 46%, #0b0d11 100%);
}
.cg-ab-approach .cg-ab-h2,
.cg-ab-local .cg-ab-h2,
.cg-ab-post .cg-ab-h2 {
	color: #ffffff;
}
.cg-ab-approach p,
.cg-ab-local p,
.cg-ab-post p {
	color: #c0c6cf;
}
/* Approach step cards → glass on navy */
.cg-ab-approach .cg-ab-step {
	background: rgba(255, 255, 255, 0.045);
	border-color: rgba(255, 255, 255, 0.10);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.20);
}
.cg-ab-approach .cg-ab-step:hover {
	box-shadow: 0 24px 46px rgba(0, 0, 0, 0.30);
	border-color: rgba(134, 168, 255, 0.5);
}
.cg-ab-approach .cg-ab-step__title {
	color: #ffffff;
}
.cg-ab-approach .cg-ab-step__desc {
	color: #a7adb8;
}
/* Check lists on navy (Local + Post) */
.cg-ab-local .cg-ab-check li,
.cg-ab-post .cg-ab-check li {
	color: #d3d9e2;
}
.cg-ab-local .cg-ab-check li::before,
.cg-ab-post .cg-ab-check li::before {
	background: rgba(134, 168, 255, 0.22);
	color: #86a8ff;
}
/* Post check panel → glass */
.cg-ab-post .cg-ab-check--panel {
	background: rgba(255, 255, 255, 0.045);
	border-color: rgba(255, 255, 255, 0.10);
}
/* Local media placeholder gets an outline so it reads on navy */
.cg-ab-local .cg-ab-media--dark {
	border: 1px solid rgba(255, 255, 255, 0.12);
}

/* --- S9 CTA (dark photo band) --- */
.cg-ab-cta {
	background-color: var(--cg-navy);
	background-image: linear-gradient(150deg, rgba(21, 24, 30, 0.82), rgba(11, 13, 17, 0.92)), url('assets/img/about-cta.jpg');
	background-size: cover;
	background-position: center;
	text-align: center;
}
.cg-ab-cta__glow {
	position: absolute;
	z-index: 0;
	top: -30%;
	left: 50%;
	transform: translateX(-50%);
	width: 70vw;
	max-width: 820px;
	height: 60vw;
	max-height: 700px;
	border-radius: 50%;
	background-color: rgba(134, 168, 255, 0.2);
	-webkit-mask-image: radial-gradient(closest-side, #000 18%, transparent 70%);
	mask-image: radial-gradient(closest-side, #000 18%, transparent 70%);
	pointer-events: none;
}
.cg-ab-cta__wrap {
	max-width: 760px;
	text-align: center;
	margin: 0 auto;
}
.cg-ab-cta__title {
	font-size: clamp(1.9rem, 3.6vw, 2.8rem);
	font-weight: 800;
	line-height: 1.15;
	color: #ffffff;
	margin: 0 0 16px;
}
.cg-ab-cta__text {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.1rem;
	line-height: 1.65;
	color: #c5cad2 !important;
	margin: 0 auto 32px;
	max-width: 620px;
}
.cg-ab-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
}
.cg-ab-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 32px;
	border-radius: 999px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.02rem;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.cg-ab-btn--gold {
	background: var(--cg-gold);
	color: #ffffff;
	box-shadow: 0 12px 26px rgba(34, 81, 209, 0.32);
}
.cg-ab-btn--gold:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(34, 81, 209, 0.44);
}
.cg-ab-btn--ghost {
	border: 1.5px solid rgba(255, 255, 255, 0.5);
	color: #ffffff;
}
.cg-ab-btn--ghost:hover {
	background: #ffffff;
	color: var(--cg-navy);
	transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 900px) {
	.cg-ab-split {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.cg-ab-split--reverse .cg-ab-split__text {
		order: 0;
	}
	.cg-ab-steps,
	.cg-ab-diffs,
	.cg-ab-stats__grid,
	.cg-ab-clients__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 560px) {
	.cg-ab-steps,
	.cg-ab-diffs,
	.cg-ab-stats__grid,
	.cg-ab-clients__grid {
		grid-template-columns: 1fr;
	}
	.cg-ab-diff {
		grid-template-columns: 56px 1fr;
		gap: 18px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cg-ab-hero__glow,
	.cg-ab-stats__glow {
		animation: none !important;
	}
}

/* ============================================================
   HİZMETLER sayfası — [cg_services]. Reuses .cg-ab-* + .cg-proc;
   adds .cg-sv-* pieces. Wrapper: .cg-ab.cg-sv
   ============================================================ */

/* Hero / CTA photo overrides (services images, navy fallback) */
/* Services hero — full-screen, mirrored (woman left, text right). Reuses the
   About split mechanics; these rules just flip the sides + set the background. */
.cg-sv .cg-ab-hero {
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding-top: clamp(110px, 12vh, 160px);
	padding-bottom: clamp(80px, 10vh, 130px);
	background-color: var(--cg-navy);
	background-image: linear-gradient(90deg, rgba(21, 24, 30, 0.80) 0%, rgba(21, 24, 30, 0.82) 50%, rgba(21, 24, 30, 0.95) 100%), url('assets/img/hizmet.webp');
	background-size: cover;
	background-position: center;
}
.cg-sv-hero.cg-ab-hero--split .cg-ab-hero__grid {
	grid-template-columns: 0.92fr 1.08fr;
}
.cg-sv-hero .cg-ab-hero__text {
	grid-column: 2;
}
.cg-sv-hero.cg-ab-hero--split .cg-ab-hero__media {
	right: auto;
	left: max(12px, calc((100vw - 1180px) / 2));
	/* Services hero content is shorter than About's, so the title sits lower →
	   smaller constant to keep the woman's head aligned with the title. */
	top: clamp(64px, calc(50vh - 126px), 44vh);
}
@media (max-width: 1024px) {
	/* The 3-class .cg-sv-hero.cg-ab-hero--split rule above out-specifies the
	   generic mobile 1-column rule, so the services hero has to collapse its own
	   grid here — otherwise the text stays boxed into one half while the (hidden)
	   image column keeps the other half. */
	.cg-sv-hero.cg-ab-hero--split .cg-ab-hero__grid {
		grid-template-columns: 1fr;
	}
	.cg-sv-hero .cg-ab-hero__text {
		grid-column: auto;
	}
}
.cg-sv .cg-ab-cta {
	background-image: linear-gradient(150deg, rgba(21, 24, 30, 0.82), rgba(11, 13, 17, 0.92)), url('assets/img/services-cta.jpg');
}

/* Section background rhythm */
/* Rhythm: white → navy → white → navy … (Öne çıkan white; Paketler navy). */
.cg-sv-overview,
.cg-sv-dubai,
.cg-sv-country,
.cg-sv-support,
.cg-sv-proc-sec {
	background: #ffffff;
}
.cg-sv-pkgs,
.cg-sv-country--alt,
.cg-sv-bank,
.cg-sv-compare-sec {
	background-color: var(--cg-navy);
	background-image: radial-gradient(140% 125% at 50% -10%, #262b36 0%, var(--cg-navy) 46%, #0b0d11 100%);
}
.cg-sv-pkgs .cg-ab-h2,
.cg-sv-country--alt .cg-ab-h2,
.cg-sv-bank .cg-ab-h2,
.cg-sv-compare-sec .cg-ab-h2 {
	color: #ffffff;
}
.cg-sv-pkgs p,
.cg-sv-country--alt p,
.cg-sv-bank p,
.cg-sv-compare-sec p {
	color: #c0c6cf;
}

/* S3 — Dubai two lists */
.cg-sv-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(28px, 4vw, 56px);
}
.cg-sv-col__label {
	display: block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 16px;
}
.cg-ab-check--dot li {
	padding-left: 24px;
}
.cg-ab-check--dot li::before {
	content: '';
	width: 8px;
	height: 8px;
	top: 9px;
	left: 5px;
	background: rgba(21, 24, 30, 0.4);
	color: transparent;
}

/* S4 — Dubai package cards */
.cg-sv-pkg-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	align-items: stretch;
}
.cg-sv-pkg {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 20px;
	padding: 38px 32px 34px;
	box-shadow: 0 10px 30px rgba(21, 24, 30, 0.05);
}
.cg-sv-pkg--featured {
	border: 2px solid var(--cg-gold);
	box-shadow: 0 16px 44px rgba(34, 81, 209, 0.18);
}
.cg-sv-pkg__badge {
	position: absolute;
	top: -13px;
	left: 32px;
	background: var(--cg-gold);
	color: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 999px;
}
.cg-sv-pkg__name {
	font-size: 1.4rem;
	font-weight: 800;
	color: var(--cg-navy);
	margin: 0 0 8px;
}
.cg-sv .cg-sv-pkg__price {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 0 8px;
}
.cg-sv-pkg__price span {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-size: 2.4rem;
	line-height: 1;
	color: var(--cg-navy);
}
.cg-sv-pkg--featured .cg-sv-pkg__price span {
	color: #1a40a8;
}
.cg-sv-pkg__price small {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 13px;
	font-weight: 600;
	color: var(--cg-muted, #535a66);
}
.cg-sv-pkg__label {
	display: block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin: 20px 0 12px;
}
.cg-sv-pkg__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.cg-sv-pkg__list li {
	position: relative;
	padding-left: 26px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.96rem;
	line-height: 1.5;
	color: #444a55;
}
.cg-sv-pkg__list li::before {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
}
.cg-sv-pkg__list--fit li::before {
	content: '\2192';
	color: #989eaa;
}
.cg-sv-pkg__list--inc li::before {
	content: '\2713';
	color: var(--cg-gold);
}
.cg-sv-pkg__list--inc {
	margin-bottom: 28px;
}
.cg-sv-pkg__cta {
	margin-top: auto;
	align-self: flex-start;
}
.cg-sv .cg-sv-footnote {
	max-width: 820px;
	margin: 32px auto 0;
	text-align: center;
	font-size: 0.85rem;
	line-height: 1.6;
	color: var(--cg-muted, #535a66);
}

/* S5 / S6 — country facts box */
.cg-sv-facts {
	list-style: none;
	margin: 0;
	padding: 30px 32px;
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(21, 24, 30, 0.06);
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.cg-sv-country--alt .cg-sv-facts {
	background: #eef1f5;
}
.cg-sv-facts li {
	position: relative;
	padding-left: 30px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--cg-navy);
}
.cg-sv-facts li::before {
	content: '\2713';
	position: absolute;
	left: 0;
	top: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.16);
	color: #1a40a8;
	font-size: 11px;
	font-weight: 800;
}

/* S8 — bank callout */
.cg-sv-callout {
	background: linear-gradient(150deg, #262b36, var(--cg-navy));
	border-radius: 20px;
	padding: 32px 34px;
	box-shadow: 0 20px 44px rgba(21, 24, 30, 0.2);
}
.cg-sv-callout__title {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 18px;
}
.cg-sv-callout ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 13px;
}
.cg-sv-callout li {
	position: relative;
	padding-left: 24px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	line-height: 1.5;
	color: #cad1db;
}
.cg-sv-callout li::before {
	content: '\2022';
	position: absolute;
	left: 5px;
	top: -2px;
	color: var(--cg-gold);
	font-size: 1.3rem;
	line-height: 1;
}

/* S10 — comparison table */
.cg-sv-compare {
	max-width: 840px;
	margin: 0 auto;
	border: 1px solid #dde2ea;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(21, 24, 30, 0.06);
}
.cg-sv-compare__row {
	display: grid;
	grid-template-columns: 1fr 190px;
	align-items: center;
	gap: 20px;
	padding: 20px 28px;
	border-top: 1px solid #eceff4;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.02rem;
	line-height: 1.5;
	color: #383e48;
	background: #ffffff;
}
.cg-sv-compare__row--head {
	border-top: 0;
	background: #eef1f5;
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--cg-navy);
}
.cg-sv-compare__flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 20px;
	border-radius: 999px;
	background: rgba(34, 81, 209, 0.14);
	color: #1a40a8;
	font-weight: 800;
	font-size: 0.95rem;
}

/* S11 — bare timeline (no duration box) */
.cg-proc--bare {
	padding-top: 0;
}

/* --- S3 "Öne çıkan" → boxed columns (white) ---
   Genel bakış kartlarıyla aynı davranış: nötr kenarlık, hover'da yeşil
   kenarlık + yumuşak yeşil gölge + kalkma. Üst vurgu çizgisi kaldırıldı. */
.cg-sv-dubai .cg-sv-col {
	position: relative;
	background: #ffffff;
	border: 1px solid var(--cg-line, rgba(21, 24, 30, 0.10));
	border-radius: 18px;
	padding: 36px 32px 30px;
	box-shadow: 0 10px 26px rgba(21, 24, 30, 0.05);
	overflow: hidden;
	transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}
.cg-sv-dubai .cg-sv-col:hover {
	transform: translateY(-6px);
	box-shadow: 0 22px 46px rgba(34, 81, 209, 0.16);
	border-color: rgba(34, 81, 209, 0.32);
}

/* --- Navy-section component recolours --- */
/* S4 package cards → glass on navy */
.cg-sv-pkgs .cg-sv-pkg {
	background: rgba(255, 255, 255, 0.045);
	border-color: rgba(255, 255, 255, 0.10);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}
.cg-sv-pkgs .cg-sv-pkg--featured {
	border: 2px solid rgba(134, 168, 255, 0.6);
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3), 0 0 42px rgba(134, 168, 255, 0.1);
}
.cg-sv-pkgs .cg-sv-pkg__name {
	color: #ffffff;
}
.cg-sv-pkgs .cg-sv-pkg__price span {
	color: #ffffff;
}
.cg-sv-pkgs .cg-sv-pkg--featured .cg-sv-pkg__price span {
	color: #86a8ff;
}
.cg-sv-pkgs .cg-sv-pkg__price small {
	color: #9ca2ae;
}
.cg-sv-pkgs .cg-sv-pkg__list li {
	color: #d3d9e2;
}
.cg-sv-pkgs .cg-sv-pkg__list--fit li::before {
	color: #a7adb8;
}
.cg-sv .cg-sv-pkgs .cg-sv-footnote {
	color: var(--cg-muted, #535a66);
}
/* No gold-glow shadow on the dark specular CTA (base or hover). */
.cg-sv-pkgs .cg-sv-pkg__cta,
.cg-sv-pkgs .cg-sv-pkg__cta:hover,
.cg-sv-pkgs .cg-sv-pkg__cta:focus,
.cg-sv-pkgs .cg-sv-pkg__cta:active {
	box-shadow: none;
}
/* S6 Estonya facts box → glass on navy */
.cg-sv-country--alt .cg-sv-facts {
	background: rgba(255, 255, 255, 0.045);
	border-color: rgba(255, 255, 255, 0.10);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}
.cg-sv-country--alt .cg-sv-facts li {
	color: #eceff4;
}
.cg-sv-country--alt .cg-sv-facts li::before {
	background: rgba(34, 81, 209, 0.22);
	color: #86a8ff;
}
/* S8 bank callout → distinct glass on navy */
.cg-sv-bank .cg-sv-callout {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}
/* S10 comparison table → dark rows on navy */
.cg-sv-compare-sec .cg-sv-compare {
	border-color: rgba(255, 255, 255, 0.10);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
}
.cg-sv-compare-sec .cg-sv-compare__row {
	background: rgba(255, 255, 255, 0.03);
	border-top-color: rgba(255, 255, 255, 0.08);
	color: #d3d9e2;
}
.cg-sv-compare-sec .cg-sv-compare__row--head {
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
}
.cg-sv-compare-sec .cg-sv-compare__flag {
	background: rgba(34, 81, 209, 0.22);
	color: #86a8ff;
}

/* Responsive */
@media (max-width: 860px) {
	.cg-sv-cols,
	.cg-sv-pkg-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 520px) {
	.cg-sv-compare__row {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.cg-sv-compare__flag {
		justify-self: start;
	}
}

/* ============================================================
   İLETİŞİM sayfası — [cg_contact]. Wrapper .cg-ab.cg-ct.
   Reuses .cg-ab-* shell + [cg_contact_form] logic (UI only).
   ============================================================ */

/* Hero — full-screen photo (handshake), no overlay: the image itself is dimmed. */
.cg-ct .cg-ab-hero {
	min-height: 100vh;
	display: flex;
	align-items: center;
	background-color: var(--cg-navy);
	overflow: hidden;
	padding-top: clamp(110px, 12vh, 160px);
	padding-bottom: clamp(80px, 10vh, 130px);
}
.cg-ct .cg-ab-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: url('assets/img/contact.webp');
	background-size: cover;
	background-position: center;
	filter: brightness(0.42);
}
.cg-ct .cg-ab-hero__wrap {
	position: relative;
	z-index: 1;
}

.cg-ct-main {
	background: #eef1f5;
}
.cg-ct-grid {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: clamp(24px, 3.5vw, 48px);
	align-items: stretch;
}

/* Info panel (navy card) */
.cg-ct-info {
	display: flex;
	flex-direction: column;
	background: linear-gradient(160deg, #262b36, var(--cg-navy));
	border-radius: 24px;
	padding: clamp(30px, 3.5vw, 46px);
	color: #ffffff;
	box-shadow: 0 26px 54px rgba(21, 24, 30, 0.22);
}
.cg-ct-info__eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 14px;
}
.cg-ct-info__title {
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 800;
	line-height: 1.2;
	color: #ffffff;
	margin: 0 0 12px;
}
.cg-ct .cg-ct-info__lead {
	font-size: 1rem;
	line-height: 1.6;
	color: #c5cad2;
	margin: 0 0 26px;
}
.cg-ct-methods {
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.cg-ct-method__inner {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 13px 12px;
	border-radius: 14px;
	text-decoration: none;
	color: inherit;
	transition: background 0.2s ease;
}
a.cg-ct-method__inner:hover {
	background: rgba(255, 255, 255, 0.06);
}
.cg-ct-method__icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(34, 81, 209, 0.16);
	color: var(--cg-gold);
}
.cg-ct-method__icon svg {
	width: 22px;
	height: 22px;
}
.cg-ct-method__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.cg-ct-method__body strong {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	font-weight: 700;
	color: #ffffff;
}
.cg-ct-method__body span {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.9rem;
	color: #9ca2ae;
}
.cg-ct-info__cta {
	margin-top: auto;
	align-self: flex-start;
}
/* No gold-glow shadow on the left CTA (base or hover). */
.cg-ct-info__cta,
.cg-ct-info__cta:hover,
.cg-ct-info__cta:focus,
.cg-ct-info__cta:active {
	box-shadow: none;
}

/* Form card (white) */
.cg-ct-form-card {
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 24px;
	padding: clamp(30px, 3.5vw, 46px);
	box-shadow: 0 26px 54px rgba(21, 24, 30, 0.08);
}
.cg-ct-form-card__eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--cg-gold);
	margin-bottom: 12px;
}
.cg-ct-form-card__title {
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 800;
	color: var(--cg-navy);
	margin: 0 0 8px;
}
.cg-ct .cg-ct-form-card__note {
	font-size: 0.98rem;
	line-height: 1.6;
	color: var(--cg-muted, #535a66);
	margin: 0 0 24px;
}

/* Spacious form on the contact page (base .cg-form stays compact for the hero widget) */
.cg-ct .cg-form {
	gap: 18px;
	margin-top: 6px;
}
.cg-ct .cg-form__field {
	gap: 8px;
}
.cg-ct .cg-form__field label {
	font-size: 13px;
}
.cg-ct .cg-form__field input,
.cg-ct .cg-form__field textarea {
	font-size: 15px;
	padding: 14px 16px;
	border-radius: 12px;
}
.cg-ct .cg-form__field textarea {
	min-height: 120px;
}
.cg-ct .cg-form__submit {
	margin-top: 6px;
	padding: 15px 32px;
	font-size: 1rem;
	align-self: flex-start;
}
.cg-ct .cg-form__notice {
	font-size: 14px;
	padding: 14px 18px;
	border-radius: 12px;
}

@media (max-width: 860px) {
	.cg-ct-grid {
		grid-template-columns: 1fr;
	}
	.cg-ct-info__cta {
		align-self: stretch;
		text-align: center;
	}
}


/* Tighten the oversized Elementor top padding above "Hizmet Verdiğimiz Ülkeler" */
.home .elementor-element-4bd4714 {
	padding-top: 28px !important;
}

/* Balance the country-cards band's navy padding (was 20px top / 96px bottom) */
.home .cg-countries-grid {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

/* ============================================================
   Buton son sözü — bölüm bazlı buton renk kuralları (ülke kartı
   featured/hover, .cg-ab-btn--gold, .cg-dpk__cta vb.) tek buton
   sistemini ezmesin diye zincirlenmiş specificity + en sonda yer.
   Eskiden burası "specular" cam görünümünü basıyordu.
   ============================================================ */
.cg-spec.cg-spec.cg-spec,
.cg-form__submit.cg-form__submit,
.cg-button--whatsapp.cg-button--whatsapp,
.cg-ab-btn.cg-ab-btn:not(.cg-ab-btn--ghost),
.cg-dpk__cta.cg-dpk__cta,
.cg-sv-pkg__cta.cg-sv-pkg__cta,
.cg-ct-info__cta.cg-ct-info__cta,
.cg-single-cta__btn.cg-single-cta__btn:not(.cg-single-cta__btn--ghost),
.cg-countries-grid .elementor-button,
.cg-country-card .elementor-button,
.cg-final-cta .elementor-button,
.cg-social-proof-btn .elementor-button {
	background: #2251d1 !important;
	border: 1px solid #2251d1 !important;
	color: #ffffff !important;
}
.cg-spec.cg-spec.cg-spec:hover,
.cg-form__submit.cg-form__submit:hover,
.cg-button--whatsapp.cg-button--whatsapp:hover,
.cg-ab-btn.cg-ab-btn:not(.cg-ab-btn--ghost):hover,
.cg-dpk__cta.cg-dpk__cta:hover,
.cg-sv-pkg__cta.cg-sv-pkg__cta:hover,
.cg-ct-info__cta.cg-ct-info__cta:hover,
.cg-single-cta__btn.cg-single-cta__btn:not(.cg-single-cta__btn--ghost):hover,
.cg-countries-grid .elementor-button:hover,
.cg-country-card .elementor-button:hover,
.cg-final-cta .elementor-button:hover,
.cg-social-proof-btn .elementor-button:hover {
	background: #1a40a8 !important;
	border-color: #1a40a8 !important;
	color: #ffffff !important;
}

/* ============================================================
   Hizmetler — 3D service carousel (genel bakış). Vanilla port of a
   Framer 3D rotating-cylinder carousel, brand-adapted (navy + gold).
   service-carousel.js drives --ring rotation. Dark panel on the white
   overview section; mobile falls back to a flat scroll-snap row.
   ============================================================ */
.cg-carousel {
	/* Sizes scale continuously with the viewport (no media-query threshold to
	   miss). Floor is already bigger than before; grows on larger screens. */
	--card-w: clamp(320px, 24vw, 460px);
	--card-h: clamp(430px, 32vw, 600px);
	--depth: calc(var(--card-w) * 1.44);
	position: relative;
	max-width: clamp(1080px, 86vw, 1600px);
	margin: 10px auto 0;
	padding: clamp(24px, 3vw, 40px) 20px 22px;
	background: radial-gradient(120% 130% at 50% 0%, #262b36 0%, var(--cg-navy) 55%, #0b0d11 100%);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 24px;
	overflow: hidden;
}
.cg-carousel__viewport {
	position: relative;
}
.cg-carousel__stage {
	position: relative;
	height: calc(var(--card-h) * 1.3);
	perspective: calc(var(--card-w) * 7.6);
	perspective-origin: 50% 48%;
}
.cg-carousel__ring {
	position: absolute;
	inset: 0;
	transform-style: preserve-3d;
	transform: rotateY(var(--ring, 0deg));
	transition: transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);
}
.cg-carousel.is-dragging .cg-carousel__ring {
	transition: none;
}
.cg-carousel__card {
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--card-w);
	height: var(--card-h);
	margin: calc(var(--card-h) / -2) 0 0 calc(var(--card-w) / -2);
	transform: rotateY(var(--face)) translateZ(var(--depth));
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	background: rgba(21, 24, 30, 0.92);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	overflow: hidden;
	opacity: 0.5;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4);
	transition: opacity 0.5s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.cg-carousel__card.is-front {
	opacity: 1;
	border-color: rgba(134, 168, 255, 0.55);
	box-shadow: 0 26px 60px rgba(0, 0, 0, 0.5), 0 0 42px rgba(134, 168, 255, 0.14);
}
.cg-carousel__media {
	position: relative;
	flex-shrink: 0;
	height: calc(var(--card-h) * 0.40);
	background-color: var(--cg-navy);
	background-image: radial-gradient(120% 120% at 30% 20%, rgba(134, 168, 255, 0.20), rgba(21, 24, 30, 0.25));
	background-size: cover;
	background-position: center;
	color: var(--cg-gold);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cg-carousel__media--photo::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15, 17, 21, 0.10) 30%, rgba(15, 17, 21, 0.72) 100%);
}
.cg-carousel__ic {
	position: absolute;
	z-index: 1;
	left: 16px;
	bottom: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: rgba(15, 17, 21, 0.60);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border: 1px solid rgba(134, 168, 255, 0.40);
	color: var(--cg-gold);
}
.cg-carousel__ic svg {
	width: 22px;
	height: 22px;
}
.cg-carousel__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 20px 22px 22px;
}
.cg-carousel__tag {
	position: absolute;
	top: 16px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--cg-navy);
	background: var(--cg-gold);
	padding: 5px 12px;
	border-radius: 999px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}
.cg-carousel__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.1rem, 1.35vw, 1.4rem);
	font-weight: 700;
	line-height: 1.25;
	color: #ffffff;
	margin: 0 0 10px;
}
.cg-carousel .cg-carousel__desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.88rem, 1vw, 1rem);
	line-height: 1.6;
	color: #9ca2ae;
	margin: 0;
}
.cg-carousel__cta {
	margin-top: auto;
	padding-top: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--cg-gold);
	text-decoration: none;
}
.cg-carousel__cta span {
	transition: transform 0.25s ease;
}
.cg-carousel__card.is-front:hover .cg-carousel__cta span {
	transform: translateX(4px);
}
.cg-carousel__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.08);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	color: #ffffff;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.cg-carousel__nav:hover,
.cg-carousel__nav:focus,
.cg-carousel__nav:active {
	background: var(--cg-gold) !important;
	color: #ffffff !important;
}
.cg-carousel__nav--prev {
	left: 10px;
}
.cg-carousel__nav--next {
	right: 10px;
}
.cg-carousel__nav svg {
	width: 22px;
	height: 22px;
}
.cg-carousel__dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 22px;
}
.cg-carousel__dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.22);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: width 0.3s ease, background 0.3s ease;
}
.cg-carousel__dot.is-active {
	width: 24px;
	background: var(--cg-gold);
}
.cg-carousel__dot:hover,
.cg-carousel__dot:focus,
.cg-carousel__dot:active {
	background: var(--cg-gold) !important;
}
@media (max-width: 767px) {
	.cg-carousel {
		padding: 24px 14px 22px;
	}
	.cg-carousel__stage {
		height: auto;
		perspective: none;
	}
	.cg-carousel__ring {
		position: static;
		transform: none !important;
		transform-style: flat;
		display: flex;
		gap: 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding: 2px 2px 12px;
		-webkit-overflow-scrolling: touch;
	}
	.cg-carousel__card {
		position: relative;
		top: auto;
		left: auto;
		margin: 0;
		width: auto;
		height: auto;
		min-height: 380px;
		flex: 0 0 84%;
		max-width: 300px;
		transform: none !important;
		opacity: 1 !important;
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
		scroll-snap-align: center;
	}
	.cg-carousel__nav,
	.cg-carousel__dots {
		display: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cg-carousel__ring {
		transition: none;
	}
}

/* ============================================================
   BLOG — listing (template-bloglar.php) + single (single.php).
   Reuses .cg-ab-sec full-bleed shell + .cg-ab-wrap + .cg-rv reveal.
   Both pages open with a navy hero so the transparent header stays legible.
   ============================================================ */

/* --- Shared dark hero (listing + single) --- */
.cg-blog-hero,
.cg-single-hero {
	position: relative;
	overflow: hidden;
	background-color: var(--cg-ink);
	background-image: radial-gradient(120% 130% at 50% 0%, var(--cg-ink-2) 0%, var(--cg-ink) 62%);
	color: #ffffff;
	padding-top: clamp(150px, 20vh, 210px);
	padding-bottom: clamp(64px, 8vh, 96px);
}
/* Faint dot grid, fading out to the right/bottom — editorial texture. */
.cg-blog-hero::before,
.cg-single-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1.2px);
	background-size: 26px 26px;
	-webkit-mask-image: linear-gradient(115deg, #000 0%, rgba(0, 0, 0, 0.5) 40%, transparent 75%);
	mask-image: linear-gradient(115deg, #000 0%, rgba(0, 0, 0, 0.5) 40%, transparent 75%);
	pointer-events: none;
}
.cg-blog-hero__glow {
	position: absolute;
	z-index: 0;
	top: -40%;
	right: -8%;
	width: 60vw;
	max-width: 720px;
	height: 60vw;
	max-height: 720px;
	border-radius: 50%;
	background-color: rgba(var(--cg-accent-light-rgb), 0.26);
	-webkit-mask-image: radial-gradient(closest-side, #000 20%, transparent 72%);
	mask-image: radial-gradient(closest-side, #000 20%, transparent 72%);
	pointer-events: none;
	animation: cg-spin 90s linear infinite;
}
.cg-blog-hero__wrap {
	position: relative;
	z-index: 1;
	text-align: left;
}
.cg-blog-hero__title {
	font-size: clamp(2.3rem, 5vw, 3.8rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: #ffffff;
	margin: 16px 0 18px;
	max-width: 18ch;
}
.cg-ab .cg-blog-hero__sub,
.cg-blog-hero__sub {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(1.02rem, 1.4vw, 1.18rem);
	line-height: 1.7;
	color: #c5cad2;
	max-width: 600px;
	margin: 0;
	text-align: left;
}

/* Category chips */
.cg-blog-cats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: clamp(28px, 3vw, 38px);
}
.cg-blog-cats__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.04);
	color: #e6e9ef;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.cg-blog-cats__chip:hover {
	border-color: rgba(var(--cg-accent-light-rgb), 0.6);
	color: #ffffff;
}
.cg-blog-cats__chip.is-active {
	background: #ffffff;
	border-color: #ffffff;
	color: var(--cg-ink);
}
.cg-blog-cats__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	font-size: 12px;
	font-weight: 700;
}
.cg-blog-cats__chip.is-active .cg-blog-cats__count {
	background: var(--cg-surface-2);
	color: var(--cg-muted);
}

/* --- Listing --- */
.cg-blog-main {
	background: var(--cg-paper);
	padding-top: clamp(48px, 6vw, 80px);
	padding-bottom: clamp(64px, 8vw, 110px);
}
.cg-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px, 2.4vw, 30px);
}

/* Card */
.cg-blog-card {
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(21, 24, 30, 0.04), 0 12px 32px rgba(21, 24, 30, 0.05);
	transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}
.cg-blog-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 2px 4px rgba(21, 24, 30, 0.04), 0 28px 54px rgba(21, 24, 30, 0.13);
	border-color: rgba(var(--cg-accent-rgb), 0.35);
}
.cg-blog-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}
.cg-blog-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--cg-ink);
}
.cg-blog-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.cg-blog-card:hover .cg-blog-card__media img {
	transform: scale(1.05);
}
/* No featured image: branded placeholder (glows + the logo's globe mark). */
.cg-blog-card__ph {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(70% 90% at 85% 0%, rgba(var(--cg-accent-light-rgb), 0.30), transparent 60%),
		radial-gradient(60% 70% at 0% 100%, rgba(var(--cg-accent-rgb), 0.30), transparent 62%),
		linear-gradient(150deg, var(--cg-ink-2), var(--cg-ink));
}
.cg-blog-card__ph-mark {
	position: absolute;
	right: -6%;
	bottom: -14%;
	width: 42%;
	aspect-ratio: 832 / 824;
	background: #ffffff;
	opacity: 0.09;
	-webkit-mask: url('assets/img/globe-mark.svg') center / contain no-repeat;
	mask: url('assets/img/globe-mark.svg') center / contain no-repeat;
	transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.4s ease;
}
.cg-blog-card:hover .cg-blog-card__ph-mark {
	transform: rotate(-10deg) scale(1.04);
	opacity: 0.13;
}
.cg-blog-card__cat {
	position: absolute;
	z-index: 1;
	top: 16px;
	left: 16px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(15, 17, 21, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.14);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	color: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.cg-blog-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 22px 24px 24px;
	flex: 1;
}
.cg-blog-card__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 10px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--cg-muted-2);
}
.cg-blog-card__dot {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.7;
}
.cg-blog-card__title {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--cg-ink);
	margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: color 0.3s ease;
}
.cg-blog-card:hover .cg-blog-card__title {
	color: var(--cg-accent);
}
.cg-blog-card__excerpt {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--cg-muted);
	margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.cg-blog-card__more {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--cg-surface-2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--cg-ink);
	transition: color 0.3s ease;
}
.cg-blog-card__more svg {
	width: 18px;
	height: 18px;
	transition: transform 0.3s ease;
}
.cg-blog-card:hover .cg-blog-card__more {
	color: var(--cg-accent);
}
.cg-blog-card:hover .cg-blog-card__more svg {
	transform: translateX(4px);
}

/* Featured (first post on page 1) — wide, image + text side by side */
.cg-blog-card--featured {
	grid-column: 1 / -1;
}
.cg-blog-card--featured .cg-blog-card__link {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
}
.cg-blog-card--featured .cg-blog-card__media {
	aspect-ratio: auto;
	min-height: 400px;
}
.cg-blog-card--featured .cg-blog-card__cat {
	top: 22px;
	left: 22px;
}
.cg-blog-card--featured .cg-blog-card__body {
	justify-content: center;
	gap: 16px;
	padding: clamp(28px, 3.6vw, 56px);
}
.cg-blog-card--featured .cg-blog-card__title {
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	line-height: 1.22;
	-webkit-line-clamp: 4;
}
.cg-blog-card--featured .cg-blog-card__excerpt {
	font-size: 1.04rem;
	-webkit-line-clamp: 4;
}
.cg-blog-card--featured .cg-blog-card__more {
	align-self: flex-start;
	margin-top: 10px;
	gap: 10px;
	padding: 13px 22px;
	border: 0;
	border-radius: 999px;
	background: var(--cg-ink);
	color: #ffffff;
	transition: background 0.3s ease;
}
.cg-blog-card--featured:hover .cg-blog-card__more {
	background: var(--cg-accent);
	color: #ffffff;
}

/* Pagination */
.cg-blog-pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: clamp(40px, 4vw, 56px);
}
.cg-blog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	height: 46px;
	padding: 0 14px;
	border-radius: 999px;
	border: 1px solid #dde2ea;
	background: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-weight: 700;
	color: var(--cg-ink);
	text-decoration: none;
	transition: border-color 0.25s ease, color 0.25s ease, background 0.25s ease;
}
.cg-blog-pagination a.page-numbers:hover {
	border-color: var(--cg-accent);
	color: var(--cg-accent);
}
.cg-blog-pagination .page-numbers.current {
	background: var(--cg-ink);
	border-color: var(--cg-ink);
	color: #ffffff;
}
.cg-blog-pagination .page-numbers.dots {
	border-color: transparent;
	background: transparent;
}

/* Empty state */
.cg-blog-empty {
	text-align: center;
	padding: clamp(40px, 6vw, 72px) 20px;
	border: 1px dashed #d3d9e2;
	border-radius: 24px;
	background: #ffffff;
}
.cg-blog-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: var(--cg-accent-soft);
	color: var(--cg-accent);
}
.cg-blog-empty__icon svg {
	width: 28px;
	height: 28px;
}
.cg-blog-empty h2 {
	font-size: 1.6rem;
	color: var(--cg-ink);
	margin: 0 0 10px;
}
.cg-blog-empty p {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	color: var(--cg-muted);
	max-width: 46ch;
	margin: 0 auto;
}

/* --- Single post --- */
.cg-single-hero .cg-single-hero__wrap { /* beats the later generic .cg-ab-wrap width */
	position: relative;
	z-index: 1;
	max-width: 780px;
	margin: 0 auto;
	text-align: left;
}
.cg-single-hero--has-thumb {
	padding-bottom: clamp(120px, 12vw, 160px);
}
.cg-single-hero__crumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 13px;
	font-weight: 600;
	color: #8a909c;
}
.cg-single-hero__crumb a {
	color: #c5cad2;
	text-decoration: none;
	transition: color 0.25s ease;
}
.cg-single-hero__crumb a:hover {
	color: var(--cg-accent-light);
}
.cg-single-hero__crumb span {
	color: #5d6470;
}
.cg-single-hero__title {
	font-size: clamp(2.1rem, 4.2vw, 3.2rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #ffffff;
	margin: 0 0 24px;
}
.cg-single-hero__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 18px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 600;
	color: #9ca2ae;
}
.cg-single-hero__cat {
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid rgba(var(--cg-accent-light-rgb), 0.3);
	background: rgba(var(--cg-accent-light-rgb), 0.12);
	color: var(--cg-accent-lighter);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.25s ease;
}
.cg-single-hero__cat:hover {
	background: rgba(var(--cg-accent-light-rgb), 0.22);
}
.cg-single-hero__read::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 18px;
	border-radius: 50%;
	background: currentColor;
	vertical-align: middle;
}

.cg-single-body {
	padding: clamp(48px, 6vw, 72px) 20px clamp(64px, 8vw, 110px);
}
.cg-single-hero--has-thumb + .cg-single-body {
	padding-top: 0;
}
.cg-single__thumb {
	max-width: 1000px;
	margin: clamp(-110px, -9vw, -70px) auto clamp(36px, 4vw, 56px);
	position: relative;
	z-index: 2;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 30px 70px rgba(21, 24, 30, 0.24);
}
.cg-single__thumb img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 560px;
	object-fit: cover;
}
.cg-single__article {
	max-width: 780px;
	margin: 0 auto;
}
.cg-single__content {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1.08rem;
	line-height: 1.8;
	color: #2d323b;
}
.cg-single__content > * {
	margin: 0 0 1.3em;
}
.cg-single__content > *:last-child {
	margin-bottom: 0;
}
.cg-single__content > p:first-of-type {
	font-size: 1.22rem;
	line-height: 1.7;
	color: #1c2028;
}
.cg-single__content h2 {
	font-size: clamp(1.5rem, 2.4vw, 1.9rem);
	font-weight: 800;
	line-height: 1.25;
	color: var(--cg-ink);
	margin: 1.8em 0 0.6em;
}
.cg-single__content h3 {
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--cg-ink);
	margin: 1.5em 0 0.5em;
}
.cg-single__content a {
	color: var(--cg-accent-dark);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.cg-single__content ul,
.cg-single__content ol {
	padding-left: 1.4em;
}
.cg-single__content li {
	margin-bottom: 0.5em;
}
.cg-single__content li::marker {
	color: var(--cg-accent);
}
.cg-single__content img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
}
.cg-single__content figcaption {
	font-size: 0.88rem;
	color: var(--cg-muted-2);
	text-align: center;
	margin-top: 10px;
}
.cg-single__content blockquote {
	margin: 1.8em 0;
	padding: 22px 26px;
	border-left: 3px solid var(--cg-accent);
	border-radius: 0 16px 16px 0;
	background: var(--cg-accent-tint);
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.5;
	color: var(--cg-ink);
}
.cg-single__content blockquote p {
	margin: 0;
}
.cg-single__content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.98rem;
}
.cg-single__content th,
.cg-single__content td {
	padding: 12px 14px;
	border-bottom: 1px solid #e4e8ee;
	text-align: left;
}
.cg-single__content th {
	color: var(--cg-ink);
	background: var(--cg-surface-2);
}
.cg-single__content code {
	font-family: Consolas, Monaco, monospace;
	font-size: 0.92em;
	background: var(--cg-surface-2);
	padding: 2px 6px;
	border-radius: 6px;
}
.cg-single__content pre {
	background: var(--cg-ink-deep);
	color: #eceff4;
	padding: 20px;
	border-radius: 14px;
	overflow-x: auto;
}
.cg-single__content pre code {
	background: none;
	padding: 0;
}

/* Foot: tags (left) + share (right) */
.cg-single__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: clamp(36px, 4vw, 52px);
	padding-top: 24px;
	border-top: 1px solid #e4e8ee;
}
.cg-single__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.cg-single__tags a {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 13px;
	font-weight: 600;
	color: var(--cg-muted);
	background: #eceff4;
	padding: 6px 14px;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.25s ease, color 0.25s ease;
}
.cg-single__tags a:hover {
	background: var(--cg-ink);
	color: #ffffff;
}
.cg-single__share {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}
.cg-single__share-label {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--cg-muted-2);
}
.cg-single__share a,
.cg-single__copy {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #dde2ea;
	background: #ffffff;
	color: var(--cg-ink);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.cg-single__copy {
	padding: 0; /* a generic button rule adds 16px side padding and squeezes the icon */
}
.cg-single__share a svg,
.cg-single__copy svg {
	width: 17px;
	height: 17px;
	flex-shrink: 0;
}
.cg-single__share a:hover,
.cg-single__copy:hover,
.cg-single__copy:focus-visible {
	background: var(--cg-ink);
	color: #ffffff;
	border-color: var(--cg-ink);
	transform: translateY(-2px);
}
.cg-single__copy.is-copied {
	background: var(--cg-accent);
	border-color: var(--cg-accent);
	color: #ffffff;
}

/* Reading progress bar */
.cg-reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	z-index: 1200;
	background: rgba(21, 24, 30, 0.10);
	pointer-events: none;
}
.cg-reading-progress span {
	display: block;
	height: 100%;
	transform-origin: left center;
	transform: scaleX(0);
	background: var(--cg-accent);
}

/* "Bir sonraki adım" CTA card (end of post + bottom of the listing) */
.cg-single-cta {
	max-width: 880px;
	margin: clamp(44px, 5vw, 68px) auto 0;
}
.cg-blog-main .cg-single-cta {
	max-width: none;
	margin-top: clamp(56px, 6vw, 90px);
}
.cg-single-cta__inner {
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	padding: clamp(36px, 4.4vw, 60px);
	background: linear-gradient(150deg, var(--cg-ink-2), var(--cg-ink));
	color: #ffffff;
	text-align: center;
	box-shadow: 0 26px 54px rgba(21, 24, 30, 0.22);
}
.cg-single-cta__inner > :not(.cg-single-cta__glow) {
	position: relative;
	z-index: 1;
}
.cg-single-cta__glow {
	position: absolute;
	z-index: 0;
	top: -55%;
	right: -10%;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(var(--cg-accent-light-rgb), 0.28), transparent);
	pointer-events: none;
}
.cg-single-cta__eyebrow {
	display: inline-block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--cg-accent-light);
	margin-bottom: 12px;
}
.cg-single-cta__title {
	font-size: clamp(1.5rem, 2.6vw, 2.1rem);
	font-weight: 800;
	line-height: 1.2;
	color: #ffffff;
	margin: 0 auto 12px;
	max-width: 22ch;
}
.cg-single-cta__text {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 1rem;
	line-height: 1.6;
	color: #c5cad2;
	margin: 0 auto 26px;
	max-width: 54ch;
}
.cg-single-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}
.cg-single-cta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	border-radius: 999px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-weight: 700;
	font-size: 0.98rem;
	text-decoration: none;
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, filter 0.3s ease;
}
.cg-single-cta__btn--gold {
	background: #2251d1; /* solid brand blue — the dark card would otherwise get the light accent */
	color: #ffffff;
}
.cg-single-cta__btn--gold:hover {
	transform: translateY(-2px);
	filter: brightness(1.08);
}
.cg-single-cta__btn--ghost {
	border: 1.5px solid rgba(255, 255, 255, 0.4);
	color: #ffffff;
}
.cg-single-cta__btn--ghost:hover {
	background: #ffffff;
	color: var(--cg-ink);
	transform: translateY(-2px);
}

/* Back link row */
.cg-single__foot-nav {
	max-width: 780px;
	margin: clamp(32px, 4vw, 48px) auto 0;
	text-align: center;
}
.cg-single__back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-weight: 700;
	color: var(--cg-ink);
	text-decoration: none;
	padding: 12px 22px;
	border: 1.5px solid #dde2ea;
	border-radius: 999px;
	transition: border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.cg-single__back:hover {
	border-color: var(--cg-accent);
	color: var(--cg-accent);
	transform: translateX(-3px);
}

/* Related posts */
.cg-single-related {
	background: var(--cg-surface-2);
	padding-top: clamp(56px, 6vw, 90px);
	padding-bottom: clamp(60px, 7vw, 100px);
}
.cg-single-related__head {
	margin-bottom: clamp(28px, 3vw, 44px);
}
.cg-single-related__title {
	font-size: clamp(1.6rem, 2.6vw, 2.1rem);
	font-weight: 800;
	color: var(--cg-ink);
	margin: 10px 0 0;
}

/* --- Responsive --- */
@media (max-width: 980px) {
	.cg-blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.cg-blog-card--featured .cg-blog-card__link {
		grid-template-columns: 1fr;
	}
	.cg-blog-card--featured .cg-blog-card__media {
		aspect-ratio: 16 / 9;
		min-height: 0;
	}
	/* Stacked card is narrow — let the title use the lines it needs. */
	.cg-blog-card--featured .cg-blog-card__title {
		-webkit-line-clamp: 6;
	}
}
@media (max-width: 640px) {
	.cg-blog-grid {
		grid-template-columns: 1fr;
	}
	.cg-blog-card--featured .cg-blog-card__title {
		font-size: 1.4rem;
	}
	/* Chips scroll sideways instead of wrapping into a tall block. */
	.cg-blog-cats {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-right: -24px;
		padding-right: 24px;
		scrollbar-width: none;
	}
	.cg-blog-cats::-webkit-scrollbar {
		display: none;
	}
	.cg-single__share {
		margin-left: 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cg-blog-hero__glow {
		animation: none;
	}
}

/* ============================================================
   Teklif formu modal'ı — "Fiyatı Gör" ile açılır (assets/js/modal.js)
   ============================================================ */
.cg-modal {
	position: fixed;
	inset: 0;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.cg-modal[hidden] {
	display: none;
}
.cg-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(11, 13, 17, 0.72);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity 0.22s ease;
}
.cg-modal.is-open .cg-modal__backdrop {
	opacity: 1;
}
.cg-modal__panel {
	position: relative;
	width: 100%;
	max-width: 460px;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	padding: clamp(26px, 3vw, 38px);
	border-radius: 18px;
	background: var(--cg-surface, #ffffff);
	box-shadow: 0 30px 70px rgba(11, 13, 17, 0.42);
	opacity: 0;
	transform: translateY(14px) scale(0.98);
	transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.cg-modal.is-open .cg-modal__panel {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.cg-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(21, 24, 30, 0.06);
	color: var(--cg-ink, #15181e);
	cursor: pointer;
	transition: background 0.18s ease;
}
.cg-modal__close:hover {
	background: rgba(21, 24, 30, 0.12);
}
.cg-modal__close svg {
	width: 17px;
	height: 17px;
}
.cg-modal__eyebrow {
	display: block;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--cg-accent, #2251d1);
	margin-bottom: 8px;
}
.cg-modal__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1.25;
	color: var(--cg-ink, #15181e);
	margin: 0 0 10px;
	padding-right: 34px;
}
.cg-modal__note {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--cg-muted, #535a66);
	margin: 0 0 20px;
}
@media (prefers-reduced-motion: reduce) {
	.cg-modal__backdrop,
	.cg-modal__panel {
		transition: none;
	}
}

/* ============================================================
   Hero sonrası — "Türkiye'den Başlayın" ([cg_remote])
   Sol metin + sağda kaydırmalı üçlü kolaj; yorum kartı kolajın
   sağ altına biner. Arkada yumuşak kobalt leke.
   ============================================================ */
.cg-rmt-section {
	background: var(--cg-surface-2, #eef1f5);
}
.cg-rmt-section > .elementor-container {
	max-width: none !important;
}
.cg-rmt-section .elementor-widget-wrap {
	padding: 0 !important;
}
.cg-rmt {
	position: relative;
	overflow: hidden;
	padding: clamp(72px, 9vw, 128px) 24px;
	isolation: isolate;
}
.cg-rmt__blob {
	position: absolute;
	z-index: -1;
	top: 8%;
	right: -6%;
	width: 46%;
	height: 74%;
	border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%;
	background: radial-gradient(circle at 40% 40%, rgba(34, 81, 209, 0.14), transparent 66%);
	filter: blur(38px);
	pointer-events: none;
}
.cg-rmt__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
	align-items: center;
	gap: clamp(36px, 5vw, 76px);
	max-width: var(--cg-max-width);
	margin: 0 auto;
}

/* --- Sol: metin --- */
.cg-rmt__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.7rem, 3vw, 2.7rem);
	font-weight: 800;
	line-height: 1.17;
	letter-spacing: -0.01em;
	color: var(--cg-ink, #15181e);
	margin: 0 0 18px;
}
.cg-rmt__lead {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.98rem, 1.1vw, 1.07rem);
	line-height: 1.75;
	color: var(--cg-muted, #535a66);
	margin: 0 0 30px;
}
.cg-rmt__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.cg-rmt__item {
	display: flex;
	align-items: flex-start;
	gap: 13px;
}
.cg-rmt__item p {
	margin: 0;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.95rem;
	line-height: 1.62;
	color: var(--cg-muted, #535a66);
}
.cg-rmt__item strong {
	font-weight: 700;
	color: var(--cg-ink, #15181e);
}
.cg-rmt__check {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-top: 1px;
	border-radius: 50%;
	background: var(--cg-accent-soft, #e6edfc);
	color: var(--cg-accent, #2251d1);
}
.cg-rmt__check svg {
	width: 13px;
	height: 13px;
}

/* --- Sağ: kolaj --- */
.cg-rmt__media {
	position: relative;
}
.cg-rmt__collage {
	display: grid;
	grid-template-columns: 1.06fr 0.94fr;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 14px;
	aspect-ratio: 1 / 0.92;
}
.cg-rmt__shot {
	margin: 0;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 18px 42px rgba(21, 24, 30, 0.13);
}
.cg-rmt__shot img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* Sol sütun: tek uzun kare, iki satır boyunca */
.cg-rmt__shot--tall {
	grid-column: 1;
	grid-row: 1 / span 2;
}
/* Dar dikey çerçeve: online bankacılık fotoğrafında kart tutan el ve ekran görünsün */
.cg-rmt__shot--tall img {
	object-position: 64% 50%;
}
/* Sağ sütun kayık dursun — düz ızgara yerine ritim */
.cg-rmt__shot--top {
	grid-column: 2;
	grid-row: 1;
	transform: translateY(-16px);
}
.cg-rmt__shot--bottom {
	grid-column: 2;
	grid-row: 2;
	transform: translateY(6px);
}

/* --- Yorum kartı: kolajın sağ altına biner --- */
.cg-rmt__quote {
	position: absolute;
	right: -8px;
	bottom: -34px;
	width: min(370px, 84%);
	margin: 0;
	padding: 22px 24px 20px;
	border-radius: 16px;
	background: var(--cg-surface, #ffffff);
	box-shadow: 0 22px 48px rgba(21, 24, 30, 0.16);
}
.cg-rmt__quote-mark {
	display: block;
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 0.6;
	color: var(--cg-accent, #2251d1);
	opacity: 0.32;
	margin-bottom: 6px;
}
.cg-rmt__quote blockquote {
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.92rem;
	line-height: 1.62;
	color: var(--cg-ink, #15181e);
}
.cg-rmt__author {
	display: flex;
	align-items: center;
	gap: 11px;
}
.cg-rmt__avatar {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--cg-accent-soft, #e6edfc);
	color: var(--cg-accent-dark, #1a40a8);
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
}
.cg-rmt__author-text {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.86rem;
	color: var(--cg-muted, #535a66);
}
.cg-rmt__author-text strong {
	font-weight: 700;
	color: var(--cg-ink, #15181e);
}

@media (max-width: 1024px) {
	.cg-rmt__inner {
		grid-template-columns: 1fr;
	}
	.cg-rmt__media {
		margin-bottom: 44px;
	}
	.cg-rmt__quote {
		right: 0;
		bottom: -30px;
		width: min(370px, 92%);
	}
}
@media (max-width: 560px) {
	.cg-rmt__collage {
		aspect-ratio: 1 / 1.02;
		gap: 10px;
	}
	.cg-rmt__shot--top,
	.cg-rmt__shot--bottom {
		transform: none;
	}
	.cg-rmt__quote {
		position: static;
		width: 100%;
		margin-top: 16px;
	}
	.cg-rmt__media {
		margin-bottom: 0;
	}
}

/* ============================================================
   Hizmetler bento ızgarası ([cg_services_grid])
   4 sütun; kart varyantları farklı yerleşim alır:
     --feature 2 sütun, tam zeminli koyu foto
     --accent  2 sütun, yatay, kobalt tonlu
     --wide    2 sütun, yatay, beyaz
     --stack   1 sütun, foto üstte
   ============================================================ */
.cg-srv-section {
	background: var(--cg-paper, #f7f8fa);
}
.cg-srv-section > .elementor-container {
	max-width: none !important;
}
.cg-srv-section .elementor-widget-wrap {
	padding: 0 !important;
}
.cg-srv {
	padding: clamp(72px, 9vw, 128px) 24px;
}
.cg-srv__inner {
	max-width: var(--cg-max-width);
	margin: 0 auto;
}

/* --- Başlık --- */
.cg-srv__head {
	max-width: 620px;
	margin-bottom: clamp(34px, 4vw, 54px);
}
.cg-srv__eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--cg-accent, #2251d1);
	margin-bottom: 16px;
}
.cg-srv__eyebrow::before {
	content: '';
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	flex: none;
}
.cg-srv__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.75rem, 3.1vw, 2.75rem);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: var(--cg-ink, #15181e);
	margin: 0 0 16px;
}
.cg-srv__lead {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.98rem, 1.1vw, 1.06rem);
	line-height: 1.7;
	color: var(--cg-muted, #535a66);
	margin: 0;
}

/* --- Izgara --- */
.cg-srv__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
.cg-srv__card {
	position: relative;
	overflow: hidden;
	display: flex;
	border-radius: 20px;
	background: var(--cg-surface, #ffffff);
	border: 1px solid var(--cg-line, rgba(21, 24, 30, 0.10));
	box-shadow: 0 10px 26px rgba(21, 24, 30, 0.05);
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.cg-srv__card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 46px rgba(21, 24, 30, 0.12);
	border-color: rgba(34, 81, 209, 0.32);
}
.cg-srv__media {
	overflow: hidden;
	flex: none;
}
.cg-srv__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.cg-srv__card:hover .cg-srv__media img {
	transform: scale(1.05);
}
.cg-srv__body {
	padding: 22px 24px 26px;
}
.cg-srv__card-title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 1.06rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cg-ink, #15181e);
	margin: 0 0 9px;
}
.cg-srv__card-desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.91rem;
	line-height: 1.62;
	color: var(--cg-muted, #535a66);
	margin: 0;
}

/* --- stack: 1 sütun, foto üstte --- */
.cg-srv__card--stack {
	grid-column: span 1;
	flex-direction: column;
}
.cg-srv__card--stack .cg-srv__media {
	aspect-ratio: 16 / 10;
}

/* --- feature: 2 sütun, foto tam zemin, metin üstte --- */
.cg-srv__card--feature {
	grid-column: span 2;
	min-height: 300px;
	align-items: flex-end;
	border-color: transparent;
	background: var(--cg-ink, #15181e);
}
.cg-srv__card--feature .cg-srv__media {
	position: absolute;
	inset: 0;
	flex: 1;
}
/* Foto üstüne ink perdesi — beyaz metin her karede okunur kalsın. */
.cg-srv__card--feature .cg-srv__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 13, 17, 0.42) 0%, rgba(11, 13, 17, 0.82) 62%, rgba(11, 13, 17, 0.94) 100%);
}
.cg-srv__card--feature .cg-srv__body {
	position: relative;
	z-index: 1;
	padding: 28px 30px 30px;
	max-width: 560px;
}
.cg-srv__card--feature .cg-srv__card-title {
	color: #ffffff;
	font-size: 1.32rem;
}
.cg-srv__card--feature .cg-srv__card-desc {
	color: rgba(255, 255, 255, 0.76);
}

/* --- accent / wide: 2 sütun, yatay --- */
.cg-srv__card--accent,
.cg-srv__card--wide {
	grid-column: span 2;
	flex-direction: row;
	align-items: stretch;
}
.cg-srv__card--accent .cg-srv__media,
.cg-srv__card--wide .cg-srv__media {
	width: 42%;
	max-width: 260px;
}
.cg-srv__card--accent .cg-srv__body,
.cg-srv__card--wide .cg-srv__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px 28px;
}
.cg-srv__card--accent {
	background: var(--cg-accent-soft, #e6edfc);
	border-color: rgba(34, 81, 209, 0.2);
}

@media (max-width: 1024px) {
	.cg-srv__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.cg-srv__card--feature,
	.cg-srv__card--accent,
	.cg-srv__card--wide {
		grid-column: span 2;
	}
}
@media (max-width: 640px) {
	.cg-srv__grid {
		grid-template-columns: 1fr;
	}
	.cg-srv__card--stack,
	.cg-srv__card--feature,
	.cg-srv__card--accent,
	.cg-srv__card--wide {
		grid-column: span 1;
	}
	/* Dar ekranda yatay kartlar da dikeye döner */
	.cg-srv__card--accent,
	.cg-srv__card--wide {
		flex-direction: column;
	}
	.cg-srv__card--accent .cg-srv__media,
	.cg-srv__card--wide .cg-srv__media {
		width: 100%;
		max-width: none;
		aspect-ratio: 16 / 10;
	}
}

/* ============================================================
   Müşteri profili çarkı — BÜYÜK varyant ([cg_client_wheel size="lg"])
   Anasayfada kullanılıyor. Hakkımızda'daki varsayılan boyut değişmez.
   Yazı boyutu/aralık JS'e data-font-size + data-spacing ile geçiyor;
   burada panel genişliği, çark yüksekliği ve detay kartı büyütülüyor.
   ============================================================ */
.cg-wheel-panel--lg {
	max-width: 1180px;
	grid-template-columns: 1fr minmax(0, 400px);
	gap: clamp(28px, 5vw, 76px);
}
.cg-wheel-panel--lg .cg-wheel {
	height: clamp(380px, 56vh, 520px);
	--ow-font-size: 1.9rem;
}
.cg-wheel-panel--lg .cg-wheel-card {
	max-width: 400px;
	height: 430px;
	border-radius: 24px;
}
.cg-wheel-panel--lg .cg-wheel-card__media {
	height: 190px;
}
.cg-wheel-panel--lg .cg-wheel-card__ic {
	left: 18px;
	bottom: 16px;
	width: 48px;
	height: 48px;
	border-radius: 13px;
}
.cg-wheel-panel--lg .cg-wheel-card__ic svg {
	width: 26px;
	height: 26px;
}
.cg-wheel-panel--lg .cg-wheel-card__body {
	padding: 24px 26px 28px;
}
.cg-wheel-panel--lg .cg-wheel-card__title {
	font-size: 1.24rem;
	line-height: 1.3;
}
.cg-wheel-panel--lg .cg-wheel-card__desc {
	font-size: 1rem;
	line-height: 1.68;
}

@media (max-width: 1024px) {
	/* Bu genişlikte çark gizlenip mobil kart listesi devreye giriyor;
	   büyük varyantın ölçüleri devreye girmesin. */
	.cg-wheel-panel--lg {
		max-width: 100%;
		grid-template-columns: 1fr;
	}
	.cg-wheel-panel--lg .cg-wheel {
		height: auto;
		--ow-font-size: 1.4rem;
	}
}

/* Çark bölümü de tam genişlik (Elementor konteyneri 1140px'e sıkıştırıyor). */
.cg-wheel-section > .elementor-container {
	max-width: none !important;
}
.cg-wheel-section .elementor-widget-wrap {
	padding: 0 !important;
}

/* ============================================================
   Müşteri profili çarkı — anasayfa varyantı (lacivert zemin)
   Diğer anasayfa bölümleri gibi başlık sola hizalı.
   Vurgu rengi koyu-zemin listesi sayesinde otomatik açık kobalt tona
   döndüğü için eyebrow'a ayrıca renk verilmiyor.
   ============================================================ */
.cg-wheel-sec--lg {
	background: var(--cg-ink);
}
.cg-wheel-sec--lg .cg-ab-head {
	text-align: left;
	max-width: 760px;
	margin: 0 0 clamp(32px, 4vw, 52px);
}
.cg-wheel-sec--lg .cg-ab-h2 {
	color: #ffffff;
}
.cg-wheel-sec--lg .cg-ab-lead {
	text-align: left;
	max-width: 760px;
	margin: clamp(32px, 4vw, 48px) 0 0;
	color: var(--cg-muted-light, rgba(255, 255, 255, 0.72));
}
/* Çark: pasif öğeler açık gri, seçili öğe tam beyaz. Pasif metin opak bir
   açık gri (saydam beyaz değil); uzak öğeler JS'de en az %60 opaklığa iniyor
   (data-min-opacity), böylece en soluk öğe bile koyu zeminde okunur kalıyor. */
.cg-wheel-sec--lg .cg-wheel {
	--ow-text: #d5d9e0;
	--ow-active: #ffffff;
}
/* Panel de sola dayansın (varsayılanda ortalanmış). */
.cg-wheel-sec--lg .cg-wheel-panel {
	margin-left: 0;
	margin-right: auto;
}

@media (max-width: 820px) {
	/* Dar ekranda çark yerine kart listesi çıkıyor — koyu zeminde cam yüzey. */
	.cg-wheel-sec--lg .cg-wheel-mobile {
		margin-left: 0;
	}
	.cg-wheel-sec--lg .cg-wheel-mcard {
		background: rgba(255, 255, 255, 0.05);
		border-color: rgba(255, 255, 255, 0.10);
		box-shadow: none;
	}
	.cg-wheel-sec--lg .cg-wheel-mcard__title {
		color: #ffffff;
	}
	.cg-wheel-sec--lg .cg-wheel-mobile .cg-wheel-mcard__desc {
		color: rgba(255, 255, 255, 0.68);
	}
}

/* ============================================================
   Riskler bölümü ([cg_risks])
   Solda anlatı + CTA, sağda 2x2 kaydırmalı risk kartları.
   Kartlar paletin uyarı tonunu kullanıyor (--cg-danger / --danger-soft).
   ============================================================ */
.cg-risk-section {
	background: var(--cg-surface-2, #eef1f5);
}
.cg-risk-section > .elementor-container {
	max-width: none !important;
}
.cg-risk-section .elementor-widget-wrap {
	padding: 0 !important;
}
.cg-risk {
	padding: clamp(72px, 9vw, 128px) 24px;
}
.cg-risk__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(36px, 5vw, 78px);
	max-width: var(--cg-max-width);
	margin: 0 auto;
}

/* --- Sol: anlatı --- */
.cg-risk__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.75rem, 3.1vw, 2.7rem);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: var(--cg-ink, #15181e);
	margin: 0 0 20px;
}
.cg-risk__lead {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.98rem, 1.1vw, 1.07rem);
	line-height: 1.75;
	color: var(--cg-muted, #535a66);
	margin: 0 0 24px;
}
.cg-risk__claim {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(1.02rem, 1.2vw, 1.14rem);
	font-weight: 700;
	line-height: 1.55;
	color: var(--cg-ink, #15181e);
	margin: 0 0 30px;
}
.cg-risk__claim span {
	color: var(--cg-accent, #2251d1);
}
/* WhatsApp ikonu için bu sınıf yukarıdaki [href*="wa.me"] listesine eklendi. */
.cg-risk__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 30px;
	border: 1px solid var(--cg-accent, #2251d1);
	border-radius: 999px;
	background: var(--cg-accent, #2251d1);
	color: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.cg-risk__cta:hover,
.cg-risk__cta:focus {
	background: var(--cg-accent-dark, #1a40a8);
	border-color: var(--cg-accent-dark, #1a40a8);
	color: #ffffff;
	transform: translateY(-1px);
}

/* --- Sağ: kaydırmalı 2x2 kart ızgarası --- */
.cg-risk__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}
/* Sağ sütun aşağı kayık — referanstaki basamaklı ritim */
.cg-risk__card:nth-child(even) {
	transform: translateY(34px);
}
.cg-risk__card {
	padding: 34px 34px 38px;
	border-radius: 20px;
	background: var(--cg-danger-soft, #fbede7);
	border: 1px solid rgba(193, 59, 39, 0.14);
	transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.cg-risk__card:hover {
	box-shadow: 0 18px 40px rgba(193, 59, 39, 0.14);
	transform: translateY(-4px);
}
.cg-risk__card:nth-child(even):hover {
	transform: translateY(30px);
}
.cg-risk__card-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}
.cg-risk__num {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--cg-danger, #c13b27);
	padding-top: 6px;
}
/* 3D risk görselleri — şeffaf zeminli, kendi rengiyle. Kutu dolgusu kaldırıldı
   (çizgi ikon için vardı); görsel doğrudan gösteriliyor. */
.cg-risk__icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	margin: -4px -4px 0 0;
}
.cg-risk__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.cg-risk__card-title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cg-ink, #15181e);
	margin: 0 0 9px;
}
.cg-risk__card-desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.9rem;
	line-height: 1.62;
	color: var(--cg-muted, #535a66);
	margin: 0;
}

@media (max-width: 1024px) {
	.cg-risk__inner {
		grid-template-columns: 1fr;
	}
	/* Tek sütuna inince basamaklı kayma alt boşluk bırakıyor — kapat. */
	.cg-risk__card:nth-child(even),
	.cg-risk__card:nth-child(even):hover {
		transform: none;
	}
	.cg-risk__card:hover {
		transform: translateY(-4px);
	}
}
@media (max-width: 560px) {
	.cg-risk__grid {
		grid-template-columns: 1fr;
	}
}

/* ============================================================
   KART HOVER DÖNÜŞÜMLERİ — specificity düzeltmesi
   Reveal kuralı `[data-reveal-section].is-armed.is-inview .cg-rv`
   (0,4,0) ile `transform: none` basıyor. Kart hover kuralları (0,2,0)
   olduğu için ölü kalıyordu; aşağıdaki seçiciler onları geri kazandırır.
   Yeni bir .cg-rv taşıyan karta hover eklerken buraya da eklemek gerekir.
   ============================================================ */
/* Bu kartlar hem reveal (giriş) hem hover için transform kullanıyordu;
   reveal'in transform 0.7s transition'ı hover ÇIKIŞINI da yavaşlatıyordu.
   Çözüm: reveal'i bu kartlarda transform'suz (sadece opacity + blur) yap.
   Böylece durgun kartta transform transition kalmaz → hover kalkınca ani döner. */
[data-reveal-section].is-armed .cg-why__card.cg-rv,
[data-reveal-section].is-armed.is-inview .cg-why__card.cg-rv {
	transform: none;
	/* Transition durgun kuralda tanımlı → hem hover girişi hem çıkışı aynı
	   yumuşak eğriyle çalışır. Reveal transform kullanmadığı için (opacity+
	   blur ile beliriyor) transform transition'ı sadece hover'ı etkiler. */
	transition:
		opacity 0.6s ease,
		filter 0.6s ease,
		transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1),
		box-shadow 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* Hover: yumuşak scale + yeşil gölge. Double-class ile specificity yukarıdaki
   kuralın üstünde; geçiş süresi durgun kuraldan geliyor (giriş = çıkış). */
[data-reveal-section].is-armed.is-inview .cg-why__card.cg-why__card:hover {
	transform: scale(1.03);
	box-shadow: 0 14px 34px rgba(34, 81, 209, 0.3);
}
[data-reveal-section].is-armed.is-inview .cg-srv__card:hover {
	transform: translateY(-4px);
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
[data-reveal-section].is-armed.is-inview .cg-risk__card {
	transition: transform 0.28s ease, box-shadow 0.28s ease;
}
[data-reveal-section].is-armed.is-inview .cg-risk__card:hover {
	transform: translateY(-4px);
}
/* Basamaklı yerleşim de aynı kuralın kurbanıydı — yüksek specificity ile geri ver. */
[data-reveal-section].is-armed.is-inview .cg-risk__card:nth-child(even) {
	transform: translateY(34px);
}
[data-reveal-section].is-armed.is-inview .cg-risk__card:nth-child(even):hover {
	transform: translateY(30px);
}
@media (max-width: 1024px) {
	[data-reveal-section].is-armed.is-inview .cg-risk__card:nth-child(even),
	[data-reveal-section].is-armed.is-inview .cg-risk__card:nth-child(even):hover {
		transform: none;
	}
	[data-reveal-section].is-armed.is-inview .cg-risk__card:hover {
		transform: translateY(-4px);
	}
}

/* Neden Company Global — kart başlıkları vurgu renginde. */
.cg-why__card-title {
	color: var(--cg-accent, #2251d1);
}

/* Müşteri profili başlığının önüne diğer bölümlerdeki gibi kısa çizgi. */
.cg-wheel-sec--lg .cg-ab-eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
}
.cg-wheel-sec--lg .cg-ab-eyebrow::before {
	content: '';
	flex: none;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}

/* ============================================================
   SSS — eyebrow çizgisi + geri arama kartı
   ============================================================ */
/* Diğer bölümlerdeki gibi başlığın önünde kısa çizgi. */
.cg-faq__eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
}
.cg-faq__eyebrow::before {
	content: '';
	flex: none;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}

/* Sorulardan sonra gelen "sizi arayalım" kartı. */
.cg-faq-callback {
	max-width: 720px;
	margin: clamp(48px, 6vw, 80px) auto 0;
	padding: clamp(28px, 4vw, 44px) clamp(22px, 4vw, 48px);
	border-radius: 22px;
	background: var(--cg-ink-deepest, #0b0d11);
	border: 1px solid rgba(255, 255, 255, 0.08);
	text-align: center;
}
.cg-faq-callback__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.25rem, 2.1vw, 1.6rem);
	font-weight: 800;
	line-height: 1.25;
	color: #ffffff;
	margin: 0 0 10px;
}
.cg-faq-callback__note {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.96rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.68);
	margin: 0 auto 26px;
	max-width: 440px;
}
/* Form koyu kart içinde: etiketler açık, alanlar beyaz. */
.cg-faq-callback .cg-form {
	gap: 14px;
	text-align: left;
}
.cg-faq-callback .cg-form__field label {
	color: rgba(255, 255, 255, 0.9);
	font-size: 13px;
	font-weight: 600;
}
.cg-faq-callback .cg-form__field input {
	padding: 15px 16px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: #ffffff;
	color: var(--cg-ink, #15181e);
	font-size: 15px;
}
.cg-faq-callback .cg-form__field input::placeholder {
	color: #989eaa;
}
.cg-faq-callback .cg-form__consent label {
	color: rgba(255, 255, 255, 0.66);
}
.cg-faq-callback .cg-form__submit {
	width: 100%;
	margin-top: 6px;
	padding: 17px 26px;
	font-size: 16px;
	border-radius: 12px;
}
/* Telefon ikonlu buton varyantı (varsayılan uçak ikonunu değiştirir). */
.cg-form__submit--phone::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.7.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.7.1.3 0 .7-.2 1l-2.3 2.1z'/%3E%3C/svg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.7.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.7.1.3 0 .7-.2 1l-2.3 2.1z'/%3E%3C/svg%3E");
}

@media (max-width: 560px) {
	.cg-faq-callback {
		border-radius: 18px;
	}
}

/* Çapa hedefleri sabit header'ın altında kalmasın (footer bağlantıları kullanıyor). */
#neden-company-global,
#surec,
#paketler,
#kimler-icin,
#sss,
#sizi-arayalim {
	scroll-margin-top: 110px;
}

/* ============================================================
   Süreç bölümü — diğer bölümlerle aynı başlık dili
   Eyebrow'a kısa çizgi geldi; çizgi sola dayalı okunduğu için
   başlık bloğu da ortalanmaktan sola alındı. Zemin saf beyazdan
   yumuşak tona çekildi (iki koyu bölüm arasında sertliği kırar).
   ============================================================ */
.home .cg-process-section {
	background: var(--cg-surface-2, #eef1f5);
}
.cg-proc__head {
	text-align: left;
	max-width: 760px;
	margin: 0 0 clamp(32px, 4vw, 48px);
}
.cg-proc__eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
}
.cg-proc__eyebrow::before {
	content: '';
	flex: none;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}

/* ============================================================
   Gerekli Belgeler ([cg_documents])
   Solda anlatı + CTA, sağda beyaz belge satırları.
   Zemin, komşusu Süreç bölümünden (#eef1f5) bir ton koyu seçildi ki
   iki bölüm birbirine karışmasın ve beyaz satırlar öne çıksın.
   ============================================================ */
.cg-docs-section {
	background: var(--cg-surface-3, #e4e8ee);
}
.cg-docs-section > .elementor-container {
	max-width: none !important;
}
.cg-docs-section .elementor-widget-wrap {
	padding: 0 !important;
}
.cg-docs {
	padding: clamp(66px, 8vw, 116px) 24px;
}
.cg-docs__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(36px, 5vw, 78px);
	max-width: var(--cg-max-width);
	margin: 0 auto;
}

/* --- Sol --- */
.cg-docs__eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--cg-accent, #2251d1);
	margin-bottom: 16px;
}
.cg-docs__eyebrow::before {
	content: '';
	flex: none;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}
.cg-docs__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.75rem, 3.1vw, 2.7rem);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: var(--cg-ink, #15181e);
	margin: 0 0 18px;
}
.cg-docs__lead {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.98rem, 1.1vw, 1.06rem);
	line-height: 1.75;
	color: var(--cg-muted, #535a66);
	margin: 0 0 30px;
	max-width: 460px;
}
/* WhatsApp ikonu, href'i wa.me olduğu için genel buton kuralından geliyor. */
.cg-docs__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 30px;
	border: 1px solid var(--cg-accent, #2251d1);
	border-radius: 999px;
	background: var(--cg-accent, #2251d1);
	color: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.cg-docs__cta:hover,
.cg-docs__cta:focus {
	background: var(--cg-accent-dark, #1a40a8);
	border-color: var(--cg-accent-dark, #1a40a8);
	color: #ffffff;
	transform: translateY(-1px);
}

/* --- Sağ: belge satırları --- */
.cg-docs__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.cg-docs__item {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 18px 24px;
	border-radius: 16px;
	background: var(--cg-surface, #ffffff);
	box-shadow: 0 10px 26px rgba(21, 24, 30, 0.06);
	transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.cg-docs__icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 13px;
	background: var(--cg-accent-soft, #e6edfc);
	color: var(--cg-accent, #2251d1);
}
.cg-docs__icon svg {
	width: 23px;
	height: 23px;
}
.cg-docs__label {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--cg-ink, #15181e);
}

/* Reveal kuralı transform:none bastığı için hover yükselmesi yüksek
   specificity ile veriliyor (bkz. KART HOVER DÖNÜŞÜMLERİ bloğu). */
[data-reveal-section].is-armed.is-inview .cg-docs__item:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 38px rgba(21, 24, 30, 0.11);
}

@media (max-width: 1024px) {
	.cg-docs__inner {
		grid-template-columns: 1fr;
	}
	.cg-docs__lead {
		max-width: none;
	}
}
@media (max-width: 560px) {
	.cg-docs__item {
		gap: 14px;
		padding: 16px 18px;
	}
	.cg-docs__label {
		font-size: 0.96rem;
	}
}

/* ============================================================
   İÇ SAYFALARI ANASAYFA DİLİNE HİZALA
   Hakkımızda / Hizmetler / İletişim, .cg-ab-* kabuğunu kullanıyor.
   Aşağıdaki blok o kabuğu anasayfa bölümlerinin ölçüleriyle
   eşitler: sola hizalı başlık, eyebrow'da kısa çizgi, aynı punto
   ve renkler, aynı bölüm iç boşluğu ve içerik genişliği.
   ============================================================ */
.cg-ab-sec {
	padding: clamp(72px, 9vw, 128px) 24px;
}
.cg-ab-wrap {
	max-width: var(--cg-max-width, 1200px);
}
/* Başlık bloğu: ortalanmış değil, sola dayalı (anasayfa gibi). */
.cg-ab-head {
	text-align: left;
	max-width: 760px;
	margin: 0 0 clamp(34px, 4vw, 54px);
}
/* Eyebrow: anasayfadaki çizgili biçim. */
.cg-ab-eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	width: fit-content;
	letter-spacing: 0.16em;
	margin-bottom: 16px;
}
.cg-ab-eyebrow::before {
	content: '';
	flex: none;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}
/* Başlık ve açıklama: anasayfa ölçüleri. */
.cg-ab-h2 {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: clamp(1.75rem, 3.1vw, 2.7rem);
	line-height: 1.16;
	letter-spacing: -0.01em;
	color: var(--cg-ink, #15181e);
	margin: 0 0 16px;
}
.cg-ab-lead {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.98rem, 1.1vw, 1.06rem);
	line-height: 1.72;
	color: var(--cg-muted, #535a66);
}
/* Eskiden ortalanan kapanış paragrafı da sola geliyor. */
.cg-ab .cg-ab-lead--center {
	text-align: left;
	max-width: 760px;
	margin: clamp(32px, 4vw, 44px) 0 0;
}
/* Sayfa hero'ları da sola dayalı (anasayfa hero'su gibi). */
.cg-ab-hero__wrap {
	max-width: var(--cg-max-width, 1200px);
	text-align: left;
	margin: 0 auto;
}

/* ============================================================
   Hizmetler carousel — ölçü küçültme
   Kartlar ve sahne çok büyüktü; kart yüksekliği içerikten fazla
   olduğu için gövdede boş alan kalıyordu (CTA margin-top:auto ile
   dibe itiliyordu). Yükseklik içeriğe bırakıldı.
   ============================================================ */
.cg-carousel {
	--card-w: clamp(250px, 17vw, 330px);
	--card-h: auto;
	--depth: calc(var(--card-w) * 1.5);
	max-width: clamp(860px, 72vw, 1200px);
	padding: clamp(20px, 2.2vw, 30px) 20px 18px;
	border-radius: 20px;
}
.cg-carousel__stage {
	height: clamp(370px, 26vw, 450px);
	perspective: calc(var(--card-w) * 8.2);
}
.cg-carousel__card {
	height: auto;
	max-height: clamp(340px, 24vw, 415px);
	margin: 0 0 0 calc(var(--card-w) / -2);
	top: 50%;
	transform: translateY(-50%) rotateY(var(--face)) translateZ(var(--depth));
	border-radius: 16px;
}
/* Görsel bandı sabit yükseklikte (kart artık auto). */
.cg-carousel__media {
	height: clamp(120px, 9vw, 152px);
}
.cg-carousel__body {
	flex: 0 1 auto;
	padding: 16px 18px 18px;
}
.cg-carousel__title {
	font-size: clamp(1rem, 1.1vw, 1.15rem);
	margin: 0 0 7px;
}
.cg-carousel__desc {
	font-size: 0.87rem;
	line-height: 1.55;
}
/* CTA dibe itilmesin — metnin hemen altında dursun. */
.cg-carousel__cta {
	margin-top: 12px;
	padding-top: 0;
	font-size: 0.86rem;
}

/* Kalan ortalanmış bloklar da sola — anasayfa dili.
   (Çark öğeleri hariç: eğimli seçici tasarımı gereği ortalı.) */
.cg-ab-stat {
	text-align: left;
}
.cg-ab .cg-ab-stats__note {
	text-align: left;
	max-width: 760px;
	margin-left: 0;
	margin-right: 0;
}
.cg-sv .cg-sv-footnote {
	text-align: left;
}

/* .cg-ab-hero bir flex konteyner; sarmalayıcı flex item olarak içerik
   genişliğine daralıp ortalanıyordu. width:100% ile diğer bölümlerin
   1200px'lik içerik kolonuna oturuyor, metin sola dayanıyor. */
.cg-ab-hero__wrap {
	width: 100%;
}
.cg-ab .cg-ab-hero__sub {
	margin-left: 0;
	margin-right: 0;
	max-width: 720px;
}

/* ============================================================
   Hizmetler — paket fiyatı bulanık + "Fiyatı Gör" (anasayfa ile aynı)
   Buton stili .cg-dpk__reveal'dan geliyor; burada sadece yerleşim.
   ============================================================ */
.cg-sv-pkg__price-wrap {
	position: relative;
	display: grid;
	justify-items: start;
	align-items: center;
	margin: 0 0 18px;
}
.cg-sv-pkg__price-wrap > * {
	grid-area: 1 / 1;
}
.cg-sv-pkg__price-wrap .cg-sv-pkg__price {
	margin: 0;
	filter: blur(10px);
	opacity: 0.6;
	user-select: none;
	pointer-events: none;
}
/* Açık zeminli kartta buton koyu zemin yerine beyaz cam olsun. */
.cg-sv-pkg .cg-dpk__reveal {
	background: rgba(255, 255, 255, 0.86);
	border-color: rgba(34, 81, 209, 0.5);
	color: var(--cg-accent, #2251d1);
}
.cg-sv-pkg .cg-dpk__reveal:hover,
.cg-sv-pkg .cg-dpk__reveal:focus,
.cg-sv-pkg .cg-dpk__reveal:active {
	background: var(--cg-accent-soft, #e6edfc) !important;
	border-color: var(--cg-accent, #2251d1);
	color: var(--cg-accent-dark, #1a40a8) !important;
}
/* Lacivert zeminli "Paketler" bölümünde koyu varyant geri gelsin. */
.cg-sv-pkgs .cg-sv-pkg .cg-dpk__reveal {
	background: rgba(21, 24, 30, 0.72);
	border-color: rgba(134, 168, 255, 0.5);
	color: var(--cg-accent-light, #86a8ff);
}
.cg-sv-pkgs .cg-sv-pkg .cg-dpk__reveal:hover,
.cg-sv-pkgs .cg-sv-pkg .cg-dpk__reveal:focus,
.cg-sv-pkgs .cg-sv-pkg .cg-dpk__reveal:active {
	background: rgba(134, 168, 255, 0.16) !important;
	border-color: var(--cg-accent-light, #86a8ff);
	color: var(--cg-accent-light, #86a8ff) !important;
}

/* Hizmetler süreç bölümü de anasayfadaki gibi yumuşak tonda. */
.cg-sv-proc-sec {
	background: var(--cg-surface-2, #eef1f5);
}

/* Dipnot metinleri de sola dayansın (text-align yetmiyor: bloklar
   `margin: 0 auto` ile ortalanmıştı). */
.cg-sv .cg-sv-footnote,
.cg-dpk__footnote,
.cg-ab .cg-ab-stats__note {
	margin-left: 0;
	margin-right: auto;
}

/* ============================================================
   İç sayfa hero'larına vignette — anasayfa hero'sundaki gibi
   dört kenardan içeri koyulaşan çerçeve.
   ::after kullanılıyor (::before İletişim'de foto zoom animasyonu
   için ayrılmıştı); z-index 1 → fotoğrafın üstünde, içeriğin altında.
   ============================================================ */
.cg-ab-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 0.72) 100%),
		linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0.68) 100%);
}
/* Hero içeriği ve kişi görseli vignette'in üstünde kalsın. */
.cg-ab-hero__grid,
.cg-ab-hero__wrap,
.cg-ab-hero__media {
	position: relative;
	z-index: 2;
}

/* ============================================================
   İletişim — hero kaldırıldı
   Sayfa doğrudan form bölümüyle başlıyor. İki sonuç:
   1) Sabit header şeffaf + beyaz yazıyla açık zemine düşüyordu,
      okunmuyordu → bu sayfada header baştan lacivert.
   2) Bölümün üstüne header yüksekliği kadar pay verildi.
   ============================================================ */
.page-id-10 .cg-header--transparent {
	position: fixed;
	background: var(--cg-ink, #15181e);
	border-bottom-color: rgba(255, 255, 255, 0.08);
}
.page-id-10 .cg-header__menu a,
.page-id-10 .cg-header__toggle-bar {
	color: #ffffff;
}
.page-id-10 .cg-ct-main {
	padding-top: clamp(132px, 14vw, 190px);
}

/* ============================================================
   Hizmetler → Genel Bakış hizmet ızgarası ([cg_services] içinde)
   3D dönen carousel'in yerini aldı. 3 sütun, fotoğraflı kartlar;
   tek bakışta hepsi okunur, hover'da foto zoom + yeşil gölge.
   ============================================================ */
.cg-svgrid {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
.cg-svgrid__card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 18px;
	background: var(--cg-surface, #ffffff);
	border: 1px solid var(--cg-line, rgba(21, 24, 30, 0.10));
	box-shadow: 0 10px 26px rgba(21, 24, 30, 0.05);
}
/* Reveal transform bırakınca hover-out yavaşlıyordu; bu kartta reveal'i
   opacity+blur ile sınırla, hover geçişi ayrı kalsın (ani/temiz çıkış). */
[data-reveal-section].is-armed .cg-svgrid__card.cg-rv,
[data-reveal-section].is-armed.is-inview .cg-svgrid__card.cg-rv {
	transform: none;
	transition:
		opacity 0.6s ease,
		filter 0.6s ease,
		transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1),
		box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
[data-reveal-section].is-armed.is-inview .cg-svgrid__card.cg-svgrid__card:hover {
	transform: translateY(-5px);
	box-shadow: 0 22px 46px rgba(34, 81, 209, 0.16);
	border-color: rgba(34, 81, 209, 0.32);
}

/* --- Foto bandı --- */
.cg-svgrid__media {
	position: relative;
	aspect-ratio: 16 / 10;
	background-color: var(--cg-ink, #15181e);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.cg-svgrid__card:hover .cg-svgrid__media {
	transform: scale(1.05);
}
/* Fotoğraf üstünde hafif koyulaşma — ikon ve etiket okunur kalsın. */
.cg-svgrid__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(11, 13, 17, 0.10) 0%, rgba(11, 13, 17, 0.38) 100%);
}
/* Cam ikon rozeti — sol altta */
.cg-svgrid__ic {
	position: absolute;
	z-index: 1;
	left: 14px;
	bottom: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	color: var(--cg-accent, #2251d1);
	box-shadow: 0 6px 16px rgba(11, 13, 17, 0.25);
}
.cg-svgrid__ic svg {
	width: 23px;
	height: 23px;
}
/* Etiket (Popüler / Dijital / Öne çıkan) — sağ üstte */
.cg-svgrid__tag {
	position: absolute;
	z-index: 1;
	top: 14px;
	right: 14px;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--cg-accent, #2251d1);
	color: #ffffff;
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
}

/* --- Gövde --- */
.cg-svgrid__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 22px 24px 24px;
}
.cg-svgrid__title {
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cg-ink, #15181e);
	margin: 0 0 9px;
}
.cg-svgrid__desc {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: 0.93rem;
	line-height: 1.62;
	color: var(--cg-muted, #535a66);
	margin: 0 0 16px;
}
.cg-svgrid__cta {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: 'Poppins', var(--cg-font, sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	/* Durgunda ink (siyah), hover'da yeşil. */
	color: var(--cg-ink, #15181e);
	text-decoration: none;
	width: fit-content;
	transition: color 0.2s ease;
}
/* Butonun kendisinde ya da kartın herhangi yerinde hover → İncele yeşil.
   Reveal ön ekiyle specificity yükseltildi (düz seçici eziliyordu). */
.cg-svgrid__cta:hover,
[data-reveal-section].is-armed.is-inview .cg-svgrid__card:hover .cg-svgrid__cta {
	color: var(--cg-accent, #2251d1);
}
.cg-svgrid__cta span {
	transition: transform 0.2s ease;
}
.cg-svgrid__cta:hover span {
	transform: translateX(4px);
}

@media (max-width: 1024px) {
	.cg-svgrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 600px) {
	.cg-svgrid {
		grid-template-columns: 1fr;
	}
}

/* ============================================================
   Hizmetler — fotoğraflı içerik split (.cg-svm)
   İngiltere / Estonya / Muhasebe / Banka / Oturum bölümleri:
   bir yanda fotoğraf, diğer yanda eyebrow + başlık + metin + liste.
   --reverse fotoğrafı sağa alır (dönüşümlü ritim).
   ============================================================ */
.cg-svm {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(36px, 5vw, 72px);
}
.cg-svm__media {
	margin: 0;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 20px 48px rgba(21, 24, 30, 0.14);
}
.cg-svm--reverse .cg-svm__media {
	order: 2;
}
.cg-svm__media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.cg-svm__media:hover img {
	transform: scale(1.04);
}
.cg-svm__text {
	min-width: 0;
}
/* İçerideki başlık artık bölüm başlığı gibi davransın (head değil split içi). */
.cg-svm__text .cg-ab-h2 {
	margin-bottom: 14px;
}
.cg-svm__text > p {
	font-family: var(--cg-font, 'Manrope', sans-serif);
	font-size: clamp(0.98rem, 1.1vw, 1.06rem);
	line-height: 1.72;
	color: var(--cg-muted, #535a66);
	margin: 0 0 22px;
}
/* Liste bloğu metnin altında; üst boşluğu split gap yerine buradan al. */
.cg-svm__text .cg-sv-facts,
.cg-svm__text .cg-ab-check,
.cg-svm__text .cg-sv-callout {
	margin-top: 0;
}

@media (max-width: 860px) {
	.cg-svm {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	/* Tek sütunda fotoğraf her zaman üstte olsun (reverse sırasını sıfırla). */
	.cg-svm--reverse .cg-svm__media {
		order: 0;
	}
}

/* Çapa hedefleri sabit header'ın altında kalmasın. */
#hizmet-paketler,
#hizmet-ingiltere,
#hizmet-estonya,
#hizmet-muhasebe,
#hizmet-banka,
#hizmet-oturum {
	scroll-margin-top: 100px;
}

/* Sayfa içi çapa bağlantıları (İncele, footer menüsü vb.) yumuşak kaysın.
   Hareketi azalt tercihinde anında atlar. */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}