.magia-booking{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial}
.magia-booking .mb-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
#magia-booking-app{border:1px solid #222;border-radius:16px;padding:16px;background:#0b0b0b;color:#e9e9e9;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.mb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.mb-card{border:1px solid #2a2a2a;border-radius:16px;padding:18px;background:linear-gradient(180deg,#101010,#0b0b0b)}
.mb-card img{height:64px;width:64px;object-fit:contain;opacity:.9}
.mb-card.clickable{cursor:pointer;transition:transform .12s ease, border-color .12s ease}
.mb-card.clickable:hover{transform:translateY(-2px);border-color:#6b5530}
.mb-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 16px;border:1px solid #3b3b3b;background:#161616;cursor:pointer}
.mb-btn.primary{border-color:#7a5d2a;background:#1a1410}
.mb-muted{opacity:.7}
.mb-date{display:flex;flex-wrap:wrap;gap:8px}
.mb-date button{border:1px solid #2f2f2f;border-radius:12px;padding:8px 10px;background:#131313;color:#e9e9e9;white-space:nowrap}
.mb-date button.active{border-color:#b08a4a;background:#201a13}
.mb-price{font-weight:700;margin-top:8px}
.mb-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mb-form .full{grid-column:1/-1}
.mb-form input, .mb-form select{background:#121212;border:1px solid #2a2a2a;color:#e9e9e9;border-radius:10px;padding:10px;width:100%}

.mb-date{position:relative;z-index:1}
.mb-date button{pointer-events:auto}

.magia-booking{position:relative;z-index:10}