*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;background:#faf7f2;color:#111}
.wrap{max-width:1100px;margin:0 auto;padding:28px}
h1{margin:0 0 18px}
.muted{opacity:.75}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{display:block;text-decoration:none;color:#fff;border-radius:34px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12)}
.card-inner{padding:34px;min-height:420px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:space-between;text-align:center}
.card-title{font-size:38px;font-weight:800;line-height:1.05}
.card-desc{font-size:20px;font-weight:600;line-height:1.35;max-width:320px}
.card-btn{margin-top:auto;background:#fff;color:#111;border-radius:999px;padding:16px 26px;font-weight:800;min-width:220px}

.card-szivarvany{background:linear-gradient(180deg,#f7d455,#f0b73a)}
.card-gesztenyes{background:linear-gradient(180deg,#ff8d4a,#e84a4a)}
.card-nyitnike{background:linear-gradient(180deg,#20d9b6,#0f7c8c)}

.back{display:inline-block;margin-bottom:10px;color:#111;text-decoration:none;font-weight:700}

.week{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}
.day{background:#fff;border-radius:18px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.day-head{margin-bottom:10px}
.day-title{font-weight:900}
.day-sub{opacity:.65;font-size:12px}

.slots{display:flex;flex-direction:column;gap:8px}
.slot{border-radius:12px;padding:10px 12px;font-weight:800;border:0}
.slot.free{cursor:pointer;background:#e9fff6}
.slot.free:hover{filter:brightness(.98)}
.slot.held{background:#fff3cd;color:#7a5b00}
.slot.booked{background:#f2f2f2;color:#666}

@media (max-width: 980px){
  .cards{grid-template-columns:1fr}
  .week{grid-template-columns:1fr}
  .card-inner{min-height:340px}
  .card-title{font-size:32px}
}