/* Brand-specific values and content-fit adjustments; base template components are retained. */
:root{--brand:#1b0c0c;--brand-dark:#100707;--brand-tint:#f4eeed;--brand-light:#f4eeed;--brand-2:#fffcfc;--accent:#e3c787}
.topbar,.site-footer{background:#1b0c0c}
.btn-primary{background:#1b0c0c;border-color:#1b0c0c}.btn-primary:hover{background:#392121;border-color:#392121}
.btn-outline{color:#1b0c0c;border-color:#1b0c0c}.btn-outline:hover{background:#1b0c0c;color:#fffcfc}
.site-header .logo-link img{width:124px;height:124px;object-fit:contain}.site-header .wrap{gap:15px}
.footer-logo{width:96px!important;height:96px!important;object-fit:contain;background:#fffcfc;border-radius:3px}
.drawer-top img{width:64px!important;height:64px!important;object-fit:contain}
.primary-nav a,.primary-nav button{font-size:13px}.header-ctas .btn{padding:11px 13px;font-size:12px}
.hero2 h1{font-size:clamp(2.1rem,3.5vw,3.5rem)}.hero2-image{object-fit:cover!important;background:#fffcfc}
.hero2-card{background:#fffcfc;aspect-ratio:512/196;max-width:512px;margin-inline:auto}.hero2-media{margin-bottom:32px}.hero2-float{bottom:-30px}.hero2-hl:after,.fun-accent:after{background:#ead6a7}
.hero-background-image{filter:blur(3px)}.hero2{background:#f6f0ed}
.portal-promo{background:#1b0c0c}.pp-accent{color:#ead6a7}.gift-promo{background:#f3eae6}.gift-accent{color:#614033}
/* Keep this callout's outline label white; shared a:hover sets dark text. */
section[aria-labelledby="portal-promo-h"] .pp-btn-outline,
section[aria-labelledby="portal-promo-h"] .pp-btn-outline:is(:hover,:focus-visible,:active){color:#fff}
.mathis-app-visual{display:flex;align-items:center;justify-content:center;min-height:390px}.mathis-app-visual img{width:280px;max-width:100%;height:auto;object-fit:contain;transform:none}
.mathis-store-badges{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:25px 0}.mathis-store-badges img{width:180px;height:auto;max-height:60px;object-fit:contain}
.app-help-card{align-self:start;min-width:0;padding:clamp(24px,3vw,38px);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 2px 4px rgba(27,12,12,.05),0 12px 26px rgba(27,12,12,.04)}
.app-help-card h2{margin:0 0 18px;font-size:clamp(1.5rem,2.2vw,1.85rem)}
.app-help-card p{margin:0;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:1.05rem;line-height:1.7}
.app-help-card a{display:inline-block;min-height:44px;padding-block:7px;color:var(--brand);text-decoration:underline;text-underline-offset:3px;font-weight:600;white-space:nowrap}
.app-help-card a:is(:hover,:active){color:var(--brand-dark)}
.service-copy-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:54px;align-items:center}
.service-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.mathis-additional{margin-top:64px}.mathis-transfer{padding-top:32px}.mathis-transfer h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}
.transferApp iframe{border:0!important;width:100%;min-height:1100px}.transferApp{padding:0;border:0;box-shadow:none}
/* Keep policy help visible when its vendor is slow; reserve just enough space
   for stable initial paint. Both embeds grow to their complete loaded content. */
[data-cmp-policy]{min-height:300px}
.transferApp{min-height:420px}
/* A failed embed must not leave its loading reservation as empty page space. */
[data-cmp-policy].embed-failed,.transferApp.embed-failed{min-height:0}
.bio-row{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.bio-photo img{width:100%;max-width:420px;height:auto;border-radius:46% 46% 20px 20px}.bio-number{font-size:4rem;opacity:.15}.bio-text h3{font-size:2rem}
.policy-help{font-size:.9rem}.text-center{text-align:center}.reviews-track blockquote{margin-top:8px}
.homepage-services-action{margin-top:40px;margin-bottom:0}
.pharmacist-profile{margin:0;width:100%;max-width:460px;justify-self:center;border-radius:20px;overflow:hidden;background:#1b0c0c}
.pharmacist-profile .pharmacist-portrait{display:block;width:100%;height:auto}
.pharmacist-profile figcaption{padding:24px 28px;border-top:2px solid #e3c787}
.pharmacist-profile .kicker{color:#e3c787;margin:0 0 8px}
.pharmacist-profile h2{color:#fffcfc;margin:0;font-size:clamp(1.65rem,2.5vw,2rem);line-height:1.25}
.pharmacist-profile .pharmacist-role{color:#ead6a7;margin:8px 0 0;font-size:1rem}
/* Static recognition highlight; no invented award seal or awarding body. */
.recognition-banner{background:#1b0c0c;color:#fffcfc;border-top:2px solid #e3c787}
.recognition-banner>.wrap{display:grid;grid-template-columns:40px minmax(0,2fr) minmax(0,1fr);gap:28px;align-items:center;padding-block:38px}
.recognition-symbol{color:#e3c787;align-self:start;padding-top:5px}
.recognition-symbol svg{width:36px;height:36px}
.recognition-banner .kicker{color:#e3c787;margin:0 0 10px}
.recognition-banner h2{color:#fffcfc;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.25;margin:0;max-width:640px}
.recognition-thanks{margin:0;padding-left:28px;border-left:1px solid #765f43;color:#ead6a7;font-size:1rem;line-height:1.6}
@media(max-width:767px){
  .recognition-banner>.wrap{grid-template-columns:28px minmax(0,1fr);gap:14px 18px;padding-block:28px}
  .recognition-symbol svg{width:28px;height:28px}
  .recognition-thanks{grid-column:2;padding:0;border:0;font-size:.95rem}
}
/* Equal-height specialty cards per desktop row without clipping expanded copy. */
@media(min-width:768px){
  #compounding-specialties .specialties-grid{align-items:stretch}
  #compounding-specialties .specialty-card:not([open])>summary{height:100%}
  #compounding-specialties .specialty-summary{display:flex;flex-direction:column;align-self:stretch}
  #compounding-specialties .specialty-prompt{margin-top:auto;padding-top:14px}
}
.gift-promo .kicker-brand{color:var(--brand)}
[data-cmp-policy] .muted{color:#55494a!important}
.prose .breadcrumbs a{color:var(--brand)}
@media(max-width:1100px){.primary-nav a,.primary-nav button{font-size:12px}.header-ctas .btn{font-size:11px;padding:10px}.site-header .logo-link img{width:100px;height:100px}}
@media(max-width:760px){.service-copy-layout,.bio-row{grid-template-columns:1fr;gap:28px}.bio-photo img{max-width:320px}.site-header .logo-link img{width:88px;height:88px}.footer-logo{width:84px!important;height:84px!important}.mathis-app-visual{min-height:330px}.mathis-app-visual img{width:230px}.hero2 h1{font-size:2.25rem}.service-photo{order:2}.hero2-stats strong{font-size:1rem}}