.ys-shared-stay{display:none}
@media(max-width:900px){
  .ys-stay-form{display:block!important;padding:0!important;margin:0!important}
  .ys-stay-form>:not(.ys-shared-stay):not(input):not(script):not(datalist){display:none!important}
  .ys-shared-stay{display:block!important;background:#fff;color:#17233A}
  .ys-shared-stay .ys-stay-row,.ys-shared-stay .ys-stay-control{display:flex!important;gap:13px!important;align-items:center!important;width:100%!important;min-height:74px!important;padding:13px 16px!important;margin:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #E6EAF0!important;border-radius:0!important;text-align:left!important;color:#17233A!important}
  .ys-stay-icon{width:23px;flex:0 0 23px;font-size:22px;color:#062B5C;text-align:center}
  .ys-stay-data{display:block;flex:1;min-width:0}.ys-stay-label{display:block;font-size:11px!important;font-weight:400!important;color:#667085!important;margin-bottom:7px}
  .ys-shared-stay input,.ys-shared-stay select{width:100%!important;border:0!important;outline-offset:3px;background:white!important;padding:0!important;margin:0!important;font-size:16px!important;font-weight:600!important;color:#17233A!important;min-height:30px!important}
  .ys-stay-data strong{font-size:15px;font-weight:700}
  .ys-stay-submit{display:block;width:calc(100% - 10px);min-height:52px;margin:5px;border:0;border-radius:9px;background:#F56A00;color:white;font:700 14px Arial,sans-serif;cursor:pointer}
  .ys-stay-counter{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #E6EAF0}.ys-stay-counter button{width:44px;height:44px;border:1px solid #D0D5DD;border-radius:8px;background:white;color:#0875E1;font-size:24px}.ys-stay-counter strong{display:inline-block;min-width:40px;text-align:center}
  .cp-hero{background:radial-gradient(ellipse at 100% 0,rgba(59,151,195,.35),transparent 55%),linear-gradient(145deg,#062B5C,#093B66 55%,#07516C)!important}
  .cp-hero .cp-hero-photo,.cp-hero .cp-hero-overlay,.cp-hero .cp-hero-meta{display:none!important}
  .cp-hero h1{font-size:29px!important;line-height:1.12!important}
  #cityStaySearch{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #cityStaySearchForm{border:2px solid #FFB800!important;border-radius:15px!important;overflow:hidden!important;background:white!important;padding:5px!important}
  #cityStaySearch .cp-journey-tabs{margin-bottom:12px!important}
  #cityStaySearch .cp-stay-support{color:#D3E5F0!important;font-size:11px!important}
}

/* The mounted shared widget replaces desktop controls only below the mobile breakpoint.
   Match the legacy Home selectors so their !important displays cannot expose duplicates. */
@media(max-width:900px){
  html body.home-page section.clean-hero.hero-v576-clean #heroStaysPanel #heroSearchForm.ys-stay-form > :not(.ys-shared-stay):not(input):not(script):not(datalist),
  #cityStaySearch #cityStaySearchForm.ys-stay-form > :not(.ys-shared-stay):not(input):not(script):not(datalist){display:none!important}
}

/* v662: mic on the phone "Where" row - same look as the other mics (48px button, 28px blue icon). */
@media(max-width:900px){
  .ys-shared-stay .ys-stay-row.has-mic{position:relative;flex-wrap:wrap!important;padding-right:72px!important}
  .ys-shared-stay .ys-stay-mic{position:absolute;right:12px;top:13px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1.5px solid #BFD3F2;border-radius:12px;background:#fff;color:#1565C0;cursor:pointer}
  .ys-shared-stay .ys-stay-mic[hidden]{display:none}
  .ys-shared-stay .ys-stay-mic svg{width:28px;height:28px;pointer-events:none}
  .ys-shared-stay .ys-stay-mic.is-listening{background:#E3EEFC;border-color:#1565C0;color:#0D47A1;box-shadow:0 0 0 4px rgba(21,101,192,.18)}
  .ys-shared-stay .ys-stay-row.has-mic>.ys-voice-note{flex:0 0 100%;margin:4px 0 0 36px}
}