/** Нужен для быстрых фиксов типа "подровнять" или "подвинуть" **/

:root {
    --primary-yellow: #E1F0EC;
    --primary-green: #F5F5F5;
}


#start .section__item.yellow {
    background: #F5F5F5;
}


.big-button {
    background: linear-gradient(90deg, #F9E4B3 0%, #FCC95A 100%);
}

.big-button.black {
    background: linear-gradient(90deg, #FFF 0%, #FFE09C 100%);
}

#start h1 {
    color: #42897C;
}

#start .selected {
    -webkit-text-fill-color: #42897C;
}

.selected {
    background: #42897C;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#composition .section__image {
    height: 100%;
    max-height: 800px;
    max-width: var(--size-large);
}

#start .product-image-1 {
    max-height: 450px;
}

#buy .section__image {
    object-position: center center;
}

@media (max-width: 1280px) {
    #composition .section__image {
        max-height: 400px;
        max-width: var(--size-medium);
    }
}

@media (max-width: 768px) {
    #where .section__image, #why .section__image {
        object-position: center center;
        max-height: 220px;
    }
}

@media (max-width: 480px) {
    #start .product-image-1 {
        width: 100%;
        max-width: 292px;
    }
}