/* =========================================================
   TEKNİK FREN — Türkçe dışındaki diller için ek stiller.
   Yalnızca çeviri sayfalarında yüklenir (layout.blade.php).
   1) Yazı tipleri: Rusça (Kiril) ve Arapça
   2) Uzun kelimeli diller (Almanca, Rusça) için başlık ayarları
   3) Arapça: sağdan sola düzen
   ========================================================= */

/* ---------- 1) yazı tipleri ---------- */
.l-ru{--f-d:"Roboto Condensed","Arial Narrow","Segoe UI",system-ui,sans-serif}
.l-ru h1,.l-ru h2,.l-ru h3,.l-ru h4,.l-ru h5{font-stretch:normal;letter-spacing:-.012em}
.l-ru .hero .hero-t,.l-ru .phero h1{letter-spacing:-.015em;font-stretch:normal}
.l-ar{--f-d:"Cairo","Segoe UI",Tahoma,system-ui,sans-serif;--f:"Cairo","Segoe UI",Tahoma,system-ui,sans-serif;line-height:1.8}
.l-ar h1,.l-ar h2,.l-ar h3,.l-ar h4,.l-ar h5{font-stretch:normal;letter-spacing:0;line-height:1.3}
.l-ar .hero .hero-t,.l-ar .phero h1{letter-spacing:0;line-height:1.25;font-stretch:normal}
.l-ar .sec-head.xl h2{line-height:1.15;letter-spacing:0}
.l-ar .eyebrow,.l-ar .tb-certs,.l-ar .hm .n,.l-ar .hero-spec small,.l-ar .hero-ton small,.l-ar .phero-facts small,.l-ar .chips-g small,.l-ar .sc-cap small,.l-ar .dlv-facts small,.l-ar .model small,.l-ar .mega-hd b,.l-ar .ft-col h6,.l-ar .ft-contact h6,.l-ar .pn,.l-ar .crumb,.l-ar .kpi small,.l-ar .spec-mini small{font-family:var(--f);letter-spacing:0;text-transform:none}
.l-ar .eyebrow{font-size:14px;font-weight:600}
.l-ar .btn,.l-ar .nav-link{letter-spacing:0}
.l-ar .marquee-t span{letter-spacing:0}

/* ---------- 2) uzun kelimeler ---------- */
/* Türkçe dışındaki dillerde başlıklar uzar: hero başlığı küçülür, vurgulu kısım satır atlayabilir. */
.hero .hero-t b,.phero h1 b,.sec-head h2 b,.dlv-copy h2 b{white-space:normal}
.phero h1{overflow-wrap:break-word}
.hero .hero-t{font-size:clamp(34px,4.1vw,60px);overflow-wrap:break-word}
.l-de .hero .hero-t,.l-ru .hero .hero-t{font-size:clamp(30px,3.6vw,52px);hyphens:auto}
.l-ar .hero .hero-t{font-size:clamp(34px,4.3vw,62px);letter-spacing:0;line-height:1.25;font-stretch:normal}
.l-de .phero h1,.l-ru .phero h1,.l-de .sec-head h2,.l-ru .sec-head h2,.l-de .svc h3,.l-ru .svc h3{hyphens:auto;overflow-wrap:break-word}
.sec-head.xl h2{font-size:clamp(36px,6vw,92px);overflow-wrap:break-word}
.l-de .sec-head.xl h2,.l-ru .sec-head.xl h2{font-size:clamp(30px,5vw,76px)}
.l-de .hm b,.l-ru .hm b{font-size:15px}
.hm span i{white-space:nowrap}
.l-de .nav-link,.l-ru .nav-link,.l-es .nav-link,.l-it .nav-link{padding-inline:10px;font-size:14.5px}
.gband .big{font-size:clamp(34px,4.6vw,68px);overflow-wrap:break-word}
.l-de .gband .big,.l-ru .gband .big{font-size:clamp(30px,3.9vw,56px);hyphens:auto}
/* Menü etiketleri uzadığı için telefon kutusu daha erken gizlenir, mobil menüye daha erken geçilir. */
@media (max-width:1480px){.l-en .hd-phone{display:none}}
@media (max-width:1640px){.l-de .hd-phone,.l-ru .hd-phone,.l-es .hd-phone,.l-it .hd-phone{display:none}}
@media (max-width:1280px){
  .l-de .nav,.l-ru .nav,.l-es .nav,.l-it .nav{display:none}
  .l-de .burger,.l-ru .burger,.l-es .burger,.l-it .burger{display:grid}
  .l-de .hd-r,.l-ru .hd-r,.l-es .hd-r,.l-it .hd-r{margin-left:auto}
  .l-de .burger,.l-ru .burger,.l-es .burger,.l-it .burger{margin-left:14px}
}

/* ---------- 3) Arapça: sağdan sola ---------- */
[dir=rtl] body{text-align:right}
[dir=rtl] .skip{left:auto;right:-9999px}
[dir=rtl] .skip:focus{right:12px}
[dir=rtl] .hp{left:auto;right:-9999px}

/* ok simgeleri yön değiştirir */
[dir=rtl] .ic.arr,[dir=rtl] .link-arrow .ic,[dir=rtl] .mega-card a .ic,[dir=rtl] .cap a .ic,[dir=rtl] .mhero-ton .ic,[dir=rtl] .dr-l .tile .ic,[dir=rtl] .svc .go .ic,[dir=rtl] .mf-l+a .ic{transform:scaleX(-1)}
[dir=rtl] .btn:hover .ic.arr,[dir=rtl] .link-arrow:hover .ic{transform:scaleX(-1) translateX(4px)}
[dir=rtl] .tag{margin-left:0;margin-right:6px}

/* üst bar, menü */
[dir=rtl] .nav{margin-left:0;margin-right:auto}
[dir=rtl] .hd-r{margin-left:0;margin-right:10px}
[dir=rtl] .hd-phone{padding-left:0;border-left:0;padding-right:18px;border-right:1px solid var(--line)}
[dir=rtl] .mega-hd::after{left:auto;right:0}
[dir=rtl] .mi,[dir=rtl] .mi-model,[dir=rtl] .dr-l,[dir=rtl] .dr-item>a,[dir=rtl] .dr-item>button{text-align:right}
@media (max-width:1100px){[dir=rtl] .hd-r{margin-right:0}}

/* hero: metin sağda, görsel solda */
[dir=rtl] .hero::after{left:auto;right:-10%}
[dir=rtl] .hero-media{inset:0 45% 0 0;clip-path:polygon(0 0,85% 0,100% 100%,0 100%)}
[dir=rtl] .hero-media::after{background:linear-gradient(260deg,rgba(10,22,48,.62) 0,rgba(10,22,48,.12) 38%,transparent 60%),linear-gradient(0deg,rgba(10,22,48,.55),transparent 34%)}
[dir=rtl] .hero-stripe{inset:0 calc(45% - 16px) 0 0;clip-path:polygon(calc(85% - 9px) 0,85% 0,100% 100%,calc(100% - 9px) 100%)}
[dir=rtl] .hero-side{right:auto;left:max(24px,calc((100vw - 1280px)/2))}
[dir=rtl] .hero-nav button:first-child .ic{transform:none}
[dir=rtl] .hero-nav button:last-child .ic{transform:rotate(180deg)}
[dir=rtl] .hero-count{margin-right:0;margin-left:6px;direction:ltr}
[dir=rtl] .hero-spec div{border-right:0;border-left:1px solid rgba(255,255,255,.1)}
[dir=rtl] .hero-spec div:last-child{border:0}
[dir=rtl] .hero-ton .bar::after{right:auto;left:-1px;border-left-color:transparent;border-right-color:#FF5A63}
[dir=rtl] .hero-ton .bar::before{transform-origin:right}
[dir=rtl] .hero-ton b span{margin-left:0;margin-right:4px}
[dir=rtl] .hm{text-align:right;border-right:0;border-left:1px solid var(--line)}
[dir=rtl] .hm:last-child{border-left:0}
[dir=rtl] .hm::before{left:auto;right:0;transform-origin:right}
@media (max-width:1100px){
  [dir=rtl] .hero-media{inset:0;clip-path:none}
  [dir=rtl] .hero-media::after{background:linear-gradient(270deg,rgba(10,22,48,.94) 0,rgba(10,22,48,.72) 60%,rgba(10,22,48,.5)),linear-gradient(0deg,rgba(10,22,48,.7),transparent 40%)}
}

/* sayfa başlığı */
[dir=rtl] .phero-media{inset:0 52% 0 0;clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
[dir=rtl] .phero-stripe{inset:0 calc(52% - 14px) 0 0;clip-path:polygon(calc(86% - 8px) 0,86% 0,100% 100%,calc(100% - 8px) 100%)}
@media (max-width:1100px){[dir=rtl] .phero-media{inset:0;clip-path:none}}

/* bölümler */
[dir=rtl] .svc{text-align:right}
[dir=rtl] .svc .no{left:auto;right:26px}
[dir=rtl] .svc .bdg{left:auto;right:78px}
[dir=rtl] .svc .go{right:auto;left:24px}
[dir=rtl] .trust-logos span{border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .trust-logos span:first-child{border-right:0;padding-left:36px;padding-right:0}
[dir=rtl] .bar-row .tr i{transform-origin:right;background:linear-gradient(270deg,#3E63B4,#8FA8DC)}
[dir=rtl] .bar-row.hot .tr i{background:linear-gradient(270deg,#C8232C,#FF5A63)}
[dir=rtl] .bar-row b{text-align:left}
[dir=rtl] .pc::before{right:auto;left:20px}
[dir=rtl] .pc::after{left:auto;right:0;transform-origin:right}
[dir=rtl] .about-media{padding:0 0 56px 56px}
[dir=rtl] .about-media .a2{right:auto;left:0}
[dir=rtl] .about-badge{left:auto;right:-18px}
[dir=rtl] .stat b sup{margin-left:0;margin-right:3px}
[dir=rtl] .acc-a p{padding:0 0 26px 60px}
[dir=rtl] .tl{border-left:0;border-right:2px solid var(--line);padding-left:0;padding-right:32px}
[dir=rtl] .tl li::before{left:auto;right:-40px}
[dir=rtl] .prose ul,[dir=rtl] .prose ol{padding-left:0;padding-right:22px}
[dir=rtl] table.spec th,[dir=rtl] table.spec td{text-align:right}
[dir=rtl] .model .tn{text-align:left}
[dir=rtl] .gband::before{inset:0 56% 0 0;clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
[dir=rtl] .gband::after{inset:0 calc(56% - 26px) 0 0;clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
[dir=rtl] .cta::before{inset:0 0 0 55%;clip-path:polygon(0 0,100% 0,100% 100%,18% 100%)}
[dir=rtl] .cta::after{inset:0 0 0 calc(55% - 22px);clip-path:polygon(0 0,100% 0,100% 100%,18% 100%)}
[dir=rtl] .dlv::before{background:linear-gradient(265deg,rgba(6,13,31,.97) 0,rgba(10,22,48,.9) 42%,rgba(10,22,48,.55) 100%),linear-gradient(0deg,var(--navy-950) 0,transparent 46%)}
[dir=rtl] .dlv::after{left:auto;right:0}
[dir=rtl] .dlv-facts b{text-align:left}
[dir=rtl] .dlv-track{animation-name:dlv-rtl}
@keyframes dlv-rtl{to{transform:translateX(calc(50% + 8px))}}
[dir=rtl] .marquee-t{animation-direction:reverse}
[dir=rtl] .sc-cap{left:56px;right:18px}
[dir=rtl] .sc-i.w2 .sc-cap{left:56px;right:24px}
[dir=rtl] .sc-z{right:auto;left:14px}
[dir=rtl] .field input,[dir=rtl] .field textarea,[dir=rtl] .field select{text-align:right}
[dir=rtl] .fab{right:auto;left:22px}
[dir=rtl] .lb .x{right:auto;left:22px}
[dir=rtl] .lb .p{left:auto;right:22px;transform:translateY(-50%)}
[dir=rtl] .lb .nx{right:auto;left:22px;transform:translateY(-50%) rotate(180deg)}
@media (max-width:1100px){
  [dir=rtl] .gband::before{inset:62% 0 0 0;clip-path:polygon(0 0,100% 18%,100% 100%,0 100%)}
  [dir=rtl] .cta::before{inset:0 0 0 30%}
}
@media (max-width:680px){
  [dir=rtl] .fab{left:14px}
  [dir=rtl] .acc-a p{padding-left:0}
  [dir=rtl] .about-media{padding:0 0 28px 28px}
  [dir=rtl] .cta::before{inset:0 0 62% 0;clip-path:polygon(0 0,100% 0,100% 100%,0 82%)}
  [dir=rtl] .svc .no{right:22px}
  [dir=rtl] .lb .p,[dir=rtl] .lb .nx{transform:none}
  [dir=rtl] .lb .nx{transform:rotate(180deg)}
  [dir=rtl] .trust-logos span{border:0;padding:6px 0}
}

/* Latin model adı / rakam içeren kısa etiketler kendi yönünde okunur ("9 XL", "4160 KK", "15T Long · 11 XLong") */
[dir=rtl] .hm b,[dir=rtl] .hm span i,[dir=rtl] .hero-spec b,[dir=rtl] .phero-facts b,[dir=rtl] .chips-g b,[dir=rtl] .dlv-facts b,[dir=rtl] .model b,[dir=rtl] .model small,
[dir=rtl] .mm-t b,[dir=rtl] .mm-t small,[dir=rtl] .mi-t small,[dir=rtl] table.spec th,[dir=rtl] table.spec td,[dir=rtl] .svc .bdg,[dir=rtl] .eyebrow,[dir=rtl] .sc-cap b,[dir=rtl] .bp-cap span,
[dir=rtl] .trust-logos span,[dir=rtl] .ref b,[dir=rtl] .cert b,[dir=rtl] .row small{unicode-bidi:plaintext}
[dir=rtl] table.spec td:not(:first-child),[dir=rtl] table.spec th:not(:first-child){text-align:left}