/* ============================================================
   RESPONSIVE & MOBILE OPTIMIZATIONS
   ============================================================ */

@media (max-width: 992px) {
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .hero-text-col {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hero-actions {
    justify-content: center;
  }

  .lanyard-container {
    margin-top: 10px;
  }

  .bento-grid-2col {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .hide-on-mobile {
    display: none !important;
  }

  .nav-glass-bar {
    gap: 14px;
    padding: 6px 14px;
  }

  .nav-links {
    gap: 6px;
  }

  .nav-item {
    font-size: 12.5px;
    padding: 5px 10px;
  }

  .hero-section {
    padding: 100px 0 40px;
  }

  .badge-plastic-sleeve {
    max-width: 290px;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 32px;
  }

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

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