/* Witzzart Milestone 1.3 — scoped event-details visual layer.
   Existing IDs, Razor conditions and booking JavaScript are untouched. */
.airbnb-detail-layout { width: min(100% - 36px, 1320px); max-width: 1320px; gap: clamp(24px,4vw,60px); align-items: flex-start; padding-top: 30px; }
.airbnb-detail-left { flex: minmax(0, 1.75); }
.airbnb-detail-right { flex: 0 0 min(36%, 420px); min-width: 0; }
.airbnb-detail-layout .ad-title { font-size: clamp(28px,3.4vw,46px) !important; font-weight: 750; line-height: 1.13; letter-spacing: -.035em; }
.airbnb-detail-layout .ad-section-title { font-size: clamp(21px,2vw,27px) !important; font-weight: 750; letter-spacing: -.025em; margin-top: 32px; }
.airbnb-detail-layout .ad-subtitle { line-height: 1.7; overflow-wrap: anywhere; }
.airbnb-detail-layout .ad-booking-card { border: 1px solid #eee4dc; border-radius: 24px; padding: clamp(20px,2.4vw,30px); background: #fff; box-shadow: 0 18px 54px rgba(35,24,20,.075); top: 86px; }
.airbnb-detail-layout .ad-price-head { padding-bottom: 18px; border-bottom: 1px solid #f0e8e2; }
.airbnb-detail-layout .ad-price-main { font-size: 30px !important; letter-spacing: -.035em; font-weight: 800; color: #282321; }
.airbnb-detail-layout .ad-price-sub { font-size: 13px !important; }
.airbnb-detail-layout .date-time-block { min-height: 72px; }
.airbnb-detail-layout .date-icon-wrapper { border-radius: 13px; background: #faf4ee; width: 46px; height: 46px; }
.airbnb-detail-layout .date-input-group { gap: 8px; flex-wrap: wrap; }
.airbnb-detail-layout .ad-reserve-btn { min-height: 52px; border-radius: 999px !important; display: flex; justify-content: center; align-items: center; transition: transform .2s, box-shadow .2s; }
.airbnb-detail-layout .ad-reserve-btn:not(:disabled):hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(255,52,55,.17); }
.airbnb-detail-layout .ad-icon-row { padding: 18px 0; }
.airbnb-detail-layout .ad-organizer-block { padding: 20px 0; }
.airbnb-detail-layout img { max-width: 100%; }
.airbnb-detail-layout .editor-content { overflow-wrap: anywhere; }
@media(max-width: 992px) { .airbnb-detail-layout { display: flex; flex-direction: column; width: min(100% - 32px, 760px); gap: 24px; } .airbnb-detail-left,.airbnb-detail-right { width: 100%; flex: none; min-width: 0; } .airbnb-detail-layout .ad-booking-card { position: static; } }
@media(max-width: 768px) { .airbnb-detail-layout { padding-top: 14px; padding-bottom: 32px; } .airbnb-detail-layout .ad-booking-card { border-radius: 20px; padding: 20px; } .airbnb-detail-layout .ad-reserve-btn { display: flex; } .airbnb-detail-layout .ad-section-title { margin-top: 24px; } .airbnb-detail-layout .ad-date-picker { width: 100%; } }
@media(max-width: 480px) { .airbnb-detail-layout { width: calc(100% - 24px); } .airbnb-detail-layout .ad-booking-card { padding: 18px; } .airbnb-detail-layout .date-input-group { flex-direction: column; align-items: flex-start; } .airbnb-detail-layout .ad-price-main { font-size: 27px !important; } }
@media(prefers-reduced-motion:reduce) { .airbnb-detail-layout .ad-reserve-btn { transition: none; } }