/* Desktop-only continuation of the main page. Mobile retains its own concept. */
@media (min-width: 1024px) {
  body.desktop-interior {
    --ink: #153042;
    --sand: #fffdf9;
    --muted: #64727a;
    --line: #dce9ec;
    --terra: #087f96;
    --aqua: #009bb2;
    background: var(--sand);
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
  }
  .desktop-interior .notice {
    background: #e8f5f7;
    color: #48626b;
  }
  .desktop-interior header { padding-block: 22px; border-bottom: 1px solid var(--line); }
  .desktop-interior .brand > span { color: #067f99; font: bold italic 30px/1.1 Georgia, serif; letter-spacing: -1px; }
  .desktop-interior .brand .brand-small { color: var(--muted); font: 9px/1.5 Arial, sans-serif; letter-spacing: 1px; }
  .desktop-interior .return-link, .guest-rules header a { color: #087f96; font-size: 12px; }
  .desktop-interior :is(h1,h2,h3), .desktop-interior .calendar-month h3 {
    font-family: Georgia, serif;
    font-weight: 700;
    letter-spacing: -.7px;
  }
  .desktop-interior :is(.booking-intro,.detail-title) {
    position: relative;
    isolation: isolate;
    padding: 42px 32px 34px;
    margin-block: 28px;
    background: linear-gradient(105deg,#ecf8fded,#fdf4e6c9),var(--azov-sea-background,url('media/desktop-sea.webp')) center 72%/cover;
    border: 1px solid var(--line);
    border-radius: 14px;
  }
  .desktop-interior :is(.booking-intro,.detail-title)::after {
    content: '';
    position: absolute;
    z-index: -1;
    right: 22px;
    top: 16px;
    width: 56px;
    height: 40px;
    background: url('media/desktop-shell.webp') center/contain no-repeat;
    opacity: .65;
    pointer-events: none;
  }
  .desktop-interior .booking-intro h1, .desktop-interior .detail-title h1 { font-size: clamp(38px,3.6vw,52px); line-height: 1.1; margin-top: 14px; }
  .desktop-interior .detail-title { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 32px; align-items: center; }
  .desktop-interior .detail-title > .eyebrow { grid-column: 1; margin: 0; max-width: 720px; line-height: 1.7; }
  .desktop-interior .detail-title h1 { grid-column: 1; margin-bottom: 0; }
  .desktop-interior .detail-title > #choose-stay-top { grid-column: 2; grid-row: 1 / 3; margin: 0; }
  .desktop-interior .booking-intro h1 em { color: #087f96; }
  .desktop-interior .eyebrow { color: #087f96; font-family: Arial,sans-serif; }
  .desktop-interior :is(.trip-summary h2,.options-top h2,.relocation h2) { font-size: 30px; line-height: 1.15; }
  .desktop-interior .stay-card h3 { font-size: 26px; line-height: 1.2; }
  .desktop-interior .trip-controls {
    background: #fff !important;
    color: var(--ink);
    border-color: var(--line);
    box-shadow: 0 7px 30px #283c4310;
  }
  .desktop-interior .trip-controls label { border-color: var(--line); border-radius: 10px; }
  .desktop-interior .trip-controls :is(input,select,.date-trigger) { color: var(--ink); }
  .desktop-interior .guest-party select { border-color: #b9dce3 !important; }
  .desktop-interior .trip-night-count { color: var(--muted); }
  .desktop-interior .party-extras input { accent-color: #009bb2; }
  .desktop-interior :is(.custom-button,.booking-trigger,.calendar-apply),
  .desktop-interior .stay-card.selected .select-stay,
  .desktop-interior .category-filters button[aria-pressed=true] {
    background: linear-gradient(110deg,#00859d,#00728b);
    color: #fff;
    border-color: #00859d !important;
    box-shadow: 0 4px 14px #00a0b016;
  }
  .desktop-interior :is(.custom-button,.select-stay,.booking-trigger) { border-radius: 28px; font-family: Arial,sans-serif; }
  .desktop-interior :is(.custom-button,.booking-trigger):hover:not(:disabled),
  .desktop-interior .select-stay:hover { background: #087f96; color: #fff; }
  .desktop-interior :is(.select-stay,.relocation-category,.relocation-request) { background: #fff; color: #087f96; border-color: #1195aa !important; }
  .desktop-interior .premium-action::before { background: radial-gradient(150px circle at var(--shine-x) var(--shine-y),#b5edf736,transparent 75%); }
  .desktop-interior .stay-card { border-color: var(--line); box-shadow: 0 4px 20px #24343c09; }
  .desktop-interior .stay-card.selected { border-color: #1195aa; box-shadow: 0 8px 24px #009bb214; }
  .desktop-interior .premium-tile::after { background: radial-gradient(360px circle at var(--light-x) var(--light-y),#b5edf724,transparent 65%); }
  .desktop-interior .premium-tile:hover { border-color: #9bcbd4; box-shadow: 0 12px 24px #24343c15; }
  .desktop-interior :is(.area-tag,.premium-tile .area-tag) { background: #eaf8fb; color: #087f96; border-color: #cde3e8; }
  .desktop-interior :is(.explore-stay,.help-link,.source-link) { color: #087f96; }
  .desktop-interior .trip-summary { background: linear-gradient(120deg,#e6f6fc,#dff1f7); border-color: #cde3e8; border-radius: 14px; }
  .desktop-interior .space-overview { background: #edf8f8; border-color: var(--line); }
  .desktop-interior .space-overview h2 { font-size: 38px; }
  .desktop-interior .space-equipment h3 { font-size: 26px; }
  .desktop-interior .detail-gallery figure, .desktop-interior .stay-photo-link { background: #e8f4f5; }
  .desktop-interior .detail-gallery figcaption { background: linear-gradient(transparent,#153042d9); }
  .desktop-interior .gallery-filters button { color: var(--ink); border-color: var(--line); }
  .desktop-interior .gallery-expand, .desktop-interior .gallery-filters button[aria-pressed=true] { background: #087f96; color: #fff; border-color: #087f96; }
  .desktop-interior .photo-thumbnails button[aria-pressed=true] { border-color: #1195aa; }
  .desktop-interior .photo-lightbox { background: #153042; }
  .desktop-interior .photo-lightbox::backdrop { background: #153042ed; }
  .desktop-interior .relocation { max-width: none; padding: 32px; margin-bottom: 40px; border: 1px solid var(--line); border-radius: 14px; background: #edf7fa; }
  .desktop-interior .manual-request-form :is(input,textarea) { border-color: #b9dce3; color: var(--ink); }
  .desktop-interior .hotel-calendar { background: #fffdf9; color: var(--ink); border-color: var(--line); }
  .desktop-interior .hotel-calendar::backdrop { background: #15304299; }
  .desktop-interior .hotel-calendar :is(.calendar-close,.calendar-nav button,.calendar-days button) { color: var(--ink); border-color: var(--line); }
  .desktop-interior .date-switch button { background: #eaf8fb; color: var(--ink); border-color: var(--line); }
  .desktop-interior .date-switch button[aria-pressed=true], .desktop-interior .hotel-calendar .calendar-days .range-edge,
  .desktop-interior .hotel-calendar .calendar-days .range-edge:hover { background: #087f96; color: white; border-color: #087f96; }
  .desktop-interior .hotel-calendar .calendar-days .in-range,
  .desktop-interior .hotel-calendar .calendar-days button:hover:not(:disabled) { background: #eaf8fb; color: var(--ink); }
  .desktop-interior .hotel-calendar .calendar-days button:hover:not(:disabled) { border-color: #1195aa; }
  .desktop-interior .hotel-calendar .calendar-days button.range-edge:hover:not(:disabled) { background: #087f96; color: #fff; }
  .desktop-interior .hotel-calendar button.calendar-apply { background: #087f96; color: #fff; }
  .desktop-interior :focus-visible { outline: 3px solid #e5b452; outline-offset: 4px; }
  .guest-rules main { margin-block: 28px 48px; padding: 36px 40px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 7px 30px #283c4309; }
  .guest-rules main h1 { font-size: 42px; margin-top: 0; padding: 26px; border-radius: 10px; background: linear-gradient(105deg,#e6f6fc,#fdf4e6); }
  .guest-rules main p { color: #455964; }
}