/* overrides.css — сюда добавляй стили для перезаписи */

.sections__container-bg .section-bg-picture {
    position: absolute;
    inset: 0;
    min-width: 0;
    min-height: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.sections__container-bg .section-bg-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#start .section__row-container .flex-row-picture,
#start .section__column-container.mob .flex-row-picture {
    display: contents;
}

#reg .section__image-container .reg-split-picture {
    display: flex;
    width: 100%;
    max-width: 100%;
    align-items: center;
    justify-content: center;
}

#reg .section__image-container .reg-split-picture .section__image {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

@media screen and (max-width: 768px) {
    #start .section__image-container>picture .section__image {
        max-width: 300px;
        max-height: 300px;
        margin-inline: auto;
    }
}

@media screen and (max-width: 480px) {
    #start .section__column-container.mob {
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }

    #start .section__column-container.mob .section__image-container {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 45%;
        background: none;
        z-index: 1;
        pointer-events: none;
    }

    #start .section__column-container.mob .section__image-container img {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: none;
    }

    #start .section__column-container.mob .section__image.large {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}

.selected {
    color: #325E9F;
}

.big-button {
    background: linear-gradient(270deg, #FF9B5D 0%, #FFD7BA 100%);
}

h1 .selected {
    text-transform: uppercase;
}

.section__delivery {
    background: #D5D4D4;
}

#review .section__card > .section__row-container {
    justify-content: flex-start;
    align-items: center;
}

#review .section__card > .section__row-container img {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}

@media screen and (max-width: 480px) {
    #start .section__image {
        object-fit: cover;
    }
}

.skip-link {
    position: absolute;
    top: -999px;
    left: 0;
    z-index: 9999;
    padding: 0.75rem 1.5rem;
    background: #325E9F;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 0 0 4px 0;
}
.skip-link:focus {
    top: 0;
}