@media (min-width: 992px) {

    /* home */
    /* banner */
    .banner-infos {
        --mt: 68px;
        --gap: 16px;
        padding-top: calc(var(--mt) + var(--gap));
        padding-inline: 12%;
    }

    .banner-title,
    .banner-text {
        text-align: left;
    }

    .banner-btns {
        flex-direction: row;
    }

    /* end - banner */

    /* feat */
    #feat {
        padding-top: 0;
    }

    #feat::before {
        display: initial;
    }

    #feat::after {
        inset: 0 0 auto auto;
        width: 50%;
        height: 100%;
        background-image: linear-gradient(transparent 75%, var(--color-light)), url(../img/mountain.webp);
        background-size: auto 60%;
        transform: translateY(-200px);
    }

    .feat-content {
        padding-inline: 5%;
    }

    .feat-header {
        background: transparent;
    }

    .feat-grid {
        border-radius: 8px;
    }

    .feat-grid:has(.feat-card-link:nth-child(2)) {
        grid-template-columns: 1fr 1fr;
    }

    .feat-card-content {
        padding-bottom: 0;
    }

    /* end - feat */

    /* motel */
    #motel::before {
        display: none;
    }

    #motel::after {
        width: 25%;
        height: unset;
        aspect-ratio: .716/ 1;
        transform: translateY(-320px);
    }

    .motel-content {
        flex-direction: row-reverse;
        position: relative;
    }

    .motel-infos {
        max-width: 50%;
        position: absolute;
        inset: 0 0 0 auto;
        justify-content: center;
        gap: 0;
        margin-bottom: 384px;
        overflow: hidden;
    }

    .motel-card {
        max-height: 100%;
        border-radius: 8px;
        padding: 5%;
        background: var(--color-base);
    }

    .motel-card-text {
        --shade: 0, 0, 0;
        --alpha: .25;

        max-height: 100%;
        overflow-y: auto;
        padding-right: 24px;

        background:
            /* Shadow covers */
            linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
            linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

            /* Shadows */
            radial-gradient(50% 0, farthest-side, rgba(var(--shade), var(--alpha)), transparent),
            radial-gradient(50% 100%, farthest-side, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
        background:
            /* Shadow covers */
            linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
            linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

            /* Shadows */
            radial-gradient(farthest-side at 50% 0, rgba(var(--shade), var(--alpha)), transparent),
            radial-gradient(farthest-side at 50% 100%, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
        background-repeat: no-repeat;
        background-color: var(--color-base);
        background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;

        /* Opera doesn't support this in the shorthand */
        background-attachment: local, local, scroll, scroll;
    }

    /* end - motel */

    /* gastro */
    .gastro-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .gastro-card:is(:nth-child(1), :nth-child(2)) {
        width: auto;
        height: auto;
        margin: unset;
    }

    .gastro-card:nth-child(1) {
        grid-column: 3 / span 2;
    }

    .gastro-card:nth-child(2) {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
    }

    /* end - gastro */

    /* promos */
    .promos-content {
        flex-direction: row;
        align-items: center;
        gap: 5%;
        padding-left: 10%;
    }

    .promos-header {
        max-width: 33%;
        max-height: 432px;
    }

    .promos-text {
        --shade: 0, 0, 0;
        --alpha: .25;

        max-height: 100%;
        padding-right: 24px;
        overflow-y: auto;

        background:
            /* Shadow covers */
            linear-gradient(var(--color-light) 30%, rgba(255, 255, 255, 0)),
            linear-gradient(rgba(255, 255, 255, 0), var(--color-light) 70%) 0 100%,

            /* Shadows */
            radial-gradient(50% 0, farthest-side, rgba(var(--shade), var(--alpha)), transparent),
            radial-gradient(50% 100%, farthest-side, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
        background:
            /* Shadow covers */
            linear-gradient(var(--color-light) 30%, rgba(255, 255, 255, 0)),
            linear-gradient(rgba(255, 255, 255, 0), var(--color-light) 70%) 0 100%,

            /* Shadows */
            radial-gradient(farthest-side at 50% 0, rgba(var(--shade), var(--alpha)), transparent),
            radial-gradient(farthest-side at 50% 100%, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
        background-repeat: no-repeat;
        background-color: var(--color-light);
        background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;

        /* Opera doesn't support this in the shorthand */
        background-attachment: local, local, scroll, scroll;
    }

    .promos-slide {
        width: 100%;
    }

    /* end - promos */

    /* local */
    .local-content {
        flex-direction: row-reverse;
        gap: 48px;
        /* align-items: center; */
    }

    .local-col {
        text-align: start;
    }

    .local-col:nth-child(2) .local-map {
        min-height: 426px;
        height: 100%;
    }

    .local-contacts {
        flex-direction: column;
    }

    /* end - local */
    /* end - home */

    /* ------------------------------------------------------------------------------------------ */

    /* inner */
    /* inner header global */
    #in-header .in-header-wrap {
        padding-top: 128px;
    }

    /* end - inner header global */

    /* inner our-suites */

    #in-our-suites .in-our-suites-content {
        padding-inline: 5%;
    }

    #in-our-suites .in-our-suites-grid {
        border-radius: 8px;
    }

    #in-our-suites .in-our-suites-grid:has(.in-our-suites-card-link:nth-child(2)) {
        grid-template-columns: 1fr 1fr;
    }

    /* end - inner our-suites */

    /* inner suite slider */
    #in-suite .in-suite-slider-item {
        width: 100%;
    }

    /* end - inner suite slider */

    /* inner items & infos */
    #in-suite #in-suite-infos {
        flex-direction: row;
    }

    #in-suite .in-suite-infos-divider {
        width: 1px;
        height: auto;
    }

    /* end - inner items & infos */

    /* inner others suites */
    #in-suite-others .in-suite-others-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
    }

    #in-suite-others .in-suite-others-card-link,
    #in-suite-others .in-suite-others-card-link:is(:hover, :active, :focus) {
        width: 55%;
    }

    /* end - inner others suites */

    /* inner motel */
    #in-motel::before {
        display: none;
    }

    #in-motel::after {
        width: 25%;
        height: unset;
        aspect-ratio: .716/ 1;
        transform: translateY(-320px);
    }

    .in-motel-content {
        flex-direction: row-reverse;
        position: relative;
    }

    .in-motel-infos {
        max-width: 50%;
        position: absolute;
        inset: 0 0 0 auto;
        justify-content: center;
        gap: 0;
        margin-bottom: 384px;
        overflow: hidden;
    }

    .in-motel-card {
        max-height: 100%;
        border-radius: 8px;
        padding: 5%;
        background: var(--color-base);
    }

    .in-motel-card-text {
        --shade: 0, 0, 0;
        --alpha: .25;

        max-height: 100%;
        overflow-y: auto;
        padding-right: 24px;
        color: var(--color-light);

        background:
            /* Shadow covers */
            linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
            linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

            /* Shadows */
            radial-gradient(50% 0, farthest-side, rgba(var(--shade), var(--alpha)), transparent),
            radial-gradient(50% 100%, farthest-side, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
        background:
            /* Shadow covers */
            linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
            linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

            /* Shadows */
            radial-gradient(farthest-side at 50% 0, rgba(var(--shade), var(--alpha)), transparent),
            radial-gradient(farthest-side at 50% 100%, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
        background-repeat: no-repeat;
        background-color: var(--color-base);
        background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;

        /* Opera doesn't support this in the shorthand */
        background-attachment: local, local, scroll, scroll;
    }

    /* end - inner motel */

    /* inner local */
    .in-local-content {
        flex-direction: row-reverse;
        gap: 48px;
        /* align-items: center; */
    }

    .in-local-col {
        text-align: start;
    }

    .in-local-col:nth-child(2) .in-local-map {
        min-height: 426px;
        height: 100%;
    }

    .in-local-contacts {
        flex-direction: column;
    }
    /* end - inner local */

    /* inner gastro */
    .in-gastro-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .in-gastro-card:is(:nth-child(1), :nth-child(2)) {
        width: auto;
        height: auto;
        margin: unset;
    }

    .in-gastro-card:nth-child(1) {
        grid-column: 3 / span 2;
    }

    .in-gastro-card:nth-child(2) {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
    }

    /* end - inner gastro */

    /* inner vip */
    .in-vip-cards {
        grid-template-columns: repeat(3, 1fr);
    }
    /* end - inner vip */
    /* end - inner */
}