@charset "UTF-8";.reservation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;animation:fadeIn .3s ease-in-out;background-color:#00000080}.reservation-modal-container{display:flex;position:fixed;top:50%;left:50%;flex-direction:column;transform:translate(-50%,-50%);z-index:9999;animation:slideUp .3s ease-out;box-shadow:0 10px 40px #0003;border:none;border-radius:16px;background:#fff;width:90%;max-width:420px;overflow:hidden}.reservation-modal-content{flex:1;padding:42px 24px}.reservation-modal-title{margin:0 0 32px;color:#333;font-weight:500;font-size:16px;font-family:Noto Sans KR,sans-serif;text-align:center}.reservation-modal-buttons{display:flex;flex-direction:row;gap:16px}.reservation-modal-btn{display:flex;flex:1;justify-content:center;align-items:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1.5px solid #555B47;border-radius:50px;background:#fff;padding:14px 20px 15px;color:#555b47;font-weight:500;font-size:16px;font-family:Noto Sans KR,sans-serif}.reservation-modal-btn svg{transition:transform .25s ease;stroke-width:1.8;width:20px;height:20px}.reservation-modal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f;border-color:#555b47;background:#fff;color:#555b47}.reservation-modal-btn:hover svg{transform:scale(1.05)}.reservation-modal-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.reservation-modal-btn.reservation{box-shadow:0 2px 8px #555b474d;border-color:#555b47;background:#555b47;color:#fff}.reservation-modal-btn.reservation:hover{box-shadow:0 4px 16px #555b474d;border-color:#555b47;background:#555b47;color:#fff}.reservation-modal-close{transition:all .2s;cursor:pointer;margin-top:auto;border:none;background:#f7f6ee;padding:18px;width:100%;color:#666;font-weight:500;font-size:15px;font-family:Noto Sans KR,sans-serif}.reservation-modal-close:hover{background-color:#555b47;color:#fff}.reservation-modal-close:active{background-color:#e8e8e8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media (max-width: 480px){.reservation-modal-container{max-width:300px}.reservation-modal-content{padding:28px 20px 20px}.reservation-modal-title{margin-bottom:20px;font-size:15px}.reservation-modal-buttons{gap:8px}.reservation-modal-btn{gap:6px;padding:12px 16px 13px;font-size:14px}.reservation-modal-btn svg{width:18px;height:18px}.reservation-modal-close{padding:16px;font-size:14px}}