/* NN EMPIRE — Responsive refinements */

@media (max-width: 991.98px) {
  .contact-form-card {
    padding: 1.5rem 1.25rem;
  }

  .contact-header {
    margin-bottom: 2rem;
  }

  .hero-section {
    min-height: auto;
    padding-bottom: 3rem;
  }

  .hero-diagonal {
    height: 45%;
    opacity: 0.85;
  }

  .phone-tilt {
    transform: rotate(0deg);
  }

  .about-phones {
    min-height: 340px;
  }

  .about-phones .phone-back {
    transform: rotate(-6deg) scale(0.92);
  }

  .mt-nav {
    padding-top: 4.75rem;
  }

  .section-how .how-card .row > * {
    text-align: center !important;
  }

  .section-how .btn-gold {
    display: inline-flex;
    justify-content: center;
  }

  .store-badges {
    justify-content: center;
  }

  .section-download .row > .col-lg-6:first-child {
    order: 1;
  }

  .section-download .row > .col-lg-6:last-child {
    order: 2;
    text-align: center;
  }

  .section-download .store-badges-light {
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .display-4 {
    font-size: calc(1.55rem + 2vw);
  }

  .hero-title {
    font-size: calc(1.65rem + 2.2vw);
  }

  .navbar-brand .brand-text {
    font-size: 0.85rem;
  }

  .cat-item {
    padding: 0.5rem 0;
  }

  .feature-card {
    padding: 1.25rem 1.1rem;
  }

  .stat-num {
    font-size: 2rem;
  }

  .screens-swiper {
    padding-bottom: 2.5rem !important;
  }

  .play-cta-ring {
    width: 64px;
    height: 64px;
    font-size: 1.2rem;
  }
}

@media (max-width: 575.98px) {
  .btn-account {
    width: 100%;
  }

  .btn-lang {
    width: 100%;
    justify-content: center;
  }

  .lang-dropdown .dropdown-menu {
    width: 100%;
  }

  .hero-blob-1,
  .hero-blob-2 {
    opacity: 0.22;
  }

  .footer .border-top {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .screens-swiper .swiper-slide {
    transition: transform 0.45s ease, opacity 0.45s ease;
  }

  .screens-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.65;
    transform: scale(0.94);
  }

  .screens-swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
  }
}