/* Unified Arabic typography: Sans for reading/UI, Kufi for headings and brand moments. */
:root{
  --font-primary:'Noto Sans Arabic',Tahoma,Arial,sans-serif;
  --font-secondary:'Noto Kufi Arabic',Tahoma,Arial,sans-serif;
  --sans:var(--font-primary);
  --display:var(--font-secondary);
}

html{font-family:var(--font-primary);font-synthesis:none}
body{font-family:var(--font-primary);font-weight:400;line-height:1.85;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font-primary)}
h1,h2,h3,h4,h5,h6,.brand,.mobile-menu-label,.product-name,.empty-state strong,.site-footer strong{font-family:var(--font-secondary);font-weight:700;line-height:1.45;letter-spacing:0;text-wrap:balance}
p{line-height:1.95}
.eyebrow,.hero-kicker,.product-category,.category-number,.breadcrumb{font-family:var(--font-primary);font-weight:700;letter-spacing:.015em}

.hero-copy h1{font-family:var(--font-secondary);font-size:clamp(2.25rem,11vw,4.8rem);line-height:1.35;margin:12px 0 16px;max-width:720px}
.hero-copy p{font-size:clamp(.98rem,2.3vw,1.08rem);line-height:2;max-width:610px}
.hero-kicker{display:block;margin-bottom:7px;font-size:.76rem}
.hero-copy .eyebrow{display:block;font-size:.82rem}
.hero-note{font-size:.8rem;line-height:1.7}
.section-heading{align-items:center;margin-bottom:26px}
.section-heading h2{font-family:var(--font-secondary);font-size:clamp(1.65rem,5.8vw,2.65rem);line-height:1.45;margin:4px 0 0}
.category-card h3{font-family:var(--font-secondary);font-size:clamp(1.2rem,4.8vw,1.55rem);line-height:1.55}
.product-name{font-size:clamp(.95rem,3.8vw,1.08rem);line-height:1.65}
.listing-hero h1,.search-hero h1{font-family:var(--font-secondary);font-size:clamp(2rem,8vw,3.2rem);line-height:1.45}
.product-detail h1{font-family:var(--font-secondary);font-size:clamp(2rem,8vw,3.15rem);line-height:1.4}
.order-box h2,.brand-story h2{font-family:var(--font-secondary);line-height:1.5}
.button,.text-link,.desktop-nav,.mobile-menu a,.field label,.option-group>label{font-family:var(--font-primary);font-weight:700}

@media(max-width:480px){
  .hero-copy h1{font-size:2.35rem}
  .section-heading h2{font-size:1.75rem}
  .section-heading{gap:10px}
  .text-link{font-size:.78rem}
}

@media(min-width:900px){
  .hero-copy h1{font-size:clamp(3rem,4.2vw,3.9rem);line-height:1.4}
}

.footer-contact{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.footer-contact a{min-height:46px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s,color .2s}
.footer-contact a:hover{background:var(--berry);border-color:var(--rose);color:#fff}
.footer-contact svg{width:21px;height:21px;fill:currentColor;stroke:none;flex:0 0 auto}
.footer-contact .footer-phone{gap:9px;padding:8px 14px;font-weight:700}
.footer-contact .footer-phone svg{fill:none;stroke:currentColor;stroke-width:2}
.footer-contact .footer-social{width:46px;padding:0}