/* ==========================================================================
   CAROB TÜRKİYE — SİTENİN KENDİ STİLİ (Tur 2, 2026-10-12)

   Şablon dosyalarına (style.css, site-custom.bundle.css) DOKUNULMAZ (kural 6); carob'un canlı
   görünümünden sapma gerektiren her şey buraya, tarihli ve gerekçeli yazılır. Dosya bütün carob
   düzenli sayfalarda site-custom.bundle.css'ten SONRA yüklenir.
   ========================================================================== */

/* E-BÜLTEN ONAY KUTUSU (2026-10-12; düzen 2026-10-15): carob'un formunda onay kutusu yoktu; panel çekirdeğinin
   çift onaylı kayıt kuralı için eklendi. 2026-10-15 (Ayhan'ın ekran görüntüleri — düğme kutunun altına
   düşüyordu): e-posta + düğme yine carob'daki gibi tek satır (.newsletter-form, şablonun kuralı); onay
   satırı o satırın dışında, form.bulten-form'un altında. Eski "flex-wrap: wrap" kuralı kaldırıldı. */
.bulten-form .carob-bulten-onay{
	width: 100%;
	margin-top: 12px;
	font-size: 13px;
	color: var(--white-color, #fff);
	text-align: left;
}

/* Etiket hizası (2026-10-15, Ayhan'ın verdiği değerler): şablonun .form-check-label boşluğu
   etiketi kutudan uzağa ve aşağı itiyordu. */
.bulten-form .carob-bulten-onay .form-check-label{
	color: inherit;
	margin-left: -15px;
	margin-top: 0px;
}

.bulten-form .carob-bulten-onay .form-check-input{
	margin-top: 3px;
}

.bulten-form .carob-bulten-onay a{
	color: inherit;
	text-decoration: underline;
}

.bulten-form .newsletter-honeypot{
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

/* Sonuç satırı (JSON yanıtı): başarı yeşil, hata kırmızı — carob'daki .form-messages renkleri. */
.bulten-form .form-messages.success{ color: #8fd19e; }
.bulten-form .form-messages.error{ color: #ffb3b3; }
.bulten-form .form-messages[hidden]{ display: none; }

/* ANA SAYFA — "Son Yazılarımız" kaydırıcısında kapak görseli olmayan yazı (2026-10-12):
   kart yüksekliği bozulmasın diye boş görsel alanı. */
.blog-card .blog-img .carob-bos-gorsel{
	display: block;
	aspect-ratio: 414 / 311;
	background: var(--smoke-color, #f3f3f3);
}

/* ANA SAYFA — "Son Blog Yazılarımız" kaydırıcısı (2026-10-18, Donat index.html blog bölümü): kapak görseli
   şablondaki 414 × 311 oranında (blog.kart profili 826 × 766 — merkezden kırpılır). */
#blog-yazilari .blog-card .blog-img img{
	aspect-ratio: 414 / 311;
	object-fit: cover;
	height: auto;
}

/* ANA SAYFA — "Son Haberlerimiz" iki kartın boyu (2026-10-18, Ayhan: "iki haber alanının yüksekliği dengelenmeli"):
   ≥ 992 px'te kartlar eşit boy, "Devamını Oku" alta hizalı; dar kartın özeti 2 satır. Geniş kartın özeti kaç satır
   gösterileceğini carob.js (haberKartlariniDengele) dar kartın boyuna göre yazar (-webkit-line-clamp); 992 px altında
   (kartlar alt alta) geniş kartın metni en çok 4 satır — metin özet + içeriğin devamı, uzun gelir. */
.carob-haber-genis .blog-text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden; }
@media (min-width: 992px){
	.carob-haber-satiri > div{ display: flex; }
	.carob-haber-satiri.olcuyor > div{ align-items: flex-start; }
	.carob-haber-satiri .blog-card.style3{ display: flex; flex-direction: column; width: 100%; }
	.carob-haber-satiri .blog-card.style3 .blog-content{ flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; }
	.carob-haber-satiri .blog-card.style3 .blog-text{ margin-bottom: 30px; }
	.carob-haber-satiri .blog-card.style3 .blog-content > .th-btn{ margin-top: auto; }
	.carob-haber-dar .blog-text{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
	.carob-haber-dar .blog-text{ -webkit-line-clamp: 2; line-clamp: 2; }
}

/* ANA SAYFA — blog kaydırıcısında özet (2026-10-18): en çok 3 satır; kartlar aynı boyda, "Devamını Oku" alta hizalı. */
#blog-yazilari .swiper-wrapper{ align-items: stretch; }
#blog-yazilari .swiper-slide{ height: auto; display: flex; }
#blog-yazilari .blog-card{ display: flex; flex-direction: column; width: 100%; }
#blog-yazilari .blog-card .blog-content{ flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; }
#blog-yazilari .blog-card .blog-text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; margin: 0 0 25px; }
#blog-yazilari .blog-card .blog-content > .th-btn{ margin-top: auto; }

/* BLOG — "Başlıklı görsel + metin" bloğu, görsel sağda/solda (2026-10-18, Ayhan: "resim yüksekliğine kadar olan
   veri kalmalı sonrası alt alana yayılmalıydı"): görsel yana yaslanır, Metin + AltMetin yanından akar ve görsel
   bitince tam genişliğe yayılır (Views/Blog/_AltDetaylar.cshtml). inline-start/end: RTL'de taraf kendiliğinden döner.
   768 px altında görsel tam genişlik, metnin üstünde. */
.carob-sarma::after{ content: ""; display: table; clear: both; }
.carob-sarma-gorsel{ margin-bottom: 20px; }
@media (min-width: 768px){
	.carob-sarma-gorsel{ width: calc(50% - 15px); }
	.carob-sarma-gorsel--sag{ float: inline-end; margin-inline-start: 30px; }
	.carob-sarma-gorsel--sol{ float: inline-start; margin-inline-end: 30px; }
}

/* ÜRÜN GRUPLARI — kapak görseli olmayan ürün (2026-10-12): kategori simgesi. */
.event-card_img .carob-bos-gorsel{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1;
	font-size: 48px;
	color: var(--theme-color, #64343e);
	background: var(--smoke-color, #f3f3f3);
}

/* SLAYT PERDESİ (2026-10-12): panelde slayt başına seçilen perde (Banner kuralı: Yok / Hafif /
   Orta / Güçlü). Şablonun .hero-4 .hero-inner:after'ı sabit bir soldan-sağa gradyandı; "Hafif"
   canlıdaki görünümün aynısı (değiştirilmez), ötekiler onun üstüne yazar. */
.hero-4 .hero-inner.carob-perde-0:after{ background: none; }
.hero-4 .hero-inner.carob-perde-2:after{ background: linear-gradient(89.74deg, #051311 45%, rgba(5, 19, 17, .35) 109.1%); }
.hero-4 .hero-inner.carob-perde-3:after{ background: linear-gradient(89.74deg, #051311 55%, rgba(5, 19, 17, .6) 109.1%); }

/* Koyu yazı seçilen slaytta (açık görsel + perdesiz) başlık ve metin koyu. */
.hero-style4 .hero-title.text-dark,
.hero-style4 .hero-text.text-dark{ color: var(--title-color, #1a1a1a) !important; }


/* Görselsiz ürün (medya kütüphanesinde kapak yok): kategori simgesi. */
.carob-bos-gorsel--kart,
.carob-bos-gorsel--buyuk{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 220px;
	font-size: 56px;
	color: var(--theme-color, #64343e);
	background: var(--smoke-color, #f3f3f3);
	border-radius: 10px;
}


/* Büyük ürün görselinin üstünde büyüteç (customlightbox.css ".buyutulebilir" kuralları). */
.product-big-img .blog-radius-img{ position: relative; }

/* BLOG (Tur 4, 2026-10-13): ilgili yazılar kutusunda görselsiz yazı. */
.carob-bos-gorsel--kucuk{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	font-size: 28px;
	color: var(--theme-color, #64343e);
	background: var(--smoke-color, #f3f3f3);
	border-radius: 10px;
}

.counter-wrap.style2{ flex-wrap: wrap; row-gap: 24px; }
/* Video (kapak) yokken skor şeridi -70px yukarı binmesin (style.css .counter-wrap.style2 margin-top:-70px). */
.hakkimizda-skor-alani--videosuz .counter-wrap.style2{ margin-top: 0; }
.counter-card .media-body{ text-align: center; width: 100%; }
.counter-card i{ font-size: 28px; color: var(--theme-color); display: block; margin-bottom: 10px; }

.no-size{ resize: none; }
.message-hiza{ margin-bottom: 20px; text-align: center; }


/* Form sonucu: iletisim-formu.js alert-success / alert-danger / d-none sınıflarını değiştirir.
   2026-10-16 (Ayhan: "mesaj gönderdim, ne uyarı verdi ne tepki, form ortadan kayboldu"): şablonun style.css'i
   ".form-messages{display:none}" diyor ve yalnızca .success/.error sınıfında gösteriyor; betiklerimiz ise
   alert-success/alert-danger veriyor. Mesaj sunucudan geliyor, kutuya yazılıyor ama HİÇ görünmüyordu
   (canlıda ölçüldü: sınıflar doğru, display hesaplanan değer "none"). Aynı kutu İletişim, İhracat, İnsan
   Kaynakları ve Bayi Başvurusu formlarında ve "şu anda alınmıyor" satırlarında var (.message-hiza) — hepsi
   bu kuralla görünür. Başarı/hata da yalnız renkli yazı değil, zeminli ve simgeli bir kutu: form gizlendiğinde
   ziyaretçinin gözünden kaçmasın. Simgeler fontawesome.min.css alt kümesinde tanımlı olanlardan
   (circle-check \f058, circle-info \f05a). */
.form-messages.message-hiza:not(.d-none){ display: block; }
.form-messages.alert-success,
.form-messages.alert-danger{
	padding: 16px 20px;
	border: 1px solid;
	border-radius: 12px;
	font-weight: 500;
	line-height: 1.6;
}
.form-messages.alert-success{ color: #2e7d32; background: #edf7ee; border-color: #c8e6c9; }
.form-messages.alert-danger{ color: #c62828; background: #fdecea; border-color: #f5c2c0; }
.form-messages.alert-success::before,
.form-messages.alert-danger::before{
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	margin-inline-end: 8px;
}
.form-messages.alert-success::before{ content: "\f058"; }
.form-messages.alert-danger::before{ content: "\f05a"; }

/* KVKK onay satırı (panel çekirdeği; carob'un formunda yoktu). 2026-10-15: kutu artık etiketin kardeşi;
   kutuyu şablonun "input[type=checkbox] ~ label::before" kuralı çiziyor (padding-left 30px oradan). */
.iletisim-formu_kvkk label{ font-size: 14px; line-height: 1.5; }
.iletisim-formu_kvkk a{ text-decoration: underline; }

/* Bal küpü: ekran dışı (display:none'u bazı botlar atlıyor). */
.iletisim-formu_balkupu{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }


/* ==========================================================================
   İNSAN KAYNAKLARI (Tur 8, 2026-10-14) — sayfa insankaynak.css (carob) ile çizilir; burada yalnız ekler.
   ========================================================================== */
/* Karttaki betiksiz "Bu Pozisyona Başvur" bağlantısı (panel çekirdeği; carob'da yalnız pencere düğmesi vardı). */
.ik-ilan-action{ display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.ik-ilan-basvur{ font-size: 14px; font-weight: 600; color: var(--theme-color); }
.ik-ilan-basvur i{ font-size: 12px; margin-left: 4px; }
.ik-ilan-basvur:hover{ text-decoration: underline; }
/* Boş durum simgesi: carob'da emoji idi, burada FA simgesi. */
.ik-positions-section .empty-icon i{ font-size: 40px; color: var(--theme-color); }


/* ==========================================================================
   HATA SAYFASI (Tur 11, 2026-10-14) — carob Home/StatusCode (style.css .error-*); büyük durum kodu eklendi.
   ========================================================================== */
.hata-kodu{ margin: 0; font-size: clamp(72px, 14vw, 140px); font-weight: 800; line-height: 1; color: var(--theme-color); opacity: .15; }


/* =====================================================================
   ÇEREZ BİLDİRİMİ — panel çekirdeğinin kartı (Tur 18, 2026-10-14, CarobTurkiye: Ayhan: carob'un çerez bildirimi yerine
   panelin çerez kartı). çekirdek site stilinden birebir; yalnız renkler carob
   paleti (--theme-color #64343e, --title-color). Aşağıdaki not panel çekirdeğinden:
   ÇEREZ BİLDİRİMİ (2026-10-08, Ayhan: "açılış hızını etkilemeyecek ama şık
   … eski projemdeki görünüm bu sitede olmaz") — Components/CerezBildirimi.
   Masaüstünde sol altta yüzen kart (sağ alttaki "yukarı çık" / WhatsApp
   düğmeleriyle çakışmasın), telefonda alttan tam genişlik. Sabit konum →
   sayfa kaymaz; görüntü yalnızca transform + opacity (GPU), "hareketi azalt"ta
   geçiş yok. Yazı tipi / dış dosya yok.
   ===================================================================== */
.cerez-kart{
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 9990;
	width: min(400px, calc(100vw - 48px));
	padding: 22px 22px 18px;
	border: 1px solid rgba(15, 23, 42, .08);
	border-radius: 18px;
	background: rgba(255, 255, 255, .97);
	color: #374151;
	box-shadow: 0 24px 60px -12px rgba(15, 23, 42, .28), 0 2px 6px rgba(15, 23, 42, .06);
	opacity: 0;
	transform: translateY(24px) scale(.98);
	transition: opacity .35s ease, transform .35s cubic-bezier(.2, .8, .2, 1);
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
	.cerez-kart{
		background: rgba(255, 255, 255, .95);
		-webkit-backdrop-filter: saturate(160%) blur(14px);
		backdrop-filter: saturate(160%) blur(14px);
	}
}

.cerez-kart[hidden]{
	display: none;
}

.cerez-kart--acik{
	opacity: 1;
	transform: none;
}

.cerez-kart--kapaniyor{
	opacity: 0;
	transform: translateY(16px);
}

.cerez-kart__ust{
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}

.cerez-kart__simge{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: rgba(100, 52, 62, .1);
	color: var(--theme-color, #64343e);
	font-size: 18px;
}

.cerez-kart__baslik{
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--title-color, #1F1F1F);
}

.cerez-kart__metin{
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.6;
	color: #4b5563;
}

.cerez-kart__baglanti{
	color: var(--theme-color, #64343e);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}

.cerez-kart__dugmeler{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.cerez-kart__dugme{
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.cerez-kart__dugme--red{
	background: #fff;
	border-color: #d9dde3;
	color: #1f2937;
}

.cerez-kart__dugme--red:hover{
	border-color: #9ca3af;
}

.cerez-kart__dugme--kabul{
	background: var(--theme-color, #64343e);
	color: #fff;
}

.cerez-kart__dugme--kabul:hover{
	box-shadow: 0 8px 20px -6px rgba(100, 52, 62, .55);
}

.cerez-kart__dugme:focus-visible{
	outline: 3px solid var(--theme-color, #64343e);
	outline-offset: 2px;
}

@media (max-width: 575.98px){
	.cerez-kart{
		left: 12px;
		right: 12px;
		bottom: 12px;
		width: auto;
		padding: 18px 16px 14px;
		border-radius: 16px;
	}
}

@media (prefers-reduced-motion: reduce){
	.cerez-kart,
	.cerez-kart__dugme{
		transition: none;
	}
}

@media print{
	.cerez-kart{
		display: none !important;
	}
}

/* ÇEREZ TERCİHLERİ (2026-10-08, ikinci sürüm — Ayhan'ın örneği): kapat düğmesi,
   alt alta üç düğme (birincil dolu, ikinciller çerçeveli), "özelleştir" ile açılan
   kategori anahtarları. Kutu ölçüleri yukarıdaki ÇEREZ BİLDİRİMİ bloğunda. */
.cerez-kart__ust{
	padding-bottom: 14px;
	margin: 0 -22px 14px;
	padding-left: 22px;
	padding-right: 16px;
	border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.cerez-kart__baslik{
	flex: 1 1 auto;
	font-size: 16px;
}

.cerez-kart__kapat{
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #9ca3af;
	font-size: 16px;
	cursor: pointer;
}

.cerez-kart__kapat:hover,
.cerez-kart__kapat:focus-visible{
	background: #f3f4f6;
	color: #374151;
}

.cerez-kart__dugmeler{
	grid-template-columns: 1fr;
	gap: 8px;
}

.cerez-kart__dugme{
	min-height: 42px;
	font-weight: 600;
}

.cerez-kart__dugme--kabul{
	font-weight: 700;
}

.cerez-kart__dugme--ikincil{
	background: #fff;
	border-color: #d9dde3;
	color: #1f2937;
}

.cerez-kart__dugme--ikincil:hover{
	border-color: #9ca3af;
	background: #f9fafb;
}

.cerez-kart__dugme[hidden]{
	display: none;
}

/* Açılınca kısa ekranda taşmasın. */
.cerez-kart{
	max-height: calc(100vh - 24px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.cerez-kart__tercihler{
	display: grid;
	gap: 8px;
	margin: 0 0 14px;
}

.cerez-kart__tercihler[hidden]{
	display: none;
}

.cerez-tercih{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #f9fafb;
	cursor: pointer;
}

.cerez-tercih__metin{
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	font-size: 12.5px;
	line-height: 1.45;
	color: #6b7280;
}

.cerez-tercih__metin strong{
	color: #111827;
	font-size: 14px;
}

.cerez-tercih__hep{
	flex: 0 0 auto;
	color: var(--theme-color, #64343e);
	font-size: 12px;
	font-weight: 700;
}

/* Anahtar (switch): gerçek onay kutusu, görünmez ama odaklanabilir. */
.cerez-anahtar{
	position: relative;
	flex: 0 0 auto;
	width: 42px;
	height: 24px;
}

.cerez-anahtar input{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.cerez-anahtar__ray{
	position: absolute;
	inset: 0;
	border-radius: 24px;
	background: #d1d5db;
	transition: background-color .2s ease;
	pointer-events: none;
}

.cerez-anahtar__ray::after{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	content: "";
	transition: transform .2s ease;
}

.cerez-anahtar input:checked + .cerez-anahtar__ray{
	background: var(--theme-color, #64343e);
}

.cerez-anahtar input:checked + .cerez-anahtar__ray::after{
	transform: translateX(18px);
}

.cerez-anahtar input:focus-visible + .cerez-anahtar__ray{
	outline: 3px solid var(--theme-color, #64343e);
	outline-offset: 2px;
}

@media (max-width: 575.98px){
	.cerez-kart__ust{
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 12px;
	}
}

@media (prefers-reduced-motion: reduce){
	.cerez-anahtar__ray,
	.cerez-anahtar__ray::after{
		transition: none;
	}
}

/* ==========================================================================
   E-BÜLTEN SAYFALARI (Tur 20, 2026-10-14) — Views/Bulten/Index. Kart carob'un newsletter.css'i; burada
   yalnızca onay / çıkış düğmesinin altındaki "Ana Sayfa" bağlantısı (carob'da düğme tekti).
   ========================================================================== */
.newsletter-status-link{ display: inline-block; font-size: 14px; color: var(--body-color, #6c757d); text-decoration: underline; }
.newsletter-status-link:hover{ color: var(--theme-color); }


/* X (TWITTER) İKONU (2026-10-15): sitenin Font Awesome'ı 6 Pro ve marka fontu alt küme
   (fa-brands-400.subset.woff) — fa-x-twitter (U+E61B) ne CSS'te ne fontta var; sosyal medya
   bağlantısında ikon boş çıkıyordu. Glif panelin Font Awesome 7.3.1 marka fontundan
   (APanelCore.Admin/wwwroot/icons/fontawesome/webfonts/fa-brands-400.woff2) kopyalandı;
   YALNIZ bu ikon o fontla çizilir, öteki ikonlar sitenin kendi fontunda kalır. */
/* (2026-10-16, PageSpeed: "Font display — 450 ms", dosya 114 KB) Yalnız X simgesi kullanıldığı için yazı tipi
   o tek karaktere indirildi (fa-brands-x-7.3.1.woff2, 0,7 KB — pyftsubset --unicodes=U+E61B). Başka bir FA7 marka
   simgesi gerekirse tam dosya (fa-brands-400-7.3.1.woff2) duruyor. swap: simge gelene kadar metin beklemesin. */
@font-face{
	font-family: "Carob FA7 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/fontawesome/fa-brands-x-7.3.1.woff2) format("woff2");
}

.fa-x-twitter{
	font-family: "Carob FA7 Brands" !important;
	font-weight: 400 !important;
}

.fa-x-twitter:before{
	content: "\e61b";
}


/* MOBİL KENAR BOŞLUĞU (2026-10-15, Ayhan: "mobilde kenarlara çok yakın"): şablonun .container'ı
   telefonda yalnız 12px iç boşluk bırakıyordu (carob'un canlı sitesinde de böyle). Metin ekran
   kenarına yapışmasın diye 575px ve altında 20px. Satır/sütun ızgarası (.row −12px, sütun +12px)
   aynen kaldığı için bütün içerik birlikte içeri kayar; yatay kaydırma oluşmaz. */
@media (max-width: 575px){
	.container,
	.container-fluid{
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* ARAPÇA (SAĞDAN SOLA) — 2026-10-16, Ayhan: "arapça da sayfalar veriler iç içe girmesin".
   Sağdan sola dillerde şablon dosyalarının aynalanmış kopyaları (*.rtl.css, rtlcss ile üretildi) yüklenir —
   Site/SagdanSolaCssTagHelper. Bu dosyanın da aynası var (carob.rtl.css): BU DOSYA DEĞİŞİNCE AYNASI
   YENİDEN ÜRETİLMELİ (npx rtlcss carob.css carob.rtl.css); eski kalırsa yardımcı aynayı kullanmaz, bu dosyayı
   yükler. Aşağıdaki kurallar aynalanmaz (rtl:ignore): telefon numaraları sağdan sola satırda ters
   görünüyordu ("45 40 517 0242") — numara soldan sağa yalıtılır. */
/*rtl:ignore*/
[dir="rtl"] a[href^="tel:"]{
	direction: ltr;
	unicode-bidi: isolate;
}

/* (2026-10-16, Ayhan: "azıcık alanı genişletebilirsen tek satırda görünsün sosyal medya iconları")
   Yan menüdeki 7 sosyal simge 46 px + 7 px boşlukla 388 px'e sığmayıp ikinci satıra taşıyordu. Simge 42 px,
   aralık 6 px (flex gap — sağdan sola dilde de aynı): 7 simge 330 px, tek satır. Çok dar ekranda yine sarar. */
.sidemenu-wrapper .sm-cart-social{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
}

.sidemenu-wrapper .sm-cart-social a{
	--icon-size: 42px;
	margin: 0;
	font-size: 17px;
}

/* =====================================================================
   UYGULAMA OLARAK YÜKLEME (2026-10-16, Ayhan: "sitenin mobil uygulama olarak yüklenmesi için mobil
   kullanıcıları nasıl bilgilendirebiliriz?") — _CarobLayout [data-uygulama-kart], betik carob.js
   uygulamaYukleme(). Telefonda alttan tam genişlik (iPhone'un alt çentiğine pay bırakılır), geniş ekranda
   çerez kartının yerinde, sol altta. WhatsApp düğmesinin üstünde durur (z-index). Görüntü yalnız
   transform + opacity; "hareketi azalt"ta geçiş yok, yazdırmada hiç yok.
   ===================================================================== */
.uygulama-kart{
	position: fixed;
	left: 12px;
	right: 12px;
	bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	z-index: 10000;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 10px 14px 14px;
	border: 1px solid rgba(15, 23, 42, .08);
	border-radius: 16px;
	background: #fff;
	color: #374151;
	box-shadow: 0 24px 60px -12px rgba(15, 23, 42, .32), 0 2px 6px rgba(15, 23, 42, .06);
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .35s ease, transform .35s cubic-bezier(.2, .8, .2, 1);
}

.uygulama-kart[hidden]{
	display: none;
}

.uygulama-kart--acik{
	opacity: 1;
	transform: none;
}

.uygulama-kart__simge{
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 12px;
}

.uygulama-kart__govde{
	flex: 1 1 auto;
	min-width: 0;
	font-size: 13.5px;
	line-height: 1.45;
}

.uygulama-kart__baslik{
	display: block;
	margin-bottom: 2px;
	font-size: 15px;
	color: var(--title-color, #1a1a1a);
}

.uygulama-kart__metin[hidden],
.uygulama-kart__adimlar[hidden],
.uygulama-kart__yukle[hidden]{
	display: none;
}

.uygulama-kart__adimlar{
	margin: 2px 0 0;
	padding-left: 18px;
}

.uygulama-kart__adimlar li{
	margin: 0;
}

.uygulama-kart__paylas{
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-left: 2px;
	vertical-align: -3px;
	color: #0a84ff;
}

.uygulama-kart__yukle{
	flex: 0 0 auto;
	padding: 9px 16px;
	border: 0;
	border-radius: 10px;
	background: var(--theme-color, #64343e);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.uygulama-kart__yukle:hover,
.uygulama-kart__yukle:focus-visible{
	filter: brightness(1.12);
}

.uygulama-kart__kapat{
	display: inline-flex;
	flex: 0 0 auto;
	align-self: flex-start;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #9ca3af;
	font-size: 15px;
	cursor: pointer;
}

.uygulama-kart__kapat:hover,
.uygulama-kart__kapat:focus-visible{
	background: #f3f4f6;
	color: #374151;
}

@media (min-width: 768px){
	.uygulama-kart{
		right: auto;
		left: 24px;
		bottom: 24px;
		width: min(420px, calc(100vw - 48px));
	}
}

@media (prefers-reduced-motion: reduce){
	.uygulama-kart{
		transition: none;
	}
}

@media print{
	.uygulama-kart{
		display: none !important;
	}
}

/* Yan menüdeki "Uygulamayı yükle" bağlantısı: düğme ama ötekiler gibi bağlantı görünümünde. */
.sidemenu-wrapper .sm-uygulama-dugme{
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	text-align: inherit;
	cursor: pointer;
}

.sidemenu-wrapper [data-uygulama-menu][hidden]{
	display: none;
}

/* (2026-10-16, haber galerisi denemesi) Haber / Basın galerisi "row gx-20 gy-20" kullanıyor ama şablonun style.css'inde
   bu iki aralık sınıfı yok (yalnız 10, 30, 40…) — ızgaranın satırları birbirine yapışıyordu. */
.gx-20{
	--bs-gutter-x: 20px;
}

.gy-20{
	--bs-gutter-y: 20px;
}

/* (2026-10-16, uzun bağlantılar) Kullanıcı bildirdi: blog detayındaki "Bilimsel Kaynaklar" alıntısında bağlantı
   metinleri (DOI, adres) kutunun sağından dışarı taşıyordu. Boşluksuz uzun bir dizgi tarayıcının satır kırabileceği
   bir yer bulamaz; kapsayıcının overflow-x:hidden'ı da (customoverflow.css) taşan kısmı keser.
   overflow-wrap:anywhere yalnızca SIĞMAYAN dizgiyi böler (normal kelimeler etkilenmez) ve min-content genişliğini de
   düşürdüğü için tablo hücresi / dar sütun içinde de çalışır. Yönetici HTML'inin basıldığı tüm kapsayıcılar:
   blog/haber/basın/e-bilgi/site sayfası gövdesi (.blog-detail-content), bütün alt detay blokları (.altdetay-blok)
   ve ürün açıklaması (.product-about .text). */
.blog-detail-content a,
.altdetay-blok a,
.altdetay-blok cite,
.product-about .text a {
	overflow-wrap: anywhere;
}


/* Yazı sayfası — öneri listesinin altındaki "Tüm sonuçları gör (N)". */
.blog-search-results .search-result-all {
	display: block;
	padding: 10px 14px;
	border-top: 1px solid #eee;
	color: var(--theme-color, #64343e);
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

.blog-search-results .search-result-all:hover {
	background: var(--smoke-color, #f3f3f3);
}


/* ------------------------------------------------------------------
   (2026-10-25, CarobTurkiye; Ayhan)
   BOŞ DURUM SİMGESİ: sertifikalar, basında biz, bayiler, blog / haber boşken İK'deki "Şu anda açık
   pozisyon bulunmuyor" kutusunun görünümü — simge tema renginde, 40 px (yerleşim customemptystate.css).
   İHRACAT HARİTASI: telefonda "Küreyi sürükleyerek…" notunun başındaki küre simgesi gizli.
   İNSAN KAYNAKLARI, İHRACAT, BAYİ BAŞVURUSU formları: telefonda onay kutularının .form-check sol boşluğu yok
   (kutu ve metin hizalı oturuyor).
   ------------------------------------------------------------------ */
.empty-state .empty-icon{ color: var(--theme-color); }
.empty-state .empty-icon i{ font-size: 40px; }
@media (max-width: 767px){
	.ihracat-not-simge{ display: none; }
	[data-ik-form] .form-check,
	[data-ihracat-form] .form-check,
	[data-bayi-form] .form-check{ padding-left: 0; }
}

/* ------------------------------------------------------------------
   SAYFAYA ÖZGÜ STİLLER (2026-10-25, CarobTurkiye; Ayhan: "ana css dosyasında başka sayfada
   kullanılan ama ana sayfada kullanılmayan küme css kodları varsa ilgili sayfada ayrı bir css
   dosyasına taşıyabilirsin"): ürün, hakkımızda, iletişim, SSS, ticari bilgiler, arama, haber /
   basın, sözleşmeler, bayiler, sabit sayfa ve blog kuralları carob-*.css dosyalarında; her
   görünüm kendi dosyasını @section Styles'ta yükler. Yeni sayfaya özgü kural → o dosyaya.

   SİMGE YAZI TİPLERİ HEMEN GÖRÜNSÜN: fontawesome.min.css (şablon, dokunulmaz) font-display:block
   veriyor — yazı tipi inene kadar simgelerin yeri boş kalır, Lighthouse "yazı tipi görüntüleme"
   uyarısı. Aynı tanımlar swap ile yeniden yazıldı (sonra gelen tanım geçerli).
   ------------------------------------------------------------------ */
@font-face{font-family:Font Awesome\ 6 Brands;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fontawesome/fa-brands-400.subset.woff) format("woff"),url(../fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(../fonts/fontawesome/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:Font Awesome\ 6 Pro;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/fontawesome/fa-light-300.subset.woff) format("woff"),url(../fonts/fontawesome/fa-light-300.woff2) format("woff2"),url(../fonts/fontawesome/fa-light-300.ttf) format("truetype")}
@font-face{font-family:Font Awesome\ 6 Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fontawesome/fa-regular-400.subset.woff) format("woff"),url(../fonts/fontawesome/fa-regular-400.woff2) format("woff2"),url(../fonts/fontawesome/fa-regular-400.ttf) format("truetype")}
@font-face{font-family:Font Awesome\ 6 Pro;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/fontawesome/fa-solid-900.subset.woff) format("woff"),url(../fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(../fonts/fontawesome/fa-solid-900.ttf) format("truetype")}