/* Platform-independent interface icons and final typography layer. */
button,input,textarea,select,option{font-family:"Manrope",sans-serif}
.primary-button,.about-primary-cta,.about-inline-link,.dashboard-pay,.payment-back,.account-editor-back,.owner-back-button,.video-link{display:inline-flex;align-items:center;justify-content:center;gap:.65em}
.primary-button:not(.retail-contact)::after,.about-primary-cta::after,.about-inline-link::after,.dashboard-pay::after{content:"";width:.48em;height:.48em;flex:0 0 auto;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.payment-back::before,.account-editor-back::before,.owner-back-button::before{content:"";width:.48em;height:.48em;flex:0 0 auto;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(45deg)}
#searchToggle{position:relative;width:34px;height:34px;font-size:0}
#searchToggle::before{content:"";position:absolute;width:10px;height:10px;border:1.7px solid currentColor;border-radius:50%;left:9px;top:8px}
#searchToggle::after{content:"";position:absolute;width:7px;height:1.7px;background:currentColor;transform:rotate(45deg);transform-origin:left center;left:19px;top:19px}
.carousel,#retailPrev,#retailNext{font-size:0!important}
.carousel::before,#retailPrev::before,#retailNext::before{content:"";display:block;width:9px;height:9px;border-bottom:1.7px solid currentColor;border-left:1.7px solid currentColor}
.carousel.prev::before,#retailPrev::before{transform:rotate(45deg)}.carousel.next::before,#retailNext::before{transform:rotate(225deg)}
.video-link::before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] select,html[lang="ar"] option,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6,html[lang="ar"] .eyebrow,html[lang="ar"] .filter,html[lang="ar"] .result-count,html[lang="ar"] .panel-title,html[lang="ar"] .member-chip{font-family:"Noto Kufi Arabic","Manrope",sans-serif;letter-spacing:0}
html[lang="ar"] body{line-height:1.65}html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4{line-height:1.45}
html[lang="ar"] h1 i,html[lang="ar"] h2 i,html[lang="ar"] h3 i{font-family:inherit;font-style:normal}
html[lang="ar"] .wordmark,html[lang="ar"] .wordmark span{font-family:"Manrope",sans-serif}html[lang="ar"] .wordmark em{font-family:"Playfair Display",serif}
html[lang="ar"] .mono,html[lang="ar"] .price,html[lang="ar"] .media-counter{font-family:"DM Mono",monospace}
html[dir="rtl"] .primary-button:not(.retail-contact)::after,html[dir="rtl"] .about-primary-cta::after,html[dir="rtl"] .about-inline-link::after,html[dir="rtl"] .dashboard-pay::after{transform:rotate(225deg)}
html[dir="rtl"] .payment-back::before,html[dir="rtl"] .account-editor-back::before,html[dir="rtl"] .owner-back-button::before{transform:rotate(225deg)}
html[dir="rtl"] .carousel.prev::before,html[dir="rtl"] #retailPrev::before{transform:rotate(225deg)}html[dir="rtl"] .carousel.next::before,html[dir="rtl"] #retailNext::before{transform:rotate(45deg)}
@media(max-width:600px){html[lang="ar"] body{font-size:14px}html[lang="ar"] button{font-weight:600}}

/* Arabic uses connected Arabic letterforms everywhere; Latin content falls back to Manrope. */
html[lang="ar"] body * {
  font-family: "Manrope", "Noto Kufi Arabic", sans-serif;
  letter-spacing: 0;
  word-spacing: normal;
}
html[lang="ar"] .access-status,
html[lang="ar"] .class-heading h2,
html[lang="ar"] .sell-progress span,
html[lang="ar"] .sell-step-heading > span,
html[lang="ar"] .sell-plans strong,
html[lang="ar"] .sell-terms {
  font-family: "Noto Kufi Arabic", "Manrope", sans-serif;
  letter-spacing: 0;
  word-spacing: normal;
  text-transform: none;
}
html[lang="ar"] .access-status { font-size: 11px; line-height: 1.8; }
html[lang="ar"] .wordmark,
html[lang="ar"] .wordmark span { font-family: "Manrope", sans-serif; }
html[lang="ar"] .wordmark em { font-family: "Playfair Display", serif; }
html[lang="ar"] .mono,
html[lang="ar"] .price,
html[lang="ar"] .media-counter { font-family: "DM Mono", monospace; }