/* Clinic Grower, mobile design refinement, 2 October 2026.
   Retain all existing routes, content, analytics and contact actions. */
html:root body .btn-primary,
html:root body .btn-copper,
html:root body .btn-copper-sm {
  background: #214e4c !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #214e4c !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 8px !important;
}
html:root body .btn-primary:hover,
html:root body .btn-copper:hover,
html:root body .btn-copper-sm:hover {
  background: #163b39 !important;
  border-color: #163b39 !important;
  color: #fff !important;
  box-shadow: none !important;
}
html:root body .btn-primary::before,
html:root body .btn-primary::after,
html:root body .btn-copper::before,
html:root body .btn-copper::after,
html:root body .btn-copper-sm::before,
html:root body .btn-copper-sm::after { background-image: none !important; box-shadow: none !important; }
html:root body .cg-home-hero { background: #f4f7f5 !important; }
html:root body .cg-home-hero h1 {
  color: #193c3c !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
html:root body .cg-home-hero h1 span {
  color: inherit !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
html:root body .cg-action-button { border-radius: 8px !important; box-shadow: none !important; }
html:root body .cg-contact-bar {
  background: #fff !important;
  border-top: 1px solid #dce5e1 !important;
  box-shadow: 0 -3px 16px rgba(19,46,53,.055) !important;
}
html:root body .cg-contact-bar__inner { padding-top: 8px !important; padding-bottom: max(8px,env(safe-area-inset-bottom)) !important; }
html:root body .cg-contact-bar__action {
  min-height: 48px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
html:root body .cg-contact-bar__call { color: #214e4c !important; background: transparent !important; border-color: transparent !important; }
html:root body .cg-contact-bar__whatsapp { color: #214e4c !important; background: #fff !important; border-color: #bdceca !important; }
html:root body .cg-contact-bar__message { color: #fff !important; background: #214e4c !important; border-color: #214e4c !important; }
html:root body .cg-contact-bar__call:hover,
html:root body .cg-contact-bar__whatsapp:hover { color: #163b39 !important; background: #eef4f1 !important; border-color: #bdceca !important; }
html:root body .cg-contact-bar__message:hover { background: #163b39 !important; border-color: #163b39 !important; }
html:root body .cg-contact-bar__action:focus-visible,
html:root body .btn-primary:focus-visible,
html:root body .btn-copper-sm:focus-visible { outline: 3px solid #966137 !important; outline-offset: 3px !important; }
@media (max-width: 767px) {
  html:root body .cg-home-hero { padding-top: 32px !important; padding-bottom: 40px !important; }
  html:root body .cg-home-hero h1 { font-size: clamp(32px,8.6vw,40px) !important; line-height: 1.13 !important; letter-spacing: -.035em !important; }
  html:root body .cg-home-hero__lead { font-size: 16px !important; line-height: 1.65 !important; }
  html:root body .cg-home-hero .cg-actions { gap: 10px !important; }
  html:root body .cg-section { padding-top: 56px !important; padding-bottom: 56px !important; }
  html:root body .cg-section h2 { font-size: 32px !important; line-height: 1.16 !important; letter-spacing: -.025em !important; }
  html:root body .cg-result__image { height: 176px !important; object-fit: cover !important; }
  html:root body .cg-result__body { padding: 24px !important; }
  html:root body .cg-result__body h3 { font-size: 25px !important; line-height: 1.22 !important; }
  html:root body .cg-result__body p { font-size: 15px !important; line-height: 1.65 !important; }
  html:root body .cg-score-section { padding-top: 56px !important; padding-bottom: 56px !important; }
  html:root body .cg-final-cta { padding-top: 56px !important; padding-bottom: 56px !important; }
  html:root body .cg-contact-bar__actions { grid-template-columns: 48px minmax(0,1fr) minmax(0,1.1fr) !important; gap: 8px !important; }
  html:root body .cg-contact-bar__inner { padding-left: 12px !important; padding-right: 12px !important; }
  html:root body .cg-contact-bar__action { min-height: 48px !important; padding: 10px 8px !important; gap: 6px !important; }
  html:root body .cg-contact-bar__call { padding: 4px !important; font-size: 10px !important; gap: 2px !important; }
  html:root body .cg-contact-bar__action svg { width: 19px !important; height: 19px !important; }
}
@media (max-width: 359px) {
  html:root body .cg-contact-bar__inner { padding-left: 8px !important; padding-right: 8px !important; }
  html:root body .cg-contact-bar__actions { grid-template-columns: 44px minmax(0,1fr) minmax(0,1.1fr) !important; gap: 6px !important; }
  html:root body .cg-contact-bar__action { font-size: 12px !important; gap: 5px !important; padding-left: 6px !important; padding-right: 6px !important; }
  html:root body .cg-contact-bar__call { font-size: 10px !important; }
  html:root body .cg-contact-bar__action svg { width: 17px !important; height: 17px !important; }
}