.vip-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6rem 1.5rem 3rem;font-family:Lato,sans-serif}.vip-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;background-color:#000000a1;border-radius:12px;box-shadow:0 6px 18px #0006;padding:2rem;width:100%;max-width:1000px;margin:0 auto}.vip-title{font-size:2.5rem;color:#f9fafb;font-family:Playfair Display,serif;text-align:center;width:100%;margin-bottom:.5rem}.vip-button{padding:.75rem 1rem;background-color:#000000a1;color:#fff;border:none;border-radius:10px;font-size:1.05rem;cursor:pointer;transition:all .2s ease-in-out;text-align:center}.vip-button:hover{transform:scale(1.05);background-color:#3a3a38}.days-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:420px;justify-items:center;align-items:center}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:420px;max-height:200px;overflow-y:auto;justify-items:center;align-items:center;padding:5px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.popup-card{background:#111;padding:20px;border-radius:10px;width:90%;max-width:400px;color:#fff;text-align:center}.slots-grid::-webkit-scrollbar{width:6px}.slots-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.book-btn{width:100%;max-width:420px;background-color:#000000a1}.table-wrapper{width:100%;overflow-x:auto;margin-top:10px}.custom-table{width:100%;border-collapse:collapse;text-align:center;font-size:18px;color:#fff;table-layout:fixed}.custom-table th,.custom-table td{padding:14px;background-color:#0000008c;border-bottom:1px solid #333}.custom-table thead th{background-color:#000000bf;font-weight:700}.table-row:hover td{background-color:#000000bf}.vip-subtitle{font-size:1.25rem;color:#ccc;text-align:center;max-width:700px}@media(max-width:768px){.vip-title{font-size:2rem}.vip-button{font-size:1rem;padding:.6rem}}@media(max-width:480px){.vip-title{font-size:1.5rem}.vip-button{font-size:.9rem;padding:.5rem}}.navbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1100px;display:flex;justify-content:center;align-items:center;padding:1rem 2rem;background-color:#000000a1;color:#fff;z-index:1000;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #00000026}.logo-button{background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;color:#fff;width:auto}.nav-links{display:none;flex-direction:column;gap:1rem;position:absolute;top:70px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background-color:#000000a1;padding:1rem 0;border-radius:12px;box-shadow:0 2px 8px #00000026}.nav-links.active{display:flex}.nav-links a{color:#fff;text-decoration:none;font-size:1.2rem;text-align:center;padding:.75rem 1rem;transition:background-color .3s}.nav-links a:hover{background-color:#fff3;border-radius:8px}.table{background:#2f2f2dbd}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;padding:1rem 2rem;box-sizing:border-box}.footer{text-align:center;color:#fff;padding:1rem 0;font-size:.9rem;background-color:#0000004d;width:100%;position:relative;bottom:0}@media(max-width:480px){.footer{font-size:.8rem;padding:.75rem 0}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Lato,sans-serif;background-image:url(/assets/the-old-city-barber-shop-in-black-and-white-greg-mimbs-DCmutRHs.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}*{transition:all .3s ease}.store-container,.vip-container{min-height:100vh;display:flex;align-self:center;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.main-container{display:flex;flex-direction:column}.input{width:100%;max-width:320px;padding:12px 16px;font-size:16px;font-family:inherit;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;background-color:#fff;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.input::placeholder{color:#9ca3af}@media(max-width:768px){body{background-attachment:scroll;background-size:auto 100%}.store-title,.vip-title{font-size:2rem}.store-button,.vip-button{font-size:1rem;padding:.6rem}}@media(max-width:480px){body{background-size:auto 100%}.store-title,.vip-title{font-size:1.5rem;margin-bottom:1rem}.store-button,.vip-button{font-size:.9rem;padding:.5rem}}