body{margin:0;font-family:Arial;background:#f3f3f3;color:#111}
.header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);z-index:1000}
.logo{font-weight:bold}
nav a{margin:0 10px;text-decoration:none;color:#000}
.hero{
    height: 60vh;
    min-height: 350px;
    background:url('hero.jpg') center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:white;
}

@media(max-width:768px){
    .hero{
        height: 45vh;
        min-height: 280px;
    }
}
.overlay{background:rgba(0,0,0,0.4);padding:40px}
.section{padding:80px 20px}
.gray{background:#eee}
.container{max-width:1000px;margin:auto;background:white;padding:40px}
.img{width:100%;margin-bottom:20px}
input,textarea{width:100%;padding:10px;margin:10px 0}
button{padding:10px 20px;background:black;color:white;border:none}
.hamburger{display:none;font-size:24px;cursor:pointer}
@media(max-width:768px){
nav{display:none;position:absolute;top:60px;left:0;background:white;width:100%;text-align:center}
nav a{display:block;padding:10px}
.hamburger{display:block}
}
.opening-hours{
    display:grid;
    grid-template-columns: 1fr auto;
    gap:8px 40px;
    max-width:400px;
}

.opening-hours div{
    padding:4px 0;
}

.opening-hours div:nth-child(odd){
    font-weight:500;
}