/* ════════════════════════════════════════════════════════════════
   TAGGIFY — Responsive Styles
   ════════════════════════════════════════════════════════════════ */

/* ── Tablet: ≤1200px ── */
@media (max-width:1200px){
    :root{--container-padding:40px;--section-padding-y:80px}
    .hero__container{grid-template-columns:1fr;text-align:center}
    .hero__subtitle{margin:0 auto var(--space-10)}
    .hero__ctas{justify-content:center}
    .hero__visual{min-height:300px;margin-top:var(--space-12)}
    .about__grid{grid-template-columns:1fr}
    .team__grid{grid-template-columns:repeat(3,1fr)}
    .cs-featured__grid{grid-template-columns:1fr}
    .contact__grid{grid-template-columns:1fr}
    /* Network horizontal scroll: shrink cards */
    .network__scroll-track .network-card{flex:0 0 280px;min-width:280px}
    /* Brands swipe: 2-column on tablet */
    .brands__swipe-track{grid-template-columns:repeat(2,1fr)}
    .brands__viewport{height:280px}
}

/* ── Tablet Small: ≤991px ── */
@media (max-width:991px){
    .navbar__links,.navbar__cta{display:none!important}
    .navbar__toggle{display:flex}
    .team__grid{grid-template-columns:repeat(2,1fr)}
    .accordion__content{grid-template-columns:1fr}
    .stats-bar__inner{flex-wrap:wrap;gap:var(--space-8)}
    .stats-bar__divider{display:none}
    .stats-bar__item{flex:0 0 45%}
    .cs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
}

/* ── Mobile: ≤576px ── */
@media (max-width:576px){
    :root{--container-padding:20px;--section-padding-y:60px}
    .heading-hero{letter-spacing:-1px}
    .hero__visual{min-height:250px}
    .hero__float-card{display:none}
    .team__grid{grid-template-columns:1fr 1fr}
    .contact-form__row{grid-template-columns:1fr}
    .footer__inner{flex-direction:column;gap:var(--space-8)}
    .footer__links{flex-wrap:wrap;gap:var(--space-4)}
    .stats-bar__item{flex:0 0 100%}
    .cs-grid{grid-template-columns:1fr}
    .cs-featured__content{padding:var(--space-6)}
    .cs-stats{flex-direction:column;gap:var(--space-6)}
    .btn--xl{padding:16px 36px;font-size:var(--text-lg)}
    /* Network: smaller cards on mobile */
    .network__scroll-track .network-card{flex:0 0 260px;min-width:260px}
    /* Brands: single column on mobile */
    .brands__swipe-track{grid-template-columns:repeat(2,1fr)}
    .brands__viewport{height:240px}
    .brands__pinned-inner{padding:var(--space-10) var(--container-padding)}
}