/* ============================================================
   Gazenta · Arapça (RTL) düzen düzeltmeleri
   Yalnızca <html dir="rtl"> altında yüklenir.
   ============================================================ */

html[dir="rtl"] body {
  font-family: "IBM Plex Sans Arabic", "Geeza Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  text-align: right;
}

/* Arapça bitişik yazıda harf aralığı bozulmasın */
html[dir="rtl"] * {
  letter-spacing: normal !important;
}

/* Büyük başlıklarda satır yüksekliği */
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4 {
  line-height: 1.2 !important;
}
html[dir="rtl"] .hero h1 {
  line-height: 1.04 !important;
}
html[dir="rtl"] .hero h1 span {
  line-height: 1.28 !important;
}

/* Telefon / e-posta / teknik kodlar LTR kalsın */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] .exp-code,
html[dir="rtl"] .config-code,
html[dir="rtl"] .cat-meter b {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"] {
  text-align: right;
}

/* ---------- Arapça tipografi: monospace/Arial etiketler ---------- */
html[dir="rtl"] .kicker,
html[dir="rtl"] .hero-index,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .exp-eyebrow,
html[dir="rtl"] .exp-type-name,
html[dir="rtl"] .exp-live,
html[dir="rtl"] .exp-parts-hint,
html[dir="rtl"] .exp-modal-eyebrow,
html[dir="rtl"] .exp-gear-title,
html[dir="rtl"] .exp-calc-note,
html[dir="rtl"] .exp-options-head h3,
html[dir="rtl"] .exp-model-note,
html[dir="rtl"] .scroll-label,
html[dir="rtl"] .parallax-caption span,
html[dir="rtl"] .hero-lead > a,
html[dir="rtl"] .process-card b,
html[dir="rtl"] .steel-head span,
html[dir="rtl"] .cat-kicker,
html[dir="rtl"] .scene-copy > div:first-child > span,
html[dir="rtl"] figcaption,
html[dir="rtl"] small,
html[dir="rtl"] svg text,
html[dir="rtl"] span,
html[dir="rtl"] h3,
html[dir="rtl"] b,
html[dir="rtl"] i {
  font-family: "IBM Plex Sans Arabic", "Geeza Pro", "Segoe UI", sans-serif;
}
/* Kodlar ve dil kısaltmaları monospace kalır. */
html[dir="rtl"] .exp-code,
html[dir="rtl"] .exp-sticky-code,
html[dir="rtl"] .production-language a {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
}

/* ---------- Ortak / sayfa iskeleti ---------- */
html[dir="rtl"] .page-progress i {
  transform-origin: right;
}

html[dir="rtl"] body[data-page="index"] .production-language {
  bottom: 112px;
}

html[dir="rtl"] .skip {
  left: auto;
  right: 20px;
}

html[dir="rtl"] .production-language {
  right: auto;
  left: 18px;
  direction: ltr;
}

html[dir="rtl"] .language-picker {
  margin-left: 0;
  margin-right: 10px;
}

html[dir="rtl"] .vector-stage {
  right: auto;
  left: -12%;
}

html[dir="rtl"] .hero-index {
  right: auto;
  left: var(--gap);
  writing-mode: horizontal-tb;
  max-width: 44vw;
}

html[dir="rtl"] .scene-index {
  right: auto;
  left: var(--gap);
  writing-mode: horizontal-tb;
  max-width: 44vw;
}

html[dir="rtl"] .mobile-menu a:hover {
  transform: translateX(-6px);
}

/* ---------- Ana sayfa / studio ---------- */
html[dir="rtl"] .hero h1,
html[dir="rtl"] .hero-lead {
  text-align: right;
}

html[dir="rtl"] .hero-visual {
  right: auto;
  left: -8%;
}

html[dir="rtl"] .story-visual {
  right: auto;
  left: -9%;
}

html[dir="rtl"] .scene-tag {
  right: auto;
  left: 12%;
}

html[dir="rtl"] .craft-text {
  left: auto;
  right: 42px;
}

html[dir="rtl"] .quality:before {
  right: auto;
  left: -.05em;
}

html[dir="rtl"] .hero-hud b {
  margin-right: 0;
  margin-left: 8px;
}

html[dir="rtl"] .hud-one { right: auto; left: 37%; }
html[dir="rtl"] .hud-two { right: auto; left: 7%; }
html[dir="rtl"] .hud-three { right: auto; left: 27%; }
html[dir="rtl"] .hud-one:after { left: auto; right: 100%; }
html[dir="rtl"] .hud-two:after { right: auto; left: 100%; }
html[dir="rtl"] .hud-three:after { left: 50%; right: auto; }

html[dir="rtl"] .solution-photo:after {
  transform: translateX(102%);
}

html[dir="rtl"] .system-dock .wrap > span {
  margin-right: 0;
  margin-left: auto;
}
html[dir="rtl"] .system-dock a {
  border-left: 0;
  border-right: 1px solid #1b1a1812;
}

html[dir="rtl"] .metric em {
  margin-left: 0;
  margin-right: 8px;
}
html[dir="rtl"] .console dd {
  text-align: left;
}
html[dir="rtl"] .console-top i:before {
  margin-right: 0;
  margin-left: 7px;
}

html[dir="rtl"] .scene-no {
  right: auto;
  left: 2vw;
}
html[dir="rtl"] .scene-intro strong {
  right: auto;
  left: 0;
}
html[dir="rtl"] .callout.c1 {
  left: auto;
  right: 46%;
}
html[dir="rtl"] .callout.c2 {
  right: auto;
  left: 7%;
}

/* ---------- Ürünler / projeler / kurumsal ---------- */
html[dir="rtl"] .mission-card {
  padding: 65px 0 75px 7vw;
  border-right: 0;
  border-left: 1px solid var(--line);
}
html[dir="rtl"] .mission-card + .mission-card {
  padding-left: 0;
  padding-right: 7vw;
  border-left: 0;
}

html[dir="rtl"] .process-card:before {
  right: auto;
  left: -80px;
}
html[dir="rtl"] .cert-card svg {
  right: auto;
  left: -45px;
}

html[dir="rtl"] .logo-cell {
  border-right: 0;
  border-left: 1px solid var(--line);
}
html[dir="rtl"] .logo-cell:nth-child(3),
html[dir="rtl"] .logo-cell:nth-child(2n) {
  border-left: 0;
}

html[dir="rtl"] .product-photo small {
  left: auto;
  right: 25px;
}
html[dir="rtl"] .project-meta {
  left: 20px;
  right: 20px;
}
html[dir="rtl"] .scene-specs span {
  text-align: left;
}

/* ---------- Ürün sayfası hero ---------- */
html[dir="rtl"] .hero-machine {
  right: auto;
  left: -3vw;
}
html[dir="rtl"] .products-page .hero-machine {
  right: auto;
  left: 3vw;
}
html[dir="rtl"] .products-page .hero-lead {
  left: auto;
  right: 0;
}
html[dir="rtl"] .hero-lead p {
  margin-left: 0;
  margin-right: 40%;
}
html[dir="rtl"] .system-dock .wrap {
  padding-left: 0;
  padding-right: var(--gap);
}

/* ---------- Deneyim Merkezi ---------- */
html[dir="rtl"] .exp-chip,
html[dir="rtl"] .exp-type {
  text-align: right;
}
html[dir="rtl"] .exp-type-name {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .exp-pick input:checked:after {
  left: auto;
  right: 5px;
}
html[dir="rtl"] .exp-spec i {
  margin-left: 3px;
  margin-right: 3px;
}
html[dir="rtl"] .exp-modal-close {
  right: auto;
  left: 15px;
}
html[dir="rtl"] .exp-modal-title {
  padding-right: 0;
  padding-left: 52px;
}
html[dir="rtl"] .exp-sum-row b {
  text-align: left;
}
html[dir="rtl"] .exp-gear li span {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] .exp-sticky {
  padding: 10px 16px 10px 11px;
}
html[dir="rtl"] .exp-sticky-btn {
  margin-left: 0;
  margin-right: auto;
}

/* ---------- Katalog ---------- */
html[dir="rtl"] .cat-spread.is-flip-forward {
  --cat-x: -18px;
  --cat-r: 2.8deg;
  --cat-x2: 3px;
  --cat-r2: -.5deg;
}
html[dir="rtl"] .cat-spread.is-flip-back {
  --cat-x: 18px;
  --cat-r: -2.8deg;
  --cat-x2: -3px;
  --cat-r2: .5deg;
}
html[dir="rtl"] .cat-meter::after {
  background: linear-gradient(270deg, var(--accent,#ee7540) 0 var(--cat-progress,0%), #1b1a1818 var(--cat-progress,0%) 100%);
}
html[dir="rtl"] .cat-page[data-side="l"]:after {
  right: auto;
  left: 0;
  background: linear-gradient(-90deg, transparent, rgba(0, 0, 0, .16));
}
html[dir="rtl"] .cat-page[data-side="r"]:after {
  left: auto;
  right: 0;
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .16));
}
html[dir="rtl"] .cat-arrow svg {
  transform: scaleX(-1);
}

/* ---------- Tablo / form ---------- */
html[dir="rtl"] .exp-sum-row,
html[dir="rtl"] .cons-row,
html[dir="rtl"] .cf-row {
  direction: rtl;
}

/* ---------- Duyarlı kırılımlar ---------- */
@media (min-width: 1700px) {
  html[dir="rtl"] .hero-visual {
    right: auto;
    left: 0;
  }
}

@media (max-width: 1000px) {
  /* Ortalanan görseller LTR ile aynı kalsın */
  html[dir="rtl"] .hero-visual {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  html[dir="rtl"] .story-visual {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  html[dir="rtl"] .vector-stage {
    right: auto;
    left: -12%;
  }
  html[dir="rtl"] .products-page .hero-machine {
    left: -14vw;
    right: auto;
  }
  html[dir="rtl"] .products-page .hero-lead {
    right: auto;
    left: 0;
  }
  html[dir="rtl"] .hero-lead p {
    margin-right: 40%;
  }
  html[dir="rtl"] .production-language {
    left: 18px;
    right: auto;
  }
}

@media (max-width: 700px) {
  html[dir="rtl"] .hero-visual {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  html[dir="rtl"] .story-visual {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  html[dir="rtl"] .vector-stage {
    right: auto;
    left: -40%;
  }
  html[dir="rtl"] .home-actions {
    left: var(--gap);
    right: var(--gap);
    align-items: center;
  }
  html[dir="rtl"] .products-page .hero-machine {
    right: var(--gap);
    left: auto;
    transform: none;
  }
  html[dir="rtl"] .products-page .hero-lead {
    left: 0;
    right: 0;
  }
  html[dir="rtl"] .hero-lead p {
    margin-right: 0;
  }
  html[dir="rtl"] .production-language {
    left: 12px;
    right: auto;
  }
  html[dir="rtl"] body[data-page="index"] .production-language {
    top: 78px;
    bottom: auto;
  }
  html[dir="rtl"] .craft-text {
    left: 28px;
    right: 28px;
  }
  html[dir="rtl"] .scene-no {
    left: -15px;
    right: auto;
  }
  html[dir="rtl"] .mission-card,
  html[dir="rtl"] .mission-card + .mission-card {
    padding: 45px 0;
    border-left: 0;
  }
  html[dir="rtl"] .project-meta {
    left: 20px;
    right: 13px;
  }
  html[dir="rtl"] .system-dock .wrap {
    padding-left: 0;
    padding-right: var(--gap);
  }
  html[dir="rtl"] .exp-modal-title {
    padding-left: 46px;
    padding-right: 0;
  }
  html[dir="rtl"] .exp-modal-close {
    left: 14px;
    right: auto;
  }
}

@media (min-width: 701px) {
  html[dir="rtl"] .footer-bottom {
    padding-right: 0;
    padding-left: 96px;
  }
}

@media (max-width: 700px) {
  html[dir="rtl"] .products-page .hero-machine.tank-stage {
    left: -15vw;
    right: auto;
  }
}

/* Yığılmış hero (≤1150px): LTR ortalamasının RTL karşılığı */
@media (max-width: 1150px) {
  html[dir="rtl"] .hero-visual {
    left: auto;
    right: 50%;
    transform: translateX(50%);
  }
}

/* Yığılmış ürünler hero (701–1150px): tank sahnesi tam genişlikte ortalanır */
@media (min-width: 701px) and (max-width: 1150px) {
  html[dir="rtl"] .products-page .hero-machine.tank-stage {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    transform: none;
  }
}