@import '/templates/project/Controllers/Main/View/warranty/main_block.css';

@import '/templates/project/Controllers/Main/View/warranty/availability.css';

@import '/templates/project/Controllers/Main/View/warranty/warranty_list.css';

@import '/templates/project/Controllers/Main/View/warranty/warranty_check.css';

@import '/templates/project/Controllers/Main/View/warranty/warranty_result.css';

@import '/templates/project/Controllers/Main/View/contacts.css';

.warranty_page {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.warranty_page__header {
  display: flex;
  flex-direction: column;
}

.warranty_page__header h1 {
  color: var(--color-black-90);
}

.warranty_page__content {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1401px) {
  .warranty_page {
    padding-bottom: 80px;
  }

  .warranty_page__header {
    padding: 32px 0 28px 0;
    gap: 24px;
  }

  .warranty_page__content {
    padding-top: 44px;
    gap: 80px;
  }
}

@media (max-width: 833px) {
  .warranty_page {
    padding-top: 12px;
    padding-bottom: 56px;
  }

  .warranty_page__header h1 {
    font-size: 25px;
    font-weight: 800;
    line-height: 100%;
  }

  .warranty_page__content {
    gap: 12px;
  }
}

@media (min-width: 834px) and (max-width: 1400px) {
  .warranty_page {
    padding-top: 20px;
    padding-bottom: 22px;
  }

  .warranty_page__header h1 {
    font-size: 32px;
    font-weight: 800;
    line-height: 95%;
  }

  .warranty_page__content {
    gap: 20px;
  }
}
/*# sourceMappingURL=warranty.css.map */