/* ===== G5 ===== */
/* =====================================================================
   G5 – efekt / performans / erişilebilirlik emniyet yaması (r53)
   Bağımsız: kaynak kod değişmeden çalışır; G5.js ile birlikte yüklenmeli.
   Kalıcı düzeltmeler G5-php.md'de (ESKİ/YENİ). Kaynak düzeltmesi yayına
   girdiğinde bu dosyadaki "kaydırınca belir" bölümü zararsız kalır.
   ===================================================================== */

/* [V3-FX-009, V3-FX-015, HK reveal] Kaydırınca belir: geçiş .4–.45 sn, gecikme zinciri yok,
   ilk konum 14 px (22 px yerine). !important: r15w ".bx .bx-card{transition:…}" ve
   r15q ".bl-gx{transition:…}" opaklık geçişini eziyordu. */
.bx-rv.is-in,.bl-rv.bl-in{transition:opacity .4s ease-out,transform .45s cubic-bezier(.2,.7,.2,1)!important}
.bx-rv:not(.is-in),.bl-rv:not(.bl-in){transform:translateY(14px)}
/* [V3-FX-009] hareket azaltma tercihinde gizleme hiç yok (JS'li çizim figürleri dahil) */
@media (prefers-reduced-motion:reduce){
  .bx-rv,.bl-rv,.blv-in,.blr .in,.blw-txt{opacity:1!important;transform:none!important;transition:none!important}
}
/* [V3-FX-009] yazdırmada her şey görünür (tweaks .bl-rv için yazdırma kuralı yoktu) */
@media print{.bl-rv,.blv-in,.blr .in,.blw-txt{opacity:1!important;transform:none!important}}

/* [V3-FX-014, X1-WEB-007] product-groups başlığı: 48 SVG parçasında sürekli ANİMASYONLU drop-shadow
   (her karede yeniden rasterleme) – en ağır kalem. Renk nabzı kalır, yalnız filtre kaldırılır.
   Not: aynı ad r15p ve r15q'da tanımlı; sonra yüklenen bu tanım geçerli olur. */
@keyframes blpah{0%,100%{fill:#7a1f07}50%{fill:#ff8a2a}56%{fill:#ffd09a}62%{fill:#ff8a2a}}
@keyframes blpah2{50%{stroke:#ffb067}}

/* [V3-FX-013] product-groups: kayan cihaz çizimleri başlık/alt başlık metninin arkasına girmesin
   (yalnız sağ yarıda görünür) */
@media (min-width:768px){
  .page-subheader .bl-pha.bl-pall{-webkit-mask:linear-gradient(90deg,transparent 0,transparent 50%,#000 64%,#000 88%,transparent);mask:linear-gradient(90deg,transparent 0,transparent 50%,#000 64%,#000 88%,transparent)}
}

/* [V3-FX-012, V3-FX-013, V3-FX-011] İç sayfa başlık tuvali (dalga/ızgara/artı imleç) metin sütununun
   arkasında %30'a iner, sağ yarıda tam kalır */
@media (min-width:768px){
  .page-subheader .bl-phfx{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 46%,#000 68%);mask-image:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 46%,#000 68%)}
}

/* [V3-FX-027] Devre şeması kutusu olan başlıklarda başlık sütunu şemaya girmesin */
@media (min-width:1100px){
  .page-subheader:has(.bl-pha:not(.bl-pall)) .subheader-titles,.page-subheader:has(.bl-pha:not(.bl-pall)) .subheader-maintitle{max-width:640px!important}
}
@media (min-width:768px) and (max-width:1099px){
  .page-subheader .bl-pha:not(.bl-pall){display:none}
}

/* [V3-FX-022] Mobil: başlık efektleri (devre şeması, kayan çizimler, sinüs tuvali, okuma yazısı)
   başlığın üstüne biniyordu – mobilde şema/çizim gizli, tuval çok soluk */
@media (max-width:767px){
  .page-subheader .bl-pha,.page-subheader .bl-phfx__r{display:none!important}
  .page-subheader .bl-phfx{opacity:.22}
}

/* [V3-FX-016] Katalog bulucu: seçili çip siyah zemin + (kontrast kuralından gelen) siyah yazı ile
   boş görünüyordu. Alt çiplerle aynı dil: turuncu zemin, koyu yazı. */
.blfd-chip.on{background:#ff6501!important;border-color:#ff6501!important;color:#14161a!important}
.blfd-chip.on b{color:#14161a!important}

/* [V3-FX-003, X1-WEB-026] Ana sayfa kahraman: "Hover or tap…" ipucu kesit kartının alt kenarına biniyordu */
@media (min-width:768px){ .blh .blh__hint{bottom:-28px!important} }

/* [V3-FX-007] Ana sayfa turuncu bant: bobin deseni gövde metninin içinden geçiyordu */
body.home .eluide409d669:before{opacity:.13!important}
body.home .eluide409d669:hover:before{opacity:.3!important}
body.home .eluide409d669 .tbk__subtitle{font-weight:500;text-shadow:0 1px 2px rgba(70,12,0,.5)}

/* [V3-FX-019] Fotoğraf/kart üzerine gelince 8 Hz yanıp sönme (blqf, steps(2) .12s) – titreşim yok,
   çizgi çizilip sabit kalır (WCAG 2.3.1 yanıp sönme riskini kaldırır) */
.bl-zw:hover .bl-zap .a{animation:blqa .7s ease-out forwards!important}

/* [V3-FX-006] Ana menü: boştaki gri zikzak "yazım hatası" gibi okunuyordu – daha silik;
   aktif sayfanın turuncu çizgisi sürekli akmaz (hover'da akış sürer) */
#main-menu>ul>li>a.main-menu-link-top:after{opacity:.16}
#main-menu>ul>li.active:not(:hover)>a.main-menu-link-top:after,#main-menu>ul>li.current-menu-ancestor:not(:hover)>a.main-menu-link-top:after{animation:none!important}

/* [V3-FX-005] Logo bilgi kartı: fare logodan geçerken yanlışlıkla açılmasın (niyet gecikmesi .6 sn),
   bırakınca hemen kapansın. Özellik korunur. */
#header .logo-container.hasInfoCard .logo-infocard{transition-delay:0s!important}
#header .logo-container.hasInfoCard:hover .logo-infocard{transition-delay:.6s!important}

/* [V3-FX-018] Tools: giriş kutusundaki karakter yağmuru metnin arkasında çok baskın – soluk */
.bl-mxbox>canvas{opacity:.22!important}

/* [V3-FX-010, V3-FX-017] İç sayfa başlığı: görsel gelene kadar tema zemini (rgba(47,47,47,.3) beyaz üstünde) açık gri
   görünüyordu – koyu zemin; fotoğraf/video katmanları değişmez */
#page_header.page-subheader{background-color:#121417}

/* [X1-WEB-020] 10–11 px yardımcı yazılar: üst şerit sorusu ve ana CTA en az 12 px */
#header .bl-tq{font-size:12px!important}
#header .bl-tcta{font-size:12px!important;padding-top:5px;padding-bottom:5px}

/* [X1-WEB-034] Başlık arka plan videosu için duraklat düğmesi (G5.js ekler) */
.g5-vp{position:absolute;right:16px;bottom:64px;z-index:6;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(12,13,16,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .2s,background .2s}
.g5-vp:hover,.g5-vp:focus-visible{border-color:#ff6501;background:rgba(12,13,16,.8);outline:none}
.g5-vp svg{width:12px;height:12px;fill:currentColor}
@media (max-width:767px){.g5-vp{bottom:56px;right:12px}}
@media print{.g5-vp{display:none!important}}

/* ===== G1 ===== */
/* =====================================================================
   G1 – site geneli iskelet + ana sayfa  (r53, uygulayıcı yaması)
   Kapsam: üst bant, logo, menü, alt bilgi, çerez bandı, alt kapanış bandı, ana sayfa.
   Not: Seçiciler dar tutuldu; ana sayfaya özgü kurallar body.home altında.
   ===================================================================== */

/* [V2-VB-001, V1-VA-001, V2-VA-001] Kallyas demo "hover me" el yazısı + ok ipucu kaldırılır.
   Görseli temanın template.css'indeki .logo-container.hasInfoCard.hasHoverMe:before üretiyor.
   Logo üstüne gelince açılan turuncu bilgi kartı (#infocard) KALIR. */
#logo-container.hasHoverMe::before{content:none!important;display:none!important;background:none!important}

/* [V2-VA-002] Bilgi kartı: temanın soluk "say hi" konuşma balonu kaldırılır, ince koyu yazı biraz kalınlaştırılır
   (kart, renk ve içerik aynen kalır). */
#infocard .contact-details{background-image:none!important}
#infocard .contact-details p{font-weight:500}

/* [GÖREV: koyu düğme yazısı görünmüyor] bl-jury-tasarim.php'deki genel kural
   (a.bx-btn:not(.bx-btn--ghost):not(:hover), .blfd-chip.on:not(:hover), .bl-cfg-btn:not(:hover) → color:#14161a)
   koyu zeminli üç düğme varyantında yazıyı zeminle aynı renge boyuyor. Yalnız bu varyantlarda yazı beyaza döner:
   1) /references/ turuncu dağıtıcı kartı "Apply as a distributor" (.bl-mk3__dist .bx-btn → zemin #141518)
   2) /catalogue-finder/ ve parça bulucu: seçili çip (.blfd-chip.on → zemin #141518), ör. "All groups 364"
   3) /configurator/ son adım "Copy specification" (.bl-cfg-btn.blue → zemin #1b1d21) */
.bl-mk3__dist a.bx-btn:not(.bx-btn--ghost):not(:hover),
.bl-mk3__dist a.bx-btn:not(.bx-btn--ghost):not(:hover) *,
.blfd-chips .blfd-chip.on:not(:hover),
.blfd-chips .blfd-chip.on:not(:hover) *,
.bl-cfg-acts .bl-cfg-btn.blue:not(:hover),
.bl-cfg-acts .bl-cfg-btn.blue:not(:hover) *{color:#fff!important}
.bl-cfg-acts .bl-cfg-btn.blue svg{stroke:#fff}

/* [V1-VB-040, V2-VA-019] Üst şerit ve ekmek kırıntısı alt sınırı 12 px (masaüstü). Üst şerit tek satır kalsın diye
   büyütme yalnız ≥1200 px'te (daha dar ekranlarda rb12 zaten öğe gizliyor). */
@media (min-width:1200px){
 .site-header-top .kl-header-toptext{font-size:12px!important}
 .site-header-top a.bl-tcta{font-size:11.5px!important;padding-top:4px;padding-bottom:4px}
}
@media (min-width:768px){
 #page_header .breadcrumbs,#page_header .breadcrumbs li,#page_header .breadcrumbs a,.subheader-titles .breadcrumbs{font-size:12px!important;letter-spacing:.06em!important}
}

/* [V1-VA-019] Yapışkan üst çubuk: zemin biraz daha opak, altından geçen kart çizimleri menü yazısının arkasında seçilmesin. */
#header.header--sticky .site-header-wrapper.sticky-top-area{background-color:rgba(13,14,17,.97)!important}

/* ---------------- ANA SAYFA – HERO ---------------- */
/* [V1-VA-002, V2-VA-007, HK-H01-hero-ipucu-cakismasi, V6-DRW-003] Hero diyagramı etiket çakışmaları:
   ipucu satırı kesit panelinin altına; beş kesit etiketi tek taban çizgisine; "Circuit 2" dış borudan uzaklaştırılır
   ve tüm çizim etiketlerine koyu hale (okunur zemin) verilir. */
@media (min-width:768px){
 body.home .blh__fig .blh__hint{bottom:-34px!important}
}
body.home .blh__fig .blh__lab text{paint-order:stroke;stroke:rgba(13,14,16,.88);stroke-width:4px;stroke-linejoin:round}
body.home .blh__fig .blh__lab text[x="746"]{transform:translateX(-12px)}
body.home .blh__fig .blh__lab text[x="170"][y="624"]{transform:translate(30px,-16px)}
body.home .blh__fig .blh__lab text[y="618"]{transform:translateY(-10px)}
body.home .blh__fig .blh__lab2{font-size:13px;fill:#b7bcc4}

/* [V1-VA-004] Hero sağ yarısı: diyagramın arkasındaki yoğun drone fotoğrafı (güneş paneli + tabela) hafifçe koyulaştırılır. */
@media (min-width:992px){
 body.home .blh__fig{isolation:isolate}
 body.home .blh__fig::before{content:"";position:absolute;inset:-28px -24px -48px -24px;z-index:-1;border-radius:18px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(12,13,16,.72),rgba(12,13,16,.5) 70%,rgba(12,13,16,0))}
}

/* [V1-VA-022, V2-VA-008, V6-DRW-004] Mobil kesit paneli: 4–5 px'lik başlık ve ölçü yazıları okunur boya getirilir (≈8 px). */
@media (max-width:767px){
 body.home .blh__fig .blh__det .blh__dt{font-size:20px;transform:translateY(-6px)}
 body.home .blh__fig .blh__dim text{font-size:20px;transform:translateY(3px)}
}

/* [V1-VA-006] Ürün şeridi: açıklaması üç satır olan kartta ürün adı yukarı kaymasın – açıklama bloğu sabit yükseklikte. */
@media (min-width:768px){ body.home .blp .blp__d{min-height:86px} }

/* [V1-VA-007, V2-VA-010] Turuncu tanıtım bandı: parlak orta çizgi ve metnin içinden geçen bobin yumuşatılır,
   zemin koyulaştırılır (beyaz yazı ≥4,5:1), paragraf ince/yarı saydam değil düz beyaz 500; mobilde 16 px. */
body.home .eluide409d669{background:linear-gradient(180deg,#5e1300 0%,#a32800 12%,#c94300 32%,#cf4700 50%,#c94300 68%,#a32800 88%,#5e1300 100%)!important}
body.home #eluide409d669.eluide409d669::before{opacity:.06!important}
body.home .eluide409d669 .tbk__subtitle{color:#fff!important;font-weight:500!important;font-size:19px!important;line-height:1.65!important;max-width:880px}
@media (max-width:767px){
 body.home .eluide409d669 .tbk__subtitle{font-size:16px!important;line-height:1.6!important}
}

/* [V1-VA-008, V6-DRW-006] Uygulama kartları: arkadaki ürün renderı metnin altında kalıyor – renderı soldurup sağ alta çekiyoruz. */
body.home .bl-ha__g .bl-ha__c::before{opacity:.09!important;left:auto!important;right:-6px!important;top:auto!important;bottom:-6px!important;width:62%!important;height:70%!important;background-position:right bottom!important}
body.home .bl-ha__g .bl-ha__c span:not(.bl-zap){color:#5b6068}
/* [V2-VA-006] Dört hızlı bağlantı kartı: ölçü çizgisi/rozet çizimleri açıklama satırlarının içinden geçmesin. */
body.home .bl-ha__r > a::after{opacity:.07!important}
@media (max-width:767px){ body.home .bl-ha__r > a::after{display:none!important} }

/* [V2-VA-012] Rakamlar bloğu: sağ üstteki yay süsü rakamların/notun arkasına binmesin. */
body.home .bl-st::before{top:-150px!important;right:-150px!important;border-color:rgba(255,101,1,.12)!important}
@media (max-width:767px){ body.home .bl-st::before{display:none!important} }

/* [V1-VA-011, V1-VA-005] Değer kartları: alttaki boş dolgu azaltılır; kart satırı kapsayıcı ızgarasına (x=150–1290) hizalanır
   (öğe yan kenar boşlukları 15 px içeri itiyordu). */
body.home .grid-ibx__item{padding-bottom:32px!important}
@media (min-width:992px){
 body.home .grid-ibx__row{column-gap:48px!important}
 body.home .grid-ibx__row > .grid-ibx__item{margin-left:0!important;margin-right:0!important}
}

/* [V1-VA-012, V1-VA-014, V2-VA-013] Haber şeridi: alt kenar boşluğu, tipografi (italik yok), bölüm başlığı diğer başlıklarla
   aynı aileden, "Read more +" görselin dışına taşmasın. */
body.home .latest-posts-carousel{padding-bottom:64px}
body.home .latest-posts-carousel .latest-posts-crs-elmtitle{color:#1b1d21!important;font-size:22px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase}
body.home .latest-posts-carousel .latest-posts-crs-title,
body.home .latest-posts-carousel .latest-posts-crs-title a,
body.home .latest-posts-carousel .latest-posts-crs-details{font-style:normal!important}
body.home .latest-posts-carousel .latest-posts-crs-title{font-size:17px!important;line-height:1.35!important}
body.home .latest-posts-carousel .latest-posts-crs-details{font-size:12px!important;color:#6b7078!important}
body.home .latest-posts-carousel .latest-posts-crs-readon{left:10px!important}
@media (max-width:767px){
 body.home .latest-posts-carousel{padding-bottom:40px}
 body.home .latest-posts-carousel .latest-posts-crs-elmtitle{font-size:18px!important}
 body.home .latest-posts-carousel .latest-posts-crs-title{font-size:15px!important}
}

/* ---------------- SİTE GENELİ – ALT KAPANIŞ BANDI (.bl-band) ---------------- */
/* [V2-VB-010, V1-VA-015, V2-VA-015] Etiket ve paragraf arkasındaki yarı saydam kızıl "yama" kutuları kaldırılır;
   okunurluğu fotoğrafın soluna konan tek koyu geçiş sağlar. Üstteki beyaz sis geçişi kaldırılır (net kenar). */
.bl-band .bl-band__in > p.bl-band__k,
.bl-band .bl-band__in > p.bl-band__s{background:none!important;padding-left:0!important;padding-right:0!important;border-radius:0!important}
.bl-band .bl-band__s{color:#e6e8eb}
.bl-band .bl-band__o{background:linear-gradient(90deg,rgba(12,13,16,.9) 0%,rgba(12,13,16,.8) 38%,rgba(12,13,16,.42) 66%,rgba(12,13,16,.12) 100%)!important}
.bl-band::before{display:none!important}
/* Mobilde fotoğraf konumu tabelanın tamamını gösterecek şekilde; metin için tüm banda eşit katman. */
@media (max-width:767px){
 .bl-band .bl-band__p--drone{background-position:72% 45%!important}
 .bl-band .bl-band__o{background:rgba(12,13,16,.7)!important}
}

/* ---------------- SİTE GENELİ – ALT BİLGİ ---------------- */
/* [V2-VB-007, V1-VA-018, V2-VA-016] Üç farklı ayırıcı (4 px beyaz, 5 px gri, 1 px) → tek stil 1 px %12 beyaz. */
#footer.site-footer{border-top:0!important}
#footer .site-footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important}
/* [V2-VA-016] Adres/telefon satırı italik değil. */
#footer .textwidget > i{font-style:normal}
/* [V2-VB-009] Zemin siluetleri logo ve sosyal simgelerin arkasında leke gibi – soldurulur. */
#footer .bl-ftflow{opacity:.05!important}

/* [V2-VA-017] Mobil alt bilgi: marka logoları (BALÇIK ISI | Tormec görseli + heatechnics) tek satırda, orantılı küçültülmüş;
   "heatechnics" alt satıra düşüp sol kenardan taşmasın. */
@media (max-width:767px){
 #footer .footer-copyright-link{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;max-width:100%}
 #footer .footer-copyright-link img.footer-copyright-img{width:240px!important;max-width:calc(100% - 92px)!important;height:auto!important;margin-left:0!important}
 #footer .footer-copyright-link::after{flex:0 0 104px!important;width:104px!important;height:26px!important;margin-left:-14px!important;margin-right:0!important;background-size:104px 26px!important}
}

/* [V2-VB-008, V1-VA-016, V2-VA-018] Alt bilginin altındaki ilgili sayfalar bloğu: 15 px sola kayma giderilir
   (ızgara x=150), bağlantı/metin kontrastı yükseltilir (≈#a3a9b2 / #0d0e10 ≈ 7,6:1), 11 → 12,5 px. */
.bl-trterms .bl-trterms__in{padding-left:15px;padding-right:15px}
.bl-trterms{color:#8b919a!important}
.bl-trterms h2 a{color:#a3a9b2!important}
.bl-trterms .bl-trterms__k a{color:#a3a9b2!important;font-size:12.5px!important}
.bl-trterms .bl-trterms__k a:hover{color:#ff6501!important}

/* ---------------- ÇEREZ BANDI (mobil) ---------------- */
/* [V1-VA-024] Mobil ilk ziyarette çerez kutusu daha derli toplu (hero düğmelerini daha az örter). */
/* Seçim yapılana kadar sabit alt eylem çubuğu gizli, çerez kutusu ekranın en altına iner (kutu seçimden sonra [hidden] olur). */
@media (max-width:767px){
 #bl-ck .bl-ck__t p{font-size:11px!important;line-height:1.4!important;margin-bottom:8px!important}
 #bl-ck .bl-ck__in [class*=btn],#bl-ck .bl-ck__in button{padding:8px 10px!important}
 #bl-ck:not([hidden]){bottom:calc(8px + env(safe-area-inset-bottom))!important}
 body:has(#bl-ck:not([hidden])) #bl-mbar{transform:translateY(110%)}
}

/* ---------------- İKİ SÜTUNLU BÖLÜMDEKİ BİLGİ KUTUSU (KVKK veri sorumlusu vb.) ---------------- */
/* [V1-VA-073] Yarım sütundaki .bx-specs iki sütunlu ızgarada adres 5 satıra bölünüyor, KEP adresi sağdan taşıyor:
   tek sütun, etiket solda / değer sola yaslı, uzun adres kırılabilir. */
.bx-split .bx-specs{grid-template-columns:1fr!important}
.bx-split .bx-specs>div{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:4px 18px}
.bx-split .bx-specs .v{text-align:left;overflow-wrap:anywhere}

/* ---------------- SÖZLÜK TERİMLERİ ---------------- */
/* [V1-VA-039] Otomatik sözlük betiği satır içi terimlere (.bl-gl) de "kaydırınca belir" sınıfı (.bl-rv) ekliyor;
   cümle görünürken terim bir an boş kalıyor (yakalamada tamamen boş). Satır içi terimler hiç gizlenmez. */
.bl-gl.bl-rv{opacity:1!important;transform:none!important;visibility:visible!important}

/* ---------------- MOBİL TEKNİK TABLOLAR ---------------- */
/* [V1-VA-066] ≤767 px: 3+ sütunlu .bx-table (G1.js .bl-stk + data-label ekler) satır başına bir kart olur;
   ilk hücre kart başlığı, diğer hücreler küçük gri etiket + değer olarak alt alta. */
@media (max-width:767px){
 .bx-table.bl-stk thead{display:none}
 .bx-table.bl-stk,.bx-table.bl-stk tbody,.bx-table.bl-stk tr,.bx-table.bl-stk th,.bx-table.bl-stk td{display:block;width:100%!important}
 .bx-table.bl-stk tbody tr{border-bottom:1px solid var(--bx-line,#e3e6ea);padding:6px 0 10px}
 .bx-table.bl-stk tbody tr:last-child{border-bottom:0}
 .bx-table.bl-stk tbody th,.bx-table.bl-stk tbody td{border-bottom:0!important;padding:6px 16px!important}
 .bx-table.bl-stk tbody tr>:first-child{font-size:15px;font-weight:700;color:var(--bx-dark,#1b1d21);background:transparent!important;padding-top:12px!important}
 .bx-table.bl-stk tbody tr>:first-child::before{display:none}
 .bx-table.bl-stk tbody td[data-label]::before,.bx-table.bl-stk tbody th[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin:0 0 2px;font:700 11px/1.3 var(--bl-font,Montserrat,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#7b8088}
 .bx-table.bl-stk tbody tr:hover td{background:transparent!important}
}

/* [V2-VA-012] Mobil rakamlar başlığı: dalga simgesi ilk satırı içeri itmesin – simge başlığın üstünde ayrı satır. */
@media (max-width:767px){
 body.home .bl-st .bl-st__h h3 > i.blu-k{display:block;margin:0 0 10px}
}

/* ===== G2a ===== */
/* =====================================================================
   G2a – kurumsal sayfalar · r53 uygulayıcı yaması
   Sayfa kimlikleri: about-us 928 · careers 165323 · certificates 164933 ·
   contact-us 2158 · customised 2206 · compliance 166134 · download-centre 164953 ·
   kvkk 164818 · legal-information 164877 · quality 2195 · references 164959 ·
   rfq 1926 · supplier-requirements 164961 · sustainability 164957 ·
   warranty-returns 166135 · sitemap (.bl-smap yalnız orada)
   ===================================================================== */

/* [HK-H02-references-distributor-btn-contrast, V1-VA-050, V2-VA-045]
   Turuncu distribütör kartındaki düğme: yazı koyu zemin üstünde koyuydu → beyaz yazı */
/* (!important zorunlu: turuncu düğmelere koyu yazı veren tema-geneli kural 'a.bx-btn:not(.bx-btn--ghost):not(:hover){color:#14161a!important}') */
.bl-mk3 .bl-mk3__dist a.bx-btn{background:#141518;border-color:#141518;color:#fff!important;-webkit-text-fill-color:#fff}
.bl-mk3 .bl-mk3__dist a.bx-btn:hover,
.bl-mk3 .bl-mk3__dist a.bx-btn:focus-visible{background:#000;border-color:#000;color:#fff!important;-webkit-text-fill-color:#fff}

/* [HK-H01-sozluk-terimleri-gorunmuyor, HK-H02-glossary-tooltip-terms-invisible, V1-VA-064]
   Satır içi sözlük terimleri (.bl-gl) kaydırınca-belir listesine düşmüş; hızlı kaydırma/
   çapa ile girişte cümle ortasında boşluk kalıyordu → terim her zaman görünür */
span.bl-gl.bl-rv{opacity:1;transform:none;transition:none}

/* [V1-VA-028, V2-VA-024] about-us 'What we make' kart etiketleri: tek biçim + etikette sözlük çizgisi yok */
.page-id-928 .bx-card > .bx-card__n{text-transform:uppercase;letter-spacing:.14em}
.page-id-928 .bx-card__n .bl-gl{border-bottom:0;cursor:inherit;color:inherit;pointer-events:none}

/* [V2-VA-026, V1-VA-030 (alt yazı kısmı)] Prologue koyu kartında kurucunun adı koyu gri → beyaz */
.page-id-928 .bl-tl-intro .bl-tl-cap b{color:#fff}

/* [V1-VA-032, V2-VA-027] 'Milestones' satırı alıntı kartına yapışıktı */
.page-id-928 .bx-wrap > .bl-ms + .bx-quote{margin-top:40px}

/* [V2-VA-021] about-us mobil hero: başlık/alt cümle açık cepheye denk geliyor → daha koyu örtü */
@media (max-width:767px){
  .page-id-928 #page_header .kl-bg-source__overlay{background:linear-gradient(180deg,rgba(14,15,17,.55) 0%,rgba(14,15,17,.74) 40%,rgba(14,15,17,.86) 100%)!important}
}

/* [V1-VA-027, V7-VID-031 (mobil kısmı)] Mobilde 'YouTube' hapı tam genişliğe yayılıyordu
   (bl-filmbtn mobil kuralı right:16px, --yt kuralının right:auto'sunu eziyor) → içerik genişliği */
@media (max-width:767px){
  #page_header .bl-filmbtn.bl-filmbtn--yt{right:auto}
}

/* [HK-H01-hero-susleme-birimleri, HK-H02-units-uppercase-css, V2-VA-022]
   Hero köşe etiketi birimleri büyük harfe çeviriyordu ('MM', 'HZ'); ikinci yazı ailesi (monospace) → Montserrat, büyük harf yok */
#page_header .bl-phfx__r{text-transform:none;font-family:Montserrat,Arial,sans-serif;font-weight:600;letter-spacing:.06em}

/* [V2-VA-042, V1-VA-043, V2-VA-036] Mobil hero şeması (formül/devre çizimi) başlık ve alt cümlenin üstüne biniyordu
   → kaldırılmadı; başlığın üstündeki boş foto şeridine (breadcrumb üstü) küçük ve soluk taşındı */
@media (max-width:767px){
  #page_header .bl-pha:not(.bl-pall){top:14px;bottom:auto;right:12px;left:auto;width:220px;height:auto;max-height:none;opacity:.5!important}
  #page_header .bl-pha:not(.bl-pall) svg{width:100%;height:auto}
  #page_header .bl-pha.bl-pall{top:14px;bottom:auto;height:72px;opacity:.5!important}
  /* certificates: 'seal' tuvalindeki 'ISO 9001 · VDE · RoHS · REAC…' yazısı başlığa biniyor ve kesiliyordu */
  .page-id-164933 #page_header .bl-phfx{opacity:.15}
  .page-id-2195 #page_header .bl-phfx{opacity:.35}
}

/* [V2-VA-040] Henüz alınmamış belgeler (ISO 45001 / ISO 14001 / UL) gerçek belgelerden daha güçlü renkteydi
   → gri, kesik çerçeve, soluk; sahip olunan belgeler önde */
.page-id-164933 .bl-mk2__g figure.is-prog{background:#fafafa;border-color:#d5d8dd}
.page-id-164933 .bl-mk2__g figure.is-prog .bl-mk2-t{color:#8a9099;border-color:#b9bec5;font-size:.82em}
.page-id-164933 .bl-mk2__g figure.is-prog figcaption{color:#6b7079}

/* [V1-VA-047, V2-VA-043, HK-H01-mobil-tablo-tasmasi, V1-VA-078, V2-VA-059]
   Mobilde geniş .bx-table'lar 390 px'e sığmıyor, 'Download' sütunu ekran dışında kalıyordu
   → G2a.js tabloya .bl-tcards + hücrelere data-label verir; ≤767 px'te satır = kart */
@media (max-width:767px){
  .bx-table-wrap:has(> table.bl-tcards){overflow:visible}
  table.bx-table.bl-tcards{width:100%!important;min-width:0!important;border:0;background:transparent}
  table.bx-table.bl-tcards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  table.bx-table.bl-tcards,table.bx-table.bl-tcards tbody,table.bx-table.bl-tcards tr,
  table.bx-table.bl-tcards th,table.bx-table.bl-tcards td{display:block;width:auto!important}
  html body table.bx-table.bl-tcards tbody tr{margin:0 0 14px;padding:14px 16px;background:#fff;border:1px solid #e3e6ea;border-top:3px solid #ff6501;border-radius:12px;box-shadow:0 10px 26px -20px rgba(20,21,24,.35)}
  html body table.bx-table.bl-tcards tbody th{padding:0 0 8px;margin:0 0 8px;border:0;border-bottom:1px solid #eef0f2;background:none;font-size:15px;line-height:1.4;text-align:left;white-space:normal}
  html body table.bx-table.bl-tcards tr > td{padding:6px 0;border:0;background:none;text-align:left;white-space:normal;font-size:14px;line-height:1.5}
  table.bx-table.bl-tcards td[data-label]:before{content:attr(data-label);display:block;margin:0 0 2px;font:700 10.5px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a9099}
  table.bx-table.bl-tcards td a{display:inline-flex;align-items:center;min-height:44px}
}
/* [V1-VA-048, V2-VA-043 (filigran)] Mobilde VDE belge taraması metnin arkasında okunurluğu bozuyor → mobilde yalnız çizim zemini kalsın */
@media (max-width:767px){
  .page-id-164933 .bx .bx-sec.bl-cbg,
  .page-id-164953 .bx .bx-sec.bl-cbg{background-size:0 0,auto 100%!important}
}

/* [V2-VA-065, HK-H03-garanti-acknowledgement-baslik-cakismasi]
   Altı sütunlu adım dizisinde uzun başlık komşu sütuna taşıyordu ('AcknowledgemerContainment') */
.bx-steps > li > h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
@media (min-width:1100px){.page-id-166135 .bx-steps > li > h3{font-size:17px!important;letter-spacing:-.015em}}

/* [V2-VA-067, HK-H03-kvkk-veri-sorumlusu-kutusu-whatsapp] KVKK veri sorumlusu kutusu: KEP adresi kesiliyordu → tek sütun */
.page-id-164818 .bx-split .bx-specs{grid-template-columns:1fr}
.page-id-164818 .bx-specs .v{overflow-wrap:anywhere}

/* [V1-VA-054, V2-VA-049] CBAM kartı: dört kutu sağ sütunun altına itiliyor, sağ yarıda ≈570 px boş koyu alan kalıyordu */
@media (min-width:992px){
  .page-id-164957 .bl-sus2__cbam{align-items:start;grid-template-rows:auto 1fr}
  .page-id-164957 .bl-sus2__cbam > div:first-child{grid-column:1;grid-row:1}
  .page-id-164957 .bl-sus2__cbam > .bl18-co{grid-column:2;grid-row:1 / span 2}
  .page-id-164957 .bl-sus2__cbam > ul{grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;align-self:start}
}
/* [HK-H02-units-uppercase-css] '1 MWP SOLAR ROOF' – görsel etiketi büyük harfe çevrilince birim bozuluyordu */
.page-id-164957 .bx-media__tag{text-transform:none;letter-spacing:.04em}

/* [V1-VA-069] Tedarikçi kategori şeridi: tam genişlik hesabı sola kaymış (x=-146 … 1294), sağda kesik
   → şerit ekranı simetrik kaplasın; altındaki koyu 'We are always open…' çubuğu da kap genişliğinde */
@media (min-width:1200px){
  .page-id-164961 .bx-wrap > .bx-head:has(> .bl-rawm){max-width:none}
  .page-id-164961 .bx-head:has(> .bl-rawm) > h2{max-width:860px}
  .page-id-164961 .bx-head:has(> .bl-rawm) > .bx-lead{max-width:780px}
}

/* [V2-VA-047] references ambalaj fotoğrafları: 3 görselli galeride sağ altta boş hücre; alt yazılar gri üstünde gri; fotoğraflar karanlık */
@media (min-width:768px){
  .page-id-164959 .bx-gallery:has(> .bx-fig:nth-child(3):last-child){grid-template-columns:2fr 1fr}
  .page-id-164959 .bx-gallery:has(> .bx-fig:nth-child(3):last-child) > .bx-fig:first-child{grid-column:1;grid-row:1 / span 2}
}
.page-id-164959 .bx-gallery figcaption{color:#fff;font-size:13px}
.page-id-164959 .bx-gallery .bl-hv{filter:brightness(1.35) contrast(1.04)}
.page-id-164959 .bx-gallery .bl-hvw:hover .bl-hv{filter:saturate(1.18) contrast(1.05) brightness(1.4)!important}

/* [V2-VA-044, V1-VA-044/V2-VA-039 (hizalama kısmı)] 'Are we doing a good job?' anket şeridi
   ekranın kenarından kenarına uzanıyordu (x=0–1440) → içerik kabına (1152 px) */
.page-id-2195 .bl18-cal,
.page-id-164933 .bl18-cal{box-sizing:border-box;width:calc(100% - 48px);max-width:1152px;margin:48px auto 32px;padding:22px 28px}
.page-id-2195 .bl18-cal .a a,
.page-id-164933 .bl18-cal .a a{border-radius:6px}
@media (max-width:767px){
  .page-id-2195 .bl18-cal,.page-id-164933 .bl18-cal{width:calc(100% - 32px);margin:32px auto 24px;padding:18px}
}

/* [V1-VA-071, V2-VA-066, HK-H03-yasal-sayfa-tasarim-duzeni] Yasal bilgi sayfası: tablo kabın %78'i,
   bağlantılar siyah, başlıklar gri/ince → sitenin bölüm diliyle hizala (yeniden tasarım değil) */
.page-id-164877 .kl-blog-page-body table.table{width:100%!important;max-width:none!important}
.page-id-164877 .kl-blog-page-body table.table th,
.page-id-164877 .kl-blog-page-body table.table td{padding:12px 16px;vertical-align:top}
.page-id-164877 .kl-blog-page-body a{color:#c84f00;text-decoration:none;border-bottom:1px solid rgba(200,79,0,.3)}
.page-id-164877 .kl-blog-page-body a:hover{color:#ff6501;border-bottom-color:#ff6501}
.page-id-164877 .kl-blog-page-body h2,
.page-id-164877 .kl-blog-page-body h3{color:#14151a;font-weight:800;letter-spacing:-.01em}
.page-id-164877 .kl-blog-page-body h3{margin-top:48px}
.page-id-164877 .kl-blog-page-body h3:before{content:"";display:block;width:40px;height:3px;margin:0 0 14px;background:#ff6501;border-radius:2px}

/* [V2-VA-076] Site haritası: dört kart en uzun sütun boyunda boş beyaz yüzey; 'Contact' grup başlığı diğerlerinden farklı */
.bl-smap{align-items:start}
.bl-smap .bl-smap__t > li > a{display:inline-block;margin-top:6px;color:#ff6501!important;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

/* [V1-VA-063] RFQ formu filigranlı zeminde çıplak duruyordu → beyaz kart */
@media (min-width:768px){
  .page-id-1926 .zn_columns_container > .col-md-8:has(form) > .znColumnElement-innerWrapper{background:#fff;border:1px solid #e3e6ea;border-radius:14px;padding:36px 40px 40px;box-shadow:0 10px 32px -18px rgba(20,21,24,.28)}
}

/* [V1-VA-059, V2-VA-053] Stilsiz tarayıcı dosya düğmesi ('Choose File') → sitenin ikincil düğme diliyle */
:is(.page-id-1926,.page-id-165323,.page-id-2158,.page-id-164961) input[type=file]{font:500 13px/1.4 Montserrat,Arial,sans-serif;color:#4a4f57;max-width:100%}
:is(.page-id-1926,.page-id-165323,.page-id-2158,.page-id-164961) input[type=file]::file-selector-button{margin-right:12px;padding:9px 16px;border:1px solid #c9cdd3;border-radius:6px;background:#fff;color:#1b1d21;font:700 13px/1 Montserrat,Arial,sans-serif;cursor:pointer;transition:border-color .2s,color .2s}
:is(.page-id-1926,.page-id-165323,.page-id-2158,.page-id-164961) input[type=file]::file-selector-button:hover{border-color:#ff6501;color:#c84f00}

/* ===== G2b ===== */
/* =====================================================================
   G2b – teknik / teknoloji / ürün grubu / araç sayfaları  (r53 uygulayıcı)
   Geri alma: bu dosyayı yüklemeyi bırakmak yeterli. Tüm seçiciler blok/sayfa
   sınıfına bağlı; tema/eklenti kuralını ezmek zorunlu olan yerde !important var.
   ===================================================================== */

/* [V1-VB-002, V2-VB-012, V1-VB-027] Geniş tablolar (.bx-table-wrap; ürün tabloları G3.css/G3.js): yatay kaydırma + görünür ipucu.
   G2b.js taşan tablo sarmalayıcısına .bl-tsw--ovf ekler (taşmıyorsa hiçbir şey değişmez);
   kaydırma sonunda .is-end, başında olmayınca .is-mid. İpucu metni CSS'ten gelir (dizine girmez). */
:is(.bx-table-wrap,.bl-tsw){scrollbar-width:thin;scrollbar-color:#ff6501 #eceef1;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
:is(.bx-table-wrap,.bl-tsw)::-webkit-scrollbar{height:8px}
:is(.bx-table-wrap,.bl-tsw)::-webkit-scrollbar-track{background:#eceef1;border-radius:4px}
:is(.bx-table-wrap,.bl-tsw)::-webkit-scrollbar-thumb{background:#ff6501;border-radius:4px}
.bl-tsw{overflow-x:auto;max-width:100%}
:is(.bx-table-wrap,.bl-tsw).bl-tsw--ovf:not(.is-end){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),rgba(0,0,0,.18));mask-image:linear-gradient(90deg,#000 calc(100% - 56px),rgba(0,0,0,.18))}
:is(.bx-table-wrap,.bl-tsw).bl-tsw--ovf.is-mid:not(.is-end){-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18),#000 40px,#000 calc(100% - 56px),rgba(0,0,0,.18));mask-image:linear-gradient(90deg,rgba(0,0,0,.18),#000 40px,#000 calc(100% - 56px),rgba(0,0,0,.18))}
:is(.bx-table-wrap,.bl-tsw).bl-tsw--ovf.is-mid.is-end{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18),#000 40px);mask-image:linear-gradient(90deg,rgba(0,0,0,.18),#000 40px)}
.bl-tsh{display:none}
.bl-tsh.on{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 6px;font:600 11.5px/1.2 var(--bl-font,"Montserrat",Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#6b7177}
.bl-tsh.on::before{content:"Scroll sideways for all columns";}
.bl-tsh.on::after{content:"";width:26px;height:10px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 10'%3E%3Cpath d='M1 5h22M18 1l5 4-5 4' fill='none' stroke='%23ff6501' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation:bltsh 1.6s ease-in-out infinite}
.bl-tsh.on.is-done{opacity:.55}
.bl-tsh.on.is-done::after{animation:none}
@keyframes bltsh{50%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.bl-tsh.on::after{animation:none}}
@media (max-width:767px){
  .bl-tsh.on::before{content:"Swipe for all columns"}
  /* mobilde hücreler biraz daralsın: 4 sütunlu tablolar daha çok sığar */
  .bx-table-wrap.bl-tsw--ovf .bx-table :is(th,td){padding:11px 12px;font-size:13.5px}
  .bx-table-wrap.bl-tsw--ovf .bx-table thead th{font-size:11.5px}
}

/* [V1-VB-001, V2-VB-002] Mobil hero: devre/formül çizimi (.bl-pha) H1 ve breadcrumb'ın üstüne biniyordu.
   Mobilde çizim başlık bloğunun üstündeki boş banda alınır, küçültülür ve soluklaştırılır (efekt kalır). */
@media (max-width:767px){
  #page_header .bl-pha{top:12px!important;bottom:auto!important;height:100px!important;max-height:100px!important;right:16px!important;left:auto!important;overflow:hidden}
  #page_header .bl-pha svg{overflow:hidden!important;max-width:calc(100vw - 32px)}
  #page_header .bl-pha.bl-pall{left:0!important;right:0!important;height:90px!important;max-height:90px!important}
  #page_header .bl-pha.on{opacity:.42!important}
  #page_header .bl-pha text{display:none}
  /* hero kanvas efekti (sinüs dalgaları) mobilde yalnız başlık bloğunun üstündeki bantta kalsın */
  #page_header canvas.bl-phfx{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 112px,transparent 146px);mask-image:linear-gradient(180deg,#000 0,#000 112px,transparent 146px)}
}

/* [V2-VB-003, HK-H04-hero-hud-birimleri, HK-H06-hero-sahte-olcum-suslari, HK-H06-uppercase-birim-formul]
   Hero ölçü göstergesi: üçüncü yazı ailesi (monospace) + büyük harf birimleri bozuyordu (HZ, MM).
   Montserrat, normal yazım, sakin; mobilde gizli. Gösterge kaldırılmadı. */
#page_header .bl-phfx__r{font-family:var(--bl-font,"Montserrat",Arial,sans-serif)!important;text-transform:none!important;letter-spacing:.02em!important;font-size:11px!important;opacity:.6}
@media (max-width:767px){#page_header .bl-phfx__r{display:none!important}}

/* [HK-H06-uppercase-birim-formul, HK-H07-buyuk-harf-birim-bozulmasi] Büyük harfe çevrilen etiketlerde birimler
   (MgO, MWp, kW, Hz, mm…) – G2b.js yalnız birim belirtecini .bl-nocase içine alır; metin değişmez. */
.bl-nocase{text-transform:none!important}

/* [V1-VB-026, HK-H06-stf-dipnot-gorunmez-standart] Cümle içi sözlük terimi (span.bl-gl.bl-rv) ayrı ayrı
   "belirerek" cümlede delik bırakıyordu (yakalamada görünmez). Satır içi terim animasyonsuz, her zaman görünür;
   blok düzeyindeki belirme efektine dokunulmadı (G5). */
span.bl-gl.bl-rv{opacity:1!important;transform:none!important;filter:none!important}

/* [V2-VB-011] Bölüm başlıklarında tek kelimelik son satır (dul satır) */
.bx :is(.bx-head h2,.bx-sec h2,.bx-card h3){text-wrap:balance}

/* [V1-VB-004, V2-VB-016] 'How we verify' tanım listesi dar sütunda: değerler sağa yaslı/kalın, 3–4 satıra kırılıyordu */
.bx-grid2 .bx-specs{grid-template-columns:1fr!important}
.bx-grid2 .bx-specs>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:baseline}
.bx-grid2 .bx-specs :is(dd,.v){text-align:left;font-weight:600}
@media (max-width:767px){.bx-grid2 .bx-specs>div{grid-template-columns:100px minmax(0,1fr)}}
/* [V1-VB-004, V2-VB-016] 'Limits' notu sol sütun yüksekliğine uzayıp 2/3'ü boş kalıyordu */
.bx-grid2>.bx-note{align-self:start}

/* [V2-VB-014, V1-VB-014, V6-DRW-008, HK-H06-tubular-heaters-sema-ve-ikonlar] Kart filigranı (.bl-gx::after) son metin satırı
   ve 'How co-design works →' bağlantısıyla çakışıyordu: sağ üst köşeye, ikon hizasına alınır (metin alanı dışı). */
.bx-card.bl-gx::after{top:14px!important;bottom:auto!important;right:14px!important;width:96px!important;height:60px!important;background-position:right top!important}

/* [V2-VB-036] Alaşım sıcaklık grafiği: mavi→sarı→kırmızı gökkuşağı degradesi site paletinde yok; düz turuncu */
.blv-bar[fill="url(#blvt)"]{fill:#ff6501}

/* [V2-VB-028, HK-H04-cfg-adim-cubugu-css] Yapılandırıcı adım şeridi: 6. adım '…' ile kesiliyordu; etiketler iki satıra
   kırılabilir, gri kontrastı AA'ya çekildi. */
.bl-cfg-steps li span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3}
.bl-cfg-steps li{color:#5b636b}

/* [V2-VB-029] Uygulama kartları: <button> içeriği dikeyde ortalandığı için ikinci satırda simge/başlık kayıyordu */
.bl-cfg-card{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start}

/* [V2-VB-030] Araç sayfalarında gri kutulu üst etiket → sitenin turuncu, büyük harfli üst etiket dili */
:is(.bl-calc-tag,.bl-cfg-tag){background:none!important;padding:0!important;border-radius:0!important;color:var(--bx-ink-accent,#cc4e00)!important;font-weight:700;font-size:12px!important;letter-spacing:.17em!important}

/* [V1-VB-013] Mobilde 9 uygulama kartı tek sütunda ~1000 px; yalnız 1. adım (data-k=app) 2 sütun */
@media (max-width:767px){
  .bl-cfg-grid:has(>.bl-cfg-card[data-k="app"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .bl-cfg-grid>.bl-cfg-card[data-k="app"]{padding:12px 11px 11px!important;min-height:0}
  .bl-cfg-grid>.bl-cfg-card[data-k="app"] b{font-size:14px;line-height:1.25}
  .bl-cfg-grid>.bl-cfg-card[data-k="app"] small{font-size:11.5px;line-height:1.35}
  .bl-cfg-grid>.bl-cfg-card[data-k="app"]:last-child:nth-child(odd){grid-column:1/-1}
}

/* [HK-H04-calc-gosterge-olcegi, V2-VB-020] Watt yoğunluğu göstergesi: etiketler JS ile ölçek konumuna yerleşir
   (G2b-php.md içerik yaması). Bu kural yalnız yama .bl-calc-bar-l--pos sınıfını eklediğinde etkin. */
#blc-wd .bl-calc-bar-l.bl-calc-bar-l--pos{position:relative;display:block;height:16px}
#blc-wd .bl-calc-bar-l.bl-calc-bar-l--pos>span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
#blc-wd .bl-calc-bar-l.bl-calc-bar-l--pos>span:first-child{transform:none;left:0}

/* [V1-VB-039] Hesaplayıcı giriş paragrafı 1140 px boyunca (~150 karakter/satır) akıyordu */
.bl-calc-lead{max-width:72ch}

/* [V2-VB-023] Enerji çubuğundaki bulanık parlama (glow) – düz renk */
#blc-en svg rect{filter:none!important}

/* [V1-VB-031, V2-VB-042, HK-H06-tubular-heaters-teklif-dugmesi-gorunmuyor] tubular-heaters içeriği .bx sarmalayıcısı
   olmadan yayımlanmış; '.bx .bx-btn' kuralları uygulanmadığı için birincil düğme koyu zeminde görünmüyordu.
   Asıl düzeltme G2b-php.md'de (sarmalayıcı); bu kural o yapılana dek aynı düğme stilini verir. */
.kl-blog-page-body .bx-sec .bx-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:4px;background:var(--bx-red,#ff6501);color:#fff;font:600 14.5px/1 var(--bl-font,"Montserrat",Arial,sans-serif);letter-spacing:.01em;text-decoration:none;border:1px solid var(--bx-red,#ff6501);transition:background .2s,border-color .2s}
.kl-blog-page-body .bx-sec .bx-btn::after{content:"→";font-weight:700}
.kl-blog-page-body .bx-sec .bx-btn:hover{background:var(--bx-dark,#1b1d21);border-color:var(--bx-dark,#1b1d21);color:#fff}
.kl-blog-page-body .bx-sec .bx-btn--ghost{background:transparent;color:var(--bx-dark,#1b1d21);border-color:#c9cdd3}
.kl-blog-page-body .bx-sec--dark .bx-btn--ghost{color:#fff;border-color:rgba(255,255,255,.45)}

/* [V2-VB-044, V1-VB-032 (rakam kısmı)] Rakam şeridi işaretlemesi (span.bx-num + small) tasarım CSS'inin beklediği
   (b + span) ile uyuşmuyordu: rakamlar 13 px gri dipnot gibi görünüyordu. */
.bx-stats .bx-num{display:block;margin:0;font:800 clamp(22px,2.1vw,32px)/1 var(--bl-font,"Montserrat",Arial,sans-serif);letter-spacing:-.02em;color:var(--bx-dark,#1b1d21);white-space:nowrap}
.bx-stats .bx-num+small{display:block;margin-top:8px;font-size:13px;line-height:1.4;color:var(--bx-muted,#6b7177)}
.bx-stats:has(>div>.bx-num){grid-template-columns:repeat(2,minmax(0,1fr))}
.bx-stats>div:has(>.bx-num){padding:18px 16px 16px}
.bx-stats>div:has(>.bx-num):nth-child(odd){border-left:0;padding-left:0}
.bx-stats>div:has(>.bx-num):nth-child(n+3){border-top:1px solid var(--bx-line,#e3e6ea)}

/* [V1-VB-035, V2-VB-059] İlgili sayfa ızgarasında (3 sütun) tek kalan son kart */
@media (min-width:992px){
  .bx-links:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .bx-links>:last-child:nth-child(3n+2):not(:nth-child(2)){grid-column:span 2}
  .bx-links>:last-child:nth-child(3n+1):not(:nth-child(1)):not(:nth-child(4)){grid-column:1/-1}
}

/* [V1-VB-021] Ürün grubu sayfasında tek 'New in this product group' kartı tüm genişliğe yayılıyordu */
.bl-launch__g:has(>.bl-launch__c:only-child){grid-template-columns:minmax(0,380px)!important}

/* [V4-IMG-008, HK-H08-post-image-crop] Haber kapak görseli oranına bakılmadan 740×540'a kırpılıyordu (belge başlığı,
   kişi başları kesik). Oran korunur; dikeyde en çok 820 px, yanlar nötr zemin. */
.single-post .kl-blog-post-img{height:auto!important;display:block;float:none!important;background:#f4f5f7;border-radius:4px}
.single-post .kl-blog-post-img>img{width:100%!important;height:auto!important;max-height:820px;object-fit:contain!important;display:block}

/* [V7-VID-018] Dikey (9:16) haber videoları 740×640 siyah kutuda – G2b.js dikeyleri işaretler */
.bl-nv video.bl-nv--p{width:auto!important;max-width:100%!important;height:min(640px,78vh)!important;max-height:none!important;margin:0 auto!important;background:transparent!important}

/* [HK-H07-lansman-katalog-baglantilari-dugme] Haber gövdesindeki düz bağlantılar gövde metniyle aynı renk ve alt çizgisizdi */
.single-post .kl-blog-post-body :is(p,li)>a:not([class]){color:var(--bx-ink-accent,#cc4e00);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,101,1,.45);text-underline-offset:3px}
.single-post .kl-blog-post-body :is(p,li)>a:not([class]):hover{text-decoration-color:currentColor}

/* [V1-VC-027] 404: 5 hızlı bağlantı kartı 4 sütunda – 'Contact' tek başına; klavye ipucu dokunmatikte anlamsız */
@media (min-width:992px){.bl-404 .ql{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:1140px}}
@media (max-width:767px){.bl-404 .ql>:last-child:nth-child(odd){grid-column:1/-1}}
@media (hover:none),(pointer:coarse){.bl-404 .hint{display:none}}

/* [V1-VC-029] 404 / arama hero videosunda 'BALÇIK ISI' tabelası yarı saydam menünün arkasına, Tormec logosunun yanına denk geliyordu */
body:is(.error404,.search) #page_header video.bl-hv{object-position:50% 100%}
body:is(.error404,.search) #page_header .kl-bg-source.bl-bgs{background-position:50% 100%}

/* [V2-VC-029] Boş arama sonucu: başlık sola yaslı/ince, gövde ortalı – tek hiza, sitenin başlık ağırlığı */
.search-no-results h2.kl-searchpage-nores{text-align:center;font-weight:800;letter-spacing:-.01em}

/* [V1-VC-026] Arama sonuçlarının altında sahipsiz 'Product search' + tek maddelik kategori kenar çubuğu */
body.search-results aside.col-md-3:has(.widget_product_search){display:none}

/* [V1-VB-003, HK-H03-fotograf-alti-yazi-okunurluk] Üç görselli galeri: 4 sütunlu ızgarada 2. sıra boş kalıyor,
   küçük görseller farklı boyda (208/234 px), 3.'nün altında gri şerit ve kesik alt yazı; alt yazılar gri-üstüne-gri. */
@media (min-width:768px){
  .bx-gallery:has(>.bx-fig:nth-child(3):last-child){grid-template-columns:2fr 1fr 1fr;align-items:stretch}
  .bx-gallery:has(>.bx-fig:nth-child(3):last-child)>.bx-fig{grid-row:auto!important;grid-column:auto!important;height:100%}
  .bx-gallery:has(>.bx-fig:nth-child(3):last-child)>.bx-fig img{height:100%!important;min-height:280px;aspect-ratio:auto!important;object-fit:cover}
}
.bx-gallery .bx-fig figcaption{color:#fff!important;font-size:13px}

/* ===== G3 ===== */
/* =====================================================================
   G3 – ürün kataloğu (ürün sayfası şablonu, ürün kategori sayfaları,
   parça bulucu, teklif listesi). r53 uygulayıcı yaması.
   G3.js ile birlikte yüklenir (tablo sarmalayıcı .bl-pd__x/.bl-pd__sc,
   .bl-g3-sp, .bl-g3-dup sınıflarını JS ekler; JS yoksa kurallar etkisiz).
   ===================================================================== */

/* [V1-VE-001 V2-VE-002 T4-U-018 V1-VE-013 V1-VE-026 V2-VE-001 T1-U-004 T4-U-017 V1-VE-002 T2-U-004 T3-U-013 T5-U-001 V1-VE-005 V2-VE-017 V2-VE-025]
   Ürün teknik tablosu: tablo kartı tam genişlikte, başlıklar sarar, kaydırma
   yalnız tablonun kendi sarmalayıcısında; taşarsa ipucu + sağ kenar gölgesi
   + sabit (yapışkan) CODE sütunu. Eski 680px sınırı ve tablo içi kırpma kalkar. */
.single-product .bl-pd .bl-pd__x{position:relative;margin:8px 0 4px}
.single-product .bl-pd .bl-pd__sc{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:8px;scrollbar-width:thin;scrollbar-color:#c9ced4 transparent}
.single-product .bl-pd .bl-pd__sc:focus-visible{outline:2px solid #ff6501;outline-offset:2px}
.single-product .bl-pd .bl-pd__sc>table.bl-pd__t{width:100%;max-width:none;margin:0;overflow:visible}
.single-product .bl-pd .bl-pd__sc>table.bl-pd__t th{white-space:normal;vertical-align:bottom;min-width:64px}
/* [V1-VE-028 V1-VE-016 V2-VE-030] kod hücresi tireden bölünmesin */
.single-product .bl-pd .bl-pd__sc>table.bl-pd__t td:first-child{white-space:nowrap;font-weight:600}
/* taşma durumunda: yapışkan kod sütunu + ipucu + kenar gölgesi */
.single-product .bl-pd .bl-pd__x.is-scroll table.bl-pd__t th:first-child,
.single-product .bl-pd .bl-pd__x.is-scroll table.bl-pd__t td:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 #e3e6ea}
.single-product .bl-pd .bl-pd__x.is-scroll table.bl-pd__t th:first-child{background:#1b1d21}
.single-product .bl-pd .bl-pd__x.is-scroll table.bl-pd__t td:first-child{background:#fff}
.single-product .bl-pd .bl-pd__x.is-scroll table.bl-pd__t tbody tr:nth-child(even) td:first-child{background:#f7f8f9}
.single-product .bl-pd .bl-pd__x.is-scroll::before{content:"Scroll sideways for all columns \2192";display:block;margin:0 0 6px;font:700 11px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ff6501}
.single-product .bl-pd .bl-pd__x.is-scroll::after{content:"";position:absolute;top:0;right:0;bottom:0;width:36px;pointer-events:none;border-radius:0 8px 8px 0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(27,29,33,.18));transition:opacity .2s}
.single-product .bl-pd .bl-pd__x.is-scroll.is-end::after{opacity:0}

/* [T6-U-038] birim simgeleri büyük harfe çevrilmesin: tablo başlığında "(MM)" → "(mm)" (başlık metni kaynakta zaten doğru) */
.single-product .bl-pd .bl-pd__sc>table.bl-pd__t th{text-transform:none;letter-spacing:.01em;font-size:12.5px}

/* [T6-U-037 V1-VE-003 V2-VE-010 T5-U-029] ürün H1: tek kalan "W" satırı oluşmasın (dengeli satır kırma) */
.single-product .summary h1.product_title{text-wrap:balance}

/* [V1-VE-004 V2-VE-013 V1-VC-003 V2-VC-004 T5-U-029] hero ile içerik arasındaki içi boş 60px gri şerit (yalnız katalog şablonları) */
.single-product #content.site-content,
.tax-product_cat #content.site-content,
.post-type-archive-product #content.site-content{margin-top:0!important;padding-top:44px}

/* [V2-VE-016] rozet etiketleri koyu zeminde okunur olsun */
.single-product .bl-pspec small{color:#b4b9c0}

/* [V2-VB-025 V1-VB-007 HK-H04-finder-secili-cip-kontrast] parça bulucu: seçili çip yazısı görünür */
.blfd .blfd-chip.on{color:#fff!important}
.blfd .blfd-chip.on b{color:#ff8a3d}
.blfd .blfd-chips--sub .blfd-chip.on b{color:#fff}

/* [V1-VB-008 V2-VB-026 HK-H04-finder-adim-numaralari] adım numaraları görünen adımlara göre 1-2-3 sayılır (gizli adımlar sayılmaz) */
.blfd{counter-reset:blfdstep}
.blfd>.blfd-step:not([hidden]){counter-increment:blfdstep}
.blfd>.blfd-step>.blfd-lbl>i{font-size:0}
.blfd>.blfd-step>.blfd-lbl>i::after{content:counter(blfdstep);font-size:11px}

/* [HK-H04-finder-siralama-gorunum] "Show more" düğmesi gizliyken de görünüyordu (tema display'i [hidden]'ı eziyor) */
.blfd .blfd-more #blfd-more[hidden]{display:none!important}

/* [V1-VB-009 V2-VB-027] bulucu kartları: düğmeler aynı hizada, başlık koyu (turuncu yalnız üzerine gelince) */
.blfd .blfd-it .blfd-tx{flex:1 1 auto}
.blfd .blfd-it .blq-add{margin-top:auto}
.blfd .blfd-tx a b{color:#1b1d21;font-size:15px;line-height:1.35}
.blfd .blfd-tx a:hover b,.blfd .blfd-tx a:focus-visible b{color:#ff6501}

/* [V1-VC-009 V2-VC-027 V2-VC-013 V1-VE-010 V2-VE-024 T4-U-047 V1-VC-008 V2-VC-010 T6-U-037] kategori + ilgili ürün kartları:
   düğmeler kart altında hizalı; kod satırı öne, Ø/V/W ikinci satırda (bölmeyi G3.js yapar, metin aynı) */
.woocommerce ul.products li.product .product-list-item{display:flex;flex-direction:column}
.woocommerce ul.products li.product .product-list-item>a.woocommerce-LoopProduct-link{flex:1 0 auto}
.woocommerce ul.products li.product .product-list-item>.blq-add{margin-top:auto}
.woocommerce ul.products li.product .kw-details-title .bl-g3-sp{display:block;margin-top:3px;font-weight:500;font-size:.86em;line-height:1.4;color:#5b6168}
.bl-g3-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* [T3-U-026 V2-VC-002 T4-U-049] kategori başlığının altında aynı adı tekrarlayan gri satır (G3.js yalnız birebir aynıysa işaretler) */
.tax-product_cat .term-description.bl-g3-dup{display:none}

/* [T3-U-026 T5-U-022 T6-U-046 V1-VC-021 V2-VC-018 V1-VC-011 T4-U-046] B2B katalogda perakende "Sort by popularity" ve "Showing all … results" gizli
   (varsayılan sıra ve sayfa başına adet G3-php.md §6'da) */
.tax-product_cat .woocommerce-ordering,
.tax-product_cat .woocommerce-result-count{display:none!important}

/* [V1-VC-032 V2-VC-032] teklif listesi boşken: soluk tek satır yerine belirgin, ortalanmış boş durum kartı */
.blq .blq-empty{max-width:760px;margin:0 auto;padding:34px 28px 30px;background:#fff;border:1.5px dashed #c9ced4;border-radius:12px;text-align:center;font:500 16px/1.6 Montserrat,Arial,sans-serif;color:#2b2f36}
.blq .blq-empty::before{content:"";display:block;width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:#1b1d21 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6501' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E") center/22px no-repeat}
.blq .blq-empty strong{white-space:nowrap}
.blq .blq-empty a{color:#ff6501;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* [V1-VC-010 V2-VC-039] kenar çubuğu kategori ağacı: iki satıra kırılan adlar tirenin altına kaymasın (asılı girinti) */
:is(.single-product,.tax-product_cat) .widget_product_categories li>a{display:inline-block;margin-left:20px;padding-left:20px;text-indent:-20px}

/* [V1-VA-036 V2-VA-033 V6-DRW-021] satır içi sözlük terimi (span.bl-gl) yanlışlıkla "kaydırınca belir" (bl-rv) alıyor: belirene kadar cümlede boşluk kalıyor.
   Terim her zaman görünür; yalnız bu ikili sınıfa dar seçici. */
.bl-gl.bl-rv{opacity:1!important;transform:none!important;transition:none!important}

@media (max-width:767px){
  /* [V1-VE-001 V2-VE-002 T4-U-018] mobil: 4 sütunlu tablolar 390px'e sığsın; geniş tablolar kaydırılır (ipucu yukarıda) */
  .single-product .woocommerce-Tabs-panel--description{padding-left:14px!important;padding-right:14px!important}
  .single-product .bl-pd .bl-pd__sc>table.bl-pd__t{font-size:13.5px}
  .single-product .bl-pd .bl-pd__sc>table.bl-pd__t th{padding:9px 7px;font-size:11px;letter-spacing:0;min-width:0}
  .single-product .bl-pd .bl-pd__sc>table.bl-pd__t td{padding:9px 7px}
  /* [V1-VE-013] mobilde değer hücreleri (ör. "2350 + 1150") bölünmesin; tablo kaydırılır */
  .single-product .bl-pd .bl-pd__x.is-scroll table.bl-pd__t td{white-space:nowrap}
  .single-product .bl-pd .bl-pd__x.is-scroll::before{content:"Swipe for all columns \2192"}

  /* [V2-VE-012 V1-VE-020 V2-VE-035 V2-VC-025] mobil ilk ekran: ürün adı görünür olsun – hero kısalır,
     breadcrumb'ın son halkası (H1'in tekrarı) gizlenir */
  .single-product #page_header,
  .tax-product_cat #page_header{min-height:0!important}
  .single-product #page_header .ph-content-wrap,
  .tax-product_cat #page_header .ph-content-wrap{padding-top:26px!important;padding-bottom:58px!important}
  .single-product #page_header .breadcrumbs>li:last-child,
  .tax-product_cat #page_header .breadcrumbs>li:last-child{display:none}
  .single-product #page_header .breadcrumbs,
  .tax-product_cat #page_header .breadcrumbs{font-size:10.5px;letter-spacing:.08em;line-height:1.7}
  .single-product #content.site-content,
  .tax-product_cat #content.site-content,
  .post-type-archive-product #content.site-content{padding-top:22px}

  /* [V2-VC-013 V1-VE-023 V2-VE-024] mobil kart düğmesi tek satır */
  .woocommerce ul.products li.product .blq-add{white-space:nowrap!important;font-size:11.5px!important;padding-left:6px!important;padding-right:6px!important}
  /* [V1-VC-013] mobilde öne taşınan ürün arama kutusu (G3.js) */
  .tax-product_cat .bl-g3-ps{margin:0 0 18px}
  .tax-product_cat .bl-g3-ps .widgettitle{display:none}
}

/* ===== G4 ===== */
/* ==== G4 – Haberler (arşiv + kategori sayfaları + tekil yazı) – r53 ==== */

/* ---------- A. ARŞİV / KATEGORİ KARTLARI ---------- */

/* [V2-VD1-001, HK-H03-haber-kart-gorselleri-kirpiliyor, T5-P1-065, T4-P1-055, V1-VD1-032]
   Kart görsel kutusu 16:10 + cover → 920×520 (≈16:9) küçük boylar ve 1200×627 lansman afişleri
   soldan/sağdan kırpılıyordu ("ARM TOWELS", "ormec"). Kutu, kaynak küçük boyların oranına (23:13)
   eşitlendi: cover artık ek kırpma yapmıyor; afişin geri kalanı contain ile tam görünüyor. */
body.blog .kl-blog-list-wrapper .kl-blog-post-image-link,
body.category .kl-blog-list-wrapper .kl-blog-post-image-link{display:block!important;width:100%!important;background:#16181c;border-radius:inherit}
body.blog .kl-blog-list-wrapper .kl-blog-post-thumbnail,
body.category .kl-blog-list-wrapper .kl-blog-post-thumbnail{width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:23/13!important;object-fit:contain!important;object-position:50% 50%!important;display:block}

/* [V1-VD1-001, V2-VD1-002, V1-VA-075, V2-VA-069, HK-H03-haber-one-cikan-kart-gorseli, HK-H08-news-featured-card-layout]
   Öne çıkan (2 sütunluk) ilk kartta görsel yalnız 511 px'ti, sağda ≈240 px beyaz boşluk kalıyordu → tam genişlik. */
body.blog .kl-blog-list-wrapper .kl-blog-column:first-child .zn_post_image,
body.category .kl-blog-list-wrapper .kl-blog-column:first-child .zn_post_image,
body.blog .kl-blog-list-wrapper .kl-blog-column:first-child .kl-blog-item-thumbnail,
body.category .kl-blog-list-wrapper .kl-blog-column:first-child .kl-blog-item-thumbnail{width:100%!important;max-width:none!important}

/* [V1-VD1-003, HK-H08-news-featured-card-layout, HK-H03-haber-sayfalama-tek-yontem]
   'PUBLISHED IN …' satırı kartın alt kenarına yapışıp kırpılıyordu → alta it, sabit alt boşluk. */
body.blog .kl-blog-list-wrapper .kl-blog-item-container,
body.category .kl-blog-list-wrapper .kl-blog-item-container{flex-direction:column}
body.blog .kl-blog-list-wrapper .kl-blog-item-links,
body.category .kl-blog-list-wrapper .kl-blog-item-links{margin-top:auto!important;padding-bottom:20px!important;line-height:1.5}

/* [V1-VD1-007] Hero ile filtre çubuğu arasındaki 60 px'lik gri boş şerit kaldırıldı (beyaz zemin hero'dan hemen sonra başlar). */
body.blog #content.site-content,
body.category #content.site-content{margin-top:0!important;padding-top:56px}

/* [V1-VD1-008] Filtre hapları: masaüstünde tek satıra sığsın; mobilde 5–6 satır yerine yatay kaydırılan tek şerit. */
@media (min-width:1200px){
  body.blog .bl-newsnav,body.category .bl-newsnav{flex-wrap:nowrap;gap:6px}
  body.blog .bl-newsnav a,body.category .bl-newsnav a{padding:9px 14px;white-space:nowrap}
}
@media (max-width:767px){
  body.blog .bl-newsnav,body.category .bl-newsnav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -15px 20px;padding:2px 15px 6px;scroll-padding-left:15px;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent)}
  body.blog .bl-newsnav::-webkit-scrollbar,body.category .bl-newsnav::-webkit-scrollbar{display:none}
  body.blog .bl-newsnav a,body.category .bl-newsnav a{flex:0 0 auto;white-space:nowrap}
  body.blog #content.site-content,body.category #content.site-content{padding-top:32px}
}

/* [V1-VD1-005, V2-VD1-004, HK-H08-news-archive-duplicate-breadcrumb (kısmen)]
   Kategori arşivinde son kırıntı 'ARCHIVE FROM CATEGORY "…"' tema kalıbı; sayfa başlığı (H1) zaten aynı adı taşıyor → gizle. */
body.category #page_header .breadcrumbs li:last-child{display:none}

/* ---------- B. TEKİL HABER YAZISI ---------- */

/* [V1-VD2-001, V2-VD2-016, V1-VD2-002, V1-VD1-014, V2-VD1-033, V2-VD2-023, V1-VD2-003]
   Kapak görseli oranı ne olursa olsun 740×540 'cover' ile kırpılıyordu (yüzler, sertifika, afiş başlığı kesik).
   Artık görselin tamamı görünür: genişliğe sığar, yükseklik sınırı aşılırsa ortalanır, yanlar açık gri zemin. */
.single-post .kl-blog-post-body > .kl-blog-post-img{display:flex!important;justify-content:center;align-items:center;background:#f2f3f5;border-radius:6px;overflow:hidden}
.single-post .kl-blog-post-body > .kl-blog-post-img img{width:auto!important;max-width:100%!important;height:auto!important;max-height:760px!important;object-fit:contain!important;border-radius:0!important;margin:0 auto}
@media (max-width:767px){
  .single-post .kl-blog-post-body > .kl-blog-post-img img{max-height:70vh!important}
}

/* [V1-VD2-004, V1-VD1-013, V2-VD1-030, V2-VD2-011 (kısmen)]
   İlk ekran kabuğa gidiyordu: hero 440/360 px + 120 px boşluk; H1 masaüstünde y≈624, mobilde y≈636.
   Hero kısaltıldı (efekt ve görsel korunur), içerik üst boşluğu daraltıldı. */
.single-post #page_header.page-subheader{min-height:0!important;height:330px!important}
.single-post #page_header .ph-content-wrap{padding-top:176px!important}
.single-post #content.site-content{margin-top:0!important}
.single-post #content .kl-blog-post{padding-top:28px!important}
@media (max-width:767px){
  .single-post #page_header.page-subheader{height:150px!important}
  .single-post #page_header .ph-content-wrap{padding-top:52px!important}
  .single-post #content .kl-blog-post{padding-top:18px!important}
  .single-post .kl-blog-post-title{font-size:26px!important;margin:4px 0 16px!important}
}

/* [V1-VD2-013 (kısmen), V1-VD1-013] Tarih/kategori satırı 10 px soluk gri → 12 px okunur. */
.single-post .kl-blog-post-meta{font-size:12px!important;color:#5f6670!important;letter-spacing:.02em}
.single-post .kl-blog-post-meta a{color:#1b1d21}

/* [V2-VD2-028, V1-VD2-023, V2-VD2-018] H1: dul satır yok; standart kodu ('EN 60335-1:2021') tireden bölünmesin. */
.single-post .kl-blog-post-title{text-wrap:balance;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal}

/* [V2-VD2-019, V1-VD2-025, V1-VD1-028] Tekil yazı kırıntısının son öğesi (büyük harfe zorlanan yazı başlığı:
   'UP TO 6 KW', iki satıra taşma) H1'in tekrarı → gizle. */
.single-post #page_header .breadcrumbs li:last-child{display:none}

/* [V1-VD1-020, V2-VD1-026, V1-VD2-006, V2-VD2-014, V2-VD2-023, V2-VD1-027]
   Yazı içi videolar her zaman %100 genişlik + max-height ile basılıyordu → dikey (9:16) çekimlerde iki yanda kalın siyah bant.
   Artık video kendi oranında, en çok 640 px yükseklikte ve ortalanmış; yatay videolar sütun genişliğinde kalır. */
.single-post .kl-blog-post-body figure.bl-nv{text-align:center}
.single-post .kl-blog-post-body figure.bl-nv > video{width:auto!important;max-width:100%!important;height:auto!important;max-height:640px!important;margin:0 auto!important;display:block!important}
.single-post .kl-blog-post-body > video,
.single-post .kl-blog-post-body p > video{width:auto!important;max-width:100%!important;height:auto!important;max-height:640px!important;margin:0 auto 22px!important;display:block!important}
@media (max-width:767px){
  .single-post .kl-blog-post-body figure.bl-nv > video,
  .single-post .kl-blog-post-body > video{max-height:72vh!important}
}

/* [V2-VD1-016, V1-VD1-015] Yazı içi fotoğraf galerisi: farklı oranlı fotoğraflar delikli ızgara yapıyordu
   → eşit hücre (4:3, cover, yüzleri korumak için üst-orta odak); tek kalan son fotoğraf tam genişlik. */
.single-post .kl-blog-post-body > div[style*="grid-template-columns"] > figure{margin:0!important}
.single-post .kl-blog-post-body > div[style*="grid-template-columns"] > figure:only-child img{width:auto!important;max-width:100%!important;height:auto!important;max-height:680px;margin:0 auto;display:block}
.single-post .kl-blog-post-body > div[style*="grid-template-columns"] > figure:only-child{text-align:center}
.single-post .kl-blog-post-body > div[style*="grid-template-columns"] > figure:not(:only-child) img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:50% 30%;display:block}
.single-post .kl-blog-post-body > div[style*="grid-template-columns"] > figure:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}
.single-post .kl-blog-post-body > div[style*="grid-template-columns"] > figure:last-child:nth-child(odd):not(:first-child) img{aspect-ratio:16/9}

/* ---------- C. ÜST BİLGİ (her sayfa) ---------- */

/* [V1-VD1-029, V2-VD1-037, V2-VD2-010, HK-H08-hover-me-label] Logonun solundaki el yazısı 'hover me' + ok görseli.
   Logo üstüne gelince açılan bilgi kartı (özellik) korunur; yalnız ipucu görseli gizlenir. */
#header .logo-container.hasHoverMe::before{display:none!important;content:none!important}

/* ---------- D. YAZI SONU "More news" BLOĞU (G4-php.md §1 ile gelen işaretleme) ---------- */
/* [V1-VD2-005, V1-VD1-016, V2-VD1-031, HK-H08-heritage-about-links (kısmen)] Yazı sonu çıkmaz sokak değil: aynı kategoriden 3 yazı + tüm haberler. */
.single-post .g4-more{margin:44px 0 8px;padding:28px 0 0;border-top:1px solid #e3e6ea}
.single-post .g4-more__hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px}
.single-post .g4-more__k{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ff6500;margin:0 0 4px}
.single-post .g4-more__h{font-size:22px!important;line-height:1.25!important;font-weight:700!important;color:#1b1d21!important;margin:0!important}
.single-post .g4-more__all{font-size:13px;font-weight:700;letter-spacing:.04em;color:#1b1d21!important;text-decoration:none!important;white-space:nowrap;border-bottom:2px solid #ff6500;padding-bottom:2px}
.single-post .g4-more__all:hover{color:#ff6500!important}
.single-post .g4-more__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.single-post .g4-more__c{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e6ea;border-radius:8px;overflow:hidden;text-decoration:none!important;color:#1b1d21!important;transition:border-color .2s,box-shadow .2s}
.single-post .g4-more__c:hover{border-color:#ff6500;box-shadow:0 10px 24px -14px rgba(0,0,0,.35)}
.single-post .g4-more__i{display:block;background:#16181c;aspect-ratio:23/13;overflow:hidden}
.single-post .g4-more__i img{display:block;width:100%!important;height:100%!important;object-fit:contain;margin:0!important;border-radius:0!important;max-height:none!important}
.single-post .g4-more__d{display:block;padding:12px 14px 0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff6500}
.single-post .g4-more__t{display:block;padding:4px 14px 16px;font-size:14.5px;line-height:1.4;font-weight:600;color:#1b1d21}
@media (max-width:767px){
  .single-post .g4-more__g{grid-template-columns:1fr;gap:12px}
  .single-post .g4-more__c{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto 1fr;align-items:start}
  .single-post .g4-more__i{grid-row:1/3;grid-column:1;aspect-ratio:23/13;align-self:center}
  .single-post .g4-more__d,.single-post .g4-more__t{grid-column:2}
  .single-post .g4-more__d{padding:10px 12px 0}
  .single-post .g4-more__t{padding:4px 12px 12px;font-size:14px}
  .single-post .g4-more__hd{flex-wrap:wrap}
}

/* [V1-VD1-028, V1-VD2-025, HK-H08-news-archive-duplicate-breadcrumb] Tekil yazı kırıntısında 'NEWS / NEWS FROM BALÇIK TORMEC'
   aynı yere çıkan iki basamak → üst kategori basamağı gizlenir: HOME / NEWS / <kategori>. */
.single-post #page_header .breadcrumbs li:has(> a[href$="/category/news/"]){display:none}

/* [V1-VD1-021] Odoo yazısı – LinkedIn video kapağı: mobilde başlık/açıklama arkadaki tablo görseliyle karışıp okunmuyordu
   → mobilde daha koyu alt degrade, küçük oynatma düğmesi ve 15 px başlık. (Kapak görselinin kendisi: 'gorsel' işi.) */
@media (max-width:767px){
  .single-post .bl-lie__b{padding:14px;gap:12px;align-items:flex-end}
  .single-post .bl-lie__b:before{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.88) 62%)}
  .single-post .bl-lie__p{width:44px;height:44px;flex:0 0 44px;font-size:17px}
  .single-post .bl-lie__t{font-size:15px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.6)}
  .single-post .bl-lie__t small{font-size:11px}
}

/* [V1-VD1-004, V2-VD1-006, HK-H03-haber-sayfalama-tek-yontem, HK-H08-news-archive-duplicate-breadcrumb (kısmen)]
   'Show more news (N)' düğmesi dururken altındaki '1 2 >' sayfalama da görünüyordu → düğme varken sayfalama gizli;
   düğme tükenince (html.bl-nmjs kalkınca) sayfalama yeniden görünür, 61. yazıya erişim kaybolmaz. */
html.bl-nmjs body.blog .pagination--light,
html.bl-nmjs body.category .pagination--light{display:none}

/* [V1-VD2-012] Yazı içi .bx-fig altyazısı görselin üstüne, koyu zemine gri ince yazıyla basılıyordu (okunmuyor)
   → altyazı görselin altında, beyaz zeminde 13 px koyu gri. */
.single-post .kl-blog-post-body figure.bx-fig{height:auto!important;background:transparent!important}
.single-post .kl-blog-post-body figure.bx-fig > figcaption{position:static!important;inset:auto!important;transform:none!important;background:transparent!important;color:#555b63!important;font-size:13px!important;line-height:1.5!important;padding:8px 2px 0!important;text-shadow:none!important;opacity:1!important}