.hms-pro,
.hms-pro *{box-sizing:border-box}
html.hms-lock{overflow:hidden}

/* ── Variables ── */
.hms-pro{
  --hms-edge:25px;
  --hms-header-h:72px;
  --hms-logo-w:110px;
  --hms-logo-h:36px;
  --hms-nav-h:48px;
  --hms-radius:26px;
  --hms-btn-h:40px;
  --hms-social-size:48px;
  --hms-social-icon:25px;
  width:100%;
  background:var(--hms-bg);
  font-family:var(--hms-font);
  color:var(--hms-text);
  position:relative;
  z-index:999;
  isolation:isolate
}
.hms-pro.is-sticky{position:sticky;top:0}

/* ── Inner: final grid engine ── */
.hms-pro-inner{
  width:100%;
  max-width:var(--hms-max);
  margin-inline:auto;
  padding-inline:var(--hms-edge);
  min-height:var(--hms-header-h);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-areas:"actions nav brand";
  align-items:center;
  column-gap:24px;
  direction:ltr;
  overflow:visible
}

/* ── Zone A: Logo (right) ── */
.hms-brand{grid-area:brand;justify-self:end;min-width:0;display:flex;align-items:center;direction:rtl}
.hms-logo{display:flex;align-items:center;text-decoration:none;color:var(--hms-text);font-weight:900;line-height:1}
.hms-logo-img{display:block;width:auto!important;height:auto!important;max-width:var(--hms-logo-w)!important;max-height:var(--hms-logo-h)!important;object-fit:contain}
.hms-logo-text{font-size:17px;white-space:nowrap}

/* ── Zone B: Nav (center, shrinkable) ── */
.hms-desktop-nav-wrap{grid-area:nav;min-width:0;display:flex;justify-content:center;direction:rtl}
.hms-desktop-nav{
  background:var(--hms-nav-bg);
  border-radius:var(--hms-radius);
  min-height:var(--hms-nav-h);
  padding:7px 32px;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  box-shadow:0 8px 24px rgba(8,30,70,.04)
}
.hms-menu{list-style:none;display:flex;align-items:center;justify-content:center;gap:2px;margin:0;padding:0;flex-wrap:nowrap}
.hms-menu-item{position:relative;margin:0 0 -10px;padding:0 0 10px}
.hms-menu-link{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--hms-text);font-size:13px;line-height:1;font-weight:900;white-space:nowrap;padding:9px 11px;border-radius:16px;transition:color .18s ease,background-color .18s ease}
.hms-menu-link:hover,.hms-menu-item:focus-within>.hms-menu-link{color:var(--hms-blue);background:rgba(40,104,240,.055)}
.hms-menu-arrow{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;transition:transform .22s ease,color .18s ease;background:rgba(8,30,70,.06);border-radius:999px;padding:3px}
.hms-menu-arrow svg,.hms-mobile-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.hms-menu-item:hover>.hms-menu-link .hms-menu-arrow,.hms-menu-item:focus-within>.hms-menu-link .hms-menu-arrow{transform:rotate(180deg);background:rgba(40,104,240,.12);color:var(--hms-blue)}

/* ── Dropdowns ── */
.hms-dropdown,.hms-mega{position:absolute;top:100%;right:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;pointer-events:none;z-index:10000}
.hms-dropdown:before,.hms-mega:before{content:"";position:absolute;right:0;left:0;top:-12px;height:12px;background:transparent}
.hms-menu-item:hover>.hms-dropdown,.hms-menu-item:focus-within>.hms-dropdown,.hms-menu-item:hover>.hms-mega,.hms-menu-item:focus-within>.hms-mega{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.hms-dropdown{min-width:220px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 22px 55px rgba(6,26,63,.13);list-style:none;margin:0}
.hms-dropdown-link{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--hms-text);font-size:14px;font-weight:800;line-height:1.3}
.hms-dropdown-link:hover{background:var(--hms-bg);color:var(--hms-blue)}
.hms-mega{width:min(920px,calc(100vw - 48px));background:#fff;border-radius:24px;padding:18px;box-shadow:0 28px 70px rgba(6,26,63,.16)}
.hms-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hms-mega-title{grid-column:1/-1;color:var(--hms-blue);font-size:16px;font-weight:900}
.hms-mega-col{background:#f8fbff;border-radius:18px;padding:16px}
.hms-mega-head{display:block;text-decoration:none;color:var(--hms-text);font-size:15px;font-weight:900;margin-bottom:10px}
.hms-mega-links{display:grid;gap:7px}.hms-mega-link{text-decoration:none;color:#51617a;font-size:14px;font-weight:800}

/* ── Zone C: Actions (left) ── */
.hms-actions{
  grid-area:actions;
  justify-self:start;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  direction:rtl
}
.hms-btn{
  height:var(--hms-btn-h);
  padding:0 15px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-decoration:none;
  font-size:12px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  transition:background-color .18s,color .18s,box-shadow .18s,transform .18s
}
.hms-btn b{font-size:15px;color:var(--hms-accent);line-height:1}
.hms-btn-dark{background:var(--hms-primary);color:#fff}
.hms-btn-light{background:#fff;color:var(--hms-text)}
.hms-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(6,26,63,.12)}
.hms-btn-dark:hover,.hms-btn-dark:focus{color:#fff;background:var(--hms-primary)}
.hms-btn-dark:hover span,.hms-btn-dark:focus span{color:#fff}

/* ── Social ── */
.hms-social-wrap{position:relative;flex:0 0 auto}
.hms-social-trigger{
  width:var(--hms-social-size);
  height:var(--hms-social-size);
  border:0;
  border-radius:14px;
  background:#fff;
  color:var(--hms-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:box-shadow .18s,transform .18s
}
.hms-social-trigger:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(6,26,63,.12)}
.hms-social-trigger svg{width:var(--hms-social-icon);height:var(--hms-social-icon);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hms-social-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.hms-social-link svg path{fill:currentColor;stroke:none}
.hms-social-panel{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  display:flex;
  gap:8px;
  background:#fff;
  border-radius:16px;
  padding:8px;
  box-shadow:0 20px 45px rgba(6,26,63,.13);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:.18s ease;
  z-index:10000
}
.hms-social-wrap:hover .hms-social-panel,.hms-social-wrap.is-open .hms-social-panel{opacity:1;visibility:visible;transform:translateY(0)}
.hms-social-link{width:42px;height:42px;border-radius:12px;background:var(--hms-bg);color:var(--hms-primary);display:flex;align-items:center;justify-content:center}

/* ── Mobile toggle ── */
.hms-mobile-toggle{display:none;width:42px;height:42px;border:0;border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.hms-mobile-toggle span{width:20px;height:2.5px;border-radius:99px;background:var(--hms-primary)}
.hms-empty{font-size:14px;color:#777;text-align:center}
.hms-mobile-backdrop,.hms-mobile-drawer{display:none}

/* ── 1280px ── */
@media (max-width:1280px){
  .hms-pro{--hms-edge:25px;--hms-logo-w:100px;--hms-logo-h:32px;--hms-header-h:68px;--hms-social-size:44px;--hms-social-icon:23px;--hms-btn-h:38px}
  .hms-menu-arrow{width:15px;height:15px;flex-basis:15px}
  .hms-pro-inner{column-gap:18px}
  .hms-desktop-nav{padding:7px 26px}
  .hms-menu{gap:0}
  .hms-menu-link{font-size:12.5px;padding:8px 9px}
  .hms-btn{font-size:11.5px;padding-inline:12px}
}

/* ── Tablet: hide nav, show mobile ── */
@media (max-width:1024px){
  .hms-pro{--hms-edge:25px;--hms-header-h:64px;--hms-logo-w:100px;--hms-logo-h:32px}
  .hms-pro-inner{grid-template-columns:1fr auto;grid-template-areas:"actions brand";column-gap:16px}
  .hms-desktop-nav-wrap{display:none}
  .hms-actions{gap:8px}
  .hms-btn{display:none}
  .hms-mobile-toggle{display:flex}
  .hms-social-trigger{width:42px;height:42px;border-radius:13px}
  .hms-mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(4,18,44,.42);opacity:0;visibility:hidden;transition:.2s ease;z-index:1000}
  .hms-mobile-drawer{display:block;position:fixed;top:0;bottom:0;right:0;width:min(420px,88vw);background:var(--hms-bg);z-index:1001;transform:translateX(105%);transition:.25s ease;box-shadow:-25px 0 70px rgba(4,18,44,.20);padding:18px;overflow:auto}
  .hms-pro.is-mobile-open .hms-mobile-backdrop{opacity:1;visibility:visible}
  .hms-pro.is-mobile-open .hms-mobile-drawer{transform:translateX(0)}
  .hms-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--hms-text);font-size:20px;font-weight:900}
  .hms-mobile-close{width:42px;height:42px;border:0;border-radius:14px;background:#fff;color:var(--hms-primary);font-size:28px;line-height:1;cursor:pointer}
  .hms-mobile-list,.hms-mobile-sublist{list-style:none;margin:0;padding:0}
  .hms-mobile-item{margin:0 0 9px}
  .hms-mobile-row{display:flex;align-items:center;gap:9px;background:#fff;border-radius:18px;padding:7px}
  .hms-mobile-link{flex:1;text-decoration:none;color:var(--hms-text);font-size:16px;font-weight:900;padding:10px}
  .hms-mobile-accordion{width:50px;height:50px;flex:0 0 50px;border:0;border-radius:14px;background:var(--hms-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .hms-mobile-accordion[aria-expanded=true]{background:var(--hms-blue)}
  .hms-mobile-arrow{width:29px;height:29px;display:flex;transition:.22s ease;color:#fff}
  .hms-mobile-accordion[aria-expanded=true] .hms-mobile-arrow{transform:rotate(180deg)}
  .hms-mobile-sublist{display:none;padding:9px 12px 0 0}
  .hms-mobile-item.is-open>.hms-mobile-sublist{display:block}
  .hms-mobile-sublist .hms-mobile-row{background:rgba(255,255,255,.74)}
  .hms-mobile-sublist .hms-mobile-link{font-size:15px;color:#253a5f}
  .hms-mobile-sublist .hms-mobile-accordion{background:#092d5a;color:#fff}
}

/* ── Mobile ── */
@media (max-width:640px){
  .hms-pro{--hms-edge:16px;--hms-header-h:60px;--hms-logo-w:90px;--hms-logo-h:28px}
  .hms-mobile-accordion{width:48px;height:48px;flex-basis:48px}
  .hms-mobile-arrow{width:27px;height:27px}
  .hms-social-trigger,.hms-mobile-toggle{width:40px;height:40px;border-radius:12px}
  .hms-social-panel{right:0}
  .hms-mobile-drawer{width:92vw}
  .hms-mobile-link{font-size:15px}
  .hms-mobile-head{font-size:19px}
}