/* ===== Extracted mobile @media rules ===== */
@media (max-width: 980px) {
            .hero-grid {
                grid-template-columns: 1fr;
            }

            .grid-3 {
                grid-template-columns: 1fr;
            }

            .nav {
                top: 34px
            }

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

            .gangs {
                grid-template-columns: 1fr 1fr
            }

            .specs {
                grid-template-columns: 1fr
            }

            .nav-links {
                display: none;
                position: absolute;
                top: 64px;
                right: 4%;
                background: #0e1129cc;
                padding: 12px;
                border-radius: 14px;
                border: 1px solid #ffffff14;
            }

            .menu-btn {
                display: block;
            }
        }

@media (max-width:980px) {
            .gallery-mosaic {
                grid-template-columns: repeat(2, 1fr);
            }
        }

@media (max-width: 980px){
  .nav{ backdrop-filter:none !important; background: rgba(7,8,22,.85); }
  .card, .hero-card{ box-shadow:none !important; }
}