.wac-heading-text {
    --tag-list--justify-content: center;

    max-width: var(--wac-heading-text--max-width, var(--wp--custom--width--default));
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--wac-heading-text--padding-left, var(--wp--custom--gap--page-padding));
    padding-right: var(--wac-heading-text--padding-right, var(--wp--custom--gap--page-padding));
    position: relative;
}

.wac-heading-text--small-title-size {
    --wac-heading-text--title--font-size: clamp(20px, 1.6vw, 22px);
    --wac-heading-text--title--padding-bottom: clamp(8px, 0.85vw, 12px);
    --wac-heading-text--title--letter-spacing: clamp(0.8px, 0.06vw, 0.88px);
}

.wac-heading-text--medium-title-size {
    --wac-heading-text--title--font-size: clamp(23px, 1.9vw, 26px);
    --wac-heading-text--title--padding-bottom: clamp(10px, 0.85vw, 12px);
    --wac-heading-text--title--letter-spacing: clamp(0.69px, 0.07vw, 1.04px);
}

.wac-heading-text--big-title-size {
    --wac-heading-text--title--font-size: clamp(23px, 2.6vw, 36px);
    --wac-heading-text--title--padding-bottom: clamp(30px, 4vw, 56px);
    --wac-heading-text--title--letter-spacing: clamp(0.69px, 0.10vw, 1.44px);
    --tag-list--margin-bottom: 36px;
    --wac-heading-text--text--margin-top: calc(-1 * clamp(15px, calc(25vw*0.07), 25px));

}

.wac-heading-text--has-no-text {
    --wac-heading-text--title--padding-bottom: 0;
}

.wac-heading-text--has-underlined-title {
    --wac-heading-text--title--after--height: 1px;
    --wac-heading-text--title--margin-bottom: var(--wac-heading-text--title--padding-bottom);
}

.wac-heading-text--has-underlined-title.wac-heading-text--medium-title-size {
    --wac-heading-text--title--padding-bottom: clamp(22px, 1.7vw, 24px);
}

.wac-heading-text--has-underlined-title.wac-heading-text--big-title-size {
    --wac-heading-text--title--padding-bottom: clamp(20px, 3.28vw, 46px);
}

.wac-heading-text--centered-type {
    --action-list--justify-content: center;
    --wac-heading-text--media--margin: 0 50px 0 0;
    --wac-heading-text--content--align-items: center;
    --wac-heading-text--content--grid-template-columns: 1fr var(--wp--custom--width--small) 1fr;
    --wac-heading-text--content--grid-template-areas:
        "media subheading ."
        "media title ."
        "media text ."
        "media action-list .";
}

.wac-heading-text--two-text-columns-type {
    --wac-heading-text--title--margin-left: auto;
    --wac-heading-text--title--margin-right: auto;
    --wac-heading-text--title--max-width: var(--wp--custom--width--small);
    --wac-heading-text--text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--extra-text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--text--text-align: left;
    --wac-heading-text--title--after--margin-top: var(--wac-heading-text--title--padding-bottom, clamp(10px, 0.83vw, 12px));
    --wac-heading-text--title--position: none;
    --wac-heading-text--title--after--width: auto;
    --wac-heading-text--title--after--left: var(--wp--custom--gap--page-padding);
    --wac-heading-text--title--after--right: var(--wp--custom--gap--page-padding);
    --wac-heading-text--title--after--bottom: none;
    --wac-heading-text--content--grid-template-columns: 1fr 1fr;
    --wac-heading-text--content--grid-template-areas:
        "subheading subheading"
        "title title"
        "text extra-text"
        "action-list extra-text";
}

.wac-heading-text--centered-type.wac-heading-text--has-two-columns-text,
.wac-heading-text--image-text-type.wac-heading-text--has-two-columns-text,
.wac-heading-text--image-text-icon-type.wac-heading-text--has-two-columns-text,
.wac-heading-text--image-text-altenative-type.wac-heading-text--has-two-columns-text {
    --wac-heading-text--text--columns: 2;
}

.wac-heading-text--has-two-columns-text {
    --wac-heading-text--extra-text--columns: 2;
}

.wac-heading-text--image-text-type {
    --wac-heading-text--text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--extra-text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--title--max-width: var(--wp--custom--width--small);
    --wac-heading-text--subheading--max-width: var(--wp--custom--width--small);
    --wac-heading-text--text--margin-left: 0;
    --wac-heading-text--action-list--margin-left: 0;
    --wac-heading-text--image--margin: 0 20px 0 0;
    --subheading--text-align: left;
    --wac-heading-text--title--text-align: left;
    --wac-heading-text--text--text-align: left;
    --wac-heading-text--content--grid-template-columns: 1fr 1fr;
    --wac-heading-text--content--grid-template-areas:
        "media subheading ."
        "media title ."
        "media text ."
        "media action-list ."
        "media . .";
}

.wac-heading-text--image-text-icon-alternative-type {
    --wac-heading-text--icon--top: -50px;
    --wac-heading-text--icon--bottom: unset;
    --wac-heading-text--image--aspect-ratio: var(--wp--preset--aspect-ratio--media-text);
    --wac-heading-text--image--object-fit: cover;
    --wac-heading-text--image--height: 100%;
    --wac-heading-text--title--max-width: var(--wp--custom--width--small);
    --wac-heading-text--text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--subheading--max-width: var(--wp--custom--width--small);
    --wac-heading-text--action-list--max-width: var(--wp--custom--width--small);
    --wac-heading-text--media--margin: 0 60px 0 0;
    --wac-heading-text--text--margin-left: 0;
    --wac-heading-text--action-list--margin-left: 0;
    --wac-heading-text--content--align-items: end;
    --subheading--text-align: left;
    --wac-heading-text--title--text-align: left;
    --wac-heading-text--text--text-align: left;
    --wac-heading-text--content--grid-template-rows: 1fr auto auto auto auto;
    --wac-heading-text--content--grid-template-columns: 1fr 1fr;
    --wac-heading-text--content--grid-template-areas:
        "media ."
        "media subheading"
        "media title"
        "media text"
        "media action-list";
}

.wac-heading-text--image-text-icon-alternative-type.wac-heading-text--has-media-on-right {
    --wac-heading-text--media--margin: 0 0 0 60px;
    --wac-heading-text--icon--right: unset;
    --wac-heading-text--icon--left: 50px;
    --wac-heading-text--content--grid-template-areas:
        ". media"
        "subheading media"
        "title media"
        "text media"
        "action-list media";
}

.wac-heading-text--image-text-altenative-type {
    --wac-heading-text--text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--extra-text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--title--max-width: var(--wp--custom--width--small);
    --wac-heading-text--subheading--max-width: var(--wp--custom--width--small);
    --wac-heading-text--text--margin-left: 0;
    --wac-heading-text--action-list--margin-left: 0;
    --wac-heading-text--image--margin: 0 20px 0 0;
    /* --wac-heading-text--image--max-width              : 170px; */
    --subheading--text-align: left;
    --wac-heading-text--title--text-align: left;
    --wac-heading-text--text--text-align: left;
    --wac-heading-text--content--grid-template-columns: 1fr 1fr;
    --wac-heading-text--content--grid-template-areas:
        "subheading title"
        "media title"
        "media text"
        "media action-list"
        "media .";
}

.wac-heading-text--image-text-icon-type {
    --wac-heading-text--max-width: 100%;
    --wac-heading-text--padding-left: 0;
    --wac-heading-text--title--max-width: var(--wp--custom--width--small);
    --wac-heading-text--text--max-width: var(--wp--custom--width--small);
    --wac-heading-text--subheading--max-width: var(--wp--custom--width--small);
    --wac-heading-text--action-list--max-width: var(--wp--custom--width--small);
    --wac-heading-text--media--margin: 0 clamp(40px, 9vw, 180px) 0 0;
    --wac-heading-text--text--margin-left: 0;
    --wac-heading-text--action-list--margin-left: 0;
    --wac-heading-text--content--align-items: center;
    --subheading--text-align: left;
    --wac-heading-text--title--text-align: left;
    --wac-heading-text--text--text-align: left;
    --wac-heading-text--content--grid-template-columns: 1fr 1fr;
    --wac-heading-text--content--grid-template-areas:
        "media ."
        "media subheading"
        "media title"
        "media text"
        "media action-list"
        "media .";
}

.wac-heading-text__content {
    max-width: var(--wac-heading-text--content--max-width, 100%);
    margin-left: var(--wac-heading-text--content--margin-left, auto);
    margin-right: var(--wac-heading-text--content--margin-right, auto);
    display: grid;
    grid-template-columns: var(--wac-heading-text--content--grid-template-columns, 1fr);
    grid-template-areas: var(--wac-heading-text--content--grid-template-areas, inherit);
    align-items: var(--wac-heading-text--content--align-items, start);
    grid-template-rows: var(--wac-heading-text--content--grid-template-rows, unset);
}

.wac-heading-text__media {
    grid-area: media;
    margin: var(--wac-heading-text--media--margin, 0);
}

.wac-heading-text__image {
    max-width: var(--wac-heading-text--image--max-width, 100%);
    height: var(--wac-heading-text--image--height, auto);
    ;
    display: block;
    margin: var(--wac-heading-text--image--margin, 0);
    aspect-ratio: var(--wac-heading-text--image--aspect-ratio, unset);
    object-fit: var(--wac-heading-text--image--object-fit, unset);
    object-position: center;
}

.wac-heading-text__icon {
    grid-area: icon;
    position: absolute;
    top: var(--wac-heading-text--icon--top, unset);
    bottom: var(--wac-heading-text--icon--bottom, -50px);
    right: var(--wac-heading-text--icon--right, 50px);
    left: var(--wac-heading-text--icon--left, unset);
    pointer-events: none;
}

.wac-heading-text__icon-image {
    max-width: 100%;
    height: auto;
    display: block;
}

.wac-heading-text__tag-list {
    grid-area: subheading;
    max-width: var(--wac-heading-text--tag-list--max-width, 100%);
}

.wac-heading-text__subheading {
    grid-area: subheading;
    max-width: var(--wac-heading-text--subheading--max-width, 100%);
}

.wac-heading-text__title {
    --h1--margin-top: 0;
    --h2--margin-top: 0;
    --h3--margin-top: 0;
    --h1--margin-bottom: var(--wac-heading-text--title--margin-bottom, 0);
    ;
    --h2--margin-bottom: var(--wac-heading-text--title--margin-bottom, 0);
    ;
    --h3--margin-bottom: var(--wac-heading-text--title--margin-bottom, 0);
    ;
    padding-bottom: var(--wac-heading-text--title--padding-bottom, clamp(10px, 0.83vw, 12px));
    text-align: var(--wac-heading-text--title--text-align, center);
    grid-area: title;
    max-width: var(--wac-heading-text--title--max-width, 100%);
    font-size: var(--wac-heading-text--title--font-size);
    margin-left: var(--wac-heading-text--title--margin-left, 0);
    margin-right: var(--wac-heading-text--title--margin-right, 0);
    position: var(--wac-heading-text--title--position, relative);
    letter-spacing: var(--wac-heading-text--title--letter-spacing);
    text-wrap: balance;
}

.wac-heading-text__title:after {
    content: '';
    width: var(--wac-heading-text--title--after--width, 100%);
    left: var(--wac-heading-text--title--after--left, unset);
    right: var(--wac-heading-text--title--after--right, unset);
    bottom: var(--wac-heading-text--title--after--bottom, 0);
    height: var(--wac-heading-text--title--after--height, 0);
    display: block;
    background-color: var(--wp--preset--color--line);
    position: absolute;
    margin-top: var(--wac-heading-text--title--after--margin-top, 0);
}


.wac-heading-text__text {
    text-align: var(--wac-heading-text--text--text-align, center);
    grid-area: text;
    columns: var(--wac-heading-text--text--columns, 1);
    max-width: var(--wac-heading-text--text--max-width, 100%);
    margin-left: var(--wac-heading-text--text--margin-left, auto);
    margin-right: var(--wac-heading-text--text--margin-right, auto);
    margin-top: 20px;
}

.wac-heading-text__extra-text {
    text-align: var(--wac-heading-text--text--text-align, center);
    grid-area: extra-text;
    columns: var(--wac-heading-text--extra-text--columns, 1);
    max-width: var(--wac-heading-text--extra-text--max-width, 100%);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.wac-heading-text__action-list {
    grid-area: action-list;
    max-width: var(--wac-heading-text--action-list--max-width, var(--wac-heading-text--extra-text--max-width, 100%));
    margin-left: var(--wac-heading-text--action-list--margin-left, auto);
    margin-right: var(--wac-heading-text--action-list--margin-right, auto);
    width: 100%;
}



@media(max-width:1200px) {
    .wac-heading-text__icon-image {
        opacity: 0.2;
    }
}

@media(max-width:900px) {
    .wac-heading-text {
        --wac-heading-text--text--columns: 1 !important;
        --wac-heading-text--extra-text--columns: 1;
    }

    .wac-heading-text--centered-type {
        --wac-heading-text--media--margin: 50px auto 0 auto;
        --wac-heading-text--content--grid-template-areas:
            ". subheading ."
            ". title ."
            ". text ."
            ". action-list ."
            ". media .";
    }

    .wac-heading-text--image-text-icon-type {
        --wac-heading-text--icon--margin-right: 0;
        --wac-heading-text--padding-left: var(--wp--custom--gap--page-padding);
        --wac-heading-text--title--max-width: 100%;
        --wac-heading-text--text--max-width: 100%;
        --wac-heading-text--subheading--max-width: 100%;
        --wac-heading-text--action-list--max-width: 100%;
        --wac-heading-text--media--margin: 50px 0 0 0;
        --wac-heading-text--text--margin-left: 0;
        --wac-heading-text--action-list--margin-left: 0;
        --wac-heading-text--content--grid-template-columns: 1fr;
        --wac-heading-text--content--grid-template-areas:
            "subheading"
            "title"
            "text"
            "action-list"
            "media"
            "icon";
    }

    .wac-heading-text__icon {
        --wac-heading-text--icon-image--margin-right: 0;

        position: initial;
        margin-top: var(--wac-heading-text--icon--margin-top, 30px);
        margin-bottom: var(--wac-heading-text--icon--margin-bottom, 0);
        margin-left: var(--wac-heading-text--icon--margin-left, auto);
        margin-right: var(--wac-heading-text--icon--margin-right, auto);
        max-width: var(--wac-heading-text--icon--max-width, 100px);
    }

    .wac-heading-text__icon-image {
        opacity: 1;
        margin-left: var(--wac-heading-text--icon-image--margin-left, auto);
        margin-right: var(--wac-heading-text--icon-image--margin-right, 50px);
    }

    .wac-heading-text--image-text-icon-alternative-type {
        --wac-heading-text--icon--max-width: 100%;
        --wac-heading-text--icon--margin-right: 0;
        --wac-heading-text--icon--margin-top: 0;
        --wac-heading-text--icon--margin-bottom: 0;
        --wac-heading-text--icon--margin-top: 80px;
        --wac-heading-text--title--max-width: 100%;
        --wac-heading-text--text--max-width: 100%;
        --wac-heading-text--action-list--max-width: 100%;
        --wac-heading-text--media--margin: 0 0 30px 0;
        --wac-heading-text--content--grid-template-columns: 1fr;
        --wac-heading-text--content--grid-template-areas:
            "media"
            "subheading"
            "title"
            "text"
            "action-list"
            "icon";
    }

    .wac-heading-text--image-text-icon-alternative-type.wac-heading-text--has-media-on-right {
        --wac-heading-text--icon--margin-right: auto;
        --wac-heading-text--icon--margin-left: 0;
        --wac-heading-text--icon--margin-top: 0;
        --wac-heading-text--icon--margin-bottom: 80px;
        --wac-heading-text--media--margin: 0 0 30px 0;
        --wac-heading-text--content--grid-template-areas:
            "icon"
            "media"
            "subheading"
            "title"
            "text"
            "action-list";
    }
}

@media(max-width:600px) {

    .wac-heading-text {
        --wac-heading-text--image--margin: 0 auto 0 auto;
    }

    .wac-heading-text__extra-text,
    .wac-heading-text__text {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

    .wac-heading-text--big-title-size {
        --tag-list--margin-bottom: 40px;
    }

    .wac-heading-text--two-text-columns-type {
        --wac-heading-text--title--margin-left: 0;
        --subheading--text-align: left;
    }

    .wac-heading-text--text-two-column-list-type,
    .wac-heading-text--two-text-columns-type {
        --wac-heading-text--text--max-width: 100%;
        --wac-heading-text--extra-text--max-width: 100%;

        --tag-list--justify-content: flex-start;
        --wac-heading-text--title--text-align: left;
        --wac-heading-text--content--grid-template-columns: 1fr;
        --wac-heading-text--content--grid-template-areas:
            "subheading"
            "title"
            "text"
            "extra-text"
            "action-list";
    }

    .wac-heading-text--centered-type {
        --wac-heading-text--content--max-width: var(--wp--custom--width--small);
        --wac-heading-text--content--grid-template-columns: 1fr;
        --wac-heading-text--content--grid-template-areas:
            "subheading"
            "title"
            "text"
            "action-list"
            "media";
    }

    .wac-heading-text--image-text-type {
        --wac-heading-text--text--max-width: 100%;
        --wac-heading-text--extra-text--max-width: 100%;
        --wac-heading-text--title--max-width: 100%;
        --wac-heading-text--subheading--max-width: 100%;
        --wac-heading-text--media--margin: 0 0 50px 0;
        --wac-heading-text--content--grid-template-columns: 1fr;
        --wac-heading-text--content--grid-template-areas:
            "media"
            "subheading"
            "title"
            "text"
            "action-list";
    }

    .wac-heading-text--image-text-altenative-type {
        --wac-heading-text--media--margin: 80px 0 0 0;
        --wac-heading-text--image--max-width: 65vw;
        --wac-heading-text--text--max-width: 100%;
        --wac-heading-text--extra-text--max-width: 100%;
        --wac-heading-text--title--max-width: 100%;
        --wac-heading-text--subheading--max-width: 100%;
        --wac-heading-text--content--grid-template-columns: 1fr;
        --wac-heading-text--content--grid-template-areas:
            "subheading"
            "title"
            "text"
            "action-list"
            "media";
    }
}

@media(min-width: 601px) {
    .wac-heading-text__media {
        padding-right: var(--wp--preset--spacing--60);
    }

    .wac-heading-text__text {
        margin-top: 0;
    }

    .wac-heading-text__extra-text {
        margin-top: 0;
    }

}



/* Offer Detail Styles - Isolated to single offer pages */
.offer-detail {
    --wac-heading-text--category-list--border-width: 1px;
    --wac-heading-text--category-list--margin-bottom: var(--wp--custom--gap--big);
    --wac-heading-text--title-margin-bottom: var(--wp--custom--gap--medium);
    --category-margin-bottom: var(--wp--custom--gap--media-text-category);

    margin-top: var(--wp--preset--spacing--prominent);
    margin-bottom: var(--wp--preset--spacing--prominent);
    padding-left: var(--wp--custom--gap--medium);
    padding-right: var(--wp--custom--gap--medium);
    max-width: var(--wp--custom--width--default);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 50% 40%;
    justify-content: space-between;
    align-items: start;
}

.offer-detail .wac-heading-text {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.offer-detail .wac-heading-text--two-text-columns-type .wac-heading-text__content {
    --wac-heading-text--content--grid-template-columns: 1fr;
    --wac-heading-text--content--grid-template-areas:
        "subheading"
        "title"
        "text"
        "action-list";
}


.offer-detail__media {
    justify-self: end;
    margin-top: var(--wp--preset--spacing--default);
}

.offer-detail__image {
    width: 100%;
    max-height: 500px;
    height: auto;
    display: block;
    object-fit: cover;
}

.offer-detail__terms-conditions {
    --category-justify: start;
    margin-top: var(--wp--custom--gap--terms);
    display: none;
}

.offer-detail__terms-conditions.is-visible {
    display: block;
}


@media(max-width:768px) {
    .offer-detail {
        grid-template-columns: 1fr;
        gap: var(--wp--custom--gap--terms);
        padding-left: var(--wp--custom--gap--page-padding);
        padding-right: var(--wp--custom--gap--page-padding);
    }

    .offer-detail__body {
        order: 0;
    }

    .offer-detail__media {
        order: 1;
        margin-top: var(--wp--custom--gap--terms);
        justify-self: center;
    }
}

@media (max-width: 500px) {
    .offer-detail {
        --action-link--width: 100%;
        --action-link--display: block;
    }
}

.wac-heading-text__flex-break {
    width: 100%;
    flex-basis: 100%;
    height: 0;
}