/* =========================================================
   ADI YOGPEETH
   PRENATAL YOGA TEACHER TRAINING
   COURSE PAGE CSS

   Matches:
   course-prenatal.php

   IMPORTANT:
   Calendar styling remains in:
   course-prenatal-calendar.css
   ========================================================= */


/* =========================================================
   01. PAGE VARIABLES
   ========================================================= */

.prenatal-course-page {

    --p-green: #173f32;
    --p-green-dark: #0d3025;
    --p-green-light: #285847;

    --p-gold: #b88943;
    --p-gold-light: #d6b77c;

    --p-cream: #f7f3eb;
    --p-cream-dark: #eee8dc;

    --p-white: #ffffff;
    --p-text: #303532;
    --p-muted: #6f746f;

    --p-border: #e6e0d5;

    --p-radius: 8px;

    --p-shadow:
        0 8px 25px rgba(26, 51, 42, .055);

    --p-shadow-hover:
        0 14px 35px rgba(26, 51, 42, .10);

    color: var(--p-text);

    background: var(--p-white);

    font-family:
        var(--font-body,
        "Inter",
        Arial,
        sans-serif);

    font-size: 14px;

    line-height: 1.6;
}


/* =========================================================
   02. RESET INSIDE COURSE
   ========================================================= */

.prenatal-course-page *,
.prenatal-course-page *::before,
.prenatal-course-page *::after {

    box-sizing: border-box;
}


.prenatal-course-page img {

    display: block;

    max-width: 100%;
}


.prenatal-course-page a {

    color: inherit;

    text-decoration: none;
}


.prenatal-course-page button,
.prenatal-course-page input,
.prenatal-course-page select {

    font: inherit;
}


/* =========================================================
   03. MAIN CONTAINER
   ========================================================= */

.prenatal-page-container {

    width:
        min(
            calc(100% - 42px),
            1180px
        );

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   04. HERO
   ========================================================= */

.prenatal-hero {

    position: relative;

    min-height: 350px;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            #fbfaf6 0%,
            #f8f5ee 42%,
            #eee7dc 100%
        );
}


.prenatal-hero__inner {

    width:
        min(
            calc(100% - 42px),
            1180px
        );

    min-height: 350px;

    margin-left: auto;
    margin-right: auto;

    display: grid;

    grid-template-columns:
        52%
        48%;

    align-items: stretch;
}


/* =========================================================
   HERO CONTENT
   ========================================================= */

.prenatal-hero__content {

    position: relative;

    z-index: 3;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        35px
        20px
        35px
        0;
}


.prenatal-breadcrumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 16px;

    color: #777b76;

    font-size: 9px;

    line-height: 1.3;
}


.prenatal-breadcrumb strong {

    color: var(--p-green);

    font-weight: 600;
}


/* =========================================================
   HERO EYEBROW
   ========================================================= */

.prenatal-hero__eyebrow {

    display: inline-block;

    width: fit-content;

    margin-bottom: 8px;

    color: var(--p-gold);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .13em;

    text-transform: uppercase;
}


/* =========================================================
   HERO TITLE
   ========================================================= */

.prenatal-hero h1 {

    max-width: 590px;

    margin:
        0
        0
        12px;

    color: var(--p-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            38px,
            4.4vw,
            58px
        );

    font-weight: 400;

    line-height: 1.03;

    letter-spacing: -.025em;
}


/* =========================================================
   HERO DESCRIPTION
   ========================================================= */

.prenatal-hero__description {

    max-width: 510px;

    margin:
        0
        0
        17px;

    color: #4f5551;

    font-size: 11px;

    line-height: 1.65;
}


/* =========================================================
   HERO FACTS
   ========================================================= */

.prenatal-hero__facts {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 7px;

    max-width: 600px;

    margin-bottom: 17px;
}


.prenatal-hero__fact {

    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 0;
}


.prenatal-hero__fact-icon {

    flex:
        0 0 25px;

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(184, 137, 67, .65);

    border-radius: 50%;

    color: var(--p-gold);

    font-size: 12px;
}


.prenatal-hero__fact small {

    display: block;

    margin-bottom: 1px;

    color: #777b76;

    font-size: 7px;

    line-height: 1.2;
}


.prenatal-hero__fact strong {

    display: block;

    color: var(--p-green);

    font-size: 9px;

    font-weight: 700;

    line-height: 1.3;
}


/* =========================================================
   HERO BUTTONS
   ========================================================= */

.prenatal-hero__actions {

    display: flex;

    align-items: center;

    gap: 9px;

    flex-wrap: wrap;
}


.prenatal-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 37px;

    padding:
        8px
        18px;

    border:
        1px solid
        transparent;

    border-radius: 4px;

    font-size: 9px;

    font-weight: 700;

    line-height: 1;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.prenatal-btn:hover {

    transform:
        translateY(-1px);
}


.prenatal-btn--primary {

    background:
        var(--p-green);

    border-color:
        var(--p-green);

    color:
        #fff;
}


.prenatal-btn--primary:hover {

    background:
        var(--p-green-dark);

    border-color:
        var(--p-green-dark);

    color:
        #fff;
}


.prenatal-btn--outline {

    background:
        rgba(255,255,255,.65);

    border-color:
        #aeb4ad;

    color:
        var(--p-green);
}


.prenatal-btn--outline:hover {

    border-color:
        var(--p-green);

    background:
        #fff;
}


/* =========================================================
   HERO VISUAL
   ========================================================= */

.prenatal-hero__visual {

    position: relative;

    min-height: 350px;

    overflow: hidden;
}


.prenatal-hero__visual::before {

    content: "";

    position: absolute;

    z-index: 2;

    left: -70px;

    top: 0;

    bottom: 0;

    width: 180px;

    background:
        linear-gradient(
            90deg,
            #f8f5ee 0%,
            rgba(248,245,238,.85) 30%,
            rgba(248,245,238,0) 100%
        );

    pointer-events: none;
}


.prenatal-hero__visual > img {

    width: 100%;

    height: 100%;

    min-height: 350px;

    object-fit: cover;

    object-position: center;
}


/* =========================================================
   HERO BADGE
   ========================================================= */

.prenatal-hero__badge {

    position: absolute;

    z-index: 5;

    right: 28px;

    bottom: 22px;

    width: 62px;

    height: 62px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border:
        2px solid
        rgba(255,255,255,.95);

    border-radius: 50%;

    background:
        rgba(36, 31, 22, .28);

    color:
        #fff;

    text-align: center;

    line-height: 1;
}


.prenatal-hero__badge strong {

    font-size: 10px;

    font-weight: 800;
}


.prenatal-hero__badge span {

    margin: 2px 0;

    font-family:
        Georgia,
        serif;

    font-size: 14px;

    font-weight: 700;
}


.prenatal-hero__badge small {

    font-size: 5px;

    letter-spacing: .08em;
}


/* =========================================================
   05. INFORMATION STRIP
   ========================================================= */

.prenatal-info-strip {

    background:
        var(--p-green);

    color: #fff;
}


.prenatal-info-strip__inner {

    width:
        min(
            calc(100% - 42px),
            1180px
        );

    min-height: 59px;

    margin:
        0
        auto;

    display:
        grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1px
        1fr;

    align-items:
        center;

    gap:
        20px;
}


.prenatal-info-strip__inner > div {

    text-align:
        center;
}


.prenatal-info-strip small {

    display:
        block;

    margin-bottom:
        1px;

    color:
        rgba(255,255,255,.68);

    font-size:
        8px;

    line-height:
        1.2;
}


.prenatal-info-strip strong {

    display:
        block;

    color:
        #fff;

    font-family:
        Georgia,
        serif;

    font-size:
        13px;

    font-weight:
        400;

    line-height:
        1.3;
}


.prenatal-info-strip__divider {

    width:
        1px;

    height:
        25px;

    background:
        rgba(255,255,255,.27);
}


/* =========================================================
   06. ABOUT SECTION
   ========================================================= */

.prenatal-about {

    padding:
        27px
        0;

    background:
        #fff;
}


.prenatal-about
.prenatal-page-container {

    display:
        grid;

    grid-template-columns:
        167px
        225px
        minmax(0,1fr);

    gap:
        22px;

    align-items:
        start;
}


.prenatal-about__image {

    height:
        195px;

    overflow:
        hidden;

    border-radius:
        4px;
}


.prenatal-about__image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}


.prenatal-about__content h2,
.prenatal-learning h2 {

    margin:
        0
        0
        11px;

    color:
        var(--p-green);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        21px;

    font-weight:
        400;

    line-height:
        1.2;
}


.prenatal-about__content p {

    margin:
        0
        0
        9px;

    color:
        #5e635f;

    font-size:
        9px;

    line-height:
        1.65;
}


.prenatal-learning {

    min-width:
        0;
}


.prenatal-learning__grid {

    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap:
        7px;
}


.prenatal-learning__card {

    min-height:
        70px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    padding:
        8px;

    border:
        1px solid
        #eee8df;

    border-radius:
        5px;

    background:
        #fcfaf6;

    text-align:
        center;
}


.prenatal-learning__icon {

    width:
        24px;

    height:
        24px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        5px;

    color:
        var(--p-green);

    font-size:
        16px;
}


.prenatal-learning__card strong {

    max-width:
        105px;

    color:
        #414743;

    font-size:
        7px;

    font-weight:
        600;

    line-height:
        1.35;
}


/* =========================================================
   07. ACADEMIC SECTION
   ========================================================= */

.prenatal-academic {

    padding:
        0
        0
        12px;

    background:
        #fff;
}


.prenatal-academic__grid {

    display:
        grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        14px;
}


/* =========================================================
   COMMON PANEL
   ========================================================= */

.prenatal-panel {

    min-width:
        0;

    border:
        1px solid
        var(--p-border);

    border-radius:
        7px;

    background:
        #fcfaf6;

    overflow:
        hidden;
}


.prenatal-panel > h2 {

    margin:
        0;

    padding:
        13px
        16px;

    color:
        #242b27;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1.2;
}


.prenatal-panel > h2 em {

    color:
        var(--p-green);

    font-style:
        normal;

    font-size:
        14px;
}


/* =========================================================
   CURRICULUM
   ========================================================= */

.prenatal-curriculum-list {

    border-top:
        1px solid
        #ebe5dc;
}


.prenatal-curriculum-item {

    border-bottom:
        1px solid
        #e9e3da;
}


.prenatal-curriculum-item:last-child {

    border-bottom:
        0;
}


.prenatal-curriculum-item summary {

    min-height:
        28px;

    display:
        grid;

    grid-template-columns:
        19px
        1fr
        18px;

    align-items:
        center;

    gap:
        4px;

    padding:
        5px
        13px;

    cursor:
        pointer;

    list-style:
        none;
}


.prenatal-curriculum-item
summary::-webkit-details-marker {

    display:
        none;
}


.prenatal-curriculum-item summary span {

    color:
        var(--p-gold);

    font-size:
        8px;

    font-weight:
        700;
}


.prenatal-curriculum-item summary strong {

    color:
        #444a46;

    font-size:
        8.5px;

    font-weight:
        600;

    line-height:
        1.35;
}


.prenatal-curriculum-item summary b {

    color:
        var(--p-gold);

    font-size:
        12px;

    font-weight:
        500;

    text-align:
        right;

    transition:
        transform .2s ease;
}


.prenatal-curriculum-item[open]
summary b {

    transform:
        rotate(180deg);
}


.prenatal-curriculum-item__content {

    padding:
        3px
        35px
        10px;
}


.prenatal-curriculum-item__content ul {

    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.prenatal-curriculum-item__content li {

    position:
        relative;

    padding:
        2px
        0
        2px
        12px;

    color:
        var(--p-muted);

    font-size:
        8px;

    line-height:
        1.5;
}


.prenatal-curriculum-item__content li::before {

    content:
        "•";

    position:
        absolute;

    left:
        0;

    color:
        var(--p-gold);
}


/* =========================================================
   DAILY SCHEDULE
   ========================================================= */

.prenatal-schedule {

    padding:
        3px
        15px
        13px;
}


.prenatal-schedule__row {

    min-height:
        27px;

    display:
        grid;

    grid-template-columns:
        100px
        25px
        1fr;

    align-items:
        center;

    border-bottom:
        1px solid
        rgba(229,224,215,.55);
}


.prenatal-schedule__row:last-child {

    border-bottom:
        0;
}


.prenatal-schedule__row time {

    color:
        #8b6634;

    font-size:
        8px;

    font-weight:
        600;
}


.prenatal-schedule__dot {

    position:
        relative;

    width:
        7px;

    height:
        7px;

    margin:
        0
        auto;

    border-radius:
        50%;

    background:
        #efb67e;
}


.prenatal-schedule__dot::before {

    content:
        "";

    position:
        absolute;

    z-index:
        -1;

    top:
        -12px;

    left:
        3px;

    width:
        1px;

    height:
        31px;

    background:
        #e4ddd3;
}


.prenatal-schedule__row:first-child
.prenatal-schedule__dot::before {

    top:
        3px;

    height:
        15px;
}


.prenatal-schedule__row:last-child
.prenatal-schedule__dot::before {

    height:
        13px;
}


.prenatal-schedule__row strong {

    color:
        #4e544f;

    font-size:
        8.5px;

    font-weight:
        500;
}


/* =========================================================
   08. CALENDAR + ACCOMMODATION
   ========================================================= */

.prenatal-booking-section {

    padding:
        0
        0
        13px;

    background:
        #fff;
}


.prenatal-booking-grid {

    display:
        grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        14px;

    align-items:
        stretch;
}


/* =========================================================
   CALENDAR PANEL
   ========================================================= */

.prenatal-calendar-panel {

    min-width:
        0;

    border:
        1px solid
        var(--p-border);

    border-radius:
        7px;

    background:
        #fcfaf6;

    overflow:
        hidden;
}


.prenatal-calendar-panel__header {

    padding:
        13px
        16px
        6px;
}


.prenatal-calendar-panel__header h2 {

    margin:
        0;

    color:
        #242b27;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        18px;

    font-weight:
        400;
}


.prenatal-calendar-error {

    margin:
        15px;

    padding:
        15px;

    border:
        1px solid
        #e4c8c8;

    border-radius:
        5px;

    background:
        #fff7f7;

    color:
        #9a4444;

    font-size:
        11px;
}


/* =========================================================
   ACCOMMODATION PANEL
   ========================================================= */

.prenatal-accommodation-panel {

    min-width:
        0;

    padding:
        0;

    border:
        1px solid
        var(--p-border);

    border-radius:
        7px;

    background:
        #fcfaf6;

    overflow:
        hidden;
}


.prenatal-accommodation-panel__header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    padding:
        13px
        16px
        9px;
}


.prenatal-accommodation-panel__header h2 {

    margin:
        0;

    color:
        #242b27;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        18px;

    font-weight:
        400;
}


.prenatal-accommodation-panel__header a {

    color:
        var(--p-green);

    font-size:
        7px;

    font-weight:
        700;

    text-decoration:
        underline;
}


/* =========================================================
   ROOM GRID
   ========================================================= */

.prenatal-room-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        6px;

    padding:
        0
        10px;
}


.prenatal-room {

    position:
        relative;

    min-width:
        0;

    border:
        1px solid
        #e4ded5;

    border-radius:
        4px;

    background:
        #fff;

    overflow:
        hidden;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.prenatal-room:hover {

    transform:
        translateY(-2px);

    box-shadow:
        var(--p-shadow);
}


.prenatal-room__image {

    height:
        77px;

    overflow:
        hidden;
}


.prenatal-room__image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}


.prenatal-room__body {

    padding:
        7px;

    text-align:
        center;
}


.prenatal-room__body h3 {

    min-height:
        21px;

    margin:
        0
        0
        2px;

    color:
        #424844;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7.5px;

    font-weight:
        600;

    line-height:
        1.35;
}


.prenatal-room__price {

    display:
        flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        3px;
}


.prenatal-room__price span {

    width:
        100%;

    color:
        #777b76;

    font-size:
        6px;
}


.prenatal-room__price strong {

    color:
        var(--p-green);

    font-size:
        9px;

    font-weight:
        700;
}


.prenatal-room__price del {

    color:
        #9a9d99;

    font-size:
        6.5px;
}


/* =========================================================
   ROOM RECOMMENDED
   ========================================================= */

.prenatal-room__badge {

    position:
        absolute;

    z-index:
        4;

    top:
        4px;

    right:
        4px;

    padding:
        3px
        5px;

    border-radius:
        2px;

    background:
        var(--p-gold);

    color:
        #fff;

    font-size:
        5px;

    font-weight:
        700;
}


.prenatal-room.is-recommended {

    border-color:
        rgba(184,137,67,.45);
}


/* =========================================================
   ACCOMMODATION FEATURES
   ========================================================= */

.prenatal-accommodation-features {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-around;

    gap:
        7px;

    margin-top:
        10px;

    padding:
        9px
        12px;

    border-top:
        1px solid
        #e7e1d8;
}


.prenatal-accommodation-features span {

    color:
        #626964;

    font-size:
        7px;

    white-space:
        nowrap;
}


/* =========================================================
   09. CERTIFICATION + WHO CAN JOIN
   ========================================================= */

.prenatal-support {

    padding:
        0
        0
        13px;

    background:
        #fff;
}


.prenatal-support__grid {

    display:
        grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        14px;
}


.prenatal-support-card {

    position:
        relative;

    min-height:
        130px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding:
        20px;

    border:
        1px solid
        var(--p-border);

    border-radius:
        7px;

    background:
        #fcfaf6;

    overflow:
        hidden;
}


.prenatal-support-card h2 {

    margin:
        0
        0
        13px;

    color:
        #242b27;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        18px;

    font-weight:
        400;
}


.prenatal-certification-card p {

    max-width:
        280px;

    margin:
        0;

    color:
        #636863;

    font-size:
        8.5px;

    line-height:
        1.65;
}


/* =========================================================
   CERTIFICATE MARK
   ========================================================= */

.prenatal-certificate-mark {

    flex:
        0 0 64px;

    width:
        64px;

    height:
        64px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    border:
        2px solid
        #b95427;

    border-radius:
        50%;

    color:
        #b95427;

    text-align:
        center;
}


.prenatal-certificate-mark strong {

    font-size:
        7px;

    line-height:
        1;
}


.prenatal-certificate-mark span {

    margin:
        2px 0;

    font-family:
        Georgia,
        serif;

    font-size:
        15px;

    font-weight:
        700;

    line-height:
        1;
}


.prenatal-certificate-mark small {

    font-size:
        5px;

    letter-spacing:
        .08em;
}


/* =========================================================
   WHO CAN JOIN
   ========================================================= */

.prenatal-who-card ul {

    display:
        grid;

    gap:
        6px;

    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.prenatal-who-card li {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        7px;

    color:
        #555c57;

    font-size:
        8.5px;

    line-height:
        1.4;
}


.prenatal-who-card li span {

    color:
        #d18739;

    font-weight:
        800;
}


.prenatal-who-icon {

    flex:
        0 0 60px;

    width:
        60px;

    height:
        90px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #d6bd93;

    font-family:
        Georgia,
        serif;

    font-size:
        50px;

    opacity:
        .75;
}


/* =========================================================
   10. FAQ
   ========================================================= */

.prenatal-faq {

    padding:
        10px
        0
        28px;

    background:
        #fff;
}


.prenatal-faq
.prenatal-page-container > h2 {

    margin:
        0
        0
        14px;

    color:
        #242b27;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        20px;

    font-weight:
        400;
}


.prenatal-faq__grid {

    display:
        grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        6px
        14px;
}


.prenatal-faq__item {

    border:
        1px solid
        #e7e1d8;

    border-radius:
        4px;

    background:
        #fcfaf6;

    overflow:
        hidden;
}


.prenatal-faq__item summary {

    min-height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    padding:
        6px
        10px;

    cursor:
        pointer;

    list-style:
        none;

    color:
        #454b47;

    font-size:
        8px;

    font-weight:
        600;
}


.prenatal-faq__item
summary::-webkit-details-marker {

    display:
        none;
}


.prenatal-faq__item summary b {

    color:
        var(--p-gold);

    font-size:
        11px;

    font-weight:
        400;

    transition:
        transform .2s ease;
}


.prenatal-faq__item[open]
summary b {

    transform:
        rotate(180deg);
}


.prenatal-faq__answer {

    padding:
        0
        10px
        9px;
}


.prenatal-faq__answer p {

    margin:
        0;

    color:
        var(--p-muted);

    font-size:
        7.5px;

    line-height:
        1.55;
}


/* =========================================================
   11. FINAL CTA
   ========================================================= */

.prenatal-final-cta {

    position:
        relative;

    min-height:
        115px;

    display:
        flex;

    align-items:
        center;

    background:
        linear-gradient(
            90deg,
            #10392b,
            #173f32 60%,
            #0f3025
        );

    overflow:
        hidden;
}


.prenatal-final-cta::after {

    content:
        "";

    position:
        absolute;

    right:
        -60px;

    top:
        -40px;

    width:
        280px;

    height:
        190px;

    background:
        radial-gradient(
            ellipse,
            rgba(255,255,255,.12),
            rgba(255,255,255,0) 68%
        );
}


.prenatal-final-cta__inner {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    padding:
        24px
        0;
}


.prenatal-final-cta__content {

    max-width:
        620px;
}


.prenatal-final-cta h2 {

    margin:
        0
        0
        5px;

    color:
        #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        24px;

    font-weight:
        400;

    line-height:
        1.2;
}


.prenatal-final-cta p {

    margin:
        0;

    color:
        rgba(255,255,255,.72);

    font-size:
        8.5px;

    line-height:
        1.55;
}


.prenatal-final-cta__actions {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    flex:
        0 0 auto;
}


.prenatal-btn--gold {

    background:
        #c18e3e;

    border-color:
        #c18e3e;

    color:
        #fff;
}


.prenatal-btn--gold:hover {

    background:
        #a97830;

    border-color:
        #a97830;

    color:
        #fff;
}


.prenatal-btn--light {

    background:
        transparent;

    border-color:
        rgba(255,255,255,.6);

    color:
        #fff;
}


.prenatal-btn--light:hover {

    background:
        rgba(255,255,255,.08);

    border-color:
        #fff;

    color:
        #fff;
}


/* =========================================================
   12. CALENDAR COMPATIBILITY
   ========================================================= */

/*
 * The calendar is loaded by course-prenatal-calendar.php.

 * These rules intentionally do not style its internal
 * calendar cells, because those belong to:
 *
 * course-prenatal-calendar.css
 */

#course-calendar {

    scroll-margin-top:
        90px;
}


.prenatal-calendar-panel
.prenatal-calendar {

    width:
        100%;
}


/* =========================================================
   13. DESKTOP LARGE
   ========================================================= */

@media (min-width: 1400px) {

    .prenatal-hero__inner,
    .prenatal-info-strip__inner,
    .prenatal-page-container {

        width:
            min(
                calc(100% - 60px),
                1180px
            );
    }


    .prenatal-hero {

        min-height:
            390px;
    }


    .prenatal-hero__inner,
    .prenatal-hero__visual {

        min-height:
            390px;
    }


    .prenatal-hero__visual > img {

        min-height:
            390px;
    }

}


/* =========================================================
   14. TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .prenatal-hero__inner {

        grid-template-columns:
            50%
            50%;
    }


    .prenatal-hero h1 {

        font-size:
            43px;
    }


    .prenatal-hero__facts {

        grid-template-columns:
            repeat(2, 1fr);

        row-gap:
            9px;
    }


    .prenatal-about
    .prenatal-page-container {

        grid-template-columns:
            150px
            210px
            1fr;

        gap:
            15px;
    }


    .prenatal-learning__grid {

        grid-template-columns:
            repeat(2, 1fr);
    }


    .prenatal-room-grid {

        grid-template-columns:
            repeat(3, 1fr);
    }


    .prenatal-accommodation-features {

        flex-wrap:
            wrap;
    }

}


/* =========================================================
   15. TABLET / SMALL LAPTOP
   ========================================================= */

@media (max-width: 800px) {

    .prenatal-page-container,
    .prenatal-hero__inner,
    .prenatal-info-strip__inner {

        width:
            calc(100% - 30px);
    }


    .prenatal-hero__inner {

        grid-template-columns:
            1fr;
    }


    .prenatal-hero__content {

        padding:
            35px
            0
            25px;
    }


    .prenatal-hero__visual {

        min-height:
            330px;

        max-height:
            400px;
    }


    .prenatal-hero__visual > img {

        min-height:
            330px;
    }


    .prenatal-hero__visual::before {

        left:
            0;

        top:
            -40px;

        width:
            100%;

        height:
            120px;

        background:
            linear-gradient(
                180deg,
                #f8f5ee,
                rgba(248,245,238,0)
            );
    }


    .prenatal-about
    .prenatal-page-container {

        grid-template-columns:
            150px
            1fr;
    }


    .prenatal-learning {

        grid-column:
            1 / -1;
    }


    .prenatal-academic__grid,
    .prenatal-booking-grid,
    .prenatal-support__grid {

        grid-template-columns:
            1fr;
    }


    .prenatal-room-grid {

        grid-template-columns:
            repeat(3, 1fr);
    }


    .prenatal-final-cta__inner {

        flex-direction:
            column;

        align-items:
            flex-start;
    }

}


/* =========================================================
   16. MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .prenatal-page-container,
    .prenatal-hero__inner,
    .prenatal-info-strip__inner {

        width:
            calc(100% - 24px);
    }


    /* ---------------------------------------------
       HERO
       --------------------------------------------- */

    .prenatal-hero__content {

        padding:
            25px
            0
            20px;
    }


    .prenatal-breadcrumb {

        margin-bottom:
            12px;

        font-size:
            8px;
    }


    .prenatal-hero h1 {

        font-size:
            37px;

        line-height:
            1.05;
    }


    .prenatal-hero__description {

        font-size:
            10px;
    }


    .prenatal-hero__facts {

        grid-template-columns:
            1fr 1fr;

        gap:
            10px;
    }


    .prenatal-hero__fact-icon {

        flex-basis:
            22px;

        width:
            22px;

        height:
            22px;

        font-size:
            10px;
    }


    .prenatal-hero__fact small {

        font-size:
            6px;
    }


    .prenatal-hero__fact strong {

        font-size:
            8px;
    }


    .prenatal-hero__actions {

        display:
            grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            6px;
    }


    .prenatal-btn {

        min-height:
            38px;

        padding:
            7px
            10px;

        font-size:
            8px;
    }


    .prenatal-hero__visual {

        min-height:
            280px;

        max-height:
            330px;
    }


    .prenatal-hero__visual > img {

        min-height:
            280px;
    }


    .prenatal-hero__badge {

        right:
            13px;

        bottom:
            13px;

        width:
            53px;

        height:
            53px;
    }


    /* ---------------------------------------------
       INFORMATION STRIP
       --------------------------------------------- */

    .prenatal-info-strip__inner {

        grid-template-columns:
            repeat(2, 1fr);

        gap:
            0;

        padding:
            8px
            0;
    }


    .prenatal-info-strip__inner > div {

        padding:
            7px
            3px;
    }


    .prenatal-info-strip__divider {

        display:
            none;
    }


    .prenatal-info-strip small {

        font-size:
            6px;
    }


    .prenatal-info-strip strong {

        font-size:
            10px;
    }


    /* ---------------------------------------------
       ABOUT
       --------------------------------------------- */

    .prenatal-about {

        padding:
            20px
            0;
    }


    .prenatal-about
    .prenatal-page-container {

        grid-template-columns:
            1fr;
    }


    .prenatal-about__image {

        height:
            230px;
    }


    .prenatal-about__content h2,
    .prenatal-learning h2 {

        font-size:
            20px;
    }


    .prenatal-about__content p {

        font-size:
            9px;
    }


    .prenatal-learning__grid {

        grid-template-columns:
            repeat(2, 1fr);
    }


    /* ---------------------------------------------
       ACADEMIC
       --------------------------------------------- */

    .prenatal-academic {

        padding-bottom:
            10px;
    }


    .prenatal-academic__grid,
    .prenatal-booking-grid,
    .prenatal-support__grid {

        gap:
            10px;
    }


    .prenatal-panel > h2,
    .prenatal-calendar-panel__header h2,
    .prenatal-accommodation-panel__header h2 {

        font-size:
            17px;
    }


    .prenatal-schedule__row {

        grid-template-columns:
            83px
            20px
            1fr;
    }


    .prenatal-schedule__row time {

        font-size:
            7px;
    }


    .prenatal-schedule__row strong {

        font-size:
            8px;
    }


    /* ---------------------------------------------
       ACCOMMODATION
       --------------------------------------------- */

    .prenatal-room-grid {

        grid-template-columns:
            repeat(3, 1fr);

        gap:
            4px;

        padding:
            0
            6px;
    }


    .prenatal-room__image {

        height:
            65px;
    }


    .prenatal-room__body {

        padding:
            5px
            3px;
    }


    .prenatal-room__body h3 {

        font-size:
            6.5px;
    }


    .prenatal-room__price strong {

        font-size:
            8px;
    }


    .prenatal-accommodation-features {

        display:
            grid;

        grid-template-columns:
            1fr 1fr;

        padding:
            8px;
    }


    .prenatal-accommodation-features span {

        font-size:
            6.5px;
    }


    /* ---------------------------------------------
       SUPPORT
       --------------------------------------------- */

    .prenatal-support-card {

        min-height:
            120px;

        padding:
            16px;
    }


    .prenatal-support-card h2 {

        font-size:
            17px;
    }


    .prenatal-who-card li {

        font-size:
            7.5px;
    }


    /* ---------------------------------------------
       FAQ
       --------------------------------------------- */

    .prenatal-faq__grid {

        grid-template-columns:
            1fr;
    }


    .prenatal-faq
    .prenatal-page-container > h2 {

        font-size:
            19px;
    }


    /* ---------------------------------------------
       FINAL CTA
       --------------------------------------------- */

    .prenatal-final-cta__inner {

        padding:
            25px
            0;
    }


    .prenatal-final-cta h2 {

        font-size:
            22px;
    }


    .prenatal-final-cta p {

        font-size:
            8px;
    }


    .prenatal-final-cta__actions {

        width:
            100%;

        display:
            grid;

        grid-template-columns:
            1fr 1fr;
    }


    .prenatal-final-cta__actions .prenatal-btn {

        width:
            100%;
    }

}


/* =========================================================
   17. SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .prenatal-hero h1 {

        font-size:
            33px;
    }


    .prenatal-hero__actions {

        grid-template-columns:
            1fr;
    }


    .prenatal-learning__card {

        min-height:
            67px;
    }


    .prenatal-room__image {

        height:
            58px;
    }


    .prenatal-room__body h3 {

        min-height:
            18px;

        font-size:
            6px;
    }

}


/* =========================================================
   18. ACCESSIBILITY
   ========================================================= */

.prenatal-course-page
a:focus-visible,
.prenatal-course-page
summary:focus-visible,
.prenatal-course-page
button:focus-visible {

    outline:
        2px solid
        var(--p-gold);

    outline-offset:
        2px;
}


/* =========================================================
   19. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .prenatal-course-page *,
    .prenatal-course-page *::before,
    .prenatal-course-page *::after {

        transition:
            none !important;

        animation:
            none !important;
    }

}

/* =========================================================
   20. FINAL PRENATAL PAGE UPDATE
   ---------------------------------------------------------
   Built on the existing course-prenatal.css.
   Existing structure is preserved; these rules override
   the previous ultra-small typography and compact room
   styling.

   Updates:
   • Minimum readable text: 12px
   • Paragraph text: 14px
   • Headings clearly larger
   • Accommodation panel stretches to calendar height
   • Room cards are taller
   • Prices are highlighted
   • Occupancy and amenities are supported
   ========================================================= */

.prenatal-course-page {
    font-size: 14px;
}

.prenatal-course-page p {
    font-size: 14px;
    line-height: 1.65;
}

.prenatal-course-page small,
.prenatal-course-page label {
    font-size: 12px;
    line-height: 1.4;
}

.prenatal-breadcrumb,
.prenatal-hero__eyebrow {
    font-size: 12px;
}

.prenatal-hero__description {
    font-size: 14px;
    line-height: 1.65;
}

.prenatal-hero__fact small {
    font-size: 12px;
}

.prenatal-hero__fact strong {
    font-size: 13px;
}

.prenatal-btn {
    min-height: 42px;
    padding: 10px 18px;
    font-size: 12px;
}

.prenatal-info-strip small {
    font-size: 12px;
}

.prenatal-info-strip strong {
    font-size: 17px;
}

.prenatal-about__content h2,
.prenatal-learning h2 {
    font-size: 27px;
}

.prenatal-about__content p {
    font-size: 14px;
}

.prenatal-learning__card strong {
    font-size: 12px;
}

.prenatal-panel > h2 {
    font-size: 25px;
}

.prenatal-panel > h2 em {
    font-size: 16px;
}

.prenatal-curriculum-item summary strong {
    font-size: 12px;
}

.prenatal-curriculum-item__content li {
    font-size: 12px;
}

.prenatal-schedule__row time,
.prenatal-schedule__row strong {
    font-size: 12px;
}


/* =========================================================
   BOOKING GRID / EQUAL HEIGHT
   ========================================================= */

.prenatal-booking-grid {
    align-items: stretch;
}

.prenatal-calendar-panel,
.prenatal-accommodation-panel {
    height: 100%;
    min-height: 100%;
}


/* =========================================================
   ACCOMMODATION PANEL
   ========================================================= */

.prenatal-accommodation-panel {
    display: flex;
    flex-direction: column;
}

.prenatal-accommodation-panel__header {
    flex: 0 0 auto;
    min-height: 62px;
    padding: 14px 16px 11px;
}

.prenatal-accommodation-panel__header h2 {
    font-size: 25px;
}

.prenatal-accommodation-panel__header a {
    font-size: 12px;
}


/* =========================================================
   ROOM GRID
   ========================================================= */

.prenatal-room-grid {
    flex: 0 0 auto;
    gap: 8px;
    padding: 0 10px 10px;
}

.prenatal-room {
    min-height: 285px;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
}

.prenatal-room__image {
    height: 112px;
    flex: 0 0 112px;
}

.prenatal-room__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 11px 9px;
}

.prenatal-room__body h3 {
    min-height: auto;
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1.25;
}


/* =========================================================
   ROOM OCCUPANCY
   ========================================================= */

.prenatal-room__occupancy {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    margin-bottom: 7px;
    color: #59635d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.prenatal-room__occupancy strong {
    color: var(--p-gold);
    font-weight: 800;
}


/* =========================================================
   ROOM DESCRIPTION
   ========================================================= */

.prenatal-room__description {
    margin: 0 0 8px;
    color: #6f746f;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}


/* =========================================================
   ROOM AMENITIES
   ========================================================= */

.prenatal-room__amenities {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 7px;
    margin: 3px 0 9px;
    padding: 8px 0;
    border-top: 1px solid #eee8df;
    border-bottom: 1px solid #eee8df;
}

.prenatal-room__amenity {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #626964;
    font-size: 12px;
    line-height: 1.3;
}

.prenatal-room__amenity-icon {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--p-gold);
    font-size: 12px;
}

.prenatal-room__amenity span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   ROOM PRICE
   ========================================================= */

.prenatal-room__price {
    margin-top: auto;
    min-height: 48px;
    padding: 7px 8px;
    gap: 6px;
    border: 1px solid rgba(184,137,67,.45);
    border-radius: 6px;
    background: linear-gradient(135deg, #fbf4e5, #f8efdd);
}

.prenatal-room__price span {
    width: 100%;
    color: #8a7b64;
    font-size: 12px;
}

.prenatal-room__price strong {
    color: var(--p-green);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
}

.prenatal-room__price del {
    color: #929690;
    font-size: 12px;
}

.prenatal-room__price strong::before {
    content: "$";
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    vertical-align: top;
    margin-right: 1px;
}


/* =========================================================
   RECOMMENDED ROOM
   ========================================================= */

.prenatal-room.is-recommended {
    border-color: rgba(184,137,67,.70);
    box-shadow: 0 6px 18px rgba(184,137,67,.10);
}

.prenatal-room__badge {
    padding: 5px 7px;
    font-size: 10px;
}


/* =========================================================
   ACCOMMODATION FEATURES
   ========================================================= */

.prenatal-accommodation-features {
    margin-top: auto;
    padding: 12px;
    gap: 8px;
    border-top: 1px solid #e7e1d8;
    background: #f8f5ee;
}

.prenatal-accommodation-features span {
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
}


/* Optional real HTML information strip */
.prenatal-accommodation-panel__info {
    margin: auto 10px 10px;
    padding: 9px 11px;
    border: 1px solid #e5dfd5;
    border-radius: 5px;
    background: #fff;
    color: #68716c;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}


/* =========================================================
   SUPPORT / FAQ / FINAL CTA
   ========================================================= */

.prenatal-support-card h2 {
    font-size: 25px;
}

.prenatal-certification-card p {
    font-size: 14px;
}

.prenatal-who-card li {
    font-size: 12px;
}

.prenatal-faq .prenatal-page-container > h2 {
    font-size: 27px;
}

.prenatal-faq__item summary {
    min-height: 42px;
    padding: 9px 12px;
    font-size: 12px;
}

.prenatal-faq__answer p {
    font-size: 14px;
}

.prenatal-final-cta h2 {
    font-size: 30px;
}

.prenatal-final-cta p {
    font-size: 14px;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 801px) {

    .prenatal-booking-grid {
        align-items: stretch;
    }

    .prenatal-calendar-panel,
    .prenatal-accommodation-panel {
        height: 100%;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 800px) {

    .prenatal-booking-grid {
        align-items: stretch;
    }

    .prenatal-accommodation-panel {
        height: auto;
        min-height: 0;
    }

    .prenatal-room__body h3 {
        font-size: 16px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .prenatal-hero__description,
    .prenatal-about__content p,
    .prenatal-faq__answer p,
    .prenatal-final-cta p {
        font-size: 14px;
    }

    .prenatal-room-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .prenatal-room {
        min-height: 0;
    }

    .prenatal-room__image {
        height: 150px;
        flex-basis: 150px;
    }

    .prenatal-room__body h3 {
        font-size: 18px;
    }

    .prenatal-room__occupancy,
    .prenatal-room__description,
    .prenatal-room__amenity {
        font-size: 12px;
    }

    .prenatal-room__price strong {
        font-size: 25px;
    }

    .prenatal-room__price del {
        font-size: 12px;
    }

    .prenatal-accommodation-features span {
        font-size: 12px;
    }

}

/* =========================================================
   20. CORRECTED ABOUT + LEARNING LAYOUT
   ---------------------------------------------------------
   IMPORTANT:
   The PHP does NOT contain a .prenatal-about-learning
   wrapper. The actual structure is:

   .prenatal-about
      .prenatal-page-container
         .prenatal-about__image
         .prenatal-about__content
         .prenatal-learning

   These rules target that real structure.
   ========================================================= */


/* =========================================================
   ABOUT SECTION — DESKTOP
   ========================================================= */

.prenatal-about
.prenatal-page-container {

    display: grid;

    /*
     * Image | About | Learning
     *
     * About is deliberately wider than the old 225px.
     */
    grid-template-columns:
        165px
        310px
        minmax(0, 1fr);

    gap:
        20px;

    align-items:
        start;
}


/* About image */
.prenatal-about__image {

    width: 100%;

    height:
        230px;

    overflow:
        hidden;

    border-radius:
        5px;
}


/* About content */
.prenatal-about__content {

    min-width:
        0;
}


.prenatal-about__content h2 {

    margin:
        0 0 12px;

    font-size:
        28px;

    line-height:
        1.12;
}


.prenatal-about__content p {

    margin:
        0 0 11px;

    color:
        #5e635f;

    font-size:
        14px;

    line-height:
        1.65;
}


/* =========================================================
   WHAT YOU WILL LEARN — EXACTLY 3 PER ROW
   ========================================================= */

.prenatal-learning {

    min-width:
        0;
}


.prenatal-learning h2 {

    margin:
        0 0 12px;

    font-size:
        28px;

    line-height:
        1.12;
}


.prenatal-learning__grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        8px;

    width:
        100%;
}


.prenatal-learning__card {

    min-width:
        0;

    min-height:
        105px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    padding:
        10px 7px;

    border:
        1px solid
        #eee8df;

    border-radius:
        6px;

    background:
        #fcfaf6;

    text-align:
        center;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.prenatal-learning__card:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(184,137,67,.55);

    box-shadow:
        0 8px 18px
        rgba(23,63,50,.07);
}


.prenatal-learning__icon {

    width:
        30px;

    height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        7px;

    color:
        var(--p-gold);

    font-size:
        18px;
}


.prenatal-learning__card strong {

    display:
        block;

    max-width:
        100%;

    color:
        var(--p-green);

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1.35;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1101px) {

    .prenatal-about
    .prenatal-page-container {

        grid-template-columns:
            175px
            335px
            minmax(0,1fr);

        gap:
            22px;
    }


    .prenatal-about__image {

        height:
            245px;
    }


    .prenatal-learning__card {

        min-height:
            112px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .prenatal-about
    .prenatal-page-container {

        grid-template-columns:
            160px
            300px
            minmax(0,1fr);

        gap:
            16px;
    }


    .prenatal-about__image {

        height:
            225px;
    }


    .prenatal-learning__grid {

        grid-template-columns:
            repeat(3, minmax(0,1fr));
    }

}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 800px) {

    .prenatal-about
    .prenatal-page-container {

        grid-template-columns:
            150px
            minmax(0,1fr);

        gap:
            16px;
    }


    /*
     * Learning moves below About on tablet,
     * but remains 3 cards per row.
     */

    .prenatal-learning {

        grid-column:
            1 / -1;

        margin-top:
            5px;
    }


    .prenatal-learning__grid {

        grid-template-columns:
            repeat(3, minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .prenatal-about
    .prenatal-page-container {

        grid-template-columns:
            1fr;

        gap:
            14px;
    }


    .prenatal-about__image {

        height:
            220px;
    }


    .prenatal-about__content h2,
    .prenatal-learning h2 {

        font-size:
            27px;
    }


    .prenatal-about__content p {

        font-size:
            14px;

        line-height:
            1.65;
    }


    .prenatal-learning {

        grid-column:
            auto;

        margin-top:
            4px;
    }


    .prenatal-learning__grid {

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            8px;
    }


    .prenatal-learning__card {

        min-height:
            95px;
    }

}

.prenatal-certification-card__badge {
    width: 145px;
    height: 145px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-left: auto;

    background: transparent;

    border: 0;
    border-radius: 0;
}

.prenatal-certification-card__badge img {
    display: block;

    width: 125px;
    height: auto;
    max-width: 100%;
    max-height: 125px;

    object-fit: contain;
}


/* Keep the reference layout on smaller screens */

@media (max-width: 700px) {

    .prenatal-certification-card__badge {
        width: 110px;
        height: 110px;
    }

    .prenatal-certification-card__badge img {
        width: 95px;
        max-height: 95px;
    }

}
/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .prenatal-learning__grid {

        grid-template-columns:
            1fr;
    }


    .prenatal-learning__card {

        min-height:
            82px;
    }

}
/* =========================================================
   FAQ — FINAL FIX
   ---------------------------------------------------------
   Desktop:
   Two independent vertical columns.
   Opening an FAQ never creates empty height beside it.

   Mobile:
   Single normal column.
   ========================================================= */

.prenatal-faq__grid {
    width: 100%;
}


/* =========================================================
   DESKTOP — MASONRY FAQ
   ========================================================= */

@media (min-width: 701px) {

    .prenatal-faq__grid {

        /*
         * CSS columns create two independent vertical
         * flows instead of row-based grid stretching.
         */
        column-count: 2;

        column-gap: 14px;

        display: block;
    }


    .prenatal-faq__item {

        /*
         * Prevent an FAQ item from splitting between
         * columns.
         */
        display: inline-block;

        width: 100%;

        margin: 0 0 8px;

        vertical-align: top;

        break-inside: avoid;
        -webkit-column-break-inside: avoid;

        /*
         * Critical:
         * Never allow a grid/flex row to stretch it.
         */
        height: auto;

        min-height: 0;

        align-self: auto;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .prenatal-faq__grid {

        display: block;

        column-count: 1;
    }


    .prenatal-faq__item {

        display: block;

        width: 100%;

        height: auto;

        min-height: 0;

        margin:
            0 0 8px;
    }

}