/* =================================================
   RESPONSIVE
================================================= */

@media (max-width: 991.98px) {
  .section {
    padding: 76px 0;
  }

  .hero-section {
    padding-top: 150px;
  }

  .feature-mini-grid {
    grid-template-columns: 1fr;
  }

  .navbar-collapse {
    margin-top: 14px;
    padding: 14px;
    background: rgba(10, 14, 22, 0.96);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
  }

  .solutions-menu {
    min-width: 100%;
    margin-top: 8px;
    box-shadow: none;
    border-radius: 16px;
  }

  .solutions-menu::before {
    display: none;
  }

  .solutions-menu .dropdown-item {
    transform: none !important;
  }

  .nav-cta {
    width: 100%;
    text-align: center;
    margin-top: 8px;
  }

  .orbit-panel {
    max-width: 520px;
  }


  .support-form-card {
    padding: 26px;
  }

  .support-copy {
    text-align: center;
  }

  .support-copy h2,
  .support-copy p {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767.98px) {
  .orbit-panel {
    max-width: none;
    aspect-ratio: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
  }

  .orbit-ring {
    display: none;
  }

  .orbit-hub {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    border-radius: 16px;
    padding: 16px 18px;
  }

  .orbit-hub .brand-mark.lg {
    margin: 0;
  }

  .orbit-hub small {
    display: block;
  }

  .orbit-node,
  .node-top,
  .node-right,
  .node-bottom,
  .node-left {
    position: static;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    border-radius: 14px;
    transform: none !important;
  }
}

@media (max-width: 575.98px) {
  .hero-tags {
    gap: 10px 16px;
  }

  .contact-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .brand-text small {
    display: none;
  }


  .support-form-header {
    flex-direction: column;
  }

  .support-submit-button {
    width: 100%;
  }

  .support-points div {
    align-items: flex-start;
  }
}


/* -------------------------------------------------
   HERO PRODUCT CAROUSEL RESPONSIVE
-------------------------------------------------- */

@media (max-width: 991.98px) {
  .m365-carousel,
  .m365-carousel .carousel-inner,
  .m365-carousel .carousel-item,
  .m365-product-slide {
    min-height: auto;
  }

  .m365-product-slide {
    grid-template-columns: 1fr;
    padding: 34px 54px 58px;
    gap: 24px;
  }

  .m365-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .m365-app-card {
    min-height: 150px;
  }

  .m365-product-intro {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
  }
}

@media (max-width: 575.98px) {
  .hero-image-wrap {
    padding: 7px;
    border-radius: 22px;
  }

  .m365-carousel {
    border-radius: 16px;
  }

  .m365-product-slide {
    padding: 28px 18px 56px;
  }

  .m365-product-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .m365-app-card {
    min-height: auto;
    padding: 15px;
  }

  .m365-carousel .carousel-control-prev,
  .m365-carousel .carousel-control-next {
    display: none;
  }
}