/* DERSIN v156 - one compact Projects-style navigation pill on every page */
:root{
  --v156-nav-bg:rgba(15,31,42,.92);
  --v156-nav-line:rgba(46,77,98,.78);
  --v156-nav-text:rgba(255,255,255,.72);
  --v156-nav-text-strong:#fff;
}

html body .site-header.site-header,
html body.ui-v150 .site-header.site-header{
  position:fixed!important;
  z-index:1000!important;
  top:11px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(960px,calc(100% - 30px))!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
  overflow:visible!important;
}

html body .site-header .nav-shell.nav-shell,
html body.ui-v150 .site-header .nav-shell.nav-shell{
  width:100%!important;
  max-width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 15px 0 14px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:18px!important;
  border:1px solid var(--v156-nav-line)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(20,40,53,.94),var(--v156-nav-bg))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(18px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
  pointer-events:auto!important;
  overflow:visible!important;
}

html body .site-header.scrolled .nav-shell.nav-shell,
html body.ui-v150 .site-header.scrolled .nav-shell.nav-shell{
  height:50px!important;
  min-height:50px!important;
}

html body .site-header .brand.brand-lockup,
html body.ui-v150 .site-header .brand.brand-lockup{
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 3px!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
}

html body .site-header .brand.brand-lockup .brand-mark,
html body.ui-v150 .site-header .brand.brand-lockup .brand-mark{
  display:block!important;
  width:25px!important;
  height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:brightness(0) invert(1)!important;
}

html body .site-header .brand.brand-lockup .brand-name,
html body.ui-v150 .site-header .brand.brand-lockup .brand-name{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  color:#fff!important;
  white-space:nowrap!important;
  opacity:.95!important;
}

html body .site-header .main-nav.main-nav,
html body.ui-v150 .site-header .main-nav.main-nav{
  position:static!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:27px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body .site-header .main-nav.main-nav a,
html body.ui-v150 .site-header .main-nav.main-nav a{
  position:relative!important;
  width:auto!important;
  margin:0!important;
  padding:8px 0!important;
  border:0!important;
  color:var(--v156-nav-text)!important;
  opacity:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .18s ease!important;
}
html body .site-header .main-nav.main-nav a:hover,
html body .site-header .main-nav.main-nav a.active,
html body.ui-v150 .site-header .main-nav.main-nav a:hover,
html body.ui-v150 .site-header .main-nav.main-nav a.active{color:var(--v156-nav-text-strong)!important}
html body .site-header .main-nav.main-nav a::after,
html body.ui-v150 .site-header .main-nav.main-nav a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:3px!important;
  width:0!important;
  height:1px!important;
  background:#fff!important;
  transform:translateX(-50%)!important;
  transition:width .18s ease!important;
}
html body .site-header .main-nav.main-nav a:hover::after,
html body .site-header .main-nav.main-nav a.active::after,
html body.ui-v150 .site-header .main-nav.main-nav a:hover::after,
html body.ui-v150 .site-header .main-nav.main-nav a.active::after{width:100%!important}

html body .site-header .nav-right-v156,
html body.ui-v150 .site-header .nav-right-v156{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}

html body .site-header .lang.lang,
html body.ui-v150 .site-header .lang.lang{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0 3px 0 0!important;
  color:rgba(255,255,255,.34)!important;
  flex:0 0 auto!important;
}
html body .site-header .lang.lang button,
html body.ui-v150 .site-header .lang.lang button{
  padding:3px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.48)!important;
  font:600 9px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.1em!important;
  cursor:pointer!important;
}
html body .site-header .lang.lang button.active,
html body.ui-v150 .site-header .lang.lang button.active{color:#fff!important}

html body .site-header .header-actions,
html body.ui-v150 .site-header .header-actions{
  display:flex!important;
  align-items:center!important;
  gap:1px!important;
  flex:0 0 auto!important;
}
html body .site-header .header-icon,
html body.ui-v150 .site-header .header-icon{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:transparent!important;
  text-decoration:none!important;
}
html body .site-header .header-icon:hover,
html body.ui-v150 .site-header .header-icon:hover{background:rgba(255,255,255,.07)!important}
html body .site-header .header-icon img,
html body.ui-v150 .site-header .header-icon img{
  width:17px!important;
  height:17px!important;
  opacity:1!important;
  filter:brightness(0) invert(1)!important;
}
html body .site-header .cart-count,
html body.ui-v150 .site-header .cart-count{
  position:absolute!important;
  right:-2px!important;
  top:-2px!important;
  min-width:14px!important;
  height:14px!important;
  padding:0 3px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.36)!important;
  border-radius:99px!important;
  background:#2E4D62!important;
  color:#fff!important;
  font:700 8px/1 Arial,sans-serif!important;
}
html body .site-header .cart-count[data-count="0"],
html body.ui-v150 .site-header .cart-count[data-count="0"]{display:none!important}

html body .site-header .menu-btn.menu-btn,
html body.ui-v150 .site-header .menu-btn.menu-btn{
  display:none!important;
  width:30px!important;
  height:30px!important;
  padding:5px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  cursor:pointer!important;
}
html body .site-header .menu-btn.menu-btn:hover,
html body.ui-v150 .site-header .menu-btn.menu-btn:hover{background:rgba(255,255,255,.07)!important}
html body .site-header .menu-btn.menu-btn i,
html body.ui-v150 .site-header .menu-btn.menu-btn i{
  display:block!important;
  width:18px!important;
  height:1px!important;
  margin:4px auto!important;
  background:#fff!important;
}

/* Auth UI */
.auth-wrap-v150{padding-top:102px!important;padding-bottom:64px!important}
.auth-card-v150{width:min(470px,calc(100% - 28px))!important;margin-inline:auto!important;padding:30px!important;border-radius:20px!important}
.auth-tabs-v150{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:5px!important;margin-bottom:20px!important;border:1px solid rgba(46,77,98,.46)!important;border-radius:13px!important;background:#10212C!important}
.auth-tabs-v150 .v150-btn{height:40px!important;padding:0 14px!important;border-radius:9px!important;border:0!important;background:transparent!important;color:#81919A!important}
.auth-tabs-v150 .v150-btn:not(.secondary){background:#203746!important;color:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important}
.social-auth-v156{display:grid;gap:9px;margin-bottom:18px}
.social-auth-btn-v156{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#10212C;color:#fff;font:600 13px/1 Arial,Helvetica,sans-serif;cursor:pointer;transition:.18s ease}
.social-auth-btn-v156:hover{background:#18313F;border-color:rgba(255,255,255,.24)}
.social-mark-v156{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font:700 13px/1 Arial,Helvetica,sans-serif;background:#fff;color:#111}
.social-mark-v156.google{font-family:Arial,Helvetica,sans-serif}
.social-mark-v156.apple{font-family:Georgia,'Times New Roman',serif;font-size:14px}
.auth-separator-v156{display:flex;align-items:center;gap:12px;margin:17px 0;color:#52636E;font:600 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.auth-separator-v156::before,.auth-separator-v156::after{content:"";height:1px;flex:1;background:rgba(46,77,98,.45)}
.auth-form-v150{display:grid!important;gap:13px!important}
.auth-form-v150 .field-v150 label{display:block;margin-bottom:7px;color:#70808A;font-size:11px}
.auth-form-v150 .field-v150 input{width:100%;height:45px!important;border-radius:10px!important;padding:0 13px!important}
.auth-form-v150 > .v150-btn[type="submit"]{height:46px!important;margin-top:3px!important;border-radius:10px!important;background:#2E4D62!important;color:#fff!important;border-color:#426C86!important}
.auth-form-v150 > .v150-btn[type="submit"]:hover{background:#365B73!important}
.auth-note-v156{margin:15px 2px 0;color:#52636E;font-size:10px;line-height:1.55;text-align:center}

@media(max-width:800px){
  html body .site-header.site-header,
  html body.ui-v150 .site-header.site-header{top:8px!important;width:calc(100% - 16px)!important}
  html body .site-header .nav-shell.nav-shell,
  html body.ui-v150 .site-header .nav-shell.nav-shell{
    height:48px!important;min-height:48px!important;padding:0 9px 0 12px!important;grid-template-columns:1fr auto!important;gap:8px!important;
  }
  html body .site-header.scrolled .nav-shell.nav-shell,
  html body.ui-v150 .site-header.scrolled .nav-shell.nav-shell{height:48px!important;min-height:48px!important}
  html body .site-header .brand.brand-lockup .brand-mark,
  html body.ui-v150 .site-header .brand.brand-lockup .brand-mark{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
  html body .site-header .brand.brand-lockup .brand-name,
  html body.ui-v150 .site-header .brand.brand-lockup .brand-name{font-size:16px!important}
  html body .site-header .main-nav.main-nav,
  html body.ui-v150 .site-header .main-nav.main-nav{display:none!important}
  html body .site-header .main-nav.main-nav.open,
  html body.ui-v150 .site-header .main-nav.main-nav.open{
    position:absolute!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
    top:57px!important;left:0!important;right:0!important;width:100%!important;padding:8px 14px!important;
    border:1px solid var(--v156-nav-line)!important;border-radius:18px!important;background:rgba(15,31,42,.98)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.32)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  html body .site-header .main-nav.main-nav.open a,
  html body.ui-v150 .site-header .main-nav.main-nav.open a{width:100%!important;padding:13px 5px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
  html body .site-header .main-nav.main-nav.open a::after,
  html body.ui-v150 .site-header .main-nav.main-nav.open a::after{display:none!important}
  html body .site-header .lang.lang,
  html body.ui-v150 .site-header .lang.lang{display:none!important}
  html body .site-header .menu-btn.menu-btn,
  html body.ui-v150 .site-header .menu-btn.menu-btn{display:block!important}
  html body .site-header .nav-right-v156,
  html body.ui-v150 .site-header .nav-right-v156{gap:2px!important}
  html body .site-header .header-icon,
  html body.ui-v150 .site-header .header-icon{width:29px!important;height:29px!important}
  .auth-wrap-v150{padding-top:82px!important}
  .auth-card-v150{padding:22px 18px!important}
}

@media(max-width:420px){
  html body .site-header .brand.brand-lockup .brand-name,
  html body.ui-v150 .site-header .brand.brand-lockup .brand-name{display:none!important}
}