/* stickybar-svc207.css
   The mobile sticky action bar appears on 69 pages. The svc207 fix originally
   landed in polish-svc204.css, which only index.html loads, so every other page
   kept the two competing CTAs and, at 390px, a visibly clipped secondary label
   on gallery.html. These rules are page agnostic, so they live here and load
   site wide. Loaded last in head so it wins on order as well as specificity. */

@media (max-width: 900px) {
  body .mobile-cta-bar.mobile-cta-bar--scroll-mode .mobile-cta-bar__main-row,
  body .mobile-cta-bar .mobile-cta-bar__main-row {
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }
  body .mobile-cta-bar .mobile-cta-bar__btn {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  body .mobile-cta-bar .mobile-cta-bar__call {
    flex: 0 0 122px !important;
    width: 122px !important;
    min-width: 122px !important;
    background: transparent !important;
    border: 1px solid rgba(245, 165, 36, 0.3) !important;
  }
  .mobile-cta-bar .mobile-cta-bar__call .mobile-cta-bar__call-label {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: rgba(245, 165, 36, 0.9) !important;
  }
  .mobile-cta-bar .mobile-cta-bar__call svg {
    width: 14px !important;
    height: 14px !important;
    opacity: 0.75 !important;
  }
  .mobile-cta-bar .mobile-cta-bar__btn-sub { font-size: 11px !important; }
  .mobile-cta-bar .mobile-cta-bar__proof,
  .mobile-cta-bar .mobile-cta-bar__proof-item,
  .mobile-cta-bar .mobile-cta-bar__proof-item strong,
  .mobile-cta-bar .mobile-cta-bar__proof-dot { font-size: 11px !important; }
}