@font-face{
  font-family:'Peyda';
  src:url('../fonts/Peyda-Light.woff2') format('woff2');
  font-style:normal;
  font-weight:300;
  font-display:swap;
}
@font-face{
  font-family:'Peyda';
  src:url('../fonts/Peyda-Regular.woff2') format('woff2');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:'Peyda';
  src:url('../fonts/Peyda-Medium.woff2') format('woff2');
  font-style:normal;
  font-weight:500;
  font-display:swap;
}

/* Persian typography system */
html[dir="rtl"] body,
html[dir="rtl"] body *{
  font-family:'Peyda',Tahoma,Arial,sans-serif!important;
  letter-spacing:0!important;
}

html[dir="rtl"] body{
  font-weight:400;
  font-size:16px;
}

html[dir="rtl"] h1,
html[dir="rtl"] .hero h1,
html[dir="rtl"] .brand-detail-copy h1,
html[dir="rtl"] .collection-hero h1{
  font-weight:300!important;
  font-size:clamp(52px,4.7vw,60px)!important;
  line-height:1.12!important;
}

html[dir="rtl"] h2,
html[dir="rtl"] .about-heading h2,
html[dir="rtl"] .advantages-intro h2,
html[dir="rtl"] .experience-content h2,
html[dir="rtl"] .brand-statement h2,
html[dir="rtl"] .site-footer h2{
  font-weight:300!important;
  font-size:clamp(38px,3.6vw,44px)!important;
  line-height:1.25!important;
}

html[dir="rtl"] h3,
html[dir="rtl"] .advantage-line h3,
html[dir="rtl"] .empty-state h3{
  font-weight:400!important;
  font-size:clamp(26px,2.4vw,30px)!important;
  line-height:1.35!important;
}

html[dir="rtl"] p,
html[dir="rtl"] .about-lead,
html[dir="rtl"] .brand-statement>div p,
html[dir="rtl"] .experience-content p,
html[dir="rtl"] .site-footer p,
html[dir="rtl"] .product-meta strong{
  font-size:clamp(16px,1.25vw,18px);
  font-weight:400;
  line-height:1.9;
}

html[dir="rtl"] small,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .product-meta small,
html[dir="rtl"] .advantage-line p,
html[dir="rtl"] .account-field small{
  font-size:clamp(14px,1vw,15px)!important;
  font-weight:400!important;
  line-height:1.8;
}

html[dir="rtl"] .desktop-nav a,
html[dir="rtl"] .header-cta>a{
  font-size:clamp(15px,1.05vw,16px)!important;
  font-weight:400!important;
}

html[dir="rtl"] .btn,
html[dir="rtl"] button,
html[dir="rtl"] .brand-text-link,
html[dir="rtl"] .brand-overview-link,
html[dir="rtl"] .brand-links a,
html[dir="rtl"] .account-nav-link{
  font-size:clamp(14px,1vw,16px)!important;
  font-weight:500!important;
}

@media(max-width:560px){
  html[dir="rtl"] h1,
  html[dir="rtl"] .hero h1,
  html[dir="rtl"] .brand-detail-copy h1,
  html[dir="rtl"] .collection-hero h1{
    font-size:clamp(36px,10vw,40px)!important;
    line-height:1.18!important;
  }

  html[dir="rtl"] h2,
  html[dir="rtl"] .about-heading h2,
  html[dir="rtl"] .advantages-intro h2,
  html[dir="rtl"] .experience-content h2,
  html[dir="rtl"] .brand-statement h2,
  html[dir="rtl"] .site-footer h2{
    font-size:clamp(28px,8vw,32px)!important;
  }

  html[dir="rtl"] body,
  html[dir="rtl"] p{
    font-size:16px;
  }
}