/* ==========================================================================
   Grow UP Services — Red & White Social theme · Responsive
   ========================================================================== */

@media (max-width: 1199px) {
  .plat-grid { grid-template-columns: repeat(3, 1fr); }
  .r-header .head-socials { display: none; }
  .dr-metrics { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991px) {
  section { padding: 90px 0; }
  .r-header .navbar-collapse { border-top: 1px solid var(--line); padding: 12px 0 18px; }
  .r-header .nav-link { padding: 12px 16px !important; }
  .r-header .nav-cta { margin-top: 10px; }
  .r-header .nav-cta .btn-r { width: 100%; }

  .r-hero { padding: 56px 0 120px; }
  .orbit-stage { margin-top: 56px; max-width: 460px; }
  .plat-grid { grid-template-columns: repeat(2, 1fr); }
  .dm-window { margin: 40px auto 0; }
  .svc-line { grid-template-columns: 64px 1fr; }
  .svc-line > div:last-child { grid-column: 1 / -1; }
  .about-collage { margin-top: 40px; }
  .about-collage .ac-card { left: 16px; }
  .case-r .cr-img { min-height: 300px; }
  .case-r .cr-body { padding: 36px; }
  .cta-r .float-ic { display: none; }
  .legal-r .l-toc { position: static; margin-bottom: 28px; }
  .contact-side { margin-top: 48px; }
  .ph-deco { display: none; }
}

@media (max-width: 767px) {
  section { padding: 72px 0; }
  .container { padding-left: 16px; padding-right: 16px; }
  .r-lead { font-size: 1.05rem; }
  .sec-head { margin-bottom: 40px; }
  .orbit-stage { max-width: 360px; }
  .orbit-ring .o-ico { width: 46px; height: 46px; margin: -23px 0 0 -23px; font-size: 1.2rem; }
  .phone-r { width: 190px; height: 380px; border-radius: 32px; }
  .phone-r .scr { border-radius: 25px; }
  .bubble-pop { font-size: .78rem; padding: 8px 12px; }
  .bp-1 { left: -2%; } .bp-2 { right: -2%; }
  .icon-track span { font-size: 1.1rem; margin-right: 36px; }
  .icon-track span i { font-size: 1.5rem; }
  .plat-pack { padding: 28px 22px; }
  .plat-pack ul, .chk { grid-template-columns: 1fr; }
  .form-r { padding: 28px 20px; }
  .social-grid { grid-template-columns: repeat(4, 1fr); }
  .case-r .cr-body { padding: 28px 20px; }
  .legal-r .l-card { padding: 28px 20px; }
  .cta-r { padding: 56px 22px; }
  .r-footer .f-col { margin-bottom: 32px; }
  .r-footer .f-bottom { flex-direction: column; text-align: center; margin-top: 16px; }
  .r-footer .f-top .row > div:last-child { margin-top: 18px; }
}

@media (max-width: 576px) {
  .btn-r { width: 100%; }
  .r-hero .actions, .cta-r .actions { flex-direction: column; }
  .plat-grid { grid-template-columns: 1fr; }
  .bp-3 { display: none; }
  .dr-metrics { grid-template-columns: 1fr 1fr; }
  .r-filters { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin: 0 -16px 40px; padding: 0 16px 8px; scrollbar-width: none; }
  .r-filters::-webkit-scrollbar { display: none; }
  .r-footer .f-bottom nav { flex-direction: column; gap: 8px; }
  .msg { max-width: 92%; }
}