#mzr-rezerwacje {
    --mzr-ink:#172e2a;
    --mzr-accent:#154d3c;
    --mzr-line:#b9cbc0;
    --mzr-tint:#edf4ee;
    max-width:56rem;
    margin:1.5rem auto;
    padding:clamp(1rem,4vw,2.5rem);
    border:1px solid var(--mzr-line);
    border-radius:18px;
    background:#faf8f0;
    color:var(--mzr-ink);
    font:1.2rem/1.55 system-ui,sans-serif;
    overflow-wrap:anywhere;
    scroll-margin-top:5rem;
}
#mzr-rezerwacje * {box-sizing:border-box}
#mzr-rezerwacje :is(h2,h3,h4) {color:inherit;line-height:1.25;margin:0 0 .65rem}
#mzr-rezerwacje h2 {font-size:clamp(1.8rem,4vw,2.5rem)}
#mzr-rezerwacje h3 {font-size:1.35rem}
#mzr-rezerwacje h4 {font-size:1.25rem;margin-bottom:0}
#mzr-rezerwacje p {margin:0 0 .85rem}
#mzr-rezerwacje a {color:var(--mzr-accent);text-decoration:underline;text-underline-offset:.16em}
#mzr-rezerwacje :is(a,button,input,summary):focus-visible {outline:3px solid #a74913;outline-offset:3px}
#mzr-rezerwacje .mzr-day {margin:1.5rem 0}
#mzr-rezerwacje .mzr-day h3::first-letter,
#mzr-rezerwacje .mzr-selected-date::first-letter {text-transform:uppercase}
#mzr-rezerwacje .mzr-slots {list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
#mzr-rezerwacje :is(.mzr-slot,.mzr-selected,.mzr-form) {padding:clamp(1rem,3vw,1.35rem);border:1px solid var(--mzr-line);border-radius:12px;background:#fff}
#mzr-rezerwacje .mzr-slot {display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,auto);align-items:center;gap:.75rem 1.25rem}
#mzr-rezerwacje .mzr-hours {font-size:1.25rem;font-weight:750;margin-bottom:.3rem}
#mzr-rezerwacje .mzr-slot-action p {margin-bottom:.25rem}
#mzr-rezerwacje .mzr-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:52px;
    padding:.6rem 1rem;
    border:1px solid var(--mzr-accent);
    border-radius:8px;
    background:var(--mzr-accent);
    color:#fff;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
#mzr-rezerwacje .mzr-button:hover {background:#103d30}
#mzr-rezerwacje .mzr-form {max-width:36rem;margin:1rem 0}
#mzr-rezerwacje .mzr-form label {display:block;font-weight:700;margin:.85rem 0 .3rem}
#mzr-rezerwacje .mzr-form input:not([type=hidden]) {display:block;width:100%;min-height:52px;padding:.55rem .65rem;border:1px solid #657d70;border-radius:7px;color:var(--mzr-ink);background:#fff;font:inherit}
#mzr-rezerwacje .mzr-field-help {margin:.35rem 0 .85rem}
#mzr-rezerwacje .mzr-selected {background:var(--mzr-tint)}
#mzr-rezerwacje .mzr-selected-date {font-size:1.25rem;font-weight:700}
#mzr-rezerwacje summary,#mzr-rezerwacje .mzr-back {min-height:44px;padding:.5rem 0}
#mzr-rezerwacje summary {cursor:pointer;color:var(--mzr-accent);text-decoration:underline;font-weight:650}
#mzr-rezerwacje .mzr-back {display:inline-flex;align-items:center}
#mzr-rezerwacje .mzr-message {padding:1rem;border-inline-start:4px solid var(--mzr-accent);background:var(--mzr-tint)}
#mzr-rezerwacje .mzr-message p:last-child,#mzr-rezerwacje .mzr-help p:last-child {margin-bottom:0}
#mzr-rezerwacje .mzr-help {padding:1rem 0 0;margin-top:1.35rem;border-top:1px solid var(--mzr-line)}
#mzr-rezerwacje .mzr-help a {display:inline-block;font-weight:750;padding:.35rem .15rem}
#mzr-rezerwacje .mzr-sr {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@media(max-width:600px) {
    #mzr-rezerwacje .mzr-slot {grid-template-columns:minmax(0,1fr)}
    #mzr-rezerwacje .mzr-button {width:100%}
}