html,body{margin:0;height:100%;font-family:Arial,sans-serif}
.bg{position:fixed;inset:0;background:center/cover no-repeat;transition:opacity 1.2s ease;opacity:0}
#bg1{opacity:1}
.overlay{min-height:100%;background:rgba(0,0,0,.42)}
.glass{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.logo{height:54px}.brand{color:#fff;font-size:2rem;font-weight:bold;flex:1;margin-left:12px}
.topbtn,.order,.call{text-decoration:none;border-radius:999px;padding:15px 24px;font-weight:bold;text-align:center;display:block}
.topbtn{background:#8c3f22;color:#fff}
.card{max-width:620px;margin:5vh auto;background:rgba(255,255,255,.9);padding:30px;border-radius:24px;backdrop-filter:blur(10px)}
h1{margin:0;color:#8c3f22;font-size:3rem}
.promo{border:3px solid #d6a441;background:#fff8e8;border-radius:18px;padding:18px;margin:20px 0}
.order{background:#d6a441;color:#fff;font-size:1.2rem}
.call{background:#8c3f22;color:#fff;margin-top:12px}
.sub,.addr{text-align:center;color:#555}
@media(max-width:700px){.brand{font-size:1.4rem}.logo{height:42px}h1{font-size:2.2rem}.card{margin:2vh 16px}}