:root {
  --hv-glass-bd: rgba(255,255,255,0.22);
  --hv-glass-bg: rgba(255,255,255,0.08);
  --hv-dark-bd : rgba(0,0,0,0.12);
  --hv-dark-bg : rgba(255,255,255,0.9);
}

.hv-skip{position:fixed;left:12px;top:8px;z-index:2147483000;padding:10px 16px;border-radius:6px;background:#111;color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;transform:translateY(-200%);transition:transform .18s}
.hv-skip:focus,.hv-skip:focus-visible{transform:translateY(0);outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #111}
[data-hv-skip-to]:focus{outline:none}

#hv-hd {
  position: absolute;
  top: var(--hv-hd-top); left: 0;
  width: 100%; height: var(--hv-h);
  z-index: var(--z-hd);
  background: transparent;

  transform: translateY(0);
  will-change: transform;
  transition: transform 0.55s var(--expo);
}

#hv-hd.hv--solid {
  position: fixed;
}
#hv-hd.hv--sc {
  position: fixed;
  height: var(--hv-h-sc);
  top: var(--hv-hd-sc-top, 0px);
}
#hv-hd.hv--sc .hv-inner {
  width: var(--hv-inner-w-sc, var(--hv-inner-w, 95%));
}


#hv-hd.hv--hide {
  
  transform: translateY(calc(-100% - var(--hv-hd-sc-top, 0px) - 32px));
  transition:
    transform 0.8s var(--expo),
    background 0.4s var(--expo),
    backdrop-filter 0.5s var(--expo);
}


#hv-hd.hv--peek {
  transform: translateY(0);
  transition:
    transform 0.85s var(--expo) 0.2s,
    background 0.4s var(--expo),
    backdrop-filter 0.5s var(--expo);
}


.hv-inner {
  position: relative;
  width: var(--hv-inner-w, 95%); max-width: 2400px;
  height: 100%; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 var(--hv-hd-pad-x, 0px);
  background: transparent;
  border-radius: var(--hv-hd-radius, 0px);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition:
    background      0.58s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow      0.4s  var(--expo),
    backdrop-filter 0.4s  var(--expo),
    border-radius   0.4s  var(--expo);
}


body.hv--hd-line #hv-hd .hv-inner{box-shadow:0 1px 0 var(--hv-hd-line)!important}

.hv-btn-group:has(> .hv-keep-btn)>.hv-slot{order:-1}
.hv-keep-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:var(--hv-tx-index,#111);padding:8px}.hv-keep-btn svg{width:22px;height:22px}#hv-hd.hv--solid .hv-keep-btn{color:var(--hv-tx-index)}.hv-keep-btn .hv-keep-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--hv-main,#111);color:#fff;font-size:10px;line-height:16px;text-align:center}.hv-keep-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}

body.hv--cmax #hv-hd .hv-inner{padding-left:max(var(--hv-hd-pad-x,0px),calc((100% - var(--hv-hd-cmax,100%)) / 2));padding-right:max(var(--hv-hd-pad-x,0px),calc((100% - var(--hv-hd-cmax,100%)) / 2))}


#hv-hd-bd {
  position: fixed; top: var(--hv-hd-top, 0px); left: 50%;
  transform: translateX(-50%);
  width: var(--hv-inner-w, 95%); max-width: 2400px;
  height: var(--hv-hd-radius, 0px);
  background: var(--hv-hd-bd-color, transparent);
  z-index: calc(var(--z-hd) - 1);
  pointer-events: none;
  transition: top 0.4s var(--expo), height 0.4s var(--expo), background 0.4s var(--expo), width 0.4s var(--expo);
}
#hv-hd.hv--sc ~ #hv-hd-bd {
  top: var(--hv-hd-sc-top, 0px);
  width: var(--hv-inner-w-sc, var(--hv-inner-w, 95%));
  height: var(--hv-hd-sc-radius, 0px);
}
#hv-hd.hv--solid .hv-inner,
#hv-hd.hv--trans .hv-inner {
  background: var(--hv-hd-bg);
  -webkit-backdrop-filter: blur(var(--hv-hd-blur, 0px));
  backdrop-filter: blur(var(--hv-hd-blur, 0px));
  box-shadow: 0 6px 28px rgba(0,0,0,0.06);
}
#hv-hd.hv--sc .hv-inner {
  background: var(--hv-hd-sc-bg, var(--hv-hd-bg));
  -webkit-backdrop-filter: blur(var(--hv-hd-blur, 0px));
  backdrop-filter: blur(var(--hv-hd-blur, 0px));
  box-shadow: 0 12px 40px rgba(0,0,0,0.08);
  border-radius: var(--hv-hd-sc-radius, 0px);
}

#hv-hd.hv--hd-no-sd .hv-inner { box-shadow: none !important; }

#hv-hd.hv-drop-horizontal.hv--nav-hover .hv-inner,
#hv-hd.hv-drop-mega.hv--nav-hover .hv-inner,
#hv-hd.hv-drop-mega.hv--mega-open .hv-inner {
  border-radius: var(--hv-hd-radius, 0px) var(--hv-hd-radius, 0px) 0 0;
}

#hv-hd.hv--sc.hv-drop-horizontal.hv--nav-hover .hv-inner,
#hv-hd.hv--sc.hv-drop-mega.hv--nav-hover .hv-inner,
#hv-hd.hv--sc.hv-drop-mega.hv--mega-open .hv-inner {
  border-radius: var(--hv-hd-sc-radius, 0px) var(--hv-hd-sc-radius, 0px) 0 0;
}



body.hv-dri #hv-hd.hv--no-nav:not(.hv--stacked) .hv-logo{position:absolute;left:50%;translate:-50% 0}
@media(min-width:901px){body.hv-dri #hv-hd.hv--no-nav .hv-btn-group{margin-left:auto;position:static;transform:none;will-change:auto}body.hv-dri #hv-hd.hv--no-nav #hvHbg{position:absolute;left:var(--hv-hd-pad-x,0px);top:50%;transform:translateY(-50%)}}
.hv-hbg-links{display:none}
@media (min-width: 901px) {
  #hv-hd.hv--no-nav .hv-hbg-links{display:flex;align-items:center;gap:clamp(16px,1.8vw,30px);position:absolute;top:0;bottom:0;left:calc(var(--hv-hd-pad-x,0px) + 64px);z-index:6}
  .hv-hbg-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--hv-pc-sz,15px);font-weight:var(--hv-pc-mw,400);color:var(--hv-tx-index,#111);text-decoration:none;white-space:nowrap;transition:opacity .2s}
  #hv-hd.hv--trans .hv-hbg-link{color:var(--hv-tx-sub)}
  #hv-hd.hv--sc .hv-hbg-link{color:var(--hv-tx-sc)}
  .hv-hbg-link:hover{opacity:.7}
  
  .hv-hbg-item{position:relative;display:flex;align-items:center;height:100%}
  .hv-hbg-drop{position:absolute;top:calc(50% + 22px);left:-18px;min-width:200px;padding:10px;border-radius:16px;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 12px 32px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .3s,visibility 0s .3s}
  .hv-hbg-drop::before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px}
  .hv-hbg-item--sub:hover>.hv-hbg-drop,.hv-hbg-item--sub:focus-within>.hv-hbg-drop{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s}
  .hv-hbg-drop ul{list-style:none;margin:0;padding:0}
  .hv-hbg-drop a{display:flex;align-items:center;min-height:40px;padding:6px 12px;border-radius:10px;font-size:14px;color:#fff;text-decoration:none;white-space:nowrap;transition:background .2s}
  .hv-hbg-drop a:hover,.hv-hbg-drop a:focus-visible{background:rgba(255,255,255,.16)}
  #hv-hd.hv--sc .hv-hbg-drop,#hv-hd.hv--solid .hv-hbg-drop{background:rgba(255,255,255,.72)}
  #hv-hd.hv--sc .hv-hbg-drop a,#hv-hd.hv--solid .hv-hbg-drop a{color:#111}
  #hv-hd.hv--sc .hv-hbg-drop a:hover,#hv-hd.hv--solid .hv-hbg-drop a:hover{background:rgba(0,0,0,.05)}
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hv-hbg-drop{background:rgba(60,50,40,.8)}#hv-hd.hv--sc .hv-hbg-drop{background:rgba(255,255,255,.95)}}
  @media (prefers-reduced-motion: reduce){.hv-hbg-drop{transition:none}}
  .hv-hbg-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
}

@media (min-width: 901px) {
  
  #hv-hd.hv--split .hv-logo { position: absolute; inset: 0; margin: auto; }
  #hv-hd.hv--split .hv-nav { position: static; flex: 1 1 auto; min-width: 0; justify-content: flex-start; height: 100%; margin-right: 20px; }
  #hv-hd.hv--split .hv-ul { width: 100%; }
  
  #hv-hd.hv--split .hv-ul::after { content: ""; flex: 1 1 auto; order: 1; }
  #hv-hd.hv--split .hv-li.hv-split-r, #hv-hd.hv--split .hv-nav-more { order: 2; }
  #hv-hd.hv--split .hv-btn-group { flex: none; }
}

@media (min-width: 901px) {
  #hv-hd.hv--stacked:not(.hv--sc) {
    height: auto;
  }
  #hv-hd.hv--stacked:not(.hv--sc) .hv-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    height: auto;
    min-height: var(--hv-h);
    padding-top: 14px;
    padding-bottom: 14px;
    row-gap: 6px;
  }
  #hv-hd.hv--stacked:not(.hv--sc) .hv-logo {
    grid-column: 1 / -1;
    justify-self: center;
  }
  
  #hv-hd.hv--stacked:not(.hv--sc) .hv-logo__def {
    position: relative;
  }
  #hv-hd.hv--stacked:not(.hv--sc) .hv-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    position: relative;
    inset: auto;
    height: auto;
    width: 100%;
    justify-content: center;
  }
  #hv-hd.hv--stacked:not(.hv--sc) .hv-btn-group {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
  }
  
  #hv-hd.hv--stacked:not(.hv--sc) ~ #hv-sub-wrap,
  #hv-hd.hv--stacked:not(.hv--sc) ~ #hv-mega {
    top: var(--hv-stacked-drop-top, calc(var(--hv-h) + var(--hv-hd-top, 0px)));
  }
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-panel .hv-pnl { top: calc(100% + 14px); }
  
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-vertical .hv-li > .hv-sub,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-mega.hv--nav-individual .hv-li > .hv-sub,
  #hv-hd.hv--stacked:not(.hv--sc) .hv-nav-more__menu {
    top: var(--hv-li-drop-top, calc(100% + 14px));
  }
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-vertical .hv-li::after,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-mega.hv--nav-individual .hv-li::after,
  #hv-hd.hv--stacked:not(.hv--sc) .hv-nav-more::after {
    bottom: -14px;
    height: 14px;
  }
  #hv-hd.hv--stacked:not(.hv--sc) .hv-logo:hover { transform: none; }
  #hv-hd.hv--stacked:not(.hv--sc) .hv-logo--text:hover .hv-logo-text { transform: none; }
}


.hv-logo,
.hv-nav,
.hv-btn-group {
  transition:
    opacity 0.25s var(--expo),
    transform 0.25s var(--expo);
}


#hv-hd.hv--hide .hv-logo,
#hv-hd.hv--hide .hv-nav,
#hv-hd.hv--hide .hv-btn-group {
  opacity: 0;
  transform: translateY(-6px);
}


#hv-hd.hv--peek .hv-logo {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.45s var(--expo) 0.80s, transform 0.5s var(--expo) 0.80s;
}
#hv-hd.hv--peek .hv-nav {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.45s var(--expo) 1.0s, transform 0.5s var(--expo) 1.0s;
}
#hv-hd.hv--peek .hv-btn-group {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.45s var(--expo) 1.0s, transform 0.5s var(--expo) 1.0s;
}


#hv-hd.hv--trans .hv-logo,
#hv-hd.hv--trans .hv-nav,
#hv-hd.hv--trans .hv-btn-group,
#hv-hd.hv--solid .hv-logo,
#hv-hd.hv--solid .hv-nav,
#hv-hd.hv--solid .hv-btn-group {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.3s var(--expo), transform 0.3s var(--expo);
}
#hv-hd.hv--sc .hv-logo,
#hv-hd.hv--sc .hv-nav,
#hv-hd.hv--sc .hv-btn-group {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.6s var(--expo), transform 0.3s var(--expo);
}


.hv-logo {
  position: relative;
  width: var(--hv-lw);
  
  aspect-ratio: 250 / 121;
  flex-shrink: 0; z-index: 20;
}


@media (max-width: 900px) {
  body.hv--mobile-scroll-perf #hv-hd,
  body.hv--mobile-scroll-perf #hv-hd.hv--hide,
  body.hv--mobile-scroll-perf #hv-hd.hv--peek {
    transition: transform 0.3s var(--snap);
  }
  body.hv--mobile-scroll-perf #hv-hd .hv-inner {
    transition: background 0.2s var(--snap), box-shadow 0.2s var(--snap), border-radius 0.2s var(--snap);
  }
  body.hv--mobile-scroll-perf #hv-hd.hv--hide .hv-logo,
  body.hv--mobile-scroll-perf #hv-hd.hv--hide .hv-nav,
  body.hv--mobile-scroll-perf #hv-hd.hv--hide .hv-btn-group {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.hv-logo:hover { transform: translateY(-2px); }
.hv-logo a { display: block; width: 100%; height: 100%; line-height: 0; }
.hv-logo img {
  width: 100%; height: 100%; object-fit: contain; display: block;
  transition: transform 0.6s var(--expo), filter 0.4s var(--expo);
}
.hv-logo:hover img { transform: scale(1.04) rotate(0.3deg); filter: brightness(1.05); }

.hv-logo__def,
.hv-logo__sc,
.hv-logo__wht {
  position: absolute; top:0;right:0;bottom:0;left:0;inset:0;
  display: flex; align-items: center;
  transition: opacity 0.4s var(--expo), transform 0.5s var(--expo);
}
.hv-logo__def { opacity: 1; transform: translateY(0); }
.hv-logo__sc  { opacity: 0; transform: translateY(-10px) scale(0.98); }
.hv-logo__wht { opacity: 0; transform: translateY(0); }

#hv-hd.hv--sc .hv-logo { width: var(--hv-lw-sc); }
#hv-hd.hv--sc .hv-logo__def { opacity: 0; transform: translateY(12px) scale(0.98); }
#hv-hd.hv--sc .hv-logo__sc  { opacity: 1; transform: translateY(0) scale(1); }
#hv-hd.hv--sc .hv-logo__wht { opacity: 0; }


.hv-logo--text {
  width: auto; min-width: 0;
  display: flex; align-items: center;
}
.hv-logo--text:hover { transform: none; }

.hv-logo .hv-logo-text,
.hv-logo-text {
  display: inline-block;
  width: auto; height: auto;
  text-decoration: none;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--hv-tx-index);
  transition: color .35s var(--expo), transform .5s var(--expo);
}
.hv-logo--text:hover .hv-logo-text { transform: translateY(-2px); }
#hv-hd.hv--trans .hv-logo-text { color: var(--hv-tx-sub); }
#hv-hd.hv--solid .hv-logo-text { color: var(--hv-tx-index); }
#hv-hd.hv--sc    .hv-logo-text { color: var(--hv-tx-sc); }
#hv-hd.hv--nav-hover .hv-logo-text,
#hv-hd.hv-drop-mega.hv--mega-open .hv-logo-text { color: var(--hv-hd-open-tx); }


.hv-li {
  opacity: 1;
  transform: none;
}


.hv-nav {
  position: absolute; left: 0; right: 0; top: 0;
  height: 100%;
  display: flex; align-items: center; justify-content: center;
  z-index: 5;
}
@media (min-width: 901px) {
  
  #hv-hd.hv--nav-sizing .hv-nav { visibility: visible; }
  #hv-hd.hv--nav-sizing .hv-nav,
  #hv-hd.hv--nav-sizing .hv-nav * {
    transition: none !important;
    animation: none !important;
  }
}
.hv-ul {
  display: flex; align-items: stretch;
  list-style: none; margin: 0; padding: 0;
  height: 100%; gap: clamp(8px, .65vw, 14px);
}
.hv-li {
  position: relative;
  display: flex; align-items: center;
}


.hv-a {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  height: 100%;
  padding: 0 calc(var(--hv-pc-px) + 4px);
  font-size: var(--hv-pc-sz);
  font-weight: var(--hv-pc-mw);
  letter-spacing: var(--hv-pc-ml);
  text-decoration: none; white-space: nowrap;
  overflow: visible;
  transition: color 0.28s ease, background-color 0.28s ease;
}
.hv-menu-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:1.7em;min-width:1.7em;margin-left:var(--hv-badge-gap,5px);padding:0 .55em;box-sizing:border-box;border-radius:999px;background:var(--hv-badge-bg,#ff5a7a);color:var(--hv-badge-color,#fff);font-family:Arial,sans-serif;font-size:var(--hv-badge-size,8px);font-weight:700;line-height:normal;letter-spacing:0;vertical-align:middle;white-space:nowrap;transform:translateY(var(--hv-badge-y,0))}
.hv-menu-badge--square{border-radius:2px}
@keyframes hvBadgePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,122,.38)}50%{box-shadow:0 0 0 4px transparent}}
@keyframes hvBadgeBounce{0%,100%{transform:translateY(var(--hv-badge-y,0))}50%{transform:translateY(calc(var(--hv-badge-y,0) - 3px))}}
@keyframes hvBadgeBlink{0%,100%{opacity:1}50%{opacity:.42}}
.hv-menu-badge--pulse{animation:hvBadgePulse 1.8s ease-in-out infinite}.hv-menu-badge--bounce{animation:hvBadgeBounce 1.25s ease-in-out infinite}.hv-menu-badge--blink{animation:hvBadgeBlink 1.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hv-menu-badge--pulse,.hv-menu-badge--bounce,.hv-menu-badge--blink{animation:none!important}}
.hv-menu-labels {
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  line-height: 1.25;
}
.hv-menu-labels .hv-menu-label {
  grid-area: 1 / 1;
  display: block;
  white-space: nowrap;
  transition: opacity .28s var(--expo), transform .38s var(--expo);
}
[data-menu-font-auto] > .hv-menu-script--eng { font-family: var(--font-eng, Georgia, serif); }
[data-menu-font-auto] > .hv-menu-script--kor { font-family: var(--font-pret, 'Pretendard', sans-serif); }
.hv-menu-labels [data-menu-label="primary"] { opacity: 1; transform: translateY(0); }
.hv-menu-labels [data-menu-label="alternate"] { opacity: 0; transform: translateY(115%); }
a:hover > .hv-menu-labels [data-menu-label="primary"],
a:focus-visible > .hv-menu-labels [data-menu-label="primary"],
.hv-li.hv--submenu-active > .hv-a > .hv-menu-labels [data-menu-label="primary"] { opacity: 0; transform: translateY(-115%); }
a:hover > .hv-menu-labels [data-menu-label="alternate"],
a:focus-visible > .hv-menu-labels [data-menu-label="alternate"],
.hv-li.hv--submenu-active > .hv-a > .hv-menu-labels [data-menu-label="alternate"] { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .hv-menu-labels .hv-menu-label { transition: none; }
}

#hv-hd.hv--trans .hv-a { color: var(--hv-tx-sub); }   
#hv-hd.hv--solid .hv-a { color: var(--hv-tx-index); } 
#hv-hd.hv--sc    .hv-a { color: var(--hv-tx-sc); }    


#hv-hd.hv--trans.hv--trans-dark {
  --hv-tx-sub:   var(--hv-tx-sub-dark, #16181d);
  --hv-tx-index: var(--hv-tx-sub-dark, #16181d);
}

#hv-hd.hv--trans.hv--trans-light {
  --hv-tx-sub:   var(--hv-tx-sub-light, #ffffff);
  --hv-tx-index: var(--hv-tx-sub-light, #ffffff);
}


#hv-hd.hv--trans.hv--trans-light .hv-logo__def img { filter: brightness(0) invert(1); }
#hv-hd.hv--trans.hv--trans-dark  .hv-logo__def img { filter: brightness(0); }

.hv-a::after { display: none; }


.hv-li:hover > .hv-a,
.hv-li.hv--submenu-active > .hv-a,
.hv-a:focus-visible {
  color: var(--hv-tx-hover);
  background-color: var(--hv-menu-hv-bg);
}

#hv-hd .hv-li.hv--cur > .hv-a { color: var(--hv-tx-hover); }


#hv-hd.hv--menufx-line .hv-a:hover,
#hv-hd.hv--menufx-line .hv-a:focus-visible,
#hv-hd.hv--menufx-line_center .hv-a:hover,
#hv-hd.hv--menufx-line_center .hv-a:focus-visible,
#hv-hd.hv--menufx-bar .hv-a:hover,
#hv-hd.hv--menufx-bar .hv-a:focus-visible,
#hv-hd.hv--menufx-text .hv-a:hover,
#hv-hd.hv--menufx-text .hv-a:focus-visible,
#hv-hd.hv--menufx-marker .hv-a:hover,
#hv-hd.hv--menufx-marker .hv-a:focus-visible,
#hv-hd.hv--menufx-slide .hv-a:hover,
#hv-hd.hv--menufx-slide .hv-a:focus-visible { background-color: transparent; }

#hv-hd.hv--menufx-line .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv--menufx-line_center .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv--menufx-bar .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv--menufx-text .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv--menufx-marker .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv--menufx-slide .hv-li.hv--submenu-active > .hv-a { background-color: transparent; }


#hv-hd.hv--menufx-marker .hv-a [data-menu-font-auto="1"] {
  display: inline-block;
  background: transparent !important;
  box-shadow: inset 0 0 0 var(--hv-menu-marker);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: box-shadow 0.34s var(--expo);
}
#hv-hd.hv--menufx-marker .hv-a:hover [data-menu-font-auto="1"],
#hv-hd.hv--menufx-marker .hv-a:focus-visible [data-menu-font-auto="1"],
#hv-hd.hv--menufx-marker .hv-li.hv--submenu-active > .hv-a [data-menu-font-auto="1"] {
  box-shadow: inset 0 -0.58em 0 var(--hv-menu-marker) !important;
}

#hv-hd.hv--menufx-marker .hv-li:hover > .hv-a,
#hv-hd.hv--menufx-marker .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv--menufx-marker .hv-a:focus-visible {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
#hv-hd.hv--menufx-marker .hv-li:hover > .hv-a::before,
#hv-hd.hv--menufx-marker .hv-li:hover > .hv-a::after,
#hv-hd.hv--menufx-marker .hv-li.hv--submenu-active > .hv-a::before,
#hv-hd.hv--menufx-marker .hv-li.hv--submenu-active > .hv-a::after,
#hv-hd.hv--menufx-marker .hv-a:focus-visible::before,
#hv-hd.hv--menufx-marker .hv-a:focus-visible::after {
  display: none !important;
  border: 0 !important;
}

#hv-hd.hv--menufx-marker .hv-a {
  text-decoration: none !important;
  background-image: none !important;
}
#hv-hd.hv--menufx-marker .hv-a::before,
#hv-hd.hv--menufx-marker .hv-a::after {
  display: none !important;
  border: 0 !important;
}


#hv-hd.hv--subfx-marker .hv-sub a [data-menu-font-auto="1"],
#hv-hd.hv--subfx-marker .hv-pnl a [data-menu-font-auto="1"],
#hv-hd.hv--subfx-marker ~ #hv-sub-wrap .hv-sub a [data-menu-font-auto="1"],
#hv-mg.hv-mg-subfx-marker .hv-mg__a [data-menu-font-auto="1"] {
  display: inline-block;
  background: transparent !important;
  box-shadow: inset 0 0 0 var(--hv-menu-marker);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: box-shadow 0.34s var(--expo);
}
#hv-hd.hv--subfx-marker .hv-sub a:hover,
#hv-hd.hv--subfx-marker .hv-pnl a:hover,
#hv-hd.hv--subfx-marker ~ #hv-sub-wrap .hv-sub a:hover,
#hv-mg.hv-mg-subfx-marker .hv-mg__a:hover { background-color: transparent !important; }
#hv-hd.hv--subfx-marker .hv-sub a::before,
#hv-hd.hv--subfx-marker .hv-sub a::after,
#hv-hd.hv--subfx-marker .hv-pnl a::before,
#hv-hd.hv--subfx-marker .hv-pnl a::after,
#hv-hd.hv--subfx-marker ~ #hv-sub-wrap .hv-sub a::before,
#hv-hd.hv--subfx-marker ~ #hv-sub-wrap .hv-sub a::after,
#hv-mg.hv-mg-subfx-marker .hv-mg__a::before,
#hv-mg.hv-mg-subfx-marker .hv-mg__a::after {
  display: none !important;
  border: 0 !important;
}
#hv-hd.hv--subfx-marker .hv-sub a:hover [data-menu-font-auto="1"],
#hv-hd.hv--subfx-marker .hv-sub a:focus-visible [data-menu-font-auto="1"],
#hv-hd.hv--subfx-marker .hv-pnl a:hover [data-menu-font-auto="1"],
#hv-hd.hv--subfx-marker .hv-pnl a:focus-visible [data-menu-font-auto="1"],
#hv-hd.hv--subfx-marker ~ #hv-sub-wrap .hv-sub a:hover [data-menu-font-auto="1"],
#hv-hd.hv--subfx-marker ~ #hv-sub-wrap .hv-sub a:focus-visible [data-menu-font-auto="1"],
#hv-mg.hv-mg-subfx-marker .hv-mg__a:hover [data-menu-font-auto="1"],
#hv-mg.hv-mg-subfx-marker .hv-mg__a:focus-visible [data-menu-font-auto="1"] {
  box-shadow: inset 0 -0.58em 0 var(--hv-menu-marker) !important;
}

#hv-hd.hv--menufx-line .hv-a::after,
#hv-hd.hv--menufx-line_center .hv-a::after {
  content: '';
  display: block;
  position: absolute;
  left: calc(var(--hv-pc-px) + 4px);
  right: calc(var(--hv-pc-px) + 4px);
  bottom: 18px;
  height: 1.5px;
  background: var(--hv-tx-hover);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.36s var(--expo);
  pointer-events: none;
}
#hv-hd.hv--menufx-line_center .hv-a::after { transform-origin: center center; }
#hv-hd.hv--menufx-line .hv-a:hover::after,
#hv-hd.hv--menufx-line .hv-a:focus-visible::after,
#hv-hd.hv--menufx-line .hv-li.hv--submenu-active > .hv-a::after,
#hv-hd.hv--menufx-line_center .hv-a:hover::after,
#hv-hd.hv--menufx-line_center .hv-a:focus-visible::after,
#hv-hd.hv--menufx-line_center .hv-li.hv--submenu-active > .hv-a::after { transform: scaleX(1); }

#hv-hd.hv--menufx-slide .hv-a {
  background-image: linear-gradient(var(--hv-menu-hv-bg), var(--hv-menu-hv-bg));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0;
  transition: color 0.28s ease, background-size 0.36s var(--expo);
}
#hv-hd.hv--menufx-slide .hv-a:hover,
#hv-hd.hv--menufx-slide .hv-a:focus-visible,
#hv-hd.hv--menufx-slide .hv-li.hv--submenu-active > .hv-a { background-size: 100% 100%; }

#hv-hd.hv--menufx-bar .hv-a::after {
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  top: 32%;
  bottom: 32%;
  width: 2px;
  background: var(--hv-tx-hover);
  transform: scaleY(0);
  transform-origin: center bottom;
  transition: transform 0.32s var(--expo);
  pointer-events: none;
}
#hv-hd.hv--menufx-bar .hv-a:hover::after,
#hv-hd.hv--menufx-bar .hv-a:focus-visible::after,
#hv-hd.hv--menufx-bar .hv-li.hv--submenu-active > .hv-a::after { transform: scaleY(1); }

#hv-hd.hv--menufx-zoom .hv-a { transition: color 0.28s ease, background-color 0.28s ease, transform 0.32s var(--expo); }
#hv-hd.hv--menufx-zoom .hv-a:hover,
#hv-hd.hv--menufx-zoom .hv-a:focus-visible,
#hv-hd.hv--menufx-zoom .hv-li.hv--submenu-active > .hv-a { transform: scale(1.05); }
.hv-li.hv--cur > .hv-a::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  right: auto;
  width: 40px;
  height: 2px;
  background: var(--hv-tx-hover);
  border-radius: 2px;
  transform: translateX(-50%) scaleX(1);
  transform-origin: center center;
  display: none;
}
#hv-hd.hv--trans .hv-li.hv--cur > .hv-a::before { background: var(--hv-tx-index); }

#hv-hd.hv--hide .hv-li.hv--cur > .hv-a::before { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  .hv-li.hv--cur > .hv-a::before { transition: none; }
}


#hv-hd.hv--navfx-line_full .hv-li.hv--cur > .hv-a::before { display: block; top: auto; bottom: 0; left: 0; right: 0; width: auto; border-radius: 0; height: 3px; transform: none; }

#hv-hd.hv--navfx-top .hv-li.hv--cur > .hv-a::before { display: block; top: 8px; }

#hv-hd.hv--navfx-dot .hv-li.hv--cur > .hv-a::before { display: block; left: 50%; right: auto; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; }

#hv-hd.hv--navfx-bg .hv-li.hv--cur > .hv-a,
#hv-hd.hv--navfx-pill .hv-li.hv--cur > .hv-a,
#hv-hd.hv--navfx-box .hv-li.hv--cur > .hv-a { z-index: 0; }

#hv-hd.hv--navfx-bg .hv-li.hv--cur > .hv-a::before { display: block; inset: 0; width: auto; height: auto; background: rgba(var(--hv-rgb), 0.10); border-radius: 0; transform: none; z-index: -1; }

#hv-hd.hv--navfx-pill .hv-li.hv--cur > .hv-a::before { display: block; top: 24%; bottom: 24%; left: 4px; right: 4px; width: auto; height: auto; background: rgba(var(--hv-rgb), 0.12); border-radius: 999px; transform: none; z-index: -1; }

#hv-hd.hv--navfx-box .hv-li.hv--cur > .hv-a::before { display: block; top: 26%; bottom: 26%; left: 4px; right: 4px; width: auto; height: auto; background: transparent; border: 1.5px solid var(--hv-main); border-radius: 6px; transform: none; z-index: -1; }



#hv-hd.hv--nav-tight-1 .hv-a {
  padding: 0 max(8px, calc(var(--hv-pc-px) - 4px));
}
#hv-hd.hv--nav-tight-1 .hv-ul { gap: 6px; }
#hv-hd.hv--nav-tight-2 .hv-a {
  padding: 0 max(5px, calc(var(--hv-pc-px) - 8px));
}
#hv-hd.hv--nav-tight-2 .hv-ul { gap: 3px; }

#hv-hd.hv-drop-mega.hv--nav-individual ~ #hv-mega {
  display: none !important;
  pointer-events: none !important;
}
#hv-hd.hv-drop-mega.hv--nav-individual .hv-sub {
  display: block !important;
}

#hv-hd .hv-li.hv--nav-overflowed { display: none !important; }
#hv-hd .hv-nav-more {
  display: none;
  position: relative;
}
#hv-hd .hv-nav-more.hv--show { display: flex; }
#hv-hd .hv-nav-more__btn {
  border: 0;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  font-family: var(--font-eng, Georgia, serif);
  font-synthesis: none;
}
#hv-hd .hv-nav-more__menu {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  z-index: 30;
  display: grid;
  grid-template-columns: repeat(var(--hv-more-cols, 1), minmax(180px, 1fr));
  width: min(calc(var(--hv-more-cols, 1) * 220px), calc(100vw - 32px));
  min-width: min(220px, calc(100vw - 32px));
  max-width: 660px;
  max-height: calc(100vh - var(--hv-h, 80px) - 24px);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 28px 0;
  list-style: none;
  background: var(--hv-drop-bg, #fff);
  border: 0;
  border-radius: 0 0 var(--hv-hd-radius, 0px) var(--hv-hd-radius, 0px);
  box-shadow: 0 30px 80px rgba(0,0,0,.18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .32s var(--expo), transform .38s var(--expo), visibility .32s;
}
#hv-hd .hv-nav-more:hover .hv-nav-more__menu,
#hv-hd .hv-nav-more:focus-within .hv-nav-more__menu,
#hv-hd .hv-nav-more.hv--open .hv-nav-more__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#hv-hd .hv-nav-more__menu a {
  display: block;
  color: rgba(var(--hv-drop-tx-rgb), .82);
  line-height: 1.45;
  text-decoration: none;
  white-space: nowrap;
}
#hv-hd .hv-nav-more__row {
  min-width: 0;
  margin: 0;
  padding: 0 24px;
}
#hv-hd .hv-nav-more__primary {
  margin: 0 0 10px;
  padding: 0 0 10px;
  color: rgba(var(--hv-drop-tx-rgb), .58) !important;
  font-size: var(--hv-pc-sz);
  font-weight: var(--hv-pc-mw);
  letter-spacing: var(--hv-pc-ml, 0em);
}
#hv-hd .hv-nav-more__sub {
  margin: 0;
  padding: 0;
  list-style: none;
}
#hv-hd .hv-nav-more__sub a {
  padding: 8px 0;
  font-size: var(--hv-pc-ssz);
  font-weight: 400;
  letter-spacing: var(--hv-pc-sub-ml, .02em);
  transition: color .22s var(--expo), transform .28s var(--expo);
}
#hv-hd .hv-nav-more__menu a:hover,
#hv-hd .hv-nav-more__menu a:focus-visible {
  color: var(--hv-drop-tx-hover);
  background: transparent;
}
#hv-hd .hv-nav-more__sub a:hover,
#hv-hd .hv-nav-more__sub a:focus-visible {
  transform: translateX(4px);
}
#hv-hd.hv--tone-light .hv-nav-more__menu,
#hv-hd.hv--trans:not(.hv--sc) .hv-nav-more__menu {
  background: var(--hv-drop-bg, #fff);
}


.hv-btn-group {
  margin-left: auto;
  display: flex; align-items: center; gap: 10px;
  position: relative; z-index: 510;
}


.hv-search-btn {
  position: relative;
  width: 42px; height: 42px;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 50%;
  color: var(--hv-tx-index);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; padding: 0;
  transition:
    color 0.25s var(--expo),
    transform 0.35s var(--spring),
    background 0.35s var(--expo),
    border-color 0.35s var(--expo),
    box-shadow 0.35s var(--expo);
}
#hv-hd.hv--solid .hv-search-btn { color: var(--hv-tx-index); }
#hv-hd.hv--sc    .hv-search-btn { color: var(--hv-tx-sc); }
.hv-search-btn:hover {
  color: var(--hv-main);
  transform: translateY(-2px) scale(1.06);
}
.hv-search-btn:active { transform: translateY(0) scale(1); transition-duration: 0.08s; }
.hv-search-btn svg { width: 17px; height: 17px; stroke-width: 2.1; }


.hbg_cd {
  --bc: var(--hv-tx-index);  
  --fc: var(--hv-main);
  --bt: 0.16s;
  position: relative; overflow: hidden;
  display: inline-flex; align-items: center;
  width: 44px; height: 44px;
  border: none; border-radius: 0;
  background: transparent;
  cursor: pointer; padding: 0;
  transition: background 0.48s var(--expo);
}

#hv-hd.hv--trans .hbg_cd          { --bc: var(--hv-tx-sub); }
#hv-hd.hv--trans .hv-search-btn   { color: var(--hv-tx-sub); }
#hv-hd.hv--trans .hv-icons-toggle { color: var(--hv-tx-sub); }

#hv-hd.hv--solid .hbg_cd { --bc: var(--hv-tx-index); }

#hv-hd.hv--sc    .hbg_cd { --bc: var(--hv-tx-sc); }


.hbg_cd.hv--open {
  --bc: #111;
  position: fixed;
  z-index: calc(var(--z-dr) + 10);
}

.hbg_cd.hv--open .bl_bg { display: none; }
.hbg_cd.hv--open:hover .bl_bg {
  display: none;
  transition-delay: 0s;
}


.hbg_cd .bl_t,
.hbg_cd .bl_r,
.hbg_cd .bl_b,
.hbg_cd .bl_l { position: absolute; background: var(--bc); z-index: 2; }

.hbg_cd .bl_t { top:0;    left:0;  width:100%;  height:1px; transform:scaleX(0); transform-origin:left;   transition:transform var(--bt) var(--expo); transition-delay:0s; }
.hbg_cd .bl_r { top:0;    right:0; width:1px; height:100%;  transform:scaleY(0); transform-origin:top;    transition:transform var(--bt) var(--expo); transition-delay:calc(var(--bt)*1); }
.hbg_cd .bl_b { bottom:0; left:0;  width:100%;  height:1px; transform:scaleX(0); transform-origin:right;  transition:transform var(--bt) var(--expo); transition-delay:calc(var(--bt)*2); }
.hbg_cd .bl_l { top:0;    left:0;  width:1px; height:100%;  transform:scaleY(0); transform-origin:bottom; transition:transform var(--bt) var(--expo); transition-delay:calc(var(--bt)*3); }


.hbg_cd.hv--open .bl_t,
.hbg_cd.hv--open .bl_r,
.hbg_cd.hv--open .bl_b,
.hbg_cd.hv--open .bl_l { display: none; }


.hbg_cd .bl_bg {
  position: absolute; top:0;right:0;bottom:0;left:0;inset:0;
  background: var(--fc);
  transform: scaleX(0); transform-origin: left center;
  opacity: 0; visibility: hidden; z-index: 1;
  transition: visibility 0s linear 0.4s;
}
.hbg_cd.hv--open .bl_bg {
  transform: scaleX(1); opacity: 1; visibility: visible;
  transition: transform 0.4s var(--expo), opacity 0.4s var(--expo), background 0.4s var(--expo), visibility 0s linear 0s;
  transition-delay: calc(var(--bt)*4);
}


.hbg_cd .cd_inner {
  position: relative; z-index: 3;
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%;
  padding: 0;
}


.hbg_cd .bars { display: flex; flex-direction: column; gap: 5px; width: 20px; flex-shrink: 0; }
.hbg_cd .bar {
  width: 100%; height: 1px; border-radius: 0;
  background: var(--bc);
  transform-origin: center;
  transition: transform 0.52s var(--expo), opacity 0.28s var(--expo);
}

.hbg_cd.hv--open .bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hbg_cd.hv--open .bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hbg_cd.hv--open .bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }


.hbg_cd:not(.hv--open):hover .bar:nth-child(1) { transform: translateX(4px); transition-delay: 0s; }
.hbg_cd:not(.hv--open):hover .bar:nth-child(2) { transform: translateX(-4px); transition-delay: 0.06s; }
.hbg_cd:not(.hv--open):hover .bar:nth-child(3) { transform: translateX(4px); transition-delay: 0.12s; }
body.hv--no-hbg-hover-fx .hbg_cd:not(.hv--open):hover .bar {
  transform: none;
  transition-delay: 0s;
}



@media (max-width: 900px) {
  #hv-hd { border-bottom: none; }
  .hv-inner { justify-content: center; }
  .hv-nav { display: none !important; }
  
  .hv-logo:not(.hv-logo--text)  { width: calc(var(--hv-lw) * 0.88); }
  #hv-hd.hv--sc .hv-logo:not(.hv-logo--text) { width: calc(var(--hv-lw-sc) * 0.92); }

  .hv-btn-group {
    position: absolute; top: 0; left: 0; right: 0;
    width: 100%; height: 100%; margin: 0; pointer-events: none;
  }
  .hv-search-btn {
    pointer-events: auto;
    position: absolute; right: 12px; top: 50%;
    transform: translateY(-50%);
    width: 38px; height: 38px;
  }
  .hv-search-btn:hover { transform: translateY(-50%) scale(1.05); }
  
  body.hv--tel-mo .hv-tel-btn {
    pointer-events: auto;
    position: absolute; right: 12px; top: 50%;
    transform: translateY(-50%);
    width: 38px; height: 38px;
  }
  
  body.hv--tel-mo:not(.hv--no-search-mo) .hv-tel-btn { right: 54px; }
  body.hv--tel-mo .hv-tel-btn:hover  { transform: translateY(-50%) scale(1.05); }
  body.hv--tel-mo .hv-tel-btn:active { transform: translateY(-50%) scale(0.95); }
  body.hv--tel-mo .hv-tel-btn svg    { width:19px; height:19px; }
  .hbg_cd {
    pointer-events: auto;
    position: absolute; left: 12px; top: 50%;
    transform: translateY(-50%);
    width: 44px; height: 44px;
  }
  .hbg_cd:hover,
  .hbg_cd.hv--open { transform: translateY(-50%); }
  .hbg_cd .bars { width: 18px; }
}
@media (max-width: 600px) {
  .hv-logo:not(.hv-logo--text) { width: calc(var(--hv-lw) * 0.8); }
  #hv-hd.hv--sc .hv-logo:not(.hv-logo--text) { width: calc(var(--hv-lw-sc) * 0.86); }
  .hv-search-btn { right: 10px; }
  body.hv--tel-mo .hv-tel-btn { right: 10px; }
  body.hv--tel-mo:not(.hv--no-search-mo) .hv-tel-btn { right: 50px; }
  .hbg_cd { left: 10px; width: 40px; height: 40px; }
}



.hv-icons-wrap {
  position: relative;
  display: flex;
  align-items: center;
}


.hv-icons-toggle {
  position: relative;
  width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: none; cursor: pointer; padding: 0;
  color: var(--hv-tx-index);
  border-radius: 50%;
  transition: color 0.45s var(--expo), transform 0.4s var(--spring);
}
#hv-hd.hv--solid .hv-icons-toggle { color: var(--hv-tx-index); }
#hv-hd.hv--sc    .hv-icons-toggle { color: var(--hv-tx-sc); }
.hv-icons-toggle:hover { color: var(--hv-main); transform: scale(1.08); }
.hv-icons-toggle:active { transform: scale(0.96); transition-duration: 0.08s; }

.hv-icons-toggle .ico-grid,
.hv-icons-toggle .ico-x {
  position: absolute;
  transition: opacity 0.35s var(--expo), transform 0.42s var(--expo), visibility 0s linear 0.35s;
}
.hv-icons-toggle .ico-grid { opacity: 1; visibility: visible; transform: scale(1) rotate(0deg); transition-delay: 0s; }
.hv-icons-toggle .ico-x    { opacity: 0; visibility: hidden; transform: scale(0.7) rotate(-45deg); }
.hv-icons-wrap.hv--open .hv-icons-toggle .ico-grid { opacity: 0; visibility: hidden; transform: scale(0.7) rotate(45deg); }
.hv-icons-wrap.hv--open .hv-icons-toggle .ico-x    { opacity: 1; visibility: visible; transform: scale(1) rotate(0deg); transition-delay: 0s; }


.hv-icons-panel {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.05);
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 2px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px) scale(0.97);
  transition:
    opacity 0.42s var(--expo),
    transform 0.46s var(--expo),
    visibility 0.42s var(--expo);
  z-index: var(--z-drop);
  white-space: nowrap;
  pointer-events: none;
}
.hv-icons-wrap.hv--open .hv-icons-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}


.hv-icons-panel .icon_mod,
.hv-icons-panel .icon_lang,
.hv-icons-panel .hv-cart-btn,
.hv-icons-panel .hv-search-btn {
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.32s var(--expo),
    transform 0.38s var(--expo),
    color 0.38s var(--expo),
    background 0.38s var(--expo);
}
.hv-icons-wrap.hv--open .hv-icons-panel .icon_mod:nth-child(1),
.hv-icons-wrap.hv--open .hv-icons-panel .icon_lang:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.06s; }
.hv-icons-wrap.hv--open .hv-icons-panel .icon_mod:nth-child(2),
.hv-icons-wrap.hv--open .hv-icons-panel .icon_lang:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.10s; }
.hv-icons-wrap.hv--open .hv-icons-panel .icon_mod:nth-child(3),
.hv-icons-wrap.hv--open .hv-icons-panel .icon_lang:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:0.14s; }
.hv-icons-wrap.hv--open .hv-icons-panel .icon_mod:nth-child(4),
.hv-icons-wrap.hv--open .hv-icons-panel .icon_lang:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:0.18s; }
.hv-icons-wrap.hv--open .hv-icons-panel .icon_mod:nth-child(5),
.hv-icons-wrap.hv--open .hv-icons-panel .icon_lang:nth-child(5) { opacity:1; transform:translateY(0); transition-delay:0.22s; }
.hv-icons-wrap.hv--open .hv-icons-panel .hv-cart-btn{opacity:1;transform:translateY(0);transition-delay:.06s}
.hv-icons-wrap.hv--open .hv-icons-panel .hv-search-btn{opacity:1;transform:none;transition-delay:.10s}
#hv-hd .hv-icons-panel .hv-cart-btn{width:42px;height:42px;padding:0;color:#555;border-radius:10px}
#hv-hd .hv-icons-panel .hv-cart-btn:hover{color:var(--hv-main);background:rgba(var(--hv-rgb),.08)}
#hv-hd .hv-icons-panel .hv-search-btn{position:relative;right:auto;top:auto;width:42px;height:42px;padding:0;color:#555;border-radius:10px}
#hv-hd .hv-icons-panel .hv-search-btn:hover{color:var(--hv-main);background:rgba(var(--hv-rgb),.08);transform:translateY(-2px)}


.icon_mod {
  width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  color: #555;
  border-radius: 10px;
  cursor: pointer;
  transition: color 0.38s var(--expo), background 0.38s var(--expo), transform 0.38s var(--spring);
}
.icon_mod:hover {
  color: var(--hv-main);
  background: rgba(var(--hv-rgb), 0.08);
  transform: translateY(-2px);
}
.icon_mod:active { transform: translateY(0); transition-duration: 0.08s; }
.icon_mod svg { display: block; }


.hv-icons-divider {
  width: 1px; height: 22px;
  background: rgba(0,0,0,0.08);
  margin: 0 4px;
  flex-shrink: 0;
}


.icon_lang {
  position: relative;
  width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
  color: #555;
  border-radius: 10px;
  cursor: pointer;
  transition: color 0.38s var(--expo), background 0.38s var(--expo), transform 0.38s var(--spring);
}
.icon_lang:hover {
  color: var(--hv-main);
  background: rgba(var(--hv-rgb), 0.08);
  transform: translateY(-2px);
}
.icon_lang svg { display: block; pointer-events: none; }
.hv-lang-trigger { display: flex; align-items: center; justify-content: center; gap: inherit; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: inherit; background: none; color: inherit; font: inherit; line-height: inherit; white-space: inherit; cursor: pointer; }
.icon_lang.hv-lang--flag-code {
  width: auto;
  min-width: 76px;
  padding: 0 10px;
  gap: 7px;
  white-space: nowrap;
}
.hv-lang-trigger-flag { display:inline-flex; width:20px; height:20px; flex:0 0 20px; line-height:1; border-radius:50%; box-shadow:0 0 0 1px rgba(0,0,0,.08); overflow:hidden; }
.hv-lang-trigger-flag svg { width:100%; height:100%; display:block; }
.hv-lang-trigger-code { font-size: 14px; line-height: 1; font-weight: 600; letter-spacing: .02em; }
.hv-lang-trigger-chevron { flex: 0 0 auto; transition: transform .25s var(--expo); }
.icon_lang.hv--open .hv-lang-trigger-chevron { transform: rotate(180deg); }

.lang-drop {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: rgba(255,255,255,0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  box-shadow: 0 20px 56px rgba(0,0,0,0.13), 0 4px 10px rgba(0,0,0,0.05);
  padding: 6px;
  min-width: 148px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px) scale(0.97);
  transition:
    opacity 0.38s var(--expo),
    transform 0.42s var(--expo),
    visibility 0.38s var(--expo);
  z-index: 10;
}
.icon_lang:hover .lang-drop,
.icon_lang.hv--open .lang-drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.lang-drop a,
.lang-drop button {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  color: #444;
  text-decoration: none;
  font-size: 13px;
  border-radius: 9px;
  transition: color 0.35s var(--expo), background 0.35s var(--expo);
}


.hv-icons-inline-list { display: none; }
.hv-icons-inline-list:not(:empty) { display: flex; align-items: center; gap: 0; }
.hv-icons-inline-list .icon_mod,
.hv-icons-inline-list .icon_lang,
.hv-icons-inline-list .hv-cart-btn,
.hv-icons-inline-list .hv-search-btn {
  opacity: 1;
  transform: none;
  color: var(--hv-tx-index);
  transition-delay: 0s;
}
#hv-hd.hv--sc .hv-icons-inline-list .icon_mod,
#hv-hd.hv--sc .hv-icons-inline-list .icon_lang { color: var(--hv-tx-sc); }
#hv-hd.hv--trans .hv-icons-inline-list .icon_mod,
#hv-hd.hv--trans .hv-icons-inline-list .icon_lang { color: var(--hv-tx-sub); }
#hv-hd.hv--nav-hover .hv-icons-inline-list .icon_mod,
#hv-hd.hv--nav-hover .hv-icons-inline-list .icon_lang,
#hv-hd.hv--mega-open .hv-icons-inline-list .icon_mod,
#hv-hd.hv--mega-open .hv-icons-inline-list .icon_lang { color: var(--hv-hd-open-tx); }
#hv-hd.hv--icons-all-inline .hv-icons-toggle { display: none; }
.hv-icons-panel.hv--no-divider .hv-icons-divider { display: none; }
.lang-drop button {
  width: 100%;
  border: 0;
  background: transparent;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.lang-drop a:hover,
.lang-drop button:hover { color: var(--hv-main); background: rgba(var(--hv-rgb), 0.07); }
.lang-drop a.active,
.lang-drop a.is-current,
.lang-drop button.active,
.lang-drop button.is-current { color: var(--hv-main); font-weight: 500; }

.lang-drop .hv-lang-group { margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.lang-drop .hv-lang-group-label { display: block; padding: 4px 12px 2px; font-size: 12px; line-height: 1.4; color: #6b6b6b; letter-spacing: -0.01em; word-break: keep-all; }
.lang-code { margin-left: auto; font-size: 11px; color: #bbb; letter-spacing: 0.06em; }
.hv-lang-menu-flag { display:inline-flex; width:20px; height:20px; flex:0 0 20px; border-radius:50%; box-shadow:0 0 0 1px rgba(0,0,0,.08); overflow:hidden; }
.hv-lang-menu-flag svg { width:100%; height:100%; display:block; }
.hv-lang-menu-label { min-width:0; }


@media (max-width: 900px) {
  .hv-icons-wrap {
    display: flex;
    position: absolute;
    right: 58px; top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
  }
  
  body.hv--no-search-mo .hv-icons-wrap { right: 12px; }
  body.hv--tel-mo .hv-icons-wrap { right: 100px; }
  body.hv--tel-mo.hv--no-search-mo .hv-icons-wrap { right: 54px; }
  
  #hv-hd.hv--icons-ready .hv-icons-wrap { right: 12px; }
  body.hv--tel-mo #hv-hd.hv--icons-ready .hv-icons-wrap { right: 54px; }
  body.hv--tel-mo #hv-hd.hv--icons-ready .hv-tel-btn { right: 12px; }
  .hv-icons-inline-list .icon_mod,
  .hv-icons-inline-list .icon_lang,
  .hv-icons-inline-list .hv-cart-btn,
  .hv-icons-inline-list .hv-search-btn {
    width: 34px;
    height: 36px;
  }
  #hv-hd .hv-icons-inline-list .hv-search-btn,
  #hv-hd .hv-icons-panel .hv-search-btn {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    pointer-events: auto;
  }
  .hv-icons-inline-list .icon_lang.hv-lang--flag-code {
    width: auto;
    min-width: 68px;
    padding: 0 8px;
    gap: 5px;
  }
  .hv-icons-toggle {
    width: 36px; height: 36px;
  }
  
  .hv-icons-panel {
    right: 0;
    left: auto;
    width: 220px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 8px;
    border-radius: 14px;
  }
  
  .hv-icons-divider {
    width: 1px; height: 22px;
    margin: 0 2px;
  }
  
  .hv-icons-panel .lang-drop {
    right: 0;
    left: auto;
  }
}
@media (max-width: 600px) {
  .hv-icons-wrap { right: 54px; }
  body.hv--no-search-mo .hv-icons-wrap { right: 10px; }
  body.hv--tel-mo .hv-icons-wrap { right: 92px; }
  body.hv--tel-mo.hv--no-search-mo .hv-icons-wrap { right: 50px; }
  #hv-hd.hv--icons-ready .hv-icons-wrap { right: 10px; }
  body.hv--tel-mo #hv-hd.hv--icons-ready .hv-icons-wrap { right: 50px; }
  body.hv--tel-mo #hv-hd.hv--icons-ready .hv-tel-btn { right: 10px; }
  
  .hv-icons-panel { right: 0; width: 200px; }
}




#hv-hd.hv-drop-panel { --pnl-cw: 150px; }

:root { --pnl-h: 300px; }

#hv-hd.hv-drop-panel,
#hv-hd.hv-drop-panel .hv-inner,
#hv-hd.hv-drop-panel .hv-nav,
#hv-hd.hv-drop-panel .hv-ul { overflow: visible; }


#hv-hd.hv-drop-panel .hv-a { transition: padding 0.45s cubic-bezier(0.16,1,0.3,1), color 0.25s var(--expo); }
#hv-hd.hv-drop-panel:not(.hv--panel-clean).hv--pnl-open .hv-li > .hv-a { padding-inline: calc(var(--hv-pc-px) + 4px); }
#hv-hd.hv-drop-panel .hv-li > .hv-a { position: relative; z-index: 1; }


#hv-hd.hv-drop-panel .hv-pnl {
  position: absolute; top: 100%; left: 50%; transform: translate(-50%, 6px);
  box-sizing: border-box;
  display: flex; flex-direction: column; align-items: stretch;
  width: var(--pnl-cw); margin: 0; padding: 16px 0 30px; list-style: none;
  text-align: var(--hv-pc-sub-align); z-index: 22;
  opacity: 0; pointer-events: none;
  transition: opacity 0.32s var(--expo), transform 0.42s cubic-bezier(0.16,1,0.3,1);
}
#hv-hd.hv-drop-panel.hv--pnl-open .hv-pnl { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
#hv-hd.hv-drop-panel .hv-pnl > li {
  box-sizing: border-box;
  display: block;
  width: 100%; margin: 0; padding: 0;
}
#hv-hd.hv-drop-panel .hv-pnl a {
  position: relative;
  box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  width: 100%; margin: 0; padding: 10px 0; line-height: 1.45;
  text-align: center; text-indent: 0;
  color: var(--hv-drop-tx, #333); font-size: var(--hv-pc-ssz);
  word-break: keep-all; overflow-wrap: break-word;
  transition: color 0.2s var(--expo);
}

#hv-hd.hv-drop-panel .hv-pnl a::after {
  content: ''; position: absolute; left: 50%; bottom: 3px;
  width: 44%; height: 2px; border-radius: 2px;
  background: var(--hv-main);
  transform: translateX(-50%) scaleX(0); transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);
}
#hv-hd.hv-drop-panel .hv-pnl a:hover { color: var(--hv-drop-tx-hover, var(--hv-main)); }
#hv-hd.hv-drop-panel .hv-pnl a:hover::after { transform: translateX(-50%) scaleX(1); }
#hv-hd.hv-drop-panel .hv-li.hv--pnl-on .hv-pnl a::after { background: #fff; }


#hv-hd.hv-drop-panel .hv-li::before {
  content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: var(--pnl-cw); height: var(--hv-h);
  background: var(--hv-main); z-index: 0;
  opacity: 0; pointer-events: none;
  transition: height 0.42s cubic-bezier(0.16,1,0.3,1), opacity 0.28s var(--expo);
}
#hv-hd.hv--sc.hv-drop-panel .hv-li::before { height: var(--hv-h-sc); }
#hv-hd.hv-drop-panel.hv--pnl-open .hv-li.hv--pnl-on::before { opacity: 1; height: calc(var(--hv-h) + var(--pnl-h)); }
#hv-hd.hv--sc.hv-drop-panel.hv--pnl-open .hv-li.hv--pnl-on::before { height: calc(var(--hv-h-sc) + var(--pnl-h)); }

#hv-hd.hv-drop-panel .hv-li.hv--pnl-on > .hv-a,
#hv-hd.hv-drop-panel .hv-li:hover > .hv-a { color: #fff !important; font-weight: 700; }

#hv-hd.hv-drop-panel .hv-li.hv--pnl-on > .hv-a::before,
#hv-hd.hv-drop-panel .hv-li.hv--pnl-on > .hv-a::after { display: none !important; }
#hv-hd.hv-drop-panel .hv-li.hv--pnl-on .hv-pnl a { color: rgba(255,255,255,0.9); }
#hv-hd.hv-drop-panel .hv-li.hv--pnl-on .hv-pnl a:hover { color: #fff !important; }


#hv-hd.hv-drop-panel #hv-pnl-bg {
  position: absolute; left: 0; right: 0; top: 100%;
  height: 0; background: var(--hv-drop-bg, #fff);
  box-shadow: 0 14px 30px rgba(0,0,0,0.07);
  z-index: 0; opacity: 0; pointer-events: none;
  transition: height 0.42s cubic-bezier(0.16,1,0.3,1), opacity 0.3s var(--expo);
}
#hv-hd.hv-drop-panel.hv--pnl-open #hv-pnl-bg { height: var(--pnl-h, 300px); opacity: 1; pointer-events: auto; }

#hv-hd.hv--hd-no-sd #hv-pnl-bg,
#hv-hd.hv--drop-no-sd #hv-pnl-bg { box-shadow: none !important; }


#hv-hd.hv-drop-panel.hv--panel-clean { --pnl-cw: clamp(140px, 11vw, 190px); }
#hv-hd.hv-drop-panel.hv--panel-clean .hv-pnl {
  padding: 30px 0 34px;
  transform: translate(-50%, 3px);
  text-align: var(--hv-pc-sub-align);
}
#hv-hd.hv-drop-panel.hv--panel-clean.hv--pnl-open .hv-pnl { transform: translate(-50%, 0); }
#hv-hd.hv-drop-panel.hv--panel-clean .hv-pnl a {
  padding: 6px 4px;
  line-height: 1.55;
  color: var(--hv-drop-tx, #222);
  font-weight: 400;
}
#hv-hd.hv-drop-panel.hv--panel-clean .hv-pnl a::after { display: none; }
#hv-hd.hv-drop-panel.hv--panel-clean .hv-pnl a:hover {
  color: var(--hv-drop-tx-hover, var(--hv-main));
  transform: none;
}
#hv-hd.hv-drop-panel.hv--panel-clean .hv-li::before {
  top: calc(var(--hv-h) - 1px);
  bottom: auto;
  width: 100%;
  height: 1px !important;
  background: var(--hv-tx-hover);
  transform: translateX(-50%) scaleX(0);
  transform-origin: center center;
  transition: transform 0.48s cubic-bezier(0.16,1,0.3,1), opacity 0.2s var(--expo);
}
#hv-hd.hv--sc.hv-drop-panel.hv--panel-clean .hv-li::before {
  top: calc(var(--hv-h-sc) - 1px);
}
#hv-hd.hv-drop-panel.hv--panel-clean.hv--pnl-open .hv-li.hv--pnl-on::before {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
#hv-hd.hv-drop-panel.hv--panel-clean .hv-li.hv--pnl-on > .hv-a,
#hv-hd.hv-drop-panel.hv--panel-clean .hv-li:hover > .hv-a {
  color: var(--hv-tx-hover) !important;
  background-color: var(--hv-menu-hv-bg);
  font-weight: inherit;
}

#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-line .hv-li.hv--pnl-on > .hv-a::after,
#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-line_center .hv-li.hv--pnl-on > .hv-a::after,
#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-bar .hv-li.hv--pnl-on > .hv-a::after {
  display: block !important;
}
#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-line .hv-li.hv--pnl-on > .hv-a::after,
#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-line_center .hv-li.hv--pnl-on > .hv-a::after {
  transform: scaleX(1);
}
#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-bar .hv-li.hv--pnl-on > .hv-a::after {
  transform: scaleY(1);
}
#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-slide .hv-li.hv--pnl-on > .hv-a {
  background-color: transparent;
  background-size: 100% 100%;
}
#hv-hd.hv-drop-panel.hv--panel-clean.hv--menufx-zoom .hv-li.hv--pnl-on > .hv-a {
  transform: scale(1.05);
}
#hv-hd.hv-drop-panel.hv--panel-clean .hv-li.hv--pnl-on .hv-pnl a { color: var(--hv-drop-tx, #222); }
#hv-hd.hv-drop-panel.hv--panel-clean .hv-li.hv--pnl-on .hv-pnl a:hover { color: var(--hv-drop-tx-hover, var(--hv-main)) !important; }
#hv-hd.hv-drop-panel.hv--panel-clean #hv-pnl-bg { box-shadow: none; }

#hv-hd.hv-drop-panel.hv--panel-aligned .hv-ul { width:var(--hv-panel-nav-width,calc(100% - 400px)); gap:0; }
#hv-hd.hv-drop-panel.hv--panel-aligned .hv-li:not(.hv-nav-more) { flex:1 1 0; min-width:0; }
#hv-hd.hv-drop-panel.hv--panel-aligned .hv-li > .hv-a { width:100%; box-sizing:border-box; padding-inline:min(var(--hv-pc-px),8px); white-space:normal; text-align:center; }
#hv-hd.hv-drop-panel.hv--panel-aligned .hv-menu-label { white-space:normal; word-break:keep-all; overflow-wrap:anywhere; }
#hv-hd.hv-drop-panel.hv--panel-aligned .hv-pnl { width:100%; }
#hv-hd.hv-drop-panel.hv--panel-aligned .hv-pnl a { white-space:normal; padding-inline:8px; }
#hv-hd.hv-drop-panel.hv--panel-aligned.hv--pnl-open .hv-inner { background:var(--hv-hd-hover-bg); }
#hv-hd.hv-drop-panel .hv-pnl { visibility:hidden; }
#hv-hd.hv-drop-panel.hv--pnl-open .hv-pnl { visibility:visible; }
@media (prefers-reduced-motion:reduce) {
  #hv-hd.hv-drop-panel .hv-pnl, #hv-hd.hv-drop-panel #hv-pnl-bg { transition:none; }
}
.hv-sub { display: none !important; }




#hv-hd.hv--nav-hover .hv-inner,
#hv-hd.hv-drop-mega.hv--mega-open .hv-inner {
  background: var(--hv-hd-hover-bg) !important;
  box-shadow: none !important;
}

#hv-hd.hv-drop-horizontal.hv--nav-hover .hv-inner,
#hv-hd.hv-drop-mega.hv--nav-hover .hv-inner,
#hv-hd.hv-drop-mega.hv--mega-open .hv-inner {
  border-radius: var(--hv-hd-radius, 0px) var(--hv-hd-radius, 0px) 0 0 !important;
}

#hv-hd.hv--sc.hv-drop-horizontal.hv--nav-hover .hv-inner,
#hv-hd.hv--sc.hv-drop-mega.hv--nav-hover .hv-inner,
#hv-hd.hv--sc.hv-drop-mega.hv--mega-open .hv-inner {
  border-radius: var(--hv-hd-sc-radius, 0px) var(--hv-hd-sc-radius, 0px) 0 0 !important;
}

#hv-hd.hv--nav-hover .hv-a,
#hv-hd.hv--nav-hover .hv-search-btn,
#hv-hd.hv--nav-hover .hv-icons-toggle,
#hv-hd.hv--nav-hover .hv-cart-btn,
#hv-hd.hv--nav-hover .hv-tel-btn,
#hv-hd.hv--nav-hover .hbg_cd,
#hv-hd.hv-drop-mega.hv--mega-open .hv-a,
#hv-hd.hv-drop-mega.hv--mega-open .hv-search-btn,
#hv-hd.hv-drop-mega.hv--mega-open .hv-icons-toggle,
#hv-hd.hv-drop-mega.hv--mega-open .hv-cart-btn,
#hv-hd.hv-drop-mega.hv--mega-open .hv-tel-btn,
#hv-hd.hv-drop-mega.hv--mega-open .hbg_cd { color: var(--hv-hd-open-tx) !important; }


#hv-hd.hv--nav-hover:not(.hv-drop-panel) .hv-li:hover > .hv-a,
#hv-hd.hv--nav-hover:not(.hv-drop-panel) .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv--nav-hover:not(.hv-drop-panel) .hv-a:focus-visible,
#hv-hd.hv-drop-mega.hv--mega-open .hv-li:hover > .hv-a,
#hv-hd.hv-drop-mega.hv--mega-open .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv-drop-mega.hv--mega-open .hv-a:focus-visible,
#hv-hd.hv-drop-panel.hv--panel-clean.hv--nav-hover .hv-li:hover > .hv-a,
#hv-hd.hv-drop-panel.hv--panel-clean.hv--nav-hover .hv-li.hv--submenu-active > .hv-a,
#hv-hd.hv-drop-panel.hv--panel-clean.hv--nav-hover .hv-a:focus-visible {
  color: var(--hv-tx-hover) !important;
}
#hv-hd.hv--nav-hover .hbg_cd,
#hv-hd.hv-drop-mega.hv--mega-open .hbg_cd { --bc: var(--hv-hd-open-tx); }

#hv-hd.hv--nav-hover .hv-logo__def,
#hv-hd.hv-drop-mega.hv--mega-open .hv-logo__def { opacity: 0 !important; }
#hv-hd.hv--nav-hover .hv-logo__sc,
#hv-hd.hv-drop-mega.hv--mega-open .hv-logo__sc  { opacity: 0 !important; }
#hv-hd.hv--nav-hover .hv-logo__wht,
#hv-hd.hv-drop-mega.hv--mega-open .hv-logo__wht { opacity: 1 !important; transform: translateY(0) scale(1) !important; }


@media (min-width: 901px) {
  #hv-hd.hv--stacked:not(.hv--sc).hv--nav-hover .hv-logo__def,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-mega.hv--mega-open .hv-logo__def,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-megagroup.hv--mega-open .hv-logo__def {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }
  #hv-hd.hv--stacked:not(.hv--sc).hv--nav-hover .hv-logo__sc,
  #hv-hd.hv--stacked:not(.hv--sc).hv--nav-hover .hv-logo__wht,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-mega.hv--mega-open .hv-logo__sc,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-mega.hv--mega-open .hv-logo__wht,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-megagroup.hv--mega-open .hv-logo__sc,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-megagroup.hv--mega-open .hv-logo__wht {
    opacity: 0 !important;
  }
  
  #hv-hd.hv--stacked:not(.hv--sc).hv--nav-hover .hv-logo__def img,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-mega.hv--mega-open .hv-logo__def img,
  #hv-hd.hv--stacked:not(.hv--sc).hv-drop-megagroup.hv--mega-open .hv-logo__def img {
    filter: brightness(0) invert(1);
  }
}


#hv-hd.hv--no-bg:not(.hv--mega-open):not(.hv--nav-hover) .hv-inner {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

#hv-hd.hv--bg-trans-top:not(.hv--mega-open):not(.hv--nav-hover):not(.hv--sc) .hv-inner {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

#hv-hd.hv--solid:not(.hv--sc):not(.hv--mega-open):not(.hv--nav-hover) .hv-inner {
  background: var(--hv-menu-bg-sub, var(--hv-hd-bg)) !important;
}

#hv-hd.hv--glass { --hv-glass-bg: rgba(22,22,24,.42); --hv-glass-sh: 0 10px 30px rgba(0,0,0,.18); }
#hv-hd.hv--glass-dark  { --hv-tx-index: #fff; --hv-tx-sub: #fff; --hv-tx-sc: #fff; }
#hv-hd.hv--glass-light { --hv-glass-bg: rgba(255,255,255,.55); --hv-glass-sh: 0 10px 30px rgba(0,0,0,.10); --hv-tx-index: #1d1d1f; --hv-tx-sub: #1d1d1f; --hv-tx-sc: #1d1d1f; }

#hv-hd.hv--glass-auto { --hv-glass-bg: rgba(255,255,255,.62); --hv-glass-sh: 0 10px 30px rgba(0,0,0,.10); --hv-tx-index: #1d1d1f; --hv-tx-sub: #1d1d1f; --hv-tx-sc: #1d1d1f; }
#hv-hd.hv--glass-auto.hv--trans:not(.hv--sc) { --hv-glass-bg: rgba(22,22,24,.42); --hv-glass-sh: 0 10px 30px rgba(0,0,0,.18); --hv-tx-index: #fff; --hv-tx-sub: #fff; --hv-tx-sc: #fff; }
#hv-hd.hv--glass:not(.hv--no-bg):not(.hv--bg-trans-top):not(.hv--mega-open):not(.hv--nav-hover) .hv-inner,
#hv-hd.hv--glass.hv--bg-trans-top.hv--sc:not(.hv--no-bg):not(.hv--mega-open):not(.hv--nav-hover) .hv-inner {
  background: var(--hv-glass-bg) !important;
  -webkit-backdrop-filter: saturate(200%) blur(30px) !important;
  backdrop-filter: saturate(200%) blur(30px) !important;
  box-shadow: var(--hv-glass-sh) !important;
  border: 0;
}
#hv-hd.hv--glass ~ #hv-hd-bd { display: none; }

#hv-hd.hv--glass.hv--bg-trans-top:not(.hv--hide):not(.hv--peek) {
  transition: transform .55s var(--expo), top .6s cubic-bezier(.22,.61,.36,1), height .6s cubic-bezier(.22,.61,.36,1);
}
#hv-hd.hv--glass.hv--bg-trans-top:not(.hv--sc) .hv-inner {
  transition: background .5s cubic-bezier(.4,0,.2,1), box-shadow .45s cubic-bezier(.4,0,.2,1), backdrop-filter .5s cubic-bezier(.4,0,.2,1),
              width .6s cubic-bezier(.22,.61,.36,1), border-radius 0s linear .52s;
}
#hv-hd.hv--glass.hv--bg-trans-top.hv--sc .hv-inner {
  transition: background .5s cubic-bezier(.4,0,.2,1), box-shadow .45s cubic-bezier(.4,0,.2,1), backdrop-filter .5s cubic-bezier(.4,0,.2,1),
              width .6s cubic-bezier(.22,.61,.36,1), border-radius 0s;
}

#hv-hd.hv--glass.hv--hd-no-sd { --hv-glass-sh: none !important; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #hv-hd.hv--glass       { --hv-glass-bg: rgba(22,22,24,.9); }
  #hv-hd:is(.hv--glass-light,.hv--glass-auto) { --hv-glass-bg: rgba(255,255,255,.94); }
}

body.hv--glass-menu #hv-dr {
  background: rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  backdrop-filter: saturate(180%) blur(30px);
}
body.hv--glass-menu #hv-dr .hv-dr__R { background: transparent; }

@media (max-width: 900px) {
  #hv-hd.hv--float-mo .hv-inner,
  #hv-hd.hv--float-mo.hv--sc .hv-inner {
    width: calc(100% - 24px) !important;
    height: 54px;
    
    top: calc(10px + env(safe-area-inset-top, 0px));
    margin: 0 auto;
    border-radius: 27px !important;
    justify-content: flex-start;
  }
  
  #hv-hd.hv--float-mo .hv-logo { margin-left: 8px; }
}


#hv-hd.hv--no-nav .hv-nav { display: none !important; }
#hv-hd.hv--no-hbg .hbg_cd { display: none !important; }

body.hv--no-badge .hv-badge,
body.hv--no-badge .hv-mo-badge { display: none !important; }
body.hv--no-chat #aiChatWrap { display: none !important; }


@media (min-width: 901px) {
  body.hv--no-search-pc .hv-search-btn,
  body.hv--no-cart-pc   .hv-cart-btn,
  body.hv--no-chat-pc   #aiChatWrap,
  body.hv--no-hbg-pc    .hbg_cd,
  body.hv--no-icons-toggle-pc .hv-icons-toggle,
  body.hv--no-icons-toggle-pc .hv-icons-panel,
  body.hv--no-badge-pc  .hv-badge { display: none !important; }
}
@media (max-width: 900px) {
  body.hv--no-search-mo .hv-search-btn,
  body.hv--no-cart-mo   .hv-cart-btn,
  body.hv--no-chat-mo   #aiChatWrap,
  body.hv--no-hbg-mo    .hbg_cd,
  body.hv--no-icons-toggle-mo .hv-icons-toggle,
  body.hv--no-icons-toggle-mo .hv-icons-panel,
  body.hv--no-badge-mo  .hv-mo-badge { display: none !important; }
}

.hv-tel-btn { display: none; }
@media (max-width: 900px) {
  body.hv--tel-mo .hv-tel-btn { display: inline-flex; }
}


.hv-tel-btn{
  position:relative;align-items:center;justify-content:center;
  background:transparent;border:0;cursor:pointer;
  color: var(--hv-tx-index, #111);
  padding:8px;text-decoration:none;
  transition: color .2s, transform .3s cubic-bezier(.34,1.56,.64,1);
}
#hv-hd.hv--solid .hv-tel-btn { color: var(--hv-tx-index); }
#hv-hd.hv--sc    .hv-tel-btn { color: var(--hv-tx-sc); }
#hv-hd.hv--trans .hv-tel-btn { color: var(--hv-tx-sub); }
.hv-tel-btn:hover  { color: var(--hv-main); transform: translateY(-2px) scale(1.06); }
.hv-tel-btn:active { transform: translateY(0) scale(.96); transition-duration:.08s; }
.hv-tel-btn svg    { width:20px; height:20px; display:block; stroke: currentColor; }


:root {
  --hv-dr-panel : #ffffff;
  --hv-dr-panel2: #f8f8f8;
  --hv-dr-text  : #111111;
  --hv-dr-text2 : #555555;
  --hv-dr-text3 : #8a8a8a;
  --hv-dr-line  : rgba(0,0,0,0.08);
  --hv-dr-line2 : rgba(255,255,255,0.14);
}


#hv-ov {
  position: fixed; top:0;right:0;bottom:0;left:0;inset:0;
  background: rgba(5,5,5,0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0; visibility: hidden;
  transition: opacity 0.5s var(--expo), visibility 0.5s var(--expo);
  z-index: var(--z-ov);
}
#hv-ov.hv--on { opacity: 1; visibility: visible; }


#hv-dr {
  
  position: fixed; top: var(--hive-top-notice-h, 0px); right: 0;
  width: min(1980px, 100vw);
  height: calc(100vh - var(--hive-top-notice-h, 0px));
  height: calc(100dvh - var(--hive-top-notice-h, 0px));
  display: flex; flex-direction: row;
  z-index: var(--z-dr);
  opacity: 0; visibility: hidden;
  
  transition: opacity 0.3s var(--expo) 0.65s, visibility 0s step-end 1.0s;
  box-shadow: -40px 0 100px rgba(0,0,0,0.20);
}
#hv-dr.hv--open {
  opacity: 1; visibility: visible;
  
  transition: opacity 0.4s var(--expo), visibility 0s;
}


.hv-dr__L {
  position: relative;
  width: 25%; min-width: 330px; flex-shrink: 0;
  overflow: hidden; padding: 60px 44px 46px;
  display: flex; flex-direction: column; justify-content: space-between;
  background: var(--hv-main); opacity: 0.6;
  transform: translateX(-100%);
  transition: transform 0.7s var(--expo);
}
#hv-dr.hv--open .hv-dr__L {
  transform: translateX(0);
  transition: transform 1.0s var(--expo) 0.08s;
}


.hv-dr__logo {
  position: relative; z-index: 2;
  display: block; width: 146px;
  transform: translateY(18px); opacity: 0;
  transition: opacity 0.2s var(--expo), transform 0.2s var(--expo);
}
#hv-dr.hv--open .hv-dr__logo {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.65s var(--expo) 0.50s, transform 0.8s var(--expo) 0.50s;
}
.hv-dr__logo img { width: 100%; height: auto; display: block; }


.hv-dr__contact {
  position: relative; z-index: 2;
  transform: translateY(24px); opacity: 0;
  transition: opacity 0.2s var(--expo), transform 0.2s var(--expo);
}
#hv-dr.hv--open .hv-dr__contact {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.7s var(--expo) 0.65s, transform 0.85s var(--expo) 0.65s;
}


.hv-dr__info-row {
  display: flex; align-items: flex-start; gap: 10px;
  margin-bottom: 18px;
  font-size: 12px; line-height: 1.85;
  color: rgba(255,255,255,0.65);
  font-family: var(--font-pret, 'Pretendard', sans-serif);
  word-break: keep-all;
}
.hv-dr__info-row > i {
  flex-shrink: 0; margin-top: 2px;
  font-size: 16px; color: rgba(255,255,255,0.8);
}
.hv-dr__tel {
  text-decoration: none; color: #fff;
  font-size: 16px; font-weight: 600;
  transition: color 0.45s var(--expo);
}
.hv-dr__tel:hover { color: rgba(255,255,255,0.8); }
.hv-dr__tel > i { color: #fff; }


.hv-dr__sns { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.hv-dr__sns-a {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  text-decoration: none; color: rgba(255,255,255,0.7);
  transition: color 0.45s var(--expo);
}
.hv-dr__sns-a::after {
  content: '';
  position: absolute; left: 50%; bottom: 0;
  width: 18px; height: 1px;
  background: #fff;
  transform: translateX(-50%) scaleX(0);
  transition: transform 0.48s var(--expo);
}
.hv-dr__sns-a:hover { color: #fff; }
.hv-dr__sns-a:hover::after { transform: translateX(-50%) scaleX(1); }
.hv-dr__sns-a i { font-size: 18px; }


.hv-dr__R {
  position: relative; flex: 1;
  display: flex; flex-direction: column;
  background: rgba(255,255,255,1); overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.7s var(--expo);
}
#hv-dr.hv--open .hv-dr__R {
  transform: translateX(0);
  transition: transform 1.0s var(--expo) 0.14s;
}
.hv-dr__R::after {
  content: '';
  position: absolute; top: 0; right: 0;
  width: 220px; height: 220px;
  background: radial-gradient(circle, rgba(var(--hv-rgb),0.08), rgba(var(--hv-rgb),0) 72%);
  pointer-events: none;
}


.hv-dr__top {
  position: relative; z-index: 2;
  display: flex; align-items: center; justify-content: space-between;
  padding: 26px 44px;
  
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: translateY(-20px); opacity: 0;
  transition: opacity 0.2s var(--expo), transform 0.2s var(--expo);
}
#hv-dr.hv--open .hv-dr__top {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.55s var(--expo) 0.55s, transform 0.75s var(--expo) 0.55s;
}


.hv-dr__auth { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.hv-dr__auth-a {
  position: relative;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 0;
  background: transparent; border: none;
  color: #555; text-decoration: none;
  font-size: 13px; font-family: var(--font-pret, 'Pretendard', sans-serif);
  transition: color 0.45s var(--expo);
}
.hv-dr__auth-a i { font-size: 15px; }
.hv-dr__auth-a::after {
  content: '';
  position: absolute; left: 0; bottom: 0;
  width: 100%; height: 1px;
  background: var(--hv-main);
  transform: scaleX(0); transform-origin: left center;
  transition: transform 0.48s var(--expo);
}
.hv-dr__auth-a:hover { color: var(--hv-main); }
.hv-dr__auth-a:hover::after { transform: scaleX(1); }


.hv-dr__close { display: none; }


.hv-dr__grid {
  position: relative; z-index: 2;
  flex: 1; overflow-y: auto;
  padding: 46px 44px 38px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 42px 24px; align-content: start;
}
.hv-dr__grid::-webkit-scrollbar { width: 5px; }
.hv-dr__grid::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.12); border-radius: 999px; }


.hv-dr__col {
  position: relative; padding: 0;
  transform: translateY(30px); opacity: 0;
  transition: opacity 0.15s var(--expo), transform 0.15s var(--expo);
}
#hv-dr.hv--open .hv-dr__col {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.6s var(--expo), transform 0.8s var(--expo);
}
#hv-dr.hv--open .hv-dr__col:nth-child(1) { transition-delay: 0.60s; }
#hv-dr.hv--open .hv-dr__col:nth-child(2) { transition-delay: 0.68s; }
#hv-dr.hv--open .hv-dr__col:nth-child(3) { transition-delay: 0.76s; }
#hv-dr.hv--open .hv-dr__col:nth-child(4) { transition-delay: 0.84s; }
#hv-dr.hv--open .hv-dr__col:nth-child(5) { transition-delay: 0.92s; }
#hv-dr.hv--open .hv-dr__col:nth-child(6) { transition-delay: 1.00s; }
#hv-dr.hv--open .hv-dr__col:nth-child(7) { transition-delay: 1.08s; }
#hv-dr.hv--open .hv-dr__col:nth-child(8) { transition-delay: 1.16s; }
#hv-dr.hv--open .hv-dr__col:nth-child(9)  { transition-delay: 1.24s; }
#hv-dr.hv--open .hv-dr__col:nth-child(10) { transition-delay: 1.32s; }
#hv-dr.hv--open .hv-dr__col:nth-child(11) { transition-delay: 1.40s; }
#hv-dr.hv--open .hv-dr__col:nth-child(12) { transition-delay: 1.48s; }
#hv-dr.hv--open .hv-dr__col:nth-child(13) { transition-delay: 1.56s; }
#hv-dr.hv--open .hv-dr__col:nth-child(14) { transition-delay: 1.64s; }
#hv-dr.hv--open .hv-dr__col:nth-child(15) { transition-delay: 1.72s; }

.hv-dr__col-inner {
  position: relative;
  padding: 22px 20px 18px;
  border-radius: 0;
  background: transparent;
  border: none;
  border-left: 1px solid transparent;
  transition:
    transform 0.55s var(--expo),
    border-color 0.52s var(--expo),
    background 0.52s var(--expo);
}

.hv-dr__col-inner::before {
  content: '';
  position: absolute;
  left: 0; top: 20px; bottom: 20px;
  width: 1px;
  background: var(--hv-main);
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform 0.55s var(--expo);
}
.hv-dr__col:hover .hv-dr__col-inner {
  transform: translateY(-3px);
  background: rgba(var(--hv-rgb), 0.03);
}
.hv-dr__col:hover .hv-dr__col-inner::before {
  transform: scaleY(1);
}


.hv-dr__col-h {
  position: relative;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 14px; padding-bottom: 14px;
  text-decoration: none;
  border-bottom: 1px solid rgba(var(--hv-rgb),0.16);
  color: var(--hv-main);
  transition: color 0.45s var(--expo);
}
.hv-dr__col-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
.hv-dr__col-icon {
  width: 34px; height: 34px; border-radius: 0;
  display: flex; align-items: center; justify-content: center;
  background: transparent;
  color: rgba(var(--hv-rgb), 0.5);
  flex-shrink: 0;
  transition:
    transform 0.52s var(--expo),
    color 0.48s var(--expo),
    opacity 0.48s var(--expo);
}
.hv-dr__col:hover .hv-dr__col-icon {
  transform: translateY(-2px);
  color: var(--hv-main);
  opacity: 1;
}
.hv-dr__col-icon i { font-size: 14px; }
.hv-dr__col-tit {
  display: block; min-width: 0;
  font-size: var(--hv-mo-sz); line-height: 1.35;
  color: var(--hv-main); word-break: keep-all;
  font-family: var(--font-pret, 'Pretendard', sans-serif);
}
.hv-dr__col-arr {
  color: rgba(var(--hv-rgb),0.48);
  transition: transform 0.4s var(--spring), color 0.35s var(--expo);
}
.hv-dr__col:hover .hv-dr__col-arr { transform: translateX(4px); color: var(--hv-main); }
.hv-dr__col-arr i { font-size: 12px; }


.hv-dr__sub-ul, .hv-dr__sub-ul-inner { list-style: none; margin: 0; padding: 0; }
.hv-dr__sub-ul li + li { margin-top: 2px; }

.hv-dr__sub-a {
  position: relative;
  display: flex; align-items: center; gap: 10px;
  min-height: 42px; padding: 10px 0 10px 2px;
  color: #888; text-decoration: none;
  font-size: var(--hv-mo-ssz); line-height: 1.5;
  font-family: var(--font-pret, 'Pretendard', sans-serif);
  letter-spacing: 0.01em;
  transition:
    color 0.48s var(--expo),
    transform 0.48s var(--expo);
}

.hv-dr__sub-a::before {
  content: '';
  flex-shrink: 0;
  width: 3px; height: 3px;
  border-radius: 50%;
  background: var(--hv-main);
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.42s var(--expo), transform 0.42s var(--expo);
}
.hv-dr__sub-a::after { display: none; }
.hv-dr__sub-a .sub-arr {
  font-size: 11px;
  color: transparent;
  flex-shrink: 0; margin-left: auto;
  opacity: 0;
  transition: color 0.42s var(--expo), opacity 0.42s var(--expo), transform 0.48s var(--expo);
}
.hv-dr__sub-a:hover {
  color: var(--hv-main);
  transform: translateX(4px);
}
.hv-dr__sub-a:hover::before {
  opacity: 1;
  transform: scale(1);
}
.hv-dr__sub-a:hover .sub-arr {
  color: var(--hv-main);
  opacity: 1;
  transform: translateX(3px);
}

.hv-dr__sub-toggle { width: 100%; border: 0; background: transparent; text-align: left; cursor: pointer; font-family: inherit; }
.hv-dr__sub-toggle .sub-arr { color: rgba(0,0,0,.28); opacity: 1; }
.hv-dr__sub-li.hv--third-open > .hv-dr__sub-toggle { color: var(--hv-main); }
.hv-dr__sub-li.hv--third-open > .hv-dr__sub-toggle .sub-arr { color: var(--hv-main); transform: rotate(90deg); }
.hv-dr__third-ul { display: grid; grid-template-rows: 0fr; margin: 0; padding: 0; list-style: none; background: transparent; transition: grid-template-rows .42s var(--expo); }
.hv-dr__sub-li.hv--third-open > .hv-dr__third-ul { grid-template-rows: 1fr; }
.hv-dr__third-inner { overflow: hidden; margin: 0; padding: 0 0 0 14px; list-style: none; }
.hv-dr__third-a { display: block; padding: 7px 0 7px 2px; color: #888; font-size: max(12px, calc(var(--hv-mo-ssz) - 1px)); line-height: 1.45; text-decoration: none; border-bottom: 0; }
.hv-dr__third-a:hover, .hv-dr__third-a:focus-visible { color: var(--hv-main); }


@media (min-width: 901px) {
  body.hv--dr-top-merge #hv-dr .hv-dr__top { -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom: 1px solid rgba(29,29,31,.08); }
  body.hv--dr-top-merge.hv--dr-pane-dark #hv-dr .hv-dr__top { border-bottom-color: rgba(255,255,255,.12); }

  body.hv--glass-menu.hv--dr-pane-white #hv-dr { background: #fff !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.hv--dr-pane-white #hv-dr .hv-dr__top { -webkit-backdrop-filter: none; backdrop-filter: none; }

  body.hv--glass-menu.hv--dr-pane-dark #hv-dr { background: rgba(18,18,20,.62) !important; }
  body.hv--dr-pane-dark:not(.hv--glass-menu) #hv-dr .hv-dr__R { background: rgba(22,22,24,.97); }
  body.hv--dr-pane-dark #hv-dr .hv-dr__R::after { display: none; }
  body.hv--dr-pane-dark #hv-dr :is(.hv-dr__col-h, .hv-dr__col-tit, .hv-dr__col-name) { color: #fff; }
  body.hv--dr-pane-dark #hv-dr .hv-dr__col-h { border-bottom-color: rgba(255,255,255,.16); }
  body.hv--dr-pane-dark #hv-dr .hv-dr__col-arr { color: rgba(255,255,255,.5); }
  body.hv--dr-pane-dark #hv-dr .hv-dr__sub-a { color: rgba(255,255,255,.72); }
  body.hv--dr-pane-dark #hv-dr .hv-dr__sub-a:hover,
  body.hv--dr-pane-dark #hv-dr .hv-dr__sub-li.hv--third-open > .hv-dr__sub-toggle { color: #fff; }
  body.hv--dr-pane-dark #hv-dr .hv-dr__sub-a:hover .sub-arr,
  body.hv--dr-pane-dark #hv-dr .hv-dr__sub-li.hv--third-open > .hv-dr__sub-toggle .sub-arr { color: #fff; }
  body.hv--dr-pane-dark #hv-dr .hv-dr__sub-toggle .sub-arr { color: rgba(255,255,255,.45); }
  body.hv--dr-pane-dark #hv-dr .hv-dr__sub-a::before { background: #fff; }
  body.hv--dr-pane-dark #hv-dr .hv-dr__third-a { color: rgba(255,255,255,.58); }
  body.hv--dr-pane-dark #hv-dr .hv-dr__third-a:is(:hover, :focus-visible) { color: #fff; }
  body.hv--dr-pane-dark #hv-dr .hv-dr__auth-a { color: rgba(255,255,255,.75); }
  body.hv--dr-pane-dark #hv-dr .hv-dr__auth-a:hover { color: #fff; }
  body.hv--dr-pane-dark #hv-dr .hv-dr__auth-a::after { background: #fff; }
  body.hv--dr-pane-dark #hv-dr .hv-dr__grid::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); }
  body.hv--dr-pane-dark .hbg_cd.hv--open { --bc: #fff; } 

  body.hv--dr-side-brand #hv-dr .hv-dr__L { opacity: 1; }
  body.hv--dr-side-glass #hv-dr .hv-dr__L { background: rgba(255,255,255,.35); opacity: 1; border-right: 1px solid rgba(29,29,31,.08); }
  body.hv--dr-side-glass.hv--dr-pane-dark #hv-dr .hv-dr__L { background: rgba(255,255,255,.06); border-right-color: rgba(255,255,255,.1); }
  body.hv--dr-side-glass:not(.hv--dr-pane-dark) #hv-dr .hv-dr__info-row,
  body.hv--dr-side-glass:not(.hv--dr-pane-dark) #hv-dr .hv-dr__info-row > i { color: #55555a; }
  body.hv--dr-side-glass:not(.hv--dr-pane-dark) #hv-dr :is(.hv-dr__tel, .hv-dr__tel > i) { color: #1d1d1f; }
  body.hv--dr-side-glass:not(.hv--dr-pane-dark) #hv-dr .hv-dr__tel:hover { color: var(--hv-main); }
  body.hv--dr-side-glass:not(.hv--dr-pane-dark) #hv-dr .hv-dr__sns-a { color: #55555a; }
  body.hv--dr-side-glass:not(.hv--dr-pane-dark) #hv-dr .hv-dr__sns-a:hover { color: #1d1d1f; }
  body.hv--dr-side-glass:not(.hv--dr-pane-dark) #hv-dr .hv-dr__sns-a::after { background: #1d1d1f; }
}


@media (min-width: 901px) {
  
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop) #hv-dr .hv-dr__L { transform: none; opacity: 1; background: rgba(255,255,255,.35); }
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop) #hv-dr .hv-dr__logo { display: none; }
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop):not(.hv--dr-pane-dark) #hv-dr .hv-dr__info-row,
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop):not(.hv--dr-pane-dark) #hv-dr .hv-dr__info-row > i,
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop):not(.hv--dr-pane-dark) #hv-dr .hv-dr__sns-a { color: #55555a; }
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop):not(.hv--dr-pane-dark) #hv-dr :is(.hv-dr__tel, .hv-dr__tel > i) { color: #1d1d1f; }
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop):not(.hv--dr-pane-dark) #hv-dr .hv-dr__sns-a::after { background: #1d1d1f; }
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop).hv--dr-pane-dark #hv-dr .hv-dr__L { background: rgba(255,255,255,.06); }
  body:is(.hv--dr-lay-wide, .hv--dr-lay-drop) #hv-dr .hv-dr__grid { min-height: 0; } 

  
  body.hv--dr-lay-wide #hv-dr { flex-direction: column; }
  body.hv--dr-lay-wide #hv-dr .hv-dr__L {
    order: 2; width: 100%; min-width: 0; flex-direction: row; align-items: center; justify-content: space-between; gap: 32px;
    padding: 20px 64px; border-top: 1px solid rgba(29,29,31,.08); overflow: visible;
  }
  body.hv--dr-lay-wide.hv--dr-pane-dark #hv-dr .hv-dr__L { border-top-color: rgba(255,255,255,.12); }
  body.hv--dr-lay-wide #hv-dr .hv-dr__contact { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 36px; }
  body.hv--dr-lay-wide #hv-dr .hv-dr__info-row { margin: 0; }
  body.hv--dr-lay-wide #hv-dr .hv-dr__R { flex: 1; min-height: 0; }
  body.hv--dr-lay-wide #hv-dr .hv-dr__top { padding-left: 64px; padding-right: 64px; }
  body.hv--dr-lay-wide #hv-dr .hv-dr__grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); padding-left: 64px; padding-right: 64px; }

  
  body.hv--dr-lay-drop #hv-dr {
    height: auto; max-height: calc(88vh - var(--hive-top-notice-h, 0px)); max-height: calc(88dvh - var(--hive-top-notice-h, 0px));
    flex-direction: row-reverse; border-radius: 0 0 28px 28px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.18);
  }
  body.hv--dr-lay-drop #hv-dr .hv-dr__L {
    width: 300px; min-width: 300px; justify-content: flex-start; gap: 36px; padding: 110px 36px 40px;
    border-left: 1px solid rgba(29,29,31,.08);
  }
  body.hv--dr-lay-drop.hv--dr-pane-dark #hv-dr .hv-dr__L { border-left-color: rgba(255,255,255,.12); }
  body.hv--dr-lay-drop #hv-dr .hv-dr__R { min-height: 0; transform: translateY(-24px); }
  body.hv--dr-lay-drop #hv-dr.hv--open .hv-dr__R { transform: translateY(0); }
  body.hv--dr-lay-drop #hv-dr .hv-dr__grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

  
  body.hv--dr-lay-tabs #hv-dr .hv-dr__grid { display: block; position: relative; }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__grid::before {
    content: ''; position: absolute; left: 384px; top: 46px; bottom: 38px; width: 1px; background: rgba(29,29,31,.1);
  }
  body.hv--dr-lay-tabs.hv--dr-pane-dark #hv-dr .hv-dr__grid::before { background: rgba(255,255,255,.14); }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__col { position: static; width: 300px; transform: none; }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__col-h {
    margin: 0; padding: 14px 0; border-bottom: 0; color: #8a8a8f;
    font-size: clamp(20px, 1.7vw, 26px); cursor: pointer;
  }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__col.hv--act .hv-dr__col-h,
  body.hv--dr-lay-tabs #hv-dr a.hv-dr__col-h:hover { color: var(--hv-main); }
  body.hv--dr-lay-tabs.hv--dr-pane-dark #hv-dr .hv-dr__col-h { color: rgba(255,255,255,.5); }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__col-h :is(.hv-dr__col-name, .hv-dr__col-tit) { color: inherit; } 
  body.hv--dr-lay-tabs.hv--dr-pane-dark #hv-dr :is(.hv-dr__col.hv--act .hv-dr__col-h, a.hv-dr__col-h:hover) { color: #fff; }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__col .hv-dr__sub-ul {
    display: none; position: absolute; left: 424px; right: 44px; top: 52px; bottom: 38px; overflow-y: auto;
  }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__col.hv--act .hv-dr__sub-ul { display: block; }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__sub-ul-inner { columns: 2; column-gap: 48px; }
  body.hv--dr-lay-tabs #hv-dr .hv-dr__sub-li { break-inside: avoid; }

  
  body.hv--dr-lay-sheet #hv-dr { width: min(560px, 92vw); box-shadow: -30px 0 80px rgba(0,0,0,.18); }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__L { display: none; }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__grid { display: block; padding: 12px 44px 40px; }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__col { border-bottom: 1px solid rgba(29,29,31,.1); }
  body.hv--dr-lay-sheet.hv--dr-pane-dark #hv-dr .hv-dr__col { border-bottom-color: rgba(255,255,255,.12); }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__col-h { margin: 0; padding: 20px 0; border-bottom: 0; font-size: 20px; cursor: pointer; }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__col .hv-dr__sub-ul { display: none; }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__col.hv--open .hv-dr__sub-ul { display: block; padding: 0 0 16px; }
  body.hv--dr-lay-sheet #hv-dr .mo-arrow {
    display: flex !important; width: 22px; height: 22px; flex-shrink: 0; align-items: center; justify-content: center;
    color: rgba(0,0,0,.28); transition: transform .42s var(--expo), color .3s var(--expo);
  }
  body.hv--dr-lay-sheet #hv-dr .mo-arrow .ph-ico { width: 15px; height: 15px; }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__col.hv--open .mo-arrow { transform: rotate(90deg); color: var(--hv-main); }
  body.hv--dr-lay-sheet.hv--dr-pane-dark #hv-dr .mo-arrow { color: rgba(255,255,255,.5); }
  body.hv--dr-lay-sheet.hv--dr-pane-dark #hv-dr .hv-dr__col.hv--open .mo-arrow { color: #fff; }
  body.hv--dr-lay-sheet #hv-dr .hv-dr__col-name { flex: 1; }
}


@media (max-width: 900px) {
  #hv-ov { display: none; }

  #hv-dr {
    width: 100vw;
    height: calc(100vh - var(--hive-top-notice-h, 0px));
    height: calc(100dvh - var(--hive-top-notice-h, 0px));
    flex-direction: column;
    box-shadow: none;
    background: #fff;
    z-index: var(--z-dr);   
    
    opacity: 0; visibility: hidden;
    transition: opacity 0.5s var(--expo), visibility 0.5s var(--expo);
  }
  #hv-dr.hv--open {
    opacity: 1; visibility: visible;
    transition: opacity 0.5s var(--expo), visibility 0s;
  }

  .hv-dr__L {
    width: 100%; min-width: 0; flex-shrink: 0;
    padding: 8px 20px;
    background: transparent;
    display: flex; flex-direction: row; align-items: center; justify-content: flex-end;
    transform: none; transition: none;
    border-bottom: 1px solid rgba(0,0,0,0.05);
  }
  #hv-dr.hv--open .hv-dr__L { transform: none; }

  .hv-dr__logo {
    width: min(42vw, 180px); height: 40px; margin: 0;
    transform: translateY(-10px); opacity: 0;
    transition: opacity 0.2s var(--expo), transform 0.2s var(--expo);
  }
  
  .hv-dr__logo img {
    width: 100%; height: 100%;
    object-fit: contain; object-position: right center;
  }
  #hv-dr.hv--open .hv-dr__logo {
    opacity: 1; transform: translateY(0);
    transition: opacity 0.5s var(--expo) 0.08s, transform 0.55s var(--expo) 0.08s;
  }
  .hv-dr__logo .dr-logo-pc { display: none; }
  .hv-dr__logo .dr-logo-mo { display: block; }
  
  body.hv--mo-logo-left .hv-dr__L { justify-content: flex-start; }
  body.hv--mo-logo-left .hv-dr__logo img { object-position: left center; }
  .hv-dr__contact { display: none; }

  .hv-dr__R {
    flex: 1; background: transparent;
    overflow-y: auto; overflow-x: hidden;
    scrollbar-width: none; -ms-overflow-style: none;
    transform: none; transition: none;
  }
  .hv-dr__R::-webkit-scrollbar { display: none; }
  #hv-dr.hv--open .hv-dr__R { transform: none; }
  .hv-dr__R::after { display: none; }

  .hv-dr__top.pc { display: none; }

  .hv-dr__auth-a {
    height: 36px; padding: 0 14px;
    background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.08);
    box-shadow: none; font-size: 12px;
  }
  .hv-dr__close {
    display: flex;
    width: 42px; height: 42px;
    border: 0; border-radius: 50%;
    align-items: center; justify-content: center;
    background: transparent; color: var(--hv-dr-tx2);
    cursor: pointer; box-shadow: none;
    transition: transform 0.45s var(--spring);
  }
  .hv-dr__close:hover { color: var(--hv-main); transform: rotate(90deg); }

  .hv-dr__grid {
    display: block; padding: 0; gap: 0;
    flex: none; overflow: visible;
    grid-template-columns: none; align-content: unset;
  }

  .hv-dr__col {
    margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.05);
    opacity: 0; transform: translateY(14px);
    transition: opacity 0.15s var(--expo), transform 0.15s var(--expo);
  }
  #hv-dr.hv--open .hv-dr__col {
    opacity: 1; transform: translateY(0);
    transition: opacity 0.5s var(--expo), transform 0.55s var(--expo);
  }
  #hv-dr.hv--open .hv-dr__col:nth-child(1) { transition-delay: 0.24s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(2) { transition-delay: 0.30s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(3) { transition-delay: 0.36s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(4) { transition-delay: 0.42s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(5) { transition-delay: 0.48s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(6) { transition-delay: 0.54s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(7) { transition-delay: 0.60s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(8) { transition-delay: 0.66s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(9)  { transition-delay: 0.72s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(10) { transition-delay: 0.78s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(11) { transition-delay: 0.84s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(12) { transition-delay: 0.90s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(13) { transition-delay: 0.96s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(14) { transition-delay: 1.02s; }
  #hv-dr.hv--open .hv-dr__col:nth-child(15) { transition-delay: 1.08s; }
  .hv-dr__col-inner {
    padding: 0; border-radius: 0; background: transparent; border: 0; box-shadow: none;
  }
  .hv-dr__col:hover .hv-dr__col-inner {
    transform: none; border-color: transparent; box-shadow: none; background: transparent;
  }

  .hv-dr__col-h {
    margin: 0; padding: 17px 20px; border-bottom: 0;
    display: flex; align-items: center; justify-content: space-between;
    cursor: pointer; color: #1a1a1a;
    font-size: 17px; font-weight: 500;
    opacity: 1; transform: none;
    transition: color 0.42s var(--expo);
  }

  .hv-dr__col-left { display: none; }
  .hv-dr__col-icon { display: none; }
  .hv-dr__col-arr i { font-size: 15px; color: rgba(0,0,0,0.2); transition: transform 0.42s var(--expo), color 0.3s var(--expo); }

  .hv-dr__col.hv--open .hv-dr__col-h { color: var(--hv-main); }
  .hv-dr__col.hv--open .hv-dr__col-arr i { transform: rotate(90deg); color: var(--hv-main); }

  
  .mo-arrow {
    width: 22px; height: 22px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    color: rgba(0,0,0,0.2);
    transition: transform 0.42s var(--expo), color 0.3s var(--expo);
  }
  .mo-arrow .ph-ico { width: 15px; height: 15px; }
  .hv-dr__col.hv--open .mo-arrow { transform: rotate(90deg); color: var(--hv-main); }
  .hv-dr__col-name { flex: 1; }

  .hv-dr__sub-ul {
    display: grid; grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s var(--expo);
    background: rgba(0,0,0,0.02);
  }
  .hv-dr__col.hv--open .hv-dr__sub-ul { grid-template-rows: 1fr; }
  .hv-dr__sub-ul-inner { overflow: hidden; padding: 0 0 0 20px; }

  .hv-dr__sub-a {
    min-height: 40px; padding: 13px 20px 13px 0;
    color: #999; transform: none;
    display: flex; align-items: center; justify-content: space-between;
    font-size: 14px; letter-spacing: 0.01em;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    transition: color 0.42s var(--expo);
  }
  .hv-dr__sub-a::before { display: none; }
  .hv-dr__sub-a::after { display: none; }
  .hv-dr__sub-a .sub-arr {
    font-size: 11px; color: transparent; flex-shrink: 0;
    opacity: 0;
    transition: color 0.42s var(--expo), opacity 0.42s var(--expo), transform 0.42s var(--expo);
  }
  .hv-dr__sub-a:hover { transform: none; color: var(--hv-main); }
  .hv-dr__sub-a:hover .sub-arr { color: var(--hv-main); opacity: 1; transform: translateX(3px); }
  .hv-dr__sub-toggle { width:100%; border:0; background:transparent; text-align:left; cursor:pointer; font-family:inherit; }
  .hv-dr__sub-toggle .sub-arr { color:rgba(0,0,0,.28); opacity:1; }
  .hv-dr__sub-li.hv--third-open > .hv-dr__sub-toggle { color:var(--hv-main); }
  .hv-dr__sub-li.hv--third-open > .hv-dr__sub-toggle .sub-arr { color:var(--hv-main); transform:rotate(90deg); }
  .hv-dr__third-ul { display:grid; grid-template-rows:0fr; margin:0; padding:0; list-style:none; background:rgba(0,0,0,.025); transition:grid-template-rows .42s var(--expo); }
  .hv-dr__sub-li.hv--third-open > .hv-dr__third-ul { grid-template-rows:1fr; }
  .hv-dr__third-inner { overflow:hidden; margin:0; padding:0 0 0 18px; list-style:none; }
  .hv-dr__third-a { display:block; padding:11px 20px 11px 14px; color:#aaa; font-size:max(12px,calc(var(--hv-mo-ssz) - 1px)); line-height:1.45; text-decoration:none; border-bottom:1px solid rgba(0,0,0,.035); }
  .hv-dr__third-a:hover, .hv-dr__third-a:focus-visible { color:var(--hv-main); }
  
  .hv-dr__sub-ul-inner li {
    opacity: 0; transform: translateX(-8px);
    transition: opacity 0.35s var(--expo), transform 0.4s var(--expo);
  }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li { opacity: 1; transform: translateX(0); }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li:nth-child(1) { transition-delay: 0.08s; }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li:nth-child(2) { transition-delay: 0.13s; }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li:nth-child(3) { transition-delay: 0.18s; }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li:nth-child(4) { transition-delay: 0.23s; }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li:nth-child(5) { transition-delay: 0.28s; }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li:nth-child(6) { transition-delay: 0.33s; }
  .hv-dr__col.hv--open .hv-dr__sub-ul-inner li:nth-child(7) { transition-delay: 0.38s; }

  .hv-dr__sub-ul-inner li:last-child .hv-dr__sub-a { border-bottom: 0; }
  .hv-dr__sub-ul-inner li:last-child .hv-dr__sub-a::after { display: none; }

  
  #hv-dr-bg1, #hv-dr-bg2 { display: none !important; }
}
@media (max-width: 480px) {
  .hv-dr__L    { padding: 18px 16px 8px; }
  .hv-dr__top  { padding: 8px 16px 14px; }
  .hv-dr__col-h { padding: 17px 18px; }
  .hv-dr__sub-a { padding: 12px 18px; }
}



.hv-mo-sch {
  position: sticky; top: 0; z-index: 5;
  padding: 10px 20px;
  background: rgba(250,249,247,0.96);
  backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px);
  opacity: 0; transform: translateY(-8px);
  transition: opacity 0.3s var(--expo) 0.48s, transform 0.3s var(--expo) 0.48s;
}
#hv-dr.hv--open .hv-mo-sch { opacity: 1; transform: translateY(0); }
.hv-mo-sch__form {
  display: flex; align-items: center;
  background: transparent; border-radius: 0; overflow: hidden;
  border: none; border-bottom: 1px solid rgba(0,0,0,0.1);
}
.hv-mo-sch__input {
  flex: 1; height: 44px; padding: 0 16px;
  border: 0; background: transparent; font-size: 14px; color: #222;
  outline: none; font-family: var(--font-pret, 'Pretendard', sans-serif);
}
.hv-mo-sch__submit {
  width: 44px; height: 44px; border: 0; background: transparent;
  color: #666; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: color 0.2s var(--expo);
}
.hv-mo-sch__submit:hover { color: var(--hv-main); }


.hv-mo-evt {
  padding: 14px 20px 16px;
  opacity: 0; transform: translateY(-6px);
  transition: opacity 0.3s var(--expo) 0.5s, transform 0.3s var(--expo) 0.5s;
}
#hv-dr.hv--open .hv-mo-evt { opacity: 1; transform: translateY(0); }
.hv-mo-evt__title { font-size: 11px; letter-spacing: 0.1em; color: #999; margin-bottom: 10px; font-family: var(--font-pret, 'Pretendard', sans-serif); }
.hv-mo-evt__list { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px; }
.hv-mo-evt__list::-webkit-scrollbar { height: 2px; }
.hv-mo-evt__list::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 2px; }
.hv-mo-evt__card {
  flex-shrink: 0; width: 120px; height: 80px;
  border-radius: 0; position: relative; overflow: hidden;
  cursor: pointer; background: #eee;
}
.hv-mo-evt__card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hv-mo-evt__card::before {
  content: ''; position: absolute; top:0;right:0;bottom:0;left:0;inset:0;
  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 50%);
  z-index: 1;
}
.hv-mo-evt__card-tx {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 8px 10px; z-index: 2;
  transform: translateY(4px); opacity: 0.85;
  transition: transform 0.3s var(--expo), opacity 0.3s var(--expo);
}
.hv-mo-evt__card:hover .hv-mo-evt__card-tx { transform: translateY(0); opacity: 1; }
.hv-mo-evt__card-tx span { display: block; font-size: 11px; color: #fff; font-family: var(--font-pret, 'Pretendard', sans-serif); line-height: 1.3; }


.hv-mo-member {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 20px; border-bottom: 1px solid rgba(0,0,0,0.07);
  opacity: 0; transform: translateY(-6px);
  transition: opacity 0.3s var(--expo) 0.52s, transform 0.3s var(--expo) 0.52s;
}
#hv-dr.hv--open .hv-mo-member { opacity: 1; transform: translateY(0); }
.hv-mo-thumb { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 2px solid rgba(var(--hv-rgb),0.2); cursor: pointer; }
.hv-mo-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hv-mo-member-info { flex: 1; }
.hv-mo-member-name { font-size: 14px; font-weight: 500; color: #111; font-family: var(--font-pret, 'Pretendard', sans-serif); }
.hv-mo-member-sub  { font-size: 11px; color: #999; font-family: var(--font-pret, 'Pretendard', sans-serif); }
.hv-mo-member-btn  { display: flex; gap: 6px; }
.hv-mo-member-btn a {
  font-size: 11px; color: #666; text-decoration: none;
  padding: 4px 10px; border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.1);
  transition: background 0.2s var(--expo), color 0.2s var(--expo);
}
.hv-mo-member-btn a:hover { background: var(--hv-main); color:var(--hv-on,#fff); border-color: var(--hv-main); }


.hv-mo-bottom {
  border-top: 1px solid rgba(0,0,0,0.06);
  padding: 14px 20px 18px;
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  opacity: 0; transform: translateY(10px);
  transition: opacity 0.5s var(--expo) 0.58s, transform 0.55s var(--expo) 0.58s;
}
#hv-dr.hv--open .hv-mo-bottom { opacity: 1; transform: translateY(0); }


.hv-mo-sns {
  display: flex; align-items: center; gap: 18px; justify-content: center;
  padding: 0;
  border: none;
}
.hv-mo-sns__a {
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px;
  color: rgba(0,0,0,0.28); text-decoration: none;
  background: transparent; border-radius: 0;
  transition: color 0.28s var(--expo), transform 0.35s var(--spring);
}
.hv-mo-sns__a:hover { color: var(--hv-main); transform: translateY(-3px); }
.hv-mo-sns__a i { font-size: 20px; }


.hv-mo-bottom-divider { width: 100%; height: 1px; background: rgba(0,0,0,0.05); }


.hv-mo-bottom-bar {
  display: flex; align-items: center;
  width: 100%; gap: 0;
}


.hv-mo-auth { display: flex; align-items: center; gap: 0; flex: 1; min-width: 0; }
.hv-mo-auth-sep { width: 1px; height: 14px; background: rgba(0,0,0,0.1); flex-shrink: 0; }
.hv-mo-auth-btn {
  position: relative; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; flex: 1; min-width: 0;
  border: 0; background: transparent;
  cursor: pointer; text-decoration: none;
}
.hv-mo-auth-btn .sf_bg { position: absolute; top:0;right:0;bottom:0;left:0;inset:0; background: rgba(var(--hv-rgb),0.06); transform: translateY(102%); transition: transform 0.42s var(--expo); z-index: 0; }
.hv-mo-auth-btn .sf_f,
.hv-mo-auth-btn .sf_b { position: absolute; top:0;right:0;bottom:0;left:0;inset:0; display: flex; align-items: center; justify-content: center; gap: 5px; z-index: 1; font-family: var(--font-pret, 'Pretendard', sans-serif); font-size: 12px; transition: transform 0.42s var(--expo), opacity 0.32s var(--expo); white-space: nowrap; }
.hv-mo-auth-btn .sf_f { color: #888; transform: translateY(0); opacity: 1; }
.hv-mo-auth-btn .sf_b { color: var(--hv-main); font-weight: 500; transform: translateY(102%); opacity: 0; }
.hv-mo-auth-btn .sf_b i { font-size: 12px; }
.hv-mo-auth-btn:hover .sf_bg { transform: translateY(0); }
.hv-mo-auth-btn:hover .sf_f  { transform: translateY(-102%); opacity: 0; }
.hv-mo-auth-btn:hover .sf_b  { transform: translateY(0); opacity: 1; }


.hv-mo-badge {
  display: flex; align-items: center; gap: 6px;
  flex-shrink: 0; padding-left: 14px;
  border-left: 1px solid rgba(0,0,0,0.08);
}
.hv-mo-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.hv-mo-dot.open   { background: #22c55e; animation: hvPulse 2s infinite; }
.hv-mo-dot.lunch  { background: #f59e0b; }
.hv-mo-dot.closed { background: #9ca3af; }
.hv-mo-badge-txt { font-size: 12px; color: #999; font-family: var(--font-pret, 'Pretendard', sans-serif); white-space: nowrap; }

@media (min-width: 901px) {
  .hv-mo-sch, .hv-mo-evt, .hv-mo-member, .hv-mo-bottom,
  .mo-arrow, .dr-logo-mo,
  #hv-dr-bg1, #hv-dr-bg2 { display: none !important; }
}



@supports (color: color-mix(in srgb, #000 10%, #fff)) {
  :root:has(body.hv--ui-tone-brand), body.hv--ui-tone-brand {
    --hv-ui-group: color-mix(in srgb, var(--hv-main, #8e8e93) 8%, #faf9f7);
    --hv-ui-group-hover: color-mix(in srgb, var(--hv-main, #8e8e93) 14%, #faf9f7);
    --hv-ui-group-a: color-mix(in srgb, var(--hv-ui-group) 92%, transparent);
    --hv-ui-field: color-mix(in srgb, var(--hv-main, #8e8e93) 6%, #fdfcfb);
    --hv-ui-fill: color-mix(in srgb, var(--hv-main, #767680) 8%, transparent);
    --hv-ui-fill2: color-mix(in srgb, var(--hv-main, #767680) 13%, transparent);
    --hv-ui-fill3: color-mix(in srgb, var(--hv-main, #767680) 20%, transparent);
    --hv-ui-faint: color-mix(in srgb, var(--hv-main, #8e8e93) 3%, #fff);
    --hv-ui-rule: color-mix(in srgb, var(--hv-main, #8e8e93) 12%, #fff);
  }
}



#hv-sch {
  --sch-main: var(--hv-main); --sch-on: #fff; --sch-line: rgba(60,60,67,.12); --sch-soft: rgba(118,118,128,.12);
  position: fixed; inset: 10px; z-index: var(--z-sch);
  display: flex; flex-direction: column; overflow: hidden;
  clip-path: circle(0% at var(--sch-ox, 95%) var(--sch-oy, 36px));
  border-radius: 24px; background: rgba(242,242,247,.96);
  -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px);
  box-shadow: 0 12px 60px rgba(0,0,0,.14);
  color: #1d1d1f; font-family: 'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,sans-serif; word-break: keep-all;
  visibility: hidden;
  transition: clip-path .45s var(--expo), visibility .45s var(--expo);
}
@supports (color: oklch(from red l c h)) { #hv-sch { --sch-on: oklch(from var(--sch-main) clamp(0,(0.6 - l) * 1000,1) 0 0); } }
#hv-sch.hv--on {
  clip-path: circle(150% at var(--sch-ox, 95%) var(--sch-oy, 36px));
  visibility: visible;
  transition: clip-path .8s var(--expo), visibility .8s var(--expo);
}
@media (max-width: 900px) { #hv-sch { inset: 0; border-radius: 0; box-shadow: none; } }
#hv-sch :is(a,button):focus-visible { outline: 2px solid var(--sch-main); outline-offset: 2px; }
#hv-sch input:focus-visible { outline: none; }


.sch-topbar, .sch-title, .sch-input-wrap, .sch-section { opacity: 0; transform: translateY(10px); transition: opacity 0s, transform 0s; }
#hv-sch.hv--on :is(.sch-topbar,.sch-title,.sch-input-wrap,.sch-section) { opacity: 1; transform: none; }
#hv-sch.hv--on .sch-topbar { transition: opacity .4s var(--expo) .25s, transform .45s var(--expo) .25s; }
#hv-sch.hv--on .sch-title { transition: opacity .45s var(--expo) .32s, transform .5s var(--expo) .32s; }
#hv-sch.hv--on .sch-input-wrap { transition: opacity .45s var(--expo) .4s, transform .5s var(--expo) .4s; }
#hv-sch.hv--on .sch-section:nth-child(1) { transition: opacity .45s var(--expo) .48s, transform .5s var(--expo) .48s; }
#hv-sch.hv--on .sch-section:nth-child(2) { transition: opacity .45s var(--expo) .56s, transform .5s var(--expo) .56s; }
#hv-sch.hv--on .sch-section:nth-child(3) { transition: opacity .45s var(--expo) .64s, transform .5s var(--expo) .64s; }
.sch-topbar { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; height: 56px; padding: calc(env(safe-area-inset-top,0px) + 8px) 16px 0; }
.sch-back { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--sch-soft); color: #1d1d1f; cursor: pointer; }
.sch-back .ph-ico { width: 18px; height: 18px; }
.sch-title { flex-shrink: 0; padding: 12px 20px 16px; }
.sch-title p { margin: 0; color: #1d1d1f; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.sch-input-wrap { flex-shrink: 0; padding: 0 16px; }
.sch-input-row { display: flex; align-items: center; gap: 6px; height: 52px; padding: 0 6px 0 18px; border: 0; border-radius: 26px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.06); transition: box-shadow .2s ease; }
.sch-input-row:focus-within { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--sch-main) 55%, transparent), 0 0 0 5px color-mix(in srgb, var(--sch-main) 9%, transparent); }
.sch-input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; color: #1d1d1f; font-family: inherit; font-size: 16px; caret-color: var(--sch-main); }
.sch-input::placeholder { color: #8e8e93; }
.sch-clear-btn { display: none; flex-shrink: 0; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: var(--sch-soft); color: #3a3a3c; cursor: pointer; }
.sch-clear-btn.show { display: flex; }
.sch-clear-btn .ph-ico { width: 12px; height: 12px; }
.sch-submit-btn { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--sch-main); color: var(--sch-on); cursor: pointer; }
.sch-submit-btn .ph-ico { width: 18px; height: 18px; }


.sch-body { flex: 1; overflow-y: auto; scrollbar-width: none; overscroll-behavior: contain; }
.sch-body::-webkit-scrollbar { display: none; }
.sch-section { padding: 24px 16px 0; }
.sch-section:last-child { padding-bottom: 32px; }
.sch-section-label { margin: 0 4px 10px; color: #1d1d1f; font-size: 15px; font-weight: 700; }


.sch-tags-wrap { position: relative; }
.sch-tags { display: flex; flex-wrap: wrap; gap: 8px; max-height: 80px; overflow: hidden; }
.sch-tags.is-open { max-height: none; }
.sch-tag { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 0; border-radius: 18px; background: #fff; color: #3a3a3c; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .2s ease; }
.sch-tag:hover { background: rgba(255,255,255,.7); }
.sch-tag-hash { margin-right: 2px; color: #8e8e93; font-weight: 600; }
.sch-tags-more { display: none; margin-top: 10px; padding: 0 12px; min-height: 32px; border: 0; border-radius: 16px; background: var(--sch-soft); color: #3a3a3c; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.sch-tags-more.is-show { display: inline-flex; align-items: center; gap: 4px; }
.sch-tags-more .ph-ico { width: 12px; height: 12px; transition: transform .3s var(--expo); }
.sch-tags-more.is-open .ph-ico { transform: rotate(180deg); }


.sch-rank { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 16px; background: #fff; }
@media (max-width: 500px) { .sch-rank { grid-template-columns: 1fr; } }
.sch-rank-item { position: relative; display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 16px; color: inherit; text-decoration: none; cursor: pointer; transition: background-color .2s ease; }
.sch-rank-item + .sch-rank-item::before { content: ""; position: absolute; top: 0; right: 0; left: 50px; height: 1px; background: var(--sch-line); }
.sch-rank-item:hover { background: rgba(118,118,128,.06); }
.sch-rank-num { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--sch-soft); color: #3a3a3c; font-size: 13px; font-weight: 700; }
.sch-rank-item:nth-child(-n+3) .sch-rank-num { background: var(--sch-main); color: var(--sch-on); }
.sch-rank-name { flex: 1; min-width: 0; overflow: hidden; color: #1d1d1f; font-size: 15px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.sch-badge { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; min-height: 20px; padding: 0 7px; border-radius: 10px; font-size: 11.5px; font-weight: 700; }
.sch-badge-hot { background: rgba(210,63,49,.1); color: #c0392b; }
.sch-badge-up { background: rgba(0,104,214,.1); color: #0058b8; }
.sch-badge-new { background: rgba(52,199,89,.14); color: #1f7a39; }


.sch-rec-list { display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: #fff; }
.sch-rec-item { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 16px; color: inherit; text-decoration: none; cursor: pointer; }
.sch-rec-item + .sch-rec-item::before { content: ""; position: absolute; top: 0; right: 0; left: 64px; height: 1px; background: var(--sch-line); }
.sch-rec-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; background: var(--sch-soft); color: #3a3a3c; }
.sch-rec-icon .ph-ico { width: 18px; height: 18px; }
.sch-rec-info { flex: 1; min-width: 0; }
.sch-rec-name { color: #1d1d1f; font-size: 15px; font-weight: 600; }
.sch-rec-desc { color: #6e6e73; font-size: 12px; }
.sch-rec-arr { flex-shrink: 0; color: #c7c7cc; }
.sch-rec-arr .ph-ico { width: 15px; height: 15px; }


.sch-result { display: none; padding: 20px 16px 32px; }
.sch-result.show { display: block; }
.sch-result-header { display: flex; align-items: center; justify-content: space-between; margin: 0 4px 10px; }
.sch-result-label { color: #1d1d1f; font-size: 15px; font-weight: 700; }
.sch-result-count { color: #6e6e73; font-size: 13px; }
.sch-result-list { display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: #fff; }
.sch-result-list:empty { display: none; }
.sch-result-item { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 0; color: inherit; text-decoration: none; }
.sch-result-item + .sch-result-item::before { content: ""; position: absolute; top: 0; right: 0; left: 72px; height: 1px; background: var(--sch-line); }
.sch-result-item:hover { background: rgba(118,118,128,.06); }
.sch-result-thumb { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; overflow: hidden; border-radius: 12px; background: #e5e5ea center/cover no-repeat; }
.sch-result-thumb .ph-ico { width: 20px; height: 20px; color: #8e8e93; }
.sch-result-info { flex: 1; min-width: 0; }
.sch-result-name { overflow: hidden; color: #1d1d1f; font-size: 15px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.sch-result-name em { color: inherit; font-style: normal; background: color-mix(in srgb, var(--sch-main) 22%, transparent); border-radius: 3px; }
.sch-result-desc { color: #6e6e73; font-size: 13px; }
.sch-result-arr { flex-shrink: 0; color: #c7c7cc; }
.sch-result-arr .ph-ico { width: 14px; height: 14px; }
.sch-loading { display: none; justify-content: center; gap: 7px; padding: 32px 0; }
.sch-loading.show { display: flex; }
.sch-dot { width: 7px; height: 7px; border-radius: 50%; background: #8e8e93; animation: schDot 1.2s ease-in-out infinite; }
.sch-dot:nth-child(2) { animation-delay: .18s; }
.sch-dot:nth-child(3) { animation-delay: .36s; }
@keyframes schDot { 0%,100% { opacity: .3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } }
.sch-empty { padding: 32px 0; color: #6e6e73; font-size: 14px; text-align: center; }
.sch-more { display: none; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 48px; margin-top: 12px; border-radius: 24px; background: var(--sch-soft); color: #1d1d1f; font-size: 14px; font-weight: 600; text-decoration: none; }
.sch-more.show { display: flex; }
.sch-more .ph-ico { width: 14px; height: 14px; }
@media (prefers-reduced-motion: reduce) {
  #hv-sch, #hv-sch.hv--on, .sch-topbar, .sch-title, .sch-input-wrap, .sch-section, #hv-sch.hv--on :is(.sch-topbar,.sch-title,.sch-input-wrap,.sch-section) { transition: none !important; }
  .sch-dot { animation: none; }
}



.hv-badge {
  position: fixed; left: 28px; bottom: 28px; z-index: var(--z-flt);
  padding: 8px 16px; border-radius: 999px;
  background: var(--hv-main); cursor: default;
  display: flex; align-items: center; gap: 6px;
  box-shadow: 0 6px 20px rgba(var(--hv-rgb),0.35);
  transition: transform 0.3s var(--spring), box-shadow 0.3s var(--expo);
}
.hv-badge:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(var(--hv-rgb),0.4); }
.hv-badge::after {
  content: attr(data-time);
  position: absolute; left: 0; bottom: calc(100% + 10px);
  background: #111; color: #fff; font-size: 12px; line-height: 1.6;
  padding: 8px 14px; border-radius: 10px;
  white-space: pre-line; min-width: 180px;
  opacity: 0; pointer-events: none; transform: translateY(6px);
  transition: opacity 0.25s var(--expo), transform 0.25s var(--expo);
}
.hv-badge:hover::after { opacity: 1; transform: translateY(0); }

.hv-dot { width: 6px; height: 6px; border-radius: 50%; }
.hv-dot--open   { background: #22c55e; animation: hvPulse 2s infinite; }
.hv-dot--lunch  { background: #f59e0b; }
.hv-dot--closed { background: #9ca3af; }
@keyframes hvPulse {
  0%,100% { box-shadow: 0 0 0 3px rgba(34,197,94,0.25); }
  50%      { box-shadow: 0 0 0 7px rgba(34,197,94,0.06); }
}



.hv-fast-btn {
  position: fixed; left: 50%; bottom: 24px;
  transform: translateX(-50%);
  z-index: var(--z-flt);
  
  overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 160px; height: 52px; padding: 0 36px;
  background: var(--hv-main); color:var(--hv-on,#fff);
  border: none; border-radius: 999px;
  font-size: 15px; font-family: var(--font-pret, 'Pretendard', sans-serif);
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(var(--hv-rgb),0.4);
  transition:
    transform 0.3s var(--spring),
    box-shadow 0.3s var(--expo),
    opacity 0.3s var(--expo);
  will-change: transform;
}

.hv-fast-btn::before {
  content: '';
  position: absolute; top:0;right:0;bottom:0;left:0;inset:0;
  background: var(--hv-main); 
  background: color-mix(in srgb, var(--hv-main) 78%, #000 22%);
  transform: translateY(102%);
  transition: transform 0.42s var(--expo);
  border-radius: 999px;
}
.hv-fast-btn:hover { transform: translateX(-50%) translateY(-4px); box-shadow: 0 16px 36px rgba(var(--hv-rgb),0.45); }
.hv-fast-btn:hover::before { transform: translateY(0); }
.hv-fast-btn:active { transform: translateX(-50%) translateY(0); transition-duration: 0.08s; }
.hv-fast-btn.hv--hide { opacity: 0; pointer-events: none; transform: translateX(-50%) translateY(10px); }

#hv-fast-wrap {
  position: fixed; left: 0; bottom: 0; width: 100%;
  z-index: var(--z-flt);
  background: rgba(var(--hv-rgb),0.88);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transform: translateY(110%);
  transition: transform 0.5s var(--expo);
}
#hv-fast-wrap.hv--open { transform: translateY(0); }


#hv-prog {
  position: fixed; top: 0; left: 0; height: 3px;
  background: linear-gradient(90deg, var(--hv-main), var(--hv-sub));
  width: 100%; transform: scaleX(0); transform-origin: left center;
  z-index: var(--z-prog);
  border-radius: 0 2px 2px 0; will-change: transform;
}

@media (max-width: 900px) {
  .hv-badge { left: 20px; right: auto; bottom: 28px; }
}


@media(max-width:900px){
 #hv-hd .hv-icons-panel{left:auto;right:0;max-width:calc(100vw - 24px);box-sizing:border-box}
 #hv-dr{left:0;right:0;width:100%;max-width:100%;box-sizing:border-box}
 #hv-dr .hv-dr__R{min-height:0;overscroll-behavior:contain}
 body.hv-dr-open #qmb_bar{visibility:hidden;pointer-events:none}
 
 body.hv-dr-open #qmb_bar *{visibility:hidden!important}
 
 body.hv-dr-open #hprMfoot{visibility:hidden;pointer-events:none}
}

#hv-mg .hv-mg__a[data-hive-menu-current],
#hv-sub-wrap a[data-hive-menu-current],
#hv-hd .hv-sub a[data-hive-menu-current],
#hv-hd .hv-pnl a[data-hive-menu-current],
#hv-mega a[data-hive-menu-current]{color:var(--hv-drop-tx-hover);font-weight:700}
#hv-dr [data-hive-menu-current]{color:var(--hv-main);font-weight:700}
#hv-mg .hv-mg__a[data-hive-menu-current="page"],
#hv-dr a[data-hive-menu-current="page"]{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}



body.hv--header-always-visible #hv-hd {
  transition: height .42s cubic-bezier(.22,.61,.36,1), top .42s cubic-bezier(.22,.61,.36,1), transform .42s cubic-bezier(.22,.61,.36,1);
}
body.hv--header-always-visible #hv-hd .hv-logo {
  transition: width .42s cubic-bezier(.22,.61,.36,1), opacity .3s ease, transform .42s cubic-bezier(.22,.61,.36,1);
}
body.hv--header-always-visible #hv-hd .hv-inner {
  transition: width .42s cubic-bezier(.22,.61,.36,1), background-color .42s ease, box-shadow .42s ease, border-radius .42s ease;
}
@media (prefers-reduced-motion:reduce) {
  body.hv--header-always-visible #hv-hd,
  body.hv--header-always-visible #hv-hd .hv-inner,
  body.hv--header-always-visible #hv-hd .hv-logo,
  body.hv--header-always-visible #hv-hd .hv-logo img { transition:none!important; }
}

@media(max-width:900px){
#hv-hd.hv--mo-logo-left .hv-inner{justify-content:flex-start!important;padding-left:16px!important}
#hv-hd.hv--mo-logo-left .hv-logo{margin-left:0!important;margin-right:auto!important}
#hv-hd.hv--mo-logo-left #hvHbg{left:auto!important;right:8px!important}
#hv-hd.hv--mo-logo-left .hv-icons-wrap{right:52px!important}
}

.hv-mtabs{display:none}
@media (max-width: 900px) {
#hv-hd.hv--mtabs ~ .hv-mtabs{display:block;position:sticky;top:calc(var(--hv-hd-top,0px) + var(--hv-h));z-index:450;background:var(--hv-mtabs-bg,rgba(255,255,255,.96));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}
#hv-hd.hv--mtabs.hv--sc ~ .hv-mtabs{top:calc(var(--hv-hd-sc-top,0px) + var(--hv-h-sc,var(--hv-h)))}

#hv-hd.hv--mtabs ~ .hv-mtabs{transition:transform .8s var(--expo),top .3s var(--snap),visibility 0s linear 0s}
#hv-hd.hv--mtabs.hv--hide ~ .hv-mtabs{transform:translateY(calc(-100% - var(--hv-h-sc,var(--hv-h)) - var(--hv-hd-sc-top,0px)));visibility:hidden;pointer-events:none;transition:transform .8s var(--expo),top .3s var(--snap),visibility 0s linear .8s}
body.hv--mobile-scroll-perf #hv-hd.hv--mtabs ~ .hv-mtabs{transition:transform .3s var(--snap),top .3s var(--snap),visibility 0s linear 0s}
body.hv--mobile-scroll-perf #hv-hd.hv--mtabs.hv--hide ~ .hv-mtabs{transition:transform .3s var(--snap),top .3s var(--snap),visibility 0s linear .3s}
@media (prefers-reduced-motion: reduce){#hv-hd.hv--mtabs ~ .hv-mtabs{transition:none}}
.hv-mtabs-list{display:flex;gap:4px;margin:0;padding:0 12px;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hv-mtabs-list::-webkit-scrollbar{display:none}
.hv-mtabs-list li{flex:1 0 auto}
.hv-mtabs-a{display:block;min-height:44px;padding:0 10px;line-height:42px;text-align:center;border-bottom:2px solid transparent;color:#444;font-size:14px;font-weight:400;white-space:nowrap;text-decoration:none}
.hv-mtabs-a.is-on{color:#111;border-bottom-color:currentColor}
.hv-mtabs-a>.hv-menu-labels{vertical-align:middle;line-height:1.4}
.hv-mtabs-a:focus-visible{outline:2px solid #111;outline-offset:-3px}

.hv-mtabs-arr{position:absolute;top:0;bottom:1px;z-index:1;display:flex;align-items:center;width:56px;padding:0;border:0;color:#111;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hv-mtabs-arr[hidden]{display:none}
.hv-mtabs-arr--next{right:0;justify-content:flex-end;padding-right:10px;background:var(--hv-mtabs-bg,rgba(255,255,255,.96));-webkit-mask-image:linear-gradient(to right,transparent,#000 55%);mask-image:linear-gradient(to right,transparent,#000 55%)}
.hv-mtabs-arr--prev{left:0;justify-content:flex-start;padding-left:10px;background:var(--hv-mtabs-bg,rgba(255,255,255,.96));-webkit-mask-image:linear-gradient(to left,transparent,#000 55%);mask-image:linear-gradient(to left,transparent,#000 55%)}
.hv-mtabs-arr:focus-visible{outline:2px solid #111;outline-offset:-3px}
}