/* Build 556: mobile-only compact movie details. Desktop retains approved layout. */
@media(max-width:760px) {
 .movie-wrap.details-open .details { display:grid; grid-template-columns:minmax(0,1fr) 42%; gap:10px 12px; padding:12px; margin-left:6px; align-items:start; }
 .detail-overview { grid-column:1; grid-row:1; min-width:0; }
 .details-poster-wrap { grid-column:2; grid-row:1; margin:0; align-self:start; }
 .details-poster-frame { width:100%; max-width:150px; border-radius:10px; box-shadow:0 4px 12px rgba(66,45,27,.14); }
 .detail-secondary { grid-column:1 / -1; grid-row:2; min-width:0; border-top:1px solid #dfd3c3; padding-top:8px; }
 .detail-title { font-size:16px; line-height:1.25; margin-bottom:7px; }
 .detail-line { font-size:13px; line-height:1.4; margin:3px 0; }
 .detail-location { padding:6px; margin:0 0 7px; gap:5px; }
 .detail-location-label { font-size:8px; letter-spacing:.08em; }
 .detail-location-value { font-size:12px; line-height:1.3; }
 .detail-format { padding-top:4px; margin-top:4px; }
 .shortlist-save { min-height:32px; padding:5px 7px; font-size:10px; margin-top:5px; }
}
@media(max-width:360px) {
 .movie-wrap.details-open .details { grid-template-columns:minmax(0,1fr) 42%; gap:8px; padding:10px; }
 .details-poster-frame { width:100%; }
}