.nav-account{display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px;padding:0;border:0;background:transparent;cursor:pointer}
.nav-account img{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(15,8,61,.35))}
.nav-account span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:901px){
  body .site-header .nav-wrap{width:var(--container);max-width:1240px;min-height:88px;padding:0;background:transparent;background-image:none;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
  .site-header .brand{flex:0 1 290px;width:clamp(225px,20vw,290px)}
  .home-page #main-nav,body:not(.home-page) #main-nav{gap:13px!important;padding:0!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  body #main-nav>a:not(.nav-account),body #main-nav .nav-categories>summary{padding:8px 7px!important;border-radius:14px!important;color:#fff!important;text-shadow:0 2px 12px rgba(2,7,40,.75)!important;transition:color .18s ease,background-color .18s ease!important}
  body #main-nav>a:not(.nav-account):not([aria-current="page"]):hover,body #main-nav>a:not(.nav-account):not([aria-current="page"]):focus-visible,body #main-nav .nav-categories>summary:hover,body #main-nav .nav-categories>summary:focus-visible{color:#ffe36d!important;background:rgba(255,255,255,.1)!important;box-shadow:none!important;transform:none!important}
  body #main-nav>a:not(.nav-account)[aria-current="page"]{padding-left:18px!important;padding-right:18px!important;color:#fff6bd!important;background:rgba(255,255,255,.13)!important;box-shadow:none!important;text-shadow:0 2px 12px rgba(2,7,40,.75)!important}
  body #main-nav .nav-account{margin-left:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
  body #main-nav .nav-account:hover,body #main-nav .nav-account:focus-visible{background:transparent!important;transform:translateY(-2px) scale(1.04)}
  body #main-nav .nav-search-toggle{color:#fff!important;background:linear-gradient(135deg,rgba(239,63,147,.94),rgba(132,55,204,.94))!important;border-color:rgba(255,255,255,.64)!important;box-shadow:0 8px 24px rgba(3,8,42,.3)!important}
  body #main-nav .nav-chevron circle{fill:rgba(255,227,109,.17);stroke:rgba(255,227,109,.65)}
}
@media(min-width:901px) and (max-width:1180px){
  body .site-header .nav-wrap{width:var(--container);padding-inline:0}
  .site-header .brand{flex-basis:205px;width:205px}
  .home-page #main-nav,body:not(.home-page) #main-nav{gap:4px!important}
  body #main-nav>a:not(.nav-account),body #main-nav .nav-categories>summary{padding-inline:4px!important;font-size:.87rem!important}
  body #main-nav>a:not(.nav-account)[aria-current="page"]{padding-inline:16px!important}
}
@media(max-width:900px){
  .nav-account{display:flex;width:100%;height:auto;padding:10px 12px;border:0;border-radius:12px;box-shadow:none;gap:10px;justify-content:flex-start;color:var(--ink)}
  .nav-account img{width:30px;height:30px}
  .nav-account span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
}