/* ==========================================================================
   AR-RTL.CSS — Arabic RTL overrides (identical layout to he-rtl.css)
   Kératopigmentation FLAAK — Dr Yoni Gozlan
   ========================================================================== */

#hero {
  background-image: image-set(url("/images/hero-bg-he.webp") type('image/webp'), url("/images/hero-bg-he.jpg") type('image/jpeg')) !important;
  background-position: left center !important;
}

#hero::before {
  background: linear-gradient(to left,
    #0a0805 0%, #0a0805 18%,
    rgba(10,8,5,0.88) 34%,
    rgba(10,8,5,0.45) 52%,
    rgba(10,8,5,0.10) 70%,
    transparent 100%) !important;
}

.hero-inner {
  padding: calc(72px + 28px) 7% 32px 44px !important;
  margin-left: auto !important;
  align-items: flex-start !important;
  text-align: right !important;
}

.hero-inner h1,
.hero-inner p,
.hero-inner .hero-badge,
.hero-inner .hero-sub { text-align: right !important; }

.hero-btns  { justify-content: flex-end !important; }
.hero-stats { justify-content: flex-end !important; }

.stat            { border-right: none !important; border-left: 1px solid var(--gold-border) !important; }
.stat:last-child { border-left: none !important; }

@media (max-width: 768px) {
  .hero-inner {
    padding: 28px 24px 36px !important;
    margin-left: 0 !important;
    text-align: right !important;
  }
  .hero-mobile-img {
    background-image: image-set(url("/images/hero-bg-he.webp") type('image/webp'), url("/images/hero-bg-he.jpg") type('image/jpeg')) !important;
    background-position: 32% top !important;
  }
  #hero {
    background-image: none !important;
    background-color: #0a0805 !important;
  }
}