Page header

Provide the page title (page-title, or ar-page-title in Arabic), an optional one-line subtitle, and a toolbar with a search field, secondary actions and at most one primary action.

• Product titles use Poppins/Almarai SemiBold/Bold, not Hero. Hero is for brand moments (landing, sign-in, splash).
• The toolbar wraps below the title on narrow widths and the primary action stays last in reading order.
• Page title is the only h1 on the page. Put filters in a row under the header, not inside it.
• Mirrors automatically in RTL: the title sits at the start edge, actions at the end.