/* MYinc DigiCard v1.4.2 — quieter mobile landing, balanced two-column layout and clean footer.
   Builds on existing styles without changing the contact tiles or app features. */

/* A single sharing card sits directly after "Explore all IT services" in the services column.
   Desktop balances the two columns; stacked layouts keep the natural reading order. */
.secondary-column > .share-panel { width: 100%; }

/* Less visual noise across the DigiCard and the dedicated Services page. */
.site-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 11px 20px;
  padding: 24px 3px 33px;
}
.site-footer .footer-mark { grid-column: 1; grid-row: 1; min-width: 0; }
.site-footer .footer-links { grid-column: 2; grid-row: 1; display: flex; gap: 0; margin: 0; white-space: nowrap; }
.site-footer .footer-copy { grid-column: 1 / -1; grid-row: 2; margin: 0; font-size: 10px; }
.site-footer .footer-mark small { font-size: 9px; }
.site-footer .footer-links a { padding: 8px 0; font-size: 11px; }

/* A DigiCard is primarily for getting in touch. On phones, begin with contact actions,
   not a full-width website hero. Desktop retains the tasteful animated technology panel. */
@media (max-width: 720px) {
  .page-shell:not(.service-page-shell) .hero { display: none !important; }
  .page-shell:not(.service-page-shell) .layout { margin-top: 12px; }
  .page-shell:not(.service-page-shell) .contact-card { margin-top: 0; }
  .site-footer { padding: 22px 5px 95px; gap: 12px 9px; }
  .site-footer .footer-links { max-width: 100%; }
  .site-footer .footer-links a { font-size: 11px; }
}
@media (max-width: 355px) {
  .site-footer .footer-mark img { width: 25px; height: 25px; }
  .site-footer .footer-mark strong { font-size: 13px; }
  .site-footer .footer-mark small { font-size: 8px; margin-left: 2px; }
  .site-footer .footer-links a { font-size: 10px; }
}