/* =====================================================================
   Quantumix Bilişim — marka ve koyu tema katmanı
   style.css'den SONRA yüklenir. Tema yapısını bozmadan
   renk sistemini ve iç sayfaların koyu görünümünü tanımlar.
   ===================================================================== */

:root {
	--qx-blue: #2B4192;
	--qx-blue-soft: #4C68C9;
	--qx-magenta: #D41F5F;
	--qx-magenta-soft: #EF5588;
	--qx-mid: #7C2C7F;
	--qx-grad: linear-gradient(135deg, #2B4192 0%, #7C2C7F 45.72%, #D41F5F 100%);
	--qx-grad-90: linear-gradient(90deg, #2B4192 0%, #7C2C7F 45.72%, #D41F5F 100%);

	--qx-bg: #1b1c35;
	--qx-bg-2: #202243;
	--qx-surface: rgba(255, 255, 255, 0.04);
	--qx-surface-2: rgba(255, 255, 255, 0.06);
	--qx-line: rgba(255, 255, 255, 0.10);
	--qx-line-strong: rgba(255, 255, 255, 0.18);

	--qx-text: rgba(255, 255, 255, 0.74);
	--qx-text-strong: #ffffff;
	--qx-text-dim: rgba(255, 255, 255, 0.55);
}

/* ------------------------------------------------------------------
   1. Temel — bütün sayfalar home-4 koyu kabuğunu kullanır
   ------------------------------------------------------------------ */
body.home-4 {
	background-color: var(--qx-bg);
	color: var(--qx-text);
}

body.home-4 ::-moz-selection { background: var(--qx-magenta); color: #fff; }
body.home-4 ::selection { background: var(--qx-magenta); color: #fff; }

body.home-4 a { text-decoration: none; }

body.home-4 a:focus-visible,
body.home-4 button:focus-visible,
body.home-4 input:focus-visible,
body.home-4 textarea:focus-visible,
body.home-4 select:focus-visible {
	outline: 2px solid var(--qx-magenta-soft);
	outline-offset: 3px;
	border-radius: 4px;
}

/* Ekran okuyucular için gizli başlık/etiket */
.qx-sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap; border: 0;
}

/* İçerik atlama bağlantısı */
.qx-skip-link {
	position: absolute;
	top: -100px;
	left: 20px;
	z-index: 9999;
	padding: 12px 22px;
	color: #fff;
	border-radius: 0 0 8px 8px;
	background: var(--qx-magenta);
	font-family: var(--heading);
	font-weight: 600;
	transition: top 250ms ease;
}
.qx-skip-link:focus { top: 0; color: #fff; }

/* ------------------------------------------------------------------
   2. Logo
   ------------------------------------------------------------------ */
.brand-logo img,
.m-brand-logo img,
.sidebar-logo img { max-width: 176px; height: auto; }

.bi-footer-logo .brand-logo img { max-width: 200px; }

/* ------------------------------------------------------------------
   3. Başlık sistemi — koyu zeminde okunurluk
   ------------------------------------------------------------------ */
body.home-4 .bi-section-title-1 h2,
body.home-4 .bi-section-title-2 h2,
body.home-4 .bi-section-title-3 h2 {
	color: var(--qx-text-strong);
	font-size: 54px;
	line-height: 1.15;
}

body.home-4 .bi-section-title-1 .bi-subtitle,
body.home-4 .bi-section-title-3 .bi-subtitle { color: var(--qx-magenta-soft); }

body.home-4 .bi-section-title-1 .bi-subtitle:before,
body.home-4 .bi-section-title-3 .bi-subtitle:before { background-color: var(--qx-blue-soft); }

body.home-4 .bi-section-title-1 .bi-subtitle:after,
body.home-4 .bi-section-title-3 .bi-subtitle:after { border-color: var(--qx-bg); }

body.home-4 .bi-section-title-4 h2 { line-height: 1.12; }

body.home-4 h1, body.home-4 h2, body.home-4 h3,
body.home-4 h4, body.home-4 h5, body.home-4 h6 { color: var(--qx-text-strong); }

/* ------------------------------------------------------------------
   4. Breadcrumb
   ------------------------------------------------------------------ */
body.home-4 .bi-bredcrumbs-section { background-color: #14152b; }
body.home-4 .bi-bredcrumbs-section .background_overlay {
	background: linear-gradient(0deg, rgba(20, 21, 43, 0.94) 0%, rgba(27, 28, 53, 0.86) 100%);
}
body.home-4 .bi-breadcrumbs-content h1,
body.home-4 .bi-breadcrumbs-content h2 {
	color: #fff;
	font-size: 56px;
	font-weight: 700;
	line-height: 1.14;
	font-family: var(--heading);
	padding-bottom: 14px;
}
body.home-4 .bi-breadcrumbs-content ul li,
body.home-4 .bi-breadcrumbs-content ul li a { color: rgba(255, 255, 255, 0.72); }
body.home-4 .bi-breadcrumbs-content ul li a:hover { color: var(--qx-magenta-soft); }

/* ------------------------------------------------------------------
   5. Kartlar / yüzeyler — açık temadan koyuya çevrim
   ------------------------------------------------------------------ */
body.home-4 .bi-service-feed-item {
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
body.home-4 .bi-service-feed-item .service-text h3 { color: var(--qx-text-strong); }
body.home-4 .bi-service-feed-item .service-text h3 a { color: inherit; }
body.home-4 .bi-service-feed-item .service-text p { color: var(--qx-text); }
body.home-4 .bi-service-feed-item .serial-number {
	color: #fff;
	-webkit-text-stroke-color: rgba(255, 255, 255, 0.55);
	opacity: 0.18;
}
body.home-4 .bi-service-feed-item:hover { border-color: rgba(212, 31, 95, 0.45); }
body.home-4 .bi-service-feed-item:hover .service-text p { color: rgba(255, 255, 255, 0.85); }

body.home-4 .bi-blog-feed-item-2 .blog-text h3 a { color: var(--qx-text-strong); }
body.home-4 .bi-blog-feed-item-2 .blog-text h3 a:hover { color: var(--qx-magenta-soft); }
body.home-4 .bi-blog-feed-item-2 .blog-text p { color: var(--qx-text); }

/* ------------------------------------------------------------------
   6. Kenar çubuğu widget'ları
   ------------------------------------------------------------------ */
body.home-4 .bi-sidebar-widget .widget-title { color: var(--qx-text-strong); }
body.home-4 .bi-sidebar-widget .search-widget input,
body.home-4 .bi-sidebar-widget input[type="text"],
body.home-4 .bi-sidebar-widget input[type="search"] {
	color: #fff;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
body.home-4 .bi-sidebar-widget .service-widget ul li a,
body.home-4 .bi-sidebar-widget .recent-post-widget h3 a { color: var(--qx-text); }
body.home-4 .bi-sidebar-widget .service-widget ul li a:hover,
body.home-4 .bi-sidebar-widget .recent-post-widget h3 a:hover { color: var(--qx-magenta-soft); }
body.home-4 .bi-sidebar-widget .tag-widget ul li a {
	color: var(--qx-text);
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
body.home-4 .bi-sidebar-widget .tag-widget ul li a:hover {
	color: #fff;
	background: var(--qx-magenta);
	border-color: var(--qx-magenta);
}

/* ------------------------------------------------------------------
   7. Formlar
   ------------------------------------------------------------------ */
body.home-4 .bi-team-details-contact-form input,
body.home-4 .bi-team-details-contact-form textarea,
body.home-4 .bi-team-details-contact-form select {
	color: #fff;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	border-radius: 8px;
}
body.home-4 .bi-team-details-contact-form input::placeholder,
body.home-4 .bi-team-details-contact-form textarea::placeholder { color: var(--qx-text-dim); }
body.home-4 .bi-team-details-contact-form input:focus,
body.home-4 .bi-team-details-contact-form textarea:focus,
body.home-4 .bi-team-details-contact-form select:focus {
	border-color: var(--qx-magenta-soft);
	background: var(--qx-surface-2);
}
body.home-4 .bi-team-details-contact-form select option { color: #16172e; background: #fff; }
body.home-4 .bi-team-details-contact-info .bi-team-details-contact-title h3,
body.home-4 .bi-team-details-contact-info .bi-team-details-contact-title h2 { color: var(--qx-text-strong); }
body.home-4 .bi-team-details-contact-info .bi-team-details-contact-title p { color: var(--qx-text); }

body.home-4 .bi-submit-btn button {
	color: #fff;
	border: 0;
	cursor: pointer;
	font-weight: 600;
	padding: 16px 42px;
	border-radius: 100px;
	background: var(--qx-grad);
	font-family: var(--heading);
	transition: all 400ms ease;
}
body.home-4 .bi-submit-btn button:hover { filter: brightness(1.14); transform: translateY(-2px); }

.qx-form-note {
	font-size: 14px;
	margin-top: 14px;
	color: var(--qx-text-dim);
}
.qx-form-note a { color: var(--qx-magenta-soft); }

.qx-field-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	color: rgba(255, 255, 255, 0.82);
	font-family: var(--heading);
}

/* ------------------------------------------------------------------
   8. Akordeon / SSS
   ------------------------------------------------------------------ */
body.home-4 .accordion-item {
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	border-radius: 12px;
	margin-bottom: 16px;
	overflow: hidden;
}
body.home-4 .accordion-button {
	color: var(--qx-text-strong);
	background: transparent;
	box-shadow: none;
}
body.home-4 .accordion-button:not(.collapsed) { color: var(--qx-magenta-soft); background: transparent; }
body.home-4 .accordion-body,
body.home-4 .bi-faq-text { color: var(--qx-text); }

/* ------------------------------------------------------------------
   9. Metin sayfaları (yasal, blog gövdesi)
   ------------------------------------------------------------------ */
body.home-4 .bi-privacy-policy-section h2,
body.home-4 .bi-privacy-policy-section h3 { color: var(--qx-text-strong); }
body.home-4 .bi-privacy-policy-section h2 { font-size: 46px; padding-bottom: 20px; }
body.home-4 .bi-privacy-policy-content p,
body.home-4 .bi-privacy-policy-content li { color: var(--qx-text); }
body.home-4 .bi-privacy-policy-content a { color: var(--qx-magenta-soft); }
body.home-4 .bi-privacy-policy-content ul li:before { background-color: var(--qx-magenta); }

body.home-4 .bi-blog-details-text-area h3,
body.home-4 .bi-blog-details-text-area h4,
body.home-4 .bi-service-details-text h3,
body.home-4 .bi-service-details-text h4 { color: var(--qx-text-strong); }
body.home-4 .bi-blog-details-text-area p,
body.home-4 .bi-service-details-text p { color: var(--qx-text); }
body.home-4 .bi-blog-details-text-area a,
body.home-4 .bi-service-details-text a { color: var(--qx-magenta-soft); }
body.home-4 .bi-blog-details-text-area a:hover,
body.home-4 .bi-service-details-text a:hover { color: #fff; }
body.home-4 .bi-blog-details-meta ul li a { color: var(--qx-text-dim); }
body.home-4 .bi-portfolio-details-list ul li { color: var(--qx-text); }

body.home-4 blockquote {
	color: var(--qx-text-strong);
	background: var(--qx-surface-2);
	border-left: 4px solid var(--qx-magenta);
	border-radius: 0 12px 12px 0;
	padding: 32px 34px;
	margin: 34px 0;
	font-size: 20px;
	line-height: 1.6;
	font-family: var(--heading);
}

/* ------------------------------------------------------------------
   10. Sayfalama
   ------------------------------------------------------------------ */
body.home-4 .bi-pagination li a {
	color: var(--qx-text);
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
body.home-4 .bi-pagination li a:hover,
body.home-4 .bi-pagination li a.active {
	color: #fff;
	background: var(--qx-grad);
	border-color: transparent;
}

/* ------------------------------------------------------------------
   11. Header — aktif sayfa göstergesi ve teklif butonu
   ------------------------------------------------------------------ */
.main-navigation > ul > li.qx-active > a,
.mobile-main-navigation > ul > li.qx-active > a { color: var(--qx-magenta-soft) !important; }

.main-navigation > ul > li { position: relative; }

.qx-header-cta { margin-left: 22px; }
.qx-header-cta a {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 26px;
	white-space: nowrap;
	border-radius: 100px;
	display: inline-block;
	background: var(--qx-grad);
	font-family: var(--heading);
	transition: all 400ms ease;
}
.qx-header-cta a:hover { color: #fff; filter: brightness(1.16); transform: translateY(-2px); }

@media (max-width: 1199px) { .qx-header-cta { display: none; } }

/* ------------------------------------------------------------------
   12. Quantumix bileşenleri
   ------------------------------------------------------------------ */

/* 12.1 Genel bölüm boşluğu */
.qx-section { padding: 110px 0; }
.qx-section-sm { padding: 80px 0; }
@media (max-width: 991px) { .qx-section { padding: 70px 0; } .qx-section-sm { padding: 55px 0; } }

/* 12.2 Kart ızgarası */
.qx-card {
	height: 100%;
	padding: 36px 32px;
	border-radius: 16px;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	transition: transform 450ms ease, border-color 450ms ease, background 450ms ease;
}
.qx-card:hover {
	transform: translateY(-6px);
	border-color: rgba(212, 31, 95, 0.45);
	background: var(--qx-surface-2);
}
.qx-card h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 14px;
	color: var(--qx-text-strong);
	font-family: var(--heading);
}
.qx-card h3 a { color: inherit; }
.qx-card h3 a:hover { color: var(--qx-magenta-soft); }
.qx-card p { font-size: 16px; color: var(--qx-text); margin-bottom: 0; }
.qx-card-icon {
	width: 56px;
	height: 56px;
	display: flex;
	font-size: 24px;
	margin-bottom: 22px;
	border-radius: 14px;
	align-items: center;
	color: var(--qx-magenta-soft);
	justify-content: center;
	background: rgba(212, 31, 95, 0.12);
}
.qx-card-link {
	margin-top: 18px;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	color: var(--qx-magenta-soft);
	font-family: var(--heading);
}
.qx-card .qx-card-link i { margin-left: 6px; transition: transform 350ms ease; }
.qx-card:hover .qx-card-link i, .qx-card-link:hover i { transform: translateX(5px); }

/* 12.3 Süreç adımları */
.qx-step {
	height: 100%;
	position: relative;
	padding: 34px 30px;
	border-radius: 16px;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
.qx-step .qx-step-no {
	font-size: 15px;
	font-weight: 700;
	padding: 6px 16px;
	margin-bottom: 18px;
	border-radius: 100px;
	display: inline-block;
	color: #fff;
	background: var(--qx-grad);
	font-family: var(--heading);
}
.qx-step h3 { font-size: 21px; margin-bottom: 12px; color: var(--qx-text-strong); font-family: var(--heading); }
.qx-step p { font-size: 16px; color: var(--qx-text); margin-bottom: 0; }

/* 12.4 Sektör / demo kartı — mockup görselli */
.qx-showcase {
	height: 100%;
	overflow: hidden;
	border-radius: 18px;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	transition: transform 450ms ease, border-color 450ms ease;
}
.qx-showcase:hover { transform: translateY(-6px); border-color: rgba(212, 31, 95, 0.45); }
.qx-showcase-media { position: relative; display: block; overflow: hidden; background: #16172e; }
.qx-showcase-media img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 700ms ease;
}
.qx-showcase:hover .qx-showcase-media img { transform: scale(1.04); }
.qx-showcase-badge {
	top: 16px;
	left: 16px;
	z-index: 2;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 14px;
	position: absolute;
	border-radius: 100px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background: rgba(20, 21, 43, 0.82);
	border: 1px solid var(--qx-line-strong);
	font-family: var(--heading);
	backdrop-filter: blur(6px);
}
.qx-showcase-body { padding: 28px 28px 32px; }
.qx-showcase-body h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 12px;
	font-family: var(--heading);
}
.qx-showcase-body h3 a { color: var(--qx-text-strong); }
.qx-showcase-body h3 a:hover { color: var(--qx-magenta-soft); }
.qx-showcase-body p { font-size: 16px; color: var(--qx-text); margin-bottom: 18px; }
.qx-showcase-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.qx-showcase-tags span {
	font-size: 12.5px;
	padding: 5px 13px;
	border-radius: 100px;
	color: var(--qx-text-dim);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid var(--qx-line);
}
.qx-showcase-link {
	font-size: 15px;
	font-weight: 600;
	color: var(--qx-magenta-soft);
	font-family: var(--heading);
}
.qx-showcase-link i { margin-left: 7px; transition: transform 350ms ease; }
.qx-showcase:hover .qx-showcase-link i { transform: translateX(5px); }

/* 12.5 Kontrol listesi */
.qx-checklist { margin: 0; padding: 0; list-style: none; }
.qx-checklist li {
	position: relative;
	padding-left: 34px;
	margin-bottom: 14px;
	color: var(--qx-text);
	font-size: 16.5px;
	line-height: 1.6;
}
.qx-checklist li:before {
	content: "\f00c";
	left: 0;
	top: 2px;
	width: 22px;
	height: 22px;
	display: flex;
	font-size: 11px;
	position: absolute;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--qx-grad);
	font-weight: 900;
	font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
}
.qx-checklist li strong { color: var(--qx-text-strong); font-weight: 600; }

/* 12.6 İstatistik / vurgu kutusu */
.qx-highlight {
	padding: 34px 34px;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(43, 65, 146, 0.22) 0%, rgba(212, 31, 95, 0.16) 100%);
	border: 1px solid var(--qx-line-strong);
}
.qx-highlight h3 { font-size: 22px; margin-bottom: 12px; font-family: var(--heading); }
.qx-highlight p:last-child { margin-bottom: 0; }

/* 12.7 CTA şeridi */
.qx-cta-band {
	overflow: hidden;
	position: relative;
	padding: 62px 56px;
	border-radius: 20px;
	background: var(--qx-grad);
}
.qx-cta-band:before {
	content: "";
	top: -60%;
	right: -8%;
	width: 420px;
	height: 420px;
	position: absolute;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.08);
}
.qx-cta-band h2 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 12px;
	position: relative;
	font-family: var(--heading);
	line-height: 1.2;
}
.qx-cta-band p { color: rgba(255, 255, 255, 0.86); margin-bottom: 0; position: relative; font-size: 17px; }
.qx-cta-band .qx-cta-actions { position: relative; display: flex; gap: 14px; flex-wrap: wrap; }
.qx-cta-band .qx-btn-solid {
	color: var(--qx-blue);
	background: #fff;
	font-weight: 700;
	padding: 15px 34px;
	border-radius: 100px;
	white-space: nowrap;
	display: inline-block;
	font-family: var(--heading);
	transition: all 350ms ease;
}
.qx-cta-band .qx-btn-solid:hover { transform: translateY(-3px); color: var(--qx-magenta); }
.qx-cta-band .qx-btn-ghost {
	color: #fff;
	font-weight: 700;
	padding: 15px 34px;
	border-radius: 100px;
	white-space: nowrap;
	display: inline-block;
	font-family: var(--heading);
	border: 1.5px solid rgba(255, 255, 255, 0.55);
	transition: all 350ms ease;
}
.qx-cta-band .qx-btn-ghost:hover { color: #fff; background: rgba(255, 255, 255, 0.14); transform: translateY(-3px); }

@media (max-width: 767px) {
	.qx-cta-band { padding: 42px 26px; }
	.qx-cta-band h2 { font-size: 30px; }
}

/* 12.8 Metin bloğu tipografisi */
.qx-prose h2 {
	font-size: 34px;
	font-weight: 700;
	margin: 46px 0 18px;
	color: var(--qx-text-strong);
	font-family: var(--heading);
	line-height: 1.25;
}
.qx-prose h2:first-child { margin-top: 0; }
.qx-prose h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 34px 0 14px;
	color: var(--qx-text-strong);
	font-family: var(--heading);
}
.qx-prose p { font-size: 17.5px; line-height: 1.78; margin-bottom: 20px; color: var(--qx-text); }
.qx-prose a { color: var(--qx-magenta-soft); text-decoration: underline; text-underline-offset: 3px; }
.qx-prose a:hover { color: #fff; }
.qx-prose ul, .qx-prose ol { margin: 0 0 24px; padding-left: 0; list-style: none; }
.qx-prose ol { counter-reset: qxol; }
.qx-prose ul li, .qx-prose ol li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	font-size: 17px;
	line-height: 1.7;
	color: var(--qx-text);
}
.qx-prose ul li:before {
	content: "";
	left: 2px;
	top: 11px;
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 100%;
	background: var(--qx-grad);
}
.qx-prose ol li:before {
	counter-increment: qxol;
	content: counter(qxol);
	left: 0;
	top: 1px;
	font-size: 13px;
	font-weight: 700;
	position: absolute;
	color: var(--qx-magenta-soft);
	font-family: var(--heading);
}
.qx-prose strong { color: var(--qx-text-strong); font-weight: 600; }
.qx-prose table {
	width: 100%;
	margin: 26px 0;
	border-collapse: collapse;
	font-size: 16px;
}
.qx-prose table th,
.qx-prose table td {
	padding: 14px 16px;
	text-align: left;
	border: 1px solid var(--qx-line);
}
.qx-prose table th {
	color: var(--qx-text-strong);
	background: var(--qx-surface-2);
	font-family: var(--heading);
	font-weight: 600;
}
.qx-prose table td { color: var(--qx-text); }
.qx-table-wrap { overflow-x: auto; }

/* 12.9 Makale meta bilgisi */
.qx-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	align-items: center;
	margin-bottom: 26px;
	font-size: 15px;
	color: var(--qx-text-dim);
}
.qx-article-meta .qx-cat {
	font-size: 12.5px;
	font-weight: 700;
	padding: 6px 15px;
	border-radius: 100px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	background: var(--qx-grad);
	font-family: var(--heading);
}
.qx-article-meta a { color: var(--qx-text-dim); }
.qx-article-meta a:hover { color: var(--qx-magenta-soft); }

.qx-article-hero { margin-bottom: 34px; border-radius: 18px; overflow: hidden; }
.qx-article-hero img { width: 100%; height: auto; display: block; }

.qx-article-lead {
	font-size: 20px !important;
	line-height: 1.68 !important;
	color: rgba(255, 255, 255, 0.86) !important;
	padding-bottom: 8px;
}

/* 12.10 İçindekiler */
.qx-toc {
	padding: 26px 28px;
	margin-bottom: 36px;
	border-radius: 14px;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
.qx-toc h2 {
	font-size: 17px !important;
	margin: 0 0 14px !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--qx-text-dim) !important;
	font-family: var(--heading);
}
.qx-toc ol { margin: 0 !important; }
.qx-toc ol li { margin-bottom: 9px !important; font-size: 16px !important; }
.qx-toc a { text-decoration: none !important; color: var(--qx-text) !important; }
.qx-toc a:hover { color: var(--qx-magenta-soft) !important; }

/* 12.11 Yazı sonu hizmet kutusu */
.qx-post-cta {
	margin-top: 44px;
	padding: 34px 34px;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(43, 65, 146, 0.28) 0%, rgba(212, 31, 95, 0.20) 100%);
	border: 1px solid var(--qx-line-strong);
}
.qx-post-cta h3 { font-size: 23px; margin-bottom: 12px; font-family: var(--heading); }
.qx-post-cta p { margin-bottom: 20px; color: rgba(255, 255, 255, 0.82); }

/* 12.12 Kategori filtresi */
.qx-cat-filter { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 50px; }
.qx-cat-filter a {
	font-size: 15px;
	font-weight: 600;
	padding: 10px 22px;
	border-radius: 100px;
	color: var(--qx-text);
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	font-family: var(--heading);
	transition: all 350ms ease;
}
.qx-cat-filter a:hover,
.qx-cat-filter a.qx-cat-active { color: #fff; background: var(--qx-grad); border-color: transparent; }

/* 12.13 Blog kartı */
.qx-post-card {
	height: 100%;
	display: flex;
	overflow: hidden;
	border-radius: 16px;
	flex-direction: column;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	transition: transform 450ms ease, border-color 450ms ease;
}
.qx-post-card:hover { transform: translateY(-6px); border-color: rgba(212, 31, 95, 0.45); }
.qx-post-card .qx-post-media { display: block; overflow: hidden; background: #16172e; }
.qx-post-card .qx-post-media img { width: 100%; height: auto; display: block; transition: transform 700ms ease; }
.qx-post-card:hover .qx-post-media img { transform: scale(1.05); }
.qx-post-card .qx-post-body { padding: 26px 26px 28px; display: flex; flex-direction: column; flex: 1; }
.qx-post-card .qx-post-cat {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--qx-magenta-soft);
	font-family: var(--heading);
}
.qx-post-card h3 { font-size: 21px; line-height: 1.35; margin-bottom: 12px; font-family: var(--heading); }
.qx-post-card h3 a { color: var(--qx-text-strong); }
.qx-post-card h3 a:hover { color: var(--qx-magenta-soft); }
.qx-post-card p { font-size: 15.5px; color: var(--qx-text); margin-bottom: 18px; }
.qx-post-card .qx-post-foot {
	margin-top: auto;
	display: flex;
	font-size: 14px;
	padding-top: 16px;
	align-items: center;
	justify-content: space-between;
	color: var(--qx-text-dim);
	border-top: 1px solid var(--qx-line);
}
.qx-post-card .qx-post-foot a { color: var(--qx-magenta-soft); font-weight: 600; font-family: var(--heading); }

/* 12.14 İletişim bilgi kartı */
.qx-contact-card {
	height: 100%;
	padding: 34px 30px;
	border-radius: 16px;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
.qx-contact-card .qx-contact-icon {
	width: 54px;
	height: 54px;
	display: flex;
	font-size: 20px;
	margin-bottom: 20px;
	border-radius: 14px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--qx-grad);
}
.qx-contact-card h3 { font-size: 19px; margin-bottom: 10px; font-family: var(--heading); }
.qx-contact-card a, .qx-contact-card p { display: block; color: var(--qx-text); font-size: 16.5px; margin-bottom: 4px; }
.qx-contact-card a:hover { color: var(--qx-magenta-soft); }

/* 12.15 Marka anahat başlığı (watermark) düzeltmesi */
body.home-4 .bi-title-waterprint h2 { line-height: 1; }

/* ------------------------------------------------------------------
   13. Footer
   ------------------------------------------------------------------ */
body.home-4 .bi-footer-widget .menu-widget ul li a { color: var(--qx-text); }
body.home-4 .bi-footer-widget .menu-widget ul li a:hover { color: var(--qx-magenta-soft); }
body.home-4 .bi-footer-widget .about-widget p { color: var(--qx-text); }
body.home-4 .bi-footer-social-content ul li a:hover { color: var(--qx-magenta-soft); }
body.home-4 .bi-footer-copyright { color: var(--qx-text-dim); font-size: 15px; }
body.home-4 .bi-footer-copyright a { color: var(--qx-text-dim); }
body.home-4 .bi-footer-copyright a:hover { color: var(--qx-magenta-soft); }

.qx-footer-legal { display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: center; margin-bottom: 14px; }
.qx-footer-legal a { font-size: 14.5px; color: var(--qx-text-dim); }
.qx-footer-legal a:hover { color: var(--qx-magenta-soft); }

.qx-footer-contact { margin-top: 26px; }
.qx-footer-contact a, .qx-footer-contact span {
	display: block;
	font-size: 16px;
	margin-bottom: 8px;
	color: var(--qx-text);
}
.qx-footer-contact a:hover { color: var(--qx-magenta-soft); }
.qx-footer-contact i { width: 22px; color: var(--qx-magenta-soft); }

/* ------------------------------------------------------------------
   14. Hero (ana sayfa) — Quantumix görseli
   ------------------------------------------------------------------ */
body.home-4 .bi-slider-section-4 { background-color: #16172e; }
body.home-4 .bi-main-slider-item-4 .slider_men { width: auto; }
body.home-4 .bi-main-slider-item-4 .slider_men img { max-width: 100%; height: auto; }
body.home-4 .bi-main-slider-text h1 { line-height: 1.06; }
body.home-4 .bi-main-slider-text h1 strong b { color: var(--qx-magenta-soft); }

.qx-hero-points {
	display: flex;
	gap: 12px 26px;
	flex-wrap: wrap;
	margin-top: 26px;
}
.qx-hero-points span {
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	color: rgba(255, 255, 255, 0.72);
}
.qx-hero-points span i { color: var(--qx-magenta-soft); margin-right: 9px; font-size: 13px; }

.qx-hero-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.qx-btn-outline {
	color: #fff;
	font-weight: 600;
	padding: 15px 32px;
	border-radius: 100px;
	white-space: nowrap;
	display: inline-block;
	font-family: var(--heading);
	border: 1.5px solid rgba(255, 255, 255, 0.28);
	transition: all 350ms ease;
}
.qx-btn-outline:hover { color: #fff; border-color: var(--qx-magenta-soft); background: rgba(212, 31, 95, 0.14); }

/* ------------------------------------------------------------------
   15. Hizmet detay sayfası kenar kutusu
   ------------------------------------------------------------------ */
body.home-4 .bi-sidebar-widget .add-widget { border-radius: 14px; overflow: hidden; }
body.home-4 .bi-sidebar-widget .add-widget h3 { color: #fff; font-size: 22px; }
body.home-4 .bi-sidebar-widget .add-widget p { color: rgba(255, 255, 255, 0.78); font-size: 15px; }

.qx-side-cta {
	padding: 32px 28px;
	border-radius: 16px;
	text-align: center;
	background: var(--qx-grad);
}
.qx-side-cta h3 { font-size: 21px; color: #fff; margin-bottom: 10px; font-family: var(--heading); }
.qx-side-cta p { font-size: 15px; color: rgba(255, 255, 255, 0.86); margin-bottom: 20px; }
.qx-side-cta .qx-btn-solid {
	color: var(--qx-blue);
	background: #fff;
	font-weight: 700;
	padding: 13px 30px;
	border-radius: 100px;
	display: inline-block;
	font-family: var(--heading);
	transition: all 350ms ease;
}
.qx-side-cta .qx-btn-solid:hover { transform: translateY(-2px); color: var(--qx-magenta); }

/* ------------------------------------------------------------------
   16. 404
   ------------------------------------------------------------------ */
body.home-4 .bi-error-section { background-color: #16172e; }
body.home-4 .bi-error-section .error-text-btn h3 { color: #fff; font-size: 38px; margin-bottom: 16px; }
.qx-404-code {
	font-size: 150px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 10px;
	font-family: var(--heading);
	background: var(--qx-grad-90);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.qx-404-links { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 32px; }
.qx-404-links a {
	font-size: 15px;
	font-weight: 600;
	padding: 11px 24px;
	border-radius: 100px;
	color: var(--qx-text);
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	font-family: var(--heading);
	transition: all 350ms ease;
}
.qx-404-links a:hover { color: #fff; background: var(--qx-grad); border-color: transparent; }
@media (max-width: 575px) { .qx-404-code { font-size: 92px; } }

/* ------------------------------------------------------------------
   17. Responsive ince ayar
   ------------------------------------------------------------------ */
@media (max-width: 1199px) {
	body.home-4 .bi-section-title-1 h2,
	body.home-4 .bi-section-title-3 h2 { font-size: 44px; }
	body.home-4 .bi-section-title-4 h2 { font-size: 46px; }
}

@media (max-width: 991px) {
	body.home-4 .bi-section-title-1 h2,
	body.home-4 .bi-section-title-3 h2 { font-size: 38px; }
	body.home-4 .bi-section-title-4 h2 { font-size: 38px; }
	body.home-4 .bi-breadcrumbs-content h1,
	body.home-4 .bi-breadcrumbs-content h2 { font-size: 42px; }
	.qx-prose h2 { font-size: 29px; }
	.qx-prose h3 { font-size: 22px; }
	
}

@media (max-width: 767px) {
	body.home-4 { font-size: 16px; }
	body.home-4 .bi-section-title-1 h2,
	body.home-4 .bi-section-title-3 h2,
	body.home-4 .bi-section-title-4 h2 { font-size: 32px; }
	body.home-4 .bi-breadcrumbs-content h1,
	body.home-4 .bi-breadcrumbs-content h2 { font-size: 33px; }
	body.home-4 .bi-privacy-policy-section h2 { font-size: 32px; }
	.qx-prose p { font-size: 16.5px; }
	.qx-article-lead { font-size: 18px !important; }
	body.home-4 blockquote { font-size: 17px; padding: 24px 22px; }
	
	.qx-card, .qx-step { padding: 28px 24px; }
	.qx-highlight, .qx-post-cta { padding: 26px 22px; }
}

@media (max-width: 480px) {
	body.home-4 .bi-section-title-1 h2,
	body.home-4 .bi-section-title-3 h2,
	body.home-4 .bi-section-title-4 h2 { font-size: 28px; }
	body.home-4 .bi-breadcrumbs-content h1,
	body.home-4 .bi-breadcrumbs-content h2 { font-size: 28px; }
	.qx-showcase-body, .qx-post-card .qx-post-body { padding: 22px 20px 24px; }
}

/* ------------------------------------------------------------------
   18. Hareket azaltma tercihi
   ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	/* Hareket azaltma tercihinde SADECE rahatsız edici hareketler
	   kapatılır: kaydırmayla tetiklenen 3B çevirmeler, parallax ve
	   büyük yer değiştirmeler. Yumuşak solma geçişleri ve dekoratif
	   kayan şerit korunur — böylece site donuk görünmez.
	   (Blanket "tüm animasyonları 1ms yap" yaklaşımı, temanın
	   gizle→animasyonla göster kurgusunu bozduğu için kullanılmıyor.) */

	.wow,
	.animated,
	.tx-split-text,
	.tx-split-text .split-line,
	.headline-title,
	.bins-text p,
	.bins-text p .split-line {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		animation: none !important;
	}

	/* Parallax ile yer değiştiren süs görselleri sabitlensin */
	[data-parallax],
	.bi-scroll-img-wrapper,
	.bi-counter-landing {
		transform: none !important;
	}

	/* Büyük giriş hareketleri yerine sade solma */
	.bi-main-slider-item-4 .bi-main-slider-text h1,
	.bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title,
	.bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text,
	.bi-main-slider-item-4 .slider_men,
	.bi-main-slider-item-4 .shape_1 {
		transition-property: opacity !important;
		transition-duration: 400ms !important;
	}

	.cursor { display: none !important; }
	html { scroll-behavior: auto !important; }
}

/* ------------------------------------------------------------------
   19. Dekoratif metinler — başlık hiyerarşisini bozmamak için
   h2/h3 yerine <span> kullanılır; tema stilleri span'a taşınır.
   ------------------------------------------------------------------ */
.bi-title-waterprint span {
	display: block;
	opacity: 0.5;
	font-size: clamp(38px, 9.2vw, 140px);
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
	font-family: var(--heading);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(27, 28, 53, 0.44) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bi-text-scroll-item-1 .qx-marquee-text {
	font-size: 150px;
	font-weight: 700;
	margin: 0 20px;
	line-height: 1.2;
	display: inline-block;
	white-space: nowrap;
	color: var(--qx-magenta);
	font-family: var(--heading);
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--qx-magenta);
}

.bi-text-scroll-item-2 .qx-marquee-word {
	font-size: 92px;
	font-weight: 700;
	margin: 0 20px;
	padding-top: 20px;
	line-height: 1.2;
	white-space: nowrap;
	display: inline-block;
	font-family: var(--heading);
}
.bi-text-scroll-item-2 .qx-marquee-word.scroll-text-1 { color: #1B1C35; }
.bi-text-scroll-item-2 .qx-marquee-word.scroll-text-2 {
	color: #fff;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #fff;
}
.bi-text-scroll-item-2 .qx-marquee-word.scroll-text-3 { color: rgba(27, 28, 53, 0.35); }
.bi-text-scroll-item-2 .qx-marquee-word.scroll-text-4 { color: #fff; }

.bi-service-scroll-item .service-text .qx-scroll-title {
	color: #fff;
	font-size: 34px;
	font-weight: 600;
	font-family: var(--heading);
}
.bi-service-scroll-item .service-img img { width: 100%; height: auto; display: block; }

/* Hero: 2. ve 3. slaytta H1 yerine görsel olarak aynı görünen başlık */
.bi-main-slider-item-4 .qx-slide-title h2 {
	color: #fff;
	font-weight: 700;
	font-family: var(--heading);
}

@media (max-width: 1199px) {
	.bi-text-scroll-item-1 .qx-marquee-text { font-size: 100px; }
	.bi-text-scroll-item-2 .qx-marquee-word { font-size: 64px; }
	.bi-service-scroll-item .service-text .qx-scroll-title { font-size: 26px; }
}
@media (max-width: 767px) {
	.bi-text-scroll-item-1 .qx-marquee-text { font-size: 56px; }
	.bi-text-scroll-item-2 .qx-marquee-word { font-size: 40px; }
	.bi-service-scroll-item .service-text .qx-scroll-title { font-size: 21px; }
}

/* ==================================================================
   20. HERO — Türkçe metin için yeniden ölçeklendirme
   Temanın stroke + gradyan karakteri korunur, tipografi
   uzun Türkçe cümlelere göre okunabilir ölçeğe çekilir.
   ================================================================== */

body.home-4 .bi-main-slider-item-4 { padding: 180px 0 120px; min-height: 700px; }

/* h1 (1. slayt) ve span.qx-hero-title (2.–3. slayt) aynı görünür.
   Sayfada tek H1 kalsın diye diğer slaytlarda span kullanılır. */
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1,
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title {
	display: block;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.16;
	letter-spacing: 0;
	text-transform: none;
	font-family: var(--heading);
	color: #fff;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-width: 0;
	margin-bottom: 0;
}

/* Yalnızca span başlıkta gizleme — h1'de temanın kendi kuralı çalışır */
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-80px);
}

body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 span,
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title span {
	display: block;
	font-size: 58px;
	line-height: 1.08;
	color: #fff;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: rgba(255, 255, 255, 0.85);
}

body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 strong,
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title strong {
	display: block;
	font-size: 92px;
	font-weight: 800;
	line-height: 1.02;
	background: linear-gradient(160deg, #EF5588 0%, #D41F5F 42%, rgba(43, 65, 146, 0.55) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 0;
}
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 strong b,
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title strong b {
	font-weight: inherit;
	-webkit-text-fill-color: transparent;
}

/* Aktif slaytta görünür ol — temanın h1 kuralının span karşılığı */
.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition: all 1000ms ease;
	transition-delay: 500ms;
}

/* Metin bloğu akışta, başlığın altında; mockup sağda durur */
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text {
	position: relative;
	padding-right: 42%;
}
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
	position: static;
	max-width: 660px;
	margin-top: 30px;
	text-align: left;
}
body.home-4 .qx-hero-actions .bi-btn-4 a { padding: 15px 58px 15px 28px; }
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text p {
	font-size: 17px;
	line-height: 1.66;
	padding-bottom: 28px;
	color: rgba(255, 255, 255, 0.82);
}
body.home-4 .qx-hero-actions { justify-content: flex-start; }
body.home-4 .qx-hero-points { justify-content: flex-start; }

/* Kahraman görseli — placeholder yerine Quantumix mockup'ı */
body.home-4 .bi-main-slider-item-4 .slider_men {
	top: auto;
	left: auto;
	right: 30px;
	bottom: 0;
	width: 38%;
	max-width: 540px;
	margin: 0;
	line-height: 0;
	transform: translateX(90px);
}
body.home-4 .bi-main-slider-item-4 .slider_men img {
	width: 100%;
	height: auto;
	display: block;
}
body.home-4 .bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .slider_men {
	transform: translateX(0);
}
body.home-4 .bi-main-slider-item-4 .shape_1 { top: 150px; left: 60px; opacity: 0; }
.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .shape_1 {
	opacity: 0.35;
	visibility: visible;
	transform: translateX(0);
	transition: all 1500ms ease;
	transition-delay: 900ms;
}

/* Ok düğmeleri klavye ile de kullanılabilsin */
.bi-main-slider-arrow-4 { cursor: pointer; }

@media (max-width: 1399px) {
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title { font-size: 32px; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 span,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title span { font-size: 48px; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 strong,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title strong { font-size: 74px; }
	body.home-4 .bi-main-slider-item-4 .slider_men { width: 460px; right: -20px; }
}

@media (max-width: 1199px) {
	body.home-4 .bi-main-slider-item-4 { padding: 170px 0 110px; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text { padding-right: 0; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
		max-width: 620px;
		margin-top: 30px;
	}
	body.home-4 .bi-main-slider-item-4 .slider_men { display: none; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 strong,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title strong { font-size: 62px; }
}

@media (max-width: 767px) {
	body.home-4 .bi-main-slider-item-4 { padding: 140px 0 80px; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title { font-size: 24px; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 span,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title span { font-size: 33px; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 strong,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title strong { font-size: 42px; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text p { font-size: 16px; }
	body.home-4 .bi-main-slider-item-4 .shape_1 { display: none; }
	.bi-main-slider-next-prev { display: none; }
	body.home-4 .qx-hero-actions { gap: 12px; }
	body.home-4 .qx-hero-points { gap: 8px 16px; }
	body.home-4 .qx-hero-points span { font-size: 13.5px; }
}

/* Aktif slaytta hero öğelerini kesin olarak göster
   (tema kuralının üzerine daha yüksek özgüllükle yazılır) */
body.home-4 .bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-main-slider-text h1,
body.home-4 .bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title,
body.home-4 .bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
	opacity: 1;
	visibility: visible;
	transform: translateX(0) translateY(0);
	transition: opacity 900ms ease, transform 900ms ease;
}
body.home-4 .bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text { transition-delay: 260ms; }
body.home-4 .bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .slider_men {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition: opacity 1100ms ease, transform 1100ms ease;
	transition-delay: 380ms;
}

/* ==================================================================
   21. Hakkımızda / "neden önemli" bölümü
   Temanın mutlak konumlu başlık kurgusu, uzun Türkçe başlıklarla
   taştığı için akışa alınır.
   ================================================================== */
body.home-4 .bi-about-section-4 { padding: 100px 0 90px; }
body.home-4 .bi-about-img-wrapper4 { padding-bottom: 0; }
body.home-4 .bi-about-img-wrapper4 .about-img1 img {
	width: 100%;
	height: auto;
	max-width: 620px;
	display: block;
}
body.home-4 .bi-about-img-wrapper4 .about-circle-shape {
	left: -70px;
	bottom: -40px;
	z-index: -1;
	width: 260px;
	opacity: 0.5;
}
body.home-4 .bi-about-img-wrapper4 .about-circle-shape img { width: 100%; height: auto; }
body.home-4 .bi-about-text-4 .bi-section-title-4 {
	position: static;
	width: auto;
	margin-bottom: 22px;
}
body.home-4 .bi-about-text-4 .bi-section-title-4 h2 { font-size: 44px; }
/* Tema, mutlak konumlu basligin altini bosaltmak icin 265px ust bosluk
   veriyordu; baslik akisa alindigi icin bu bosluk gereksiz. */
body.home-4 .bi-about-text-area-4 { padding-top: 0; }
body.home-4 .bi-about-text-area-4 p { margin-bottom: 16px; }
body.home-4 .bi-abut-feature-list-4 { margin: 26px 0 6px; }
body.home-4 .bi-abut-feature-list-4 ul { display: flex; flex-wrap: wrap; gap: 12px 26px; }
body.home-4 .bi-abut-feature-list-4 ul li {
	display: flex;
	align-items: center;
	font-size: 15.5px;
	color: var(--qx-text);
}
body.home-4 .bi-abut-feature-list-4 ul li i { color: var(--qx-magenta-soft); margin-right: 9px; }
body.home-4 .bi-about-btn-cta { margin-top: 30px; }

@media (max-width: 991px) {
	body.home-4 .bi-about-text-4 .bi-section-title-4 h2 { font-size: 34px; }
	body.home-4 .bi-about-img-wrapper4 { margin-bottom: 40px; }
	body.home-4 .bi-about-img-wrapper4 .about-circle-shape { display: none; }
}

/* Bölüm başlıkları — uzun Türkçe başlıklar için ölçek */
body.home-4 .bi-section-title-4 h2 { font-size: 46px; }
body.home-4 .bi-service-top-content-4 .bi-section-title-4 { max-width: 620px; }
body.home-4 .bi-section-title-4.text-center { margin: 0 auto; max-width: 780px; }

/* SplitText satırları taşmasın */
body.home-4 .tx-split-text .split-line { overflow: visible !important; }

@media (max-width: 991px) { body.home-4 .bi-section-title-4 h2 { font-size: 34px; } }
@media (max-width: 767px) { body.home-4 .bi-section-title-4 h2 { font-size: 29px; } }

/* ==================================================================
   22. Header — 7 menü başlığı + CTA tek satıra sığsın
   ================================================================== */
body.home-4 .bi-header-section.header-style-four .bi-header-content {
	max-width: 1440px;
	padding: 0 24px;
	gap: 18px;
}
body.home-4 .bi-header-main-navigation .main-navigation ul {
	flex-wrap: nowrap;
	white-space: nowrap;
}
body.home-4 .bi-header-main-navigation .main-navigation li { margin: 0 13px; }
body.home-4 .bi-header-main-navigation .main-navigation li a { font-size: 15.5px; }
body.home-4 .bi-header-main-navigation .main-navigation .dropdown-menu li { margin: 0; }
body.home-4 .bi-header-main-navigation .main-navigation .dropdown-menu {
	white-space: normal;
	min-width: 244px;
}
body.home-4 .bi-header-section .bi-header-social { display: none; }
body.home-4 .bi-header-main-menu-cta-area { gap: 8px; flex-shrink: 0; }
body.home-4 .brand-logo { flex-shrink: 0; }

@media (min-width: 1200px) and (max-width: 1399px) {
	body.home-4 .bi-header-main-navigation .main-navigation li { margin: 0 9px; }
	body.home-4 .bi-header-main-navigation .main-navigation li a { font-size: 14.5px; }
	.qx-header-cta a { padding: 11px 20px; font-size: 14px; }
	.brand-logo img, .m-brand-logo img { max-width: 150px; }
}

/* ==================================================================
   23. Hero CTA'ları yan yana + ok düğmeleri alta
   ================================================================== */
body.home-4 .qx-hero-actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
body.home-4 .qx-hero-actions .bi-btn-4 { width: auto; flex: 0 0 auto; margin: 0; }
body.home-4 .qx-hero-actions .bi-btn-4 a { white-space: nowrap; }
body.home-4 .qx-btn-outline { flex: 0 0 auto; }

body.home-4 .bi-main-slider-next-prev {
	position: absolute;
	left: max(24px, calc((100vw - 1300px) / 2));
	right: auto;
	bottom: 38px;
	z-index: 6;
	display: flex;
	gap: 10px;
}
body.home-4 .bi-main-slider-next-prev .bi-main-slider-arrow-4 {
	position: static;
	flex: 0 0 52px;
	width: 52px;
	min-width: 52px;
	height: 52px;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #fff;
	font-size: 17px;
	transition: all 300ms ease;
}
body.home-4 .bi-main-slider-next-prev .bi-main-slider-arrow-4:hover {
	background: var(--qx-grad);
	border-color: transparent;
}

@media (max-width: 1199px) {
	body.home-4 .bi-main-slider-next-prev { left: 24px; bottom: 24px; }
}

/* Özellik listesi satır içi aksın */
body.home-4 .bi-abut-feature-list-4 ul li { display: inline-flex; width: auto; }

/* Breadcrumb bandı — tema yüksekliği Türkçe başlıklar için fazla */
body.home-4 .bi-breadcrumbs-content { padding: 150px 0 110px; }
@media (max-width: 991px) { body.home-4 .bi-breadcrumbs-content { padding: 120px 0 80px; } }
@media (max-width: 767px) { body.home-4 .bi-breadcrumbs-content { padding: 100px 0 64px; } }

/* Tüm başlıklar marka başlık yazı tipini kullansın */
body.home-4 h1, body.home-4 h2, body.home-4 h3,
body.home-4 h4, body.home-4 h5, body.home-4 h6,
body.home-4 .widget-title, body.home-4 .accordion-button {
	font-family: var(--heading);
}

/* ==================================================================
   24. Mobil hero — kenar boşluğu ve tutarlı hizalama
   ================================================================== */
@media (max-width: 1199px) {
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text {
		padding-left: 20px;
		padding-right: 20px;
	}
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 span,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title span,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 strong,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title strong,
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text {
		text-align: left;
	}
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .bi-slider-text { padding-bottom: 0; }
	body.home-4 .bi-main-slider-next-prev { left: 20px; }
}

@media (max-width: 575px) {
	body.home-4 .qx-hero-actions { width: 100%; }
	body.home-4 .qx-hero-actions .bi-btn-4,
	body.home-4 .qx-hero-actions .bi-btn-4 a,
	body.home-4 .qx-btn-outline { width: 100%; text-align: center; }
	body.home-4 .qx-hero-actions .bi-btn-4 a { padding: 15px 56px 15px 26px; }
	body.home-4 .qx-btn-outline { padding: 15px 26px; }
}

/* Mobilde bölüm iç boşlukları */
@media (max-width: 767px) {
	body.home-4 .bi-service-section-4 { padding-top: 60px; }
	body.home-4 .bi-about-section-4 { padding: 60px 0 50px; }
	body.home-4 .bi-why-choose-us-section-4 .bi-why-choose-us-area-1,
	body.home-4 .bi-why-choose-us-section-4 .bi-why-choose-us-area-2,
	body.home-4 .bi-why-choose-us-section-4 .bi-why-choose-us-area-3 { margin-bottom: 60px; }
	body.home-4 .qx-cta-band .qx-cta-actions { width: 100%; }
	body.home-4 .qx-cta-band .qx-btn-solid,
	body.home-4 .qx-cta-band .qx-btn-ghost { width: 100%; text-align: center; }
}

/* ==================================================================
   25. Blog kapakları — farklı en-boy oranlı fotoğraflar
   kartlarda tek tip görünsün
   ================================================================== */
.qx-post-card .qx-post-media img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: center;
}
.qx-article-hero img {
	aspect-ratio: 16 / 8;
	object-fit: cover;
	object-position: center;
}
body.home-4 .bi-sidebar-widget .bi-recent-blog-img img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.qx-showcase-media img { aspect-ratio: 22 / 15; object-fit: cover; }

/* Kayan çalışma şeridindeki görseller eşit yükseklikte olsun */
.bi-service-scroll-item .service-img img {
	aspect-ratio: 522 / 360;
	object-fit: cover;
}

/* ==================================================================
   26. Yüzen iletişim butonları — WhatsApp + Telefon
   Kapalıyken tam daire (ikon genişliğinden bağımsız), üzerine
   gelince etiket açılır. Nabız halkası box-shadow ile yapılır ki
   overflow tarafından kırpılmasın.
   ================================================================== */
.qx-fab {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 999;
	display: flex;
	flex-direction: column-reverse;
	gap: 14px;
	align-items: flex-end;
}

.qx-fab-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 58px;
	height: 58px;
	padding: 0;
	border-radius: 100px;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.38);
	transition: width 380ms cubic-bezier(.4,0,.2,1), box-shadow 300ms ease, transform 300ms ease;
	overflow: hidden;
	will-change: width;
}

/* İkon her zaman 58px'lik alanın tam ortasında */
.qx-fab-btn i {
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	line-height: 1;
}

.qx-fab-label {
	flex: 0 0 auto;
	padding-right: 22px;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	font-family: var(--heading);
	opacity: 0;
	transition: opacity 260ms ease 60ms;
}

.qx-fab-btn:hover,
.qx-fab-btn:focus-visible {
	width: 186px;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.46);
}
.qx-fab-btn:hover .qx-fab-label,
.qx-fab-btn:focus-visible .qx-fab-label { opacity: 1; }

.qx-fab-wa  { background: #25D366; }
.qx-fab-wa:hover { background: #1FB855; }
.qx-fab-tel { background: var(--qx-grad); }
.qx-fab-tel:hover { filter: brightness(1.1); }

/* Nabız — box-shadow ile, kırpılmaz */
.qx-fab-wa { animation: qxPulse 2.8s ease-out infinite; }
@keyframes qxPulse {
	0%   { box-shadow: 0 8px 26px rgba(0,0,0,0.38), 0 0 0 0    rgba(37, 211, 102, 0.55); }
	70%  { box-shadow: 0 8px 26px rgba(0,0,0,0.38), 0 0 0 18px rgba(37, 211, 102, 0); }
	100% { box-shadow: 0 8px 26px rgba(0,0,0,0.38), 0 0 0 0    rgba(37, 211, 102, 0); }
}
.qx-fab-wa:hover { animation: none; }

@media (max-width: 767px) {
	.qx-fab { right: 14px; bottom: 16px; gap: 12px; }
	.qx-fab-btn { width: 54px; height: 54px; }
	.qx-fab-btn i { flex-basis: 54px; width: 54px; height: 54px; font-size: 23px; }
	/* Mobilde etiket açılmasın — dokunmada genişleme istenmiyor */
	.qx-fab-btn:hover, .qx-fab-btn:focus-visible { width: 54px; }
	.qx-fab-label { display: none; }
}

/* Header'daki telefon ve WhatsApp */
.qx-header-cta { display: flex; align-items: center; gap: 10px; }
.qx-header-cta .qx-head-wa,
.qx-header-cta .qx-head-tel {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 11px 20px;
	border-radius: 100px;
	white-space: nowrap;
	font-family: var(--heading);
	transition: all 350ms ease;
}
.qx-header-cta .qx-head-wa { background: #25D366; }
.qx-header-cta .qx-head-wa:hover { background: #1FB855; color: #fff; transform: translateY(-2px); }
.qx-header-cta .qx-head-tel { background: var(--qx-grad); }
.qx-header-cta .qx-head-tel:hover { color: #fff; filter: brightness(1.15); transform: translateY(-2px); }

@media (max-width: 1499px) {
	.qx-header-cta .qx-head-wa { padding: 11px 14px; }
	.qx-header-cta .qx-head-wa span { display: none; }
}

/* ==================================================================
   27. Okuma ilerleme çubuğu — blog ve uzun sayfalarda
   ================================================================== */
.qx-progress {
	position: fixed;
	top: 0; left: 0;
	height: 3px;
	width: 0;
	z-index: 1000;
	background: var(--qx-grad-90);
	transition: width 120ms linear;
	pointer-events: none;
}

/* ==================================================================
   28. HERO — akışkan aurora ışıması, derinlik ve düzeltmeler
   ================================================================== */

/* --- Kesik metin düzeltmesi ---
   Türkçe alt uzantılar (ş, ğ, y, ç) 1.02 satır yüksekliğinde
   kırpılıyordu. Satır yüksekliği ve taşma payı artırıldı. */
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 strong,
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title strong {
	line-height: 1.16;
	padding-bottom: 0.08em;
	overflow: visible;
}
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1 span,
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title span {
	line-height: 1.22;
	padding-bottom: 0.06em;
	overflow: visible;
}
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text h1,
body.home-4 .bi-main-slider-item-4 .bi-main-slider-text .qx-hero-title {
	overflow: visible;
	padding-bottom: 4px;
}

/* --- Akışkan aurora zemini --- */
.bi-slider-section-4 { position: relative; isolation: isolate; }
.qx-aurora {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}
.qx-aurora span {
	position: absolute;
	display: block;
	border-radius: 50%;
	filter: blur(70px);
	opacity: 0.55;
	will-change: transform;
}
.qx-aurora .qx-a1 {
	width: 46vw; height: 46vw;
	min-width: 420px; min-height: 420px;
	top: -14%; left: -8%;
	background: radial-gradient(circle at 40% 40%, rgba(43, 65, 146, 0.85), rgba(43, 65, 146, 0) 68%);
	animation: qxDrift1 22s ease-in-out infinite;
}
.qx-aurora .qx-a2 {
	width: 40vw; height: 40vw;
	min-width: 360px; min-height: 360px;
	top: 18%; right: 4%;
	background: radial-gradient(circle at 55% 45%, rgba(212, 31, 95, 0.75), rgba(212, 31, 95, 0) 68%);
	animation: qxDrift2 26s ease-in-out infinite;
}
.qx-aurora .qx-a3 {
	width: 34vw; height: 34vw;
	min-width: 300px; min-height: 300px;
	bottom: -18%; left: 32%;
	background: radial-gradient(circle at 50% 50%, rgba(124, 44, 127, 0.7), rgba(124, 44, 127, 0) 70%);
	animation: qxDrift3 30s ease-in-out infinite;
}
@keyframes qxDrift1 {
	0%,100% { transform: translate3d(0,0,0) scale(1); }
	33%     { transform: translate3d(8%, 6%, 0) scale(1.12); }
	66%     { transform: translate3d(-5%, 10%, 0) scale(0.95); }
}
@keyframes qxDrift2 {
	0%,100% { transform: translate3d(0,0,0) scale(1); }
	40%     { transform: translate3d(-9%, 8%, 0) scale(1.15); }
	70%     { transform: translate3d(4%, -6%, 0) scale(0.92); }
}
@keyframes qxDrift3 {
	0%,100% { transform: translate3d(0,0,0) scale(1); }
	50%     { transform: translate3d(10%, -8%, 0) scale(1.18); }
}

/* İnce ızgara dokusu — derinlik katar */
.qx-aurora:after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);
	background-size: 64px 64px;
	mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 40%, transparent 100%);
	-webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 40%, transparent 100%);
}

/* Hero içeriği aurora'nın üstünde kalsın */
.bi-main-slider-4 { position: relative; z-index: 1; }

/* --- Görsele hafif yüzme hareketi ve ışık halesi --- */
body.home-4 .bi-main-slider-item-4 .slider_men:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 6%;
	width: 78%;
	aspect-ratio: 1;
	transform: translateX(-50%);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(212,31,95,0.28), rgba(43,65,146,0.16) 45%, transparent 70%);
	filter: blur(38px);
	z-index: -1;
}
.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .slider_men img {
	animation: qxFloat 7s ease-in-out infinite;
}
@keyframes qxFloat {
	0%,100% { transform: translateY(0); }
	50%     { transform: translateY(-14px); }
}

/* --- Alt kenar yumuşak geçiş --- */
.bi-slider-section-4:after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 140px;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(27,28,53,0) 0%, var(--qx-bg) 100%);
}

/* ==================================================================
   29. MOBİL HERO — artık görsel de var
   ================================================================== */
@media (max-width: 1199px) {
	body.home-4 .bi-main-slider-item-4 { padding: 150px 0 0; min-height: 0; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text { padding-right: 0; }

	/* Görsel gizlenmiyor; metnin altında, ortalanmış ve zemine oturuyor */
	body.home-4 .bi-main-slider-item-4 .slider_men {
		display: block;
		position: relative;
		right: auto; bottom: auto; top: auto;
		width: min(360px, 76vw);
		margin: 26px auto -6px;
		transform: translateY(24px);
	}
	body.home-4 .bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .slider_men {
		transform: translateY(0);
	}
	body.home-4 .bi-main-slider-item-4 .slider_men:before {
		width: 92%;
		bottom: 2%;
		filter: blur(30px);
	}
	body.home-4 .bi-main-slider-next-prev { bottom: auto; top: 92px; left: 20px; }
	.qx-aurora span { filter: blur(52px); opacity: 0.6; }
	.bi-slider-section-4:after { height: 90px; }
}

@media (max-width: 575px) {
	body.home-4 .bi-main-slider-item-4 { padding: 130px 0 0; }
	body.home-4 .bi-main-slider-item-4 .slider_men { width: min(300px, 82vw); margin-top: 20px; }
	body.home-4 .bi-main-slider-next-prev { top: 76px; }
}

/* Hareket azaltmada aurora ve yüzme dursun */
@media (prefers-reduced-motion: reduce) {
	.qx-aurora span,
	.bi-main-slider-4 .swiper-slide-active .bi-main-slider-item-4 .slider_men img,
	.qx-fab-wa:before { animation: none !important; }
}

/* ==================================================================
   30. KONTRAST DÜZELTMELERİ
   Temanın açık zeminli bileşenleri koyu temada beyaz yazıyla
   okunamıyordu. Hepsi koyu yüzeye çevrildi.
   ================================================================== */

/* Yan çubuk — "Blogdan" kartları */
body.home-4 .bi-sidebar-widget .recent-post-widget .bi-recent-blog-item {
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	padding: 10px;
	transition: border-color 300ms ease, background 300ms ease;
}
body.home-4 .bi-sidebar-widget .recent-post-widget .bi-recent-blog-item:hover {
	background: var(--qx-surface-2);
	border-color: rgba(212, 31, 95, 0.42);
}
body.home-4 .bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-text h3 {
	color: var(--qx-text-strong);
	font-size: 16px;
	line-height: 1.4;
}
body.home-4 .bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-text h3 a {
	color: var(--qx-text-strong);
}
body.home-4 .bi-sidebar-widget .recent-post-widget .bi-recent-blog-item:hover .bi-recent-blog-text h3 a {
	color: var(--qx-magenta-soft);
}
body.home-4 .bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-text span {
	color: var(--qx-magenta-soft);
	display: block;
	margin-bottom: 4px;
}
body.home-4 .bi-sidebar-widget .recent-post-widget .bi-recent-blog-item .bi-recent-blog-img {
	border-radius: 8px;
	flex: 0 0 74px;
	width: 74px;
	height: 74px;
}

/* Yan çubuk — hizmet/sektör listeleri */
body.home-4 .bi-sidebar-widget .service-widget ul li a {
	display: block;
	padding: 12px 16px;
	border-radius: 10px;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	margin-bottom: 8px;
	transition: all 300ms ease;
}
body.home-4 .bi-sidebar-widget .service-widget ul li a:hover {
	color: #fff;
	background: var(--qx-surface-2);
	border-color: rgba(212, 31, 95, 0.45);
	transform: translateX(4px);
}
body.home-4 .bi-sidebar-widget .service-widget li a:hover:before,
body.home-4 .bi-sidebar-widget .service-widget li a:hover:after { background-color: transparent; }

/* Hizmet detay özellik kutuları */
body.home-4 .bi-service-details-text-area .bi-sd-feature {
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	border-radius: 14px;
}
body.home-4 .bi-service-details-text-area .bi-sd-feature h4 { color: var(--qx-text-strong); }
body.home-4 .bi-service-details-text-area .bi-sd-feature-text { color: var(--qx-text); }

/* Blog etiket / paylaş / yazar blokları */
body.home-4 .bi-blog-share-tag .bi-blog-tag a,
body.home-4 .bi-blog-share-tag .bi-blog-share a {
	color: var(--qx-text);
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}
body.home-4 .bi-blog-share-tag .bi-blog-tag a:hover,
body.home-4 .bi-blog-share-tag .bi-blog-share a:hover {
	color: #fff;
	background: var(--qx-magenta);
	border-color: transparent;
}
body.home-4 .bi-blog-details-author {
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	border-radius: 16px;
}
body.home-4 .bi-blog-details-author h4,
body.home-4 .bi-blog-details-author p { color: var(--qx-text); }

/* Referans kartı (kullanılmıyor ama güvenlik için) */
body.home-4 .bi-testimonial-feed-item {
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
}

/* İletişim kanalları — telefon / WhatsApp / e-posta */
.qx-channels { display: grid; gap: 14px; }
.qx-channel {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 20px 24px;
	border-radius: 16px;
	background: var(--qx-surface);
	border: 1px solid var(--qx-line);
	transition: transform 350ms ease, border-color 350ms ease, background 350ms ease;
}
.qx-channel:hover {
	transform: translateY(-3px);
	background: var(--qx-surface-2);
	border-color: rgba(212, 31, 95, 0.45);
}
.qx-channel-icon {
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	font-size: 24px;
	color: #fff;
}
.qx-channel-wa   .qx-channel-icon { background: #25D366; }
.qx-channel-tel  .qx-channel-icon { background: var(--qx-grad); }
.qx-channel-mail .qx-channel-icon { background: rgba(255, 255, 255, 0.10); color: var(--qx-magenta-soft); }
.qx-channel-text { flex: 1; min-width: 0; }
.qx-channel-text strong {
	display: block;
	font-size: 19px;
	font-weight: 700;
	color: var(--qx-text-strong);
	font-family: var(--heading);
	margin-bottom: 3px;
	word-break: break-word;
}
.qx-channel-text span { display: block; font-size: 15px; color: var(--qx-text-dim); }
.qx-channel-go { color: var(--qx-magenta-soft); font-size: 17px; transition: transform 350ms ease; }
.qx-channel:hover .qx-channel-go { transform: translateX(5px); }

@media (max-width: 575px) {
	.qx-channel { padding: 16px 16px; gap: 14px; }
	.qx-channel-icon { flex-basis: 48px; width: 48px; height: 48px; font-size: 20px; border-radius: 13px; }
	.qx-channel-text strong { font-size: 16px; }
	.qx-channel-text span { font-size: 13.5px; }
	.qx-channel-go { display: none; }
}

/* ==================================================================
   31. Mobilde header CTA gizlenir — yüzen butonlar zaten var
   (Bölüm 26'daki display:flex kuralından SONRA gelmeli.)
   ================================================================== */
@media (max-width: 1199px) {
	body.home-4 .qx-header-cta,
	.qx-header-cta { display: none !important; }
	body.home-4 .bi-header-main-menu-cta-area { display: none !important; }
}

/* ==================================================================
   32. MOBİL HERO — kesin düzeltme
   Bootstrap'in .position-absolute yardımcı sınıfı !important taşıdığı
   için görsel mobilde de mutlak konumlu kalıyor ve metnin üstüne
   biniyordu. Akışa alıyoruz.
   ================================================================== */
@media (max-width: 1199px) {
	body.home-4 .bi-main-slider-item-4 .slider_men.position-absolute {
		position: relative !important;
		display: block !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: min(340px, 74vw);
		margin: 30px auto 0;
		z-index: 1;
	}
	body.home-4 .bi-main-slider-item-4 .shape_1.position-absolute { display: none !important; }

	/* Oklar mobilde gizli — kaydırma parmakla yapılıyor */
	body.home-4 .bi-main-slider-next-prev { display: none !important; }

	/* Metin bloğu ortalanmış ve nefes alan bir düzen */
	body.home-4 .bi-main-slider-item-4 { padding: 140px 0 0 !important; }
	body.home-4 .bi-main-slider-item-4 .bi-main-slider-text { padding-right: 0; }
	body.home-4 .bi-main-slider-item-4 .bi-slider-text { margin-top: 24px; }

	/* Görselin altındaki ışık halesi mobilde daha yumuşak */
	body.home-4 .bi-main-slider-item-4 .slider_men:before {
		width: 96%;
		bottom: 0;
		filter: blur(34px);
		opacity: 0.9;
	}
}

@media (max-width: 575px) {
	body.home-4 .bi-main-slider-item-4 { padding: 124px 0 0 !important; }
	body.home-4 .bi-main-slider-item-4 .slider_men.position-absolute {
		width: min(290px, 80vw);
		margin-top: 24px;
	}
}