#space-finder {padding-block:clamp(30px,4vw,60px);border-top:1px solid var(--rule)}
.mx-head {display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;margin-bottom:10px}
.mx-head h2 {font:500 clamp(24px,3vw,36px)/1.1 var(--display);letter-spacing:-.035em;margin:0}
.mx-head .mx-options[open] {grid-column:1/-1}
.mx-kicker,.mx-count {font:600 10px/1.4 var(--sans);color:var(--wine);letter-spacing:.07em}
#mx-form {display:grid;grid-template-columns:1fr 1fr .62fr .8fr;gap:8px}
#mx-form label {display:grid;gap:4px;font:600 11px var(--sans);color:var(--wine);min-width:0}
#mx-form input,#mx-form select {min-height:41px;max-width:100%;min-width:0;width:100%;border:1px solid var(--rule);color:var(--ink);background:var(--paper);border-radius:4px;padding:6px 8px;font:14px var(--sans)}
.mx-count {margin:12px 0;font-weight:400;letter-spacing:0}.mx-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mx-options > summary {width:fit-content; cursor:pointer; padding:7px 12px; border:1px solid var(--rule); border-radius:99px; color:var(--ink); font:600 12px/1.35 var(--sans)}
.mx-options[open] > summary {margin-bottom:10px}
.mx-card {position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; gap:12px; width:100%; min-width:0; min-height:125px; padding:16px; overflow:hidden; text-align:left; cursor:pointer; border:1px solid var(--rule); border-radius:20px; background:linear-gradient(125deg,var(--paper),var(--paper-2)); color:var(--ink)}
.mx-card:nth-child(3n) {background:linear-gradient(125deg,var(--paper),var(--wash))}
.mx-card:focus-visible,.mx-options > summary:focus-visible {outline:3px solid var(--wine); outline-offset:3px}
.mx-ticket-title {position:relative; z-index:1; max-width:calc(100% - 20px); padding-bottom:8px; font:500 clamp(18px,2vw,25px)/1.06 var(--display); letter-spacing:-.035em; overflow-wrap:anywhere}
.mx-ticket-icon {position:absolute; top:12px; right:12px; color:var(--muted); font:18px/1 var(--sans)}
.mx-card .mx-rate {position:relative; font:650 12px/1.3 var(--sans); color:var(--ink)}
.mx-card:not(.mx-photo) .mx-rate {align-self:stretch; margin-inline:-16px; padding:9px 16px 0; border-top:1px dashed #6a65534f}
.mx-photo {justify-content:flex-end; padding:9px; background:var(--night)}
.mx-photo img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.mx-photo .mx-rate {color:var(--on-dark); background:var(--badge); border-radius:14px; padding:6px 9px}
.mx-more {margin:12px auto;display:flex}.mx-more[hidden]{display:none}
@media(max-width:900px){.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){#mx-form {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.mx-card{min-height:118px;padding:12px}.mx-photo{padding:7px}.mx-ticket-title{font-size:18px}.mx-ticket-icon{top:10px;right:9px}.mx-card:not(.mx-photo) .mx-rate{margin-inline:-12px;padding-inline:12px}}

.miras-shortcuts {display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:12px}.miras-shortcuts a {color:var(--gold);font:13px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px}

.evening-card {position:relative; isolation:isolate; display:block; width:100%; min-width:0; padding:0; overflow:hidden; border:1px solid var(--rule); border-radius:21px; background:var(--night); color:var(--on-dark); text-align:left}
.evening-card:focus-visible {outline:3px solid var(--wine); outline-offset:3px}
.evening-card .evening-image {width:100%; aspect-ratio:1.48; object-fit:cover; display:block}
.evening-card[data-offer="camaro"] .evening-image {object-position:center 88%}
.evening-card[data-offer="mustang"] .evening-image {object-position:center 65%}
.evening-tile-price {position:absolute; bottom:8px; left:8px; max-width:calc(100% - 16px); padding:5px 9px; border-radius:16px; background:var(--badge); font:650 14px/1.22 var(--sans)}
.evening-tile-price small {font-size:11px; font-weight:450}
#space-dialog,#booking-dialog {width:min(408px,calc(100% - 28px)); max-height:calc(100dvh - 24px); padding:0; border:1px solid var(--rule); border-radius:24px; background:var(--paper); color:var(--ink)}
.offer-preview {position:relative; text-align:left}
.offer-preview .booking-close {position:absolute; z-index:2; float:none; top:10px; right:10px; margin:0; width:36px; height:36px; background:var(--paper); color:var(--ink); border:1px solid #fff8; border-radius:50%}
.offer-preview-photo {display:block; width:100%; height:clamp(150px,28dvh,220px); object-fit:cover; background:var(--paper-2)}
.offer-preview-photo[src$="rental-chevrolet.jpg"] {object-position:center 88%}
.offer-preview-photo[src$="rental-mustang.jpg"] {object-position:center 65%}
.offer-preview-copy h2 {margin-block:0}
.offer-order {display:block; width:100%; min-height:45px; padding:9px 15px; border:0; border-radius:14px; background:var(--wine); color:var(--on-dark); font:650 15px/1.3 var(--sans); cursor:pointer}
.offer-order:hover {background:var(--dark-hover)}
.offer-order:focus-visible {outline:3px solid var(--brass); outline-offset:3px}
.offer-preview-copy > [role="status"]:empty {display:none}
@media(max-width:860px){#space-dialog,#booking-dialog {max-height:calc(100dvh - var(--header-height,60px) - 12px)}}