.ypi-hmm {
  --ypi-hmm-header-bg: #fff;
  --ypi-hmm-drawer-bg: #fff;
  --ypi-hmm-text: #000000;
  --ypi-hmm-muted: #000000;
  --ypi-hmm-accent: #2d8b73;
  --ypi-hmm-border: #d8e7e2;
  --ypi-hmm-overlay: rgba(0,0,0,.56);
  position: relative;
  z-index: 2147483000;
  display: block;
  font-size: 16px;
  margin-bottom: -18px;
}
.ypi-hmm,.ypi-hmm *{box-sizing:border-box}
.ypi-hmm__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 12px;background:var(--ypi-hmm-header-bg);border:1px solid var(--ypi-hmm-border);border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.ypi-hmm__bar.is-sticky{position:sticky;top:8px;z-index:2147483001}
.ypi-hmm__brand{display:inline-flex;align-items:center;min-width:0;max-width:calc(100% - 52px);text-decoration:none}
.ypi-hmm__brand img{display:block;max-width:136px;max-height:32px;width:auto}
.ypi-hmm__brand-text{color:var(--ypi-hmm-text);font-size:15px;font-weight:600;line-height:1.2}
.ypi-hmm__toggle,.ypi-hmm__close,.ypi-hmm__submenu-toggle{appearance:none;border:0;cursor:pointer}
.ypi-hmm__toggle{width:42px;height:42px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border-radius:8px;background:rgba(0,0,0,.03);box-shadow:inset 0 0 0 1px var(--ypi-hmm-border);transition:transform .18s ease,background-color .18s ease}
.ypi-hmm__toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ypi-hmm-text);transition:transform .2s ease,opacity .2s ease}
.ypi-hmm.is-open .ypi-hmm__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ypi-hmm.is-open .ypi-hmm__toggle span:nth-child(2){opacity:0}
.ypi-hmm.is-open .ypi-hmm__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ypi-hmm__overlay{position:fixed;inset:0;z-index:2147483500;background:var(--ypi-hmm-overlay);opacity:0;transition:opacity .2s ease}
.ypi-hmm.is-open .ypi-hmm__overlay{opacity:1}
.ypi-hmm__drawer{position:fixed;top:0;right:0;z-index:2147483600;width:min(86vw,340px);max-width:calc(100vw - 12px);height:100vh;height:100dvh;padding:14px 14px 92px;background:var(--ypi-hmm-drawer-bg);color:var(--ypi-hmm-text);transform:translateX(100%);transition:transform .24s ease;box-shadow:-14px 0 32px rgba(0,0,0,.14);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ypi-hmm.is-open .ypi-hmm__drawer{transform:translateX(0)}
.ypi-hmm__drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.ypi-hmm__drawer-branding strong{display:block;font-size:16px;font-weight:600;line-height:1.2}
.ypi-hmm__hello{display:inline-block;margin-bottom:6px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.04);color:var(--ypi-hmm-text);font-size:11px;font-weight:600;line-height:1.3}
.ypi-hmm__close{width:38px;height:38px;flex:0 0 38px;padding:0;border-radius:8px;background:rgba(0,0,0,.05);box-shadow:inset 0 0 0 1px var(--ypi-hmm-border);color:var(--ypi-hmm-text);font-size:26px;line-height:1}
.ypi-hmm__quick-actions{margin:2px 0 8px}
.ypi-hmm__guest-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ypi-hmm__secondary--register{background:var(--ypi-hmm-accent)!important;border-color:var(--ypi-hmm-accent)!important;color:#fff!important}
.ypi-hmm__secondary--login{background:#fff!important;color:var(--ypi-hmm-text)!important}
.ypi-hmm__secondary,.ypi-hmm__cta{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:600;line-height:1.25;text-align:center}
.ypi-hmm__secondary{border:1px solid var(--ypi-hmm-border);color:var(--ypi-hmm-text);background:#fff}
.ypi-hmm__cta-wrap{margin:6px 0 14px}
.ypi-hmm__cta{width:100%;background:var(--ypi-hmm-accent);color:#fff;box-shadow:none}
.ypi-hmm__nav{margin-top:0}
.ypi-hmm__menu{list-style:none;margin:0;padding:0}
.ypi-hmm__item{margin:0 0 8px}
.ypi-hmm__row{display:flex;align-items:stretch;gap:6px}
.ypi-hmm__link{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;border:1px solid var(--ypi-hmm-border);border-radius:8px;background:#fff;color:var(--ypi-hmm-text);text-decoration:none;box-shadow:none}
.ypi-hmm__label{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;line-height:1.25}
.ypi-hmm__icon,.ypi-hmm__bottom-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--ypi-hmm-accent);flex:0 0 18px}
.ypi-hmm__icon img,.ypi-hmm__bottom-icon img{display:block;width:18px;height:18px;object-fit:contain}
.ypi-hmm__icon--dot::before,.ypi-hmm__bottom-icon--dot::before{content:'';display:block;width:8px;height:8px;border-radius:8px;background:var(--ypi-hmm-accent)}
.ypi-hmm__submenu-toggle{width:48px;min-width:48px;border-radius:8px;background:#fff;border:1px solid var(--ypi-hmm-border);color:var(--ypi-hmm-text);font-size:20px;box-shadow:none}
.ypi-hmm__submenu{padding:8px 0 0 10px}
.ypi-hmm__item.is-submenu-open>.ypi-hmm__row .ypi-hmm__submenu-toggle span[aria-hidden="true"]{display:inline-block;transform:rotate(45deg)}
.ypi-hmm__item.is-active > .ypi-hmm__row .ypi-hmm__link{border-color:var(--ypi-hmm-accent);background:rgba(0,0,0,.015)}
.ypi-hmm__bottom-bar{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:2147483400;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;border:1px solid var(--ypi-hmm-border);border-radius:8px;background:var(--ypi-hmm-drawer-bg);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.ypi-hmm__bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:6px 4px;border-radius:8px;color:var(--ypi-hmm-muted);text-decoration:none;font-size:10px;font-weight:600;line-height:1.1;text-align:center}
.ypi-hmm__bottom-link span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ypi-hmm__bottom-link.is-active{background:rgba(0,0,0,.035);color:var(--ypi-hmm-text)}
html.ypi-hmm-lock,body.ypi-hmm-lock{overflow:hidden}
@media (prefers-reduced-motion: reduce){.ypi-hmm__toggle,.ypi-hmm__toggle span,.ypi-hmm__overlay,.ypi-hmm__drawer{transition:none!important}}

/* Keep the drawer above Houzez/Elementor sticky headers, maps, cards and filters. */
html.ypi-hmm-lock .ypi-hmm.is-open,
body.ypi-hmm-lock .ypi-hmm.is-open {
  z-index: 2147483000 !important;
}
.ypi-hmm.is-open .ypi-hmm__overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483500 !important;
  display: block !important;
}
.ypi-hmm.is-open .ypi-hmm__drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 2147483600 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.ypi-hmm__overlay.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483500 !important;
  display: block !important;
  opacity: 1 !important;
}
.ypi-hmm__drawer.is-open {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 2147483600 !important;
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
