/* Step 171 — owner-approved homepage reference: hotel results beside map.
   Additive only: no element is hidden, removed or recreated. */
@media (min-width: 1024px) {
  body:has(.stays-section):has(.map-section) main {display:grid;grid-template-columns:minmax(0, 65fr) minmax(320px, 35fr);align-items:stretch}
  main > :not(.stays-section):not(.map-section) {grid-column:1 / -1;min-width:0}
  main > .stays-section {grid-column:1;min-width:0;padding:32px 0 42px}
  main > .map-section {grid-column:2;min-width:0;display:flex;flex-direction:column;background:#eff8ff;padding:12px;gap:10px}
  main > .stays-section .wrap {width:calc(100% - 36px);max-width:none;margin:0 auto}
  main > .stays-section .hotel-grid {grid-template-columns:1fr;gap:12px}
  main > .stays-section .hotel-card {display:grid;grid-template-columns:minmax(155px,36%) minmax(0,1fr);border-radius:12px;min-width:0}
  main > .stays-section .hotel-photo {height:100%;min-height:160px}
  main > .stays-section .hotel-info {padding:14px;min-width:0}
  main > .map-section .map-copy {padding:12px 10px;min-width:0}
  main > .map-section .map-copy h2 {font-size:clamp(18px,2vw,25px);margin-bottom:6px}
  main > .map-section .map-copy p {margin-bottom:6px}
  main > .map-section .map-frame {flex:1;min-height:440px;border-radius:12px;overflow:hidden}
  main > .map-section .ajanit-map {min-height:400px;height:100%}
}
@media (min-width:700px) and (max-width:1023px) {
  main > .stays-section .hotel-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px) {
  main > .stays-section .hotel-grid {grid-template-columns:1fr}
  main > .map-section .map-frame {min-height:350px}
}
/* Keyboard navigation and focus visibility */
main .hotel-card a:focus-visible, main .map-section button:focus-visible,
main .map-section input:focus-visible {outline:3px solid #007de3;outline-offset:3px}