.guest-booking-page { max-width: 1040px; grid-template-columns: 1fr 360px; align-items: start; }
.guest-booking-form { padding: 4px 0; }
.guest-booking-form h1 { margin-bottom: 8px; }
.no-account-note { display: flex; gap: 13px; align-items: center; margin: 18px 0 22px; padding: 13px 15px; border-radius: 9px; background: #edf7f2; color: #42635d; }
.no-account-note b { padding: 6px 9px; border-radius: 15px; background: #d8f06b; color: #172a2a; font-size: 10px; white-space: nowrap; }
.no-account-note span { font-size: 11px; }
.booking-section { margin: 15px 0; padding: 22px; border: 1px solid #e1e7e3; border-radius: 12px; background: #fff; }
.booking-section h2 { display: flex; gap: 9px; align-items: center; margin: 0 0 18px; font-size: 16px; }
.booking-section h2 span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #edf5f1; color: #0d5350; font-size: 10px; }
.booking-section .field label { display: block; margin: 0 0 7px; font-size: 10px; font-weight: bold; }
.booking-section input { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #dbe2de; border-radius: 8px; outline: none; }
.booking-section input:focus { border-color: #0d5350; box-shadow: 0 0 0 3px rgba(13,83,80,.08); }
.reserve-button { width: 100%; min-height: 50px; border: 0; border-radius: 9px; background: #0d5350; color: #fff; font-weight: bold; cursor: pointer; }
.reserve-policy { margin: 11px 0 0; text-align: center; color: #7a8885; font-size: 9px; }
.guest-booking-summary { position: sticky; top: 20px; border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 14px 40px rgba(8,47,45,.10); }
.guest-booking-summary img { display: block; width: 100%; height: 225px; object-fit: cover; }
.guest-booking-summary div { padding: 20px; }
.guest-booking-summary h2 { margin: 5px 0; }
.summary-rate { display: flex !important; justify-content: space-between; align-items: center; padding: 10px 0 !important; border-top: 1px solid #e5e9e6; }
.summary-rate span { color: #687975; font-size: 10px; }
.summary-rate strong { font-size: 16px; }
.guest-booking-summary ul { margin: 12px 0 0; padding: 0; list-style: none; color: #55706a; font-size: 10px; line-height: 1.8; }
.confirmation-contact { color: #62736f; font-size: 11px; }
@media (max-width: 820px) { .guest-booking-page { grid-template-columns: 1fr; } .guest-booking-summary { position: static; grid-row: 1; } }
@media (max-width: 560px) { .guest-booking-page { width: calc(100% - 28px); margin-top: 38px; } .no-account-note { align-items: flex-start; flex-direction: column; } .booking-section { padding: 17px; } }