/* HAHUMI 7.28 — the phone room, rebuilt to fit ONE screen (owner, 24.10.2026):
 *   header · a short title line with the mood · the room (hero on the rug, care dock) · bottom nav.
 * Chat, mood details and the shelf follow below for those who scroll. Phones only (≤740 px). */
@media (max-width:740px){
  /* 1. title line: name + a live mood pill; the long description, «На улицу» (the nav has «Улица»)
        and the neighbours note step aside */
  #homeView .hero-heading.two{padding:6px 0 6px!important;margin:0!important;min-height:0}
  #homeView .hero-heading.two .eyebrow,#homeView .hero-heading.two #heroDescription,
  #homeView .hero-heading.two .switch622-note,#homeView .hero-heading.two .switch622-add,
  #homeView .hero-heading.two .world-picker,#homeView .hero-heading.two .fav629-btn{display:none!important}
  #homeView .hero-heading.two h1{font-size:clamp(19px,5.4vw,23px)!important;line-height:1.1!important;margin:0!important;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  #homeView .hero-heading.two h1 .title-symbol{display:none}
  #homeView .hero-heading.two .switch622{margin-top:6px!important}
  #homeView .hero-heading.two .switch622:not(:has(.switch622-hero)){display:none}
  .mood728{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font:700 12px/1.2 var(--text,system-ui),sans-serif;letter-spacing:0;
    color:#4b3527;background:#f3e3c3;box-shadow:0 1px 0 #d4b07f,0 2px 0 #8a6340;white-space:nowrap;vertical-align:middle}
  .mood728 i{display:block;width:34px;height:6px;border-radius:9px;background:#e6d2ae;overflow:hidden}
  .mood728 i b{display:block;height:100%;width:calc(var(--w,.2)*100%);min-width:4px;border-radius:9px;background:linear-gradient(90deg,#8fb46a,#e07a3e)}

  /* 2. the room fills the rest of the screen above the bottom nav */
  #homeView .stage{height:calc(100dvh - var(--rail728,60px) - var(--head728,44px) - 104px)!important;min-height:400px!important;max-height:640px}
  #homeView .home-grid{margin-top:0!important}

  /* 3. the hero stands ON the rug (rug centre ≈ 82 % of the room), above the care dock */
  #homeView .stage .hero-art{bottom:12%!important;width:min(80%,340px)!important}
  /* care dock: one slim cardboard shelf */
  #homeView .stage .care69-dock{bottom:8px!important;padding:4px!important}
  #homeView .stage .care69-btn{min-height:52px!important;height:52px;padding:4px 2px!important;font-size:11px!important}
}
@media (max-width:740px){
  /* 4. «Пока тебя не было» is a sheet under the header, over the room's sky — never over the hero, never off-screen */
  body .away615{position:fixed!important;left:10px!important;right:10px!important;top:calc(var(--rail728,60px) + 8px)!important;bottom:auto!important;
    width:auto!important;margin:0!important;translate:none!important;transform:none!important;max-height:44dvh;overflow:auto;z-index:60;padding:14px 14px 10px!important}
  body .away615 .away615-lines p{font-size:14px;margin-bottom:5px}
}
@media (max-width:740px){
  #homeView .hero-heading.two h1 .mood728{text-shadow:none}
  /* 5. the street fits one screen: town, plaque, seven heroes; the caption steps aside, so nobody stands under it */
  html body[data-street="1"] .st619.hw707-live{min-height:560px!important;height:calc(100dvh - var(--rail728,60px) - 10px);max-height:940px}
  html body.hh691-layout[data-street="1"] .st619.hw707-live .w613-ledge{display:none!important}
  html body.hh691-layout[data-street="1"] .st619.hw707-live > .w613-peek{bottom:8px!important}
  html body.hh691-layout[data-street="1"] .st619.hw707-live #w613Row>.w613-buddy{min-height:0!important}
  html body.hh691-layout[data-street="1"] .st619.hw707-live #w613Title{font-size:clamp(18px,5vw,22px)!important}
  html body.hh691-layout[data-street="1"] .st619.hw707-live .w613-lead{font-size:12px!important;margin-top:4px!important}
}