@charset "UTF-8";

@font-face {
  font-family: "Vazirmatn Variable";
  src: url("../fonts/webfonts/Vazirmatn[wght].woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --type-xs: 0.75rem;
  --type-sm: 0.875rem;
  --type-base: 1rem;
  --type-md: 1.0625rem;
  --type-lg: 1.125rem;
  --type-xl: 1.25rem;
  --type-2xl: 1.5rem;
  --type-3xl: 1.75rem;
  --type-4xl: 2.25rem;
  --type-display: 2.5rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.35;
  --leading-heading: 1.45;
  --leading-ui: 1.65;
  --leading-body: 1.9;
}

html {
  font-size: 16px;
}

body,
button,
input,
select,
textarea {
  font-family: "Vazirmatn Variable", Vazirmatn, Golos, system-ui, -apple-system,
    "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 0;
}

body {
  font-size: var(--type-base);
  font-weight: var(--weight-regular);
  line-height: 1.7;
  font-synthesis: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.heading,
.title,
.sub-title {
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

h1,
.h1 {
  font-size: var(--type-3xl);
}

h2,
.h2 {
  font-size: var(--type-2xl);
}

h3,
.h3 {
  font-size: var(--type-xl);
}

h4,
.h4 {
  font-size: var(--type-lg);
}

h5,
.h5 {
  font-size: var(--type-base);
  text-decoration: none;
}

h6,
.h6 {
  font-size: var(--type-sm);
}

b,
strong {
  font-weight: var(--weight-bold);
}

small,
.small {
  font-size: var(--type-xs);
  line-height: var(--leading-ui);
}

/* Header and navigation */
.h-link,
.h-menu-drop,
.h-menu-other a,
.side-menu > a {
  font-size: 0.9375rem;
  font-weight: var(--weight-medium);
  line-height: 1.6;
}

.h-menu-item > .h-link,
.h-menu-subitem a,
.select-m-menu-tabs {
  font-weight: var(--weight-semibold);
}

.h-menu-subitem a > .muted {
  font-size: var(--type-xs);
  font-weight: var(--weight-regular);
}

.q_search > input,
.search-box-field > input {
  font-size: var(--type-base);
  font-weight: var(--weight-regular);
}

/* Home */
@media (max-width: 61.9375rem) {
  .main-head {
    overflow-x: hidden;
  }
}

.h-intro-text {
  font-size: var(--type-2xl);
  font-weight: var(--weight-bold);
  line-height: 1.5;
  letter-spacing: 0;
}

.section-title {
  font-size: 1.375rem;
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  letter-spacing: 0;
  margin-bottom: 1.25rem;
}

.section-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.section-title-row > a {
  min-width: 0;
}

.section-more-label {
  flex: 0 0 auto;
  padding: 0.375rem 0.625rem;
  border: 1px solid currentColor;
  border-radius: 0.5rem;
  color: #29b1d8;
  font-size: var(--type-xs);
  font-weight: var(--weight-semibold);
  line-height: 1.25rem;
  white-space: nowrap;
}

.app-title {
  display: -webkit-box;
  height: 2.75rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.8125rem;
  font-weight: var(--weight-semibold);
  line-height: 1.375rem;
  letter-spacing: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

.best-app-title {
  font-size: var(--type-base);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-ui);
}

.best-app-download {
  font-size: 0.8125rem;
  font-weight: var(--weight-medium);
  line-height: var(--leading-ui);
}

.recommend-label-title {
  font-size: var(--type-2xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
  letter-spacing: 0;
}

.recommend-app-title {
  font-size: var(--type-xl);
  font-weight: var(--weight-semibold);
  line-height: 1.5;
  letter-spacing: 0;
}

.section-seo-title {
  font-size: var(--type-xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
}

.section-seo-text {
  font-size: var(--type-sm);
  font-weight: var(--weight-regular);
  line-height: 1.85;
}

.archive-description {
  display: block;
  padding: 1rem;
  text-align: center;
}

/* Archives, lists and static pages */
.heading,
.list-heading .heading {
  font-size: var(--type-3xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.heading-bg .speedbar,
.f-app-breadcrumbs {
  font-size: var(--type-sm);
  font-weight: var(--weight-regular);
  line-height: 1.75;
}

.post .meta,
.xsmf {
  font-size: 0.8125rem;
  font-weight: var(--weight-regular);
  line-height: var(--leading-ui);
}

.lgf.title,
.post .title {
  font-size: var(--type-lg);
  font-weight: var(--weight-bold);
  line-height: 1.55;
}

.text,
.f-app-main-text {
  font-size: var(--type-base);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
}

.text p,
.f-app-main-text p,
.comment-text p,
.p-file-novirus p,
.f-app-seo-virus p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.text li,
.f-app-main-text li {
  line-height: var(--leading-body);
}

.text h2,
.f-app-main-text h2 {
  margin-top: 2.25rem;
  margin-bottom: 1rem;
  font-size: var(--type-2xl);
}

.text h3,
.f-app-main-text h3,
.cd-faq-trigger {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: var(--type-xl);
}

.text h4,
.f-app-main-text h4 {
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  font-size: var(--type-lg);
}

.text h5,
.text h6,
.f-app-main-text h5,
.f-app-main-text h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: var(--type-base);
  font-weight: var(--weight-semibold);
}

.cd-faq-trigger {
  line-height: 1.6;
}

.cd-faq-answer {
  font-size: var(--type-base);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
}

blockquote,
.quote {
  font-size: var(--type-sm);
  font-weight: var(--weight-regular);
  line-height: 1.85;
}

table.table {
  font-size: var(--type-sm);
  line-height: 1.7;
}

/* App details and downloads */
.f-app-title {
  font-size: var(--type-xl);
  font-weight: var(--weight-bold);
  line-height: 1.45;
  letter-spacing: 0;
}

.f-app-view-rate {
  font-size: var(--type-sm);
  font-weight: var(--weight-regular);
}

.f-app-main-text > p:first-child {
  font-size: var(--type-md);
  font-weight: var(--weight-semibold);
  line-height: 1.85;
}

.f-app-meta .block {
  font-size: var(--type-sm);
  font-weight: var(--weight-regular);
  line-height: 1.7;
}

.f-app-meta .fw-b {
  font-weight: var(--weight-semibold) !important;
}

.f-app-meta-data {
  line-height: 1.55;
}

.f-app-download .attachment-name {
  font-size: var(--type-base);
  font-weight: var(--weight-semibold);
  line-height: 1.65;
}

.f-app-download .attachment-count,
.f-app-seo-text {
  font-size: var(--type-sm);
  line-height: 1.75;
}

.p-file-title {
  font-size: var(--type-2xl);
  font-weight: var(--weight-bold);
  line-height: 1.5;
  letter-spacing: 0;
}

.p-file-data {
  font-size: var(--type-sm);
  font-weight: var(--weight-regular);
  line-height: var(--leading-ui);
}

.p-file-data .fw-b,
.p-file-timer-sec {
  font-weight: var(--weight-semibold) !important;
}

.p-file-hide .btn {
  font-size: 0.9375rem;
  font-weight: var(--weight-semibold);
}

/* Forms, buttons and comments */
.btn,
.bbcodes,
.ui-button {
  font-size: var(--type-sm);
  font-weight: var(--weight-semibold);
  letter-spacing: 0;
}

label,
.form-group > label,
label.form-group {
  font-size: var(--type-sm);
  font-weight: var(--weight-semibold);
  line-height: 1.7;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"] {
  font-size: 0.9375rem;
  font-weight: var(--weight-regular);
  line-height: 1.7;
}

.comment-meta h4 {
  font-size: var(--type-base);
  font-weight: var(--weight-bold);
  line-height: 1.6;
}

.comment-meta p,
.comment-text,
.no-comments,
.comment-navigation {
  font-size: var(--type-sm);
  font-weight: var(--weight-regular);
  line-height: 1.85;
}

.ui-dialog-title {
  font-size: var(--type-base);
  font-weight: var(--weight-semibold);
}

/* Footer */
.footer,
.footer > .wrp,
.copyright,
.f-menu,
.f-social {
  font-size: 0.8125rem;
  font-weight: var(--weight-regular);
  line-height: 1.75;
}

.f-social > a {
  font-weight: var(--weight-semibold);
}

@media (min-width: 48rem) {
  h1,
  .h1 {
    font-size: 2rem;
  }

  h2,
  .h2 {
    font-size: 1.75rem;
  }

  h3,
  .h3 {
    font-size: 1.375rem;
  }

  .h-intro-text {
    font-size: var(--type-3xl);
  }

  .section-title {
    font-size: var(--type-2xl);
  }

  .app-title {
    height: 2.875rem;
    font-size: var(--type-sm);
    line-height: 1.4375rem;
  }

  .f-app-title {
    font-size: var(--type-2xl);
  }

  .p-file-title {
    font-size: var(--type-3xl);
  }
}

@media (min-width: 62rem) {
  h1,
  .h1 {
    font-size: var(--type-display);
  }

  h2,
  .h2 {
    font-size: 2rem;
  }

  h3,
  .h3 {
    font-size: 1.625rem;
  }

  h4,
  .h4 {
    font-size: 1.375rem;
  }

  h5,
  .h5 {
    font-size: var(--type-lg);
  }

  h6,
  .h6 {
    font-size: var(--type-base);
  }

  .h-link,
  .h-menu-item > .h-link {
    font-size: var(--type-base);
  }

  .h-intro-text {
    font-size: 2rem;
    line-height: 1.45;
  }

  .section-title {
    font-size: var(--type-3xl);
    margin-bottom: 1.5rem;
  }

  .section-more-label {
    font-size: 0.8125rem;
  }

  .app-title {
    height: 3rem;
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }

  .recommend-label-title {
    font-size: var(--type-3xl);
  }

  .recommend-app-title {
    font-size: 1.375rem;
    line-height: 1.5;
  }

  .section-seo-title {
    font-size: 1.375rem;
  }

  .section-seo-text {
    font-size: 0.9375rem;
  }

  .heading,
  .list-heading .heading {
    font-size: var(--type-4xl);
  }

  .lgf.title,
  .post .title {
    font-size: var(--type-xl);
  }

  .text,
  .f-app-main-text {
    font-size: var(--type-md);
  }

  .text h2,
  .f-app-main-text h2 {
    font-size: var(--type-3xl);
  }

  .text h3,
  .f-app-main-text h3,
  .cd-faq-trigger {
    font-size: var(--type-2xl);
  }

  .text h4,
  .f-app-main-text h4 {
    font-size: var(--type-xl);
  }

  .f-app-title {
    font-size: 1.625rem;
  }

  .f-app-main-text > p:first-child {
    font-size: var(--type-lg);
  }

  .f-app-meta .block {
    font-size: 0.9375rem;
  }

  .f-app-download .attachment-name {
    font-size: var(--type-lg);
  }

  .p-file-title {
    font-size: 2rem;
  }

  .footer,
  .footer > .wrp,
  .copyright,
  .f-menu,
  .f-social {
    font-size: var(--type-sm);
  }
}

@media (min-width: 75rem) {
  .h-intro-text {
    font-size: var(--type-4xl);
  }

  .heading,
  .list-heading .heading {
    font-size: var(--type-display);
  }
}