/* GD-MD, the medical line, introduced on the standard site (Chris, 2026-11-03: "positioning this product as the
   medical version across the globe"). One block, used on the homepage and the healthcare and senior living pages.
   GD-MD palette (Packaging Design (MD)\CLAUDE.md): teal #00B8CC accent, deep teal #0A6570 for text on light, ink #373837.
   Built by scripts/add-gdmd-healthcare.py. */
/* the section keeps the standard page theme (the cream of the sections around it); only the card is the medical line
   (Chris, 2026-11-03: "keep on the standard line theme, but just the card itself can be the medical line theme") */
.gdmd-callout { padding: 0; background: var(--color-cream-dark); }
.gdmd-callout-card { display: grid; gap: var(--space-xl, 32px); align-items: center; background: #fff;
  border: 1px solid rgba(10, 101, 112, 0.14); border-left: 4px solid #00B8CC; border-radius: 16px;
  padding: var(--space-xl, 32px); }
.gdmd-callout-eyebrow { margin: 0 0 8px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em;
  text-transform: uppercase; color: #0A6570; }
.gdmd-callout-title { margin: 0 0 12px; font-size: clamp(1.6rem, 3.2vw, 2.2rem); font-weight: 300;
  letter-spacing: -0.02em; line-height: 1.15; color: #373837; }
.gdmd-callout-text > p { margin: 0 0 16px; max-width: 560px; font-size: 1rem; line-height: 1.6; color: #373837; }
.gdmd-callout-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin: 20px 0 16px; }
.gdmd-callout-btn { display: inline-block; padding: 12px 22px; border-radius: 999px; background: #0A6570; color: #fff;
  font-weight: 500; text-decoration: none; }
.gdmd-callout-btn:hover { background: #07535C; }
.gdmd-callout-link { color: #0A6570; font-weight: 500; text-decoration: none; border-bottom: 1px solid rgba(10, 101, 112, 0.4); }
.gdmd-callout-link:hover { border-bottom-color: #0A6570; }
.gdmd-callout-text > .gdmd-callout-note { margin: 0; font-size: 0.9rem; color: rgba(55, 56, 55, 0.75); }
.gdmd-callout-note a { color: inherit; }
.gdmd-callout-img { display: block; width: 100%; max-width: 360px; height: auto; margin: 0 auto; }
@media (min-width: 768px) {
  .gdmd-callout-card { grid-template-columns: 1.4fr 1fr; padding: var(--space-2xl, 48px); }
}
/* the one line on the standard product pages, under the trust badges */
.pdp-gdmd-note { margin: 16px 0 0; padding: 12px 14px; border-left: 3px solid #00B8CC; background: #EEF0F0;
  border-radius: 8px; font-size: 0.9rem; line-height: 1.5; color: #373837; }
.pdp-gdmd-note a { color: #0A6570; font-weight: 500; }
.gdmd-nowrap { white-space: nowrap; }
@media (max-width: 767px) { .gdmd-callout-card { padding: 24px; } }
/* the GD-MD card that leads the industry pages' "Recommended products" grid */
.industry-product-card--gdmd { border-left: 4px solid #00B8CC; }
.industry-product-card--gdmd .industry-product-model { color: #0A6570; }
.industry-product-card--gdmd .industry-product-name { color: #373837; }
/* the European product pages: the same one-line strip, right under Request a Quote, with the Class I status
   (Chris, 2026-11-05: keep it as minimal as the US line). Built by scripts/add-gdmd-eu.py. */
.pdp-gdmd-note--eu { margin: calc(-1 * var(--space-sm, 8px)) 0 var(--space-xl, 32px); }
/* phones: product.css moves .pdp-gdmd-note below the badges (order 4); the EU strip stays right under the buttons */
@media (max-width: 767px) { .pdp-info > .pdp-gdmd-note--eu { order: 0; } }