#workflow .flow-rail{width:min(1080px,94vw);gap:12px}#workflow .flow-rail>div{flex:1;min-width:0;width:auto;padding:18px;text-align:left}#workflow .flow-rail small{font-size:9px;line-height:1.3}#workflow .flow-rail b{font-size:18px;line-height:1.2;margin:8px 0}#workflow .flow-rail span{font-size:12px;line-height:1.4}#workflow .flow-rail i{flex:0 0 24px}#workflow .flow-bottom>p{margin-bottom:20px}
.reservation-preview{background:#f5f4ef;border:1px solid #15151522;border-radius:20px;padding:26px;box-shadow:0 22px 60px #17171516,inset 0 1px #fff;margin:30px 0;color:#151515;font-size:14px}.booking-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.booking-top strong{font-size:24px;letter-spacing:-.04em}.booking-top>span{font-size:9px;color:#f34a2b;letter-spacing:.13em}.booking-meta{font-size:12px;color:#666;margin:9px 0 24px}.reservation-preview>label,.reservation-preview legend,.booking-month>span{font-size:10px;letter-spacing:.12em;font-weight:700}.reservation-preview select{display:block;box-sizing:border-box;width:100%;padding:13px 10px;background:#fff9;border:1px solid #15151525;border-radius:8px;font:inherit;margin:10px 0 20px;color:inherit}.reservation-preview fieldset{border:0;padding:0;margin:0 0 22px}.reservation-preview legend{margin-bottom:12px}.reservation-preview fieldset label{margin-right:20px}.reservation-preview input{accent-color:#f34a2b}.booking-month{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.booking-month b{font-size:12px}.booking-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.reservation-preview button{font:inherit;cursor:pointer;border:1px solid #15151525;background:#fff9;color:#151515;border-radius:8px;min-height:44px}.booking-days button{font-size:22px;padding:10px 0}.booking-days small{display:block;font-size:9px;margin-bottom:5px}.reservation-preview button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}.booking-times{display:flex;gap:8px;margin:12px 0 20px}.booking-times button{flex:1;font-size:12px}.reservation-preview .booking-confirm{width:100%;background:#f34a2b;color:#fff;border-color:#f34a2b;padding:14px;font-weight:700;text-align:left}.booking-summary{padding:14px;border-left:3px solid #f34a2b;line-height:1.5;font-size:13px;margin:18px 0 0}.reservation-preview :focus-visible{outline:3px solid #f34a2b;outline-offset:3px}
@media(max-width:720px){#workflow .flow-rail{width:100%;gap:5px}#workflow .flow-rail>div{padding:10px 14px;width:100%}#workflow .flow-rail b{font-size:15px;margin:4px 0}#workflow .flow-rail span{font-size:11px}#workflow .flow-rail i{flex-basis:12px}#workflow .flow-bottom>p{display:none}#workflow .flow-inner{padding-top:32px!important;padding-bottom:30px!important}#workflow #workflow-title{font-size:clamp(28px,7vw,42px)}.reservation-preview{padding:18px}.booking-top strong{font-size:21px}}
@media(max-width:720px){#workflow .flow-rail{display:flex;flex-direction:column;width:min(340px,88vw);margin:auto}#workflow .flow-rail>div{flex:none;box-sizing:border-box;width:100%;min-height:0}#workflow .flow-rail i{width:2px;height:10px;flex:0 0 10px}#workflow .flow-inner{gap:14px}#workflow .flow-rail small{font-size:8px}#workflow .flow-rail b{font-size:14px}#workflow .flow-rail span{font-size:11px}}