/* Mobile-only patch. Desktop and rating-badge untouched. */
.yes-mobile-original-icon { display:none; }
@media (max-width:760px) {
  body.home-page .menu { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; height:72px !important; padding:0 !important; background:transparent !important; box-shadow:none !important; border:0 !important; z-index:1000 !important; pointer-events:none !important; }
  body.home-page .menu__logo { display:none !important; }
  body.home-page .yes-mobile-original-icon { display:block !important; position:absolute !important; top:12px !important; left:16px !important; width:48px !important; height:48px !important; object-fit:contain !important; pointer-events:none !important; }
  body.home-page .menu__toggle { display:flex !important; visibility:visible !important; opacity:1 !important; position:absolute !important; top:14px !important; right:16px !important; left:auto !important; width:44px !important; height:44px !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; color:transparent !important; font-size:0 !important; align-items:center !important; justify-content:center !important; pointer-events:auto !important; z-index:1002 !important; cursor:pointer !important; }
  body.home-page .menu__toggle::before { content:'' !important; display:block !important; width:25px !important; height:18px !important; background:linear-gradient(to bottom,#111 0 3px,transparent 3px 8px,#111 8px 11px,transparent 11px 15px,#111 15px 18px) !important; border:0 !important; box-shadow:none !important; transform:none !important; }
  body.home-page .menu__row { pointer-events:auto !important; }
  body.home-page .menu.is-open { background:#f0ca44 !important; }
  body.home-page .menu.is-open .menu__row { background:#f0ca44 !important; }
  body.home-page .menu.is-open .menu__toggle::before { content:'×' !important; background:none !important; color:#111 !important; font-size:30px !important; line-height:18px !important; text-align:center !important; }
}

/* Hide leftover decorative triangle on mobile */
@media (max-width: 760px) {
  body.home-page .menu__logo::before,
  body.home-page .menu__logo::after {
    content: none !important;
    display: none !important;
  }
}

/* YES TODAY — mobile and tablet header */
@media (min-width: 761px) and (max-width: 1024px) {
  body.home-page .menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 72px !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 1000 !important;
  }

  body.home-page .menu__logo {
    display: none !important;
  }

  body.home-page .yes-mobile-original-icon {
    display: block !important;
    position: absolute !important;
    top: 12px !important;
    left: 16px !important;
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }

  body.home-page .menu__toggle {
    display: flex !important;
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1002 !important;
  }

  body.home-page .menu__toggle::before {
    content: '☰' !important;
    display: block !important;
    color: #111 !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 1024px) {
  body.home-page .menu__logo::before,
  body.home-page .menu__logo::after {
    display: none !important;
    content: none !important;
  }
}

/* Исправление масштаба крупного логотипа на планшете */
@media (min-width: 761px) and (max-width: 1024px) {
  body.home-page .menu__logo img,
  body.home-page .yes-mobile-original-icon {
    max-width: 48px !important;
    max-height: 48px !important;
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
  }
}

/* Убираем старый декоративный логотип из мобильной шапки */
@media (max-width: 1024px) {
  body.home-page .menu__logo {
    display: none !important;
  }

  body.home-page .yes-mobile-original-icon {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    z-index: 1003 !important;
  }
}
