#body-back{width:100vw;height:100vh;position:absolute;top:0;left:0;background:right top / cover no-repeat url(/assets/sunset_1.C5FMy3hn.jpg);background-size:100% 100%}.calendar-wrapper{position:relative;width:100vw;overflow:hidden;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){top:120px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){top:30px}}#reservation-popup{display:flex;position:absolute;top:230px;z-index:1000;color:#fff;padding:10px;font-size:12px;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){width:90vw;min-height:127px;top:360px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){top:230px}}#submit-btn{background:url(/assets/frog1.CisVxamJ.png) center/contain no-repeat;color:#fff;text-align:center;height:100px;width:100px;border-radius:12px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 12px #00000080,inset 0 3px 6px #ffffff80;transform:translateY(-2px);transition:box-shadow .3s ease,transform .2s ease;position:absolute;left:100%;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){left:260px;top:20px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){top:20px}}.calendar-wrapper{position:relative;width:100vw;overflow:hidden;z-index:6;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){top:120px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){top:30px}}#calendar-container{height:220px;margin:0 32px;display:flex;flex-direction:column;overflow:hidden;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){height:235px;margin:unset}}.header-scroll{display:flex;overflow:hidden;width:calc(100vw - 64px);@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){width:100vw}}#calendar-header{position:absolute;top:0;background:#000;z-index:10;display:flex;flex-direction:column}.villa-name{width:100px;min-width:100px;text-align:left;padding-left:4px;flex-shrink:0;height:30px;color:#daa520;text-shadow:1px 1px 1px #000,-1px -1px 1px #ccc;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:25px}}#cache-line{position:absolute;top:0;height:40px;background:linear-gradient(90deg,black,black 30%,transparent 90%,transparent);width:150px;z-index:11;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){opacity:0}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:40px}}#month-line{display:flex;height:25px;font-size:12px;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:25px}}#day-line{display:flex;height:15px;font-size:12px;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){height:30px}}.month-cell{width:24px;text-align:center;line-height:25px;flex-shrink:0;color:#daa520;background:linear-gradient(90deg,#000,#2a0707 30% 70%,#000)}.day-cell{width:25px;text-align:center;flex-shrink:0;color:#daa520}#calendar-scroll{display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;position:relative;top:40px;-webkit-overflow-scrolling:touch;height:180px;background-color:#164816;touch-action:pan-x;user-select:none;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){top:55px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:150px}}#calendar-scroll::-webkit-scrollbar{display:none}.villa-row{display:flex;height:30px;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:25px}}.villa-mask{position:fixed;width:calc(100vw - 64px);height:30px;background-color:#00000080;z-index:10000;font-size:14px;color:#beb43d;line-height:30px;text-align:center;display:none;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:25px}}.cell{width:25px;height:30px;flex-shrink:0;box-sizing:border-box;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:25px}}.free{cursor:pointer;box-sizing:border-box;border:.1px solid #0e170d;border-radius:6px;background:#045704;&:hover{background:#007515;border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s;color:#000}}.sunday{border-left:1px solid #807120}.busy{pointer-events:none;cursor:not-allowed;box-sizing:border-box;border:.1px solid rgba(80,40,40,1);border-radius:2px;background:#3d0606}.busy-start{background:linear-gradient(to bottom right,#045704,#045704 50%,#3d0606 50%,#3d0606);width:25px;cursor:pointer;color:transparent;border:.1px solid #242312;border-radius:6px 2px 2px;&:hover{background:linear-gradient(to bottom right,#007515,#007515 50%,#3d0606 50%,#3d0606);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s;color:#fff}}.busy-end{cursor:pointer;background:linear-gradient(to bottom right,#3d0606,#3d0606 50%,#045704 50%,#045704);border-radius:2px 6px 2px 2px;width:25px;&:hover{background:linear-gradient(to bottom right,#3d0606,#3d0606 50%,#007515 50%,#007515);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s;color:#000}}.selected{background-color:#daa520;border-top:2px solid rgb(219,142,75);border-bottom:2px solid rgb(219,142,75);border-left:.1px solid white;border-radius:0}.selected.start,.selected.end{transform:none}.selected.notenough,.free.selected.start.notenough,.free.selected.end.notenough{background-color:#024202;border-top-color:red;border-bottom-color:red;border-left-color:#000}.notenough-text{position:absolute;pointer-events:none;display:none;font-size:11px;line-height:30px;min-width:max-content;color:#fff}.busy-start.selected{background:linear-gradient(to bottom right,#daa520 50%,#3d0606 50%);cursor:pointer;border-bottom:2px solid rgb(219,142,75);border-right:2px solid rgb(219,142,75);border-radius:0 50% 50% 0}.busy-start.selected.notenough{background:linear-gradient(to bottom right,#024202 50%,#3d0606 50%);border-color:red}.busy-end.selected{background:linear-gradient(to bottom right,#3d0606 50%,#daa520 50%);border-top:2px solid rgb(219,142,75);border-radius:50% 0 0% 50%;cursor:pointer;border-bottom:2px solid rgb(219,142,75);border-left:2px solid rgb(219,142,75)}.busy-end.selected.notenough{background:linear-gradient(to bottom right,#3d0606 50%,#024202 50%);border-right:.1px solid black;border-color:red}.free.selected.end{background:linear-gradient(to bottom right,#daa520 50%,#045704 50%);border-radius:0 50% 50% 0;border-right:2px solid rgb(219,142,75)}.free.selected.end.notenough{background:linear-gradient(to bottom right,#024202 50%,#045704 50%);border-left-color:#000;border-right-color:red}.free.selected.start{background:linear-gradient(to bottom right,#045704 50%,#daa520 50%);border-top:2px solid rgb(219,142,75);border-left:2px solid rgb(219,142,75);border-radius:50% 0% 0% 50%;border-bottom:2px solid rgb(219,142,75)}.free.selected.start.notenough{background:linear-gradient(to bottom right,#045704 50%,#024202 50%);border-left-color:red;border-right-color:#000}.free.selected.start.end{border-radius:0}.notenough{background-color:#024202}.arrow{width:32px;height:220px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:10;position:absolute;background-color:transparent;top:0;transform:scaleX(-1);right:0;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){height:180px}}.arrow.left{left:0;right:unset;transform:unset}.arrow:hover,.arrow:active{background:#daa5204d}.arrow-icon{font-size:24px;color:#333;transition:transform .2s ease}.arrow:hover .arrow-icon{transform:scale(1.2)}.arrow.active{background-color:#daa52033}.villa-labels{background:linear-gradient(90deg,black,black 30%,transparent 90%,transparent);display:flex;flex-direction:column;position:absolute;top:40px;width:140px;min-width:140px;font-size:18px;padding:0 0 0 10px;z-index:12;cursor:default;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){top:55px;background:none;pointer-events:none;line-height:0;font-size:14px;cursor:pointer;left:10px}}#reservation-popup{display:flex;position:absolute;top:230px;z-index:1000;color:#000;padding:10px;font-size:12px;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){width:90vw;min-height:127px;top:320px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){top:230px}}#reservation-form{display:flex;gap:10px;width:90vw;margin-left:30vw;max-width:500px;justify-content:center;@media screen and (max-width: 900px) and (hover: hover) and (pointer: fine){flex-direction:column;align-content:center;max-width:250px}@media screen and (max-width: 600px) and (hover: hover) and (pointer: fine){flex-direction:column;align-content:unset;max-width:250px;margin-left:unset}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){flex-direction:column;justify-content:unset;margin-left:20px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){margin-left:50px}}#reservation-dates{display:flex;gap:10px}#reservation-form label{gap:6px}#reservation-form input::placeholder{color:gray;opacity:.5}#reservation-form h3{font-size:12px;margin:0}#reservation-form input:invalid{background:#f2ebebd3;outline:3px solid red}#reservation-form input{color:#26502e;background:#eefff0;font-weight:bolder;box-sizing:border-box;outline:3px solid green;width:105px}#reservation-dates label{display:flex;flex-direction:column;width:fit-content}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){#reservation-dates input{width:105px}}#reservation-guests{display:flex;flex-direction:column}#reservation-g-number{display:flex;gap:10px;margin-bottom:10px}#reservation-g-number label{display:flex;flex-direction:column}#reservation-g-number input{width:105px}#children-ages{display:flex;flex-wrap:wrap;gap:10px}#children-ages label{@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){max-width:100px;margin-left:-20%}}#children-ages input{margin-top:5px;width:50px}@keyframes shake{0%{transform:translate(0);box-shadow:0 4px 6px #b30e0e4d,inset 0 2px 4px #f125254d}25%{transform:translate(-5px);box-shadow:0 4px 6px #b30e0e4d,inset 0 2px 4px #f125254d}50%{transform:translate(5px);box-shadow:0 4px 6px #b30e0e4d,inset 0 2px 4px #f125254d}75%{transform:translate(-5px);box-shadow:0 4px 6px #b30e0e4d,inset 0 2px 4px #f125254d}to{transform:translate(0);box-shadow:0 4px 6px #b30e0e4d,inset 0 2px 4px #f125254d}}.shake{animation:shake .4s ease}#submit-btn{background:url(/assets/frog1.CisVxamJ.png) center/contain no-repeat;color:#fff;text-align:center;height:100px;width:100px;border-radius:12px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 12px #00000080,inset 0 3px 6px #ffffff80;transform:translateY(-2px);transition:box-shadow .3s ease,transform .2s ease;position:absolute;left:100%;@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){left:260px;top:20px}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: landscape){top:20px}}button[type=submit] .submit-txt{color:#d6ad68;display:block;margin-top:60%;font-weight:bolder;position:relative;font-size:16px}#submit-btn:hover{box-shadow:0 4px 6px #0000004d,inset 0 2px 4px #ffffff4d}@media only screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (pointer: coarse) and (hover: none) and (orientation: portrait){#reservation-form button{position:fixed;left:100%;transform:translate(-105%);top:5%;height:90%;width:130px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.month-cell,.day-cell,.cell{width:25px}}#custom-calendar{position:absolute;left:-30px;background:#000;border:1px solid #ccc;padding:10px;z-index:1000;opacity:0;top:-100px;width:0px;height:0px}.calendar-grid{display:grid;grid-template-columns:repeat(14,2em);gap:4px}.calendar-cell{padding:.5em;background:#000;text-align:center;cursor:pointer;border-radius:4px}.calendar-cell.disabled{background:#ccc;pointer-events:none;opacity:.5}.calendar-cell.in-range{background:#fdd835}.calendar-cell.range-start,.calendar-cell.range-end{background:#fbc02d;font-weight:700}@media (min-width: 600px){.calendar-wrapper{top:180px}#reservation-popup{top:400px}}.calendar-popup{position:absolute;top:550px;left:50%;transform:translate(-50%);background:#000;border:1px solid #746964;display:none;padding:10px;box-shadow:10px 10px 10px #000;z-index:20000;max-width:100vw}.cal-popup-header{display:flex;justify-content:space-between;align-items:center;position:relative}.month-selector{cursor:pointer;color:#fff;background:#000;padding:5px 10px}.month-list{display:none;position:absolute;top:100%;left:0;background:#000;color:#fff;border:1px solid goldenrod;z-index:1001;max-height:200px;overflow-y:auto}.month-list div{padding:5px 10px;cursor:pointer}.month-list div:hover{background:#eee}.calendar-body{display:flex;flex-wrap:wrap}.calendar{margin:10px;color:#daa520}.calendar table{border-collapse:collapse}.calendar th,.calendar td{width:20px;height:25px;font-size:14px;text-align:center;cursor:pointer}.calendar .vide{cursor:none;pointer-events:none}.calendar td:hover{background:#eee}.available.start{background:linear-gradient(to bottom right,#045704,#045704 50%,#daa520 50%,#daa520);width:20px;cursor:pointer;border:.1px solid #242312;border-radius:6px 2px 2px}.noentry.end{background:linear-gradient(to bottom right,#daa520,#daa520 50%,#047704 50%,#047704)}.available.end,.available.afternoentry.selected.end,.noentry.end{background:linear-gradient(to bottom right,#daa520,#daa520 50%,#047704 50%,#047704);width:20px;cursor:pointer;border:.1px solid #242312;border-radius:6px 2px 2px}.available.in-range,.available.afternoentry.selectedc.in-range,.noentry.in-range,.noentry.afteravail.in-range{background:#daa520;cursor:pointer;border:.1px solid #242312;border-radius:6px 2px 2px}.available.afternoentry.start{background:linear-gradient(to bottom right,#242312,#242312 50%,#daa520 50%,#daa520)}.disabled.afternoentry.selectedc.end{background:linear-gradient(to bottom right,#daa520,#daa520 50%,#3d0606 50%,#3d0606)}.available.afterbusy.start{background:linear-gradient(to bottom right,#3d0606,#3d0606 50%,#daa520 50%,#daa520)}.available.afterbusy{background:linear-gradient(to bottom right,#3d0606,#3d0606 50%,#045704 50%,#045704);width:20px;cursor:pointer;border:.1px solid #242312;border-radius:6px 2px 2px;&:hover{background:linear-gradient(to bottom right,#3d0606,#3d0606 50%,#007515 50%,#007515);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s}}.available.afternoentry{background:linear-gradient(to bottom right,#047704,#047704 50%,#045704 50%,#045704);width:20px;cursor:pointer;border:.1px solid #242312;border-radius:6px 2px 2px;&:hover{background:linear-gradient(to bottom right,#045704,#045704 50%,#007515 50%,#007515);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s}}.mini{border:2px solid #242312}.noentry.afteravail.selected.end{background:linear-gradient(to bottom right,#daa520,#daa520 50%,#047704 50%,#047704)}.noentry.afteravail{background:linear-gradient(to bottom right,#045704,#045704 50%,#047704 50%,#047704);width:20px;cursor:pointer;border:.1px solid #242312;border-radius:6px 2px 2px;&:hover{background:linear-gradient(to bottom right,#007515,#007515 50%,#047704 50%,#047704);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s;color:#fff}}.disabled.afteravail{background:linear-gradient(to bottom right,#045704,#045704 50%,#3d0606 50%,#3d0606);width:20px;cursor:pointer;color:#fff;border:.1px solid #242312;border-radius:6px 2px 2px;&:hover{background:linear-gradient(to bottom right,#007515,#007515 50%,#3d0606 50%,#3d0606);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s}}.disabled.afternoentry{background:linear-gradient(to bottom right,#047704,#047704 50%,#3d0606 50%,#3d0606);width:20px;cursor:pointer;color:#ff7575;border:.1px solid #242312;border-radius:6px 2px 2px;&:hover{background:linear-gradient(to bottom right,#047704,#047704 50%,#3d0606 50%,#3d0606);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s}}.noentry.beforeavail{background:linear-gradient(to bottom right,#047704,#047704 50%,#045704 50%,#045704);width:20px;cursor:pointer;border:.1px solid #242312;border-radius:6px 2px 2px;&:hover{background:linear-gradient(to bottom right,#047704,#047704 50%,#007515 50%,#007515);border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s}}.afterbusy.selectedc{background:linear-gradient(to bottom right,#3d0606 50%,#daa520 50%);border-top:2px solid rgb(219,142,75);border-radius:50% 0 0% 50%;cursor:pointer;border-bottom:2px solid rgb(219,142,75);border-left:2px solid rgb(219,142,75)}.selectedc{box-sizing:border-box;background-color:#daa520;border-top:2px solid rgb(219,142,75);border-bottom:2px solid rgb(219,142,75);border-left:.1px solid white;border-radius:0;color:#000}.available{box-sizing:border-box;border:.1px solid #0e170d;border-radius:6px;background:#045704;color:#fff;&:hover{background:#007515;border-radius:4px;box-shadow:0 3px #0a0a0a4d;transform:translateY(-.5px);transition-duration:.1s}}.in-range .beforebusy{background:linear-gradient(to bottom right,#daa520 50%,#3d0606 50%);cursor:pointer;border-bottom:2px solid rgb(219,142,75);border-right:2px solid rgb(219,142,75);border-radius:0 50% 50% 0}.in-range{box-sizing:border-box;background-color:#daa520;border-top:2px solid rgb(219,142,75);border-bottom:2px solid rgb(219,142,75);border-left:.1px solid white;border-radius:0}.disabled{pointer-events:none;cursor:not-allowed;box-sizing:border-box;border:.1px solid rgba(80,40,40,1);border-radius:2px;background:#3d0606;color:gray}.noentry{box-sizing:border-box;background-color:#047704;color:#ff7575}.unselectable{filter:brightness(.5);cursor:none;pointer-events:none}#ok-btn{margin-top:10px;padding:5px 10px}@media (max-width: 600px){.calendar-body{flex-direction:column}}