body:not(.sf-login-active) .nav{
  --sf-shell-line:rgba(191,219,254,.82);
  background:linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(248,252,255,.82) 58%,rgba(255,255,255,.84) 100%)!important;
  border-bottom:1px solid var(--sf-shell-line)!important;
  border-left:1px solid var(--sf-shell-line)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  backdrop-filter:blur(22px) saturate(138%);
  -webkit-backdrop-filter:blur(22px) saturate(138%);
}
body:not(.sf-login-active) .nav::after{
  display:none!important;
  content:none!important;
}
body.sf-sb-open #nav-home-extras{
  background:transparent!important;
  border:0!important;
  border-radius:999px;
  padding:0!important;
  box-shadow:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
@media (min-width:769px){
  body.sf-sb-open .nav{
    top:var(--sf-app-gap,16px)!important;
    min-height:60px!important;
    height:var(--nav-h,60px)!important;
    align-items:center!important;
    border-radius:0 28px 0 0!important;
    padding:0 14px!important;
  }
  body.sf-sb-open .nav-left{
    width:100%!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding-right:360px!important;
    box-sizing:border-box!important;
  }
  body.sf-sb-open #nav-home-extras{
    width:100%!important;
    max-width:none!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  body.sf-sb-open #nav-home-extras .nav-search-wrap{
    flex:1 1 760px!important;
    width:auto!important;
    max-width:none!important;
    min-width:min(640px,100%)!important;
  }
  body.sf-sb-open #sf-sidebar .sf-sb-logo{
    min-height:60px!important;
    height:var(--nav-h,60px)!important;
    padding-top:0!important;
    padding-bottom:0!important;
    position:relative!important;
    border-bottom:1px solid rgba(191,219,254,.82)!important;
    box-sizing:border-box!important;
  }
  body.sf-sb-open #sf-sidebar .sf-sb-logo::after{
    display:none!important;
    content:none!important;
  }
}
body:not(.sf-login-active) .nav-pill,
body:not(.sf-login-active) .nav-icon-btn{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border-color:rgba(147,197,253,.46)!important;
  color:#0f172a!important;
  box-shadow:0 8px 18px rgba(15,23,42,.055)!important;
}
body:not(.sf-login-active) .nav-pill:hover,
body:not(.sf-login-active) .nav-icon-btn:hover{
  border-color:rgba(0,94,184,.38)!important;
  color:#005eb8!important;
  transform:translateY(-1px);
}
body:not(.sf-login-active) .nav-datetime-pill{
  background:linear-gradient(180deg,#fff 0%,#fff7ed 100%)!important;
  border-color:rgba(250,204,21,.46)!important;
}
body:not(.sf-login-active) #nav-quick-btn{
  background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 100%)!important;
  border-color:rgba(59,130,246,.34)!important;
}
body:not(.sf-login-active) .nav-search-wrap{
  background:#fff!important;
  border:1px solid rgba(147,197,253,.52)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
  flex:1 1 auto!important;
  max-width:none!important;
  min-width:min(640px,100%)!important;
  height:40px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  padding:0!important;
}
body:not(.sf-login-active) .nav-search-wrap .nav-search-input{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 14px 0 34px!important;
}
body:not(.sf-login-active) .nav-search-wrap .nav-search-input:focus{
  width:100%!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.sf-login-active) .nav-search-wrap:focus-within{
  border-color:#005eb8!important;
  box-shadow:0 0 0 4px rgba(0,94,184,.09),0 12px 28px rgba(15,23,42,.08)!important;
}
#sf-sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 56%,#fefce8 100%)!important;
  border-right:1px solid rgba(147,197,253,.36)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.05)!important;
}
#sf-sidebar .sf-sb-logo{
  background:linear-gradient(135deg,#ffffff 0%,#eef6ff 72%,#fff7d6 100%)!important;
}
#sf-sidebar .sf-sb-item.active{
  background:linear-gradient(90deg,#eaf4ff 0%,#f0fdf4 100%)!important;
}
#sf-sidebar .sf-sb-brand-stack .sf-sb-group{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,252,255,.98) 100%)!important;
}
body.sf-home-v2-enabled #sf-v2-account{
  background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(248,252,255,.68) 100%)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-left:1px solid rgba(255,255,255,.78)!important;
  border-radius:999px!important;
  padding:4px!important;
  gap:6px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(15,23,42,.07);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
body.sf-home-v2-enabled #sf-v2-account .sf-v2-bell,
body.sf-home-v2-enabled #sf-v2-account .sf-v2-user,
body.sf-home-v2-enabled #sf-v2-account .sf-v2-logout{
  width:auto!important;
  min-width:0!important;
  height:36px!important;
  gap:7px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(147,197,253,.34)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(248,252,255,.88) 100%)!important;
  color:#0f172a!important;
  box-shadow:none!important;
}
body.sf-home-v2-enabled #sf-v2-account .sf-v2-user{
  padding-left:5px!important;
}
body.sf-home-v2-enabled #sf-v2-account .sf-v2-username{
  display:inline-block!important;
}
body.sf-home-v2-enabled #sf-v2-account .sf-v2-bell:hover,
body.sf-home-v2-enabled #sf-v2-account .sf-v2-user:hover,
body.sf-home-v2-enabled #sf-v2-account .sf-v2-logout:hover{
  border-color:rgba(0,94,184,.34)!important;
  background:linear-gradient(180deg,#fff 0%,#eef6ff 100%)!important;
  color:#005eb8!important;
  transform:translateY(-1px);
}
body.sf-home-v2-enabled #sf-v2-account .sf-v2-bell svg{
  width:18px!important;
  height:18px!important;
}
.sf-v2-chat-label{
  font:900 .72rem "Outfit",sans-serif;
  letter-spacing:.01em;
}
body.sf-home-v2-enabled #sf-v2-account .sf-v2-badge{
  right:7px!important;
  top:5px!important;
  min-width:8px!important;
  width:8px!important;
  height:8px!important;
  padding:0!important;
  border:2px solid #fff!important;
  background:#ef4444!important;
  font-size:0!important;
  line-height:0!important;
}
.sf-v2-logout{
  height:34px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(147,197,253,.34);
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(248,252,255,.88) 100%);
  color:#0f172a;
  font:900 .72rem "Outfit",sans-serif;
  cursor:pointer;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.sf-v2-logout:hover{
  transform:translateY(-1px);
  border-color:rgba(0,94,184,.34);
  color:#005eb8;
  background:linear-gradient(180deg,#fff 0%,#eef6ff 100%);
}
#nav-logout-btn.sf-session-visible{
  display:inline-flex!important;
}
body.sf-store-search-in-head #ctrl.show{
  display:none!important;
}
body.sf-store-search-in-head #ctrl.show ~ #vs{
  top:var(--sf-content-top,calc(var(--sf-app-gap,44px) + var(--nav-h,56px)))!important;
  height:calc(100vh - var(--nav-h,56px) - var(--sf-app-gap,44px) - var(--sf-app-gap-bottom,38px))!important;
  max-height:calc(100vh - var(--nav-h,56px) - var(--sf-app-gap,44px) - var(--sf-app-gap-bottom,38px))!important;
  padding-top:0!important;
}
body.sf-store-search-in-head #vs #shead{
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) auto!important;
  align-items:center!important;
  column-gap:16px!important;
  row-gap:10px!important;
  padding:10px 18px!important;
  margin-top:0!important;
  border-top:0!important;
}
body.sf-store-search-in-head #vs #shead .sect-head-main{
  min-width:0!important;
}
body.sf-store-search-in-head #vs #shead .store-head-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  min-width:0!important;
}
body.sf-store-search-in-head #vs #shead .store-head-tools .search-box{
  flex:1 1 360px!important;
  max-width:520px!important;
  min-width:260px!important;
}
body.sf-store-search-in-head #vs #shead .store-head-tools .si{
  height:38px!important;
  border-radius:12px!important;
  background:#fff!important;
  border-color:rgba(147,197,253,.55)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
}
body.sf-store-search-in-head #vs #shead .store-head-tools .rc{
  margin-left:0!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#64748b!important;
  border:1px solid rgba(226,232,240,.9)!important;
  font:850 .66rem "Outfit",sans-serif!important;
}
body.sf-store-search-in-head #vs #shead .pe-toolbar{
  margin-left:0!important;
  justify-content:flex-end!important;
}
body.sf-home-v2-enabled .sf-v2-entry-panel{
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
}
body.sf-home-v2-enabled .sf-v2-entry-side{
  display:none!important;
}

@media (min-width:769px){
  body.sf-sb-open:not(.sf-login-active) #sf-sidebar{
    border-radius:28px 0 0 28px!important;
    border-top:1px solid rgba(191,219,254,.82)!important;
    border-left:1px solid rgba(191,219,254,.82)!important;
    border-bottom:1px solid rgba(191,219,254,.82)!important;
  }
  body.sf-sb-open:not(.sf-login-active) .nav{
    border-top:1px solid rgba(191,219,254,.82)!important;
    border-right:1px solid rgba(191,219,254,.82)!important;
  }
  body.sf-store-search-in-head #vs{
    top:var(--sf-content-top,calc(var(--sf-app-gap,44px) + var(--nav-h,56px)))!important;
  }
  body.sf-store-search-in-head #vs #shead{
    border-radius:0!important;
    box-shadow:0 10px 22px rgba(15,23,42,.055)!important;
  }
  body.sf-store-search-in-head #vs .store-product-list,
  body.sf-store-search-in-head #vs #grid{
    padding-top:14px!important;
  }
  body.sf-home-v2-enabled #sf-v2-account{
    right:12px!important;
  }
  body.sf-sb-open .nav-search-wrap .nav-search-input{
    width:100%!important;
    min-width:0!important;
  }
}

/* Login 2026: central split card, closer to the app visual language. */
body.sf-sb-open.sf-login-active{
  background:linear-gradient(135deg,#79d5f6 0%,#6b73f6 48%,#8a45f4 74%,#d57bbb 100%)!important;
}
body.sf-sb-open.sf-login-active #login-screen{
  padding:clamp(22px,4vw,54px)!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.22),transparent 26%),
    radial-gradient(circle at 86% 82%,rgba(255,255,255,.17),transparent 24%),
    linear-gradient(135deg,#79d5f6 0%,#6b73f6 48%,#8a45f4 74%,#d57bbb 100%)!important;
  overflow:auto!important;
}
body.sf-sb-open.sf-login-active #login-screen::before{
  display:block!important;
  content:""!important;
  position:fixed!important;
  inset:clamp(18px,2.6vw,44px)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
  pointer-events:none!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel,
body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
  height:min(760px,calc(100vh - 64px))!important;
  max-height:min(760px,calc(100vh - 64px))!important;
  box-shadow:0 32px 80px rgba(10,37,80,.24)!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
  width:min(560px,42vw)!important;
  min-width:460px!important;
  max-width:560px!important;
  flex:0 0 min(560px,42vw)!important;
  border-radius:22px 0 0 22px!important;
  background:
    radial-gradient(circle at 100% 67%,#0996ef 0 82px,transparent 84px),
    radial-gradient(circle at 0% 108%,rgba(28,171,255,.95) 0 150px,transparent 152px),
    radial-gradient(circle at 78% 73%,rgba(0,79,154,.42) 0 116px,transparent 118px),
    linear-gradient(145deg,#0b9df1 0%,#0069b6 54%,#004d8a 100%)!important;
  overflow:hidden!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-video-wrap,
body.sf-sb-open.sf-login-active #login-screen .login-video,
body.sf-sb-open.sf-login-active #login-screen .login-image-logos,
body.sf-sb-open.sf-login-active #login-screen .sf-login-credit{
  display:none!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay{
  padding:46px 54px!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 118% 36%,rgba(255,255,255,.72) 0 182px,transparent 184px),
    linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%)!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay::before{
  content:""!important;
  position:absolute!important;
  inset:auto auto -92px -74px!important;
  width:250px!important;
  height:250px!important;
  border-radius:54px!important;
  background:linear-gradient(135deg,rgba(20,163,255,.95),rgba(0,78,145,.42))!important;
  transform:rotate(1deg)!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-overlay::after{
  content:""!important;
  position:absolute!important;
  right:34px!important;
  bottom:62px!important;
  width:210px!important;
  height:210px!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#10a5ff,#005390)!important;
  box-shadow:0 24px 48px rgba(0,47,95,.26)!important;
}
body.sf-sb-open.sf-login-active #login-screen .sf-login-brandmark{
  position:absolute!important;
  left:34px!important;
  top:30px!important;
  width:46px!important;
  height:46px!important;
  max-height:none!important;
  margin:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.92)!important;
  padding:7px!important;
  filter:drop-shadow(0 10px 24px rgba(0,41,95,.16))!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy{
  max-width:none!important;
  width:100%!important;
  margin:34px 0 0!important;
  overflow:hidden!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .star{
  display:none!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .small{
  color:rgba(255,255,255,.88)!important;
  font:900 .78rem/1.2 "Outfit",sans-serif!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin-bottom:16px!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .big{
  color:#fff!important;
  font:950 clamp(1.35rem,2vw,2.35rem)/1.08 "Outfit",sans-serif!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  text-shadow:0 12px 28px rgba(0,44,95,.22)!important;
  white-space:normal!important;
  max-width:10.8em!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
  width:min(660px,46vw)!important;
  min-width:540px!important;
  max-width:660px!important;
  flex:0 0 min(660px,46vw)!important;
  padding:38px 64px!important;
  border:0!important;
  border-left:0!important;
  border-radius:0 22px 22px 0!important;
  background:
    radial-gradient(circle at 100% 100%,rgba(14,165,233,.92) 0 82px,transparent 84px),
    #ffffff!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-form-panel::-webkit-scrollbar{
  display:none!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-box{
  max-width:430px!important;
  min-height:0!important;
  justify-content:flex-start!important;
  margin:auto!important;
}
body.sf-sb-open.sf-login-active #login-screen .sf-login-form-brand{
  width:132px!important;
  max-width:132px!important;
  margin:0 0 22px!important;
  opacity:.9!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-title{
  font:950 2.15rem/1.05 "Outfit",sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#111827!important;
  margin-bottom:7px!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-sub{
  max-width:36ch!important;
  color:#8a94a6!important;
  font-size:.78rem!important;
  line-height:1.5!important;
  margin-bottom:14px!important;
}
body.sf-sb-open.sf-login-active #login-screen .auth-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
  padding:4px!important;
  border:1px solid #e5edf8!important;
  border-radius:14px!important;
  background:#f7f9fc!important;
  margin:0 0 14px!important;
}
body.sf-sb-open.sf-login-active #login-screen .auth-tab{
  height:34px!important;
  border-radius:10px!important;
  border:0!important;
  margin:0!important;
  color:#64748b!important;
  font:900 .7rem "Outfit",sans-serif!important;
}
body.sf-sb-open.sf-login-active #login-screen .auth-tab.active{
  color:#fff!important;
  background:#00558f!important;
  box-shadow:0 10px 20px rgba(0,85,143,.18)!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-field input{
  min-height:45px!important;
  border:0!important;
  border-radius:9px!important;
  background:#f0f2f5!important;
  box-shadow:inset 0 0 0 1px rgba(226,232,240,.45)!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-field input:focus{
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(0,94,184,.12),inset 0 0 0 1px #005eb8!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-btn{
  min-height:48px!important;
  border-radius:9px!important;
  background:#00558f!important;
  color:#fff!important;
  box-shadow:0 13px 24px rgba(0,85,143,.22)!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-contact{
  min-height:42px!important;
  border-radius:9px!important;
  background:#fff!important;
  border:1.5px solid #111827!important;
  color:#111827!important;
  box-shadow:none!important;
}
body.sf-sb-open.sf-login-active #login-screen .login-footer{
  margin-top:10px!important;
  padding-top:10px!important;
}

@media (max-width:900px){
  body.sf-sb-open.sf-login-active #login-screen .login-image-panel{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:172px!important;
    flex:0 0 172px!important;
    border-radius:22px 22px 0 0!important;
  }
  body.sf-sb-open.sf-login-active #login-screen{
    flex-direction:column!important;
    align-items:center!important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-form-panel{
    width:min(430px,92vw)!important;
    min-width:0!important;
    max-width:430px!important;
    flex:0 0 auto!important;
    border-radius:0 0 22px 22px!important;
    padding:30px 24px!important;
  }
  body.sf-sb-open.sf-login-active #login-screen .login-image-panel .sf-login-copy .big{
    font-size:1.45rem!important;
  }
}
@media (max-width:900px){
  body.sf-sb-open #nav-home-extras{
    border-radius:18px;
    padding-right:10px!important;
  }
  .sf-v2-logout{height:32px;padding:0 10px;}
  body.sf-store-search-in-head #vs #shead{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  body.sf-store-search-in-head #vs #shead .store-head-tools{
    justify-content:stretch!important;
  }
  body.sf-store-search-in-head #vs #shead .store-head-tools .search-box{
    max-width:none!important;
    min-width:0!important;
  }
}