/* Gillette Crew Housing — shared property-page fixes (loaded after inline page styles). */
#listing-page-wrapper .gallery-item .item-label,
#listing-page-wrapper .gallery-item .play-icon { pointer-events: none; }
#listing-page-wrapper .gallery-item video { pointer-events: auto; }
/* Main walkthrough: move the label to the top so it never covers the control bar/scrubber */
#listing-page-wrapper .gallery-item:has(video[controls]) .item-label { top: 0; bottom: auto; background: linear-gradient(to bottom, rgba(0,0,0,.75), transparent); }
#listing-page-wrapper .gallery-item.is-playing .play-icon { opacity: 0; }
#listing-page-wrapper .gallery-item:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }
#listing-page-wrapper .gallery-item.has-error::after { content: "Video unavailable — call (307) 689-7644 for a live walkthrough"; position: absolute; inset: auto 0 0 0; padding: 8px; font-size: 12px; background: rgba(0,0,0,.85); color: #fff; }
#listing-page-wrapper .form-field select { width: 100%; background: var(--bg-surface-alt); border: 1px solid #333; color: var(--color-text-primary); padding: 14px 16px; border-radius: 8px; font-family: var(--font-body); font-size: 15px; }
#listing-page-wrapper .form-sent { text-align: center; padding: 30px 0; }
#listing-page-wrapper .form-sent h3 { color: #4ade80; font-family: var(--font-heading); font-size: 1.4rem; margin-bottom: 8px; }
#listing-page-wrapper .form-sent p, #listing-page-wrapper .form-error { color: var(--color-text-muted); }
#listing-page-wrapper .form-error { grid-column: 1 / -1; color: #ffb4b4; margin-top: 8px; }
#listing-page-wrapper .form-sent a, #listing-page-wrapper .form-error a { color: var(--color-accent); }
#listing-page-wrapper .gch-quick { max-width: 860px; margin: 0 auto; }
#listing-page-wrapper .gch-quick dt { font-weight: 700; margin-top: 18px; color: var(--color-text-primary); }
#listing-page-wrapper .gch-quick dd { color: var(--color-text-muted); margin: 4px 0 0; }
#listing-page-wrapper .gch-back { display: block; max-width: 1200px; margin: 0 auto; padding: 14px 24px; color: var(--color-text-muted); font-size: 14px; }
#listing-page-wrapper .gch-back a { color: var(--color-text-primary); text-decoration: none; }
@media (max-width: 600px) {
  #listing-page-wrapper .form-grid { grid-template-columns: 1fr; }
  #listing-page-wrapper .hero-cta-group { flex-direction: column; align-items: stretch; }
}
html, body { overflow-x: hidden; }
#listing-page-wrapper .hero-subtitle { color: #e6e6e6; text-shadow: 0 1px 3px rgba(0,0,0,.8); }