/*
 * ЮГИД — шапка сайта (общая для всех страниц). Токены — в tokens.css.
 * Классы с префиксом yg-h-, чтобы не пересекаться со старым style.css (#header, .navbar…).
 */

.yg-h {
    position: sticky; top: 0; z-index: 1030;
    font-family: var(--yg-font-body); color: var(--yg-ink);
    -webkit-font-smoothing: antialiased;
}
.yg-h *, .yg-h *::before, .yg-h *::after { box-sizing: border-box; }
.yg-h ul { list-style: none; margin: 0; padding: 0; }
.yg-h a { text-decoration: none; }
.yg-h svg { flex: none; }
.yg-h a:focus-visible, .yg-h button:focus-visible {
    outline: 3px solid var(--yg-sun); outline-offset: 2px;
}
/* Ширина и отступы как у .container Bootstrap 5, чтобы шапка стояла ровно над контентом */
.yg-h-container { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 12px; }
@media (max-width: 1399.98px) { .yg-h-container { max-width: 1140px; } }
@media (max-width: 1199.98px) { .yg-h-container { max-width: 960px; } }

/* ---------- Верхняя полоса ---------- */
.yg-h-top {
    background: var(--yg-ink); color: rgba(255, 255, 255, .82);
    font-size: 14px; font-weight: 500;
    max-height: 44px; overflow: visible;
    transition: max-height .3s var(--yg-ease), opacity .2s;
}
.yg-h-top .yg-h-container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 44px; }
.yg-h-top a { color: rgba(255, 255, 255, .82); display: inline-flex; align-items: center; gap: 8px; min-height: 44px; transition: color .2s; }
.yg-h-top a:hover { color: #fff; }
.yg-h-top svg { width: 16px; height: 16px; color: var(--yg-sun); }
.yg-h-top__left, .yg-h-top__right { display: flex; align-items: center; gap: 24px; }
.yg-h-top__note { display: inline-flex; align-items: center; gap: 8px; }
.yg-h-top .yg-h-org {
    min-height: 32px; padding: 0 14px; border-radius: 999px;
    background: rgba(255, 193, 35, .14); box-shadow: inset 0 0 0 1px rgba(255, 193, 35, .45);
    color: #fff; font-weight: 700;
}
.yg-h-top .yg-h-org:hover { background: var(--yg-sun); color: var(--yg-ink); }
.yg-h-top .yg-h-org:hover svg { color: var(--yg-ink); }
.yg-h.is-scrolled .yg-h-top { max-height: 0; opacity: 0; overflow: hidden; }

/* Выбор города */
.yg-h-city { position: relative; }
.yg-h-city__btn {
    display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
    padding: 0; border: 0; background: none; cursor: pointer;
    font: 700 14px/1 var(--yg-font-body); color: #fff;
}
.yg-h-city__btn svg { width: 16px; height: 16px; color: var(--yg-sun); }
.yg-h-city__btn .yg-h-chev { color: rgba(255, 255, 255, .6); transition: transform .2s; }
.yg-h-city__btn[aria-expanded="true"] .yg-h-chev { transform: rotate(180deg); }
.yg-h-city__menu {
    position: absolute; left: -12px; top: calc(100% + 4px); min-width: 240px; z-index: 5;
    padding: 8px; border-radius: 16px; background: #fff; box-shadow: var(--yg-shadow-lg);
}
.yg-h-city__menu[hidden] { display: none; }
.yg-h-city__menu a {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    min-height: 44px; padding: 0 12px; border-radius: 10px;
    color: var(--yg-ink); font-weight: 600; font-size: 15px;
}
.yg-h-city__menu a:hover { background: var(--yg-sky-soft); color: var(--yg-sea); }
.yg-h-city__menu a[aria-current="true"] { color: var(--yg-sea); }
.yg-h-city__menu a svg { width: 18px; height: 18px; color: var(--yg-sea); }
.yg-h-city__label { padding: 8px 12px 4px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--yg-muted); }

/* ---------- Основная строка ---------- */
.yg-h-bar {
    background: rgba(255, 255, 255, .86);
    -webkit-backdrop-filter: saturate(180%) blur(16px); backdrop-filter: saturate(180%) blur(16px);
    border-bottom: 1px solid rgba(217, 231, 241, .8);
    transition: box-shadow .3s, background-color .3s;
}
.yg-h.is-scrolled .yg-h-bar { background: rgba(255, 255, 255, .94); box-shadow: 0 8px 24px rgba(11, 46, 69, .08); }
.yg-h-bar .yg-h-container { display: flex; align-items: center; gap: 32px; min-height: 76px; transition: min-height .3s var(--yg-ease); }
.yg-h.is-scrolled .yg-h-bar .yg-h-container { min-height: 64px; }

/* Логотип */
.yg-h-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--yg-ink); flex: none; }
.yg-h-logo:hover { color: var(--yg-ink); }
.yg-h-logo__mark { width: 40px; height: 40px; border-radius: 12px; display: block; transition: transform .4s var(--yg-ease); }
.yg-h-logo:hover .yg-h-logo__mark { transform: rotate(-8deg) scale(1.05); }
.yg-h-logo__text { display: flex; flex-direction: column; line-height: 1; }
.yg-h-logo__name { font-family: var(--yg-font-head); font-weight: 700; font-size: 22px; letter-spacing: .02em; }
.yg-h-logo__tag { font-size: 11px; font-weight: 600; color: var(--yg-muted); margin-top: 4px; letter-spacing: .02em; }

/* Навигация */
.yg-h-nav { display: flex; align-items: center; gap: 4px; margin-right: auto; }
.yg-h-nav__link {
    position: relative; display: inline-flex; align-items: center; gap: 6px;
    min-height: 44px; padding: 0 14px; border: 0; border-radius: 999px; background: none; cursor: pointer;
    font: 700 15px/1 var(--yg-font-body); color: var(--yg-ink-soft); white-space: nowrap;
    transition: color .2s, background-color .2s;
}
.yg-h-nav__link:hover, .yg-h-nav__link[aria-expanded="true"] { color: var(--yg-ink); background: var(--yg-sky); }
.yg-h-nav__link[aria-current="page"] { color: var(--yg-sea); }
.yg-h-nav__link[aria-current="page"]::after {
    content: ''; position: absolute; left: 50%; bottom: 4px; width: 4px; height: 4px; margin-left: -2px;
    border-radius: 50%; background: var(--yg-sun);
}
.yg-h-nav__link .yg-h-chev { width: 16px; height: 16px; transition: transform .2s; }
.yg-h-nav__link[aria-expanded="true"] .yg-h-chev { transform: rotate(180deg); }

/* Действия справа */
.yg-h-actions { display: flex; align-items: center; gap: 8px; }
.yg-h-phone { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.15; padding: 0 8px; color: var(--yg-ink); }
.yg-h-phone:hover { color: var(--yg-sea); }
.yg-h-phone b { font-size: 16px; font-weight: 800; white-space: nowrap; }
.yg-h-phone span { font-size: 12px; color: var(--yg-muted); font-weight: 600; white-space: nowrap; }
.yg-h-icon {
    position: relative; width: 44px; height: 44px; border-radius: 50%; border: 0; cursor: pointer;
    display: inline-grid; place-items: center;
    background: var(--yg-sky); color: var(--yg-ink); transition: background-color .2s, color .2s, transform .2s var(--yg-ease);
}
.yg-h-icon:hover { background: var(--yg-ink); color: #fff; }
.yg-h-icon:active { transform: scale(.94); }
.yg-h-icon svg { width: 20px; height: 20px; }
.yg-h-cta {
    display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px;
    background: var(--yg-sun); color: var(--yg-ink); font-weight: 800; font-size: 15px; white-space: nowrap;
    box-shadow: 0 6px 16px rgba(242, 169, 0, .3); transition: background-color .2s, transform .2s var(--yg-ease);
}
.yg-h-cta:hover { background: var(--yg-sun-dark); color: var(--yg-ink); transform: translateY(-1px); }
.yg-h-cta svg { width: 18px; height: 18px; }
.yg-h-burger { display: none; }
.yg-h-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* ---------- Мега-меню «Экскурсии» ---------- */
.yg-h-mega {
    position: absolute; left: 0; right: 0; top: 100%;
    padding: 0 0 24px; pointer-events: none;
}
.yg-h-mega[hidden] { display: none; }
.yg-h-mega__panel {
    pointer-events: auto;
    display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px;
    margin-top: 8px; padding: 24px; border-radius: 28px; background: #fff; box-shadow: var(--yg-shadow-lg);
    animation: yg-h-drop .22s var(--yg-ease);
}
@keyframes yg-h-drop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.yg-h-mega__title { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--yg-muted); margin: 0 0 12px 12px; }
.yg-h-mega__cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.yg-h-mega__cat { display: flex; align-items: flex-start; gap: 14px; padding: 12px; border-radius: 16px; color: var(--yg-ink); transition: background-color .2s; }
.yg-h-mega__cat:hover { background: var(--yg-sky-soft); color: var(--yg-ink); }
.yg-h-mega__icon { width: 48px; height: 48px; flex: none; border-radius: 14px; display: grid; place-items: center; background: var(--yg-sky); transition: background-color .2s; }
.yg-h-mega__cat:hover .yg-h-mega__icon { background: var(--yg-sun); }
.yg-h-mega__icon img { width: 26px; height: 26px; }
.yg-h-mega__name { display: block; font-weight: 800; font-size: 15px; line-height: 1.3; }
.yg-h-mega__desc {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    font-size: 13px; line-height: 1.4; color: var(--yg-muted); margin-top: 2px;
}
.yg-h-mega__side {
    position: relative; overflow: hidden; isolation: isolate;
    display: flex; flex-direction: column; gap: 6px;
    padding: 24px; border-radius: 20px; color: #fff;
    background: linear-gradient(160deg, var(--yg-sea) 0%, var(--yg-ink) 100%);
}
.yg-h-mega__side::before {
    content: ''; position: absolute; z-index: -1; width: 260px; height: 260px; right: -90px; top: -110px; border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 193, 35, .55), transparent 65%);
}
.yg-h-mega__side .yg-h-mega__title { color: rgba(255, 255, 255, .7); margin-left: 0; }
.yg-h-mega__city {
    display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 16px;
    border-radius: 14px; background: rgba(255, 255, 255, .1); color: #fff; font-weight: 700; transition: background-color .2s;
}
.yg-h-mega__city:hover { background: rgba(255, 255, 255, .2); color: #fff; }
.yg-h-mega__city[aria-current="true"] { background: #fff; color: var(--yg-ink); }
.yg-h-mega__city svg { width: 18px; height: 18px; }
.yg-h-mega__side .yg-h-cta { margin-top: auto; justify-content: center; }

/* ---------- Мобильное меню ---------- */
.yg-h-drawer { position: fixed; inset: 0; z-index: 1050; }
.yg-h-drawer[hidden] { display: none; }
.yg-h-drawer__backdrop { position: absolute; inset: 0; background: rgba(11, 46, 69, .5); animation: yg-h-fade .2s ease; }
.yg-h-drawer__panel {
    position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100%);
    display: flex; flex-direction: column; background: #fff; overflow-y: auto; overscroll-behavior: contain;
    animation: yg-h-slide .28s var(--yg-ease);
}
@keyframes yg-h-fade { from { opacity: 0; } }
@keyframes yg-h-slide { from { transform: translateX(100%); } }
.yg-h-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--yg-border); }
.yg-h-drawer__body { padding: 20px; display: flex; flex-direction: column; gap: 24px; }
.yg-h-drawer__label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--yg-muted); margin-bottom: 10px; }
.yg-h-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.yg-h-chip {
    display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 999px;
    background: var(--yg-sky-soft); box-shadow: inset 0 0 0 1px var(--yg-border); color: var(--yg-ink); font-weight: 700; font-size: 15px;
}
.yg-h-chip[aria-current="true"] { background: var(--yg-ink); color: #fff; box-shadow: none; }
.yg-h-chip svg { width: 16px; height: 16px; }
.yg-h-drawer__cats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.yg-h-drawer__cat { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 12px; border-radius: 14px; background: var(--yg-sky-soft); color: var(--yg-ink); font-weight: 700; font-size: 14px; line-height: 1.25; }
.yg-h-drawer__cat img { width: 24px; height: 24px; flex: none; }
.yg-h-drawer__links a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; border-bottom: 1px solid var(--yg-border); color: var(--yg-ink); font-weight: 700; font-size: 17px; }
.yg-h-drawer__links a[aria-current="page"] { color: var(--yg-sea); }
.yg-h-drawer__links svg { width: 18px; height: 18px; color: var(--yg-muted); }
.yg-h-drawer__contact { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 16px; background: var(--yg-sky-soft); }
.yg-h-drawer__contact a { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; color: var(--yg-ink); font-weight: 700; }
.yg-h-drawer__contact svg { width: 18px; height: 18px; color: var(--yg-sea); }
.yg-h-drawer__foot { display: grid; gap: 8px; margin-top: auto; padding: 20px; border-top: 1px solid var(--yg-border); }
.yg-h-drawer__foot .yg-h-cta { justify-content: center; min-height: 52px; }
.yg-h-ghost {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; border-radius: 999px;
    box-shadow: inset 0 0 0 2px var(--yg-border); color: var(--yg-ink); font-weight: 700;
}
.yg-h-ghost:hover { color: var(--yg-sea); box-shadow: inset 0 0 0 2px var(--yg-sea); }
.yg-h-ghost svg { width: 18px; height: 18px; }
html.yg-h-lock, html.yg-h-lock body { overflow: hidden; }

/* ---------- Адаптив ---------- */
@media (max-width: 1399.98px) {
    .yg-h-top__note { display: none; }
    .yg-h-phone span { display: none; }
}
@media (max-width: 1199.98px) {
    .yg-h-phone { display: none; }
    .yg-h-bar .yg-h-container { gap: 20px; }
    .yg-h-nav__link { padding: 0 10px; }
}
@media (max-width: 991.98px) {
    .yg-h-container { max-width: none; padding: 0 16px; }
    .yg-h-top, .yg-h-nav, .yg-h-mega, .yg-h-actions .yg-h-cta, .yg-h-actions .yg-h-account { display: none !important; }
    .yg-h-bar .yg-h-container { justify-content: space-between; min-height: 64px; }
    .yg-h-burger { display: inline-grid; }
}
@media (max-width: 400px) {
    .yg-h-logo__tag { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .yg-h *, .yg-h *::before, .yg-h *::after { animation: none !important; transition: none !important; }
}

/* ---------- Меню города: поиск по всем направлениям ---------- */
.yg-h-city__menu { width: 320px; padding: 10px; }
.yg-h-city__search { position: relative; display: block; margin: 0 0 6px; }
.yg-h-city__search svg { position: absolute; left: 12px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--yg-muted); }
.yg-h-city__search input { width: 100%; min-height: 44px; padding: 0 12px 0 40px; border: 0; border-radius: 12px; background: var(--yg-sky-soft);
    box-shadow: inset 0 0 0 1px var(--yg-border); font: 600 16px var(--yg-font-body); color: var(--yg-ink); }
.yg-h-city__search input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--yg-sea); background: #fff; }
.yg-h-city__list { max-height: min(420px, 60vh); overflow-y: auto; overscroll-behavior: contain; }
.yg-h-city__list a[hidden] { display: none; }
.yg-h-city__list a span { display: grid; min-width: 0; }
.yg-h-city__list a small { font-size: 12px; font-weight: 600; color: var(--yg-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yg-h-city__none { margin: 8px 12px; font-size: 14px; color: var(--yg-muted); }
.yg-h-city__none a { display: inline; min-height: 0; padding: 0; color: var(--yg-sea); }
.yg-h-mega__all { font-weight: 800; }
.yg-h-chip--all { font-weight: 800; }

/* ---------- Шапка: строгая трёхчастная композиция — логотип · меню по центру · действия ----------
   Один размер и вес текста (14.5px / 600), всё в одну строку, тонкие линии вместо заливок. */
.yg-h-bar { background: rgba(255, 255, 255, .82); border-bottom: 1px solid rgba(11, 46, 69, .07); }
.yg-h.is-scrolled .yg-h-bar { background: rgba(255, 255, 255, .92); box-shadow: 0 10px 30px -18px rgba(11, 46, 69, .25); }
.yg-h-bar .yg-h-container { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; min-height: 72px; }
.yg-h.is-scrolled .yg-h-bar .yg-h-container { min-height: 60px; }

.yg-h-logo { justify-self: start; gap: 10px; }
.yg-h-logo__mark { width: 34px; height: 34px; border-radius: 10px; }
.yg-h-logo__name { font-size: 19px; letter-spacing: .06em; }

.yg-h-nav { justify-self: center; gap: 4px; margin: 0; }
.yg-h-nav__link { min-height: 40px; padding: 0 14px; border-radius: 0; font: 600 14.5px/1 var(--yg-font-body); letter-spacing: .005em;
    color: rgba(11, 46, 69, .72); background: none; white-space: nowrap; }
.yg-h-nav__link::before { content: ''; position: absolute; left: 14px; right: 14px; bottom: 5px; height: 1.5px; border-radius: 2px;
    background: var(--yg-ink); transform: scaleX(0); transform-origin: center; transition: transform .3s var(--yg-ease); }
.yg-h-nav__link:hover, .yg-h-nav__link[aria-expanded="true"], .yg-h-nav__link[aria-current="page"] { background: none; color: var(--yg-ink); }
.yg-h-nav__link:hover::before, .yg-h-nav__link[aria-expanded="true"]::before, .yg-h-nav__link[aria-current="page"]::before { transform: scaleX(1); }
.yg-h-nav__link[aria-current="page"]::after { display: none; }
.yg-h-nav__link .yg-h-chev { width: 14px; height: 14px; color: rgba(11, 46, 69, .45); margin-left: -2px; }

.yg-h-actions { justify-self: end; gap: 10px; }
/* Город — текстом с иконкой, без плашки */
.yg-h-city__btn { min-height: 40px; padding: 0 6px; gap: 7px; border-radius: 10px; background: none; box-shadow: none;
    font: 600 14.5px/1 var(--yg-font-body); color: rgba(11, 46, 69, .72); white-space: nowrap; transition: color .2s; }
.yg-h-city__btn:hover, .yg-h-city__btn[aria-expanded="true"] { color: var(--yg-ink); box-shadow: none; }
.yg-h-city__btn svg { width: 16px; height: 16px; color: var(--yg-sea); }
.yg-h-city__btn .yg-h-chev { color: rgba(11, 46, 69, .45); }
.yg-h-city__btn .yg-h-chev svg { width: 14px; height: 14px; color: currentColor; }
.yg-h-city__menu { left: auto; right: -8px; top: calc(100% + 14px); border-radius: 18px; box-shadow: 0 1px 0 rgba(11, 46, 69, .04), 0 24px 60px -12px rgba(11, 46, 69, .28); }
.yg-h-divider { width: 1px; height: 22px; background: rgba(11, 46, 69, .12); margin: 0 2px; }

.yg-h-icon { width: 40px; height: 40px; background: transparent; box-shadow: inset 0 0 0 1px rgba(11, 46, 69, .14); color: var(--yg-ink); }
.yg-h-icon:hover { background: var(--yg-ink); color: #fff; box-shadow: none; }
.yg-h-icon svg { width: 18px; height: 18px; }
.yg-h-actions .yg-h-cta { min-height: 40px; padding: 0 18px 0 20px; gap: 8px; border-radius: 999px; background: var(--yg-ink); color: #fff;
    font: 600 14.5px/1 var(--yg-font-body); letter-spacing: .005em; box-shadow: none; transition: background-color .2s, gap .25s var(--yg-ease); }
.yg-h-actions .yg-h-cta:hover { background: #0A3D5C; color: #fff; transform: none; gap: 12px; }
.yg-h-actions .yg-h-cta svg { width: 16px; height: 16px; color: var(--yg-sun); }
.yg-h-drawer__foot .yg-h-cta { background: var(--yg-ink); color: #fff; box-shadow: none; }

/* Мега-меню и выпадашки — с тем же мягким отступом от линии шапки */
.yg-h-mega__panel { margin-top: 12px; border-radius: 24px; box-shadow: 0 1px 0 rgba(11, 46, 69, .04), 0 30px 70px -20px rgba(11, 46, 69, .3); }

@media (max-width: 1199.98px) {
    .yg-h-bar .yg-h-container { gap: 12px; }
    .yg-h-nav__link { padding: 0 8px; }
    .yg-h-nav__link::before { left: 8px; right: 8px; }
    /* 992–1199: город — только значком, иначе кнопка «Подобрать» выходила за край экрана */
    .yg-h-city__btn > span:not(.yg-h-chev) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (max-width: 991.98px) {
    .yg-h-bar .yg-h-container { display: flex; justify-content: space-between; min-height: 60px; }
    .yg-h-divider, .yg-h-actions .yg-h-city { display: none; }
}
.yg-h-city__list a { min-height: 50px; padding: 6px 12px; }
.yg-h-city__list a span { gap: 2px; }

/* ---------- Служебная полоса сверху: тонкая, тихая, прячется при прокрутке ---------- */
.yg-h-top { background: var(--yg-ink); max-height: 38px; font-size: 13px; font-weight: 500; }
.yg-h-top .yg-h-container { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 38px; }
.yg-h-top__note { display: inline-flex; align-items: center; gap: 8px; color: rgba(224, 242, 254, .7); letter-spacing: .01em; }
.yg-h-top__note svg { width: 14px; height: 14px; color: var(--yg-sun); }
.yg-h-top__right { display: flex; align-items: center; gap: 22px; }
.yg-h-top a { min-height: 38px; gap: 7px; color: rgba(224, 242, 254, .78); font-weight: 600; }
.yg-h-top a:hover { color: #fff; }
.yg-h-top a svg { width: 14px; height: 14px; color: rgba(224, 242, 254, .5); transition: color .2s; }
.yg-h-top a:hover svg { color: var(--yg-sun); }
.yg-h-top .yg-h-org { min-height: 26px; padding: 0 12px; margin-left: 2px; border-radius: 999px; background: rgba(255, 193, 35, .12);
    box-shadow: inset 0 0 0 1px rgba(255, 193, 35, .4); color: #fff; font-weight: 700; }
.yg-h-top .yg-h-org svg { color: var(--yg-sun); }
.yg-h-top .yg-h-org:hover { background: var(--yg-sun); color: var(--yg-ink); box-shadow: none; }
.yg-h-top .yg-h-org:hover svg { color: var(--yg-ink); }
@media (max-width: 1199.98px) { .yg-h-top__note { display: none; } .yg-h-top .yg-h-container { justify-content: flex-end; } }