/* Site chrome: header nav, lang dropdown, search popover */
/* Prefer clip over hidden so sticky header dropdowns keep a clean stacking context */
html,body{overflow-x:clip;max-width:100%}
.site-header{
  overflow:visible;
  z-index:100;
  border-bottom:1px solid rgba(148,163,184,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset, 0 1px 2px rgba(15,23,42,.03);
}
.dark .site-header{
  border-bottom-color:rgba(148,163,184,.22);
  box-shadow:none;
}
.site-header .hdr-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.site-header .hdr-cta{
  display:inline-flex;align-items:center;height:2.25rem;padding:0 .875rem;
  font-size:.8125rem;font-weight:600;line-height:1;border-radius:.65rem;
  background:#2563eb;color:#fff;white-space:nowrap;text-decoration:none;
}
.site-header .hdr-cta:hover{background:#1d4ed8;color:#fff}
.site-header .hdr-icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.25rem;height:2.25rem;border-radius:.65rem;border:0;background:transparent;
  color:#475569;cursor:pointer;gap:.25rem;font-size:.75rem;font-weight:700;
}
.site-header .hdr-icon-btn:hover,.site-header .hdr-icon-btn.is-open{background:#f1f5f9;color:#2563eb}
.site-header .hdr-nav-link{
  display:inline-flex;align-items:center;height:2.25rem;padding:0 .7rem;
  font-size:.875rem;font-weight:500;color:#374151;border-radius:.65rem;text-decoration:none;white-space:nowrap;
}
.site-header .hdr-nav-link:hover{color:#2563eb;background:#eff6ff}
.site-header .hdr-nav-link.is-premium{color:#92400e}
.site-header .hdr-nav-link.is-premium:hover{background:#fffbeb;color:#78350f}
.site-header .hdr-nav-btn{
  display:inline-flex;align-items:center;height:2.25rem;padding:0 .7rem;
  font-size:.875rem;font-weight:500;color:#374151;border-radius:.65rem;background:transparent;border:0;cursor:pointer;white-space:nowrap;
}
.site-header .hdr-nav-btn:hover{color:#2563eb;background:#eff6ff}

/* Categories panel — keep inside viewport (left-anchored menus overflow on narrow screens) */
.hdr-megamenu-panel{
  position:absolute;top:100%;left:0;right:auto;
  width:min(56rem, calc(100vw - 2rem));
  max-width:min(56rem, calc(100vw - 2rem));
  padding-top:.55rem;
  background:transparent;border:0;box-shadow:none;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .15s,visibility .15s;z-index:60;
}
@supports (width: 1cqw){
  .hdr-megamenu-panel{max-width:min(56rem, 100cqi);}
}
/* If panel would overflow the right edge, pin it to the right of the trigger area */
@media (max-width: 1100px){
  .hdr-megamenu-panel{
    left:auto;
    right:0;
  }
}
.hdr-megamenu-inner{
  background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;
  box-shadow:0 16px 48px rgba(15,23,42,.14);
  overflow:hidden;
}
#categories-megamenu.is-open .hdr-megamenu-panel,
#categories-megamenu:hover .hdr-megamenu-panel,
#categories-megamenu:focus-within .hdr-megamenu-panel{
  opacity:1;visibility:visible;pointer-events:auto;
}

.hdr-search-wrap,.hdr-lang-dd{position:relative;z-index:110}
.hdr-search-popover{
  position:absolute;top:calc(100% + .5rem);right:0;width:min(22rem,calc(100vw - 2rem));
  background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;box-shadow:0 12px 40px rgba(15,23,42,.14);
  padding:.75rem;z-index:120;display:none;
}
.hdr-search-popover.is-open{display:block}
.hdr-search-field{position:relative}
.hdr-search-popover input{
  width:100%;padding:.7rem .85rem .7rem 2.25rem;border:1px solid #e2e8f0;border-radius:.7rem;
  font-size:.875rem;background:#f8fafc;
}
.hdr-search-popover input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.hdr-search-popover .hdr-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}

.site-header .hdr-account-link{
  display:inline-flex;align-items:center;gap:.4rem;height:2.25rem;padding:0 .75rem;
  font-size:.8125rem;font-weight:600;color:#1e40af;text-decoration:none;
  border-radius:.65rem;border:1px solid #bfdbfe;background:#eff6ff;white-space:nowrap;
}
.site-header .hdr-account-link:hover{background:#dbeafe;color:#1d4ed8}
.site-header .hdr-account-link i{font-size:.95rem}

.hdr-lang-menu{
  position:absolute;top:calc(100% + .4rem);right:0;min-width:9.5rem;
  background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;
  box-shadow:0 10px 28px rgba(15,23,42,.12);padding:.35rem;z-index:85;display:none;
}
.hdr-lang-menu.is-open{display:block}
.hdr-lang-menu a{
  display:block;padding:.5rem .7rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;
  color:#334155;text-decoration:none;
}
.hdr-lang-menu a:hover{background:#f1f5f9}
.hdr-lang-menu a.is-active{background:#eff6ff;color:#1d4ed8}

@media (max-width:1023px){
  .site-header .hdr-actions--desktop{display:none !important}
}