/* ============================================
   CreditScan - Responsive Stylesheet
   ============================================ */

/* Tablet (768px - 1199px) */
@media screen and (max-width: 1199px) {
  html {
    font-size: 15px;
  }

  .section__title {
    font-size: 2rem;
  }

  .hero__title {
    font-size: 2.5rem;
  }

  .features__grid,
  .advantages__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer__content {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile (< 768px) */
@media screen and (max-width: 767px) {
  html {
    font-size: 14px;
  }

  .container {
    padding: 0 1rem;
  }

  /* Navigation */
  .nav__menu {
    position: fixed;
    top: 70px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 70px);
    background-color: var(--color-white);
    flex-direction: column;
    padding: var(--spacing-md);
    transition: left 0.3s ease;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  }

  .nav__menu.show {
    left: 0;
  }

  .nav__list {
    flex-direction: column;
    width: 100%;
    gap: var(--spacing-sm);
  }

  .nav__link {
    display: block;
    padding: var(--spacing-xs);
    border-bottom: 1px solid var(--color-light);
  }

  .nav__toggle {
    display: flex;
  }

  .nav__close {
    display: block;
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
  }

  /* Hero Section */
  .hero {
    padding: var(--spacing-md) 0;
  }

  .hero__container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero__title {
    font-size: 2rem;
  }

  .hero__description {
    font-size: 1rem;
  }

  .hero__buttons {
    justify-content: center;
  }

  .hero__image {
    order: -1;
  }

  /* Sections */
  .section {
    padding: var(--spacing-md) 0;
  }

  .section__title {
    font-size: 1.75rem;
  }

  .section__subtitle {
    font-size: 1rem;
  }

  /* Features & Advantages */
  .features__grid,
  .advantages__grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }

  .feature__card,
  .advantage__item {
    padding: var(--spacing-sm);
  }

  /* Register Section */
  .register__title {
    font-size: 1.75rem;
  }

  .register__description {
    font-size: 1rem;
  }

  .register__form-wrapper {
    padding: var(--spacing-sm);
  }

  /* Footer */
  .footer__content {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }

  .footer__section {
    margin-bottom: var(--spacing-sm);
  }

  /* Cookie Consent Modal */
  .cookie-consent__modal {
    width: 95%;
    padding: var(--spacing-sm);
  }

  .cookie-consent__content {
    gap: var(--spacing-xs);
  }

  .cookie-consent__icon i {
    font-size: 2.5rem;
  }

  .cookie-consent__title {
    font-size: 1.25rem;
  }

  .cookie-consent__description {
    font-size: 0.875rem;
  }

  .cookie-consent__buttons {
    flex-direction: column;
    width: 100%;
  }

  .cookie-consent__buttons .btn {
    max-width: 100%;
    width: 100%;
  }

  /* Page Header */
  .page-header__title {
    font-size: 2rem;
  }

  .page-header__subtitle {
    font-size: 1rem;
  }

  /* Services List */
  .services-list__grid {
    grid-template-columns: 1fr;
  }

  /* Process Flow */
  .process-flow__steps {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-sm);
  }

  /* Credit Assessment Page */
  .credit-intro__features {
    grid-template-columns: repeat(2, 1fr);
  }

  .assessment-process__steps {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-sm);
  }

  .data-security__points {
    grid-template-columns: 1fr;
  }

  /* Loan Matching Page */
  .loan-intro__features {
    grid-template-columns: repeat(2, 1fr);
  }

  .matching-process__steps {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-sm);
  }

  .loan-advantages__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* About Page */
  .mission-vision__content {
    grid-template-columns: 1fr;
  }

  .team-advantages__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Why Choose Us Page */
  .data-security-commitment__grid {
    grid-template-columns: 1fr;
  }

  .user-value__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Privacy Policy Page */
  .privacy-policy__content {
    padding: var(--spacing-lg);
  }

  /* Contact Page */
  .contact-info__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-form__content {
    padding: var(--spacing-lg);
  }

  /* Help Center Page */
  .help-categories__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Small Mobile (< 480px) */
@media screen and (max-width: 479px) {
  html {
    font-size: 13px;
  }

  .hero__title {
    font-size: 1.75rem;
  }

  .section__title {
    font-size: 1.5rem;
  }

  .btn {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
  }

  .hero__buttons {
    flex-direction: column;
    width: 100%;
  }

  .hero__buttons .btn {
    width: 100%;
  }

  /* Page Header */
  .page-header__title {
    font-size: 1.75rem;
  }

  .page-header__subtitle {
    font-size: 0.9375rem;
  }

  /* Services List */
  .services-list__grid {
    grid-template-columns: 1fr;
  }

  /* Process Flow */
  .process-flow__steps {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }

  .process-step {
    margin-bottom: var(--spacing-sm);
  }

  /* Credit Assessment Page */
  .credit-intro__features {
    grid-template-columns: 1fr;
  }

  .assessment-process__steps {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }

  .assessment-step {
    margin-bottom: var(--spacing-sm);
  }

  .data-security__points {
    grid-template-columns: 1fr;
  }

  .credit-cta__buttons {
    flex-direction: column;
  }

  .credit-cta__buttons .btn {
    width: 100%;
  }

  /* Loan Matching Page */
  .loan-intro__features {
    grid-template-columns: 1fr;
  }

  .matching-process__steps {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }

  .matching-step {
    margin-bottom: var(--spacing-sm);
  }

  .loan-advantages__grid {
    grid-template-columns: 1fr;
  }

  .loan-cta__buttons {
    flex-direction: column;
  }

  .loan-cta__buttons .btn {
    width: 100%;
  }

  /* About Page */
  .mission-vision__content {
    grid-template-columns: 1fr;
  }

  .team-advantages__grid {
    grid-template-columns: 1fr;
  }

  .about-cta__buttons {
    flex-direction: column;
  }

  .about-cta__buttons .btn {
    width: 100%;
  }

  /* Why Choose Us Page */
  .data-security-commitment__grid {
    grid-template-columns: 1fr;
  }

  .user-value__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .user-value__summary-buttons {
    flex-direction: column;
  }

  .user-value__summary-buttons .btn {
    width: 100%;
  }

  /* Privacy Policy Page */
  .privacy-policy__content {
    padding: var(--spacing-md);
  }

  .privacy-policy__section-title {
    font-size: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs);
  }

  .privacy-policy__contact p {
    flex-direction: column;
    gap: var(--spacing-xs);
  }

  /* Contact Page */
  .contact-info__grid {
    grid-template-columns: 1fr;
  }

  .business-hours__schedule {
    grid-template-columns: 1fr;
  }

  /* Help Center Page */
  .help-categories__grid {
    grid-template-columns: 1fr;
  }

  .help-search__box {
    flex-direction: column;
    gap: var(--spacing-xs);
  }

  .help-search__button {
    width: 100%;
  }

  .help-cta__buttons {
    flex-direction: column;
  }

  .help-cta__buttons .btn {
    width: 100%;
  }
}