/*
 * One mobile conversion dock across every public template.
 * Loaded last so home, guide, topic and regional pages cannot drift apart.
 */
@media (max-width: 767px) {
  body .mobile-cta {
    right: 6px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    left: 6px !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 5px !important;
    min-height: 0 !important;
    padding: 5px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 7px 24px rgba(18, 26, 23, .17);
  }

  body .mobile-cta .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 10px 8px !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    font-weight: 900;
    line-height: 1.25;
    white-space: nowrap;
  }

  body .mobile-cta .button-yellow {
    background: #ffd500 !important;
    color: #080808 !important;
  }

  body .mobile-cta .button-dark {
    background: linear-gradient(135deg, #12c99a, #06ae76) !important;
    color: #fff !important;
  }
}