/* Localised, text-based hero badge. */
.clinical-home .maternal-badge {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    max-width: 100%;
    margin-bottom: 26px;
    padding: 9px 24px 9px 9px;
    border: 1px solid #d6e7df;
    border-radius: 999px;
    background: linear-gradient(120deg, #eff9f3, #fffdf7);
    box-shadow: 0 6px 24px #234e3910, inset 0 1px 0 #fff;
    color: #315d4a;
    font-family: "Nunito", "Avenir Next", system-ui, sans-serif;
}
.maternal-badge__seal {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 1px solid #97c9ad;
    border-radius: 50%;
    background: linear-gradient(145deg, #d9f4e5, #b9e3cd);
    box-shadow: inset 0 0 0 4px #eaf7ef, 0 2px 5px #234e3910;
    color: #24523c;
    font-family: "Lora", Georgia, serif;
    font-size: 22px;
    font-style: italic;
    letter-spacing: -1px;
}
.maternal-badge__copy {
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
}
.maternal-badge__copy strong {
    display: block;
    font-size: 15px;
    font-weight: 800;
}
@media (max-width: 480px) {
    .clinical-home .maternal-badge { gap: 11px; padding-right: 18px; }
    .maternal-badge__copy strong { font-size: 14px; }
}

@media (max-width: 700px) {
    .clinical-home .clinical-hero .hero-copy { padding-top: 8px; }
    .clinical-home .clinical-hero .hero-content { padding-top: 38px; }
    .clinical-home .maternal-badge { margin-bottom: 22px; }
    .clinical-home .hero-cohort-visual { margin-top: -24px; }
    .clinical-home .hero-store-button { gap: 10px; padding-inline: 18px; }
    .clinical-home .hero-store-button__overline { font-size: 9px; white-space: nowrap; }
    .clinical-home .cbt-duration-intro { max-width: 100%; flex-wrap: wrap; }
    .clinical-home .cbt-duration-intro strong { white-space: normal; }
}

@media (max-width: 360px) {
    .clinical-home .maternal-badge { gap: 9px; padding-right: 14px; }
    .maternal-badge__copy { font-size: 12px; }
    .maternal-badge__copy strong { font-size: 13px; }
    .clinical-home .hero-store-button { padding-inline: 12px; gap: 8px; }
    .clinical-home .hero-store-button__overline { font-size: 8px; }
}