/* Reset, page frame (max 560px phone-style column). */
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html, body{height:100%; overflow:hidden;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--paper); color:var(--charcoal);
  font-family:'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
button{font-family:inherit;}
.frame{
  max-width:560px; margin:0 auto; position:relative;
  background:var(--paper);
  height:100vh; height:100dvh;
  overflow:hidden;
  box-shadow: 0 0 60px rgba(0,0,0,.08);
}

/* Keyboard focus: visible on every interactive element. */
:focus-visible{outline:2px solid var(--focus); outline-offset:2px;}
.hero :focus-visible, .menu-screen :focus-visible, .catalog-topbar :focus-visible{outline-color:#fff;}
/* Latin model numbers and English names: LTR, tracked only here (never on Persian text). */
.latin{direction:ltr; unicode-bidi:isolate; letter-spacing:.04em;}