* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Poppins', sans-serif; background:#f5f5f5; }

.container { width:90%; max-width:1200px; margin:auto; }

.header {
    background:#222;
    color:#fff;
    padding:15px 0;
}
.header .container {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.logo span { color:#4CAF50; font-weight:800; font-size:24px; }
.logo small { display:block; font-size:12px; }
nav a {
    color:#fff;
    margin:0 10px;
    text-decoration:none;
}
.phone { color:#4CAF50; font-weight:600; }

.hero {
    background:#111;
    color:#fff;
    padding:80px 0;
    text-align:center;
}
.hero span { color:#4CAF50; }
.btn {
    display:inline-block;
    background:#4CAF50;
    color:#fff;
    padding:12px 30px;
    margin-top:20px;
    text-decoration:none;
    border-radius:30px;
}

.menu {
    padding:60px 0;
    text-align:center;
}
.menu-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
    margin-top:40px;
}
.card {
    background:#fff;
    border-radius:12px;
    padding:15px;
    box-shadow:0 10px 20px rgba(0,0,0,.1);
}
.card img { width:100%; border-radius:10px; }
.card span { color:#4CAF50; font-weight:600; }

.franchise {
    background:#4CAF50;
    color:#fff;
    padding:60px 0;
    text-align:center;
}
.franchise ul {
    list-style:none;
    margin:20px 0;
}
.franchise li { margin:8px 0; }

.contact {
    padding:50px 0;
    text-align:center;
}

footer {
    background:#222;
    color:#aaa;
    text-align:center;
    padding:15px;
}