.booking-page{background:var(--bg-cream);min-height:100vh}.booking-cancel-banner{color:#92400e;background:#fef3c7;border-bottom:2px solid #f59e0b;padding:1rem 0;animation:.4s fadeInDown}.booking-cancel-banner strong{color:#78350f}.booking-page__header{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;text-align:center;padding:3rem 0 4rem}.booking-page__eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--accent-light);margin-bottom:.625rem;font-size:.7rem;font-weight:700;display:block}.booking-page__title{font-family:var(--font-serif);color:#fff;margin-bottom:2rem;font-size:clamp(1.75rem,4vw,2.75rem)}.booking-page__steps{justify-content:center;align-items:center;gap:0;max-width:480px;margin:0 auto;display:flex}.booking-step{opacity:.45;transition:opacity var(--transition-base);flex:1;align-items:center;gap:.625rem;display:flex;position:relative}.booking-step:not(:last-child):after{content:"";background:#ffffff4d;width:calc(50% - 14px);height:1px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.booking-step.active,.booking-step.done{opacity:1}.booking-step__num{background:#fff3;border:1.5px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.booking-step.active .booking-step__num{background:var(--accent);border-color:var(--accent);color:var(--text-dark)}.booking-step.done .booking-step__num{color:#fff;background:#16a34a;border-color:#16a34a}.booking-step__label{white-space:nowrap;font-size:.75rem;font-weight:600}.booking-page__body{padding-block:2.5rem}.booking-date-bar{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.booking-date-bar__field{flex-direction:column;flex:1;gap:.375rem;min-width:160px;display:flex}.booking-date-bar__field label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;display:flex}.booking-nights-badge{background:var(--accent);color:var(--text-dark);border-radius:var(--radius-full);padding:.1rem .5rem;font-size:.6rem;font-weight:700}.booking-stepper{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);align-items:center;gap:.75rem;height:46px;padding:0 .75rem;display:flex}.booking-stepper button{border:1.5px solid var(--border);background:var(--bg-cream);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);font-size:1rem;font-family:var(--font-sans);border-radius:50%;justify-content:center;align-items:center;display:flex}.booking-stepper button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.booking-stepper span{color:var(--text-dark);white-space:nowrap;text-align:center;flex:1;font-size:.9375rem;font-weight:500}.booking-rooms-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-bottom:6rem;display:grid}.booking-empty{text-align:center;background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);color:var(--text-medium);flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.booking-room-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer;border:2px solid #0000;overflow:hidden}.booking-room-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.booking-room-card.selected{border-color:var(--primary);box-shadow:0 0 0 4px #1a4d2e14, var(--shadow-md)}.booking-room-card__img{aspect-ratio:16/9;position:relative;overflow:hidden}.booking-room-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.booking-room-card:hover .booking-room-card__img img{transform:scale(1.05)}.booking-room-card__selected-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.booking-room-card__body{padding:1.25rem 1.375rem}.booking-room-card__body h3{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:.375rem;font-size:1.25rem}.booking-room-card__meta{color:var(--text-light);margin-bottom:.625rem;font-size:.8125rem}.booking-room-card__desc{color:var(--text-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.875rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.booking-room-card__amenities{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.booking-room-card__amenity{color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.75rem}.booking-room-card__footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:.875rem;display:flex}.booking-room-card__price-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;display:block}.booking-room-card__price{font-family:var(--font-serif);color:var(--primary);font-size:1.25rem;font-weight:700}.booking-room-card__total{color:var(--text-light);font-size:.8rem}.booking-cta-bar{z-index:50;background:var(--bg-white);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;animation:.3s fadeInUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.booking-cta-bar__summary{color:var(--text-dark);font-size:.9375rem}.booking-cta-bar__summary strong{font-family:var(--font-serif)}.booking-details-layout{grid-template-columns:1fr 360px;align-items:flex-start;gap:2rem;display:grid}.booking-form-panel,.booking-summary-sidebar{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:2rem}.booking-panel-title{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:1.5rem;font-size:1.375rem}.booking-form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.booking-form-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.booking-summary-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);width:100%;margin-bottom:1.25rem}.booking-summary-details{flex-direction:column;gap:0;display:flex}.booking-summary-room{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.booking-summary-row{color:var(--text-medium);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;display:flex}.booking-summary-total{color:var(--text-dark);border-bottom:none;font-size:1rem;font-weight:700}.booking-summary-divider{background:var(--border);height:1px;margin:.5rem 0}.booking-summary-note{color:var(--text-light);margin-top:1rem;font-size:.75rem;line-height:1.5}.booking-confirm{background:var(--bg-white);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-light);max-width:600px;box-shadow:var(--shadow-lg);margin:0 auto;padding:3rem 2.5rem}.booking-confirm__icon{margin-bottom:1rem;font-size:3rem}.booking-confirm__title{font-family:var(--font-serif);color:var(--primary);margin-bottom:.5rem;font-size:2rem}.booking-confirm__ref{color:var(--text-medium);margin-bottom:1rem;font-size:1rem}.booking-confirm__msg{color:var(--text-medium);margin-bottom:2rem;font-size:.9375rem;line-height:1.7}.booking-confirm__summary{background:var(--bg-cream);border-radius:var(--radius-md);text-align:left;margin-bottom:2rem;padding:1.25rem}@media (max-width:1024px){.booking-details-layout{grid-template-columns:1fr}.booking-summary-sidebar{order:-1}}@media (max-width:768px){.booking-page__header{padding:2rem 0 3rem}.booking-date-bar{flex-direction:column}.booking-date-bar__field{width:100%}.booking-rooms-grid,.booking-form-grid{grid-template-columns:1fr}.booking-cta-bar{flex-direction:column;gap:.75rem;padding:1rem}.booking-form-actions{flex-direction:column}}