/* ============================================================
   ARHA CARDIAC CARE
   PEARL WHITE + BURGUNDY + GRAPHITE
   ============================================================ */


#arhaCardiacPage {

    --cardiac-pearl:#FBFAF9;
    --cardiac-white:#FFFFFF;
    --cardiac-soft:#F6F2F2;

    --cardiac-ink:#242C30;
    --cardiac-graphite:#3C474C;
    --cardiac-muted:#748086;

    --cardiac-burgundy:#8F3040;
    --cardiac-burgundy-dark:#69212D;
    --cardiac-rose:#B65A68;
    --cardiac-rose-soft:#F4E8EA;

    --cardiac-silver:#E3E5E5;
    --cardiac-border:#E7E2E2;

    --cardiac-heading:'Outfit',sans-serif;
    --cardiac-body:'Inter',sans-serif;

    width:100%;
    overflow:hidden;

    background:
        var(--cardiac-pearl);

    color:
        var(--cardiac-ink);

    font-family:
        var(--cardiac-body);
}


#arhaCardiacPage *,
#arhaCardiacPage *::before,
#arhaCardiacPage *::after {

    box-sizing:border-box;
}


#arhaCardiacPage img {

    display:block;
    width:100%;
}


#arhaCardiacPage a {

    text-decoration:none;
}


.cardiac-container {

    width:min(
        1280px,
        calc(100% - 56px)
    );

    margin-inline:auto;
}


/* ============================================================
   REVEAL
   ============================================================ */

#arhaCardiacPage [data-cardiac-reveal] {

    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .75s ease,
        transform .75s
        cubic-bezier(.2,.7,.2,1);
}


#arhaCardiacPage
[data-cardiac-reveal].cardiac-visible {

    opacity:1;
    transform:none;
}


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

.cardiac-hero {

    position:relative;

    padding:
        82px 0 105px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 83% 22%,
            rgba(182,90,104,.11),
            transparent 27%
        ),

        linear-gradient(
            115deg,
            #FFFFFF 0%,
            #FBF7F7 100%
        );
}


.cardiac-hero-glow {

    position:absolute;

    width:500px;
    height:500px;

    right:-240px;
    top:-250px;

    border-radius:50%;

    background:
        rgba(143,48,64,.055);

    animation:
        cardiacGlow 8s
        ease-in-out infinite alternate;
}


@keyframes cardiacGlow {

    to {
        transform:
            translate(-45px,45px)
            scale(1.12);
    }
}


.cardiac-dot-pattern {

    position:absolute;
    inset:0;

    opacity:.15;

    background-image:
        radial-gradient(
            rgba(143,48,64,.35) 1px,
            transparent 1px
        );

    background-size:
        34px 34px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            black 55%,
            transparent
        );
}


/* ECG */

.cardiac-ecg-bg {

    position:absolute;

    left:0;
    right:0;

    bottom:22px;

    height:135px;

    opacity:.12;

    overflow:hidden;
}


.cardiac-ecg-bg svg {

    width:125%;
    height:100%;

    animation:
        cardiacECGMove
        11s linear infinite;
}


.cardiac-ecg-path {

    fill:none;

    stroke:
        var(--cardiac-burgundy);

    stroke-width:2;

    stroke-linecap:round;

    stroke-linejoin:round;
}


@keyframes cardiacECGMove {

    from {
        transform:translateX(-8%);
    }

    to {
        transform:translateX(0);
    }
}


/* ============================================================
   HERO GRID
   ============================================================ */

.cardiac-hero-layout {

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        1fr .92fr;

    align-items:center;

    gap:80px;
}


.cardiac-breadcrumb {

    margin-bottom:28px;

    display:flex;
    align-items:center;

    gap:8px;

    font-size:9px;

    color:
        var(--cardiac-muted);
}


.cardiac-breadcrumb a {

    color:
        var(--cardiac-burgundy);
}


.cardiac-breadcrumb i {

    font-size:6px;
}


.cardiac-kicker,
.cardiac-section-label {

    display:block;

    margin-bottom:10px;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.25px;

    color:
        var(--cardiac-burgundy);
}


.cardiac-hero h1 {

    max-width:700px;

    margin:0;

    font-family:
        var(--cardiac-heading);

    font-size:
        clamp(50px,5.3vw,74px);

    font-weight:800;

    line-height:.97;

    letter-spacing:-2.3px;

    color:
        var(--cardiac-ink);
}


.cardiac-hero h1 strong {

    display:inline-block;

    position:relative;

    color:
        var(--cardiac-burgundy);
}


.cardiac-hero h1 strong::after {

    content:"";

    position:absolute;

    left:0;
    right:0;

    bottom:2px;

    height:6px;

    z-index:-1;

    border-radius:20px;

    background:
        rgba(182,90,104,.15);
}


.cardiac-hero-description {

    max-width:660px;

    margin:
        25px 0 0;

    font-size:14.5px;

    line-height:1.8;

    color:
        var(--cardiac-graphite);
}


/* ============================================================
   ACTIONS
   ============================================================ */

.cardiac-actions {

    margin-top:31px;

    display:flex;

    flex-wrap:wrap;

    gap:10px;
}


.cardiac-primary,
.cardiac-call {

    min-height:55px;

    padding:
        0 18px;

    display:inline-flex;

    align-items:center;

    gap:9px;

    border-radius:8px;

    font-size:11px;

    font-weight:700;
}


.cardiac-primary {

    background:
        var(--cardiac-burgundy);

    color:#fff !important;

    box-shadow:
        0 13px 28px
        rgba(105,33,45,.17);

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


.cardiac-primary:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 35px
        rgba(105,33,45,.24);
}


.cardiac-call {

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

    background:#fff;

    color:
        var(--cardiac-ink) !important;
}


/* emergency note */

.cardiac-emergency-note {

    max-width:620px;

    margin-top:20px;

    display:grid;

    grid-template-columns:
        38px 1fr;

    align-items:center;

    gap:10px;
}


.cardiac-emergency-note > span {

    width:36px;
    height:36px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--cardiac-rose-soft);

    color:
        var(--cardiac-burgundy);

    animation:
        cardiacHeartPulse 2s
        ease-in-out infinite;
}


@keyframes cardiacHeartPulse {

    50% {
        transform:scale(1.08);
    }
}


.cardiac-emergency-note p {

    margin:0;

    font-size:9px;

    line-height:1.6;

    color:
        var(--cardiac-muted);
}


/* ============================================================
   HERO PHOTO
   ============================================================ */

.cardiac-hero-visual {

    position:relative;
}


.cardiac-main-photo {

    position:relative;

    height:570px;

    overflow:hidden;

    border-radius:
        120px 18px 120px 18px;

    box-shadow:
        0 30px 70px
        rgba(50,37,40,.13);
}


.cardiac-main-photo img {

    height:100%;

    object-fit:cover;

    transition:
        transform 7s ease;
}


.cardiac-main-photo:hover img {

    transform:scale(1.05);
}


.cardiac-photo-overlay {

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(36,29,31,.74),
            transparent 52%
        );
}


.cardiac-photo-caption {

    position:absolute;

    left:25px;
    right:25px;
    bottom:24px;

    display:flex;
    flex-direction:column;
}


.cardiac-photo-caption small {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#E6B8BE;
}


.cardiac-photo-caption strong {

    margin-top:4px;

    font-family:
        var(--cardiac-heading);

    font-size:20px;

    color:#fff;
}


.cardiac-pulse-card {

    position:absolute;

    left:-52px;
    bottom:70px;

    padding:
        13px 15px;

    display:flex;

    align-items:center;

    gap:11px;

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

    border-radius:10px;

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

    box-shadow:
        0 15px 35px
        rgba(52,38,41,.11);

    animation:
        cardiacFloat
        4s ease-in-out infinite;
}


@keyframes cardiacFloat {

    50% {
        transform:translateY(-7px);
    }
}


.cardiac-pulse-icon {

    width:40px;
    height:40px;

    display:flex;

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

    border-radius:9px;

    background:
        var(--cardiac-rose-soft);

    color:
        var(--cardiac-burgundy);
}


.cardiac-pulse-card > div:last-child {

    display:flex;
    flex-direction:column;
}


.cardiac-pulse-card small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.7px;

    color:
        var(--cardiac-burgundy);
}


.cardiac-pulse-card strong {

    margin-top:3px;

    font-family:
        var(--cardiac-heading);

    font-size:11px;
}


/* ============================================================
   SHARED HEADING
   ============================================================ */

.cardiac-heading {

    max-width:860px;

    margin-bottom:45px;
}


.cardiac-heading h2,
.cardiac-chestpain-content h2,
.cardiac-health-heading h2 {

    margin:0;

    font-family:
        var(--cardiac-heading);

    font-size:
        clamp(34px,4vw,50px);

    line-height:1.05;

    letter-spacing:-1.1px;

    color:
        var(--cardiac-ink);
}


.cardiac-heading h2 em {

    display:block;

    font-style:normal;

    color:
        var(--cardiac-burgundy);
}


.cardiac-heading > p {

    max-width:720px;

    margin:
        17px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--cardiac-muted);
}


/* ============================================================
   SYMPTOMS
   ============================================================ */

.cardiac-symptoms {

    padding:
        105px 0;

    background:
        var(--cardiac-pearl);
}


.cardiac-symptom-grid {

    display:grid;

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

    border-top:
        1px solid
        var(--cardiac-border);

    border-left:
        1px solid
        var(--cardiac-border);
}


.cardiac-symptom-card {

    position:relative;

    min-height:225px;

    padding:24px;

    border-right:
        1px solid
        var(--cardiac-border);

    border-bottom:
        1px solid
        var(--cardiac-border);

    background:#fff;

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


.cardiac-symptom-card:hover {

    z-index:2;

    transform:
        translateY(-4px);

    box-shadow:
        0 16px 35px
        rgba(60,45,49,.07);
}


.cardiac-priority {

    background:
        #FCF7F8;
}


.cardiac-symptom-card > span {

    position:absolute;

    right:20px;
    top:19px;

    font-family:
        var(--cardiac-heading);

    font-size:9px;

    color:#A5A6A6;
}


.cardiac-symptom-card > i {

    width:43px;
    height:43px;

    margin-bottom:23px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--cardiac-soft);

    color:
        var(--cardiac-burgundy);
}


.cardiac-priority > i {

    background:
        var(--cardiac-rose-soft);
}


.cardiac-symptom-card h3 {

    margin:0;

    font-family:
        var(--cardiac-heading);

    font-size:17px;

    color:
        var(--cardiac-ink);
}


.cardiac-symptom-card p {

    margin:
        9px 0 0;

    font-size:10.5px;

    line-height:1.7;

    color:
        var(--cardiac-muted);
}


/* ============================================================
   CHEST PAIN
   ============================================================ */

.cardiac-chestpain {

    padding:
        110px 0;

    background:
        #F5F1F1;
}


.cardiac-chestpain-grid {

    display:grid;

    grid-template-columns:
        1fr .9fr;

    align-items:center;

    gap:80px;
}


.cardiac-chestpain-photo {

    position:relative;

    height:580px;

    overflow:hidden;

    border-radius:
        18px 110px 18px 110px;
}


.cardiac-chestpain-photo img {

    height:100%;
    object-fit:cover;
}


.cardiac-image-label {

    position:absolute;

    left:20px;
    bottom:20px;

    padding:
        13px 15px;

    display:flex;

    flex-direction:column;

    border-radius:9px;

    background:
        rgba(39,34,35,.79);

    color:#fff;
}


.cardiac-image-label span {

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;

    color:#E6AEB6;
}


.cardiac-image-label strong {

    margin-top:3px;

    font-family:
        var(--cardiac-heading);

    font-size:13px;
}


.cardiac-chestpain-content > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--cardiac-muted);
}


.cardiac-chestpain-points {

    margin-top:26px;
}


.cardiac-chestpain-points > div {

    padding:
        14px 0;

    display:grid;

    grid-template-columns:
        25px 1fr;

    gap:10px;

    border-top:
        1px solid
        var(--cardiac-border);
}


.cardiac-chestpain-points i {

    margin-top:3px;

    color:
        var(--cardiac-burgundy);
}


.cardiac-chestpain-points span {

    display:flex;

    flex-direction:column;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--cardiac-muted);
}


.cardiac-chestpain-points strong {

    margin-bottom:3px;

    font-family:
        var(--cardiac-heading);

    font-size:12px;

    color:
        var(--cardiac-ink);
}


.cardiac-emergency-link {

    margin-top:22px;

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:
        var(--cardiac-burgundy) !important;

    font-size:10px;

    font-weight:700;
}


/* ============================================================
   JOURNEY
   ============================================================ */

.cardiac-journey {

    padding:
        100px 0;

    background:#fff;
}


.cardiac-heading-center {

    margin:
        0 auto 55px;

    text-align:center;
}


.cardiac-journey-line {

    position:relative;

    display:grid;

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


.cardiac-journey-line::before {

    content:"";

    position:absolute;

    left:12%;
    right:12%;

    top:40px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--cardiac-rose),
            transparent
        );
}


.cardiac-journey-line article {

    position:relative;

    z-index:2;

    padding:
        0 24px;

    text-align:center;
}


.cardiac-journey-number {

    position:absolute;

    right:20px;
    top:0;

    font-size:8px;

    color:
        var(--cardiac-muted);
}


.cardiac-journey-line article > i {

    width:80px;
    height:80px;

    margin:
        0 auto 20px;

    display:flex;

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

    border-radius:50%;

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

    background:#fff;

    color:
        var(--cardiac-burgundy);

    font-size:20px;

    box-shadow:
        0 10px 26px
        rgba(70,54,57,.07);
}


.cardiac-journey-line h3 {

    margin:0;

    font-family:
        var(--cardiac-heading);

    font-size:16px;
}


.cardiac-journey-line p {

    margin:
        6px auto 0;

    max-width:190px;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--cardiac-muted);
}


/* ============================================================
   CARE AREAS
   ============================================================ */

.cardiac-careareas {

    padding:
        105px 0;

    background:
        var(--cardiac-soft);
}


.cardiac-care-grid {

    display:grid;

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

    gap:12px;
}


.cardiac-care-grid article {

    min-height:235px;

    padding:25px;

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

    border-radius:12px;

    background:#fff;

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


.cardiac-care-grid article:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 17px 36px
        rgba(65,49,52,.07);
}


.cardiac-care-icon {

    width:46px;
    height:46px;

    margin-bottom:24px;

    display:flex;

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

    border-radius:11px;

    background:
        var(--cardiac-rose-soft);

    color:
        var(--cardiac-burgundy);
}


.cardiac-care-grid h3 {

    margin:0;

    font-family:
        var(--cardiac-heading);

    font-size:17px;
}


.cardiac-care-grid p {

    margin:
        9px 0 0;

    font-size:10px;

    line-height:1.65;

    color:
        var(--cardiac-muted);
}


/* ============================================================
   INFRASTRUCTURE
   ============================================================ */

.cardiac-infra {

    padding:
        105px 0;

    background:
        var(--cardiac-pearl);
}


.cardiac-infra-grid {

    display:grid;

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

    grid-template-rows:
        245px 245px;

    gap:12px;
}


.cardiac-infra-grid figure {

    position:relative;

    margin:0;

    overflow:hidden;

    border-radius:12px;
}


.cardiac-infra-main {

    grid-row:
        span 2;
}


.cardiac-infra-grid img {

    height:100%;

    object-fit:cover;

    transition:
        transform .55s ease;
}


.cardiac-infra-grid figure:hover img {

    transform:scale(1.045);
}


.cardiac-infra-grid figure::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(33,29,30,.78),
            transparent 56%
        );
}


.cardiac-infra-grid figcaption {

    position:absolute;

    z-index:2;

    left:18px;
    bottom:17px;

    display:flex;

    flex-direction:column;
}


.cardiac-infra-grid small {

    font-size:7px;

    letter-spacing:.8px;

    color:#E7B7BE;
}


.cardiac-infra-grid strong {

    margin-top:3px;

    font-family:
        var(--cardiac-heading);

    font-size:16px;

    color:#fff;
}


.cardiac-infra-main strong {

    font-size:23px;
}


/* ============================================================
   HEART HEALTH
   ============================================================ */

.cardiac-heart-health {

    padding:
        100px 0;

    background:
        #F5F1F1;
}


.cardiac-health-layout {

    display:grid;

    grid-template-columns:
        .75fr 1.25fr;

    align-items:center;

    gap:80px;
}


.cardiac-health-heading > p {

    margin:
        17px 0 0;

    font-size:12px;

    line-height:1.75;

    color:
        var(--cardiac-muted);
}


.cardiac-health-grid {

    display:grid;

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

    gap:10px;
}


.cardiac-health-grid > div {

    min-height:145px;

    padding:22px;

    display:flex;

    flex-direction:column;

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

    border-radius:11px;

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


.cardiac-health-grid i {

    margin-bottom:18px;

    color:
        var(--cardiac-burgundy);
}


.cardiac-health-grid strong {

    font-family:
        var(--cardiac-heading);

    font-size:14px;
}


.cardiac-health-grid span {

    margin-top:5px;

    font-size:9px;

    color:
        var(--cardiac-muted);
}


/* ============================================================
   RELATED
   ============================================================ */

.cardiac-related {

    padding:
        85px 0;

    background:#fff;
}


.cardiac-related-heading {

    margin-bottom:30px;
}


.cardiac-related-heading h2 {

    margin:0;

    font-family:
        var(--cardiac-heading);

    font-size:35px;
}


.cardiac-related-grid {

    display:grid;

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

    gap:12px;
}


.cardiac-related-grid > a {

    min-height:105px;

    padding:18px;

    display:grid;

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

    align-items:center;

    gap:12px;

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

    border-radius:10px;

    color:
        var(--cardiac-ink) !important;

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


.cardiac-related-grid > a:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 14px 30px
        rgba(60,45,49,.07);
}


.cardiac-related-icon {

    width:39px;
    height:39px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--cardiac-soft);

    color:
        var(--cardiac-burgundy);
}


.cardiac-related-red {

    background:
        var(--cardiac-rose-soft);
}


.cardiac-related-grid div {

    display:flex;
    flex-direction:column;
}


.cardiac-related-grid small {

    margin-bottom:3px;

    font-size:7px;

    font-weight:800;

    color:
        var(--cardiac-burgundy);
}


.cardiac-related-grid strong {

    font-family:
        var(--cardiac-heading);

    font-size:12px;
}


/* ============================================================
   FINAL CTA
   ============================================================ */

.cardiac-final {

    position:relative;

    padding:
        64px 0;

    overflow:hidden;

    background:
        var(--cardiac-burgundy-dark);

    color:#fff;
}


.cardiac-final::after {

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-190px;
    top:-220px;

    border-radius:50%;

    border:
        1px solid
        rgba(255,255,255,.08);
}


.cardiac-final-inner {

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:50px;
}


.cardiac-final-inner > div:first-child > span {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#E9BBC2;
}


.cardiac-final h2 {

    margin:
        6px 0 0;

    font-family:
        var(--cardiac-heading);

    font-size:
        clamp(29px,3.4vw,43px);
}


.cardiac-final p {

    margin:
        8px 0 0;

    font-size:10px;

    color:#E1C8CC;
}


.cardiac-final-actions {

    display:flex;

    gap:9px;
}


.cardiac-final-primary,
.cardiac-final-call {

    min-height:51px;

    padding:
        0 16px;

    display:flex;

    align-items:center;

    gap:8px;

    border-radius:8px;

    font-size:10px;

    font-weight:700;
}


.cardiac-final-primary {

    background:#fff;

    color:
        var(--cardiac-burgundy-dark) !important;
}


.cardiac-final-call {

    border:
        1px solid
        rgba(255,255,255,.22);

    color:#fff !important;
}


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

.cardiac-mobile-bar {

    display:none;
}


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

@media(max-width:950px) {

    .cardiac-hero-layout,
    .cardiac-chestpain-grid,
    .cardiac-health-layout {

        grid-template-columns:1fr;

        gap:45px;
    }


    .cardiac-hero-visual {

        max-width:680px;
    }


    .cardiac-pulse-card {

        left:20px;
    }


    .cardiac-care-grid {

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


    .cardiac-journey-line {

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

        gap:40px 0;
    }


    .cardiac-journey-line::before {

        display:none;
    }

}


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

@media(max-width:600px) {

    #arhaCardiacPage {
        padding-bottom:60px;
    }


    .cardiac-container {

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


    .cardiac-mobile-bar {

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:8500;

        height:60px;

        display:grid;

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

        background:#fff;

        border-top:
            1px solid
            var(--cardiac-border);

        box-shadow:
            0 -7px 25px
            rgba(0,0,0,.1);
    }


    .cardiac-mobile-bar a {

        display:flex;

        flex-direction:column;

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

        gap:4px;

        font-size:8px;

        font-weight:700;

        color:
            var(--cardiac-ink) !important;
    }


    .cardiac-mobile-bar
    .cardiac-mobile-emergency {

        background:
            var(--cardiac-burgundy);

        color:#fff !important;
    }


    .cardiac-hero {

        padding:
            50px 0 70px;
    }


    .cardiac-hero h1 {

        font-size:
            clamp(39px,11vw,49px);

        letter-spacing:-1.4px;
    }


    .cardiac-hero-description {

        font-size:12.5px;
    }


    .cardiac-actions {

        flex-direction:column;
    }


    .cardiac-primary,
    .cardiac-call {

        width:100%;
    }


    .cardiac-main-photo {

        height:380px;

        border-radius:
            65px 13px 65px 13px;
    }


    .cardiac-pulse-card {

        position:relative;

        left:auto;
        bottom:auto;

        margin:
            -25px 13px 0;
    }


    .cardiac-symptoms,
    .cardiac-chestpain,
    .cardiac-journey,
    .cardiac-careareas,
    .cardiac-infra,
    .cardiac-heart-health,
    .cardiac-related {

        padding:
            72px 0;
    }


    .cardiac-heading {

        margin-bottom:31px;
    }


    .cardiac-heading h2,
    .cardiac-chestpain-content h2,
    .cardiac-health-heading h2 {

        font-size:32px;
    }


    .cardiac-symptom-grid {

        grid-template-columns:1fr;
    }


    .cardiac-symptom-card {

        min-height:195px;
    }


    .cardiac-chestpain-photo {

        height:350px;

        border-radius:
            13px 60px 13px 60px;
    }


    .cardiac-journey-line {

        grid-template-columns:1fr;

        gap:30px;
    }


    .cardiac-care-grid {

        grid-template-columns:1fr;
    }


    .cardiac-care-grid article {

        min-height:190px;
    }


    .cardiac-infra-grid {

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            280px 180px;
    }


    .cardiac-infra-main {

        grid-column:
            span 2;

        grid-row:auto;
    }


    .cardiac-health-grid {

        grid-template-columns:1fr;
    }


    .cardiac-related-grid {

        grid-template-columns:1fr;
    }


    .cardiac-final-inner {

        align-items:flex-start;

        flex-direction:column;

        gap:25px;
    }


    .cardiac-final-actions {

        width:100%;

        flex-direction:column;
    }


    .cardiac-final-primary,
    .cardiac-final-call {

        width:100%;
    }

}


@media(max-width:380px) {

    .cardiac-infra-grid {

        display:block;
    }


    .cardiac-infra-grid figure {

        height:220px;

        margin-bottom:8px;
    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

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

    #arhaCardiacPage *,
    #arhaCardiacPage *::before,
    #arhaCardiacPage *::after {

        animation:none !important;
        transition:none !important;
    }


    #arhaCardiacPage
    [data-cardiac-reveal] {

        opacity:1 !important;
        transform:none !important;
    }

}