html[lang="ar"] {
  --serif-ar: "Amiri", "Times New Roman", serif;
  --sans-ar: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
}

html[lang="ar"] body {
  font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  letter-spacing: 0;
  line-height: 1.85;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] .brand__name,
html[lang="ar"] .package__title,
html[lang="ar"] .piece-card__name,
html[lang="ar"] .piece-tile__name,
html[lang="ar"] .chair-card__name,
html[lang="ar"] .product-modal__title,
html[lang="ar"] .collection-card__content h3,
html[lang="ar"] .category-tile span,
html[lang="ar"] .service-card__body h3,
html[lang="ar"] .process-step__content h3,
html[lang="ar"] .production-item__title,
html[lang="ar"] .mini-step h3,
html[lang="ar"] .customise-card h3,
html[lang="ar"] .pillar h3,
html[lang="ar"] .capability h3,
html[lang="ar"] .consult-option h3,
html[lang="ar"] .package__price strong {
  font-family: "Amiri", "Times New Roman", serif;
  letter-spacing: 0;
  font-weight: 400;
}

html[lang="ar"] h1,
html[lang="ar"] h2 {
  line-height: 1.12;
}

html[lang="ar"] h1 {
  font-size: clamp(46px, 6.4vw, 104px);
}

html[lang="ar"] h2 {
  font-size: clamp(32px, 4.4vw, 66px);
  line-height: 1.18;
}

html[lang="ar"] h3 {
  font-size: clamp(23px, 2.3vw, 33px);
  line-height: 1.25;
}

html[lang="ar"] h4 {
  font-size: clamp(18px, 1.5vw, 23px);
  line-height: 1.3;
}

html[lang="ar"] .hero__title {
  font-size: clamp(50px, 6.5vw, 108px);
  line-height: 1.08;
  letter-spacing: 0;
  max-width: 980px;
}

html[lang="ar"] .hero__title em,
html[lang="ar"] .page-hero h1 em,
html[lang="ar"] h1 em,
html[lang="ar"] h2 em,
html[lang="ar"] .italic {
  font-style: normal;
}

html[lang="ar"] .page-hero h1 {
  font-size: clamp(44px, 6.2vw, 100px);
  line-height: 1.1;
}

html[lang="ar"] .legal-hero h1 {
  font-size: clamp(42px, 6.2vw, 96px);
  line-height: 1.1;
}

html[lang="ar"] .eyebrow,
html[lang="ar"] .kicker,
html[lang="ar"] .nav__link,
html[lang="ar"] .btn,
html[lang="ar"] .text-link,
html[lang="ar"] .link-arrow,
html[lang="ar"] .hero__eyebrow,
html[lang="ar"] .hero__meta,
html[lang="ar"] .hero__dot,
html[lang="ar"] .marquee__item,
html[lang="ar"] .collection-card__content span,
html[lang="ar"] .service-card__num,
html[lang="ar"] .piece-card__category,
html[lang="ar"] .piece-card__foot,
html[lang="ar"] .footer__heading,
html[lang="ar"] .footer__bottom,
html[lang="ar"] .page-hero__meta,
html[lang="ar"] .catalog-filter,
html[lang="ar"] .subfilter,
html[lang="ar"] .search-field input,
html[lang="ar"] .catalog-count,
html[lang="ar"] .project-count,
html[lang="ar"] .chair-count,
html[lang="ar"] .chair-card__type,
html[lang="ar"] .chair-card__wa,
html[lang="ar"] .mini-step__num,
html[lang="ar"] .legal-nav a,
html[lang="ar"] .quick-contact__label,
html[lang="ar"] .consult-option__label,
html[lang="ar"] .product-modal__kicker,
html[lang="ar"] .product-details dt,
html[lang="ar"] .field label,
html[lang="ar"] .form-note,
html[lang="ar"] .form-status,
html[lang="ar"] .mobile-actions a,
html[lang="ar"] .mobile-menu__link span,
html[lang="ar"] .footer__links a,
html[lang="ar"] .header-phone,
html[lang="ar"] .lang-switch,
html[lang="ar"] .legal-content li,
html[lang="ar"] .package__list li,
html[lang="ar"] .piece-tile__meta,
html[lang="ar"] .project-card figcaption,
html[lang="ar"] .material-swatch__label,
html[lang="ar"] .quick-contact__desc,
html[lang="ar"] .qr-card p,
html[lang="ar"] .capability__num,
html[lang="ar"] .pillar__num,
html[lang="ar"] .process-step__num,
html[lang="ar"] .customise-card__num {
  letter-spacing: 0;
}

html[lang="ar"] .kicker,
html[lang="ar"] .eyebrow {
  font-size: 11px;
  font-weight: 600;
}

html[lang="ar"] .btn {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 16px 25px;
}

html[lang="ar"] .nav__link {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

html[lang="ar"] .text-link,
html[lang="ar"] .link-arrow {
  font-size: 11px;
}

html[lang="ar"] .hero__eyebrow,
html[lang="ar"] .page-hero__meta,
html[lang="ar"] .catalog-filter,
html[lang="ar"] .subfilter {
  font-size: 10px;
}

html[lang="ar"] .hero__sub {
  font-size: 15px;
  line-height: 1.9;
  max-width: 560px;
}

html[lang="ar"] .hero__arabic {
  font-size: 16px;
}

html[lang="ar"] .lede {
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.8;
}

html[lang="ar"] .brand__name {
  font-family: "Amiri", "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
}

html[lang="ar"] .brand__sub {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-size: 8px;
  letter-spacing: 0;
}

html[lang="ar"] .footer__arabic {
  width: auto;
  text-align: right;
  font-family: "Amiri", serif;
  font-size: 17px;
}

html[lang="ar"] .footer__heading {
  font-size: 9px;
}

html[lang="ar"] .hero__sub,
html[lang="ar"] .intro__copy p,
html[lang="ar"] .service-card__body p,
html[lang="ar"] .split-head__aside p,
html[lang="ar"] .atelier__copy > p,
html[lang="ar"] .page-hero__intro,
html[lang="ar"] .page-intro__copy p,
html[lang="ar"] .process-step__content p,
html[lang="ar"] .legal-content p,
html[lang="ar"] .legal-content li,
html[lang="ar"] .faq-item p,
html[lang="ar"] .contact-panel__intro,
html[lang="ar"] .consult-hero__content > p,
html[lang="ar"] .film-section__content p,
html[lang="ar"] .visit__note {
  line-height: 1.9;
}

html[lang="ar"] .hero__title em,
html[lang="ar"] .hero__title .italic {
  color: var(--gold-2);
}

html[lang="ar"] .section--dark .italic,
html[lang="ar"] .signatures .italic,
html[lang="ar"] .page-hero--dark .italic {
  color: var(--gold-2);
}

html[lang="ar"] .hero__scroll {
  left: auto;
  right: 5vw;
}

html[lang="ar"] .hero::before {
  background:
    linear-gradient(270deg, rgba(8, 6, 4, 0.78) 0%, rgba(8, 6, 4, 0.48) 38%, rgba(8, 6, 4, 0.12) 70%, rgba(8, 6, 4, 0.32) 100%),
    linear-gradient(0deg, rgba(8, 6, 4, 0.72) 0%, rgba(8, 6, 4, 0.05) 42%, rgba(8, 6, 4, 0.25) 100%);
}

html[lang="ar"] .film-section::before {
  background: linear-gradient(270deg, rgba(9, 7, 5, 0.86) 0%, rgba(9, 7, 5, 0.52) 48%, rgba(9, 7, 5, 0.25) 100%);
}

html[lang="ar"] .nav__submenu {
  left: auto;
  right: -20px;
}

html[lang="ar"] .service-card__num {
  left: auto;
  right: 16px;
}

html[lang="ar"] .collection-card__arrow {
  right: auto;
  left: 18px;
}

html[lang="ar"] .piece-card__num {
  left: auto;
  right: 15px;
}

html[lang="ar"] .piece-tile__wa {
  right: auto;
  left: 10px;
}

html[lang="ar"] .piece-tile__index {
  left: auto;
  right: 12px;
}

html[lang="ar"] .project-card__wa {
  right: auto;
  left: 14px;
}

html[lang="ar"] .quick-contact__arrow {
  right: auto;
  left: 24px;
}

html[lang="ar"] .quick-contact__item {
  border-right: 0;
  border-left: 1px solid var(--line-light);
}

html[lang="ar"] .quick-contact__item:last-child {
  border-left: 0;
}

html[lang="ar"] .category-tile small {
  left: auto;
  right: 14px;
}

html[lang="ar"] .atelier__media-main {
  margin-left: auto;
  margin-right: 0;
}

html[lang="ar"] .atelier__media-detail {
  left: 0;
  right: auto;
}

html[lang="ar"] .seal {
  left: auto;
  right: -44px;
}

html[lang="ar"] .seal text {
  direction: rtl;
  font-size: 7px;
  letter-spacing: 0;
}

html[lang="ar"] .visit__media-frame {
  inset: 24px 24px -24px -24px;
}

html[lang="ar"] .visit__map {
  left: auto;
  right: 20px;
}

html[lang="ar"] .search-field svg {
  left: auto;
  right: 0;
}

html[lang="ar"] .search-field input {
  padding-left: 0;
  padding-right: 23px;
}

html[lang="ar"] .legal-nav a:hover,
html[lang="ar"] .footer__links a:hover {
  padding-left: 0;
  padding-right: 4px;
}

html[lang="ar"] .legal-content li,
html[lang="ar"] .package__list li {
  padding-left: 0;
  padding-right: 18px;
}

html[lang="ar"] .legal-content li::before,
html[lang="ar"] .package__list li::before {
  left: auto;
  right: 0;
}

html[lang="ar"] .contact-detail .arabic {
  text-align: right;
}

html[lang="ar"] .contact-detail dd a[href^="tel:"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

html[lang="ar"] .footer__contact a[href^="tel:"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

html[lang="ar"] .hero__meta,
html[lang="ar"] .page-hero__meta span {
  letter-spacing: 0;
}

@media (max-width: 1180px) {
  html[lang="ar"] .hero__title {
    font-size: clamp(46px, 7vw, 82px);
  }
}

@media (max-width: 980px) {
  html[lang="ar"] .quick-contact__item {
    border-left: 0;
    border-bottom: 1px solid var(--line-light);
  }

  html[lang="ar"] .quick-contact__item:last-child {
    border-bottom: 0;
  }

  html[lang="ar"] .atelier__media-detail {
    left: 0;
    right: auto;
  }

  html[lang="ar"] .seal {
    right: -18px;
  }
}

@media (max-width: 720px) {
  html[lang="ar"] h1 {
    font-size: clamp(40px, 11vw, 64px);
  }

  html[lang="ar"] h2 {
    font-size: clamp(30px, 8.4vw, 46px);
  }

  html[lang="ar"] .hero__title {
    font-size: clamp(42px, 12.5vw, 64px);
    line-height: 1.12;
  }

  html[lang="ar"] .hero__sub {
    font-size: 14px;
  }

  html[lang="ar"] .btn {
    font-size: 10.5px;
    padding: 14px 17px;
  }

  html[lang="ar"] .nav__link {
    font-size: 12px;
  }

  html[lang="ar"] .quick-contact__arrow {
    left: 20px;
  }

  html[lang="ar"] .seal {
    right: -8px;
  }

  html[lang="ar"] .piece-tile__wa {
    left: 8px;
  }

  html[lang="ar"] .piece-tile__index {
    right: 9px;
  }

  html[lang="ar"] .atelier__media-main {
    margin-left: 0;
    margin-right: auto;
  }
}

@media (max-width: 460px) {
  html[lang="ar"] .hero__title {
    font-size: clamp(38px, 12vw, 56px);
  }

  html[lang="ar"] .btn {
    font-size: 10px;
    padding: 13px 14px;
  }
}

html[lang="ar"] h1 em,
html[lang="ar"] h2 em {
  color: var(--gold-3);
  font-style: normal;
}

html[lang="ar"] .hero__title em,
html[lang="ar"] .page-hero--dark h1 em,
html[lang="ar"] .section--dark h2 em,
html[lang="ar"] .signatures h2 em,
html[lang="ar"] .film-section h2 em,
html[lang="ar"] .consult-hero h1 em {
  color: var(--gold-2);
}

@media (max-width: 720px) {
  html[lang="ar"] .visit__media-frame {
    inset: 14px 0 -14px 0;
  }
}

html[lang="ar"] .field input,
html[lang="ar"] .field select,
html[lang="ar"] .field textarea,
html[lang="ar"] .search-field input {
  text-align: right;
}

html[lang="ar"] .field input[type="tel"],
html[lang="ar"] .field input[type="email"] {
  direction: ltr;
  text-align: right;
}

html[lang="ar"] .field input::placeholder,
html[lang="ar"] .field textarea::placeholder {
  text-align: right;
}

html[lang="ar"] .field input,
html[lang="ar"] .field select,
html[lang="ar"] .field textarea,
html[lang="ar"] .search-field input {
  direction: rtl;
}

html[lang="ar"] .field input[type="tel"],
html[lang="ar"] .field input[type="email"] {
  direction: ltr;
  text-align: right;
}

html[lang="ar"] .quick-contact__title,
html[lang="ar"] .qr-card__title,
html[lang="ar"] .visit__address p,
html[lang="ar"] .intro__signature,
html[lang="ar"] .atelier__quote,
html[lang="ar"] .faq-item summary,
html[lang="ar"] .package__title,
html[lang="ar"] .product-modal__title {
  font-family: "Amiri", "Times New Roman", serif;
  letter-spacing: 0;
}

@media (max-width: 1080px) {
  html[lang="ar"] .quick-contact__item {
    border-left: 0;
    border-bottom: 1px solid var(--line-light);
  }

  html[lang="ar"] .quick-contact__item:last-child {
    border-bottom: 0;
  }
}

html[lang="ar"] .trust-strip__grid span {
  font-size: 11px;
  letter-spacing: 0;
}


/* Arabic typography normalization */
html[lang="ar"] body,
html[lang="ar"] body *,
html[lang="ar"] body *::before,
html[lang="ar"] body *::after {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  font-feature-settings: "kern" 1, "liga" 1;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

[lang="ar"],
.arabic {
  letter-spacing: normal !important;
  font-feature-settings: "kern" 1, "liga" 1;
}