/* =====================================================================
   MPS Construction and Trading - responsive rules
   Breakpoints follow Bootstrap: xl 1200px, lg 992px, md 768px, sm 576px
   ===================================================================== */

@media (max-width: 1199.98px) {
    .hero-glass { width: 260px; }
    .values-grid { grid-template-columns: repeat(3, 1fr); }
    .product-strip { grid-template-columns: repeat(3, 1fr); }
    .stats { margin-left: -6%; width: 100%; }
    .stat-value { font-size: 2rem; }
}

@media (max-width: 991.98px) {
    :root { --header-h: 68px; }
    .container { padding-left: 1.25rem; padding-right: 1.25rem; }
    .section { padding: 4.5rem 0; }
    .section-tight { padding: 3.4rem 0; }

    /* Mobile menu: panel with staggered links */
    .site-header .navbar-collapse { margin-top: .6rem; padding: .5rem 0 1rem; border-top: 1px solid var(--line); }
    .site-header .nav-link { padding: .85rem .2rem !important; border-bottom: 1px solid var(--line); font-size: 1.02rem; }
    .site-header .nav-link::after { display: none; }
    .site-header .nav-link.active { color: var(--mps-red); }
    .navbar-collapse.show .nav-item, .navbar-collapse.collapsing .nav-item { animation: navIn .45s var(--ease) both; animation-delay: calc(var(--i, 0) * 45ms); }
    .nav-cta { margin: .9rem 0 0; }
    .btn-nav { width: 100%; --bs-btn-padding-y: .8rem; }

    .hero { min-height: 0; }
    .hero-media { width: 100%; clip-path: none; opacity: .38; }
    .hero-media::before { display: none; }
    .hero-media::after { background: linear-gradient(180deg, rgba(20,28,85,.65) 0%, rgba(11,16,54,.92) 85%); }
    .hero-inner { flex-direction: column; align-items: flex-start; padding-top: 3.6rem; padding-bottom: 3.6rem; }
    .hero-glass { align-self: stretch; width: auto; margin: 1rem 0 0; }
    .hero-glass dl { grid-template-columns: repeat(2, 1fr); }
    .hero-glass img { display: none; }
    .hero .grid-lines { bottom: 110px; --gl-h: 190px; }

    .voltage-steps { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .voltage-steps li:nth-child(6n+1) { border-left: 0; }
    .voltage-steps li:nth-child(n+7) { border-top: 1px solid rgba(255,255,255,.1); }

    .page-hero { padding: 3.4rem 0 3.6rem; }
    .page-hero-media { width: 100%; clip-path: none; opacity: .3; }
    .page-hero-media::after { background: linear-gradient(180deg, rgba(20,28,85,.6), rgba(11,16,54,.9)); }

    .intro-visual { padding-left: 0; }
    .stats { margin: -2.5rem 4% 0; width: auto; grid-template-columns: repeat(2, 1fr); }
    .stat:nth-child(3) { border-left: 0; }
    .stat:nth-child(n+3) { border-top: 1px solid var(--line); }

    .cap-grid { grid-template-columns: repeat(2, 1fr); }
    .cap-grid > .cap-card, .cap-grid > .cap-card:nth-child(-n+2) { grid-column: span 1; }
    .cap-grid > .cap-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .project-grid { grid-template-columns: repeat(2, 1fr); }

    .cat-nav { position: static; margin-bottom: 2.4rem; }
    .cat-nav ul { display: flex; flex-wrap: wrap; gap: .45rem; border-left: 0; }
    .cat-nav a { border: 1px solid var(--line-strong); border-radius: 99px; padding: .45rem .9rem; margin: 0; font-size: .85rem; background: #fff; }
    .cat-nav a:hover { border-color: var(--mps-blue); padding-left: .9rem; }
    .cat-help { display: none; }

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

@media (max-width: 767.98px) {
    .values-grid { grid-template-columns: repeat(2, 1fr); }
    .product-strip { grid-template-columns: repeat(2, 1fr); }
    .item-grid { grid-template-columns: 1fr; }
    .cred-grid { grid-template-columns: 1fr; }
    .info-grid { grid-template-columns: 1fr; }
    .project-grid { grid-template-columns: 1fr; }
    .form-panel { padding: 1.7rem 1.2rem; }
    .cta-band .container { padding-top: 3.2rem; padding-bottom: 3.2rem; }
    .section-head { margin-bottom: 2rem; }
    .footer-bottom { flex-direction: column; }
    .pm-body { padding: 1.4rem 1.3rem 1.5rem; }
    .pm-facts { grid-template-columns: 1fr; }
    .split-media { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 575.98px) {
    body { font-size: .97rem; }
    .brand img { width: 44px; height: 44px; }
    .brand-name { font-size: 1.3rem; }
    .brand-sub { font-size: .58rem; letter-spacing: .1em; }
    .hero-inner { padding-top: 2.8rem; }
    .hero-title { font-size: clamp(2.1rem, 1rem + 6vw, 2.6rem); }
    .hero-actions .btn { width: 100%; }
    .hero-glass dl { grid-template-columns: 1fr; gap: .6rem; }
    .voltage-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .voltage-steps li { font-size: .95rem; padding: .75rem .1rem .85rem; }
    .voltage-steps li:nth-child(6n+1) { border-left: 1px solid rgba(255,255,255,.1); }
    .voltage-steps li:nth-child(4n+1) { border-left: 0; }
    .voltage-steps li:nth-child(n+5) { border-top: 1px solid rgba(255,255,255,.1); }
    .voltage-steps li small { display: block; margin: 0; }
    .stats { margin: -2rem 0 0; }
    .stat { padding: 1rem .9rem; }
    .stat-value { font-size: 1.7rem; }
    .cap-grid { grid-template-columns: 1fr; }
    .product-strip { grid-template-columns: 1fr; }
    .values-grid { grid-template-columns: 1fr; }
    .values-stack li { grid-template-columns: 44px 1fr; padding: 1rem; }
    .values-stack .value-letter { font-size: 2rem; }
    .fleet-grid { grid-template-columns: 1fr; }
    .fleet-card { min-height: 160px; }
    .award-list li { grid-template-columns: 58px 1fr; gap: .8rem; }
    .cat-head { align-items: flex-start; }
    .filter-group { width: 100%; }
    .filter-label { width: 100%; margin-bottom: .2rem; }
    .chip { font-size: .8rem; padding: .4rem .75rem; }
    .ticket-top, .ticket-bottom { padding-left: 1.2rem; padding-right: 1.2rem; }
    .map-frame iframe { height: 260px; }
    .contact-card { padding: 1.7rem 1.3rem; }
    .cta-actions, .cta-actions .btn { width: 100%; }
    .footer-top { flex-direction: column; align-items: flex-start; }
    .footer-top .btn { width: 100%; }
    .pm-actions .btn { width: 100%; }
}