body:has(#layout-2024-08) .com-icon-normalize img {
    width: calc(1.6 * var(--sp--7));
    height: calc(1.6 * var(--sp--7));
    object-fit: contain;
}

body:has(#layout-2024-08)

/* new desing, first time used for the city page template */
    {
    .hero .container {
        padding: var(--sp-11) var(--sp-7) var(--sp-9) var(--sp-7) !important;
    }

    .avia-button {
        padding: var(--sp-3) var(--sp-6) !important;
    }

    .avia-button .avia_iconbox_title {
        font-weight: var(--t-w-b) !important;
        font-size: var(--t-s-l) !important;
    }
}

.com-city-page-title {
    display: flex !important;
    flex-direction: column !important;
    color: white !important;
    text-align: center;
}

.com-city-page-title br {
    display: none !important;
}

.com-city-page-title span:first-child {
    font-size: var(--t-s-xl) !important;
    line-height: var(--t-lh-l) !important;
}

.com-city-page-title span {
    display: block !important;
}

.com-avatar-name p::before {
    content: "- ";
}

body:has(#layout-2024-08) .com-avatar-name p {
    margin: var(--sp-5) auto var(--sp-0) auto !important;
    font-weight: var(--t-w-b) !important;
}

.com-icons-grid_section {

    .entry-content-wrapper::before,
    .entry-content-wrapper::after {
        display: none !important;
    }

    .entry-content-wrapper {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--sp--4) !important;

        @media only screen and (max-width: 989px) {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--sp--5) !important;
            margin-inline: auto !important;
            max-width: calc(var(--sp-site-width) * .4) !important;
        }

        > .flex_column {
            margin: var(--sp--0) !important;
            width: 100% !important;
        }
    }
}

body:has(#layout-2024-08) {
    .com-financing-available * {
        margin: var(--sp--0)
            /* reset */
            !important;
        text-align: center !important;
    }

    .com-financing-available {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: var(--sp--7);
    }

    @media only screen and (max-width: 768px) {

        /* only mobile */
        .com-financing-available {
            flex-direction: column !important;
        }
    }

    .com-financing-available > div {
        display: flex !important;
        gap: var(--sp-5);
    }

    .com-financing-available {

        h2,
        h3 {
            -webkit-background-clip: text;
            -moz-background-clip: text;
            -moz-text-fill-color: transparent;
            background-image: linear-gradient(160.5deg, var(--c-green-light) -15.47%, var(--c-green-dark) 112.55%);
            background-size: 100%;
            background-repeat: repeat;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        h2 {
            font-size: var(--t-s-3xl) !important;
            line-height: var(--t-lh-l) !important;
        }

        h3 {
            font-size: var(--t-s-5xl) !important;
            line-height: var(--t-lh-xl) !important;
        }

        h3 div {
            -webkit-background-clip: initial;
            -moz-background-clip: initial;
            -moz-text-fill-color: initial;
            background-clip: initial;
            -webkit-text-fill-color: initial;
            color: var(--c-green-light) !important;
            font-size: var(--t-s-m);
            line-height: var(--t-lh-m);
            line-height: var(--t-lh-m) !important;
        }
    }
}

body:has(#layout-2024-08) .com-15-year-warranty h3 {
    font-size: var(--t-s-2xl) !important;
    line-height: var(--t-lh-l) !important;
}

.com-shadow-hard_img img {
    box-shadow: 6px 6px 0 black !important;
}

.com-heading-color-effect {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    background-image: linear-gradient(160.5deg, var(--c-green-light) -15.47%, var(--c-green-dark) 112.55%);
    background-size: 100%;
    background-repeat: repeat;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}