@charset "UTF-8";
.booking-layout {
align-items: flex-start;
}
.booking-steps-grid {
display: grid;
gap: var(--space-4);
}
.booking-step h3 {
font-size: 1rem;
margin-bottom: var(--space-2);
}
.booking-availability {
height: 100%;
}
.booking-form-section {
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
background: radial-gradient(circle at top right, rgba(217, 119, 6, 0.12), transparent 55%), var(--color-surface);
}
.booking-fieldset {
border-radius: var(--radius-lg);
border: 1px solid var(--color-border);
padding: var(--space-4);
margin-bottom: var(--space-4);
background: radial-gradient(circle at top left, rgba(148, 163, 184, 0.16), transparent 55%), #020617;
}
.booking-grid-two {
display: grid;
gap: var(--space-4);
}
@media (min-width: 768px) {
.booking-grid-two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.booking-zone-options {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}
.booking-zone-pill {
display: inline-flex;
align-items: center;
gap: var(--space-2);
padding-inline: var(--space-3);
padding-block: 0.4rem;
border-radius: var(--radius-full);
border: 1px solid var(--color-border);
background: radial-gradient(circle at left, var(--color-primary-soft), transparent 60%);
font-size: 0.82rem;
cursor: pointer;
}
.booking-zone-pill input[type="radio"] {
accent-color: var(--color-primary);
}
.booking-privacy-box {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.booking-consent {
display: flex;
align-items: flex-start;
gap: var(--space-2);
margin-top: var(--space-3);
font-size: 0.82rem;
}
.booking-consent input[type="checkbox"] {
margin-top: 3px;
width: auto;
}
.booking-submit-row {
flex-wrap: wrap;
gap: var(--space-3);
}
.booking-submit-btn {
min-width: 230px;
}
.booking-disclaimer {
margin-top: var(--space-3);
font-size: 0.8rem;
color: var(--color-text-muted);
}
.booking-bullets {
display: grid;
gap: var(--space-2);
font-size: 0.9rem;
}
.booking-bullets li span {
color: var(--color-text-muted);
}
.booking-faq-grid {
display: grid;
gap: var(--space-4);
}
.booking-faq-item .card-title {
font-size: 0.98rem;
}
.booking-steps-list {
display: grid;
gap: var(--space-2);
counter-reset: arrival;
}
.booking-steps-list li {
position: relative;
padding-left: 2.2rem;
font-size: 0.9rem;
}
.booking-steps-list li::before {
counter-increment: arrival;
content: counter(arrival, decimal-leading-zero);
position: absolute;
left: 0;
top: 0.1rem;
font-family: var(--mono-font);
font-size: 0.78rem;
padding-inline: 0.45rem;
padding-block: 0.2rem;
border-radius: var(--radius-full);
border: 1px solid var(--color-border);
background: rgba(15, 23, 42, 0.9);
color: var(--color-primary);
}
.booking-image-frame {
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid var(--color-border);
background: #020617;
}
.booking-image-frame img {
width: 100%;
height: auto;
}
.booking-image-frame figcaption {
padding: var(--space-3);
font-size: 0.86rem;
color: var(--color-text-muted);
}
.booking-venue-preview {
background: radial-gradient(circle at top, rgba(217, 119, 6, 0.18), transparent 60%), linear-gradient(150deg, #020617, #020617);
}
.booking-arrival-section {
border-top: 1px solid var(--color-border);
}
.booking-events-btn {
width: 100%;
}
@media (min-width: 768px) {
.booking-events-btn {
width: auto;
}
}
.booking-aside {
display: flex;
flex-direction: column;
gap: var(--space-4);
}
@media (max-width: 767.98px) {
.booking-fieldset {
padding: var(--space-3);
}
.booking-submit-row {
flex-direction: column;
align-items: stretch;
}
.booking-submit-btn {
width: 100%;
}
}
Document