.page-template-page-deflatehae-patient .patient-accordion-floating-wrapper {
    width: 100%;
    padding: 100px 0;
    background: var(--color-white);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.page-template-page-deflatehae-patient .patient-accordion-floating-container {
    max-width: 1454px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--spacing-standard);
    position: relative;
}

.page-template-page-deflatehae-patient .patient-accordion-floating-shadow-wrapper {
    position: relative;
    margin: 0 auto;
    padding-bottom: 20px;
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.2));
    z-index: 2;
}

.page-template-page-deflatehae-patient .patient-accordion-floating-headline {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 760px;
    width: 100%;
    color: var(--color-nav-gray);
    background-color: var(--color-yellow);
    font-weight: 600;
    font-size: var(--font-size-h3);
    line-height: var(--font-lh-h3);
    margin: 0;
    padding: 30px 0;
    text-align: center;
    clip-path: var(--clip-path-headline-bowl);
    z-index: 3;
}

.page-template-page-deflatehae-patient .patient-accordion-floating-content {
    width: 100%;
    margin: 0 auto;
    padding: 80px 80px 120px;
    background-color: var(--color-white);
    position: relative;
    display: flex;
    flex-direction: column;
    clip-path: var(--clip-path-fixed-bowl);
}

.page-template-page-deflatehae-patient .patient-accordion-floating-subheadline {
    color: var(--color-red);
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    margin: 20px 10% 40px;
}

.page-template-page-deflatehae-patient .patient-accordion-floating-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-template-page-deflatehae-patient .patient-accordion-item {
    border-bottom: 1px solid var(--color-red);
}

.page-template-page-deflatehae-patient .patient-accordion-item:last-child {
    border-bottom: none;
}

.page-template-page-deflatehae-patient .patient-accordion-header {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    cursor: pointer;
}

.page-template-page-deflatehae-patient .patient-accordion-header h3 {
    color: var(--color-red);
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.page-template-page-deflatehae-patient .patient-accordion-icon {
    color: var(--color-red);
    font-size: 24px;
    font-weight: 600;
    min-width: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-template-page-deflatehae-patient .patient-accordion-icon::before {
    content: '+';
    transition: all 0.3s ease;
}

.page-template-page-deflatehae-patient .patient-accordion-item.active .patient-accordion-icon::before {
    content: '-';
}

.page-template-page-deflatehae-patient .patient-accordion-content {
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-left: 44px; /* 24px icon width + 20px gap */
}

.page-template-page-deflatehae-patient .patient-accordion-content::before {
    content: '';
    position: absolute;
    left: 11px; /* Half of icon width (24px/2) - half of line width (2px/2) */
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: var(--color-red);
}

.page-template-page-deflatehae-patient .patient-accordion-item.active .patient-accordion-content {
    max-height: 500px;
    margin-bottom: 20px;
}

.page-template-page-deflatehae-patient .patient-accordion-content p {
    margin: 0;
    padding: 20px 0;
}

@media screen and (max-width: 1599px) {
    .page-template-page-deflatehae-patient .patient-accordion-floating-subheadline {
        font-size: 24px;
        line-height: 34px;
    }
}

@media screen and (max-width: 1024px) {
    .page-template-page-deflatehae-patient .patient-accordion-floating-content {
    }
}

@media screen and (max-width: 768px) {
    .page-template-page-deflatehae-patient .patient-accordion-floating-wrapper {
        padding: 60px 0;
    }

    .page-template-page-deflatehae-patient .patient-accordion-floating-headline {
        max-width: 75%;
        padding: 20px 0;
    }

    .page-template-page-deflatehae-patient .patient-accordion-floating-content {
        padding: 60px 20px;
        clip-path: var(--clip-path-fixed-mobile-bowl);
    }

    .page-template-page-deflatehae-patient .patient-accordion-floating-subheadline {
        font-size: 20px;
        line-height: 26px;
        margin: 30px 20px;
    }

    .page-template-page-deflatehae-patient .patient-accordion-content {
        padding-left: 40px;
    }

    .page-template-page-deflatehae-patient .patient-accordion-content::before {
        left: 10px;
    }
} .page-template-page-deflatehae-patient .balloon-animation-wrapper {
    .balloon-text-content {
    }
}.page-template-page-deflatehae-patient .blue-outline-subtitle{
    margin: 30px auto 0;
    max-width: 500px;
}.page-template-page-deflatehae-patient .callout-block .callout-title {
    padding: 0 60px;
}/* Patient Card Section Styles */
.page-template-page-deflatehae-patient .patient-card-section-wrapper {
    position: absolute;
    padding: 0;
    z-index: 10;
    max-width: 1194px;
    width: 100%;
    margin: -250px auto 0;
    left: 50%;
    transform: translateX(-50%);
}

.page-template-page-deflatehae-patient .patient-card-shadow-wrapper {
    position: relative;
    max-width: 1194px;
    margin: 0 auto;
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.25));
}

.page-template-page-deflatehae-patient .patient-card-container {
    position: relative;
    background-color: var(--color-white);
    width: 100%;
    padding: 80px 40px;
    clip-path: var(--clip-path-smooth-bowl);
}

.page-template-page-deflatehae-patient .patient-card-heading {
    text-align: center;
    font-size: var(--font-size-patient-card-heading);
    line-height: var(--font-lh-patient-card-heading);
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.page-template-page-deflatehae-patient .patient-card-columns {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.page-template-page-deflatehae-patient .patient-card-column {
    flex: 1;
    text-align: center;
    position: relative;
}

/* Add divider lines between columns */
.page-template-page-deflatehae-patient .patient-card-column:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .patient-card-icon {
    width: 147px;
    height: 147px;
    margin: 0 auto 20px;
}

.page-template-page-deflatehae-patient .patient-card-title {
    font-size: 26px;
    line-height: 50px;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.page-template-page-deflatehae-patient .patient-card-text {
    font-size: var(--font-size-body-text);
    line-height: var(--font-lh-body-text);
    margin: 0;
}

.page-template-page-deflatehae-patient .patient-card-divider {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    color: var(--color-blue);
}

/* Tablet Styles */
@media (max-width: 1024px) {
    .page-template-page-deflatehae-patient .patient-card-section-wrapper {
        padding: 0 40px;
        margin-top: -215px;
    }

    .page-template-page-deflatehae-patient .patient-card-container {
        padding: 60px 30px;
    }

    .page-template-page-deflatehae-patient .patient-card-icon {
        width: 120px;
        height: 120px;
    }
}

/* Mobile Styles */
@media (max-width: 767px) {
    .page-template-page-deflatehae-patient .patient-card-section-wrapper {
        margin-top: -475px;
        padding: 0 35px;
    }
    .page-template-page-deflatehae-patient .patient-card-container {
        padding: 40px 20px;
        clip-path: var(--clip-path-mobile-bowl);
    }

    .page-template-page-deflatehae-patient .patient-card-columns {
        flex-direction: column;
        gap: 40px;
    }

    .page-template-page-deflatehae-patient .patient-card-column {
        position: relative;
        padding-bottom: 0;
    }

    .page-template-page-deflatehae-patient .patient-card-column:last-child {
        padding-bottom: 0;
    }

    .page-template-page-deflatehae-patient .patient-card-column .patient-card-divider {
        display: block;
        width: 180px;
        height: 3px;
        left: 50%;
        transform: translateX(-50%);
        top: 190px;
    }

    .page-template-page-deflatehae-patient .patient-card-column:not(:last-child)::after {
        display: none;
    }

    .page-template-page-deflatehae-patient .patient-card-heading {
        margin-bottom: 30px;
    }

    .page-template-page-deflatehae-patient .patient-card-title {
        font-size: 26px;
        line-height: 50px;
    }
} .page-template-page-deflatehae-patient .patient-content-floating-wrapper {
    width: 100%;
    padding: 200px 0 100px;;
    background: var(--color-light-yellow-gradient);
    position: relative;
    overflow: hidden;
}

.page-template-page-deflatehae-patient .patient-content-floating-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--spacing-standard);
    position: relative;
}

.page-template-page-deflatehae-patient .patient-content-floating-container::before {
    content: '';
    position: absolute;
    top: -130px;
    left: -80px;
    right: -270px;
    bottom: -130px;
    background-image: url('/wp-content/uploads/static/blue-balloon-bg-inverted.png');
    background-size: 120% 80%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
}

.page-template-page-deflatehae-patient .patient-content-floating-shadow-wrapper {
    position: relative;
    margin: 0 auto;
    padding-bottom: 20px;
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.2));
    z-index: 1;
}

.page-template-page-deflatehae-patient .patient-content-floating-content {
    width: 100%;
    margin: 0 auto;
    padding: 30px 80px 120px;
    background-color: var(--color-white);
    position: relative;
    display: flex;
    flex-direction: column;
    clip-path: var(--clip-path-fixed-bowl);
}

.page-template-page-deflatehae-patient .patient-content-floating-headline {
    color: var(--color-red);
    text-align: center;
    margin: 30px 0;
    font-size: var(--font-size-h2);
    font-weight: 600;
}

.page-template-page-deflatehae-patient .patient-content-row {
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--color-blue);
}

.page-template-page-deflatehae-patient .patient-content-row:first-child {
    border-top: 1px solid var(--color-blue);
}

.page-template-page-deflatehae-patient .patient-content-row:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.page-template-page-deflatehae-patient .patient-content-row:last-child .patient-content-column-text {
    align-self: flex-start;
}

.page-template-page-deflatehae-patient .patient-content-row-columns {
    padding: 0;
    margin: 0;
    gap: 0;
    align-items: center;
}

.page-template-page-deflatehae-patient .patient-content-column-image {
    flex: 1;
}

.page-template-page-deflatehae-patient .patient-content-column-text {
    flex: 1;
    align-self: center;
}

/* Specific styles for rows with image on right */
.page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-column-text {
    flex: 0 0 70%;
    padding: 0 80px;
}

.page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-column-image {
    flex: 0 0 30%;
}

.page-template-page-deflatehae-patient .patient-content-row-image {
    margin: 0 auto;
    width: 100%;
    max-width: 415px;
    min-width: 415px;
    height: auto;
    display: block;
}

.page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-row-image {
    margin-left: -100px;
}

.page-template-page-deflatehae-patient .patient-content-row-image.mobile-image {
    display: none;
}

.page-template-page-deflatehae-patient .patient-content-row-image.desktop-image {
    display: block;
}

.page-template-page-deflatehae-patient .patient-content-row-headline {
    color: var(--color-red);
    font-size: var(--font-size-h3);
    font-weight: 600;
    max-width: 465px;
    margin: 10px auto;
    text-transform: uppercase;
    text-align: center;
    clip-path: var(--clip-path-headline-bowl);
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 20px 20px;
}

.page-template-page-deflatehae-patient .patient-content-bulleted-list {
    list-style: none;
    padding: 0 70px;
    margin: 0;
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .patient-content-bulleted-list li {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.5em;
}

.page-template-page-deflatehae-patient .patient-content-bulleted-list li::before {
    content: "•";
    color: var(--color-red);
    position: absolute;
    left: 0;
    font-size: 1.2em;
    line-height: 1;
}

.page-template-page-deflatehae-patient .patient-content-list-columns {
    gap: 20px;
    padding-left: 40px;
}

.page-template-page-deflatehae-patient .patient-content-list-columns .patient-content-bulleted-list {
    padding: 0;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {

    /* Specific styles for rows with image on right */
    .page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-column-text {
        flex: 0 0 60%;
        padding: 0 40px;
    }

    .page-template-page-deflatehae-patient .patient-content-floating-content {
        padding: 3rem;
    }

    .page-template-page-deflatehae-patient .patient-content-row-columns {
        gap: 3rem;
    }

    .page-template-page-deflatehae-patient .patient-content-list-columns {
        gap: 20px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 782px) {
    .page-template-page-deflatehae-patient .patient-content-row{
        padding-bottom: 30px;
        border-bottom: none;
    }

    .page-template-page-deflatehae-patient .patient-content-row:first-child {
        padding-top: 30px;
    }

    .page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-column-text{
        padding: 0;
        z-index: 1;
    }
    .page-template-page-deflatehae-patient .patient-content-row-image.mobile-image {
        display: block;
    }

    .page-template-page-deflatehae-patient .patient-content-row-image.desktop-image {
        display: none;
    }

    .page-template-page-deflatehae-patient .patient-content-row .patient-content-row-image {
        margin-left: auto;
        position: relative;
        left: auto;
        transform: none;
        min-width: 200px;
        max-width: 200px;
    }

    .page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-row-image {
        left: 50%;
        transform: translateX(-5%);
    }

    .page-template-page-deflatehae-patient .patient-content-floating-content {
        padding: 2rem;
        clip-path: var(--clip-path-fixed-mobile-bowl);
    }

    .page-template-page-deflatehae-patient .patient-content-row-columns {
        flex-direction: column;
        gap: 0;
    }

    .page-template-page-deflatehae-patient .image-right .patient-content-row-columns {
        flex-direction: column-reverse;
        gap: 0;
    }

    .page-template-page-deflatehae-patient .patient-content-row-headline {
        clip-path: var(--clip-path-mobile-headline);
        padding: 30px 0;
        margin-top: -10px;
        max-width: 225px;
    }

    .page-template-page-deflatehae-patient .patient-content-list-columns {
        flex-direction: column;
        padding: 0 10px 0 50px;
        gap: 10px;
        margin-bottom: 0;
    }

    .page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-column-text,
    .page-template-page-deflatehae-patient .patient-content-row.image-right .patient-content-column-image {
        flex: 1;
    }

    .page-template-page-deflatehae-patient .patient-content-bulleted-list {
        padding: 0 10px 0 50px;
    }

    /* Target second text column in the last row */
    .page-template-page-deflatehae-patient .patient-content-row:last-child .patient-content-column-text:last-child {
        margin-top: 40px;
        width: 100%;
    }
} .page-template-page-deflatehae-patient .content-structured-wrapper {
    width: 100%;
    padding: 200px 0 200px;
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 300% 150px;
    border-bottom-right-radius: 300% 150px;
    clip-path: unset;
    z-index: 3;
    margin-bottom: -25px !important;
    background: var(--color-light-yellow-gradient);
}

.page-template-page-deflatehae-patient .content-structured-wrapper .content-structured-container {
    background-color: transparent;
    background-image: url('/wp-content/uploads/static/blue-balloon-bg.png');
    background-size: 2000px 2000px;
    background-position: -100px -200px;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));
}

.page-template-page-deflatehae-patient .content-structured-wrapper .structured-rows{
    padding: 0 90px;
}

.page-template-page-deflatehae-patient .content-structured-wrapper .quote-container-absolute{
    justify-content: flex-start;
    padding: 30px 60px 120px;
    margin-bottom: -45px;
    z-index: 2;
    width: 100%;
    max-width: 1040px;
}

.page-template-page-deflatehae-patient .content-structured-content{
    z-index: 3;
}

.page-template-page-deflatehae-patient .title-with-bow{
    top: 200px;
    z-index: 4;
    background-color: var(--color-yellow);
}

.page-template-page-deflatehae-patient .title-with-bow .structured-title{
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .content-structured-wrapper .quote-profile-image{
    top: -130px;
    bottom: unset;
    transform: translateX(100%);
}

@media (max-width: 1024px) {
    .page-template-page-deflatehae-patient .content-structured-wrapper .quote-container-absolute{
        width:calc(100% - 80px)
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .quote-profile-image{
        left: unset;
        transform: unset;
        right: 5%;
    }
}

@media (max-width: 767px) {
    .page-template-page-deflatehae-patient .content-structured-wrapper{
        padding-top: 320px;
        padding-bottom: 80px;
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .quote-container-absolute{
        width:calc(100% - 40px);
        padding: 30px 30px 0;
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .quote-profile-image{
        top: -310px;
        transform: translateX(-60%);
        left: 50%;
        right: unset;
        z-index: 1;
        max-width: 290px;
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .quote-content{
        padding-bottom: 120px;
    }
    .page-template-page-deflatehae-patient .title-with-bow{
        top: 16%;
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .column-text{
        text-align: center;
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .structured-rows{
        padding: 0 30px;
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .final-content-absolute{
        bottom: auto;
        position: relative;
        margin: -30px auto 0;
        left: unset;
        transform: none;
    }
    .page-template-page-deflatehae-patient .content-structured-wrapper .final-image{
        transform: translateX(-50%);
        bottom: 80px;
    }
}.page-template-page-deflatehae-patient .patient-excess-bradykinin {
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 2rem;
    background-color: var(--color-white);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__intro {
    margin-bottom: 2rem;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__intro p {
    font-style: italic;
    text-align: center;
    font-family: var(--font-body);
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__container {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__image-container {
    height: 500px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__bg-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 112px;
    object-fit: cover;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-sequence {
    position: absolute;
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
    height: 500px;
    width: 319px;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-sequence img {
    position: absolute;
    top: 0;
    left: 0;
    height: 500px;
    width: auto;
    object-fit: contain;
    object-position: bottom;
    opacity: 0;
    pointer-events: none;
    transition: none; /* Disable any CSS transitions that might cause flickering */
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-sequence img.active {
    opacity: 1;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 112px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__text-left p,
.page-template-page-deflatehae-patient .patient-excess-bradykinin__text-right p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    flex: 1;
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-container {
    width: 660px;
    height: 50px;
    margin: -40px auto 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-track {
    width: 100%;
    height: 10px;
    background-color: var(--color-yellow);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-handle {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 50px;
    height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-handle svg {
    width: 100%;
    height: 100%;
    display: block;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-handle.loading {
    opacity: 0.5;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-container.loading {
    pointer-events: none;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-container.loading::after {
    content: "Loading frames...";
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: var(--color-nav-gray);
    font-style: italic;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__content {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    gap: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__content-left,
.page-template-page-deflatehae-patient .patient-excess-bradykinin__content-right {
    flex: 1;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__content-left p,
.page-template-page-deflatehae-patient .patient-excess-bradykinin__content-right p {
    font-family: var(--font-body);
    color: var(--color-nav-gray);
    text-align: center;
    padding: 0 80px;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__content-left {
    opacity: 1;
}

.page-template-page-deflatehae-patient .patient-excess-bradykinin__content-right {
    opacity: 0;
}

/* Re-enable pointer events when not dragging */
.page-template-page-deflatehae-patient .patient-excess-bradykinin:not(.dragging) .patient-excess-bradykinin__hand-sequence,
.page-template-page-deflatehae-patient .patient-excess-bradykinin:not(.dragging) .patient-excess-bradykinin__overlay-text,
.page-template-page-deflatehae-patient .patient-excess-bradykinin:not(.dragging) .patient-excess-bradykinin__content {
    pointer-events: auto;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
    .page-template-page-deflatehae-patient .patient-excess-bradykinin__container {
        max-width: 100%;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-container {
        width: 60%;
        margin: -35px auto 0;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-container {
        bottom: 440px;
        left: 47%;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-sequence {
        height: auto;
        width: 100%;
        max-height: 464px;
        max-width: 300px;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-sequence img {
        height: auto;
        width: 100%;
        max-height: 464px;
        max-width: 300px;
        object-fit: contain;
        object-position: bottom;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__bg-image {
        height: 90px;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__overlay-text {
        height: 90px;
    }
}

@media screen and (max-width: 768px) {
    .page-template-page-deflatehae-patient .patient-excess-bradykinin__container {
        position: relative;
        overflow: visible;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__image-container {
        height: 300px;
        margin-bottom: 0;
        overflow: visible;
        position: relative;
        z-index: 1;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-container {
        width: 80%;
        margin: 15px auto 0;
        position: relative;
        z-index: 2;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-container {
        bottom: 310px;
        left: 40%;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-sequence {
        height: auto;
        width: 100%;
        max-height: 464px;
        max-width: 250px;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__hand-sequence img {
        height: auto;
        width: 100%;
        max-height: 464px;
        max-width: 250px;
        object-fit: contain;
        object-position: bottom;
        left: 50%;
        transform: translateX(-45%);
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__bg-image {
        display: none;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__overlay-text {
        position: absolute;
        height: auto;
        min-height: 150px;
        top: 340px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 80%;
        margin-bottom: 0;
        padding: 0;
        z-index: 3;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__text-left,
    .page-template-page-deflatehae-patient .patient-excess-bradykinin__text-right {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__text-left p,
    .page-template-page-deflatehae-patient .patient-excess-bradykinin__text-right p {
        padding: 20px 0;
        margin: 0;
        font-size: 20px;
        line-height: 26px;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__text-left {
        background-image: url('/wp-content/uploads/static/red-flag.png');
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__text-right {
        background-image: url('/wp-content/uploads/static/blue-flag.png');
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__content {
        margin-top: 110px;
        position: relative;
        z-index: 1;
        min-height: 120px;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__content-left,
    .page-template-page-deflatehae-patient .patient-excess-bradykinin__content-right {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__content-left p,
    .page-template-page-deflatehae-patient .patient-excess-bradykinin__content-right p {
        padding: 0 1rem;
        margin: 0;
    }

    .page-template-page-deflatehae-patient .patient-excess-bradykinin__slider-container.loading::after {
        font-size: 11px;
        top: -25px;
    }
} .page-template-page-deflatehae-patient .glossary-wrapper {
    background: var(--color-light-yellow-to-white-gradient);
    padding: 180px 0 0;
}.page-template-page-deflatehae-patient .hae-burdens-interactive-wrapper {
    padding-top: 0;
}.page-template-page-deflatehae-patient .patient-hae-facts {
    background-color: var(--color-white);
    padding: 80px 20px;
}

.page-template-page-deflatehae-patient .patient-hae-facts__container {
    max-width: 1434px;
    margin: 0 auto;
    filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.5));
}

.page-template-page-deflatehae-patient .patient-hae-facts__inner {
    clip-path: var(--clip-path-fixed-bowl);
    overflow: hidden;
}

.page-template-page-deflatehae-patient .patient-hae-facts__header {
    background-color: var(--color-nav-gray);
    padding: 100px 20px 60px;
    text-align: center;
}

.page-template-page-deflatehae-patient .patient-hae-facts__title {
    color: var(--color-yellow);
    font-size: 45px;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 30px;
}

.page-template-page-deflatehae-patient .patient-hae-facts__intro {
    color: var(--color-white);
    font-weight: 700;
    max-width: 580px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.5;
}

.page-template-page-deflatehae-patient .patient-hae-facts__subheader {
    background-color: var(--color-red);
    padding: 40px 20px;
    text-align: center;
}

.page-template-page-deflatehae-patient .patient-hae-facts__subtitle {
    color: var(--color-white);
    font-size: 49px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.page-template-page-deflatehae-patient .patient-hae-facts__subtitle-text {
    color: var(--color-white);
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

/* Grid Layout */
.page-template-page-deflatehae-patient .patient-hae-facts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: var(--color-white);
}

/* Alternating row backgrounds - 3 column layout */
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-5),
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-4),
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-3) {
    background-color: var(--color-white);
}

.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-2),
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-1),
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n) {
    background-color: var(--color-bg-gray);
}

/* Grid row padding */
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(3n-2),
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(3n-1),
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(3n) {
    padding: 60px 40px 0;
}

/* Grid Items */
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item {
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 340px;
    background-color: var(--color-white);
    position: relative;
    grid-column: auto;
}

/* Create vertical separator lines */
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background-color: var(--color-nav-gray);
}

/* Remove right border from every third item */
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(3n)::after {
    display: none;
}

/* Remove bottom border from last row items */
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-last-child(1)::before,
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-last-child(2)::before,
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-last-child(3)::before {
    display: none;
}

/* Alternating row backgrounds */
.page-template-page-deflatehae-patient .patient-hae-facts__grid-item.grid-item--alt-bg {
    background-color: var(--color-bg-gray);
}

/* Last row handling for 3-column layout */
.page-template-page-deflatehae-patient .patient-hae-facts__grid .patient-hae-facts__grid-item:last-child:nth-child(3n-1),
.page-template-page-deflatehae-patient .patient-hae-facts__grid .patient-hae-facts__grid-item:last-child:nth-child(3n-2) {
    grid-column: 1 / -1;
}

/* Single item in last row should span full width */
.page-template-page-deflatehae-patient .patient-hae-facts__grid .patient-hae-facts__grid-item:last-child:nth-child(3n) {
    grid-column: 1 / -1;
}

/* Item Content */
.page-template-page-deflatehae-patient .patient-hae-facts__item-title {
    font-size: 100px;
    line-height: 50px;
    font-weight: 700;
    margin: 0 0 30px;
}

.page-template-page-deflatehae-patient .patient-hae-facts__item-title.color-red {
    color: var(--color-red);
}

.page-template-page-deflatehae-patient .patient-hae-facts__item-title.color-blue {
    color: var(--color-blue);
}

.page-template-page-deflatehae-patient .patient-hae-facts__item-title.color-yellow {
    color: var(--color-yellow);
}

.page-template-page-deflatehae-patient .patient-hae-facts__item-title.color-gray {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .patient-hae-facts__item-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
}

/* Media Queries */
@media screen and (min-width: 1440px) {
    .page-template-page-deflatehae-patient .patient-hae-facts__grid {
        grid-template-columns: repeat(3, 1fr); /* Force 3 columns at largest size */
    }
}

@media screen and (max-width: 1439px) and (min-width: 961px) {
    .page-template-page-deflatehae-patient .patient-hae-facts__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Reset all grid column spans */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item {
        grid-column: auto !important;
        width: 100%;
    }

    /* Handle last item in odd-numbered grids */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:last-child:nth-child(odd) {
        grid-column: 1 / span 2 !important;
        width: 50%;
        justify-self: center;
    }

    /* Adjust borders for 2-column layout */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(3n)::after {
        display: block;
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(2n)::after {
        display: none;
    }

    /* Special handling for last items when total count is odd */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:last-child:nth-child(2n+1) {
        grid-column: 1 / -1;
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Reset 3-column backgrounds */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-5),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-4),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-3),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-2),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-1),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n) {
        background-color: var(--color-white);
    }

    /* Alternating row backgrounds - 2 column layout */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n-3),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n-2) {
        background-color: var(--color-white);
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n-1),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n) {
        background-color: var(--color-bg-gray);
    }

    /* Remove bottom border from last row items in 2-column layout */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-last-child(1)::before,
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-last-child(2)::before {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .page-template-page-deflatehae-patient .patient-hae-facts__grid {
        grid-template-columns: 1fr;
        padding-bottom: 60px;
    }

    /* Reset all grid column spans and widths */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item {
        grid-column: 1 / -1 !important;
        width: 100%;
    }

    /* Reset all backgrounds */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-5),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-4),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-3),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-2),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n-1),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(6n),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n-3),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n-2),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n-1),
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(4n) {
        background-color: var(--color-white);
    }

    /* Alternating backgrounds - single column */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(odd) {
        background-color: var(--color-white);
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item:nth-child(even) {
        background-color: var(--color-bg-gray);
    }

    /* Remove all vertical borders in mobile */
    .page-template-page-deflatehae-patient .patient-hae-facts__grid-item::after {
        display: none;
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__subheader {
        padding: 40px 0;
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__title {
        font-size: 30px;
        line-height: 40px;
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__intro {
        font-size: 16px;
        line-height: 32px;
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__subtitle {
        font-size: 30px;
        line-height: 20px;
    }

    .page-template-page-deflatehae-patient .patient-hae-facts__subtitle-text {
        font-size: 16px;
        line-height: 25px;
        max-width: 200px;
        margin: 0 auto;
    }
} /* Patient Header Styles - Only color inversions from HCP header */
.page-template-page-deflatehae-patient .site-header {
    height: var(--header-height-patient);
}

.page-template-page-deflatehae-patient .subnav-panel.is-visible {
    transform: translateY(calc(var(--header-height-patient) - 25px));
}

/* Navigation Styles */
.page-template-page-deflatehae-patient .patient-header {
    background-color: var(--color-yellow);
}

.page-template-page-deflatehae-patient .patient-header .primary-navigation-subnav-border {
    border-bottom-color: var(--color-nav-gray);
}

/* Menu Items - Color Overrides */
.page-template-page-deflatehae-patient .patient-header .primary-menu a {
    color: var(--color-nav-gray);
}

/* Subnav Panel Overrides */
.page-template-page-deflatehae-patient .patient-header .subnav-panel {
    background-color: var(--color-yellow);
    -webkit-mask-image: url(#patient-subnav-shape-mask);
    mask-image: url(#patient-subnav-shape-mask);
}

/* Patient-specific shadow adjustments */
.page-template-page-deflatehae-patient .subnav-panel-shadow {
    background: rgba(0, 0, 0, 0.4); /* Slightly more intense for patient site */
}

.page-template-page-deflatehae-patient .patient-header .subnav-panel ul li a {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .patient-header .primary-menu li:last-child a {
    color: var(--color-white);
    background-color: var(--color-red);
}

.page-template-page-deflatehae-patient .patient-header .primary-menu li:last-child a:hover {
    color: var(--color-red);
    background-color: var(--color-white);
}

/* Caret Overrides */
.page-template-page-deflatehae-patient .patient-header .primary-menu .has-subnav > a::after {
    background-image: url('/wp-content/uploads/static/caret-down-gray.svg');
}

/* Site Switcher Overrides */
.page-template-page-deflatehae-patient .patient-header .site-switcher {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .patient-header .site-switcher-label-static {
    color: var(--color-red);
    margin-left: 10px;
}

.page-template-page-deflatehae-patient .patient-header .site-switcher a {
    color: var(--color-nav-gray);
    margin-right: 20px;
    font-weight: 600;
}

.page-template-page-deflatehae-patient .patient-header .site-switcher a::after {
    content: url('/wp-content/uploads/static/caret-right-red.svg');
    position: absolute;
    top: 1px;
    left: 217px;
    transition: transform 0.3s ease;
    width: 15px;
    height: 15px;
    display: inline-block;
    object-fit: contain;
}

.page-template-page-deflatehae-patient .patient-header .site-switcher a:hover::after {
    transform: translateX(2px);
}

/* Header Alert Container */
.page-template-page-deflatehae-patient .patient-header-alert {
    height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .patient-header-alert-text {
    font-size: var(--font-size-header-alert-text);
    line-height: var(--font-lh-header-alert-text);
    font-weight: 700;
    text-align: center;
    max-height: 40px; /* Two lines of text at 20px line height */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Mobile Header Adjustments for Alert */
@media (max-width: 1024px) {
    /* Adjust the mobile header background height and curve */
    .page-template-page-deflatehae-patient .mobile-header::before {
        background-color: var(--color-yellow);
        height: calc(var(--header-height-mobile, 72px) + 60px);
        top: 0;
    }

    /* Adjust persistent logo position */
    .page-template-page-deflatehae-patient .mobile-header-logo-persistent {
        top: 70px;
    }

    /* Adjust hamburger menu position */
    .page-template-page-deflatehae-patient .mobile-menu-toggle,
    .page-template-page-deflatehae-patient .mobile-menu-close-fixed {
        top: 70px;
        transition: top 0.3s ease-in-out;
    }

    /* Style hamburger icon */
    .page-template-page-deflatehae-patient .hamburger-icon {
        color: var(--color-nav-gray);
    }

    /* Move logo and close button up when menu is open */
    body.mobile-menu-open.page-template-page-deflatehae-patient .mobile-header-logo-persistent,
    body.mobile-menu-open.page-template-page-deflatehae-patient .mobile-menu-close-fixed {
        top: 40px;
        transition: none !important;
    }

    /* Ensure the menu overlay starts from the top */
    .page-template-page-deflatehae-patient .mobile-menu-overlay {
        top: 0;
    }

    /* Adjust menu content padding to account for alert */
    .page-template-page-deflatehae-patient .mobile-menu-content {
        padding-top: 80px;
    }
    
    /* Mobile-specific logo styles for patient site */
    .page-template-page-deflatehae-patient .mobile-persistent-logo-img.mobile-specific-logo {
        /* Override styles if needed for patient mobile-specific logo */
        max-height: 42px;
        width: auto;
    }
}

/* Existing mobile alert styles */
.page-template-page-deflatehae-patient .patient-mobile-header .patient-header-alert {
    padding: 10px 20px;
    height: auto;
    min-height: 60px;
    align-items: center;
    background-color: var(--color-yellow);
    position: relative;
    z-index: 1001;
}

.page-template-page-deflatehae-patient .patient-mobile-header .patient-header-alert-text {
    max-height: none;
    -webkit-line-clamp: 3;
}/* Patient Hero Styles - Only overrides from HCP hero */

:root {
    --hero-patient-content-width-max: 600px;
}

.page-template-page-deflatehae-patient .hero-section {
    background-color: unset;
}

.page-template-page-deflatehae-patient .hero-section-wrapper {
    padding-bottom: 210px;
    background: var(--color-yellow-gradient-light);
    position: relative;
}

.page-template-page-deflatehae-patient .hero-section-wrapper.secondary:not(.blue) {
    background: var(--color-yellow);
    position: relative;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    padding-bottom: 0;
}

.page-template-page-deflatehae-patient .hero-section-wrapper.secondary.blue {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    padding-bottom: 210px; /* Match the HCP wrapper padding for proper height calculation */
}

.page-template-page-deflatehae-patient .hero-inner-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.page-template-page-deflatehae-patient .hero-section-wrapper.secondary:not(.blue) .hero-inner-wrapper {
    height: 540px;
    overflow: hidden;
}

.page-template-page-deflatehae-patient .hero-secondary:not(.blue) {
    background: var(--color-yellow);
    margin-bottom: 0;
    padding-top: 270px;
    height: 540px;
    z-index: 1;
    overflow: hidden;
    /* Safari-specific layout fixes */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* Ensure proper box model calculation */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* Override the general hero title styles for blue variant */
.page-template-page-deflatehae-patient .hero-secondary.blue .hero-title,
.page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .big,
.page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .small {
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .big {
    font-size: var(--font-size-hero-headline-big-blue);
    line-height: var(--font-lh-hero-headline-big-blue);
    margin-top: 0;
    font-weight: 700;
    white-space: nowrap;
    display: flex;
    width: auto;
    max-width: 100%;
    min-width: 800px;
    text-align: center;
}

.page-template-page-deflatehae-patient .hero-secondary.blue {
    padding-top: 270px;
    height: 540px;
    margin-bottom: -210px; /* Pull the next content section up to hide the overlap */
    /* Safari-specific fixes */
    -webkit-transform: translateZ(0); /* Force hardware acceleration */
    transform: translateZ(0);
    /* Ensure proper height calculation in Safari */
    min-height: 540px;
    max-height: 540px;
    /* Alternative gradient approach for Safari */
    background: -webkit-linear-gradient(to bottom, #29AAE1, #1C7399);
    background: linear-gradient(to bottom, #29AAE1, #1C7399);
}

/* Remove the old ::after pseudo element for blue variant */
.page-template-page-deflatehae-patient .hero-secondary.blue::after {
    display: none;
}

/* Bottom curve container - positioned relative to main wrapper */
.page-template-page-deflatehae-patient .bottom-curve-container {
    position: absolute;
    bottom: -34px;
    left: 0;
    right: 0;
    height: 35px;
    overflow: hidden;
    z-index: 3;
    /* Safari-specific positioning fix */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.page-template-page-deflatehae-patient .bottom-curve {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    -webkit-mask-image: url(#patient-subnav-shape-mask);
    mask-image: url(#patient-subnav-shape-mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom center;
    mask-position: bottom center;
    z-index: 3;
    /* Safari-specific mask rendering fix */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.page-template-page-deflatehae-patient .bottom-curve-container:not(.blue) .bottom-curve {
    background-color: var(--color-yellow);
}

.page-template-page-deflatehae-patient .bottom-curve-container.blue .bottom-curve {
    background-color: var(--color-blue-dark);
    /* Safari-specific background fix */
    background: -webkit-linear-gradient(to bottom, #1C7399, #1C7399);
    background: linear-gradient(to bottom, #1C7399, #1C7399);
    /* Ensure consistent positioning with regular variant */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.page-template-page-deflatehae-patient .hero-title,
.page-template-page-deflatehae-patient .hero-title .big,
.page-template-page-deflatehae-patient .hero-title .small {
    color: var(--color-nav-gray);
}

/* Keep the h1 full width for borders */
.page-template-page-deflatehae-patient .hero-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Position the text content to the right */
.page-template-page-deflatehae-patient .hero-title .small {
    max-width: var(--hero-patient-content-width-max);
    min-width: 830px;
    text-align: center;
}

/* Keep the big text container full width for borders */
.page-template-page-deflatehae-patient .hero-title .big {
    max-width: var(--hero-patient-content-width-max);
    text-align: center;
    margin: 40px 0;
    position: relative;
    min-width: 1100px;
    padding: 0;
    font-size: 4.5rem;
    line-height: 5.2rem;
}

.page-template-page-deflatehae-patient .left-image-right-text .hero-title {
    align-items: flex-end;
}

.page-template-page-deflatehae-patient .right-image-left-text .hero-title {
    align-items: flex-start;
}

.page-template-page-deflatehae-patient .left-image-right-text .hero-title .big{
    padding: 0 10% 0 35%;
}

.page-template-page-deflatehae-patient .right-image-left-text .hero-title .big{
    padding: 0 35% 0 10%;
}
    
/* Position the actual text within the big span */
.page-template-page-deflatehae-patient .hero-title .big > span {
    max-width: var(--hero-patient-content-width-max);
    margin-left: auto;
    padding-right: 30px;
    text-align: left;
    display: block;
}

/* Override SVG border colors */
.page-template-page-deflatehae-patient .hero-content h1 .big .hero-border-top,
.page-template-page-deflatehae-patient .hero-content h1 .big .hero-border-bottom {
    color: var(--color-yellow);
}

.page-template-page-deflatehae-patient .hero-title .big::before,
.page-template-page-deflatehae-patient .hero-title .big::after {
    color: var(--color-yellow);
    background-size: 100% 200%;
    width: 100%;
    height: 7px;
} 

.page-template-page-deflatehae-patient .carousel-slide {
    overflow: hidden;
}

.page-template-page-deflatehae-patient .carousel-slide img {
    margin-top: 60px;
}

.page-template-page-deflatehae-patient .hero-content {
    top: 55%;
    width: clamp(var(--hero-content-width-min), var(--hero-content-width-preferred), var(--hero-patient-content-width-max));
}

.page-template-page-deflatehae-patient .hero-copy {
    background-color: transparent;
}

.page-template-page-deflatehae-patient .center-image {
    height: auto;
    width: 360px;
}

.page-template-page-deflatehae-patient .center-image img {
    height: 100%;
    width: 100%;
}

/* Patient-specific hero bottom styles - only for patient content, not carousel */
.page-template-page-deflatehae-patient .hero-bottom:not(.text-content) {
    padding-bottom: 70px;
}

.page-template-page-deflatehae-patient .hero-content-secondary {
    position: relative;
    max-width: 1177px;
    margin: 0 auto;
    padding: 0 30px 20px; /* Reduce bottom padding since we've added it to the parent */
    text-align: center;
    z-index: 0; /* Ensure text is at the bottom layer */
}

.page-template-page-deflatehae-patient .hero-secondary.blue .hero-content-secondary {
    max-width: unset;
    padding: 0 0 20px;
}

/* Position the patient hero secondary image - FIXED LAYERING */
.page-template-page-deflatehae-patient .patient-hero-secondary-image {
    position: absolute;
    bottom: -20px;
    width: 45%;
    left: 50%;
    max-width: 320px;
    /* Set z-index to be above text but below mask */
    z-index: 2; /* Above text, below curve mask */
    /* Remove clip-path - it's not working as expected */
}

.page-template-page-deflatehae-patient .right-image-left-text .patient-hero-secondary-image {
    transform: translateX(45%);
}

.page-template-page-deflatehae-patient .left-image-right-text .patient-hero-secondary-image {
    transform: translateX(-150%);
}

.page-template-page-deflatehae-patient .patient-hero-secondary-image img {
    width: 100%;
    height: auto;
    display: block;
}

.page-template-page-deflatehae-patient .disclaimer-text-container {
    top: 150px;
    left: 75%;
}

@media (max-width: 1599px) {
    .page-template-page-deflatehae-patient .hero-content{
        top: 60%;
    }
}

@media (max-width: 1366px) {
    .page-template-page-deflatehae-patient .hero-section {
        padding-top: clamp(80px, 18vh, 140px);
    }

    .page-template-page-deflatehae-patient .hero-secondary:not(.blue) {
        padding-top: 270px;
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue {
        padding-top: 300px;
    }

    .page-template-page-deflatehae-patient .bottom-curve-container {
        bottom: -20px;
        height: 20px;
    }

    .page-template-page-deflatehae-patient .bottom-curve-container.blue {
        bottom: -34px;
        height: 35px;
    }

    .page-template-page-deflatehae-patient .bottom-curve-container:not(.blue) .bottom-curve {
        height: 100px;
    }
}

@media (max-width: 1024px) {

    .page-template-page-deflatehae-patient .hero-secondary:not(.blue) {
        padding-top: 170px;
    }

    .page-template-page-deflatehae-patient .hero-section-wrapper.secondary:not(.blue) .hero-inner-wrapper {
        height: 410px;
    }

    .page-template-page-deflatehae-patient .hero-section {
        padding-top: 60px;
    }

    .page-template-page-deflatehae-patient .hero-secondary:not(.blue) {
        padding-top: 170px;
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue {
        padding-top: 140px;
        height: 410px;
        min-height: 410px;
        max-height: 410px;
        /* Safari-specific fixes */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .page-template-page-deflatehae-patient .patient-hero-secondary-image {
        width: 50%;
    }

    .page-template-page-deflatehae-patient .left-image-right-text .patient-hero-secondary-image {
        left: 63%;
    }

    .page-template-page-deflatehae-patient .right-image-left-text .patient-hero-secondary-image {
        left: 40%;
    }

    .page-template-page-deflatehae-patient .left-image-right-text .hero-title .small {
        min-width: 100%;
        width: 100%;
        padding: 0 0 0 33%;
    }

    .page-template-page-deflatehae-patient .right-image-left-text .hero-title .small {
        min-width: 100%;
        width: 100%;
        padding: 0 27% 0 0;
    }

    /* Position the text content to the right */
    .page-template-page-deflatehae-patient .left-image-right-text .hero-title .big {
        min-width: 100%;
        width: 100%;
    }

    .page-template-page-deflatehae-patient .right-image-left-text .hero-title .big {
        min-width: 100%;
        width: 100%;
    }

    /* Keep the big text container full width for borders */
    .page-template-page-deflatehae-patient .hero-title .big {
        max-width: var(--hero-patient-content-width-max);
        text-align: center;
        margin: 40px 0;
        position: relative;
        min-width: 1100px;
        padding: 0;
        font-size: 4.5rem;
        line-height: 5.2rem;
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .big {
        font-size: 6rem;
        line-height: 7rem;
        min-width: 400px;
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .small {
        font-size: 2.0rem;
        line-height: 2.6rem;
        min-width: 600px;
    }

    .page-template-page-deflatehae-patient .hero-title .small {
        min-width: 600px;
        font-size: 2.0rem;
        line-height: 2.4rem;
    }

    .page-template-page-deflatehae-patient .hero-title .big {
        min-width: 800px;
        font-size: 3.5rem;
        line-height: 4.2rem;
    }

    .page-template-page-deflatehae-patient .disclaimer-text-container {
        top: 100px;
        left: 80%;
    }
}

@media (max-width: 767px) {
    .page-template-page-deflatehae-patient .hero-section-wrapper:not(.secondary):not(.blue) {
        padding-bottom: 450px;
    }

    .page-template-page-deflatehae-patient .hero-secondary:not(.blue) {
        padding-top: 150px;
        height: 410px;
    }

    .page-template-page-deflatehae-patient .hero-section-wrapper.secondary:not(.blue) .hero-inner-wrapper {
        height: 480px;
    }

    .page-template-page-deflatehae-patient .hero-carousel-disclaimer {
        position: relative;
        margin: 0 auto;
    }

    .page-template-page-deflatehae-patient .text-content {
        padding: 0 0 170px 0;
    }

    /* Patient-specific hero bottom styles - only for patient content, not carousel */
    .page-template-page-deflatehae-patient .hero-bottom:not(.text-content) {
        padding-bottom: 170px;
    }

    .page-template-page-deflatehae-patient .hero-content {
        top: 50%;
    }

    .page-template-page-deflatehae-patient .left-text-container {
        margin-top: 0;
    }

    .page-template-page-deflatehae-patient .right-text-container {
        margin-top: 0px;
    }

    .page-template-page-deflatehae-patient .center-images-container {
        margin: 130px 0 10px 0;
    }

    .page-template-page-deflatehae-patient .hero-section-wrapper.secondary:not(.blue) {
        background: var(--color-yellow);
    }

    .page-template-page-deflatehae-patient .left-image-right-text .patient-hero-secondary-image,
    .page-template-page-deflatehae-patient .right-image-left-text .patient-hero-secondary-image {
        left: 47%;
    }

    .page-template-page-deflatehae-patient .hero-title .small {
        min-width: unset;
        font-size: 1.6rem;
        line-height: 2.0rem;
        padding: 0 20px;
    }

    .page-template-page-deflatehae-patient .hero-title .big {
        min-width: unset;
        padding: 0 20px;
    }

    .page-template-page-deflatehae-patient .right-image-left-text .hero-title .big,
    .page-template-page-deflatehae-patient .left-image-right-text .hero-title .big {
        min-width: unset;
        font-size: 2.8rem;
        line-height: 3.4rem;
        padding: 0;
        margin: 20px auto 0;
    }

    .page-template-page-deflatehae-patient .right-image-left-text .hero-title .small,
    .page-template-page-deflatehae-patient .left-image-right-text .hero-title .small {
        margin: 0 auto;
        padding: 0;
    }

    .page-template-page-deflatehae-patient .hero-section-wrapper.blue {
        padding-bottom: 100px;
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue {
        padding-top: 160px;
        height: 475px;
        min-height: 475px;
        max-height: 475px;
        /* Safari-specific fixes */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .small {
        min-width: unset;
        white-space: normal;
        align-items: center;
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .big {
        min-width: unset;
        white-space: normal;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .page-template-page-deflatehae-patient .hero-secondary.blue .hero-title .big > span {
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    .page-template-page-deflatehae-patient .right-image-left-text .patient-hero-secondary-image,
    .page-template-page-deflatehae-patient .left-image-right-text .patient-hero-secondary-image {
        width: 60%;
        bottom: -17px;
        transform: translateX(-50%);
        max-width: 250px;
    }

    .page-template-page-deflatehae-patient .disclaimer-text-container {
        top: 95px;
        left: 50%;
        transform: translateX(-50%);
    }

    .page-template-page-deflatehae-patient .bottom-curve-container {
        bottom: -11px;
        height: 12px;
        /* Safari-specific positioning fix for mobile */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .page-template-page-deflatehae-patient .bottom-curve-container:not(.blue) .bottom-curve {
        height: 50px;
        /* Safari-specific mask fix for mobile */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}/* Interactive Patient Profile Assessment Block Styles */

.page-template-page-deflatehae-patient .assessment-container {
    background-color: var(--color-yellow);
}

.page-template-page-deflatehae-patient .default-content {
    max-width: 1200px;
}

.page-template-page-deflatehae-patient .assessment-view-default {
    height: 100%;
}

.page-template-page-deflatehae-patient .assessment-view-default::before {
    background-position: 0 70px;
}

.page-template-page-deflatehae-patient .default-subhead {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .default-title .small {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .default-title .big {
    font-size: 50px;
    line-height: 50px;
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .cta-text-left,
.page-template-page-deflatehae-patient .cta-text-right {
    color: var(--color-nav-gray);
}

/* Intro View */
.page-template-page-deflatehae-patient .assessment-view-intro {
    padding: 0;
    position: relative;
    z-index: 2;
}

/* Only show intro view when active */
.page-template-page-deflatehae-patient .assessment-view-intro.active {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page-template-page-deflatehae-patient .assessment-view-intro .view-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
}

/* No background image for intro view */

.page-template-page-deflatehae-patient .intro-title {
    font-size: 30px;
    line-height: 36px;
    color: var(--color-nav-gray);
    font-weight: 700;
}

.page-template-page-deflatehae-patient .intro-paragraph {
    font-size: 18px;
    line-height: 24px;
    color: var(--color-nav-gray);
    font-weight: 500;
}

/* Home button - absolute positioned in top-left on intro view */
.page-template-page-deflatehae-patient .assessment-view-intro .btn-home {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .assessment-view-intro .btn-home:hover {
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .progress-to-quiz {
    background: var(--color-white);
    border: 2px solid var(--color-white);
}

.page-template-page-deflatehae-patient .progress-to-quiz:hover {
    background: transparent;
    color: var(--color-white);
    border: 2px solid var(--color-white);
}

/* Quiz Home Button - same styling as intro home */
.page-template-page-deflatehae-patient .quiz-home {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .quiz-home:hover {
    color: var(--color-white);
}

/* Quiz Title - Yellow background box */
.page-template-page-deflatehae-patient .quiz-title {
    background: var(--color-blue);
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .progress-text {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .question-text {
    color: var(--color-nav-gray);
}

/* Hide question text for two-part questions on DESKTOP only since we render it inline */
@media (min-width: 1024px) {
    .page-template-page-deflatehae-patient .quiz-slide-question:has(.two-part-options) .question-text {
        display: none;
    }

    .page-template-page-deflatehae-patient .quiz-slide-question:has(.two-part-special-options) .question-text {
        display: none;
    }
    
    .page-template-page-deflatehae-patient .profile-image-mobile {
        display: none !important;
    }
}

/* Patient Template: Two-part-special responsive adjustments for scaling issues */
@media (max-width: 1499px) and (min-width: 1400px) {
    .page-template-page-deflatehae-patient .two-part-special-main {
        width: 450px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-main-question {
        font-size: 35px;
        line-height: 41px;
        min-height: 82px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-secondary {
        width: 680px;
        grid-gap: 29px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-question-text {
        font-size: 23px;
        line-height: 31px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-option {
        font-size: 17px;
        padding: 14px 19px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-main .answer-option {
        max-width: 180px;
        padding: 14px 19px;
    }
    
    /* Two-part responsive adjustments for 1500-1400px */
    .page-template-page-deflatehae-patient .two-part-main {
        width: 450px;
    }
    
    .page-template-page-deflatehae-patient .two-part-main-question {
        font-size: 35px;
        line-height: 41px;
        min-height: 82px;
    }
    
    .page-template-page-deflatehae-patient .two-part-satisfaction .satisfaction-question {
        font-size: 23px;
        line-height: 31px;
    }
    
    .page-template-page-deflatehae-patient .two-part-main .answer-option {
        max-width: 180px;
        padding: 14px 19px;
    }
    
    .page-template-page-deflatehae-patient .two-part-satisfaction .answer-option {
        font-size: 17px;
        padding: 14px 19px;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .page-template-page-deflatehae-patient .two-part-special-main {
        width: 440px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-main-question {
        font-size: 34px;
        line-height: 40px;
        min-height: 80px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-secondary {
        width: 665px;
        grid-gap: 28px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-question-text {
        font-size: 23px;
        line-height: 30px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-option {
        font-size: 17px;
        padding: 14px 19px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-main .answer-option {
        max-width: 175px;
        padding: 14px 19px;
    }
    
    /* Two-part responsive adjustments for 1400-1200px */
    .page-template-page-deflatehae-patient .two-part-main {
        width: 440px;
    }
    
    .page-template-page-deflatehae-patient .two-part-main-question {
        font-size: 34px;
        line-height: 40px;
        min-height: 80px;
    }
    
    .page-template-page-deflatehae-patient .two-part-satisfaction .satisfaction-question {
        font-size: 23px;
        line-height: 30px;
    }
    
    .page-template-page-deflatehae-patient .two-part-main .answer-option {
        max-width: 175px;
        padding: 14px 19px;
    }
    
    .page-template-page-deflatehae-patient .two-part-satisfaction .answer-option {
        font-size: 17px;
        padding: 14px 19px;
    }
}

@media (max-width: 1299px) and (min-width: 1024px) {
    .page-template-page-deflatehae-patient .two-part-special-main {
        width: 35%;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-main-question {
        font-size: 28px;
        line-height: 34px;
        min-height: 68px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-secondary {
        width: 49%;
        grid-gap: 20px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-question-text {
        font-size: 19px;
        line-height: 25px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-option {
        font-size: 14px;
        padding: 10px 15px;
    }
    
    .page-template-page-deflatehae-patient .two-part-special-main .answer-option {
        max-width: 145px;
        padding: 10px 15px;
    }
    
    /* Two-part responsive adjustments for 1099-1024px */
    .page-template-page-deflatehae-patient .two-part-main {
        width: 35%;
    }

    .page-template-page-deflatehae-patient .two-part-satisfaction:not([style*="display: none"]) {
        width: 49%;
    }
    
    .page-template-page-deflatehae-patient .two-part-main-question {
        font-size: 28px;
        line-height: 34px;
        min-height: 68px;
    }
    
    .page-template-page-deflatehae-patient .two-part-satisfaction .satisfaction-question {
        font-size: 19px;
        line-height: 25px;
    }
    
    .page-template-page-deflatehae-patient .two-part-main .answer-option {
        max-width: 145px;
        padding: 10px 15px;
    }
    
    .page-template-page-deflatehae-patient .two-part-satisfaction .answer-option {
        font-size: 14px;
        padding: 10px 15px;
    }
}

.page-template-page-deflatehae-patient .answer-option {
    background: var(--color-white);
    color: var(--color-nav-gray);
    border: 2px solid var(--color-white);
    font-weight: 600;
}

.page-template-page-deflatehae-patient .answer-option:hover {
    background: transparent;
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .answer-option.selected {
    background: transparent;
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .btn-next-question {
    background: var(--color-white);
    color: var(--color-nav-gray);
    border: 2px solid var(--color-white);
}

.page-template-page-deflatehae-patient .btn-next-question:hover {
    background: transparent;
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .two-part-special-secondary::before {
    background: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .two-part-special-main-question,
.page-template-page-deflatehae-patient .two-part-main-question {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .two-part-special-question-text {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .two-part-satisfaction .satisfaction-question {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .multi-select-options.multi-select-two-columns .multi-select-instruction {
    color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .multi-select-options.multi-select-two-columns .multi-select-option {
    color: var(--color-nav-gray);
    font-weight: 600;
}

.page-template-page-deflatehae-patient .multi-select-options.multi-select-two-columns .checkbox-label {
    color: var(--color-nav-gray);
    font-size: 24px;
    font-weight: 600;
}

/* Multiple choice two-column layout styling for patient template */
.page-template-page-deflatehae-patient .single-select-options.multi-select-two-columns .answer-option {
    background: var(--color-white);
    color: var(--color-nav-gray);
    border: 2px solid var(--color-white);
    font-weight: 600;
}

.page-template-page-deflatehae-patient .single-select-options.multi-select-two-columns .answer-option:hover {
    background: transparent;
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .single-select-options.multi-select-two-columns .answer-option.selected {
    background: transparent;
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .multi-select-continue {
    background: var(--color-white);
    color: var(--color-nav-gray);
    border: 2px solid var(--color-white);
    font-size: 18px;
    padding: 10px 20px;
}

.page-template-page-deflatehae-patient .multi-select-continue:hover:not(:disabled) {
    background: transparent;
    color: var(--color-white);
}

.page-template-page-deflatehae-patient .multi-select-continue:disabled {
    background: #ccc;
    color: #666;
    border-color: #ccc;
    cursor: not-allowed;
}

.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content, 
.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content p:not(.input-field), 
.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content label:not(.input-field), 
.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content span:not(.input-field), 
.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content div:not(.form-input) {
    color: var(--color-nav-gray) !important;
}

.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content a.form-link {
    color: var(--color-nav-gray) !important;
}

.page-template-page-deflatehae-patient .multi-select-options.multi-select-two-columns,
.page-template-page-deflatehae-patient .single-select-options.multi-select-two-columns {
    width: 60%;
}

.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content {
    max-width: 1100px;
    padding-top: 60px;
}

.page-template-page-deflatehae-patient .assessment-view-form .salesforce-form {
    margin: 20px auto 0;
}

.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content .salesforce-form #form-col4 .form-input input.pv-btn.sf-button {
    background: var(--color-white);
    color: var(--color-nav-gray);
    border: 2px solid var(--color-white);
    max-width: 300px;
}

.page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content .salesforce-form #form-col4 .form-input input.pv-btn.sf-button:hover {
    background: transparent;
    color: var(--color-white) !important;
    border: 2px solid var(--color-white);
}

/* Profile CTA Buttons - Patient Template Overrides */
.page-template-page-deflatehae-patient .profile-cta-btn {
    background: var(--color-white);
    color: var(--color-nav-gray);
    border: 2px solid var(--color-white);
    font-size: 18px;
}

.page-template-page-deflatehae-patient .profile-cta-btn:hover {
    background: transparent;
    color: var(--color-white);
    border: 2px solid var(--color-white);
}

.page-template-page-deflatehae-patient .profile-cta-container {
    position: absolute;
    bottom: 15%;
    left: 8%;
    z-index: 10;
    transform: translateX(0);
}


@media (max-width: 1199px) {
    .page-template-page-deflatehae-patient .assessment-view-default::before {
        background-position: 0 100%;
    }
}



@media (max-width: 1023px) {
    /* Override HCP mobile reordering for Patient - maintain original order */
    .page-template-page-deflatehae-patient .default-content {
        display: block;
    }

    .page-template-page-deflatehae-patient .default-title {
        order: unset;
        margin: 0 auto 30px;
    }

    .page-template-page-deflatehae-patient .default-subhead {
        order: unset;
        margin: 100px auto 40px;
    }

    .page-template-page-deflatehae-patient .default-action {
        order: unset;
    }

    .page-template-page-deflatehae-patient .default-subhead{
        margin-top: 0;
    }

    .page-template-page-deflatehae-patient .default-title .small{
        font-size: 40px;
    }

    .page-template-page-deflatehae-patient .assessment-view-default::before {
        background-position: 0 80%;
    }

    .floating-cta-container {
        margin-top: 0;
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .page-template-page-deflatehae-patient .floating-cta-balloon {
        max-width: 125px;
    }

    .page-template-page-deflatehae-patient .cta-text-left::before {
        color: var(--color-nav-gray);
    }

    .page-template-page-deflatehae-patient .assessment-view-intro .view-content {
        padding: 40px 25px;
    }
    
    .page-template-page-deflatehae-patient .intro-content {
        margin: 20px 0 0 0;
    }
    
    .page-template-page-deflatehae-patient .intro-navigation {
        justify-content: space-between;
        margin-top: 20px;
        width: 100%;
    }

    .page-template-page-deflatehae-patient .intro-image {
        width: 90%;
        max-width: 400px;
        max-height: 270px;
        margin: 0 auto;
    }
    
    .page-template-page-deflatehae-patient .profile-image-desktop {
        display: none !important;
    }

    .page-template-page-deflatehae-patient .profile-image-mobile {
        display: block !important;
    }

    .page-template-page-deflatehae-patient .intro-title {
        font-size: 2.0rem;
        line-height: 2.6rem;
    }

    .page-template-page-deflatehae-patient .intro-paragraph {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    /* Show question text on mobile for two-part and multi-select types */
    .page-template-page-deflatehae-patient .question-type-two-part .question-text,
    .page-template-page-deflatehae-patient .question-type-two-part-special .question-text,
    .page-template-page-deflatehae-patient .question-type-multi-select .question-text {
        display: block !important;
        font-size: 2.0rem;
        line-height: 2.6rem;
    }

    /* Hide inline question text for both two-part types on mobile */
    .page-template-page-deflatehae-patient .question-type-two-part .two-part-main-question,
    .page-template-page-deflatehae-patient .question-type-two-part-special .two-part-special-main-question {
        display: none !important;
    }

    /* Show satisfaction question text on mobile for regular two-part */
    .page-template-page-deflatehae-patient .question-type-two-part .two-part-satisfaction .satisfaction-question {
        display: block !important;
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: var(--color-nav-gray);
        margin: 0 0 20px 0;
        text-align: center;
        text-transform: uppercase;
    }

    .page-template-page-deflatehae-patient .question-text {
        font-size: 1.6rem;
        line-height: 2.2rem;
        max-width: 300px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 80px auto 10px !important;
        text-align: center !important;
    }

    .page-template-page-deflatehae-patient .question-type-two-part_special.mobile-two-part-question .question-text {
        font-size: 1.6rem;
        line-height: 2.2rem;
        max-width: 320px;
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 50px !important;
    }
    
    .page-template-page-deflatehae-patient .quiz-current-image{
        bottom: -30px;
        left: 10px;
        width: 82px;
        height: 143px;
    }

    .page-template-page-deflatehae-patient .multi-select-options.multi-select-two-columns, .page-template-page-deflatehae-patient .single-select-options.multi-select-two-columns{
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .page-template-page-deflatehae-patient .single-select-options.multi-select-two-columns .answer-option{
        width: 100%;
        font-size: 1.8rem;
        padding: 8px 20px;
        margin: 6px 0;
    }
    
    .page-template-page-deflatehae-patient .answer-options {
        top: 55%;
    }
    
    .page-template-page-deflatehae-patient .answer-option {
        font-size: 1.6rem !important;
        line-height: 2.2rem !important;
        padding: 8px 20px !important;
    }
    
    .page-template-page-deflatehae-patient .multi-select-column {
        width: 100%;
    }

    /* Remove gaps between columns on mobile for multi-select */
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-options.multi-select-two-columns {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-column {
        width: 100%;
        margin: 0;
        gap: 0;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-column-first,
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-column-second {
        flex: none !important;
        width: 100% !important;
        margin: 0;
        gap: 0;
    }
    
    .page-template-page-deflatehae-patient .insight-image-container{
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    
    .page-template-page-deflatehae-patient .btn-next-question{
        right: 50%;
        transform: translateX(50%);
    }

    .page-template-page-deflatehae-patient .two-part-special-main-question, .page-template-page-deflatehae-patient .two-part-main-question{
        font-size: 2.0rem;
        line-height: 2.6rem;
        max-width: 270px;
        margin: 0 auto;
        text-align: center;
    }

    .page-template-page-deflatehae-patient .two-part-special-options {
        transform: translate(0, 0) !important;
    }

    .page-template-page-deflatehae-patient .two-part-special-question-text{
        font-size: 1.4rem;
        line-height: 2rem;
        text-align: center;
    }

    .page-template-page-deflatehae-patient .two-part-special-main .answer-option {
        padding: 8px 20px;
        margin: 10px auto 0;
        min-width: 120px;
    }

    .page-template-page-deflatehae-patient .two-part-special-main {
        width: 300px;
    }

    .page-template-page-deflatehae-patient .two-part-satisfaction .answer-option, .two-part-special-option {
        font-size: 1.6rem;
        padding: 8px 20px;
        max-width: 300px !important;
        margin: 0 auto;
    }

    .page-template-page-deflatehae-patient .two-part-special-question-two, .page-template-page-deflatehae-patient .two-part-special-question-three{
        gap: 10px;
    }

    /* Mobile Multi-Select Question Styles - Patient Template */
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-options {
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-instruction {
        font-size: 1.8rem;
        color: var(--color-nav-gray);
        margin-bottom: 20px;
        font-weight: 500;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        text-align: center;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-option {
        display: block !important;
        width: 100%;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
        border-bottom: 1px solid var(--color-nav-gray);
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-option:first-child {
        border-top: 1px solid var(--color-nav-gray);
    }

    /* Remove top border from second column's first option to avoid double border */
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-column-second .multi-select-option:first-child {
        border-top: none;
    }

    /* Hide the custom circle styling on mobile */
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-option::before {
        display: none;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .checkbox-label {
        display: block;
        width: 100%;
        padding: 1.5vh 20px;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: var(--color-nav-gray);
        text-align: center;
        margin: 0;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    /* Selected state */
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-option.checked {
        background-color: var(--color-nav-gray);
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-option.checked .checkbox-label {
        color: var(--color-yellow);
    }

    /* Multi-select continue button positioning */
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-continue {
        position: fixed;
        bottom: 40px;
        right: 50%;
        transform: translateX(50%);
        z-index: 20;
    }

    /* Mobile Profile CTA Button Layout - Patient Template */
    .page-template-page-deflatehae-patient .profile-cta-wrapper.dual-cta {
        flex-direction: column;
        gap: 15px;
        align-items: center;
        justify-content: center;
    }

    .page-template-page-deflatehae-patient .profile-cta-btn.profile-cta-primary,
    .page-template-page-deflatehae-patient .profile-cta-btn.profile-cta-secondary {
        padding: 10px 20px;
        font-size: 1.8rem;
        min-width: 200px;
        width: 100%;
        max-width: 300px;
    }

    .page-template-page-deflatehae-patient .profile-cta-container {
        bottom: 5.5%;
        left: 50%;
        transform: translateX(-50%);
    }

    /* Hide home button in form view on mobile - Patient Template */
    .page-template-page-deflatehae-patient .assessment-view-form .btn-home.quiz-home {
        display: none;
    }

    /* Form view quiz title minimum width on mobile - Patient Template */
    .page-template-page-deflatehae-patient .assessment-view-form .quiz-title {
        min-width: 350px;
    }

    .page-template-page-deflatehae-patient .assessment-view-form .configurable-form-content {
        padding-top: 0;
    }

    /* Mobile checkbox group override for assessment forms - Patient Template */
    .page-template-page-deflatehae-patient .assessment-view-form .checkbox-group-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 auto 20px !important;
    }

    .page-template-page-deflatehae-patient .assessment-view-form .checkbox-option {
        flex: 0 1 calc(50% - 5px) !important;
        min-width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .page-template-page-deflatehae-patient .profile-image-container {
        transform: translate(-50%, -70%);
    }
}

@media (max-width: 400px) {

    .page-template-page-deflatehae-patient .default-subhead{
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .page-template-page-deflatehae-patient .intro-image {
        max-height: 30vh;
    }

    .page-template-page-deflatehae-patient .insight-image {
        max-height: 50vh;
    }

    .page-template-page-deflatehae-patient .assessment-view-intro .btn-home {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
        padding: 6px 20px !important;
    }

    .page-template-page-deflatehae-patient .progress-to-quiz,
    .page-template-page-deflatehae-patient .btn-next-question,
    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-continue {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
        padding: 6px 20px !important;
    }

    .page-template-page-deflatehae-patient .default-title .big{
        font-size: 4.5rem;
        line-height: 5rem;
    }

    .page-template-page-deflatehae-patient .intro-title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 0;
    }

    .page-template-page-deflatehae-patient .intro-paragraph {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .page-template-page-deflatehae-patient .question-type-two-part_special.mobile-two-part-question .question-text,
    .page-template-page-deflatehae-patient .question-type-multi-select .question-text {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 50px !important;
    }

    .page-template-page-deflatehae-patient .two-part-special-question-text {
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin-bottom: 10px;
    }

    .page-template-page-deflatehae-patient .answer-option {
        font-size: 1.2rem !important;
        line-height: 1.8rem !important;
        padding: 6px 20px !important;
    }

    .page-template-page-deflatehae-patient .question-type-two-part .two-part-satisfaction .satisfaction-question {
        font-size: 1.2rem;
        line-height: 1.8rem;
        padding: 0;
    }

    .page-template-page-deflatehae-patient .two-part-options {
        gap: 10px;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .multi-select-instruction {
        font-size: 1.4rem !important;
        line-height: 2rem !important;
        margin-bottom: 10px !important;
    }

    .page-template-page-deflatehae-patient .question-type-multi-select .checkbox-label {
        font-size: 1.4rem !important;
        line-height: 2rem !important;
        padding: 10px 20px !important;
    }

    .page-template-page-deflatehae-patient .profile-cta-btn.profile-cta-primary, 
    .page-template-page-deflatehae-patient .profile-cta-btn.profile-cta-secondary {
        padding: 8px 20px !important;
        font-size: 1.4rem !important;
        line-height: 2rem !important;
    }

    .page-template-page-deflatehae-patient .profile-image-mobile {
        max-height: 50vh;
    }
}

/* Mobile Safari specific fixes for Patient Template - prevent crashes on iPhone 16 */
@supports (-webkit-touch-callout: none) {
    /* iPhone Safari specific fixes for patient template */
    .page-template-page-deflatehae-patient .assessment-container {
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        -webkit-transform: translateZ(0); /* Force hardware acceleration */
        transform: translateZ(0);
    }
    
    .page-template-page-deflatehae-patient .assessment-view {
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    /* Prevent text size adjustment on orientation change for patient template */
    .page-template-page-deflatehae-patient .assessment-container,
    .page-template-page-deflatehae-patient .assessment-view,
    .page-template-page-deflatehae-patient .quiz-slide,
    .page-template-page-deflatehae-patient .answer-option,
    .page-template-page-deflatehae-patient .question-text {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    
    /* Prevent zoom on input focus for patient template */
    .page-template-page-deflatehae-patient .assessment-view-form input,
    .page-template-page-deflatehae-patient .assessment-view-form textarea,
    .page-template-page-deflatehae-patient .assessment-view-form select {
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
}.page-template-page-deflatehae-patient .people-stories-interactive-wrapper {
    padding: 150px 0 40px;
}/* Patient Reference Section Pattern */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
    padding: 50px 14%;
    margin: 0 auto;
    width: 100%;
}

/* Critical fix for container line heights */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .wp-block-list {
    line-height: var(--font-lh-reference);
    display: inline;
}

.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .wp-block-group {
    line-height: var(--font-lh-reference);
    max-width: 1460px;
    margin: 0 auto;
}

/* Reference List Styling */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .reference-list {
    margin: 0 0 20px 0;
    display: block;
    font-size: var(--font-size-reference-title);
    line-height: var(--font-lh-reference-title);
    text-transform: uppercase;
}

.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
    font-size: var(--font-size-reference);
    line-height: var(--font-lh-reference);
}

.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references li {
    display: inline;
    font-size: var(--font-size-reference);
    line-height: var(--font-lh-reference);
}

/* Override any potential counter styles */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references li::before {
    content: none;
}

/* Add bullets between items */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references li:not(:first-child)::before {
    content: "•";
    color: white;
    margin: 0 8px 0 0;
}

/* Link styling */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references li a {
    text-decoration: none;
    color: var(--color-yellow);
    font-size: var(--font-size-reference);
    line-height: var(--font-lh-reference);
}

/* Dark Styles */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section.dark {
    color: white;
}

@media screen and (max-width: 1599px) {
    .page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
        padding: 100px 10% 0;
    }
}

@media screen and (max-width: 1365px) {
    .page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
        padding: 60px 10% 0;
    }
}

@media screen and (max-width: 767px) {
    .page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
        padding: 40px 5% 0;
    }
} /* Patient Reference Section Pattern */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
    padding: 50px 14%;
    margin: 0 auto;
    width: 100%;
}

/* Critical fix for container line heights */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .wp-block-list {
    line-height: var(--font-lh-reference);
    display: inline;
}

.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .wp-block-group {
    line-height: var(--font-lh-reference);
    max-width: 1460px;
    margin: 0 auto;
}

/* Reference List Styling */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .reference-list {
    margin: 0 0 20px 0;
    display: block;
    font-size: var(--font-size-reference-title);
    line-height: var(--font-lh-reference-title);
    text-transform: uppercase;
}

.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
    font-size: var(--font-size-reference);
    line-height: var(--font-lh-reference);
}

.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references li {
    display: inline;
    font-size: var(--font-size-reference);
    line-height: var(--font-lh-reference);
}

/* Link styling */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references li a {
    text-decoration: none;
    color: var(--color-yellow);
    font-size: var(--font-size-reference);
    line-height: var(--font-lh-reference);
}

/* Reference bullets */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section .inline-references li:not(:first-child)::before {
    content: "•";
    color: white;
    margin: 0 0.5em;
}

/* Dark Styles */
.page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section.dark {
    color: white;
}

@media screen and (max-width: 1599px) {
    .page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
        padding: 100px 10% 0;
    }
}

@media screen and (max-width: 1365px) {
    .page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
        padding: 60px 10% 0;
    }
}

@media screen and (max-width: 767px) {
    .page-template-page-deflatehae-patient .wp-block-group.is-style-reference-section {
        padding: 40px 5% 0;
    }
} /* Resources Component - Scoped Styles */
.page-template-page-deflatehae-patient .resources-wrapper {
    background: var(--color-light-yellow-to-white-gradient);
    padding: 180px 0 60px;
    
    /* Responsive Design */
    @media screen and (max-width: 1024px) {
    }
    
    @media screen and (max-width: 768px) {
    }
}.full-color-callout{
    background-color: var(--color-blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
    gap: 0px;
}

.full-color-callout-heading{
    color: var(--color-white);
    font-weight: 600;
    font-size: var(--font-size-h3);
    line-height: var(--font-lh-h3);
    padding: 0 5%;
    text-align: center;
}

.full-color-callout-button .wp-block-button__link{
    color: var(--color-nav-gray);
    background-color: var(--color-yellow);
    font-weight: 600;
    font-size: var(--font-size-body);
    line-height: var(--font-lh-body);
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid var(--color-yellow);
}

.full-color-callout-button .wp-block-button__link:hover{
    background-color: var(--color-nav-gray);
    color: var(--color-yellow);
}

.page-template-page-deflatehae-patient .privacy-policy-wrapper,
.page-template-page-deflatehae-patient .terms-of-use-wrapper,
.page-template-page-deflatehae-patient .sitemap-wrapper {
    background: var(--color-light-yellow-to-white-gradient);
    padding: 40px 0 60px;
}
.page-template-page-deflatehae-patient .privacy-content-section,
.page-template-page-deflatehae-patient .terms-content-section,
.page-template-page-deflatehae-patient .sitemap-content-section {
    background-color: transparent;
}.page-template-page-deflatehae-patient .patient-split-info-wrapper {
    position: relative;
    padding: 0;
}

/* Top Section */
.page-template-page-deflatehae-patient .patient-split-info-top-section {
    background-color: var(--color-white);
    padding: 80px 20px 0;
    position: relative;
}

.page-template-page-deflatehae-patient .patient-split-info-headline-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 550px;
    width: 100%;
    background-color: var(--color-yellow);
    clip-path: var(--clip-path-headline-bowl);
    padding: 20px;
    z-index: 2;
    top: 60px;
}

.page-template-page-deflatehae-patient .patient-split-info-headline {
    color: var(--color-nav-gray);
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}

.page-template-page-deflatehae-patient .patient-split-info-top-shadow-container {
    max-width: 1194px;
    margin: 0 auto;
    filter: drop-shadow(0 -6px 12px rgba(0, 0, 0, 0.25));
}

.page-template-page-deflatehae-patient .patient-split-info-top-outer {
    position: relative;
}

.page-template-page-deflatehae-patient .patient-split-info-top-shadow {
    background-color: var(--color-white);
    clip-path: var(--clip-path-fixed-bowl-top-only);
    padding: 60px 40px;
}

/* Bottom Section */
.page-template-page-deflatehae-patient .patient-split-info-bottom-section {
    background-color: var(--color-bg-gray);
    padding: 0 20px 80px;
}

.page-template-page-deflatehae-patient .patient-split-info-bottom-shadow-container {
    max-width: 1194px;
    margin: 0 auto;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.25));
    padding-top: 0;
}

.page-template-page-deflatehae-patient .patient-split-info-bottom-outer {
    position: relative;
}

.page-template-page-deflatehae-patient .patient-split-info-bottom-shadow {
    background-color: var(--color-bg-gray);
    clip-path: var(--clip-path-fixed-bowl-bottom-only);
    padding: 60px 40px 120px;
}

.page-template-page-deflatehae-patient .patient-split-info-title {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    font-weight: 600;
    max-width: 920px;
    margin: 40px auto 40px;
}

.page-template-page-deflatehae-patient .patient-split-info-top,
.page-template-page-deflatehae-patient .patient-split-info-bottom {
    display: flex;
    gap: 40px;
}

.page-template-page-deflatehae-patient .patient-split-info-left {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    padding-right: 40px;
}

.page-template-page-deflatehae-patient .patient-split-info-left::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: var(--color-nav-gray);
}

.page-template-page-deflatehae-patient .patient-split-info-icon {
    width: 170px;
    height: auto;
    margin: 0;
}

.page-template-page-deflatehae-patient .patient-split-info-subtitle {
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}

.page-template-page-deflatehae-patient .patient-split-info-right {
    flex: 1;
}

.page-template-page-deflatehae-patient .patient-split-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-template-page-deflatehae-patient .patient-split-info-list li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 0;
}

.page-template-page-deflatehae-patient .patient-split-info-list li:last-child {
    margin-bottom: 0;
}

.page-template-page-deflatehae-patient .patient-split-info-list li::before {
    display: none;
}

.page-template-page-deflatehae-patient .patient-split-info-divider {
    display: none;
}

/* Tablet Styles */
@media screen and (max-width: 1024px) {
    .page-template-page-deflatehae-patient .patient-split-info-container {
        padding: 40px 30px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-top,
    .page-template-page-deflatehae-patient .patient-split-info-bottom {
        gap: 30px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-subtitle {
        font-size: 20px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-list li {
        font-size: 18px;
        line-height: 28px;
    }
}

/* Mobile Styles */
@media screen and (max-width: 767px) {

    .page-template-page-deflatehae-patient .patient-split-info-headline-container {
        max-width: 225px;
        top: 60px;
        padding: 10px 0;
    }
    
    .page-template-page-deflatehae-patient .patient-split-info-headline {
        font-size: 20px;
        line-height: 30px;
    }
    .page-template-page-deflatehae-patient .patient-split-info-container {
        padding: 30px 20px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-title {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 30px;
        margin-top: 100px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-content {
        gap: 30px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-top,
    .page-template-page-deflatehae-patient .patient-split-info-bottom {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .page-template-page-deflatehae-patient .patient-split-info-icon {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .page-template-page-deflatehae-patient .patient-split-info-subtitle {
        font-size: 18px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-list {
        text-align: left;
    }

    .page-template-page-deflatehae-patient .patient-split-info-list li {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-left {
        padding-right: 0;
        padding-bottom: 0;
    }

    .page-template-page-deflatehae-patient .patient-split-info-left::after {
        display: none;
    }

    .page-template-page-deflatehae-patient .patient-split-info-top-shadow,
    .page-template-page-deflatehae-patient .patient-split-info-bottom-shadow {
        padding: 30px 20px 80px;
    }

    .page-template-page-deflatehae-patient .patient-split-info-bottom-section {
        padding: 0 20px 40px;
    }
} .page-template-page-deflatehae-patient .sticky-callout-wrapper {
    z-index: 9;
}

.page-template-page-deflatehae-patient .sticky-callout-container {
    top: 245px;
}

.page-template-page-deflatehae-patient .sticky-callout-container.secondary {
    top: 500px;
}

@media (max-width: 1024px) {
    .page-template-page-deflatehae-patient .sticky-callout-container {
        top: 205px;
    }

    .page-template-page-deflatehae-patient .sticky-callout-container.secondary {
        top: 375px;
    }
}

@media (max-width: 767px) {
    .page-template-page-deflatehae-patient .sticky-callout-container {
        top: 80px;
    }

    .page-template-page-deflatehae-patient .sticky-callout-container.secondary {
        top: 435px;
    }
}

@media (max-width: 445px) {
    .page-template-page-deflatehae-patient .sticky-callout-container {
        top: 100px;
    }
}

@media (max-width: 410px) {
    .page-template-page-deflatehae-patient .sticky-callout-container {
        top: 120px;
    }
}

@media (max-width: 365px) {
    .page-template-page-deflatehae-patient .sticky-callout-container {
        top: 140px;
    }
}.page-template-page-deflatehae-patient .stories-section {
    padding: 370px 0 0;
}

.page-template-page-deflatehae-patient .stories-content {
    padding: 230px 0 0;
}

@media (max-width: 767px) {

    .page-template-page-deflatehae-patient .stories-content {
        padding: 130px 0 110px;
    }
}

@media (max-width: 440px) {

    .page-template-page-deflatehae-patient .stories-content {
        padding: 170px 0 110px;
    }
}/* Patient Track Attacks Component - Scoped Styles */
.page-template-page-deflatehae-patient .patient-track-attacks-wrapper {
    width: 100%;
    background-color: var(--color-white);
    padding: 60px 0;
}

.page-template-page-deflatehae-patient .patient-track-attacks-container {
    max-width: 1194px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
}

/* Blue Outline Headline */
.page-template-page-deflatehae-patient .blue-outline-headline {
    text-align: center;
}

.page-template-page-deflatehae-patient .blue-outline-headline .blue-border-top,
.page-template-page-deflatehae-patient .blue-outline-headline .blue-border-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 6px;
    color: var(--color-blue);
}

.page-template-page-deflatehae-patient .blue-outline-headline .blue-border-top {
    top: -10px;
}

.page-template-page-deflatehae-patient .blue-outline-headline .blue-border-bottom {
    bottom: -10px;
}

/* Content Sections */
.page-template-page-deflatehae-patient .patient-track-attacks-content {
    margin-top: 40px;
}

.page-template-page-deflatehae-patient .track-attacks-columns {
    gap: 60px;
    align-items: flex-start;
}

.page-template-page-deflatehae-patient .track-attacks-image-column {
    flex: 0 0 auto !important;
    max-width: 230px !important;
}

.page-template-page-deflatehae-patient .track-attacks-content-column {
    flex: 1 1 auto !important;
}

.page-template-page-deflatehae-patient .track-attacks-image {
    width: 100%;
    height: auto;
    max-width: 230px;
}

.page-template-page-deflatehae-patient .track-attacks-intro {
    font-size: var(--font-size-body);
    line-height: var(--font-lh-body);
    color: var(--color-nav-gray);
    margin-bottom: 60px;
    padding-right: 60px;
}

/* Custom List Styling */
.page-template-page-deflatehae-patient .track-attacks-list {
    list-style: none;
    padding: 0 60px 0 0;
    margin: 0 0 60px;
}

.page-template-page-deflatehae-patient .track-attacks-list li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
    font-size: var(--font-size-body);
    line-height: var(--font-lh-body);
    color: var(--color-nav-gray);
    font-weight: 600;
}

.page-template-page-deflatehae-patient .track-attacks-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 27px;
    background-image: url('/wp-content/uploads/static/blue-checkbox.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Button Styling */
.page-template-page-deflatehae-patient .track-attacks-button .wp-block-button__link {
    border-radius: 20px;
    font-weight: 600;
    background-color: var(--color-yellow);
    color: var(--color-nav-gray);
    border: 2px solid var(--color-yellow);
    padding: 7px 15px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.page-template-page-deflatehae-patient .track-attacks-button .wp-block-button__link:hover {
    background-color: var(--color-nav-gray);
    color: var(--color-yellow);
}

/* Disclaimer Text */
.page-template-page-deflatehae-patient .track-attacks-disclaimer {
    font-size: 12px;
    line-height: 22px;
    color: var(--color-nav-gray);
    margin-top: 60px;
}

/* Divider */
.page-template-page-deflatehae-patient .patient-track-attacks-divider {
    position: relative;
    text-align: center;
    margin: 60px 0;
}

.page-template-page-deflatehae-patient .patient-track-attacks-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--color-red);
    z-index: 1;
}

.page-template-page-deflatehae-patient .patient-track-attacks-divider .divider-text {
    position: relative;
    z-index: 2;
    background-color: var(--color-white);
    padding: 0 20px;
    color: var(--color-red);
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
}

/* Two Column List */
.page-template-page-deflatehae-patient .track-attacks-list-columns {
    gap: 30px;
}

.page-template-page-deflatehae-patient .track-attacks-list-columns .wp-block-column:first-child {
    flex-basis: 45% !important;
}

.page-template-page-deflatehae-patient .track-attacks-list-columns .wp-block-column:last-child {
    flex-basis: 55% !important;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
    .page-template-page-deflatehae-patient .patient-track-attacks-container {
        padding: 0 40px;
    }

    .page-template-page-deflatehae-patient .track-attacks-columns {
        gap: 40px;
    }

    .page-template-page-deflatehae-patient .track-attacks-list-columns {
        gap: 20px;
    }

    .page-template-page-deflatehae-patient .track-attacks-image-column {
        max-width: 350px !important;
    }

    .page-template-page-deflatehae-patient .track-attacks-image {
        max-width: 350px;
    }
}

@media screen and (max-width: 768px) {
    .page-template-page-deflatehae-patient .patient-track-attacks-container {
        padding: 0 40px;
    }

    .page-template-page-deflatehae-patient .track-attacks-columns {
        flex-direction: column;
    }

    .page-template-page-deflatehae-patient .track-attacks-image-column,
    .page-template-page-deflatehae-patient .track-attacks-content-column {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    .page-template-page-deflatehae-patient .track-attacks-list-columns {
        flex-direction: column;
    }

    .page-template-page-deflatehae-patient .track-attacks-list-columns .wp-block-column:first-child,
    .page-template-page-deflatehae-patient .track-attacks-list-columns .wp-block-column:last-child {
        flex-basis: 100% !important;
    }

    .page-template-page-deflatehae-patient .patient-track-attacks-divider {
        margin: 30px 0;
    }

    .page-template-page-deflatehae-patient .patient-track-attacks-divider .divider-text {
        font-size: 40px;
    }

    .page-template-page-deflatehae-patient .track-attacks-image {
        max-width: 200px;
        margin: 0 auto;
    }

    .page-template-page-deflatehae-patient .track-attacks-intro{
        padding-right: 40px;
    }

    .page-template-page-deflatehae-patient .track-attacks-content-column .track-attacks-intro {
        padding-right: 0;
        text-align: center;
    }

    .page-template-page-deflatehae-patient .track-attacks-list {
        padding-right: 40px;
        margin-bottom: 30px;
    }

    .page-template-page-deflatehae-patient .track-attacks-content-column .track-attacks-list {
        margin-bottom: 0;
    }

    .page-template-page-deflatehae-patient .track-attacks-buttons {
        justify-content: center;
    }

    .page-template-page-deflatehae-patient .track-attacks-disclaimer {
        margin-top: 30px;
    }
} .page-template-page-deflatehae-patient .trade-off-cards-section {
    padding: 0 0 155px;
    margin-top: -90px;
    background: var(--color-light-yellow-gradient);
}

.page-template-page-deflatehae-patient .trade-off-cards-container {
    overflow: hidden;
    background-image: url('/wp-content/uploads/static/blue-balloon-bg.png');
    background-size: 100% 100%;
    background-position: -130px 130px;
    background-repeat: no-repeat;
    border-bottom-left-radius: 300% 150px;
    border-bottom-right-radius: 300% 150px;
}

.page-template-page-deflatehae-patient .trade-off-card-shadow-wrapper {
    z-index: 2;
}

.page-template-page-deflatehae-patient .card-header {
    padding-top: 50px;
}

.page-template-page-deflatehae-patient .card-content {
    padding: 10px 40px 40px 65px;
}

.page-template-page-deflatehae-patient .card-footer {
    padding-bottom: 20px;
    padding-right: 15%;
    max-width: 1020px;
    min-height: 210px;
    margin: 0 auto -10px;
    z-index: 1;
}

.page-template-page-deflatehae-patient .footer-quote {
    font-size: 2.0rem;
    line-height: 2.6rem;
}

.page-template-page-deflatehae-patient .footer-image {
    z-index: 3;
    right: 10%;
    top: -262px;
    max-width: 285px;
    width: 100%;
    height: auto;
}

.page-template-page-deflatehae-patient .trade-off-card {
    z-index: 2;
}

@media (max-width: 1599px) {
    .page-template-page-deflatehae-patient .footer-quote {
        padding-right: 15%;
    }
}

@media (max-width: 1199px) {
    .page-template-page-deflatehae-patient .footer-quote {
        padding-right: 20%;
    }
}

@media (max-width: 1024px) {
    .page-template-page-deflatehae-patient .trade-off-cards-container {
        padding: 220px 20px 0;
    }
    .page-template-page-deflatehae-patient .footer-image {
        right: 5%;
    }
}

@media (max-width: 767px) {
    .page-template-page-deflatehae-patient .trade-off-cards-container {
        padding: 270px 0 0;
    }

    .page-template-page-deflatehae-patient .card-footer {
        padding: 40px 40px 200px;
        margin-bottom: -30px;
    }

    .page-template-page-deflatehae-patient .footer-image {
        position: absolute;
        top: -157px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 200px;
    }
    .page-template-page-deflatehae-patient .footer-quote {
        padding-right: 0;
    }

    .page-template-page-deflatehae-patient .trade-off-card {
        width: 90%;
        clip-path: none;
        padding: 0 20px;
    }

    .page-template-page-deflatehae-patient .card-content {
        padding: 10px 40px 40px;
    }

    .page-template-page-deflatehae-patient .card-header {
        padding-top: 20px;
        margin-top: 80px;
        border-top: 1px solid var(--color-red);
    }
}