/* Preserve the approved scale; allow long English labels to wrap on narrow phones. */
@media (max-width:360px) {
 html[data-brand-v127="home"][lang|="en"] body.c152 .top nav { gap:6px; }
 html[data-brand-v127="home"][lang|="en"] body.c152 .closing { grid-template-columns:minmax(0,1fr); }
 html[data-brand-v127="home"][lang|="en"] body.c152 .closing .book.lg { min-width:0;max-width:100%;white-space:normal; }
 html[data-brand-v127="home"][lang|="en"] body.c152 .closing .book.lg span,
 html[data-brand-v127="home"][lang|="en"] body.c152 .closing .title-line,
 html[data-brand-v127="home"][lang|="en"] body.c152 .closing .title-line > span { min-width:0;white-space:normal; }
}

/* A closed queue has a longer opening-time label than its approved CTA.
 * Keep that status within the same mobile columns, without clipping content. */
@media (max-width:700px) {
 html[data-brand-v127="home"]:not([data-queue-open]) body.c152 .closing { grid-template-columns:minmax(0,1fr); }
 html[data-brand-v127="home"]:not([data-queue-open]) body.c152 .closing .book.lg,
 html[data-brand-v127="home"]:not([data-queue-open]) body.c152 .closing .book.lg span { min-width:0;max-width:100%;white-space:normal; }
 html[data-brand-v127="home"]:not([data-queue-open]) body.c152 .top .book { min-width:0;max-width:calc(100vw - 180px); }
 html[data-brand-v127="home"]:not([data-queue-open]) body.c152 .top .book span { min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.2; }
}

/* Keep a real logo/CTA gap when desktop font metrics differ on a 320px phone. */
@media (max-width:360px) {
 html[data-brand-v127="home"][lang|="en"] body.c152 .top { column-gap:12px; }
 html[data-brand-v127="home"][lang|="en"] body.c152 .top .wordmark { flex-shrink:0; }
 html[data-brand-v127="home"][lang|="en"] body.c152 .top nav,
 html[data-brand-v127="home"][lang|="en"] body.c152 .top .book { min-width:0; }
 html[data-brand-v127="home"][lang|="en"] body.c152 .top .book .mobile-book-label { white-space:normal;line-height:1.2; }
}