/* Kit-first opening: the hotel's kit fills the page under one slim bar. */
body.kit-first-mode{padding:0;display:block;background:var(--paper);height:100%;overflow:hidden}
.kit-first{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;width:100%;background:var(--paper)}
.kf-bar{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;padding:10px 20px;border-bottom:1px solid #e2e0da;background:#fff;min-width:0}
.kf-note{font-size:13px;line-height:1.4;color:var(--muted);min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf-note-short{display:none}
.kf-note strong{color:var(--ink);font-weight:600}
.kf-actions{display:flex;align-items:center;gap:10px 14px;flex:none}
.kf-ask{font-size:13px;font-weight:560;color:var(--ink);white-space:nowrap}
.kit-first .primary.kf-tour{padding:9px 16px;font-size:12px;margin:0}
.kit-first .text-link.kf-reply{padding:8px 0;margin:0;font-size:12px;align-self:center}
.kf-frame{position:relative;min-height:0}
.kf-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.top>div:has(>#backToKit:not([hidden])){gap:10px}
@media (max-width:860px){
 .kf-bar{flex-direction:column;align-items:stretch;padding:10px 14px 9px;gap:8px}
 .kf-note{font-size:12px;line-height:1.38}
 .kf-actions{justify-content:flex-start;gap:8px 16px}
 .kf-ask{font-size:12px;flex:1;min-width:0;white-space:normal}
}
/* One line at every width: the long note on wide screens, the short one below. */
@media (max-width:1180px){
 .kf-note-long{display:none}
 .kf-note-short{display:inline}
}