/* ----------------------------------------------------------------------------------------
* Scorpi Turk Venom — marka katmanı (Labrix custom.css üzerine yazar)
* Renkler logodan alındı: koyu lacivert gövde + parlak mavi kenar ışığı.
* ---------------------------------------------------------------------------------------- */

:root{
	--primary-color				: #0A1F44;
	--secondary-color			: #E6F1FD;
	--bg-color					: #F5F8FC;
	--text-color				: #465A74;
	--accent-color				: #3AA8FF;
	--brand-blue				: #0B63C5;	/* beyaz zeminde metin vurgusu (kontrast ≥ 5:1) */
	--divider-color				: #0A1F441A;
	--topbar-h					: 42px;
}

/************************************/
/***         Topbar               ***/
/************************************/

.topbar{
	position: relative;
	z-index: 101;
	background: var(--primary-color);
	color: #C9D6E8;
	font-size: 14px;
	line-height: 1.4em;
}

.topbar-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: var(--topbar-h);
}

.topbar-info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 28px;
	list-style: none;
	margin: 0;
	padding: 8px 0;
}

.topbar-info li{
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.topbar-info i{
	color: var(--accent-color);
	font-size: 13px;
}

.topbar a{
	color: #FFFFFF;
	transition: color 0.3s ease-in-out;
}

.topbar a:hover{
	color: var(--accent-color);
}

/* Dil seçici — kralantrepo ile aynı düzen: yan yana haplar, koyu kapsül */
.dil{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	padding: 3px 8px 3px 10px;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 999px;
}

.dil__ikon{
	color: rgba(255, 255, 255, 0.75);
}

.dil ul{
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dil a,
.dil__aktif,
.dil__yakinda{
	display: inline-block;
	padding: 4px 7px;
	border-radius: 4px;
	font-family: var(--accent-font);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.2;
	color: #FFFFFF;
	transition: all 0.2s ease-in-out;
}

.dil a{
	opacity: 0.72;
}

.dil a:hover{
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.16);
	color: #FFFFFF;
}

.dil__aktif{
	background-color: var(--accent-color);
	color: var(--primary-color);
	cursor: default;
}

/* Henüz yayında olmayan diller: görünür ama tıklanmaz */
.dil__yakinda{
	opacity: 0.45;
	cursor: default;
}

/* Menü ikonları (SVG kütüğü index.html içinde; renk currentColor) */
.ka-mi{
	width: 1.25em;
	height: 1.25em;
	flex: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.main-menu .nav-menu-wrapper > ul > li > a{
	display: inline-flex;
	align-items: center;
	gap: 9px;
}

.main-menu .nav-menu-wrapper > ul > li > a .ka-mi{
	color: var(--brand-blue);
	stroke-width: 2;
}

.slicknav_nav li a{
	display: flex;
	align-items: center;
	gap: 12px;
}

.slicknav_nav .ka-mi{
	width: 1.4em;
	height: 1.4em;
	color: var(--accent-color);
}

/************************************/
/***         Header (beyaz)       ***/
/************************************/

header.main-header{
	position: relative;
	background: #FFFFFF;
	border-bottom: 1px solid var(--divider-color);
}

header.main-header .header-sticky.active{
	background: #FFFFFF;
	border-bottom: 1px solid var(--divider-color);
	box-shadow: 0 6px 24px rgba(10, 31, 68, 0.08);
}

.navbar{
	padding: 16px 0;
}

.navbar-brand img{
	display: block;
	height: 52px;
	width: auto;
}

.main-menu .nav-menu-wrapper > ul > li{
	margin: 0 7px;		/* yazılar arası ~34px */
}

.main-menu ul li a{
	white-space: nowrap;
	color: var(--primary-color);
	font-family: var(--accent-font);
	font-size: 16.5px;
	font-weight: 700;
	letter-spacing: 0.005em;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus,
.main-menu ul li a.aktif{
	color: var(--brand-blue);
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	color: var(--primary-color);
}

/* Mobil menü: lacivert kutu, beyaz yazı */
.slicknav_btn{
	background: var(--primary-color);
}

.slicknav_icon .slicknav_icon-bar{
	background-color: #FFFFFF;
}

.slicknav_menu{
	background: var(--primary-color);
	box-shadow: 0 12px 24px rgba(10, 31, 68, 0.2);
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	color: #FFFFFF;
	padding: 10px 20px;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
	color: var(--accent-color);
}

/************************************/
/***   Hız çizgileri + marka butonu ***/
/************************************/
/* Logodaki "V"nin solundaki üç hız çizgisi ekranın sol kenarından logoya uzanır
   (logo soldan geliyor); aynısı ayna gibi sağ kenardan "Teklif Talebi"ne gelir.
   Çizgi konumu logodan ölçüldü: 140 px'lik görselde y 16–49 → %11,4 / %24,3. */
:root{
	--hiz-renk			: #0D6AD0;
	--hiz-isik			: rgba(170, 222, 255, 0.95);
	--hiz-desen			: linear-gradient(to bottom, #000 0 28%, transparent 28% 36%, #000 36% 64%, transparent 64% 72%, #000 72% 100%);
}

.navbar-brand{
	position: relative;
	flex-shrink: 0;		/* 6 maddelik menü logoyu sıkıştırıyordu */
}

.navbar-brand::before,
.navbar-brand::after,
.header-btn::before,
.header-btn::after{
	content: '';
	position: absolute;
	pointer-events: none;
	-webkit-mask-image: var(--hiz-desen);
	mask-image: var(--hiz-desen);
}

/* Logo solu */
.navbar-brand::before,
.navbar-brand::after{
	right: calc(100% + 3px);
	width: max(12px, calc(50vw - 638px));	/* logo ile ekran kenarı arası (kapsayıcı 1300 px) */
	top: 11.4%;
	height: 24.3%;
}

.navbar-brand::before{
	background: linear-gradient(to right, rgba(13, 106, 208, 0) 0%, rgba(13, 106, 208, 0.3) 60%, var(--hiz-renk) 100%);
	transform-origin: right center;
	animation: hiz-gir 1.1s cubic-bezier(.2, .7, .2, 1) both;
}

.navbar-brand::after{
	background: linear-gradient(to right, transparent 0, var(--hiz-isik) 50%, transparent 100%) no-repeat;
	background-size: 30% 100%;
	animation: isik-saga 3.6s ease-in 1.2s infinite;
}

/* Buton sağı (ayna) */
.header-btn{
	position: relative;
}

.header-btn::before,
.header-btn::after{
	left: calc(100% + 10px);
	width: max(5px, calc(50vw - 645px));
	top: 50%;
	height: 13px;
	margin-top: -6.5px;
}

.header-btn::before{
	background: linear-gradient(to left, rgba(13, 106, 208, 0) 0%, rgba(13, 106, 208, 0.3) 60%, var(--hiz-renk) 100%);
	transform-origin: left center;
	animation: hiz-gir 1.1s cubic-bezier(.2, .7, .2, 1) 0.15s both;
}

.header-btn::after{
	background: linear-gradient(to left, transparent 0, var(--hiz-isik) 50%, transparent 100%) no-repeat;
	background-size: 30% 100%;
	animation: isik-sola 3.6s ease-in 1.4s infinite;
}

@keyframes hiz-gir{
	from{ transform: scaleX(0); opacity: 0; }
	to{ transform: scaleX(1); opacity: 1; }
}

@keyframes isik-saga{
	0%{ background-position: -40% 0; }
	55%, 100%{ background-position: 140% 0; }
}

@keyframes isik-sola{
	0%{ background-position: 140% 0; }
	55%, 100%{ background-position: -40% 0; }
}

/* Yürüyen akrepler: hız çizgisinin üstündeki "şerit"te dolaşırlar. Davranışı marka.js yönetir
   (gel-geç, gel-dur-geri dön, ikili gel-bekle-dön, yarı yolda dur-devam). Şeridin dış kenarı
   maskeyle yumuşak; akrep ekran kenarından belirir. ≤1379'da ve reduced-motion'da yok. */
.akrep-yol{
	position: absolute;
	height: 26px;
	margin-top: -13px;
	pointer-events: none;
	z-index: 2;
}

.akrep-sol{
	width: max(12px, calc(50vw - 638px));
	right: calc(100% + 3px);
	top: 23.5%;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 44px);
	mask-image: linear-gradient(to right, transparent 0, #000 44px);
}

.akrep-sag{
	width: max(5px, calc(50vw - 645px));
	left: calc(100% + 10px);
	top: 50%;
	-webkit-mask-image: linear-gradient(to left, transparent 0, #000 44px);
	mask-image: linear-gradient(to left, transparent 0, #000 44px);
}

.akrep-yol > .akrep{
	display: none;	/* şablon: JS kopyalar */
}

.akrep-tek{
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	height: 26px;
	will-change: transform;
}

.akrep{
	display: block;
	overflow: visible;
	transition: transform 0.3s ease-in-out;
}

.akrep-tek.ters .akrep{
	transform: scaleX(-1);
}

.akrep-govde,
.akrep-kuyruk circle{
	fill: var(--primary-color);
	stroke: var(--brand-blue);
	stroke-width: 0.7;
}

.akrep-bacak path,
.akrep-kiskac path,
.akrep-igne{
	fill: none;
	stroke: var(--primary-color);
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.akrep-bacak{
	transform-origin: 32px 18px;
}

.akrep-tek.yuruyor .akrep-bacak{
	animation: akrep-adim 0.38s ease-in-out infinite alternate;
}

.akrep-tek.yuruyor .akrep-bacak-b{
	animation-direction: alternate-reverse;
}

.akrep-kuyruk{
	transform-origin: 23px 18px;
	animation: akrep-kuyruk 1.3s ease-in-out infinite alternate;
}

@keyframes akrep-adim{
	from{ transform: rotate(-7deg); }
	to{ transform: rotate(7deg); }
}

@keyframes akrep-kuyruk{
	from{ transform: rotate(-4deg); }
	to{ transform: rotate(4deg); }
}

/* Marka butonu: logodaki yazıların koyu lacivert → mavi gövdesi + parlak mavi kenar */
.header-btn .btn-default{
	white-space: nowrap;
	background: linear-gradient(135deg, #020A22 0%, #0A2A63 55%, #0B4FA8 100%);
	color: #FFFFFF;
	border: 1px solid rgba(58, 168, 255, 0.55);
	box-shadow: inset 0 1px 0 rgba(170, 222, 255, 0.35), 0 6px 18px rgba(11, 79, 168, 0.28);
}

.header-btn .btn-default::before{
	filter: brightness(0) invert(1);
}

.header-btn .btn-default::after{
	background-color: var(--accent-color);
}

.header-btn .btn-default:hover{
	color: var(--primary-color);
}

.header-btn .btn-default:hover::before{
	filter: none;
}

/************************************/
/***         Slider (hero)        ***/
/************************************/
/* Fotoğraflar dikey telefon çekimi → tam kadraj arka plan yerine sağda 4:5 çerçeve.
   Zemin logonun laciverti + amblemin arkasındaki mavi ışıma; fotoğrafın üstünde perde yok. */
.hero.hero-slider-layout.sv-hero,
.hero.hero-slider-layout.sv-hero .hero-slide{
	background:
		radial-gradient(60% 80% at 78% 45%, rgba(58, 168, 255, 0.22) 0%, rgba(58, 168, 255, 0) 60%),
		linear-gradient(120deg, #020A22 0%, #0A1F44 55%, #0B2F6A 100%);
	overflow: hidden;
}

.hero.hero-slider-layout.sv-hero .hero-slide{
	padding: 90px 0 120px;
}

/* Slaytlar eşit boy: en uzun slayt belirler, içerik dikeyde ortalanır */
.sv-hero .swiper-slide{
	height: auto;
}

.hero.hero-slider-layout.sv-hero .hero-slide{
	height: 100%;
	display: flex;
	align-items: center;
}

.sv-hero .hero-slide > .container{
	width: 100%;
}

.hero.hero-slider-layout.sv-hero .hero-slide::before{
	display: none;
}

.sv-hero .section-title h3{
	border-color: rgba(58, 168, 255, 0.35);
	background: rgba(58, 168, 255, 0.08);
	font-weight: 600;
}

.sv-hero .section-title .sv-baslik{
	font-size: 54px;
	font-weight: 600;
	line-height: 1.15em;
	letter-spacing: -0.02em;
	color: #FFFFFF;
}

.sv-hero .section-title .sv-baslik span{
	color: var(--accent-color);
}

.sv-hero .section-title p{
	color: #C9D6E8;
	font-size: 18px;
	line-height: 1.6em;
	max-width: 620px;
}

.sv-hero .hero-body{
	align-items: center;
	margin-top: 36px;
	padding-top: 32px;
}

.sv-hero .hero-experience-box{
	width: auto;
	gap: 14px;
}

.sv-hero .hero-experience-box p{
	font-family: var(--accent-font);
	font-weight: 600;
	line-height: 1.3em;
	max-width: 120px;
}

.sv-hero .hero-experience-box .sv-sayi{
	font-size: 46px;
	font-weight: 700;
	line-height: 1em;
	color: var(--accent-color);
	max-width: none;
	white-space: nowrap;
}

.sv-cipler{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sv-cipler li{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 1px solid var(--dark-divider-color);
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.04);
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2em;
}

.sv-cipler i{
	color: var(--accent-color);
}

/* Hero butonları marka renginde (koyu zeminde parlak mavi dolu + beyaz çerçeveli) */
.sv-hero .btn-default.btn-highlighted{
	background: var(--accent-color);
	color: var(--primary-color);
}

/* Fotoğraf çerçevesi */
.sv-cerceve{
	position: relative;
	max-width: 440px;
	margin: 0 0 0 auto;
	padding: 10px;
	border-radius: 28px;
	background: linear-gradient(160deg, rgba(58, 168, 255, 0.55), rgba(58, 168, 255, 0.05) 45%, rgba(58, 168, 255, 0.35));
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45), 0 0 60px rgba(58, 168, 255, 0.18);
}

.sv-cerceve img{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 20px;
}

.sv-cerceve figcaption{
	position: absolute;
	left: 26px;
	bottom: 26px;
	max-width: calc(100% - 52px);
	padding: 8px 14px;
	border-radius: 10px;
	background: rgba(2, 10, 34, 0.78);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3em;
}

/* Kontroller: nokta + oklar */
.hero .container.sv-kontrol{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 3;
}

.hero.hero-slider-layout.sv-hero .hero-pagination{
	position: static;
	width: auto;
	text-align: left;
}

.hero.hero-slider-layout.sv-hero .hero-pagination .swiper-pagination-bullet{
	background: rgba(255, 255, 255, 0.28);
	transition: all 0.3s ease-in-out;
}

.hero.hero-slider-layout.sv-hero .hero-pagination .swiper-pagination-bullet-active{
	width: 32px;
	border-radius: 6px;
	background: var(--accent-color);
}

.sv-oklar{
	display: flex;
	gap: 10px;
}

.sv-ok{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid rgba(58, 168, 255, 0.45);
	background: rgba(255, 255, 255, 0.04);
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.sv-ok:hover,
.sv-ok:focus-visible{
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--primary-color);
}

/************************************/
/***   Kayan şerit + Kaynak Tür    ***/
/************************************/
.our-scrolling-ticker{
	background: var(--secondary-color);
	border-top: 1px solid var(--divider-color);
	border-bottom: 1px solid var(--divider-color);
}

.scrolling-content span{
	display: inline-flex;
	align-items: center;
	text-transform: none;
	white-space: nowrap;
	font-size: 26px;
}

.scrolling-content span img{
	width: 40px;
	max-width: 40px;
	height: auto;
	margin-right: 26px;
}

.section-title h2 span{
	color: var(--brand-blue);
}

.dark-section .section-title h2 span{
	color: var(--accent-color);
}

/* Temanın laboratuvar çizimi yerine akrep çizimi (aynı açık gri çizgi dili) */
.about-us{
	background-image: url('../images/brand/cizim-kivrik.webp?v=1');
	background-position: right -20px bottom 50px;
	background-size: 400px auto;
}

/* Tür künyesi (temanın yorum/puan kutusunun yerine — sahte puan yok) */
.tur-kunye{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 32px;
	margin-top: 30px;
}

.tur-kunye-bilgi{
	border-right: 1px solid var(--divider-color);
	padding-right: 32px;
}

.tur-kunye-bilgi p{
	margin: 0;
	font-size: 14px;
	line-height: 1.4em;
}

.tur-kunye-bilgi h3{
	font-size: 20px;
	margin: 4px 0;
}

.tur-rozet{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 20px 12px 14px;
	background: #FFFFFF;
	border-radius: 100px;
	box-shadow: 0 0 20px rgba(10, 31, 68, 0.10);
	color: var(--primary-color);
	font-size: 15px;
	line-height: 1.3em;
}

.tur-rozet i{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: linear-gradient(135deg, #020A22, #0B4FA8);
	color: #FFFFFF;
	font-size: 16px;
}

/* Kutular */
.about-image img{
	aspect-ratio: auto;
}

.about-image::before{
	background: linear-gradient(180deg, rgba(10, 31, 68, 0) 40%, rgba(2, 10, 34, 0.88) 100%);
	z-index: 1;
}

.about-counter-box{
	background: linear-gradient(150deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
	border: 1px solid rgba(58, 168, 255, 0.35);
}

/* Sayı üstte, etiket altında (tema yan yana + sabit 95 px genişlikte "m²" etikete biniyordu) */
.about-counter-title{
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin-bottom: 26px;
	padding-bottom: 26px;
}

.about-counter-title h2{
	width: auto;
	font-size: 58px;
	font-weight: 700;
	line-height: 1em;
	white-space: nowrap;
	color: var(--accent-color);
}

.about-counter-title h2 small{
	font-size: 0.5em;
	font-weight: 600;
	margin-left: 6px;
}

.about-counter-title h3{
	font-size: 17px;
	font-weight: 600;
	color: #FFFFFF;
}

.ruhsat-kunye{
	margin: 0 0 24px;
}

.ruhsat-kunye > div{
	display: flex;
	gap: 14px;
	padding: 9px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
	font-size: 15px;
	line-height: 1.4em;
}

.ruhsat-kunye > div:last-child{
	border-bottom: 0;
}

.ruhsat-kunye dt{
	flex: 0 0 64px;
	font-weight: 500;
	color: #8FA6C4;
}

.ruhsat-kunye dd{
	margin: 0;
	font-weight: 600;
	color: #FFFFFF;
}

.video-play-button a i{
	margin-left: 3px;
}

/* Yerel video açılır pencere */
.sv-video-kutu{
	position: relative;
	width: min(420px, 92vw);
	margin: 0 auto;
}

.sv-video-kutu video{
	display: block;
	width: 100%;
	max-height: 86vh;
	border-radius: 16px;
	background: #000;
}

/************************************/
/***   Üretim zinciri (kartlar)   ***/
/************************************/
/* Temanın hover'da açılan + koyu perdeli kartı fotoğrafı okunmaz bırakıyordu (kullanıcı:
   "ne lab belli ne hayvan belli") → fotoğraf her zaman üstte, perdesiz; metin altta. */
.uretim-kart{
	display: flex;
	flex-direction: column;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	background: #FFFFFF;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
	transition: box-shadow 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.uretim-kart:hover{
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(10, 31, 68, 0.14);
}

.uretim-kart-gorsel{
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.uretim-kart-gorsel picture,
.uretim-kart-gorsel img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease-in-out;
}

@media only screen and (max-width: 1199px){
	.uretim-kart-gorsel{
		aspect-ratio: 4 / 3;
	}
}

.uretim-kart:hover .uretim-kart-gorsel img{
	transform: scale(1.05);
}

.uretim-kart-icerik{
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 38px 28px 28px;
}

.uretim-kart-ikon{
	position: absolute;
	top: -26px;
	left: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: linear-gradient(135deg, #020A22, #0B4FA8);
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	box-shadow: 0 6px 16px rgba(10, 31, 68, 0.25);
}

.uretim-kart-ikon .ka-mi{
	width: 24px;
	height: 24px;
	stroke-width: 1.8;
}

.uretim-kart h3{
	font-size: 20px;
	line-height: 1.25em;
	min-height: 2.5em;		/* tek/iki satır başlıklarda açıklamalar aynı hizada */
	display: flex;
	align-items: flex-end;
	margin-bottom: 10px;
}

.uretim-kart h3 a{
	color: var(--primary-color);
	transition: color 0.3s ease-in-out;
}

.uretim-kart h3 a:hover{
	color: var(--brand-blue);
}

.uretim-kart p{
	line-height: 1.55em;
	margin-bottom: 18px;
}

.uretim-kart .readmore-btn{
	margin-top: auto;
	align-self: flex-start;
	color: var(--brand-blue);
}

.section-footer-text p a{
	color: var(--brand-blue);
}

.section-footer-text p a:hover{
	color: var(--primary-color);
}

/************************************/
/***   Mevzuat uyumu              ***/
/************************************/
.why-choose-us{
	background-image: url('../images/brand/cizim-ustten.webp?v=1');
	background-position: left -60px bottom 40px;
	background-size: 400px auto;
}

.why-choose-image picture,
.why-choose-body-image picture{
	display: block;
}

/* Akrebin tamamı kadraja girsin diye çerçeve 1:1,16 yerine 1:1,3 */
.why-choose-us .why-choose-image figure img{
	aspect-ratio: 1 / 1.3;
}

/* Belge sayacı: açık tonlu fotoğraf üstünde lacivert cam (tema açık cam + koyu yazı okunmuyordu) */
.why-choose-image-box .satisfy-client-box.belge-sayac{
	left: auto;
	right: 30px;	/* sol altta akrebin kuyruğunu kapatıyordu */
	background: rgba(2, 10, 34, 0.72);
	border: 1px solid rgba(58, 168, 255, 0.35);
	border-radius: 16px;
	padding: 22px 26px;
	min-width: 250px;
}

.belge-sayac-ust{
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 14px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.belge-sayac-ust strong{
	font-family: var(--accent-font);
	font-size: 44px;
	font-weight: 700;
	line-height: 1em;
	color: var(--accent-color);
}

.belge-sayac-ust .belge-sayac-etiket{
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3em;
	color: #FFFFFF;
	max-width: 120px;
}

.belge-sayac ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.belge-sayac li{
	font-size: 14px;
	line-height: 1.4em;
	color: #C9D6E8;
	padding: 3px 0;
}

.belge-sayac li b{
	display: inline-block;
	min-width: 18px;
	color: #FFFFFF;
}

/* Maddeler */
.why-choose-item-header .icon-box .ka-mi{
	position: relative;
	z-index: 1;
	width: 24px;
	height: 24px;
	color: var(--primary-color);
	stroke-width: 1.8;
	transition: color 0.4s ease-in-out;
}

.why-choose-item:hover .why-choose-item-header .icon-box .ka-mi{
	color: #FFFFFF;
}

.durum-rozet{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	padding: 3px 10px;
	border-radius: 100px;
	background: #E3F5EC;
	color: #146C3E;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4em;
}

.durum-rozet::before{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.why-choose-item-content p{
	line-height: 1.5em;
}

.why-choose-item-content time{
	font-weight: 600;
	color: var(--primary-color);
}

/************************************/
/***   Değer zinciri              ***/
/************************************/
.what-we-do{
	
}

.what-we-do.bg-section{
	background-color: transparent;
	background-image: url('../images/brand/cizim-capraz-koyu.webp?v=1'), linear-gradient(135deg, #020A22 0%, #0A1F44 55%, #0B2F6A 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right -170px bottom -40px, center;
	background-size: 420px auto, cover;
}

.deger-adimlar{
	list-style: none;
	margin: 0;
	padding: 0;
}

.deger-adimlar .what-we-item{
	position: relative;
	margin-bottom: 26px;
	padding-bottom: 26px;
}

/* Adımları birbirine bağlayan ince dikey çizgi */
.deger-adimlar .what-we-item::after{
	content: '';
	position: absolute;
	left: 25px;
	top: 58px;
	bottom: -18px;
	width: 1px;
	background: linear-gradient(to bottom, rgba(58, 168, 255, 0.55), rgba(58, 168, 255, 0));
}

.deger-adimlar .what-we-item:last-child::after{
	display: none;
}

.adim-no{
	position: relative;
	z-index: 1;
	font-family: var(--accent-font);
	font-size: 16px;
	font-weight: 700;
	color: var(--primary-color);
}

.deger-adimlar .what-we-content h3{
	font-size: 19px;
	margin-bottom: 6px;
}

.deger-adimlar .what-we-content p{
	color: #C9D6E8;
	line-height: 1.55em;
}

.what-we-counter-box h2{
	-webkit-text-stroke: 0;
	color: var(--accent-color);
	background: none;
}

.what-we-counter-box p{
	color: #C9D6E8;
	line-height: 1.55em;
}

.dark-section .section-title p{
	color: #C9D6E8;
}

/************************************/
/***   Analitik kimlik            ***/
/************************************/
.analitik-kimlik{
	padding: 100px 0;
}

.krom-kart{
	height: calc(100% - 30px);
	margin: 0 0 30px;
	padding: 28px 28px 22px;
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
	display: flex;
	flex-direction: column;
}

.krom-ust{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.krom-etiket{
	display: inline-flex;
	padding: 6px 14px;
	border-radius: 100px;
	background: var(--secondary-color);
	color: var(--brand-blue);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.krom-sayi{
	font-size: 14px;
	color: var(--text-color);
}

.krom-sayi strong{
	font-family: var(--accent-font);
	font-size: 26px;
	color: var(--primary-color);
	margin-right: 4px;
}

.krom-sarmal{
	flex: 1;
	display: flex;
	align-items: center;
}

.kromatogram{
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.krom-izgara line{
	stroke: #0A1F44;
	stroke-opacity: 0.07;
	stroke-width: 1;
}

.krom-eksen{
	stroke: #0A1F44;
	stroke-opacity: 0.35;
	stroke-width: 1;
}

.krom-cizgi{
	fill: none;
	stroke: var(--brand-blue);
	stroke-width: 1.6;
	stroke-linejoin: round;
}

.krom-yazi text{
	font-family: var(--default-font);
	font-size: 11px;
	fill: #6B7C93;
}

/* Çizim animasyonu: JS `hazir` ekler (çizgi gizli), görünür olunca `ciz` */
.krom-kart.hazir .krom-cizgi{
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
}

.krom-kart.hazir .krom-alan{
	opacity: 0;
}

.krom-kart.hazir.ciz .krom-cizgi{
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 2.6s ease-in-out;
}

.krom-kart.hazir.ciz .krom-alan{
	opacity: 1;
	transition: opacity 1s ease-in-out 1.8s;
}

.krom-kart figcaption{
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.45em;
	color: #6B7C93;
}

/* Peptid kartı */
.peptid-kart{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 34px 32px;
	border-radius: 20px;
	background: linear-gradient(150deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
	border: 1px solid rgba(58, 168, 255, 0.35);
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
}

.peptid-ust{
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8FA6C4;
}

.peptid-kart h3{
	font-size: 40px;
	font-weight: 700;
	color: var(--accent-color);
	margin-bottom: 16px;
}

.peptid-kanallar{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
}

.peptid-kanallar li{
	padding: 6px 14px;
	border: 1px solid rgba(58, 168, 255, 0.45);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 600;
}

.peptid-dizi-baslik{
	margin: 0 0 8px;
	font-size: 14px;
	color: #C9D6E8;
}

.peptid-dizi-baslik span{
	color: #8FA6C4;
}

.peptid-dizi{
	margin: 0 0 20px;
	padding: 12px 14px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.06);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 15px;
	letter-spacing: 0.12em;
	line-height: 1.7em;
	word-break: break-all;
	color: #DCE6F4;
}

.peptid-dizi b{
	color: var(--accent-color);
	font-weight: 700;
}

.peptid-kunye{
	margin: 0 0 22px;
}

.peptid-kunye > div{
	display: flex;
	gap: 14px;
	padding: 8px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
	font-size: 15px;
}

.peptid-kunye > div:last-child{
	border-bottom: 0;
}

.peptid-kunye dt{
	flex: 0 0 72px;
	font-weight: 500;
	color: #8FA6C4;
}

.peptid-kunye dd{
	margin: 0;
	font-weight: 600;
}

.peptid-kart .readmore-btn{
	margin-top: auto;
	align-self: flex-start;
	color: #FFFFFF;
}

.peptid-kart .readmore-btn::before{
	background-image: url('../images/arrow-white.svg');
}

@media (prefers-reduced-motion: reduce){
	.krom-kart.hazir .krom-cizgi{ stroke-dashoffset: 0; }
	.krom-kart.hazir .krom-alan{ opacity: 1; }
}

/************************************/
/***   Tesis videoları            ***/
/************************************/
/* Videolar dikey telefon çekimi → tam kadraj arka plan yerine iki dikey çerçeve */
.intro-video.tesis-video{
	padding: 110px 0;
	background: radial-gradient(55% 70% at 75% 50%, rgba(58, 168, 255, 0.20) 0%, rgba(58, 168, 255, 0) 65%),
		linear-gradient(120deg, #020A22 0%, #0A1F44 55%, #0B2F6A 100%);
}

.tesis-video .section-title p{
	font-size: 17px;
	line-height: 1.65em;
	max-width: 560px;
}

.tesis-video-butonlar{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px 32px;
}

.tesis-video .video-play-border-button a{
	width: 96px;
	height: 96px;
	border-color: var(--accent-color);
	font-family: var(--accent-font);
	font-weight: 700;
	text-transform: none;
	box-shadow: 0 0 0 10px rgba(58, 168, 255, 0.08);
}

.tesis-video .video-play-border-button a:hover{
	background: var(--accent-color);
	color: var(--primary-color);
	font-size: 16px;
}

.tesis-video-cerceveler{
	display: flex;
	align-items: flex-start;	/* kademeli ikinci çerçeve birinciyi uzatmasın */
	justify-content: center;
	gap: 26px;
}

.tesis-video-kutu{
	position: relative;
	width: min(215px, 31.5%);	/* 3 çerçeve yan yana (sütun ~635 px) */
	margin: 0;
	padding: 8px;
	border-radius: 26px;
	background: linear-gradient(160deg, rgba(58, 168, 255, 0.55), rgba(58, 168, 255, 0.05) 45%, rgba(58, 168, 255, 0.35));
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
}

.tesis-video-kutu-2{
	margin-top: 45px;	/* kademeli yerleşim: 0 / 45 / 90 */
}

.tesis-video-kutu-3{
	margin-top: 90px;
}

.tesis-video-kutu video{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	border-radius: 19px;
	background: #020A22;
}

.tesis-video-kutu figcaption{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	padding: 7px 12px;
	border-radius: 10px;
	background: rgba(2, 10, 34, 0.78);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
}

@media only screen and (max-width: 991px){
	.intro-video.tesis-video{
		padding: 70px 0;
	}

	.tesis-video-cerceveler{
		margin-top: 50px;
	}
}

@media only screen and (max-width: 575px){
	.tesis-video-cerceveler{
		gap: 10px;
	}

	.tesis-video-kutu{
		width: 31.5%;
		padding: 5px;
		border-radius: 16px;
	}

	.tesis-video-kutu-2{
		margin-top: 14px;	/* dar ekranda kademe azaltıldı: en alttaki etiket yüzen düğmelere denk geliyordu */
	}

	.tesis-video-kutu-3{
		margin-top: 28px;
	}

	/* dar ekranda çerçeve küçülüyor → üstte duran etiket görüntünün yarısını kapatıyordu: altına al */
	.tesis-video-kutu figcaption{
		position: static;
		margin-top: 6px;
		padding: 0 2px;
		background: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		font-size: 11.5px;
		line-height: 1.35;
		text-align: center;
		color: rgba(255, 255, 255, 0.82);
	}
}

/************************************/
/***   SSS + Blog + Footer        ***/
/************************************/
.our-faqs{
	background-image: url('../images/brand/suluboya-sss.webp?v=2');
	background-position: right -90px bottom 30px;
	background-size: 400px auto;
}

/* 1800 altı sağda yer yok (akordeon kutusu kapatıyor) → sol sütunda, butonun altındaki boşlukta */
@media only screen and (min-width: 992px) and (max-width: 1799px){
	.our-faqs{
		background-position: left calc(50% - 470px) bottom 40px;
		background-size: 210px auto;
	}
}

@media only screen and (max-width: 991px){
	.our-faqs{
		background-image: none;
	}
}

.faq-accordion .accordion-header .accordion-button{
	font-family: var(--accent-font);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
}

.faq-accordion .accordion-item .accordion-body p{
	line-height: 1.7em;
}

/* Blog kartı: başlık h3 (sayfada tek h1 + bölüm h2'leri) */
.post-featured-image{
	position: relative;
}

.post-kategori{
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	padding: 5px 12px;
	border-radius: 100px;
	background: rgba(2, 10, 34, 0.78);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	pointer-events: none;
}

/* img'deki height özniteliği temanın aspect-ratio'sunu eziyordu (kart görseli dikey uzuyordu) */
.post-featured-image img{
	height: auto;
}

.post-item-content h3{
	font-size: 19px;
	line-height: 1.4em;
}

.post-item-content h3 a{
	display: inline-block;
	color: inherit;
	transition: color 0.3s ease-in-out;
}

.post-item-content h3 a:hover{
	color: var(--brand-blue);
}

.post-item{
	display: flex;
	flex-direction: column;
}

.post-item-body{
	display: flex;
	flex-direction: column;
	flex: 1;
}

.post-item-btn{
	margin-top: auto;
}

/* Footer */
.main-footer.bg-section{
	background-color: #0A1F44;
	background-image: url('../images/brand/suluboya-footer.webp?v=2'), linear-gradient(135deg, #020A22 0%, #0A1F44 60%, #0B2F6A 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 20px bottom 96px, center;	/* sağ alt, telif çizgisinin üstünde */
	background-size: 250px auto, cover;
}

/* 1800 altı kenar boşluğu yok: iletişim sütununun altına, "Çerez Tercihleri"nin soluna */
@media only screen and (max-width: 1799px){
	.main-footer.bg-section{
		background-size: 165px auto, cover;
		background-position: right 190px bottom 12px, center;
	}
}

@media only screen and (max-width: 767px){
	.main-footer.bg-section{
		background-size: 74px auto, cover;
		background-position: right 16px top 22px, center;	/* telefonda logonun karşısı boş */
	}
}

.footer-logo img{
	display: block;
	max-width: 263px;
	height: auto;
}

.about-footer-content p{
	color: #C9D6E8;
	line-height: 1.7em;
}

.footer-kisit{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 9px 14px;
	border: 1px solid rgba(58, 168, 255, 0.35);
	border-radius: 12px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
}

.footer-kisit .ka-mi{
	color: var(--accent-color);
	width: 22px;
	height: 22px;
}

.footer-links ul li{
	text-transform: none;
	color: #C9D6E8;
}

.footer-iletisim ul{
	list-style: none;
	padding: 0;
}

.footer-iletisim ul li{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	line-height: 1.55em;
}

.footer-iletisim ul li i{
	flex: 0 0 16px;
	margin-top: 4px;
	color: var(--accent-color);
}

.footer-iletisim ul li a{
	color: #FFFFFF;
	word-break: break-word;
}

.footer-copyright-text{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	text-align: left;
}

.footer-copyright-text p{
	color: #C9D6E8;
	font-size: 14px;
}

.cerez-tercih-ac{
	background: transparent;
	border: 1px solid var(--dark-divider-color);
	border-radius: 100px;
	padding: 7px 16px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.cerez-tercih-ac:hover,
.cerez-tercih-ac:focus-visible{
	border-color: var(--accent-color);
	color: var(--accent-color);
}

@media only screen and (max-width: 767px){
	.footer-copyright-text{
		justify-content: center;
		text-align: center;
	}
}

/* Bölüm etiketi: temada <h3> idi (H1'den önce H3 → başlık hiyerarşisi bozuluyordu); aynı görünüm <p> ile */
.section-title .bolum-etiket{
	position: relative;
	display: inline-block;
	border: 1px solid var(--divider-color);
	border-radius: 100px;
	font-family: var(--accent-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2em;
	color: var(--primary-color);
	padding: 8px 16px 8px 32px;
	margin: 0 0 10px;
}

.section-title .bolum-etiket::before{
	content: '';
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--accent-color);
	border-radius: 50%;
	width: 6px;
	height: 6px;
}

.dark-section .section-title .bolum-etiket{
	color: #FFFFFF;
	border-color: var(--dark-divider-color);
}

.sv-hero .section-title .bolum-etiket{
	border-color: rgba(58, 168, 255, 0.35);
	background: rgba(58, 168, 255, 0.08);
}

/* .section-title p / .sv-hero ... p kuralları etikete de boyut, renk, boşluk veriyordu */
.section-title p.bolum-etiket{
	margin-top: 0;
	max-width: none;
	font-size: 14px;
	line-height: 1.2em;
	color: var(--primary-color);
}

.dark-section .section-title p.bolum-etiket{
	color: #FFFFFF;
}

/************************************/
/***   Alt sayfa başlığı          ***/
/************************************/
.sayfa-baslik{
	position: relative;
	overflow: hidden;
	padding: 70px 0 64px;
	background-color: #0A1F44;
	background-image: url('../images/brand/suluboya-footer.webp?v=2'), linear-gradient(120deg, #020A22 0%, #0A1F44 55%, #0B2F6A 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 4% center, center;
	background-size: auto 150%, cover;
}

.sayfa-baslik .breadcrumb{
	margin: 0 0 16px;
	padding: 0;
	font-size: 14px;
}

.sayfa-baslik .breadcrumb-item,
.sayfa-baslik .breadcrumb-item a{
	color: #C9D6E8;
}

.sayfa-baslik .breadcrumb-item a:hover{
	color: var(--accent-color);
}

.sayfa-baslik .breadcrumb-item.active{
	color: #FFFFFF;
	max-width: 46ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sayfa-baslik .breadcrumb-item + .breadcrumb-item::before{
	color: rgba(255, 255, 255, 0.45);
}

.sayfa-baslik h1{
	font-size: 46px;
	font-weight: 600;
	line-height: 1.18em;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	margin: 0;
	max-width: 920px;
}

.sayfa-baslik-metin{
	margin: 16px 0 0;
	max-width: 640px;
	font-size: 17px;
	line-height: 1.6em;
	color: #C9D6E8;
}

.sayfa-baslik-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	font-size: 14px;
	color: #C9D6E8;
}

.sayfa-baslik-meta i{
	color: var(--accent-color);
	margin-right: 6px;
}

.sayfa-baslik-meta a{
	color: #FFFFFF;
}

.sayfa-baslik-meta a:hover{
	color: var(--accent-color);
}

/************************************/
/***   Blog yazısı                ***/
/************************************/
.yazi-bolum{
	padding: 70px 0 40px;
}

.yazi-gorsel{
	margin: 0 0 28px;
	border-radius: 20px;
	overflow: hidden;
}

.yazi-gorsel img{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1200 / 851;
	object-fit: cover;
}

.yazi-ozet{
	font-family: var(--accent-font);
	font-size: 19px;
	font-weight: 500;
	line-height: 1.6em;
	color: var(--primary-color);
	border-left: 3px solid var(--accent-color);
	padding: 2px 0 2px 18px;
	margin: 0 0 30px;
}

.yazi-govde{
	font-size: 17px;
	line-height: 1.75em;
}

.yazi-govde p{
	line-height: 1.75em;
}

.post-entry.yazi-govde h2{
	font-size: 30px;
	font-weight: 600;
	line-height: 1.25em;
	letter-spacing: -0.01em;
	margin: 40px 0 16px;
}

.post-entry.yazi-govde h3{
	font-size: 22px;
	font-weight: 600;
	margin: 28px 0 12px;
}

.post-entry.yazi-govde a{
	color: var(--brand-blue);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(11, 99, 197, 0.35);
	text-underline-offset: 3px;
}

.post-entry.yazi-govde a:hover{
	text-decoration-color: var(--brand-blue);
}

.post-entry.yazi-govde ul li::marker,
.post-entry.yazi-govde ol li::marker{
	color: var(--brand-blue);
	font-weight: 700;
}

.post-entry.yazi-govde li{
	font-size: 17px;
	margin-bottom: 10px;
}

.post-entry.yazi-govde blockquote{
	background: var(--secondary-color);
	border-left: 4px solid var(--accent-color);
	border-radius: 0 16px 16px 0;
	padding: 20px 24px;
}

.post-entry.yazi-govde blockquote p{
	font-size: 18px;
	font-weight: 600;
}

/* Tablolar: dar ekranda yatay kaydırılır, sayfa taşmaz */
.post-entry.yazi-govde table{
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	margin: 24px 0 30px;
	font-size: 15px;
	line-height: 1.5em;
	border-radius: 14px;
	box-shadow: 0 0 0 1px var(--divider-color);
}

.post-entry.yazi-govde th,
.post-entry.yazi-govde td{
	padding: 12px 16px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--divider-color);
	min-width: 120px;
}

.post-entry.yazi-govde thead th{
	background: var(--primary-color);
	color: #FFFFFF;
	font-family: var(--accent-font);
	font-weight: 600;
}

.post-entry.yazi-govde tbody tr:nth-child(even){
	background: #F5F8FC;
}

.yazi-etiketler{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}

.yazi-etiketler li{
	padding: 6px 14px;
	border-radius: 100px;
	background: var(--secondary-color);
	color: var(--brand-blue);
	font-size: 13px;
	font-weight: 600;
}

.yazi-sss{
	margin-bottom: 30px;
}

.yazi-sss > h2{
	font-size: 28px;
	margin-bottom: 20px;
}

.yazi-sss .faq-accordion{
	margin-left: 0;
	padding: 30px;
}

.yazi-sss .accordion-header .accordion-button{
	font-family: var(--accent-font);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
}

.yazi-not{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px 18px;
	border-radius: 12px;
	background: #F0F4FA;
	font-size: 14px;
	line-height: 1.55em;
	margin: 0;
}

.yazi-not .ka-mi{
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	color: var(--brand-blue);
}

/* Yan sütun */
.yazi-yan{
	position: sticky;
	top: 110px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-left: 10px;
}

.yan-kutu{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 26px;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
}

.yan-kutu h2{
	font-size: 20px;
	margin-bottom: 16px;
}

.yan-kategoriler,
.yan-son{
	list-style: none;
	margin: 0;
	padding: 0;
}

.yan-kategoriler li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid var(--divider-color);
	color: var(--primary-color);
	font-weight: 600;
	transition: color 0.3s ease-in-out;
}

.yan-kategoriler li:last-child a{
	border-bottom: 0;
}

.yan-kategoriler li a:hover{
	color: var(--brand-blue);
}

.yan-kategoriler span{
	min-width: 30px;
	padding: 2px 8px;
	border-radius: 100px;
	background: var(--secondary-color);
	color: var(--brand-blue);
	font-size: 13px;
	text-align: center;
}

.yan-son li + li{
	margin-top: 14px;
}

.yan-son a{
	display: flex;
	gap: 14px;
	align-items: center;
}

.yan-resim{
	flex: 0 0 84px;
	border-radius: 12px;
	overflow: hidden;
}

.yan-resim img{
	display: block;
	width: 84px;
	height: 64px;
	object-fit: cover;
}

.yan-metin strong{
	display: block;
	font-family: var(--accent-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35em;
	color: var(--primary-color);
	transition: color 0.3s ease-in-out;
}

.yan-son a:hover strong{
	color: var(--brand-blue);
}

.yan-metin time{
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #6B7C93;
}

.yan-kutu.yan-cta{
	background: linear-gradient(150deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
	border: 1px solid rgba(58, 168, 255, 0.35);
}

.yan-cta h2{
	color: #FFFFFF;
}

.yan-cta p{
	color: #C9D6E8;
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.yan-cta .btn-default.btn-highlighted{
	background: var(--accent-color);
	color: var(--primary-color);
}

.ilgili-yazilar{
	padding-top: 40px;
}

/* Blog listesi */
.blog-liste{
	padding-top: 60px;
}

.blog-filtre{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
}

.blog-filtre button{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border: 1px solid var(--divider-color);
	border-radius: 100px;
	background: #FFFFFF;
	color: var(--primary-color);
	font-family: var(--accent-font);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.blog-filtre button span{
	min-width: 26px;
	padding: 1px 8px;
	border-radius: 100px;
	background: var(--secondary-color);
	color: var(--brand-blue);
	font-size: 12px;
}

.blog-filtre button:hover{
	border-color: var(--accent-color);
}

.blog-filtre button.aktif{
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #FFFFFF;
}

.blog-filtre button.aktif span{
	background: var(--accent-color);
	color: var(--primary-color);
}

.post-tarih{
	margin: 0 0 8px;
	font-size: 13px;
	color: #6B7C93;
}

.post-tarih i{
	color: var(--brand-blue);
	margin-right: 4px;
}

.blog-liste .post-item-content h2{
	font-size: 19px;
	line-height: 1.4em;
}

.blog-liste .post-item-content h2 a{
	color: inherit;
	transition: color 0.3s ease-in-out;
}

.blog-liste .post-item-content h2 a:hover{
	color: var(--brand-blue);
}

.blog-kart[hidden]{
	display: none !important;
}

@media only screen and (max-width: 991px){
	.sayfa-baslik{
		padding: 50px 0 46px;
		background-size: auto 120%, cover;
		background-position: right -60px center, center;
	}

	.sayfa-baslik h1{
		font-size: 34px;
	}

	.yazi-yan{
		position: static;
		margin: 30px 0 0;
	}
}

@media only screen and (max-width: 575px){
	.sayfa-baslik h1{
		font-size: 28px;
	}

	.sayfa-baslik .breadcrumb-item.active{
		max-width: 22ch;
	}

	.yazi-ozet{
		font-size: 17px;
	}

	.post-entry.yazi-govde h2{
		font-size: 24px;
	}

	.yazi-sss .faq-accordion{
		padding: 20px;
	}
}

/************************************/
/***   Alt sayfalar               ***/
/************************************/
.alt-sayfa{
	padding: 70px 0 60px;
}

/* Yan menü */
.alt-yan .page-category-list h2{
	font-size: 18px;
	color: #FFFFFF;
	background: var(--primary-color);
	padding: 22px 30px;
	margin: 0;
}

.alt-yan .page-category-list ul{
	padding: 16px 20px;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
}

.alt-yan .page-category-list ul li{
	padding-bottom: 0;
	margin-bottom: 0;
}

.alt-yan .page-category-list ul li a{
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 34px 14px 10px;
	border-radius: 10px;
	color: var(--primary-color);
	font-family: var(--accent-font);
	font-weight: 600;
	text-transform: none;
}

.alt-yan .page-category-list ul li a::before{
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.alt-yan .page-category-list ul li a:hover::before{
	transform: translateY(-50%) rotate(45deg);
}

.alt-yan .page-category-list .ka-mi{
	width: 20px;
	height: 20px;
	color: var(--brand-blue);
}

.alt-yan .page-category-list li.aktif a{
	background: var(--secondary-color);
	color: var(--brand-blue);
}

.alt-yan{
	top: 110px;
	margin-bottom: 30px;
}

.alt-yan .page-category-list{
	margin-bottom: 30px;
}

.sidebar-cta-box.alt-cta{
	background: linear-gradient(150deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
	border: 1px solid rgba(58, 168, 255, 0.35);
	padding: 32px;
}

.sidebar-cta-box.alt-cta::before{
	display: none;
}

.alt-cta .sidebar-cta-logo{
	margin-bottom: 26px;
}

.alt-cta .sidebar-cta-logo img{
	max-width: 210px;
	height: auto;
}

.alt-cta .sidebar-cta-content p{
	color: #C9D6E8;
	line-height: 1.6em;
}

.alt-cta .alt-cta-tel a{
	color: #FFFFFF;
	font-family: var(--accent-font);
	font-weight: 700;
}

.alt-cta .alt-cta-tel i{
	color: var(--accent-color);
	margin-right: 6px;
}

.alt-cta .btn-default.btn-highlighted{
	background: var(--accent-color);
	color: var(--primary-color);
}

/* İçerik */
.alt-icerik{
	min-width: 0;
}

.alt-ozet{
	font-family: var(--accent-font);
	font-size: 19px;
	font-weight: 500;
	line-height: 1.6em;
	color: var(--primary-color);
	margin: 0 0 18px;
}

.alt-kisit{
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 14px 18px;
	border-radius: 12px;
	background: var(--secondary-color);
	color: var(--primary-color);
	font-weight: 600;
	line-height: 1.5em;
	margin: 0;
}

.alt-kisit .ka-mi,
.alt-not .ka-mi{
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	color: var(--brand-blue);
}

.alt-bolum{
	margin-top: 56px;
}

.alt-bolum > h2,
.alt-kolon-metin h2{
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25em;
	letter-spacing: -0.01em;
	margin-bottom: 18px;
}

.alt-bolum p,
.alt-kolon-metin p{
	line-height: 1.7em;
}

.alt-bolum a:not(.btn-default),
.alt-kolon-metin a:not(.btn-default){
	color: var(--brand-blue);
	font-weight: 600;
}

.alt-alt-baslik{
	font-size: 22px;
	margin: 34px 0 14px;
}

.alt-dipnot{
	margin-top: 16px;
	font-size: 14px;
	color: #6B7C93;
	line-height: 1.55em;
}

.alt-not{
	margin-top: 22px;
	padding: 16px 20px;
	border-left: 3px solid var(--accent-color);
	border-radius: 0 12px 12px 0;
	background: #F0F4FA;
	font-size: 15px;
	line-height: 1.6em;
}

.alt-not strong{
	color: var(--primary-color);
}

.alt-liste{
	margin: 0 0 18px;
	padding-left: 20px;
}

.alt-liste li{
	margin-bottom: 8px;
	line-height: 1.55em;
}

.alt-liste li::marker{
	color: var(--brand-blue);
}

/* İki kolon: görsel + metin */
.alt-iki-kolon{
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 34px;
	align-items: center;
}

.alt-resim{
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
}

.alt-resim img{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1200 / 851;
	object-fit: cover;
	transition: transform 0.6s ease-in-out;
}

.alt-resim a:hover img{
	transform: scale(1.04);
}

/* Künye (tanım listesi) */
.kunye-liste{
	margin: 0;
}

.kunye-liste > div{
	display: flex;
	gap: 14px;
	padding: 10px 0;
	border-bottom: 1px dashed var(--divider-color);
	font-size: 15px;
	line-height: 1.45em;
}

.kunye-liste > div:last-child{
	border-bottom: 0;
}

.kunye-liste dt{
	flex: 0 0 38%;
	font-weight: 500;
	color: #6B7C93;
}

.kunye-liste dd{
	margin: 0;
	font-weight: 600;
	color: var(--primary-color);
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Tablolar */
.tablo-sarmal{
	width: 100%;
	overflow-x: auto;
	border-radius: 16px;
	box-shadow: 0 0 0 1px var(--divider-color);
	background: #FFFFFF;
}

.veri-tablo{
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5em;
}

.veri-tablo th,
.veri-tablo td{
	padding: 13px 18px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--divider-color);
}

.veri-tablo thead th{
	background: var(--primary-color);
	color: #FFFFFF;
	font-family: var(--accent-font);
	font-weight: 600;
	white-space: nowrap;
}

.veri-tablo tbody tr:nth-child(even){
	background: #F5F8FC;
}

.veri-tablo tbody tr:last-child td{
	border-bottom: 0;
}

.veri-tablo td:first-child{
	font-weight: 600;
	color: var(--primary-color);
}

/* Ürün kartları */
.urun-kartlar,
.sinif-kartlar,
.belge-kartlar,
.grafik-kartlar{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.urun-kart,
.sinif-kart,
.belge-kart,
.grafik-kart{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 28px;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
	scroll-margin-top: 110px;
}

.urun-kart-ust{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.urun-no{
	padding: 5px 12px;
	border-radius: 100px;
	background: var(--secondary-color);
	color: var(--brand-blue);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.urun-kart-ust .ka-mi{
	width: 34px;
	height: 34px;
	color: var(--brand-blue);
}

.urun-kart h3,
.belge-kart h3,
.sinif-kart h3{
	font-size: 21px;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.urun-kart p{
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 12px;
}

/* Sınıflandırma */
.sinif-ust{
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 14px;
}

.sinif-ust img{
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
}

.sinif-ust p{
	margin: 0;
	font-size: 14px;
	color: #6B7C93;
}

.sinif-ust h3{
	margin-bottom: 2px;
}

.sinif-rozet{
	flex: 0 0 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	transform: rotate(45deg) scale(0.78);
	border: 3px solid #1B1B1B;
	background: #FFFFFF;
	font-family: var(--accent-font);
	font-weight: 700;
	color: #1B1B1B;
}

.sinif-rozet span{
	transform: rotate(-45deg);
}

/* Özellik kartları (3'lü) */
.ozellik-kartlar{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.ozellik-kart{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 26px 24px;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
}

.ozellik-kart .ka-mi{
	width: 34px;
	height: 34px;
	color: var(--brand-blue);
	margin-bottom: 14px;
}

.ozellik-kart h3{
	font-size: 19px;
	margin-bottom: 8px;
}

.ozellik-kart p{
	font-size: 15px;
	line-height: 1.6em;
	margin: 0;
}

/* Adım listesi */
.adim-liste{
	list-style: none;
	counter-reset: adim;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
}

.adim-liste li{
	counter-increment: adim;
	position: relative;
	padding: 22px 24px 22px 84px;
	background: #FFFFFF;
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.05);
}

.adim-liste li::before{
	content: counter(adim, decimal-leading-zero);
	position: absolute;
	left: 22px;
	top: 22px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #020A22, #0B4FA8);
	color: #FFFFFF;
	font-family: var(--accent-font);
	font-weight: 700;
	font-size: 15px;
}

.adim-liste h3{
	font-size: 18px;
	margin-bottom: 6px;
}

.adim-liste p{
	margin: 0;
	font-size: 15px;
	line-height: 1.6em;
}

/* Sayaç şeridi */
.sayac-serit{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 26px;
}

.sayac-oge{
	padding: 22px 18px;
	border-radius: 18px;
	background: linear-gradient(150deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
	text-align: center;
}

.sayac-oge strong{
	display: block;
	font-family: var(--accent-font);
	font-size: 40px;
	line-height: 1em;
	color: var(--accent-color);
	margin-bottom: 8px;
}

.sayac-oge span:not(.counter){
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 1.35em;
}

/* Belge kartları */
.belge-ust{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.belge-no{
	font-family: var(--accent-font);
	font-size: 28px;
	font-weight: 700;
	color: #D5DEEA;
}

/* Zaman çizelgesi */
.zaman-cizelgesi{
	list-style: none;
	margin: 0;
	padding: 0 0 0 26px;
	position: relative;
}

.zaman-cizelgesi::before{
	content: '';
	position: absolute;
	left: 7px;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background: linear-gradient(to bottom, var(--accent-color), rgba(58, 168, 255, 0.15));
}

.zaman-cizelgesi li{
	position: relative;
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 2px 18px;
	padding: 12px 0;
	border-bottom: 1px dashed var(--divider-color);
}

.zaman-cizelgesi li:last-child{
	border-bottom: 0;
}

.zaman-cizelgesi li::before{
	content: '';
	position: absolute;
	left: -25px;
	top: 17px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 3px solid var(--brand-blue);
}

.zaman-cizelgesi time{
	grid-row: span 2;
	font-family: var(--accent-font);
	font-weight: 700;
	color: var(--brand-blue);
	font-size: 15px;
}

.zaman-cizelgesi strong{
	color: var(--primary-color);
	font-weight: 600;
	line-height: 1.4em;
}

.zaman-cizelgesi span{
	font-size: 14px;
	color: #6B7C93;
}

/* Grafikler */
.grafik-kart{
	margin: 0;
	display: flex;
	flex-direction: column;
}

.grafik-ust{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.grafik-svg{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}

.grafik-svg .g-yazi{
	font-family: var(--default-font);
	font-size: 11px;
	fill: #6B7C93;
}

.grafik-svg .g-kalin{
	font-weight: 700;
	fill: var(--primary-color);
}

.grafik-svg .g-vurgu{
	font-weight: 700;
	fill: var(--brand-blue);
}

.grafik-svg .g-izgara{
	stroke: #0A1F44;
	stroke-opacity: 0.07;
}

.grafik-svg .g-eksen{
	stroke: #0A1F44;
	stroke-opacity: 0.35;
}

.grafik-svg .g-cizgi{
	fill: none;
	stroke: var(--brand-blue);
	stroke-width: 2;
	stroke-linejoin: round;
}

.grafik-kart figcaption{
	margin-top: auto;
}

.alt-peptid{
	height: auto;
	margin: 0 0 18px;
}

/* CTA bandı */
.alt-cta-bant{
	margin-top: 60px;
	padding: 38px 40px;
	border-radius: 24px;
	background: url('../images/brand/suluboya-footer.webp?v=2') no-repeat right -30px center / auto 160%, linear-gradient(135deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
}

.alt-cta-bant h2{
	font-size: 28px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.alt-cta-bant p{
	color: #C9D6E8;
	max-width: 560px;
	margin-bottom: 22px;
}

.alt-cta-dugmeler{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.alt-cta-bant .btn-default.btn-highlighted{
	background: var(--accent-color);
	color: var(--primary-color);
}

.alt-ilgili{
	padding-top: 20px;
}

/* İletişim */
.iletisim-sayfa{
	padding: 70px 0 60px;
}

.iletisim-bilgi .section-title h2{
	font-size: 36px;
}

.iletisim-bilgi .contact-info-list{
	display: grid;
	gap: 14px;
	margin-bottom: 26px;
}

.iletisim-bilgi .contact-info-item{
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	margin: 0;
	border-radius: 16px;
	background: #FFFFFF;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
}

.iletisim-bilgi .contact-info-item .icon-box{
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #020A22, #0B4FA8);
	color: #FFFFFF;
	font-size: 18px;
	margin: 0;
}

.iletisim-bilgi .contact-item-content p{
	margin: 0 0 2px;
	font-size: 13px;
	color: #6B7C93;
}

.iletisim-bilgi .contact-item-content h3{
	font-size: 17px;
	line-height: 1.4em;
	margin: 0;
}

.iletisim-bilgi .contact-item-content h3 a{
	color: var(--primary-color);
}

.iletisim-bilgi .contact-item-content h3 a:hover{
	color: var(--brand-blue);
}

.firma-kunye{
	padding: 22px 24px;
	border-radius: 16px;
	background: var(--secondary-color);
	margin-bottom: 30px;
}

.firma-kunye h3{
	font-size: 18px;
	margin-bottom: 8px;
}

/* Tema düzeni: lacivert form kutusu + beyaz alanlar (temanın .contact-us-form stili) */
.iletisim-form-kutu.contact-us-form{
	background: linear-gradient(150deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
	border: 1px solid rgba(58, 168, 255, 0.35);
	border-radius: 24px;
	padding: 36px;
}

.iletisim-form-kutu .section-title{
	margin-bottom: 26px;
}

.iletisim-form-kutu .section-title h2{
	font-size: 30px;
	color: #FFFFFF;
}

.iletisim-form-kutu .section-title p{
	color: #C9D6E8;
}

.zorunlu-not{
	color: #9FB3CC;
	font-size: 13px;
}

.form-etiket{
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #E6EEF8;
}

.iletisim-form-kutu .contact-form form .form-control{
	border: 1px solid transparent;
	border-radius: 12px;
	padding: 13px 16px;
	font-size: 15px;
	background-color: #FFFFFF;
	color: var(--primary-color);
	box-shadow: none;
}

.iletisim-form-kutu .contact-form form .form-control::placeholder{
	color: #8A9AB0;
}

.iletisim-form-kutu .contact-form form .form-control:focus{
	border-color: var(--accent-color);
	box-shadow: 0 0 0 3px rgba(58, 168, 255, 0.28);
}

.iletisim-form-kutu .help-block.with-errors ul{
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	color: #FFB8AD;
}

.iletisim-form-kutu .contact-form form .btn-default.btn-highlighted{
	background: var(--accent-color);
	color: var(--primary-color);
}

.iletisim-form-kutu #msgSubmit.text-success{
	color: #8EF0C0 !important;
}

.iletisim-form-kutu #msgSubmit.text-danger{
	color: #FFB8AD !important;
}

/* Güvenlik kodu (form doğrulama) */
.dogrulama-satir{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.dogrulama-kutu{
	position: relative;
	width: 180px;
	height: 60px;
	border-radius: 12px;
	overflow: hidden;
	background: #F5F8FC;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.dogrulama-gorsel{
	display: block;
	width: 180px;
	height: 60px;
}

.dogrulama-yukleniyor{
	font-size: 13px;
	color: #6B7C93;
}

.dogrulama-yenile{
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.08);
	color: #FFFFFF;
	cursor: pointer;
	transition: transform 0.3s, background 0.2s;
}

.dogrulama-yenile:hover,
.dogrulama-yenile:focus-visible{
	background: var(--accent-color);
	color: var(--primary-color);
	transform: rotate(90deg);
}

.iletisim-form-kutu .contact-form form .dogrulama-satir .form-control{
	flex: 1 1 140px;
	min-width: 0;
	max-width: 220px;
	font-family: var(--accent-font);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	text-align: center;
}

.dogrulama-not{
	margin: 8px 0 0;
	font-size: 13px;
	color: #9FB3CC;
}

.bal-kupu{
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.onay-kutu{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
}

.onay-kutu input{
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	accent-color: var(--brand-blue);
}

.onay-kutu label{
	flex: 1;
	font-size: 14px;
	line-height: 1.55em;
	color: #C9D6E8;
}

.onay-kutu label a{
	color: var(--accent-color);
	font-weight: 600;
}

.onay-kutu .help-block{
	flex-basis: 100%;
}

#msgSubmit{
	margin-top: 16px;
	font-size: 16px;
}

#msgSubmit.hidden,
#msgSubmit:empty{
	display: none;
}

.harita-kutu{
	margin-top: 40px;
	border-radius: 24px;
	overflow: hidden;
	min-height: 380px;
	background: linear-gradient(135deg, #E6F1FD, #F5F8FC);
	box-shadow: 0 0 0 1px var(--divider-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.harita-kutu iframe{
	display: block;
	width: 100%;
	height: 420px;
	border: 0;
}

.harita-yer{
	text-align: center;
	padding: 40px 20px;
	max-width: 520px;
}

.harita-yer i{
	font-size: 42px;
	color: var(--brand-blue);
	margin-bottom: 14px;
}

.harita-yer p{
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.harita-dugmeler{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.btn-default.btn-border.harita-link,
.btn-default.btn-border-koyu{
	background: transparent;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.btn-default.btn-border.harita-link::before,
.btn-default.btn-border-koyu::before{
	background-image: url('../images/arrow-primary.svg');
	filter: none;
}

.btn-default.btn-border.harita-link:hover,
.btn-default.btn-border-koyu:hover{
	color: #FFFFFF;
}

.btn-default.btn-border.harita-link:hover::before,
.btn-default.btn-border-koyu:hover::before{
	filter: brightness(0) invert(1);
}

.btn-default.btn-border.harita-link::after,
.btn-default.btn-border-koyu::after{
	background: var(--primary-color);
}

.iletisim-sss{
	max-width: 900px;
	margin: 10px auto 0;
}

.alt-bolum .faq-accordion{
	margin-left: 0;
}

.portal-not{
	margin-top: 30px;
}

/* Footer telif satırı bağlantıları */
.telif-baglantilar{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 18px;
}

.telif-baglantilar a{
	color: #C9D6E8;
	font-size: 14px;
}

.telif-baglantilar a:hover{
	color: var(--accent-color);
}

/* Metin sayfası */
.metin-sayfa{
	border-bottom: 0;
}

/* 404 */
.hata-404{
	padding: 90px 0 100px;
	text-align: center;
}

.hata-kutu{
	max-width: 640px;
	margin: 0 auto;
}

.hata-kutu img{
	width: 200px;
	height: auto;
	margin-bottom: 10px;
}

.hata-kutu h1{
	font-size: 42px;
	margin-bottom: 14px;
}

.hata-kutu .alt-cta-dugmeler{
	justify-content: center;
	margin-top: 24px;
}

@media only screen and (max-width: 1199px){
	.ozellik-kartlar{
		grid-template-columns: minmax(0, 1fr);
	}

	.alt-iki-kolon{
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}
}

@media only screen and (max-width: 991px){
	.alt-sayfa .row > .col-lg-4{
		order: 2;
	}

	.alt-yan{
		position: static;
		margin: 40px 0 0;
	}

	.iletisim-form-kutu{
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px){
	.urun-kartlar,
	.sinif-kartlar,
	.belge-kartlar,
	.grafik-kartlar{
		grid-template-columns: minmax(0, 1fr);
	}

	.sayac-serit{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.alt-bolum > h2,
	.alt-kolon-metin h2{
		font-size: 26px;
	}

	.alt-cta-bant{
		padding: 30px 24px;
	}

	.zaman-cizelgesi li{
		grid-template-columns: minmax(0, 1fr);
	}

	/* Tablolar: telefonda her satır etiketli bir kart */
	.tablo-sarmal{
		box-shadow: none;
		background: transparent;
		overflow: visible;
	}

	.veri-tablo,
	.veri-tablo tbody,
	.veri-tablo tr,
	.veri-tablo td{
		display: block;
		width: 100%;
	}

	.veri-tablo thead{
		display: none;
	}

	.veri-tablo tr{
		background: #FFFFFF !important;
		border-radius: 14px;
		box-shadow: 0 0 0 1px var(--divider-color);
		padding: 8px 16px;
		margin-bottom: 10px;
	}

	.veri-tablo td{
		display: flex;
		gap: 12px;
		padding: 7px 0;
		border-bottom: 1px dashed var(--divider-color);
	}

	.veri-tablo td:last-child{
		border-bottom: 0;
	}

	.veri-tablo td::before{
		content: attr(data-label);
		flex: 0 0 36%;
		font-size: 13px;
		font-weight: 500;
		color: #6B7C93;
	}

	.veri-tablo td:first-child{
		font-size: 16px;
	}

	.veri-tablo td:first-child::before{
		display: none;
	}

	.zaman-cizelgesi time{
		grid-row: auto;
	}

	.iletisim-form-kutu{
		padding: 26px 20px;
	}

	.adim-liste li{
		padding: 76px 20px 20px;
	}

	.adim-liste li::before{
		left: 20px;
		top: 20px;
	}
}

/************************************/
/***   Yapay Zeka ile Özetleyin + Dinle ***/
/************************************/
/* ⚠ Dört kenar boşluğu tanımlı: şeridin altında içerik başlığı gelir, dip dibe olmasın (elibolturizm dersi). */
.ozet-ses{
	padding: 34px 0 6px;
	position: relative;
	z-index: 5;
}

.ozet-ses + .yazi-bolum,
.ozet-ses + .alt-sayfa,
.ozet-ses + .iletisim-sayfa{
	padding-top: 40px;
}

.aiz{
	border: 1px solid #D6E4F4;
	border-radius: 18px;
	padding: 18px 22px 20px;
	background: linear-gradient(180deg, #FFFFFF 0%, #EEF5FD 100%);
	box-shadow: 0 6px 20px rgba(10, 31, 68, 0.05);
}

.aiz__b{
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 14px;
	font-family: var(--accent-font);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--primary-color);
}

.aiz__yildiz{
	width: 20px;
	height: 20px;
	fill: var(--accent-color);
	flex: none;
}

.aiz__d{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aiz__x{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 15px;
	border: 1px solid #D6E4F4;
	border-radius: 999px;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: var(--primary-color);
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.aiz__x:hover,
.aiz__x:focus-visible{
	color: var(--primary-color);
	border-color: var(--accent-color);
	box-shadow: 0 4px 14px rgba(10, 31, 68, 0.1);
	transform: translateY(-1px);
}

.aiz__i{
	width: 18px;
	height: 18px;
	flex: none;
	fill: currentColor;
}

.aiz__x--chatgpt .aiz__i{ color: #0D8F6F; }
.aiz__x--claude .aiz__i{ color: #C2603C; }
.aiz__x--googleai .aiz__i{ color: #2F6FDB; }
.aiz__x--grok .aiz__i{ color: #1B1F24; }
.aiz__x--perplexity .aiz__i{ color: #1A6B76; }

/* Dinleme şeridi */
.sesx{
	margin-top: 14px;
}

.sesx-k{
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 14px 18px;
	border: 1px solid rgba(58, 168, 255, 0.35);
	border-radius: 18px;
	background: linear-gradient(135deg, #020A22 0%, #0A1F44 60%, #0B3F8A 100%);
	box-shadow: 0 8px 24px rgba(2, 10, 34, 0.18);
}

.sesx-b{
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 0;
	cursor: pointer;
	background: var(--accent-color);
	color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.15s, box-shadow 0.2s;
	box-shadow: 0 0 0 6px rgba(58, 168, 255, 0.15);
}

.sesx-b:hover{
	transform: scale(1.06);
}

.sesx-b:focus-visible{
	outline: 3px solid #FFFFFF;
	outline-offset: 2px;
}

.sesx-b svg{
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.sesx-o{
	flex: 1 1 240px;
	min-width: 200px;
}

.sesx-t{
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #C9D6E8;
}

.sesx-t svg{
	width: 16px;
	height: 16px;
	fill: var(--accent-color);
}

.sesx-c{
	height: 6px;
	border-radius: 99px;
	background: rgba(255, 255, 255, 0.16);
	overflow: hidden;
	cursor: pointer;
}

.sesx-c:focus-visible{
	outline: 2px solid var(--accent-color);
	outline-offset: 3px;
}

.sesx-i{
	height: 100%;
	width: 0;
	border-radius: 99px;
	background: linear-gradient(90deg, #3AA8FF, #9FD3FF);
	transition: width 0.25s linear;
}

.sesx-s{
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-size: 12px;
	color: #9FB3CC;
	font-variant-numeric: tabular-nums;
}

.sesx-h{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 6px;
}

.sesx-h button{
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: transparent;
	color: #E6EEF8;
	border-radius: 99px;
	padding: 6px 11px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	font-variant-numeric: tabular-nums;
}

.sesx-h button[aria-pressed="true"]{
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--primary-color);
}

.sesx-r{
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	background: transparent;
	color: #E6EEF8;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sesx-r svg{
	width: 14px;
	height: 14px;
	fill: currentColor;
}

@media only screen and (max-width: 575px){
	.ozet-ses{
		padding-top: 24px;
	}

	.aiz{
		padding: 16px;
	}

	.aiz__b{
		font-size: 16px;
	}

	.aiz__x{
		padding: 7px 12px;
		font-size: 13px;
		gap: 7px;
	}

	.aiz__i{
		width: 16px;
		height: 16px;
	}

	.sesx-k{
		gap: 12px;
		padding: 12px 14px;
	}

	.sesx-o{
		flex-basis: 100%;
		order: 3;
	}
}

@media (prefers-reduced-motion: reduce){
	.aiz__x,
	.sesx-b,
	.sesx-i{
		transition: none;
	}

	.aiz__x:hover{
		transform: none;
	}
}

/************************************/
/***   Blog ana sayfası (slider + yan araçlar) ***/
/************************************/
.blog-slider-bolum{
	padding: 50px 0 10px;
}

.blog-slider{
	position: relative;
}

.bs-slayt{
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	min-height: 420px;
	border-radius: 26px;
	overflow: hidden;
	background: linear-gradient(135deg, #020A22 0%, #0A1F44 55%, #0B3F8A 100%);
	box-shadow: 0 24px 60px rgba(2, 10, 34, 0.22);
}

.bs-metin{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 48px 50px 60px;
	background: url('../images/brand/suluboya-footer.webp?v=2') no-repeat left -60px bottom -80px / 240px auto;
}

.bs-rozet{
	display: inline-block;
	padding: 6px 14px;
	border-radius: 100px;
	background: var(--accent-color);
	color: var(--primary-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.bs-metin h2{
	font-size: 32px;
	line-height: 1.22em;
	margin-bottom: 14px;
}

.bs-metin h2 a{
	color: #FFFFFF;
}

.bs-metin h2 a:hover{
	color: var(--accent-color);
}

.bs-metin p{
	color: #C9D6E8;
	font-size: 16px;
	line-height: 1.65em;
	margin-bottom: 16px;
}

.bs-meta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	font-size: 14px;
	color: #9FB3CC;
	margin-bottom: 24px;
}

.bs-meta i{
	color: var(--accent-color);
}

.bs-metin .btn-default.btn-highlighted{
	background: var(--accent-color);
	color: var(--primary-color);
}

.bs-resim{
	display: block;
	position: relative;
}

.bs-resim picture,
.bs-resim img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bs-ok{
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	border-radius: 50%;
	border: 0;
	background: #FFFFFF;
	color: var(--primary-color);
	box-shadow: 0 8px 24px rgba(2, 10, 34, 0.25);
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.bs-ok:hover,
.bs-ok:focus-visible{
	background: var(--accent-color);
}

.bs-geri{
	left: -22px;
}

.bs-ileri{
	right: -22px;
}

.bs-noktalar{
	position: absolute;
	left: 50px;
	bottom: 24px;
	z-index: 3;
	display: flex;
	gap: 6px;
}

.bs-noktalar .swiper-pagination-bullet{
	width: 9px;
	height: 9px;
	margin: 0 !important;
	background: rgba(255, 255, 255, 0.35);
	opacity: 1;
	transition: all 0.3s;
}

.bs-noktalar .swiper-pagination-bullet-active{
	width: 28px;
	border-radius: 6px;
	background: var(--accent-color);
}

/* Liste */
.blog-liste-ust{
	max-width: 760px;
	margin: 0 auto 40px;
	text-align: center;
}

.blog-liste-ust h2 span{
	color: var(--brand-blue);
}

.blog-sonuc{
	min-height: 22px;
	margin: 0 0 16px;
	font-size: 14px;
	color: #6B7C93;
}

.blog-sonuc strong{
	color: var(--primary-color);
}

.blog-sonuc button,
.blog-bos button{
	margin-left: 8px;
	border: 0;
	background: none;
	color: var(--brand-blue);
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
}

.liste-kart{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 12px 12px 22px;
	box-shadow: 0 10px 30px rgba(10, 31, 68, 0.06);
	height: calc(100% - 30px);
	margin-bottom: 30px;
	transition: box-shadow 0.3s, transform 0.3s;
}

.liste-kart:hover{
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(10, 31, 68, 0.12);
}

.liste-kart .post-featured-image{
	margin-bottom: 16px;
}

.liste-kart .post-featured-image a{
	border-radius: 14px;
}

.liste-kart .post-item-body{
	padding: 0 10px;
}

.liste-meta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	font-size: 13px;
	color: #6B7C93;
}

.liste-meta i{
	color: var(--brand-blue);
}

.liste-rozet{
	display: inline-block;
	padding: 3px 10px;
	border-radius: 100px;
	background: var(--secondary-color);
	color: var(--brand-blue);
	font-size: 12px;
	font-weight: 700;
}

.liste-rozet:hover{
	background: var(--brand-blue);
	color: #FFFFFF;
}

.liste-baslik{
	font-size: 19px;
	line-height: 1.35em;
	margin-bottom: 8px;
}

.liste-baslik a{
	color: var(--primary-color);
}

.liste-baslik a:hover{
	color: var(--brand-blue);
}

.liste-ozet{
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 14px;
}

.blog-daha{
	text-align: center;
	margin-top: 6px;
}

.blog-daha[hidden]{
	display: none;
}

/* Yan araçlar */
.blog-yan{
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-left: 10px;
}

.blog-ara{
	position: relative;
}

.blog-ara input{
	width: 100%;
	padding: 13px 44px 13px 16px;
	border: 1px solid #D8E1EC;
	border-radius: 12px;
	background: #F8FAFD;
	font-size: 15px;
	color: var(--primary-color);
}

.blog-ara input:focus{
	outline: none;
	border-color: var(--accent-color);
	background: #FFFFFF;
	box-shadow: 0 0 0 3px rgba(58, 168, 255, 0.18);
}

.blog-ara i{
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--brand-blue);
}

.yan-one li{
	display: flex;
	align-items: center;
	gap: 10px;
}

.yan-one li > a{
	flex: 1;
	min-width: 0;
}

.yan-no{
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--secondary-color);
	color: var(--brand-blue);
	font-size: 12px;
	font-weight: 700;
}

.blog-katlar button{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 10px 8px;
	border: 0;
	border-bottom: 1px solid var(--divider-color);
	border-radius: 0;
	background: none;
	color: var(--primary-color);
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	transition: color 0.2s, background 0.2s;
}

.blog-katlar li:last-child button{
	border-bottom: 0;
}

.blog-katlar button:hover{
	color: var(--brand-blue);
}

.blog-katlar button[aria-pressed="true"]{
	background: var(--secondary-color);
	color: var(--brand-blue);
	border-radius: 10px;
}

.blog-etiketler{
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.blog-etiketler button{
	padding: 6px 12px;
	border: 1px solid var(--divider-color);
	border-radius: 100px;
	background: #FFFFFF;
	color: var(--text-color);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s;
}

.blog-etiketler button:hover{
	border-color: var(--accent-color);
	color: var(--brand-blue);
}

.blog-etiketler button[aria-pressed="true"]{
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #FFFFFF;
}

@media only screen and (max-width: 1199px){
	.bs-metin{
		padding: 36px 34px 56px;
	}

	.bs-metin h2{
		font-size: 26px;
	}

	.bs-geri{
		left: 8px;
	}

	.bs-ileri{
		right: 8px;
	}
}

@media only screen and (max-width: 991px){
	.bs-slayt{
		grid-template-columns: minmax(0, 1fr);
	}

	.bs-resim{
		order: -1;
		aspect-ratio: 16 / 9;
	}

	.bs-metin{
		padding: 28px 24px 56px;
	}

	.bs-ok{
		top: 28%;
	}

	.bs-noktalar{
		left: 24px;
	}

	.blog-yan{
		margin: 20px 0 0;
	}
}

@media only screen and (max-width: 575px){
	.bs-metin h2{
		font-size: 22px;
	}

	.bs-metin p{
		font-size: 15px;
	}

	.bs-ok{
		width: 40px;
		height: 40px;
		margin-top: -20px;
		top: 22%;
	}
}

/************************************/
/***   Yüzen öğeler: WhatsApp + ilerleme halkası ***/
/************************************/
/* SOL alt → WhatsApp, üstünde çerez (cerez.css bottom 96/92/86). SAĞ alt → Scorpi asistanı, üstünde ilerleme halkası. */
.sv-wa{
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 1140;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #25D366;
	color: #FFFFFF;
	box-shadow: 0 10px 26px rgba(2, 10, 34, 0.3);
	transition: transform 0.25s ease;
}

.sv-wa:hover,
.sv-wa:focus-visible{
	transform: scale(1.07);
	color: #FFFFFF;
}

.sv-wa svg{
	width: 30px;
	height: 30px;
}

.sv-yukari{
	position: fixed;
	right: 26px;
	bottom: 98px;
	z-index: 1140;
	width: 58px;
	height: 58px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: linear-gradient(135deg, #020A22 0%, #0A2A63 100%);
	box-shadow: 0 8px 22px rgba(2, 10, 34, 0.3), 0 0 0 1px rgba(58, 168, 255, 0.35);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.sv-yukari.gorunur{
	opacity: 1;
	visibility: visible;
	transform: none;
}

.sv-yukari svg{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}

.sv-yukari circle{
	fill: none;
	stroke-width: 4;
	stroke-linecap: round;
}

.sv-yukari-iz{
	stroke: rgba(255, 255, 255, 0.14);
}

.sv-yukari-dolu{
	stroke: var(--accent-color);
	stroke-dasharray: 251.3;
	stroke-dashoffset: 251.3;
	transition: stroke-dashoffset 0.15s linear;
}

.sv-yukari-yuzde{
	position: relative;
	font-family: var(--accent-font);
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	font-variant-numeric: tabular-nums;
}

.sv-yukari:hover .sv-yukari-yuzde,
.sv-yukari:focus-visible .sv-yukari-yuzde{
	color: var(--accent-color);
}

/* Dar ekranda çerez paneli açıkken ilerleme halkası panelin altında kalmasın */
@media only screen and (max-width: 575px){
	body:has(.sv-cookie-shell.is-open) .sv-yukari{
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}

/* Asistan açıkken yüzen düğmeler çekilir */
body.sc-acik .sv-wa,
body.sc-acik .sv-yukari{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

@media only screen and (max-width: 991px){
	.sv-wa{
		left: 16px;
		bottom: 18px;
	}
}

@media only screen and (max-width: 575px){
	.sv-wa{
		left: 14px;
		bottom: 16px;
		width: 52px;
		height: 52px;
	}

	.sv-wa svg{
		width: 27px;
		height: 27px;
	}

	.sv-yukari{
		right: 19px;
		bottom: 82px;
		width: 50px;
		height: 50px;
	}

	.sv-yukari-yuzde{
		font-size: 12px;
	}
}

@media print{
	.sv-wa,
	.sv-yukari{
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce){
	.sv-wa,
	.sv-yukari,
	.sv-yukari-dolu{
		transition: none;
	}
}

/************************************/
/***         Responsive           ***/
/************************************/

@media only screen and (max-width: 1199px){
	.main-menu .nav-menu-wrapper > ul > li{
		margin: 0 2px;		/* yazılar arası ~24px */
	}

	.navbar-brand img{
		height: 46px;
	}
}

/* 1200–1439: 6 madde + buton için madde iç boşluğu daraltılır (yazılar arası ≥ 34 px kalır) */
@media only screen and (min-width: 1280px) and (max-width: 1439px){
	.main-menu .nav-menu-wrapper > ul > li{
		margin: 0 2px;
	}

	.main-menu ul li a{
		padding: 14px 9px !important;
	}
}

/* 992–1199: logo + ikonlu menü + buton tek satıra sığmıyor (ölçüldü: 1024'te madde kırılıyordu).
   Buton gizlenir — menüde "İletişim" zaten var. */
@media only screen and (min-width: 992px) and (max-width: 1279px){
	.header-btn{
		display: none;
	}

	.main-menu .nav-menu-wrapper{
		text-align: right;
		margin-right: 0;
	}

	.main-menu ul li a{
		font-size: 15px;
		white-space: nowrap;
		padding: 14px 7px !important;
	}

	.main-menu .nav-menu-wrapper > ul > li > a{
		gap: 7px;
	}
}

@media only screen and (max-width: 991px){
	.topbar-info .topbar-adres{
		display: none;
	}

	.navbar{
		padding: 12px 0;
	}

	.navbar-brand img{
		height: 44px;
	}

	.hero.hero-slider-layout.sv-hero .hero-slide{
		padding: 50px 0 110px;
	}

	.sv-hero .section-title .sv-baslik{
		font-size: 40px;
	}

	.sv-cerceve{
		max-width: 360px;
		margin: 40px auto 0;
	}
}

@media only screen and (max-width: 575px){
	.krom-kart{
		padding: 20px 16px 16px;
	}

	.krom-yazi text{
		font-size: 21px;
	}

	.krom-yazi .krom-birim{
		display: none;
	}

	.peptid-kart{
		padding: 28px 22px;
	}

	.peptid-kart h3{
		font-size: 34px;
	}

	.why-choose-image-box .satisfy-client-box.belge-sayac{
		right: 14px;
		bottom: 14px;
		min-width: 0;
		padding: 12px 16px;
	}

	.belge-sayac-ust{
		padding-bottom: 8px;
		margin-bottom: 6px;
	}

	.belge-sayac-ust strong{
		font-size: 32px;
	}

	.belge-sayac-ust .belge-sayac-etiket{
		font-size: 14px;
	}

	.belge-sayac li{
		font-size: 12px;
		padding: 1px 0;
	}

	.why-choose-item-header,
	.why-choose-item-content{
		width: 100%;
	}

	.why-choose-item-content{
		border-left: 0;
		margin: 12px 0 0 55px;
		padding-left: 0;
	}

	.sv-hero .section-title .sv-baslik{
		font-size: 28px;
		letter-spacing: -0.03em;
	}

	.sv-hero .section-title p{
		font-size: 16px;
	}

	.sv-hero .hero-experience-box .sv-sayi{
		font-size: 38px;
	}

	.sv-cipler li{
		font-size: 13px;
		padding: 7px 12px;
	}

	.sv-cerceve{
		max-width: 300px;
	}

	.sv-ok{
		width: 42px;
		height: 42px;
	}

	.topbar{
		font-size: 13px;
	}

	.topbar-info{
		gap: 4px 16px;
	}

	.topbar-eposta{
		display: none !important;
	}

	.navbar-brand img{
		height: 40px;
	}

	.dil__ikon{
		display: none;
	}

	.dil a,
	.dil__aktif,
	.dil__yakinda{
		padding: 3px 6px;
		font-size: 12px;
	}
}

/* Kenar boşluğu 40 px'in altına inince (kapsayıcı tam genişlik) çizgiler kırıntı gibi kalıyor */
@media only screen and (max-width: 1379px){
	.akrep-yol,
	.navbar-brand::before,
	.navbar-brand::after,
	.header-btn::before,
	.header-btn::after{
		display: none;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sv-hero .section-title .sv-baslik{
		font-size: 44px;
	}
}

@media (prefers-reduced-motion: reduce){
	.akrep-yol{
		display: none;
	}

	.navbar-brand::before,
	.navbar-brand::after,
	.header-btn::before,
	.header-btn::after{
		animation: none;
	}

	.navbar-brand::after,
	.header-btn::after{
		display: none;
	}

	.dil a,
	.dil__aktif{
		transition: none;
	}
}

/* EN/RU sayfaları: temanın capitalize'ı ("Request A Quote", "Запросить Предложение") yerine çeviride yazıldığı gibi
   (İngilizce/Rusça düğme ve etiketler cümle düzeninde). TR'de tema davranışı sürer. */
html:not([lang="tr"]) :is(.btn-default, .readmore-btn, .section-title h3, .main-menu ul li a, .slicknav_nav li a,
	.slicknav_nav .slicknav_row, .footer-links h3, .footer-links ul li, .contact-item-content p, .page-header-box ol li.breadcrumb-item,
	.page-category-list h3, .page-category-list ul li a, .post-tags .tag-links a, .tag-links, .scrolling-content span,
	.experience-box-content p, .our-experiment-item h3, .mission-vision-content h3, .team-content h3, .team-content p,
	.team-contact-content p, .working-hours-header h3){
	text-transform: none;
}

/* Rusça: Sora'da Kiril yok → başlıklar tamamen Manrope (Latin + Kiril aynı yazı tipinde, karışık görünmesin) */
html[lang="ru"]{
	--accent-font: "Manrope", sans-serif;
}