/* Shared public/auth hierarchy. Decorative hero typography stays independent. */
@font-face{font-family:Sale4meUI;src:url(fonts/NotoSansArabic.woff2) format('woff2');font-weight:100 900;font-display:swap}
@media screen{
:is(.sm,.sa)[dir]{--ui-body:15px;--ui-small:13px;--ui-title:28px;--ui-section:22px;font-family:Sale4meUI,'Segoe UI',Arial,sans-serif!important;font-size:var(--ui-body);line-height:1.65}
:is(.sm,.sa)[dir=ltr]{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}
.sm :is(input,select,textarea),.sa :is(input,select,textarea){font-family:inherit!important;font-size:16px!important;line-height:1.5}
:is(.sm,.sa) :is(button,summary){font-family:inherit}
.sm :is(.sm-category-title h1,.sm-register-page h1,.sm-detail h1),.sa #sa-title{font-size:var(--ui-title)!important;line-height:1.45;letter-spacing:0}
.sm :is(.sm-section-heading h2,.sm-filter-panel h2){font-size:var(--ui-section)!important;line-height:1.5}
.sm :is(.sm-form label,.sm-register-page label,.sm-filter-panel label),.sa .form-label{font-size:14px!important;line-height:1.6}
.sm :is(.sm-breadcrumbs,.sm-card p,.sm-card small,.sm-child-count,.sm-directory-count),.sa :is(.sa-intro,.sa-privacy){font-size:var(--ui-small)!important;line-height:1.65}
.sm .sm-card h3{font-size:15px!important;line-height:1.55}
.sm :is(.sm-level-three>a,.sm-region-chips a){font-size:13px!important;line-height:1.55}
.sm :is(.sm-button,.sm-sort button,.sm-filter-disclosure>summary),.sa :is(.btn,.sa-register-button){font-size:14px!important;line-height:1.5}
.sm .sm-card,.sm .sm-category-title,.sa .sa-form-inner{min-width:0;overflow-wrap:break-word}
@media(max-width:700px){:is(.sm,.sa){--ui-title:24px;--ui-section:20px}.sm .sm-level-three>a{padding:8px 9px}.sm .sm-sort{flex-wrap:wrap}}
}

.sa[dir=ltr] .sa-story h2 span{margin-inline-start:.2em}

/* Native selects use platform line metrics; leave room for Arabic glyphs. */
:is(.sm,.sa)[dir] select{padding-block:3px!important;min-height:44px}