/* Scoped off-canvas menu */
.hncv-wrap{
  --hncv-accent:#ef4444; --hncv-bg:#fff; --hncv-overlay:rgba(17,24,39,.6);
  --hncv-btn-bg:#ef4444; --hncv-btn-color:#fff; --hncv-btn-radius:999px; --hncv-btn-px:14px; --hncv-btn-py:12px; --hncv-icon-size:18px;
  position:relative; z-index:10000;
}
.hncv-mobile-only{ display:block; }
@media (min-width: 992px){ .hncv-mobile-only{ display:none; } }

/* Toggle base (no shadow) */
.hncv-wrap .hncv-toggle{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--hncv-btn-bg); color:var(--hncv-btn-color);
  padding:var(--hncv-btn-py) var(--hncv-btn-px);
  border:none; border-radius:var(--hncv-btn-radius); cursor:pointer;
  font-weight:700; line-height:1; box-shadow:none;
}
.hncv-wrap .hncv-toggle i{ font-size:var(--hncv-icon-size); }

/* Floating mode */
.hncv-wrap.is-floating .hncv-toggle{ position:fixed; bottom:18px; right:18px; z-index:10002; }
.hncv-wrap.is-floating.is-left .hncv-toggle{ right:auto; left:18px; }

/* Inline mode */
.hncv-wrap.is-inline{ display:block; }
.hncv-wrap.is-inline .hncv-toggle{ position:static; }

/* Overlay & panel */
.hncv-wrap .hncv-overlay{ position:fixed; inset:0; background:var(--hncv-overlay); opacity:0; visibility:hidden; transition:.25s; z-index:10000; }
.hncv-wrap .hncv-panel{
  position:fixed; top:0; bottom:0; width:min(84vw, 340px); background:var(--hncv-bg);
  transform:translateX(100%); transition:transform .25s ease; box-shadow:-12px 0 28px rgba(0,0,0,.22);
  right:0; overflow:auto; padding:16px 14px 18px; z-index:10001;
}
.hncv-wrap.is-left .hncv-panel{ left:0; right:auto; transform:translateX(-100%); box-shadow:12px 0 28px rgba(0,0,0,.22); }

.hncv-wrap .hncv-head{ display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.hncv-wrap .hncv-title{ font-weight:800; font-size:18px; }
.hncv-wrap .hncv-close{ border:none; background:transparent; font-size:20px; cursor:pointer; line-height:1; color:#111; }

.hncv-wrap .hncv-menu{ list-style:none; margin:0; padding:0; }
.hncv-wrap .hncv-menu > li{ border-bottom:1px solid #f2f2f2; }
.hncv-wrap .hncv-menu a{ display:block; padding:12px 4px; text-decoration:none; color:#111827; }
.hncv-wrap .hncv-menu a:hover{ color:#111827; } /* no accent hover */

.hncv-wrap .hncv-actions{ margin-top:14px; display:grid; gap:10px; }
.hncv-wrap .hncv-btn{ display:flex; gap:10px; align-items:center; padding:12px; border-radius:10px; text-decoration:none; font-weight:700; }
.hncv-wrap .hncv-btn.phone{ background:#111827; color:#fff; }
.hncv-wrap .hncv-btn.whatsapp{ background:#25D366; color:#fff; }
.hncv-wrap .hncv-address{ display:flex; gap:8px; align-items:center; padding:8px 2px; color:#374151; font-size:14px; }

/* Open state */
.hncv-wrap.is-open .hncv-overlay{ opacity:1; visibility:visible; }
.hncv-wrap.is-open .hncv-panel{ transform:translateX(0); }