body { margin:0; font-family: 'Segoe UI', sans-serif; background:#f5f7fa; }

.hero {
height:80vh;
background:url('https://images.unsplash.com/photo-1581579185169-5b6f6c6c3c79?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
color:white;
text-align:center;
}

.hero-content h1 { font-size:3rem; margin:0; }
.hero-content p { font-size:1.3rem; margin:15px 0; }
.hero-content button {
padding:12px 24px;
background:#1e90ff;
border:none;
color:white;
border-radius:30px;
font-size:16px;
cursor:pointer;
}

#bookingSection { padding:40px 20px; text-align:center; }

.calendar-header { display:flex; justify-content:center; gap:20px; margin-bottom:10px; }

#calendar { display:grid; grid-template-columns:repeat(7,1fr); max-width:700px; margin:0 auto; gap:5px; }

.day { padding:10px; background:white; border-radius:6px; cursor:pointer; font-size:14px; }
.weekend { color:red; }
.booked { background:#ffd6d6; }
.confirmed { background:#c8f7c5; }

.hidden { display:none; }

form { max-width:400px; margin:20px auto; }

input, select {
width:100%;
margin:8px 0;
padding:10px;
border-radius:5px;
border:1px solid #ddd;
}

button {
padding:8px 14px;
background:#1e90ff;
color:white;
border:none;
border-radius:4px;
cursor:pointer;
}

.address-box { display:flex; gap:5px; }

.check-box {
margin-top:40px;
background:white;
padding:20px;
max-width:400px;
margin-left:auto;
margin-right:auto;
border-radius:8px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

@media (max-width:600px){
.hero-content h1 { font-size:2rem; }
.address-box { flex-direction:column; }
}