.bg {
    position: static;
    width: 100%;
    height: calc(7000 / 1080 * 100vh);
    background: linear-gradient(270deg, #bda794 0%, #86746b 100%);
    z-index: 100;
    left: 0;
    margin: 0;
}
.logo {
    position: fixed;
    top: 5vh;
    left: 27vw;
    width: 48vw;
    height: 8vh;
    z-index: 999999;
    mix-blend-mode: multiply;
}
.logo2 {
    position: fixed;
    top: 5vh;
    left: 27vw;
    width: 48vw;
    height: 8vh;
    z-index: 999999;
}
.logo, .logo2 {
    transition: opacity 0.5s ease;
}
.elem {
    position: absolute;
    top: -0.2vh;
    left: -0.2vw;
    width: 100vw;
    height: 200vh;
    z-index: 101;
}
.elem2 {
    position: absolute;
    top: 20vh;
    left: 0;
    width: 100vw;
    height: 80vh;
    z-index: 100;
}
body, html{
    background-color: transparent;
    margin: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: hidden
}
body::-webkit-scrollbar {
    display: none;
}
div {
    margin: 0;
}
.block1 {
    margin: 0;
}
.banner {
    position: fixed;
    top: -0.1vh;
    left: 0;
    width: 100%;
    height: 14vh;
    z-index: 100000;
    background: rgb(85, 75, 66, 0.3);
    border-bottom: 0.024vh solid rgba(221, 221, 221, 0.25);
    border-top: 0.024vh solid rgba(221, 221, 221, 0.6);
    backdrop-filter: blur(0.72vh);
    -webkit-backdrop-filter: blur(0.72vh);
}
.order {
    position: fixed;
    top: 93.1vh;
    left: 50vw;
    width: 82vw;
    height: 7vh;
    z-index: 99999;
    border-radius: 57.6vh;
    background: rgb(85, 75, 66, 0.3);
    border-top: 0.024vh solid rgba(221, 221, 221, 0.25);
    border-bottom: 0.006vh solid rgba(221, 221, 221, 0.25);
    backdrop-filter: blur(0.72vh);
    -webkit-backdrop-filter: blur(0.72vh);
    transform: translate(-50%, -50%);
}
.menu-o {
    position: fixed;
    top: 76.5vh; 
    left: 83.5vw;
    width: 13.5vw;
    height: 25vh;
    z-index: 99998; 
    border-radius: 2.72vh;
    background: rgba(85, 75, 66, 0.4);
    border-top: 0.024vh solid rgba(221, 221, 221, 0.4);
    border-bottom: 0.006vh solid rgba(221, 221, 221, 0.2);
    backdrop-filter: blur(1.44vh);
    -webkit-backdrop-filter: blur(1.44vh);
    box-shadow: 0 0.48vh 3.6vh rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%);
    top: 120vh !important; 
    opacity: 0;
    transition: top 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.5s ease;
}
.food-m, .endo-m, .book-m, .up-m, .down-m {
    position: fixed;
    z-index: 99999;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.food-m { top: 76.5vh; left: 83.5vw; width: 9vw; }
.endo-m { top: 71vh; left: 83.5vw; width: 9vw; }
.book-m { top: 82vh; left: 83.5vw; width: 9vw; }
.up-m   { top: 63.4vh; left: 74.2vw; width: 9vw; rotate: 180deg; }
.down-m { top: 87.1vh; left: 83.7vw; width: 9vw; }
.menu-btn {
    position: fixed;
    z-index: 100000;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    width: 10vw;
    height: 6vh;
    pointer-events: none;
}
.btn-food { top: 76.5vh;;left: 83.5vw; }
.btn-endo { top: 71vh;left: 83.5vw; }
.btn-book { top: 82vh;left: 83.5vw; }
.btn-up   { rotate: 180deg; ; top: 55.5vh; left: 72.5vw; width: 12vw; height: 8vh; }
.btn-down {top: 87.1vh; left: 83.7vw; width: 12vw; height: 5vh; }
#toggle:checked ~ .menu-o {
    top: 76.5vh !important;
    opacity: 1;
}
#toggle:checked ~ .menu-btn {
    pointer-events: auto;
}
#toggle:checked ~ .food-m,
#toggle:checked ~ .endo-m,
#toggle:checked ~ .book-m,
#toggle:checked ~ .up-m,
#toggle:checked ~ .down-m {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0.44s;
}
.btn-overlay-order {
    position: fixed;
    top: 89.6vh;
    left: 42vw;
    width: 72vw;
    height: 7vh;
    z-index: 10000000111112121132904238470429548674920342753464923021427534249103437543920;
    transform: translate(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    pointer-events: auto !important;
    border-radius: 0;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease;
}
.btn-overlay-order:active,
.btn-overlay:active,
.btn-overlay2:active {
    transform: translate(-50%) scale(0.95);
    background-color: rgba(228, 204, 178, 0.15);
}
.btn-overlay, .btn-overlay2 {
    transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease;
}
.elem-r {
    position: fixed;
    top: 89.6vh;
    left: 77vw;
    width: 0.2vw;
    height: 7vh;
    z-index: 99999;
    background: rgba(221, 221, 221, 0.25);
    backdrop-filter: blur(0.72vh);
    -webkit-backdrop-filter: blur(0.72vh);
    transform: translate(-50%);
}
:root {
    --animation-curve: cubic-bezier(1, 0, 0, 1);
}
label {
    top: 93vh;
    left: 80vw;
    width: 3.84vh;
    height: 0.33vh;
    background-color: #e4ccb2;
    position: fixed;
    cursor: pointer;
    z-index: 99999999999;
    &::before,
    &::after {
        content: "";
        width: 3.84vh;
        height: 0.33vh;
        background-color: #e4ccb2;
        position: absolute;
        display: block;
        color: #e4ccb2;
        transition: all 0.6s var(--animation-curve);
    }
    &::before {
        top: -350%;
        left: 0%;
        transform: rotateZ(0deg);
        transform-origin: left top;
    }
    &::after {
        bottom: -350%;
        left: 0%;
        transform: rotateZ(0deg);
        transform-origin: left bottom;
    }
    -webkit-tap-highlight-color: transparent;
}
#toggle:checked~label::before {
    content: "";
    background-color: #e4ccb2;
    transform: rotateZ(40deg);
    left: 0%;
    -webkit-tap-highlight-color: transparent;
}
#toggle:checked~label::after {
    content: "";
    background-color: #e4ccb2;
    transform: rotateZ(-40deg);
    left: 0%;
    -webkit-tap-highlight-color: transparent;
}
#toggle:checked~label {
    background-color: #e4ccb200;
    -webkit-tap-highlight-color: transparent;
}
#toggle~label {
    transition: all 0.5s var(--animation-curve);
    -webkit-tap-highlight-color: transparent;
}
input {
    display: none;
    -webkit-tap-highlight-color: transparent;
}
.block2, .block3, .block4, .block5{
    position: absolute;
    top: 0vh;
    margin: 0;
}
.ordertxt {
    position: fixed;
    top: 89vh;
    left: 67vw;
    width: 100vw;
    height: 9vh;
    z-index: 9999999;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.4vh;
    transform: translate(-50%);
}
.carousel-container {
    position: absolute;
    top: 17vh;
    left: 50vw;
    width: 100vw;
    height: 70vh; 
    z-index: 9999;
    transform: translateX(-50%);
    overflow: hidden; 
    pointer-events: auto;
    cursor: pointer;
}
.carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.roll-item {
    position: absolute;
    top: 0;
    left: 50%;
    width: 63vw; 
    height: auto;
    border-radius: 0.96vh;
    border: 0.144vh solid rgba(119, 104, 96, 1);
    transform-origin: center center;
    transform: translateX(-50%) scale(0.85); 
    transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
    filter: blur(0.48vh) brightness(0.6);
    opacity: 0; 
    z-index: 1;
    cursor: pointer;
}
.roll-item.active {
    transform: translateX(-50%) scale(1);
    filter: blur(0) brightness(1);
    opacity: 1;
    z-index: 10;
}
.roll-item.prev {
    transform: translateX(-120%) scale(0.85); 
    filter: blur(0.24vh) brightness(0.7);
    opacity: 0.6; 
    z-index: 5;
}
.roll-item.next {
    transform: translateX(20%) scale(0.85); 
    filter: blur(0.24vh) brightness(0.7);
    opacity: 0.6; 
    z-index: 5;
}
.mover {
    position: absolute;
    top: 66vh;
    left: 28.55vw; 
    width: 5.45vw;
    height: 2.45vh;
    z-index: 10000; 
    background: rgba(206, 206, 206, 0.72);
    border-top: 0.024vh solid rgba(221, 221, 221, 0.25);
    transform: translate(-50%, -50%);
    border-radius: 16vh;
    touch-action: none; 
}
.slider {
    position: absolute;
    top: 66vh;
    left: 50vw;
    width: 50vw;
    height: 3.4vh;
    z-index: 999;
    background: rgb(85, 75, 66, 0.3);
    border-top: 0.024vh solid rgba(221, 221, 221, 0.25);
    transform: translate(-50%, -50%);
    border-radius: 16vh;
}
.opys {
    position: absolute;
    top: 82vh;
    left: 50vw;
    width: 95vw;
    height: 21vh;
    z-index: 999;
    background: rgb(136, 120, 107, 0.4);
    border: 0.104vh solid rgba(119, 104, 96, 1);
    transform: translate(-50%, -50%);
    border-radius: 1.12vh;
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.opystxt {
    position: absolute;
    top: 70vh;
    left: 51vw;
    width: max-content;
    max-width: 95vw;
    height: 9vh;
    z-index: 999;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
}
.about {
    position: absolute;
    top: 94vh;
    left: 50vw;
    width: 95vw;
    height: 5.5vh;
    z-index: 10;
    background: linear-gradient(45deg, rgba(162, 146, 132, 0.45) 0%, rgb(136, 120, 107, 0.4) 100%);
    border: 0.104vh solid rgba(119, 104, 96, 1);
    transform: translate(-50%);
    border-radius: 1.12vh;
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.abt-2 {
    position: absolute;
    top: 98vh;
    left: 50vw;
    width: max-content;
    max-width: 93vw;
    height: 9vh;
    z-index: 11;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.01vh;
    transform: translateX(-50%);
    text-align: center;
    opacity: 0;
}
.arrow {
    position: absolute;
    top: 95.4vh;
    left: 86vw;
    width: 8vw;
    height: auto;
    z-index: 1000;
}
.arrow-bottom {
    position: absolute;
    top: 255vh; 
    left: 50vw;
    width: 8vw;
    height: auto;
    z-index: 1000;
    transform: translateX(-50%) rotate(180deg);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease;
    cursor: pointer;
}
.bg.expanded-bg {
    height: calc((7000 / 1080 * 100vh) + 145vh) !important;
    transition: height 0.6s ease;
}
.abouttxt {
    position: absolute;
    top: 95.4vh;
    left: 18vw;
    width: max-content;
    max-width: 95vw;
    height: 9vh;
    z-index: 999;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
}
.between {
    position: absolute;
    top: 115vh;
    left: -1vw;
    width: 101vw;
}
.etphoto {
    position: absolute;
    top: 135vh;
    left: 50vw;
    width: 82vw;
    z-index: 101;
    transform: translateX(-50%);
}
.et {
    position: absolute;
    top: 123vh;
    left: 50vw;
    width: max-content;
    max-width: 95vw;
    height: 9vh;
    z-index: 100;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
}
.elem3 {
    position: absolute;
    top: 65vh;
    left: 0vw;
    width: 100vw;
    height: 210vh;
    z-index: 100;
}
.et-1 {
    position: absolute;
    top: 200vh;
    left: 50vw;
    width: max-content;
    max-width: 95vw;
    height: 9vh;
    z-index: 100;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.ets-2 {
    position: absolute;
    top: 218.8vh;
    left: 50vw;
    width: 95vw;
    height: 14.5vh;
    z-index: 999;
    background: linear-gradient(45deg, rgba(162, 146, 132, 0.45) 0%, rgb(136, 120, 107, 0.4) 100%);
    border: 0.104vh solid rgba(119, 104, 96, 1);
    transform: translate(-50%, -50%);
    border-radius: 1.12vh;
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.et-2 {
    position: absolute;
    top: 210vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.ets-3 {
    position: absolute;
    top: 237.9vh;
    left: 50vw;
    width: 95vw;
    height: 19.5vh;
    z-index: 999;
    background: linear-gradient(45deg, rgba(162, 146, 132, 0.45) 0%, rgb(136, 120, 107, 0.4) 100%);
    border: 0.104vh solid rgba(119, 104, 96, 1);
    transform: translate(-50%, -50%);
    border-radius: 1.12vh;
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.et-3 {
    position: absolute;
    top: 226vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.et-4 {
    position: absolute;
    top: 248.5vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.ets-5 {
    position: absolute;
    top: 264vh;
    left: 50vw;
    width: 95vw;
    height: 14vh;
    z-index: 999;
    background: linear-gradient(45deg, rgba(162, 146, 132, 0.45) 0%, rgb(136, 120, 107, 0.4) 100%);
    border: 0.104vh solid rgba(119, 104, 96, 1);
    transform: translate(-50%, -50%);
    border-radius: 1.12vh;
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.et-5 {
    position: absolute;
    top: 255.5vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.et-6 {
    position: absolute;
    top: 288vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #C2AE97;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 1.92vh;
    transform: translateX(-50%);
    text-align: center;
}
.between2 {
    position: absolute;
    top: 305vh;
    left: -1vw;
    width: 101vw;
    z-index: 1;
}
.elem4 {
    position: absolute;
    top: 282vh;
    left: 0vw;
    width: 100vw;
    height: 30vh;
    z-index: 0;
}
.scrolls-a {
    position: absolute;
    top: 277.5vh;
    left: 50vw;
    border-radius: 57.6vh;
    width: 68vw;
    height: 7vh;
    z-index: 999;
    border: 0.104vh solid rgba(119, 104, 96, 1);
    background: linear-gradient(45deg, rgba(162, 146, 132, 0.45) 0%, rgb(136, 120, 107, 0.4) 100%);
    transform: translate(-50%, -50%);
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.scroll-a {
    position: absolute;
    top: 273.3vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.arrow-c {
    position: absolute;
    top: 279.2vh;
    left: 50vw;
    width: 4vw;
    height: auto;
    z-index: 1000;
    transform: translateX(-50%);
}
.btn-overlay {
    position: absolute;
    top: 278.5vh;
    left: 50vw;
    width: 68vw;
    height: 10vh;
    z-index: 999999;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.bg2 {
    position: absolute;
    top: 308vh;
    left: 0vw;
    width: 100vw;
    height: 130vh;
    z-index: 0;
}
.krugi {
    position: absolute;
    top: 310vh;
    left: 0vw;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}
.elem5 {
    position: absolute;
    top: 315vh;
    left: 0vw;
    width: 100vw;
    height: 90vh;
    z-index: 0;
}
.foods {
    position: absolute;
    top: 322.7vh;
    left: 50vw;
    border: 0.12vh solid #1c513c;
    border-radius: 57.6vh;
    width: 52vw;
    height: 4vh;
    z-index: 999;
    background: rgba(20, 67, 51, 0.6);
    transform: translate(-50%, -50%);
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.food {
    position: absolute;
    top: 318vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #cccccc;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
    text-align: center;
}
.foods-a {
    position: absolute;
    top: 395vh;
    left: 50vw;
    border: 0.12vh solid #1c513c;
    border-radius: 0.96vh;
    width: 95vw;
    height: 25vh;
    z-index: 999;
    background: rgba(20, 67, 51, 0.75);
    transform: translate(-50%, -50%);
    backdrop-filter: blur(1.8vh);
    -webkit-backdrop-filter: blur(1.8vh);
}
.food-a {
    position: absolute;
    top: 381.7vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #cccccc;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.foods-b {
    position: absolute;
    top: 420.5vh;
    left: 50vw;
    border: 0.12vh solid #1c513c;
    border-radius: 57.6vh;
    width: 68vw;
    height: 7vh;
    z-index: 999;
    background: rgba(20, 67, 51, 0.6);
    transform: translate(-50%, -50%);
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.food-b {
    position: absolute;
    top: 416vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #cccccc;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.btn-overlay2 {
    position: absolute;
    top: 417vh; 
    left: 50vw;
    width: 68vw; 
    height: 7vh;  
    z-index: 1001912927823; 
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.arrow-b {
    position: absolute;
    top: 422.2vh;
    left: 50vw;
    width: 4vw;
    height: auto;
    z-index: 1000;
    transform: translateX(-50%);
}
.between3 {
    position: absolute;
    top: 435vh;
    left: -1vw;
    width: 101vw;
    z-index: 1;
}
.elem6 {
    position: absolute;
    top: 415vh;
    left: 0vw;
    width: 100vw;
    height: 90vh;
    z-index: 0;
}
.res {
    position: absolute;
    top: 447vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
    text-align: center;
}
.ba-t {
    position: absolute;
    top: 457vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
    text-align: center;
}
.bef-s {
    position: absolute;
    top: 462vh;
    left: 50vw;
    border-radius: 0;
    width: 100vw;
    height: 60vh;
    z-index: 999;
    transform: translate(-50%);
    backdrop-filter: blur(0.12vh);
    -webkit-backdrop-filter: blur(0.12vh);
}
.choose-a, .choose-b, .choose-c {
    position: absolute;
    top: 521vh;
    border-radius: 50%; 
    width: 10.4vw;
    height: 4.7vh; 
    z-index: 2000;
    cursor: pointer;
    opacity: 0.5; 
    transform: translate(-50%) scale(0.9); 
    filter: grayscale(0.4); 
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-tap-highlight-color: transparent; 
    user-select: none;
}
.choose-a { left: 30vw; }
.choose-b { left: 50vw; }
.choose-c { left: 70vw; }
.active-btn {
    opacity: 1 !important; 
    filter: grayscale(0) drop-shadow(0 0 8px rgba(228, 204, 178, 0.9)) !important; 
    transform: translate(-50%) scale(1.15) !important; 
    z-index: 2001; 
}
.ba-slider {
    position: absolute;
    top: 472.5vh;
    width: 40vw; 
    transform: translateX(-50%);
    border-radius: 0.48vh;
    overflow: hidden;
    user-select: none;
    touch-action: none;
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 0.6vh 1.8vh rgba(0,0,0,0.3);
}
.ba-image-after {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.ba-resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    z-index: 2;
    will-change: width;
}
.ba-image-before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 40vw; 
    object-fit: cover;
    pointer-events: none;
}
.ba-handle {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 0.24vh;
    background: #fff;
    cursor: col-resize;
    z-index: 3;
    transform: translateX(-50%);
    box-shadow: 0 0 0.6vh rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ba-handle::after {
    content: '';
    position: absolute;
    width: 2.88vh;
    height: 2.88vh;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0.24vh 0.6vh rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    background-position: center;
    border: 0.12vh solid #43322D;
}
.ba-slider[data-pos="center"] {
    left: 50vw;
    z-index: 1000;
    transform: translateX(-50%) scale(1);
    filter: blur(0) brightness(1);
    opacity: 1;
    pointer-events: auto; 
}
.ba-slider[data-pos="left"] {
    left: 20vw; 
    z-index: 500;
    transform: translateX(-50%) scale(0.75); 
    filter: blur(0.24vh) brightness(0.7); 
    opacity: 0.8;
    pointer-events: none; 
}
.ba-slider[data-pos="right"] {
    left: 80vw; 
    z-index: 500;
    transform: translateX(-50%) scale(0.75); 
    filter: blur(0.24vh) brightness(0.7); 
    opacity: 0.8;
    pointer-events: none; 
}
.between4 {
    position: absolute;
    top: 545vh;
    left: -1vw;
    width: 101vw;
    z-index: 1;
}

.choose-person1, .choose-person2, .choose-person3 {
    position: absolute;
    top: 554.3vh;
    height: 5vh;
    width: 24vw;
    border-radius: 10vb;
    z-index: 2000;
    cursor: pointer;
    background-color: #e4ccb22b;
    border-top: 0.06vh solid rgba(221, 221, 221, 0.4);
    border-bottom: 0.03vh solid rgba(221, 221, 221, 0.4);
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 0.4vh 1vh rgba(0,0,0,0.1);
    -webkit-tap-highlight-color: transparent; 
}

.choose-person1 { left: 16vw; }
.choose-person2 { left: 50vw; }
.choose-person3 { left: 84vw; }

.person-active {
    background-color: #43322d5e !important;
    opacity: 0.2 !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
    box-shadow: 0 0.5vh 1.5vh rgba(221, 221, 221, 0.6);
    z-index: 2001;
    border-color: rgba(228, 204, 178, 0.6);
    -webkit-tap-highlight-color: transparent; 
}

.choose-person1:active, 
.choose-person2:active, 
.choose-person3:active {
    transform: translate(-50%, -50%) scale(0.95);
    -webkit-tap-highlight-color: transparent; 
}

.choose-person-t1{
    position: absolute;
    top: 549.7vh;
    left: 16vw;
    z-index: 2111111000;
    cursor: pointer;
    opacity: 1;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
    text-align: center;
}

.choose-person-t2{
    position: absolute;
    top: 549.7vh;
    left: 50vw;
    z-index: 2111111000;
    cursor: pointer;
    opacity: 1;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
    text-align: center;
}

.choose-person-t3{
    position: absolute;
    top: 549.7vh;
    left: 84vw;
    z-index: 2111111000;
    cursor: pointer;
    opacity: 1;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
    text-align: center;
}

.trgt{
    position: absolute;
    top: 535vh;
    left: -1vw;
    width: 101vw;
    z-index: 1;
}
.trgt2{
    position: absolute;
    top: 617vh;
    left: -1vw;
    width: 101vw;
    z-index: 1;
}
.bg3 {
    position: absolute;
    top: 548vh;
    left: 0vw;
    width: 100vw;
    height: 281vh;
    z-index: 0;
    transition: height 0.5s ease;
}
.t-p1 {
    position: absolute;
    top: 555vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 2.88vh;
    transform: translateX(-50%);
    text-align: center;
}
.posluga-1 {
    position: absolute;
    top: 570vh;
    left: 50vw;
    border-radius: 1.6vh;
    width: 50vw;
    height: 70vh;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.poslugy-f {
    position: absolute;
    top: 690vh;
    left: 50vw;
    width: 97.5vw;
    height: auto;
    z-index: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease, width 0.5s ease, top 0.5s ease;
}

.po-t{
    position: absolute;
    top: 767vh;
    left: 42.2vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 199;
    font-style: normal;
    font-size: 1.28vh;
    transform: translateX(-50%);
    text-align: center;
}
.endo-body-p {
    position: absolute;
    top: 629.1vh;
    left: 75vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 100111110;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.endo-face-p {
    position: absolute;
    top: 629.1vh;
    left: 25vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.train-group-p {
    position: absolute;
    top: 649.6vh;
    left: 25vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.train-pers-p {
    position: absolute;
    top: 649.9vh;
    left: 75vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.diet-consult-p {
    position: absolute;
    top: 668.5vh;
    left: 25vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.diet-menu-p {
    position: absolute;
    top: 668.5vh;
    left: 75vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.diet-support-p {
    position: absolute;
    top: 683vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.s-p {
    position: absolute;
    top: 707.5vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.m-p {
    position: absolute;
    top: 731.3vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.4vh;
    transform: translateX(-50%);
    text-align: center;
}
.l-p {
    position: absolute;
    top: 758.6vh;
    left: 50vw;
    width: max-content;
    max-width: 92vw;
    height: 9vh;
    z-index: 1000;
    color: #E4CCB2;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.44vh;
    transform: translateX(-50%);
    text-align: center;
}
.endo-body-b, .endo-face-b, .train-group-b, .train-pers-b, .diet-consult-b, .diet-menu-b, .diet-support-b{
    position: absolute;
    width: 50vw;
    height: 8vw;
    background: rgba(255, 0, 0, 0); 
    border: none;
    cursor: pointer;
    opacity: 1;
    outline: 0;
    transform: translateX(-50%);
    -webkit-tap-highlight-color: transparent;
    z-index: 9999999999999;
}

.s-b, .m-b, .l-b {
    position: absolute;
    width: 95vw;
    height: 8vw;
    background: rgba(255, 0, 0, 0); 
    border: none;
    cursor: pointer;
    opacity: 1;
    outline: 0;
    transform: translateX(-50%);
    -webkit-tap-highlight-color: transparent;
    z-index: 99999999999999;
}

.endo-body-b { top: 634vh; left: 75vw; }
.endo-face-b { top: 634vh; left: 25vw; }
.train-group-b { top: 654.5vh; left: 25vw; }
.train-pers-b { top: 654.5vh; left: 75vw; }
.diet-consult-b { top: 673vh; left: 25vw; }
.diet-menu-b { top: 673vh; left: 75vw; }
.diet-support-b { top: 687.1vh; left: 50vw; }
.s-b { top: 711.7vh; left: 50vw; }
.m-b { top: 735.4vh; left: 50vw; }
.l-b { top: 763.3vh; left: 50vw; }
.modal {
    display: none;
    position: fixed;
    z-index: 9999999999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(0.6vh);
}
.modal-content {
    background: linear-gradient(135deg, #bda794 0%, #86746b 100%);
    margin: 18vh auto;
    padding: 3vh;
    border: 0.24vh solid rgba(119, 104, 96, 1);
    border-radius: 1.8vh;
    width: 80%;
    max-width: 54vh;
    box-shadow: 0 0.96vh 3.84vh rgba(0,0,0,0.4);
}
.close {
    color: #43322D;
    float: right;
    font-size: 3.84vh;
    font-weight: bold;
    cursor: pointer;
    line-height: 2.4vh;
}
.close:hover {
    color: #E4CCB2;
}
#modalTitle {
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 2.4vh;
    margin-bottom: 2.4vh;
    text-align: center;
}
.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.8vh;
}
.calendar-header button {
    background: rgba(67, 50, 45, 0.8);
    color: #E4CCB2;
    border: none;
    padding: 0.96vh 1.8vh;
    border-radius: 0.6vh;
    cursor: pointer;
    font-size: 2.16vh;
}
#currentMonth {
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 1.92vh;
    font-weight: 500;
}
#calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.6vh;
    margin-bottom: 2.4vh;
}
.calendar-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(67, 50, 45, 0.3);
    border: 0.12vh solid rgba(119, 104, 96, 0.5);
    border-radius: 0.6vh;
    cursor: pointer;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 1.68vh;
    transition: all 0.3s;
}
.calendar-day:hover:not(.disabled):not(.booked) {
    background: rgba(228, 204, 178, 0.5);
    transform: scale(1.05);
}
.calendar-day.selected {
    background: #43322D;
    color: #E4CCB2;
}
.calendar-day.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.calendar-day.booked {
    background: rgba(139, 0, 0, 0.6);
    color: #fff;
    cursor: not-allowed;
}
#timeSlots {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.96vh;
    margin: 1.8vh 0;
}
.time-slot {
    padding: 1.2vh;
    background: rgba(67, 50, 45, 0.3);
    border: 0.12vh solid rgba(119, 104, 96, 0.5);
    border-radius: 0.6vh;
    cursor: pointer;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    text-align: center;
    transition: all 0.3s;
}
.time-slot:hover:not(.booked) {
    background: rgba(228, 204, 178, 0.5);
}
.time-slot.selected {
    background: #43322D;
    color: #E4CCB2;
}
.time-slot.booked {
    background: #372d2a;
    color: #fff;
    cursor: not-allowed;
    opacity: 0.6;
}
.input-field {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 1.44vh;
    margin: 1.2vh 0;          
    border: 0.12vh solid rgba(119, 104, 96, 1);
    border-radius: 0.96vh;
    background: linear-gradient(135deg, #bda794 100%, #86746b 0%);
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 1.68vh;
    z-index: 1000;
}
.input-field::placeholder {
    color: #43322D;
    opacity: 0.6;
    font-family: "Montserrat Alternates", sans-serif;
}
.input-field::-webkit-input-placeholder {
    color: #43322D;
    opacity: 0.6;
}
.input-field::-moz-placeholder {
    color: #43322D;
    opacity: 0.6;
}
#contactView {
    display: flex;
    flex-direction: column;
    gap: 0.6vh;
    padding-top: 1.2vh;
}
.btn-confirm, .btn-submit {
    width: 100%;
    padding: 1.44vh;
    margin-top: 1.8vh;
    background: #43322D;
    color: #E4CCB2;
    border: none;
    border-radius: 0.96vh;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 1.92vh;
    cursor: pointer;
    transition: all 0.3s;
}
.btn-confirm:hover, .btn-submit:hover {
    background: #5a453e;
    transform: translateY(-2px);
}
.contacts {
    position: absolute;
    top: 780vh;
    left: 50vw;
    width: 95vw; 
    height: auto; 
    background: transparent;
    border: none;
    opacity: 1;
    z-index: 1000;
    transform: translateX(-50%);
    pointer-events: none; 
}
.google-map {
    position: absolute;
    top: 792vh;
    left: 50vw;
    width: 95vw;
    height: 25vh;
    transform: translateX(-50%);
    z-index: 1000;
    border-radius: 1.2vh;
    border: 0.24vh solid #86746b;
    filter: sepia(0.3) contrast(1.1) opacity(0.9);
    transition: filter 0.3s ease;
}
.google-map:hover {
    filter: none;
}
.order, .scrolls-a, .foods-b {
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), filter 0.15s ease;
}
.is-pressed {
    transform: translate(-50%, -50%) scale(0.95) !important;
    filter: brightness(0.9);
}
.insta{
    position: absolute;
    top: 781.4vh;
    left:25vw;
    width: 40vw;
    height: 9vw;
    background-color: transparent;
    z-index: 999999999;
    transform: translate(-50%);
    display: block;
    -webkit-tap-highlight-color: transparent;
    border: none;
    cursor: pointer;
    pointer-events: auto;
}
#faceDurationWrapper {
    margin-bottom: 2.5vh;
    padding-bottom: 1.5vh;
    border-bottom: 1px solid rgba(67, 50, 45, 0.2);
}
.duration-title {
    text-align: center;
    color: #43322D;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 1.8vh;
    margin-bottom: 1.5vh;
}
.duration-buttons {
    display: flex;
    justify-content: center;
    gap: 2vh;
}
.duration-btn {
    background: rgba(228, 204, 178, 0.3);
    border: 0.15vh solid #43322D;
    color: #43322D;
    padding: 1vh 2.5vh;
    border-radius: 1vh;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 1.8vh;
    cursor: pointer;
    transition: all 0.3s ease;
}
.duration-btn.active {
    background: #43322D;
    color: #E4CCB2;
    transform: scale(1.05);
    box-shadow: 0 0.5vh 1vh rgba(0,0,0,0.2);
}

.carousel-container-2 {
    position: absolute;
    top: 560vh; 
    left: 50vw;
    width: 100vw;
    height: 70vh; 
    z-index: 9999;
    transform: translateX(-50%);
    overflow: hidden; 
    pointer-events: auto;
    cursor: pointer;
    opacity: 100%;
}

.mover-2 {
    position: absolute;
    top: 608vh; 
    left: 28.55vw; 
    width: 5.45vw;
    height: 2.45vh;
    z-index: 10000; 
    background: rgba(206, 206, 206, 0.72);
    border-top: 0.024vh solid rgba(221, 221, 221, 0.25);
    transform: translate(-50%, -50%);
    border-radius: 16vh;
    touch-action: none; 
}

.slider-2 {
    position: absolute;
    top: 608vh; 
    left: 50vw;
    width: 50vw;
    height: 3.4vh;
    z-index: 999;
    background: #C2AE97;
    opacity: 15%;
    border-top: 0.024vh solid rgba(221, 221, 221, 0.25);
    transform: translate(-50%, -50%);
    border-radius: 16vh;
}

.carousel-container-2, 
.slider-2, 
.mover-2, 
.contacts, 
.insta, 
.google-map {
    transition: top 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}