/* ==========================================================================
   Vytora Health — selected design updates (Nov 2026)
   Loaded after each page's own styles. Remove the <link> to refresh.css to undo.
   ========================================================================== */

/* Fine print: darker, easier-to-read gray */
:root { --text-light: #5F6F84 !important; }
html body .disc p { font-size: 12px !important; color: #5F6F84 !important; line-height: 1.75 !important; }

/* Treatment cards: vial photos fill the top of each card */
html body .products-grid .vial-wrap { height: 300px !important; }
html body .products-grid .vial-wrap > div:not(.popular-pill) { height: 100% !important; background: none !important; }
html body .products-grid .vial-wrap img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 52% !important; }
html body .products-grid .popular-pill { z-index: 3 !important; }

/* Product pages: larger vial, also shown on phones */
html body .hero-grid [id$="-wrap"] { padding-top: 16px !important; }
html body .hero-grid [id$="-wrap"] img { max-height: 440px !important; border-radius: 18px; box-shadow: 0 24px 48px rgba(28,43,74,.12); }
@media (max-width: 900px) {
  html body .hero-grid > div:last-child { display: block !important; position: static !important; order: -1; padding: 0 0 8px !important; text-align: center; }
  html body .hero-grid [id$="-wrap"] img { max-height: 230px !important; }
  html body .hero-grid [id$="-wrap"] p { display: none; }
}

/* "Included with every plan": three tiles per row */
html body .content-block div[style*="minmax(200px,1fr)"]:has(> div > .check-circle) { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
@media (max-width: 600px) { html body .content-block div[style*="minmax(200px,1fr)"]:has(> div > .check-circle) { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }

/* Side-effects sub-headings */
html body .se-h { font-size: 15px; font-weight: 700; color: var(--navy, #1C2B4A); margin: 18px 0 6px; font-family: 'DM Sans', sans-serif; }