.page-range-page--single {
    .page-range-page--banner {
        background: var(--rangeColor);
        position: relative;
    }
    .page-range-page--title-wrapper {
        padding: 2.75rem 0 4.06rem;
        z-index: 2;
        margin-bottom: -1px;
    }
    .page-range-page--title-wrapper .content-width {
        display: flex;
        flex-direction: column;
        gap: 0.62rem;
        position: relative;
        z-index: 2;
    }
    .page-range-page--title {
        color: var(--white);
        font-family: var(--font-family);
        font-size: 1.813rem;
        font-style: normal;
        line-height: 1.875rem;
        text-transform: uppercase;
    }
    .page-range-page--subtitle {
        color: var(--white);
        font-family: var(--font-family-FiraSans--condensed-semiBold);
        font-size: 1.25rem;
        font-style: normal;
        text-transform: uppercase;
    }
    .page-range-page--range-description{
        background: var(--rangeColor);
        z-index: 2;
        font-family: var(--font-family-firaSans);
        font-size: 1.375rem;
        padding: 0 1.825rem 1.375rem;
        color: #fff;
        text-align: start;
        position: relative;
    }
    .page-range-page--banner .component-wrapper-picture--picture-image {
        width: 100%;
        height: 18.75rem;
        object-fit: cover;
        object-position: block-end;
    }
    .topic-title-text.topic-title-text.topic-title-text.topic-title-text{
        z-index: 2;
        padding: 2.438rem 1.825rem;
        text-align: start;
        margin: -1rem 0;
        h2{
            font-family: var(--font-family);
            font-size: min(8.41vw, 2.25rem);
            line-height: 1.15em;
            font-weight: 400;
            text-transform: uppercase;
            color: #003466
        }
        p{
            font-family: var(--font-family);
            font-size: min(5.14vw, 1.375rem);
            line-height: 1.15em;
        }

        &:has(.topic-title-text--title) .topic-title-text--text p {
            margin-top: 1rem;
        }
    }
    .page-range-page--products {
        scroll-margin-top: var(--header-height);
        position: relative;
        z-index: 2;
    }

    .page-range-page--products {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .page-product-page.page-product-page__product-list.page-product-page__pageProductPage {
        padding: 2rem;

        picture {
            overflow: hidden;

            img {
                transition: transform 0.5s ease;
            }
        }
    }
    .page-product-page--img-wrapper.page-product-page--img-wrapper__product-list .component-wrapper-picture--picture-image {
        max-height: min(40vw, 10.6875rem);
        height: 100%;
        width: auto;
        aspect-ratio: 152/151;
        position: relative;
        z-index: 5;
        margin: 0 auto;
    }
    h3.page-product-page--title.page-product-page__product-list--title.page-product-page--title{
        color: #fff;
        font-family: var(--font-family);
        font-size: min(3.037vw, 0.813rem);
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        transition: opacity 0.5s ease;
    }
    .page-product-page.page-product-page__product-list.page-product-page__pageProductPage:hover {

        picture img {
            transform: scale(1.10);
        }

        h3.page-product-page--title.page-product-page__product-list--title.page-product-page--title {
            opacity: 0;
        }
    }
}

@media screen and (max-width: 48rem) {
    .page-range-page--single {
        .page-range-page--banner::after {
            position: absolute;
            left: 0;
            right: 0;
            top: 13rem;
            content: '';
            display: block;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='440' height='249' viewBox='0 0 440 249' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M376.601 6.88757C377.611 6.73901 376.403 3.11309 376.403 3.11309C376.403 3.11309 231.086 -7.00781 110.845 9.2484C110.845 9.2484 61.9995 16.8399 44.9995 23.3399C27.9995 29.8399 7.7843e-05 43.6079 7.7843e-05 43.6079L0.000297433 250.84L2.06583 250.636C47.8782 246.116 97.514 241.219 118.5 237.84C139.802 234.41 172.039 230.287 195.957 228.046L227.877 225.055C227.912 223.235 227.947 221.416 230.971 220.025C231.744 219.571 231.029 218.205 231.046 217.284C237.183 217.242 243.65 217.223 250.003 217.771C251.431 209.893 253.024 202.037 254.547 194.159C254.865 192.55 255.278 190.94 255.734 188.858C261.17 189.412 266.582 189.967 271.971 190.521C272.172 189.007 272.844 187.538 276.764 186.496C277.914 186.063 276.87 184.676 276.934 183.754C290.646 184.11 305.513 184.908 318.935 187.748C326.305 189.211 334.89 189.413 343.031 190.185C346.606 179.812 350.041 169.581 349.637 158.479C349.434 152.762 351.37 146.866 352.789 141.138C353.063 139.955 355.475 138.403 356.862 138.393C362.741 138.425 368.668 138.55 374.503 139.102C374.548 138.818 374.664 138.534 374.945 138.272C376.276 137.011 380.589 138.376 381.854 137.611C385.354 137.091 379.844 135.994 376.479 135.663C377.744 134.874 374.244 135.418 374.379 134.519L374.383 134.491C374.651 132.679 374.919 130.872 379.639 129.994C380.836 129.655 379.909 128.173 380.044 127.274C393.669 128.695 408.427 130.793 421.458 134.911C424.71 135.905 428.242 136.661 431.892 137.346C432.284 136.256 432.629 135.072 432.902 133.724C435.27 122.177 437.167 110.516 438.476 98.8581C438.743 96.6589 438.775 94.4141 438.76 92.1931C431.421 91.7463 424.082 91.4648 416.792 91.372C414.837 90.9362 415.819 90.0318 415.836 89.1102C419.81 89.0598 423.763 89.4822 426.767 88.6114C427.755 88.6047 425.838 86.7746 426.866 85.8698L426.935 85.871C427.965 85.8882 429.899 85.9203 430.864 85.9139C431.913 84.56 429.976 83.1553 431.048 81.8013C432.121 80.4473 436.125 81.4128 437.177 80.5314C437.553 80.4344 437.811 80.3381 437.975 80.2425C437.951 80.1485 437.95 80.031 437.949 79.9366L437.949 79.9355L437.948 79.8174C437.146 79.3975 434.228 79.1099 432.206 79.0999C433.258 78.1949 430.183 79.0662 430.224 78.1444C430.285 76.6791 430.346 75.2374 432.477 74.0416C396.539 69.3922 360.076 67.2744 324.057 68.1073C319.869 67.7574 321.955 66.7982 321.949 65.8767L322.915 65.8593C326.78 65.7897 330.645 65.7201 334.269 65.6521L334.745 65.6375C338.492 65.5228 341.992 65.4157 345.034 64.9418C347.151 64.9276 342.977 63.1363 345.11 62.2004C347.226 62.1862 351.435 62.1343 353.552 62.1909C355.73 60.8531 351.534 59.4164 353.712 58.0785C355.89 56.7407 364.339 57.7236 366.52 56.8819C369.739 56.5295 368.679 56.1586 366.043 55.8455C363.407 55.556 359.15 55.4193 355.952 55.3699C358.109 54.4811 351.672 55.3278 351.712 54.406L351.713 54.3906C351.771 52.5759 351.83 50.7394 360.474 49.4797C362.634 49.0398 360.556 47.6597 360.597 46.738C362.219 46.7507 363.842 46.787 365.488 46.7996C367.111 46.8596 368.757 46.8957 370.404 46.9556C373.697 47.0752 377.013 47.1711 380.353 47.2904C383.693 47.4806 387.034 47.6708 390.398 47.8608L393.456 48.0529C398.143 35.1912 399.278 22.0463 397.918 8.70542C387.478 8.72835 377.183 9.48277 367.154 11.3223C366.143 11.2818 365.812 11.0005 365.715 10.6231C365.642 10.2219 365.803 9.72467 365.706 9.27639C367.702 8.90854 369.7 8.63521 371.555 8.26831C373.41 7.90141 375.171 7.5824 376.601 6.88757Z' fill='white'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='440' height='249' viewBox='0 0 440 249' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M376.601 6.88757C377.611 6.73901 376.403 3.11309 376.403 3.11309C376.403 3.11309 231.086 -7.00781 110.845 9.2484C110.845 9.2484 61.9995 16.8399 44.9995 23.3399C27.9995 29.8399 7.7843e-05 43.6079 7.7843e-05 43.6079L0.000297433 250.84L2.06583 250.636C47.8782 246.116 97.514 241.219 118.5 237.84C139.802 234.41 172.039 230.287 195.957 228.046L227.877 225.055C227.912 223.235 227.947 221.416 230.971 220.025C231.744 219.571 231.029 218.205 231.046 217.284C237.183 217.242 243.65 217.223 250.003 217.771C251.431 209.893 253.024 202.037 254.547 194.159C254.865 192.55 255.278 190.94 255.734 188.858C261.17 189.412 266.582 189.967 271.971 190.521C272.172 189.007 272.844 187.538 276.764 186.496C277.914 186.063 276.87 184.676 276.934 183.754C290.646 184.11 305.513 184.908 318.935 187.748C326.305 189.211 334.89 189.413 343.031 190.185C346.606 179.812 350.041 169.581 349.637 158.479C349.434 152.762 351.37 146.866 352.789 141.138C353.063 139.955 355.475 138.403 356.862 138.393C362.741 138.425 368.668 138.55 374.503 139.102C374.548 138.818 374.664 138.534 374.945 138.272C376.276 137.011 380.589 138.376 381.854 137.611C385.354 137.091 379.844 135.994 376.479 135.663C377.744 134.874 374.244 135.418 374.379 134.519L374.383 134.491C374.651 132.679 374.919 130.872 379.639 129.994C380.836 129.655 379.909 128.173 380.044 127.274C393.669 128.695 408.427 130.793 421.458 134.911C424.71 135.905 428.242 136.661 431.892 137.346C432.284 136.256 432.629 135.072 432.902 133.724C435.27 122.177 437.167 110.516 438.476 98.8581C438.743 96.6589 438.775 94.4141 438.76 92.1931C431.421 91.7463 424.082 91.4648 416.792 91.372C414.837 90.9362 415.819 90.0318 415.836 89.1102C419.81 89.0598 423.763 89.4822 426.767 88.6114C427.755 88.6047 425.838 86.7746 426.866 85.8698L426.935 85.871C427.965 85.8882 429.899 85.9203 430.864 85.9139C431.913 84.56 429.976 83.1553 431.048 81.8013C432.121 80.4473 436.125 81.4128 437.177 80.5314C437.553 80.4344 437.811 80.3381 437.975 80.2425C437.951 80.1485 437.95 80.031 437.949 79.9366L437.949 79.9355L437.948 79.8174C437.146 79.3975 434.228 79.1099 432.206 79.0999C433.258 78.1949 430.183 79.0662 430.224 78.1444C430.285 76.6791 430.346 75.2374 432.477 74.0416C396.539 69.3922 360.076 67.2744 324.057 68.1073C319.869 67.7574 321.955 66.7982 321.949 65.8767L322.915 65.8593C326.78 65.7897 330.645 65.7201 334.269 65.6521L334.745 65.6375C338.492 65.5228 341.992 65.4157 345.034 64.9418C347.151 64.9276 342.977 63.1363 345.11 62.2004C347.226 62.1862 351.435 62.1343 353.552 62.1909C355.73 60.8531 351.534 59.4164 353.712 58.0785C355.89 56.7407 364.339 57.7236 366.52 56.8819C369.739 56.5295 368.679 56.1586 366.043 55.8455C363.407 55.556 359.15 55.4193 355.952 55.3699C358.109 54.4811 351.672 55.3278 351.712 54.406L351.713 54.3906C351.771 52.5759 351.83 50.7394 360.474 49.4797C362.634 49.0398 360.556 47.6597 360.597 46.738C362.219 46.7507 363.842 46.787 365.488 46.7996C367.111 46.8596 368.757 46.8957 370.404 46.9556C373.697 47.0752 377.013 47.1711 380.353 47.2904C383.693 47.4806 387.034 47.6708 390.398 47.8608L393.456 48.0529C398.143 35.1912 399.278 22.0463 397.918 8.70542C387.478 8.72835 377.183 9.48277 367.154 11.3223C366.143 11.2818 365.812 11.0005 365.715 10.6231C365.642 10.2219 365.803 9.72467 365.706 9.27639C367.702 8.90854 369.7 8.63521 371.555 8.26831C373.41 7.90141 375.171 7.5824 376.601 6.88757Z' fill='white'/%3E%3C/svg%3E");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: cover;
            mask-size: cover;
            mask-position: right;
            pointer-events: none;
            background-color: var(--rangeColor);
            width: 100%;
            height: 70%;
            z-index: 1;
            object-position: top;
        }
    }

}

@media screen and (min-width: 48rem) /* 1024px */ {
.page-range-page--single {
    .page-range-page--products {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .page-range-page--banner::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 24.74rem;
        content: '';
        mask-image: url("../img/range-title-desktop-aa997866028ff0077a1203f5546ec436.svg");
        mask-repeat: no-repeat;
        mask-size: cover;
        mask-position: right;
        pointer-events: none;
        background-color: var(--rangeColor);
        z-index: 1;
    }
    .page-range-page--banner .component-wrapper-picture--picture-image {
        width: 100%;
        height: 43.75rem;
        object-fit: cover;
        object-position: right;
    }
    .page-range-page--title-wrapper {
        position: absolute;
        left: 0;
        right: 24.74rem;
        top: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        z-index: 2;
    }
    .page-range-page--range-description{
        padding: 5.5rem 1.825rem;
        text-align: center;
        position: relative;
        p{
            font-size: 1.688rem;
            max-width: 80%;
            margin: 0 auto;
        }
    }
}

}
@media screen and (min-width: 64rem) /* 1024px */ {
    .page-range-page--single {
        .component-title-sliding-images-and-texts--slides section:nth-of-type(1) .component-title-cta-images-and-caption--banner-background-wrappedContent--image-wrapper::before{
            top: -3rem;
        }
        .component-title-sliding-images-and-texts--slides section:nth-of-type(1) .component-title-cta-images-and-caption--banner-background-wrappedContent--image-wrapper::after {
            bottom: -3rem;
        }
        .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__banner-background-wrappedContent:last-of-type {
            .topic-image-text--banner-background-wrappedContent {
                picture {
                    margin-left: 0;
                    margin-right: auto;
                }
                .component-wrapper-picture--picture-image {
                    height: 100%;
                }
            }
        }
        .topic-title-text.topic-title-text.topic-title-text.topic-title-text{
            padding: 2.438rem 1.825rem;
            text-align: center;
            h2{
                font-size: 3.75rem;
            }
            p{
                font-size: 1.688rem;
            }
        }
        .page-range-page--products {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            margin-bottom: 8.87rem;
        }
        .page-range-page--range-description{
            padding: 5.5rem 1.825rem;
                text-align: center;
            position: relative;
            p{
                font-size: 1.688rem;
                max-width: 50%;
                margin: 0 auto;
            }
        }
        .page-product-page--img-wrapper.page-product-page--img-wrapper__product-list .component-wrapper-picture--picture-image {
            object-fit: contain;
            max-height: unset;
            height: auto;
            aspect-ratio: 1/1;
            margin: 0 auto;
        }
        h3.page-product-page--title.page-product-page__product-list--title.page-product-page--title{
            font-size: 1.25rem;
        }
        .page-range-page--banner .component-wrapper-picture--picture-image {
            width: 100%;
            height: auto;
            object-fit: contain;
            object-position: right;
        }

        .page-range-page--title-wrapper .content-width {
            max-width: 49.5625rem;
        }
        .page-range-page--title {
            font-size: 4.5rem;
            line-height: 3.8125rem; /* 101.667% */
        }
        .page-range-page--subtitle {
            font-size: 2rem;
            font-weight: 500;
            line-height: 2.375rem;
        }
        .component-wrapper-picture--picture-image {
            width: 100%;
            height: 43.75rem;
            object-fit: cover;
            object-position: right;
        }


    }
}
@media screen and (min-width: 80rem /* 1280px */) {
    .page-range-page--single {
        .page-range-page--banner::after {
            right: 39.74rem;
        }

    }
}
@media (min-width: 90rem /* 1440px */) {
.page-range-page--product-list {
    .page-range-page--products {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .component-title-sliding-images-and-texts--slides section:nth-of-type(1) .component-title-cta-images-and-caption--banner-background-wrappedContent--image-wrapper::before{
        top: -6rem;
    }
    .component-title-sliding-images-and-texts--slides section:nth-of-type(1) .component-title-cta-images-and-caption--banner-background-wrappedContent--image-wrapper::after {
        bottom: -6rem;
    }
}
    .page-product-page--img-wrapper.page-product-page--img-wrapper__product-list .component-wrapper-picture--picture-image {
        width: 31.25rem;
        height: 31.25rem;
        aspect-ratio: 1/1;
        margin: 0 auto;
    }
}
