.reservation-container{width:100%;height:100svh;position:fixed;bottom:0;left:0;background:var(--background-color);z-index:9999;opacity:0;pointer-events:none;transition:opacity .4s ease-in-out;overflow:auto;padding:60px 0}.reservation-container h2{text-align:center;justify-content:center;font-size:2.5rem;margin-top:2.5rem;margin-bottom:40px;color:var(--text-color)}html.reservationActivated .reservation-container{opacity:1;pointer-events:auto}.reservationList{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}@media (max-width:600px){.reservationList{grid-template-columns:1fr 1fr}}.reservationBox{position:relative;width:100%;height:100%;overflow:hidden;border-radius:15px;background-color:var(--background-color);box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer}.reservationBox article{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:15px;background-color:rgba(0,0,0,.6);transition:.25s opacity ease-in-out;pointer-events:none;user-select:none;z-index:3}.reservationBox article h3{font-optical-sizing:auto;position:relative;font-size:2.5rem;transform:skew(-5deg) scaleY(1.3);background:linear-gradient(170deg,#966b2a,#dfb86b,#966b2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.reservationBox article h3::before{content:attr(data-text);position:absolute;top:0;left:0;font-size:3.2rem;transform:skew(-5deg) scaleY(1.3);background:linear-gradient(170deg,#966b2a,#dfb86b,#966b2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(20px);white-space:nowrap}.reservationBox img,.reservationBox video{width:100%;height:100%;object-fit:cover;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2);transition:scale .3s ease-in-out}.reservationBox:hover img,.reservationBox:hover video{scale:1.1}