@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap");

:root {
  --mg-font: "Vazirmatn", Tahoma, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option,
table,
th,
td,
a,
span,
div,
p,
label,
small,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:var(--mg-font) !important;
  letter-spacing:0 !important;
}

html,
body {
  font-weight:400;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight:800 !important;
}

button,
.btn,
.action-btn,
a {
  font-weight:600;
}

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

.price,
.big-price,
.gram-price,
.value,
.amount,
.money {
  font-variant-numeric:tabular-nums;
}

/* منوی پایین یک‌دست در تمام صفحات */
@media (max-width:720px) {
  body .nav,
  body .bottom-nav {
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    right:0 !important;
    left:0 !important;
    width:auto !important;
    max-width:none !important;
    min-height:48px !important;
    margin:0 !important;
    padding:4px 2px calc(5px + env(safe-area-inset-bottom)) !important;
    transform:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body .nav a,
  body .bottom-nav a {
    display:flex !important;
    flex:1 1 0 !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:0 !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px 0 !important;
    font-size:8.5px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    border-radius:7px !important;
  }

  body .nav .nav-icon,
  body .bottom-nav .nav-icon {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:17px !important;
    height:17px !important;
    margin:0 auto 2px !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  body .nav .nav-icon svg,
  body .bottom-nav .nav-icon svg {
    display:block !important;
    width:16px !important;
    height:16px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
}