@media screen and (min-width:768px) {
    .section--text-image[data-banoa-text-image-layout="image_left_text_right"] .text-image-content__text {
        order: 20;
    }

    .section--text-image[data-banoa-text-image-layout="image_left_text_right"] .text-image-content__media {
        order: 10;
    }

    .navigation-horizontal {
        justify-content: space-between;
        width: 100%
    }

    .navigation-horizontal .menu-item a {
        text-align: center
    }

    .footer-legal-menu.navigation-horizontal {
        gap: 20px
    }

    .footer-legal-menu.navigation-horizontal .menu-item a {
        min-width: 100px;
        text-align: right
    }

    .slider-section__slide--big .slider-section__image {
        width: 100%;
        height: auto
    }

    .desktop-0 {
        margin: 0px
    }

    .desktop-5 {
        margin: 5px
    }

    .desktop-10 {
        margin: 10px
    }

    .desktop-15 {
        margin: 15px
    }

    .desktop-20 {
        margin: 20px
    }

    .desktop-25 {
        margin: 25px
    }

    .desktop-30 {
        margin: 30px
    }

    .desktop-35 {
        margin: 35px
    }

    .desktop-40 {
        margin: 40px
    }

    .desktop-45 {
        margin: 45px
    }

    .desktop-50 {
        margin: 50px
    }

    .desktop-55 {
        margin: 55px
    }

    .desktop-60 {
        margin: 60px
    }

    .desktop-65 {
        margin: 65px
    }

    .desktop-70 {
        margin: 70px
    }

    .desktop-75 {
        margin: 75px
    }

    .desktop-80 {
        margin: 80px
    }

    .desktop-85 {
        margin: 85px
    }

    .desktop-90 {
        margin: 90px
    }

    .desktop-95 {
        margin: 95px
    }

    .desktop-100 {
        margin: 100px
    }

    .desktop-105 {
        margin: 105px
    }

    .desktop-110 {
        margin: 110px
    }

    .desktop-115 {
        margin: 115px
    }

    .desktop-120 {
        margin: 120px
    }

    .desktop-125 {
        margin: 125px
    }

    .desktop-130 {
        margin: 130px
    }

    .desktop-135 {
        margin: 135px
    }

    .desktop-140 {
        margin: 140px
    }

    .desktop-145 {
        margin: 145px
    }

    .desktop-150 {
        margin: 150px
    }

    .desktop-155 {
        margin: 155px
    }

    .desktop-160 {
        margin: 160px
    }

    .desktop-165 {
        margin: 165px
    }

    .desktop-170 {
        margin: 170px
    }

    .desktop-175 {
        margin: 175px
    }

    .desktop-180 {
        margin: 180px
    }

    .desktop-185 {
        margin: 185px
    }

    .desktop-190 {
        margin: 190px
    }

    .desktop-195 {
        margin: 195px
    }

    .desktop-200 {
        margin: 200px
    }

    .desktop-left-0 {
        margin-left: 0px
    }

    .desktop-left-5 {
        margin-left: 5px
    }

    .desktop-left-10 {
        margin-left: 10px
    }

    .desktop-left-15 {
        margin-left: 15px
    }

    .desktop-left-20 {
        margin-left: 20px
    }

    .desktop-left-25 {
        margin-left: 25px
    }

    .desktop-left-30 {
        margin-left: 30px
    }

    .desktop-left-35 {
        margin-left: 35px
    }

    .desktop-left-40 {
        margin-left: 40px
    }

    .desktop-left-45 {
        margin-left: 45px
    }

    .desktop-left-50 {
        margin-left: 50px
    }

    .desktop-left-55 {
        margin-left: 55px
    }

    .desktop-left-60 {
        margin-left: 60px
    }

    .desktop-left-65 {
        margin-left: 65px
    }

    .desktop-left-70 {
        margin-left: 70px
    }

    .desktop-left-75 {
        margin-left: 75px
    }

    .desktop-left-80 {
        margin-left: 80px
    }

    .desktop-left-85 {
        margin-left: 85px
    }

    .desktop-left-90 {
        margin-left: 90px
    }

    .desktop-left-95 {
        margin-left: 95px
    }

    .desktop-left-100 {
        margin-left: 100px
    }

    .desktop-left-105 {
        margin-left: 105px
    }

    .desktop-left-110 {
        margin-left: 110px
    }

    .desktop-left-115 {
        margin-left: 115px
    }

    .desktop-left-120 {
        margin-left: 120px
    }

    .desktop-left-125 {
        margin-left: 125px
    }

    .desktop-left-130 {
        margin-left: 130px
    }

    .desktop-left-135 {
        margin-left: 135px
    }

    .desktop-left-140 {
        margin-left: 140px
    }

    .desktop-left-145 {
        margin-left: 145px
    }

    .desktop-left-150 {
        margin-left: 150px
    }

    .desktop-left-155 {
        margin-left: 155px
    }

    .desktop-left-160 {
        margin-left: 160px
    }

    .desktop-left-165 {
        margin-left: 165px
    }

    .desktop-left-170 {
        margin-left: 170px
    }

    .desktop-left-175 {
        margin-left: 175px
    }

    .desktop-left-180 {
        margin-left: 180px
    }

    .desktop-left-185 {
        margin-left: 185px
    }

    .desktop-left-190 {
        margin-left: 190px
    }

    .desktop-left-195 {
        margin-left: 195px
    }

    .desktop-left-200 {
        margin-left: 200px
    }

    .desktop-padding-0 {
        padding: 0px
    }

    .desktop-padding-5 {
        padding: 5px
    }

    .desktop-padding-10 {
        padding: 10px
    }

    .desktop-padding-15 {
        padding: 15px
    }

    .desktop-padding-20 {
        padding: 20px
    }

    .desktop-padding-25 {
        padding: 25px
    }

    .desktop-padding-30 {
        padding: 30px
    }

    .desktop-padding-35 {
        padding: 35px
    }

    .desktop-padding-40 {
        padding: 40px
    }

    .desktop-padding-45 {
        padding: 45px
    }

    .desktop-padding-50 {
        padding: 50px
    }

    .desktop-padding-55 {
        padding: 55px
    }

    .desktop-padding-60 {
        padding: 60px
    }

    .desktop-padding-65 {
        padding: 65px
    }

    .desktop-padding-70 {
        padding: 70px
    }

    .desktop-padding-75 {
        padding: 75px
    }

    .desktop-padding-80 {
        padding: 80px
    }

    .desktop-padding-85 {
        padding: 85px
    }

    .desktop-padding-90 {
        padding: 90px
    }

    .desktop-padding-95 {
        padding: 95px
    }

    .desktop-padding-100 {
        padding: 100px
    }

    .desktop-padding-105 {
        padding: 105px
    }

    .desktop-padding-110 {
        padding: 110px
    }

    .desktop-padding-115 {
        padding: 115px
    }

    .desktop-padding-120 {
        padding: 120px
    }

    .desktop-padding-125 {
        padding: 125px
    }

    .desktop-padding-130 {
        padding: 130px
    }

    .desktop-padding-135 {
        padding: 135px
    }

    .desktop-padding-140 {
        padding: 140px
    }

    .desktop-padding-145 {
        padding: 145px
    }

    .desktop-padding-150 {
        padding: 150px
    }

    .desktop-padding-155 {
        padding: 155px
    }

    .desktop-padding-160 {
        padding: 160px
    }

    .desktop-padding-165 {
        padding: 165px
    }

    .desktop-padding-170 {
        padding: 170px
    }

    .desktop-padding-175 {
        padding: 175px
    }

    .desktop-padding-180 {
        padding: 180px
    }

    .desktop-padding-185 {
        padding: 185px
    }

    .desktop-padding-190 {
        padding: 190px
    }

    .desktop-padding-195 {
        padding: 195px
    }

    .desktop-padding-200 {
        padding: 200px
    }

    .desktop-padding-top-0 {
        padding-top: 0px
    }

    .desktop-padding-top-5 {
        padding-top: 5px
    }

    .desktop-padding-top-10 {
        padding-top: 10px
    }

    .desktop-padding-top-15 {
        padding-top: 15px
    }

    .desktop-padding-top-20 {
        padding-top: 20px
    }

    .desktop-padding-top-25 {
        padding-top: 25px
    }

    .desktop-padding-top-30 {
        padding-top: 30px
    }

    .desktop-padding-top-35 {
        padding-top: 35px
    }

    .desktop-padding-top-40 {
        padding-top: 40px
    }

    .desktop-padding-top-45 {
        padding-top: 45px
    }

    .desktop-padding-top-50 {
        padding-top: 50px
    }

    .desktop-padding-top-55 {
        padding-top: 55px
    }

    .desktop-padding-top-60 {
        padding-top: 60px
    }

    .desktop-padding-top-65 {
        padding-top: 65px
    }

    .desktop-padding-top-70 {
        padding-top: 70px
    }

    .desktop-padding-top-75 {
        padding-top: 75px
    }

    .desktop-padding-top-80 {
        padding-top: 80px
    }

    .desktop-padding-top-85 {
        padding-top: 85px
    }

    .desktop-padding-top-90 {
        padding-top: 90px
    }

    .desktop-padding-top-95 {
        padding-top: 95px
    }

    .desktop-padding-top-100 {
        padding-top: 100px
    }

    .desktop-padding-top-105 {
        padding-top: 105px
    }

    .desktop-padding-top-110 {
        padding-top: 110px
    }

    .desktop-padding-top-115 {
        padding-top: 115px
    }

    .desktop-padding-top-120 {
        padding-top: 120px
    }

    .desktop-padding-top-125 {
        padding-top: 125px
    }

    .desktop-padding-top-130 {
        padding-top: 130px
    }

    .desktop-padding-top-135 {
        padding-top: 135px
    }

    .desktop-padding-top-140 {
        padding-top: 140px
    }

    .desktop-padding-top-145 {
        padding-top: 145px
    }

    .desktop-padding-top-150 {
        padding-top: 150px
    }

    .desktop-padding-top-155 {
        padding-top: 155px
    }

    .desktop-padding-top-160 {
        padding-top: 160px
    }

    .desktop-padding-top-165 {
        padding-top: 165px
    }

    .desktop-padding-top-170 {
        padding-top: 170px
    }

    .desktop-padding-top-175 {
        padding-top: 175px
    }

    .desktop-padding-top-180 {
        padding-top: 180px
    }

    .desktop-padding-top-185 {
        padding-top: 185px
    }

    .desktop-padding-top-190 {
        padding-top: 190px
    }

    .desktop-padding-top-195 {
        padding-top: 195px
    }

    .desktop-padding-top-200 {
        padding-top: 200px
    }

    .desktop-padding-right-0 {
        padding-right: 0px
    }

    .desktop-padding-right-5 {
        padding-right: 5px
    }

    .desktop-padding-right-10 {
        padding-right: 10px
    }

    .desktop-padding-right-15 {
        padding-right: 15px
    }

    .desktop-padding-right-20 {
        padding-right: 20px
    }

    .desktop-padding-right-25 {
        padding-right: 25px
    }

    .desktop-padding-right-30 {
        padding-right: 30px
    }

    .desktop-padding-right-35 {
        padding-right: 35px
    }

    .desktop-padding-right-40 {
        padding-right: 40px
    }

    .desktop-padding-right-45 {
        padding-right: 45px
    }

    .desktop-padding-right-50 {
        padding-right: 50px
    }

    .desktop-padding-right-55 {
        padding-right: 55px
    }

    .desktop-padding-right-60 {
        padding-right: 60px
    }

    .desktop-padding-right-65 {
        padding-right: 65px
    }

    .desktop-padding-right-70 {
        padding-right: 70px
    }

    .desktop-padding-right-75 {
        padding-right: 75px
    }

    .desktop-padding-right-80 {
        padding-right: 80px
    }

    .desktop-padding-right-85 {
        padding-right: 85px
    }

    .desktop-padding-right-90 {
        padding-right: 90px
    }

    .desktop-padding-right-95 {
        padding-right: 95px
    }

    .desktop-padding-right-100 {
        padding-right: 100px
    }

    .desktop-padding-right-105 {
        padding-right: 105px
    }

    .desktop-padding-right-110 {
        padding-right: 110px
    }

    .desktop-padding-right-115 {
        padding-right: 115px
    }

    .desktop-padding-right-120 {
        padding-right: 120px
    }

    .desktop-padding-right-125 {
        padding-right: 125px
    }

    .desktop-padding-right-130 {
        padding-right: 130px
    }

    .desktop-padding-right-135 {
        padding-right: 135px
    }

    .desktop-padding-right-140 {
        padding-right: 140px
    }

    .desktop-padding-right-145 {
        padding-right: 145px
    }

    .desktop-padding-right-150 {
        padding-right: 150px
    }

    .desktop-padding-right-155 {
        padding-right: 155px
    }

    .desktop-padding-right-160 {
        padding-right: 160px
    }

    .desktop-padding-right-165 {
        padding-right: 165px
    }

    .desktop-padding-right-170 {
        padding-right: 170px
    }

    .desktop-padding-right-175 {
        padding-right: 175px
    }

    .desktop-padding-right-180 {
        padding-right: 180px
    }

    .desktop-padding-right-185 {
        padding-right: 185px
    }

    .desktop-padding-right-190 {
        padding-right: 190px
    }

    .desktop-padding-right-195 {
        padding-right: 195px
    }

    .desktop-padding-right-200 {
        padding-right: 200px
    }

    .desktop-padding-bottom-0 {
        padding-bottom: 0px
    }

    .desktop-padding-bottom-5 {
        padding-bottom: 5px
    }

    .desktop-padding-bottom-10 {
        padding-bottom: 10px
    }

    .desktop-padding-bottom-15 {
        padding-bottom: 15px
    }

    .desktop-padding-bottom-20 {
        padding-bottom: 20px
    }

    .desktop-padding-bottom-25 {
        padding-bottom: 25px
    }

    .desktop-padding-bottom-30 {
        padding-bottom: 30px
    }

    .desktop-padding-bottom-35 {
        padding-bottom: 35px
    }

    .desktop-padding-bottom-40 {
        padding-bottom: 40px
    }

    .desktop-padding-bottom-45 {
        padding-bottom: 45px
    }

    .desktop-padding-bottom-50 {
        padding-bottom: 50px
    }

    .desktop-padding-bottom-55 {
        padding-bottom: 55px
    }

    .desktop-padding-bottom-60 {
        padding-bottom: 60px
    }

    .desktop-padding-bottom-65 {
        padding-bottom: 65px
    }

    .desktop-padding-bottom-70 {
        padding-bottom: 70px
    }

    .desktop-padding-bottom-75 {
        padding-bottom: 75px
    }

    .desktop-padding-bottom-80 {
        padding-bottom: 80px
    }

    .desktop-padding-bottom-85 {
        padding-bottom: 85px
    }

    .desktop-padding-bottom-90 {
        padding-bottom: 90px
    }

    .desktop-padding-bottom-95 {
        padding-bottom: 95px
    }

    .desktop-padding-bottom-100 {
        padding-bottom: 100px
    }

    .desktop-padding-bottom-105 {
        padding-bottom: 105px
    }

    .desktop-padding-bottom-110 {
        padding-bottom: 110px
    }

    .desktop-padding-bottom-115 {
        padding-bottom: 115px
    }

    .desktop-padding-bottom-120 {
        padding-bottom: 120px
    }

    .desktop-padding-bottom-125 {
        padding-bottom: 125px
    }

    .desktop-padding-bottom-130 {
        padding-bottom: 130px
    }

    .desktop-padding-bottom-135 {
        padding-bottom: 135px
    }

    .desktop-padding-bottom-140 {
        padding-bottom: 140px
    }

    .desktop-padding-bottom-145 {
        padding-bottom: 145px
    }

    .desktop-padding-bottom-150 {
        padding-bottom: 150px
    }

    .desktop-padding-bottom-155 {
        padding-bottom: 155px
    }

    .desktop-padding-bottom-160 {
        padding-bottom: 160px
    }

    .desktop-padding-bottom-165 {
        padding-bottom: 165px
    }

    .desktop-padding-bottom-170 {
        padding-bottom: 170px
    }

    .desktop-padding-bottom-175 {
        padding-bottom: 175px
    }

    .desktop-padding-bottom-180 {
        padding-bottom: 180px
    }

    .desktop-padding-bottom-185 {
        padding-bottom: 185px
    }

    .desktop-padding-bottom-190 {
        padding-bottom: 190px
    }

    .desktop-padding-bottom-195 {
        padding-bottom: 195px
    }

    .desktop-padding-bottom-200 {
        padding-bottom: 200px
    }

    .desktop-padding-left-0 {
        padding-left: 0px
    }

    .desktop-padding-left-5 {
        padding-left: 5px
    }

    .desktop-padding-left-10 {
        padding-left: 10px
    }

    .desktop-padding-left-15 {
        padding-left: 15px
    }

    .desktop-padding-left-20 {
        padding-left: 20px
    }

    .desktop-padding-left-25 {
        padding-left: 25px
    }

    .desktop-padding-left-30 {
        padding-left: 30px
    }

    .desktop-padding-left-35 {
        padding-left: 35px
    }

    .desktop-padding-left-40 {
        padding-left: 40px
    }

    .desktop-padding-left-45 {
        padding-left: 45px
    }

    .desktop-padding-left-50 {
        padding-left: 50px
    }

    .desktop-padding-left-55 {
        padding-left: 55px
    }

    .desktop-padding-left-60 {
        padding-left: 60px
    }

    .desktop-padding-left-65 {
        padding-left: 65px
    }

    .desktop-padding-left-70 {
        padding-left: 70px
    }

    .desktop-padding-left-75 {
        padding-left: 75px
    }

    .desktop-padding-left-80 {
        padding-left: 80px
    }

    .desktop-padding-left-85 {
        padding-left: 85px
    }

    .desktop-padding-left-90 {
        padding-left: 90px
    }

    .desktop-padding-left-95 {
        padding-left: 95px
    }

    .desktop-padding-left-100 {
        padding-left: 100px
    }

    .desktop-padding-left-105 {
        padding-left: 105px
    }

    .desktop-padding-left-110 {
        padding-left: 110px
    }

    .desktop-padding-left-115 {
        padding-left: 115px
    }

    .desktop-padding-left-120 {
        padding-left: 120px
    }

    .desktop-padding-left-125 {
        padding-left: 125px
    }

    .desktop-padding-left-130 {
        padding-left: 130px
    }

    .desktop-padding-left-135 {
        padding-left: 135px
    }

    .desktop-padding-left-140 {
        padding-left: 140px
    }

    .desktop-padding-left-145 {
        padding-left: 145px
    }

    .desktop-padding-left-150 {
        padding-left: 150px
    }

    .desktop-padding-left-155 {
        padding-left: 155px
    }

    .desktop-padding-left-160 {
        padding-left: 160px
    }

    .desktop-padding-left-165 {
        padding-left: 165px
    }

    .desktop-padding-left-170 {
        padding-left: 170px
    }

    .desktop-padding-left-175 {
        padding-left: 175px
    }

    .desktop-padding-left-180 {
        padding-left: 180px
    }

    .desktop-padding-left-185 {
        padding-left: 185px
    }

    .desktop-padding-left-190 {
        padding-left: 190px
    }

    .desktop-padding-left-195 {
        padding-left: 195px
    }

    .desktop-padding-left-200 {
        padding-left: 200px
    }

    .desktop-no-break {
        white-space: nowrap;
        z-index: 9999
    }

    .purchase-process__list {
        scroll-padding-right: calc(min(400px, 85vw) * 2)
    }

    .text-image__image.image-size-720x400 {
        width: 100%;
        height: auto
    }

    .max-width-50vw {
        max-width: calc(min(720px, 50vw))
    }

    .desktop-max-width-300px {
        max-width: 300px
    }

    .desktop-max-width-260px {
        max-width: 260px
    }

    .desktop-max-width-50prz {
        max-width: 50%
    }

    .desktop-max-width-60prz {
        max-width: 60%
    }
    .d-max-width-66prz {
        max-width: 66.66%
    }
    .d-max-width-33prz {
        max-width: 33.33%
    }

    .desktop-max-width-60prz-600px {
        max-width: calc(min(60%, 600px))
    }

    #section-2:has(.size-150x150) {
        padding-bottom: 0
    }

    #section-2:has(.size-150x150)~#section-3.padding-top-80 {
        padding-top: 50px
    }

    [data-faq-item] {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .text-image__listing-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    /* 3-column image layout - desktop 3 columns */
    .section--text-image[data-text-image-design="3-column-image"] .text-image__content-image-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    /* 3-column text-image layout - desktop 3 columns */
    .section--text-image[data-text-image-design="3-column-text-image"] .text-image__content-image-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    /* 4-column text-overlay image layout - desktop 4 columns with wrapping and no gap */
    .section--text-image[data-text-image-design="4-column-text-overlay-image"] .text-image__content-image-wrapper {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }
        .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper {
            width: 100%;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            gap: 10px;
        }

        .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper picture,
        .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper a {
            flex: 1 1 0;
            min-width: 0;
            max-width: 220px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .section--text-image[data-text-image-design="logo-bar"] .text-image__content-image-wrapper img {
            width: 100%;
            height: 80px;
            max-width: 220px;
            object-fit: contain;
        }

    /* 50-50: spacing via text container padding instead of flex gap */
    .section--text-image[data-text-image-design="50-50"] .text-image__content-wrapper {
        gap: 0;
    }

    .section--text-image[data-text-image-design="50-50"] .text-image__content-content-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* Floating image layout - desktop */
    .section--text-image[data-text-image-design="floating-image"] .text-image__floating-image {
        float: left;
        margin-right: 40px;
        max-width: 720px;
        width: 100%;
        display: block;
    }

    .hero-frontpage__slider .kd-gallery-slider__item {
        min-width: 640px
    }

    .pointer {
        cursor: pointer;
    }


    .text-image-content__heading:has( ~ .text-image-content) {
        position: relative;
        z-index: 100;
    }
    .section--text-image:has( .text-image-content__heading~.text-image-content) .text-image-content {
        position: relative;
        z-index: 1;
        top: -55px;
    }
        .section--text-image:has( .text-image-content__heading~.text-image-content) .text-image-content__text__wrapper {
            max-width: 500px;
        }
}

/* Desktop breakpoint: hover/focus and interactive effects */
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
    .btn:not(:disabled):hover,
    .btn:not(:disabled):focus-visible {
        transform: translateY(-1px)
    }

    .btn-primary:not(:disabled):hover {
        background-color: var(--color-accent-transparent);
        border-color: var(--color-accent);
    }

    .btn-secondary:not(:disabled):hover {
        background-color: var(--color-accent-transparent);
        border-color: var(--color-accent);
    }

    .kd-gallery-slider__button:not(:disabled):hover {
        background-color: rgba(0, 0, 0, 0.4);
        border-color: rgba(0, 0, 0, 0.5)
    }

    .comparison-carousel__button:not(:disabled):hover {
        background: var(--white);
        border-color: rgb(from var(--grey-darkest) r g b / 0.35);
    }

    .navigation .menu-item.btn-nav:hover a {
        background-color: var(--color-accent-transparent);
        border-color: var(--color-accent);
    }
    .text-image-hierachial__category:hover {
        border-color: var(--color-accent);
    }
    .text-image-hierachial__body {
        min-height: 120px;
    }
    .navigation .menu-item.btn-nav {
        top:2px;
    }

    .section--comparison .section-comparison__content {
        max-width: 690px;
    }

    .layout-image-left-text-right .text-image-media__item {
        text-align: right;
    }

    .text-image__comparison-toggle .text-image__comparison-btn:hover {
        background-color: rgb(from var(--beige-light) r g b / 0.5)
    }

    .navigation .menu-item.current-menu-item:hover::after {
        transform: translateX(-50%) translateY(-1px)
    }

    .navigation.footer-menu .menu-item:not(.btn-nav, .current-menu-item):hover::after {
        display: none;
    }

    .section--text-image[data-text-image-design="4-column-text-overlay-image"] .text-image__4col-item:hover .text-image__4col-overlay {
        min-height:50%;
    }
    .section--text-image[data-text-image-design="4-column-text-overlay-image"] .text-image__4col-arrow {
        opacity: 1;
    }
}
/* Theme master note: keep desktop overrides in this file if needed. */

@media screen and (min-width:768px) and (max-width: 1440px) {
    .full-wrapper,
    .wrapper, 
    .inner-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    .f-80 {
        font-size: clamp(56px, calc(28.57px + 3.57vw), 80px);
        line-height: 1.2;
    }
    .section--text-image:has(.text-image-content__heading~.text-image-content) .text-image-content__text {
        padding-top:60px;
    }
}