@media screen and (max-width: 1024px) {
    :root {
        --reservation-margin: clamp(0px, calc(5vw - 1rem), 1rem);
    }

    .reservation-block #block-search {
        padding-top: var(--reservation-margin);
    }

    .page-main > .reservation-block ~ .page-content {
        margin-top: var(--reservation-margin);
    }

    .page-main > .reservation-block {
        display: none;
    }

}

@media screen and (max-width: 1024px) and (max-height: 960px) {
    .page-main > .head-block > .reservation-block {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    .page-main > .breadcrumbs ~ .page-content {
        margin-top: 40px;
    }
}

@media screen and (min-width: 401px) {
    .head-block .logo-block {
        margin-top: var(--header-height);
    }
}