@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@500;600;700&display=swap');

:root{
  --font-ui: "Vazirmatn", Tahoma, Arial, sans-serif;
  --font-display: "Noto Naskh Arabic", "Vazirmatn", Tahoma, serif;
}

html, body, button, input, select, textarea{
  font-family:var(--font-ui) !important;
}

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-kerning:normal;
}

h1,h2,h3,
.brand-text strong,
.hero-copy h1,
.section-title h2,
.catalog-head h2,
.submit-inner h2,
.item-title,
.guide-card h3,
.store-top h3,
.store-sidebar h2,
.admin-form-title h4,
.store-card h4,
.auth-top h2,
.seo-item-copy h1{
  font-family:var(--font-display) !important;
  letter-spacing:0 !important;
  font-weight:700;
}

.hero-copy h1{
  line-height:1.32 !important;
}

.section-title h2,
.catalog-head h2,
.submit-inner h2{
  line-height:1.4 !important;
}

.brand-text strong{
  font-size:21px;
  line-height:1.25 !important;
}

.item-title{
  font-size:20px;
  line-height:1.7 !important;
}

p,
.meta,
.chip,
.store-field,
.store-row,
.store-status,
.auth-label,
.auth-note{
  line-height:1.9;
}

input,select,textarea{
  font-size:16px;
}

.price,
.store-summary,
.order-status{
  font-variant-numeric:tabular-nums;
}

@media(max-width:640px){
  .hero-copy h1{font-size:38px !important;line-height:1.38 !important}
  .brand-text strong{font-size:19px}
  .item-title{font-size:19px}
}