/* Match the reference typography with licensed fonts from the original UI assets. */
@font-face { font-family: Tajawal; src: url('/css/fonts/tajawal/Tajawal-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Tajawal; src: url('/css/fonts/tajawal/Tajawal-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Tajawal; src: url('/css/fonts/tajawal/Tajawal-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Tajawal; src: url('/css/fonts/tajawal/Tajawal-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
body:has(#products) { background: #fafaf8; }
#products, .contact-next-header, .pc-contact-dialog { font-family: Tajawal, Tahoma, Arial, sans-serif; font-size: 16px; }
#products :where(:not(i)), .contact-next-header :where(:not(i)), .pc-contact-dialog :where(:not(i)) { font-family: inherit; }
#products :where(span,bdi,a), .pc-contact-dialog :where(span,bdi,a) { font-size: inherit; }
#products .fa, .contact-next-header .fa, .pc-contact-dialog .fa { font-family: FontAwesome; }
.contact-next-header .nav_label, .contact-next-header .nav_menu > li > span > a { font-size: 14px; }

#products { background: #fafaf8; }
#products #properties_box > h2 { margin: 0; padding: 0; min-height: 24px; font-size: 16px; font-weight: 700; line-height: 1.5; }