/* Jetcar Kromh V20 — Arabic homepage composition correction
   Mirrors the editorial hero correctly for RTL without touching English. */

@media (min-width:768px){
  html[dir="rtl"] .home-v11 .jk-hero-media{
    left:0!important;
    right:auto!important;
    width:68%!important;
    clip-path:polygon(0 0,89% 0,100% 11%,100% 100%,0 100%)!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-media::before{
    background:linear-gradient(0deg,rgba(4,15,24,.28),transparent 38%)!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-media img{
    object-position:52% 53%!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero::before{
    background:linear-gradient(270deg,
      var(--jk-pearl) 0%,
      var(--jk-pearl) 29%,
      rgba(244,240,231,.98) 33%,
      rgba(244,240,231,.76) 37%,
      rgba(244,240,231,.32) 43%,
      rgba(244,240,231,0) 49%)!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy{
    left:auto!important;
    right:max(42px,5.2vw)!important;
    bottom:clamp(166px,20vh,222px)!important;
    width:min(640px,38vw)!important;
    max-width:none!important;
    color:var(--v17-ink)!important;
    text-align:right!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(70px,6.15vw,118px)!important;
    line-height:.88!important;
    letter-spacing:0!important;
    text-wrap:balance;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1 span,
  html[dir="rtl"] .home-v11 .jk-hero-copy h1 em{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1 em{
    margin-inline-start:0!important;
    margin-top:.08em;
    font-size:.78em!important;
    line-height:1.02!important;
    white-space:nowrap!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy>p{
    max-width:39rem!important;
    margin:28px 0 24px!important;
    color:#40505a!important;
    font-size:14px!important;
    line-height:1.9!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-actions{
    justify-content:flex-start!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-specs{
    left:max(42px,5.2vw)!important;
    right:auto!important;
    width:min(690px,43vw)!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-index{
    left:26px!important;
    right:auto!important;
    color:#fff!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-diamond{
    left:7vw!important;
    right:auto!important;
  }

  html[dir="rtl"] .home-v11 .jk-scroll-cue{
    left:auto!important;
    right:26px!important;
    color:var(--v17-ink)!important;
  }

  html[dir="rtl"] .home-v11 .jk-scroll-cue i{
    background:linear-gradient(var(--v17-ink),transparent)!important;
  }
}

@media (min-width:768px) and (max-width:1100px){
  html[dir="rtl"] .home-v11 .jk-hero-media{
    right:auto!important;
    width:62%!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy{
    right:4vw!important;
    width:43vw!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1{
    font-size:clamp(58px,7.1vw,78px)!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1 em{
    font-size:.72em!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy>p{
    font-size:12px!important;
    line-height:1.8!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-specs{
    left:4vw!important;
    width:52vw!important;
  }
}

@media (max-width:767px){
  /* Keep the brand anchored to the RTL edge and the controls grouped opposite it. */
  html[dir="rtl"] .site-header .header-inner{
    direction:ltr!important;
    grid-template-columns:1fr auto!important;
  }

  html[dir="rtl"] .site-header .brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
  }

  html[dir="rtl"] .site-header .header-actions{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    direction:ltr!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-media{
    height:45.5%!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-media img{
    object-position:57% 51%!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy{
    top:50.2%!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    max-width:none!important;
    padding-top:4px;
  }

  html[dir="rtl"] .home-v11 .jk-kicker{
    margin-bottom:12px!important;
    color:#2f6675!important;
    font-size:8px!important;
    line-height:1.5!important;
  }

  html[dir="rtl"] .home-v11 .jk-kicker::before{
    width:22px!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1{
    max-width:100%!important;
    font-size:clamp(47px,13.5vw,61px)!important;
    line-height:.98!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1 em{
    margin-top:.02em!important;
    font-size:.82em!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy>p{
    margin:18px 0 16px!important;
    max-width:34ch!important;
    font-size:12px!important;
    line-height:1.8!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-actions{
    gap:9px!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-specs{
    background:rgba(255,255,255,.42)!important;
    -webkit-backdrop-filter:blur(10px) saturate(.9);
    backdrop-filter:blur(10px) saturate(.9);
  }
}

@media (max-width:380px){
  html[dir="rtl"] .home-v11 .jk-hero-copy{
    top:49.7%!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1{
    font-size:44px!important;
  }

  html[dir="rtl"] .home-v11 .jk-hero-copy h1 em{
    font-size:.79em!important;
  }
}