.sonni-key-ingredients-2026 {
    padding: 50px 0;
    color: var(--sonni-blue);
    position: relative;

    @media screen and (min-width: 992px) {
        padding: 70px 0;
    }

    .title {
        margin: 0;
        margin-bottom: 40px;

        @media screen and (min-width: 768px) {
            text-align: center;
            margin-bottom: 80px;
        }
    }  

    .sonni-key-ingredients__block {
        overflow: hidden;
        display: grid;

        @media screen and (min-width: 992px) {
            grid-template-columns: 60% 40%;
            border-radius: 10px;
        }

        &+.sonni-key-ingredients__block {
            margin-top: 35px;

            @media screen and (min-width: 992px) {
                margin-top: 25px;
            }
        }

        .sonni-key-ingredients__block-left {
            padding: 18px 0;
            
            @media screen and (min-width: 992px) {
                padding: 44px;
                background-color: var(--sonni-lightblue);
            }

            @media screen and (max-width: 991px) {
                order: 2;
            }

            .ingredient-title {
                margin: 0;

                @media screen and (min-width: 992px) {
                    margin-top: 20px;
                }
            }

            .ingredient-link {
                color: inherit;

                @media screen and (max-width: 991px) {
                    margin-top: 5px;
                }
            }
        }

        .sonni-key-ingredients__block-right {
            position: relative;

            @media screen and (max-width: 991px) {
                aspect-ratio: 1;
                border-radius: 10px;
                overflow: hidden;
            }
        }
    }

    .bottom-content {
        margin-top: 40px;

        @media screen and (min-width: 992px) {
            margin-top: 90px;
        }
    }
    
    .accordion-header {
        span {
            padding-right: 0;
        }
    }

    .button-container {
        text-align: center;
        margin-top: 40px;

        @media screen and (min-width: 768px) {
            margin-top: 85px;
        }

        .button {

            .price-wrapper {
                .original-price {
                    margin-left: 5px;
                    text-decoration: line-through;
                }
            }
        }
    }
}