html,body{
  margin:0;padding:0;
  background:#fff!important;
  overflow-x:hidden;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100%;
}
body.chakra-ui-light, html.chakra-ui-light body{overflow-y:auto!important;}
/* unhide leftover framer-motion initial states */
#__next [style*="opacity:0"],
#__next [style*="opacity: 0"]{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
#slow-stage{display:none;min-height:100vh;background:#fff;}
#slow-stage.on{display:block;}
#app-root.off{display:none;}
#slow-mount .chunk-hide{visibility:hidden!important;opacity:0!important;}
#slow-mount .chunk-show{visibility:visible!important;opacity:1!important;transition:opacity .55s ease;}

/* ===== Floating top nav — match debox.pro typography ===== */
.debox-nav{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:8px 14px 8px 16px;
  background:#fff;
  border-radius:999px;
  box-shadow:0 4px 24px rgba(5,22,31,.08), 0 0 0 1px rgba(5,22,31,.04);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  color:#1a1a1a;
}
.debox-nav-main{
  display:flex;
  align-items:center;
  gap:22px;
  min-width:0;
  flex:1 1 auto;
}
.debox-nav-left{
  display:flex;align-items:center;gap:8px;flex:0 0 auto;
  text-decoration:none;color:#111;
}
.debox-nav-left img{width:28px;height:28px;display:block;border-radius:8px}
.debox-nav-left strong{
  font-family:"ClashDisplay",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;
  font-weight:600;
  letter-spacing:.02em;
  color:#111;
  line-height:1;
}
.debox-nav-menu{
  display:flex;align-items:center;gap:4px;flex:0 0 auto;justify-content:flex-start;
}
.debox-nav-item{position:relative}
.debox-nav-link,
.debox-nav-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:8px 12px;border:0;background:transparent;cursor:pointer;
  color:#1a1a1a;
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  letter-spacing:.02em;
  text-decoration:none;
  border-radius:8px;white-space:nowrap;
  line-height:1.2;
}
.debox-nav-link:hover,
.debox-nav-btn:hover{background:rgba(5,22,31,.04)}
.debox-nav-btn .chev{
  width:0;height:0;
  border-left:3.5px solid transparent;
  border-right:3.5px solid transparent;
  border-top:4px solid #9aa0a8;
  margin-left:1px;
  position:relative;top:1px;
}
.debox-nav-drop{
  display:none;position:absolute;top:calc(100% + 8px);left:0;transform:none;
  min-width:168px;padding:8px;background:#fff;border-radius:12px;
  box-shadow:0 12px 32px rgba(5,22,31,.12), 0 0 0 1px rgba(5,22,31,.06);
  z-index:200;
  font-family:inherit;
}
.debox-nav-item.open .debox-nav-drop{display:block}
.debox-nav-drop a{
  display:block;padding:10px 12px;border-radius:8px;
  color:#1a1a1a;font-size:13px;font-weight:500;text-decoration:none;
}
.debox-nav-drop a:hover{background:rgba(33,193,97,.08);color:#21c161}
.debox-nav-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.debox-nav-price{
  display:inline-flex;align-items:center;gap:6px;
  height:34px;padding:0 12px;border-radius:999px;
  border:1px solid rgba(5,22,31,.12);background:#fff;
  font-family:"ClashDisplay",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;font-weight:600;color:#111;text-decoration:none;
  letter-spacing:.01em;
}
.debox-nav-price .dot{
  width:14px;height:14px;border-radius:50%;
  background:#21c161;
  flex:0 0 auto;
}
.debox-nav-lang{
  width:34px;height:34px;border-radius:50%;border:1px solid rgba(5,22,31,.12);cursor:pointer;
  background:#fff;color:#222;display:grid;place-items:center;
}
.debox-nav-lang svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}

@media (max-width:900px){
  .debox-nav{border-radius:18px;padding:10px 12px;gap:8px}
  .debox-nav-menu{display:none}
  .debox-nav-mobile{display:flex!important}
}
.debox-nav-mobile{
  display:none;border:0;background:transparent;cursor:pointer;padding:6px;
}
.debox-nav-mobile span{
  display:block;width:18px;height:2px;background:#05161F;margin:4px 0;border-radius:2px;
}
.debox-nav-drawer{
  display:none;position:absolute;top:calc(100% + 10px);left:12px;right:12px;
  background:#fff;border-radius:16px;padding:10px;
  box-shadow:0 12px 32px rgba(5,22,31,.14);
  font-family:inherit;
}
.debox-nav-drawer.open{display:block}
.debox-nav-drawer a,
.debox-nav-drawer button{
  display:block;width:100%;text-align:left;padding:12px 14px;border:0;background:transparent;
  color:#1a1a1a;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;text-decoration:none;
  font-family:inherit;
}
.debox-nav-drawer a:hover,
.debox-nav-drawer button:hover{background:rgba(5,22,31,.04)}
