/* Ava Music v7.63 — final mobile drawer and contact page responsive layer. */

html,
body.ava-mobile-shell-v763 {
  max-width: 100%;
  overflow-x: clip;
}
@supports not (overflow: clip) {
  html,
  body.ava-mobile-shell-v763 { overflow-x: hidden; }
}

/* The drawer is always anchored to the right. Old inline left/right/display rules cannot move it. */
body.ava-mobile-shell-v763 .ava-n-mobile,
body.ava-mobile-shell-v763 .mobmenu.ava-n-mobile {
  position: fixed !important;
  inset: 0 0 0 auto !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2147482100 !important;
  display: flex !important;
  width: min(86vw, 360px) !important;
  max-width: calc(100vw - 42px) !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  overscroll-behavior: contain;
  background: var(--ava-surface, #fff) !important;
  color: var(--ava-text, #172033) !important;
  box-shadow: -22px 0 70px rgba(8, 15, 28, .25) !important;
  transform: translate3d(108%, 0, 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform .28s cubic-bezier(.2,.72,.2,1), opacity .2s ease, visibility 0s linear .28s !important;
  contain: layout paint;
  isolation: isolate;
}
body.ava-mobile-shell-v763 .ava-n-mobile.is-open,
body.ava-mobile-shell-v763 .mobmenu.ava-n-mobile.is-open,
body.ava-mobile-shell-v763 .mobmenu.ava-menu-open {
  right: 0 !important;
  left: auto !important;
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}
body.ava-mobile-shell-v763 .ava-n-mobile-overlay,
body.ava-mobile-shell-v763 .darklayer.ava-n-mobile-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  background: rgba(4, 9, 18, .66) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .22s ease, visibility 0s linear .22s !important;
  backdrop-filter: blur(3px);
}
body.ava-mobile-shell-v763 .ava-n-mobile-overlay.is-open,
body.ava-mobile-shell-v763 .darklayer.ava-n-mobile-overlay.ava-menu-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}
html.ava-v763-menu-open,
body.ava-v763-menu-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}
body.ava-mobile-shell-v763 .ava-n-mobile__head,
body.ava-mobile-shell-v763 .ava-n-mobile__search,
body.ava-mobile-shell-v763 .ava-n-mobile__account,
body.ava-mobile-shell-v763 .ava-v73-mobile__theme {
  flex: 0 0 auto;
  min-width: 0;
}
body.ava-mobile-shell-v763 .ava-n-mobile__links {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
body.ava-mobile-shell-v763 .ava-n-mobile__links a {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}
body.ava-mobile-shell-v763 .ava-n-mobile__search {
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 44px !important;
}
body.ava-mobile-shell-v763 .ava-n-mobile__search input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Complete contact-page containment. */
body.ava-contact-responsive-v763 #ava-site-main,
body.ava-contact-responsive-v763 .ava-n-site-main,
body.ava-contact-responsive-v763 .ava-v723-contact-page,
body.ava-contact-responsive-v763 .ava-v723-contact-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-page {
  width: min(calc(100% - 28px), 1180px) !important;
  margin: 18px auto 0 !important;
  padding: 0 0 38px !important;
  overflow: visible !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-card {
  width: 100% !important;
  padding: clamp(18px, 2.6vw, 30px) !important;
  border-radius: clamp(20px, 2.6vw, 30px) !important;
  overflow: hidden !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-head {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-title,
body.ava-contact-responsive-v763 .ava-v731-contact-methods__head > div,
body.ava-contact-responsive-v763 .ava-v747-submission__head > div,
body.ava-contact-responsive-v763 .ava-v724-pricing__head > div {
  min-width: 0 !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-title small,
body.ava-contact-responsive-v763 .ava-v731-contact-methods__head small,
body.ava-contact-responsive-v763 .ava-v747-submission__head small,
body.ava-contact-responsive-v763 .ava-v724-pricing__head small {
  font-size: 10px !important;
  line-height: 1.6 !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-title h1 {
  margin: 4px 0 !important;
  font-size: clamp(24px, 4vw, 38px) !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-title p,
body.ava-contact-responsive-v763 .ava-v731-contact-methods__head p,
body.ava-contact-responsive-v763 .ava-v747-submission__head p,
body.ava-contact-responsive-v763 .ava-v724-pricing__head p {
  max-width: 760px;
  margin-top: 5px !important;
  font-size: 13px !important;
  line-height: 2 !important;
  overflow-wrap: anywhere !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-methods,
body.ava-contact-responsive-v763 .ava-v747-submission,
body.ava-contact-responsive-v763 .ava-v724-pricing,
body.ava-contact-responsive-v763 .ava-v723-contact-entry {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-methods,
body.ava-contact-responsive-v763 .ava-v747-submission,
body.ava-contact-responsive-v763 .ava-v724-pricing {
  margin: 18px 0 0 !important;
  padding: clamp(16px, 2.1vw, 24px) !important;
  border-radius: 22px !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-methods__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-method {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 78px !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-method > div {
  min-width: 0 !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-method small {
  font-size: 10px !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-method strong {
  max-width: 100% !important;
  font-size: 13px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.ava-contact-responsive-v763 .ava-v731-contact-method > i {
  min-width: 46px !important;
  padding: 8px 10px !important;
  font-size: 10px !important;
}

body.ava-contact-responsive-v763 .ava-v747-submission__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission__grid > *,
body.ava-contact-responsive-v763 .ava-v747-submission__grid label,
body.ava-contact-responsive-v763 .ava-v747-submission__grid label.is-wide {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission__grid label.is-wide {
  grid-column: 1 / -1 !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission__grid label > span {
  font-size: 12px !important;
  line-height: 1.8 !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission input,
body.ava-contact-responsive-v763 .ava-v747-submission select,
body.ava-contact-responsive-v763 .ava-v747-submission textarea {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission input,
body.ava-contact-responsive-v763 .ava-v747-submission select {
  min-height: 48px !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission textarea {
  min-height: 150px !important;
  resize: vertical !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission input[type="file"] {
  min-height: 46px !important;
  padding: 6px !important;
  overflow: hidden !important;
  white-space: normal !important;
  direction: rtl;
}
body.ava-contact-responsive-v763 .ava-v747-submission input[type="file"]::file-selector-button {
  max-width: 52% !important;
  min-height: 34px !important;
  margin: 0 0 0 8px !important;
  padding: 7px 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  cursor: pointer;
}
body.ava-contact-responsive-v763 .ava-v747-submission__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission__footer p {
  min-width: 0 !important;
  font-size: 11px !important;
  line-height: 1.9 !important;
}
body.ava-contact-responsive-v763 .ava-v747-submission__footer button {
  flex: 0 0 auto;
  min-height: 48px !important;
  padding-inline: 18px !important;
  font-size: 12px !important;
  white-space: nowrap;
}

body.ava-contact-responsive-v763 .ava-v724-pricing__table-wrap,
body.ava-contact-responsive-v763 .ava-v723-contact-entry {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
body.ava-contact-responsive-v763 .ava-v723-contact-entry img,
body.ava-contact-responsive-v763 .ava-v723-contact-entry video,
body.ava-contact-responsive-v763 .ava-v723-contact-entry iframe,
body.ava-contact-responsive-v763 .ava-v723-contact-entry object,
body.ava-contact-responsive-v763 .ava-v723-contact-entry embed {
  max-width: 100% !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-entry img,
body.ava-contact-responsive-v763 .ava-v723-contact-entry video {
  height: auto !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-entry table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}
body.ava-contact-responsive-v763 .ava-v723-contact-entry th,
body.ava-contact-responsive-v763 .ava-v723-contact-entry td {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 900px) {
  body.ava-mobile-shell-v763 .ava-n-nav,
  body.ava-mobile-shell-v763 .ava-v73-auth,
  body.ava-mobile-shell-v763 .ava-n-user {
    max-width: 100%;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-methods__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.ava-contact-responsive-v763 .ava-v723-contact-page {
    width: min(calc(100% - 20px), 680px) !important;
    margin-top: 12px !important;
    padding-bottom: 28px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-card {
    padding: 15px !important;
    border-radius: 20px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-head {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 14px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-title small,
  body.ava-contact-responsive-v763 .ava-v731-contact-methods__head small,
  body.ava-contact-responsive-v763 .ava-v747-submission__head small,
  body.ava-contact-responsive-v763 .ava-v724-pricing__head small {
    font-size: 9px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-title h1 {
    font-size: 23px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-title p,
  body.ava-contact-responsive-v763 .ava-v731-contact-methods__head p,
  body.ava-contact-responsive-v763 .ava-v747-submission__head p,
  body.ava-contact-responsive-v763 .ava-v724-pricing__head p {
    font-size: 12px !important;
    line-height: 1.9 !important;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-methods,
  body.ava-contact-responsive-v763 .ava-v747-submission,
  body.ava-contact-responsive-v763 .ava-v724-pricing {
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-method {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    min-height: 70px !important;
    padding: 10px !important;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-method > span {
    width: 42px !important;
    height: 42px !important;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-method small {
    font-size: 9px !important;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-method strong {
    font-size: 12px !important;
  }
  body.ava-contact-responsive-v763 .ava-v747-submission__grid {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }
  body.ava-contact-responsive-v763 .ava-v747-submission__grid label.is-wide {
    grid-column: auto !important;
  }
  body.ava-contact-responsive-v763 .ava-v747-submission__footer {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.ava-contact-responsive-v763 .ava-v747-submission__footer button {
    width: 100% !important;
    white-space: normal !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing__table-wrap {
    overflow: visible !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing table,
  body.ava-contact-responsive-v763 .ava-v724-pricing tbody,
  body.ava-contact-responsive-v763 .ava-v724-pricing tr,
  body.ava-contact-responsive-v763 .ava-v724-pricing td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing thead {
    display: none !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing table {
    border: 0 !important;
    background: transparent !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing tbody {
    display: grid !important;
    gap: 11px !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing tr {
    overflow: hidden !important;
    border: 1px solid var(--ava-line) !important;
    border-radius: 15px !important;
    background: var(--ava-surface) !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing td {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 10px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ava-line) !important;
    text-align: right !important;
    font-size: 12px !important;
    overflow-wrap: anywhere !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing td:last-child {
    border-bottom: 0 !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing td::before {
    color: var(--ava-muted) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing td:nth-child(1)::before { content: "خدمت"; }
  body.ava-contact-responsive-v763 .ava-v724-pricing td:nth-child(2)::before { content: "تعرفه"; }
  body.ava-contact-responsive-v763 .ava-v724-pricing td:nth-child(3)::before { content: "ثبت سفارش"; }
  body.ava-contact-responsive-v763 .ava-v724-pricing td a {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  body.ava-mobile-shell-v763 .ava-n-mobile,
  body.ava-mobile-shell-v763 .mobmenu.ava-n-mobile {
    width: min(90vw, 340px) !important;
    max-width: calc(100vw - 24px) !important;
    padding-inline: 13px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-page {
    width: calc(100% - 16px) !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-card {
    padding: 12px !important;
    border-radius: 17px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-head {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
  body.ava-contact-responsive-v763 .ava-v723-contact-title h1 {
    font-size: 21px !important;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-method {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
  body.ava-contact-responsive-v763 .ava-v731-contact-method > i {
    display: none !important;
  }
  body.ava-contact-responsive-v763 .ava-v747-submission input,
  body.ava-contact-responsive-v763 .ava-v747-submission select,
  body.ava-contact-responsive-v763 .ava-v747-submission textarea {
    font-size: 16px !important; /* Prevent iOS auto zoom. */
  }
  body.ava-contact-responsive-v763 .ava-v747-submission input[type="file"]::file-selector-button {
    max-width: 58% !important;
    font-size: 10px !important;
  }
  body.ava-contact-responsive-v763 .ava-v724-pricing td {
    grid-template-columns: 68px minmax(0, 1fr) !important;
  }
}

@media (min-width: 901px) {
  body.ava-mobile-shell-v763 .ava-n-mobile,
  body.ava-mobile-shell-v763 .ava-n-mobile-overlay {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ava-mobile-shell-v763 .ava-n-mobile,
  body.ava-mobile-shell-v763 .ava-n-mobile-overlay {
    transition-duration: .01ms !important;
  }
}