/* Keep the logo, mode switcher, section links and cart in distinct columns. */
#nav{flex-wrap:nowrap;gap:18px}
#nav .nav-brand-name,#nav .nav-links{display:none!important}
#nav .nav-logo{margin-right:auto}
#nav .nav-tabs{margin-inline:auto}
#nav .cart-trigger{margin-left:auto}
#nav .nav-logo,#nav .nav-tabs,#nav .nav-links,#nav .cart-trigger{flex-shrink:0}
#nav .nav-tabs{flex-wrap:nowrap}
#nav .nav-tab,#nav .nav-links a,#nav .cart-trigger{white-space:nowrap}
#nav .nav-links{align-items:center}
body.shop #nav,body.furniture #nav{height:72px!important;min-height:72px}

@media(min-width:901px) and (max-width:1180px){
  body.ads #nav,body.shop #nav,body.furniture #nav{padding-inline:22px;gap:14px}
  /* At tablet widths the section links duplicate the lower section navigation.
     Keep the logo, mode switcher and cart readable in one stable row. */
  #nav .nav-links{display:none!important}
  #nav .nav-logo{gap:10px}
  #nav .nav-brand-name,body.shop #nav .nav-brand-name{font-size:16px}
  #nav .nav-brand-name small{display:none}
  body.ads #nav .nav-logo img,body.shop #nav .nav-logo img{width:52px;height:52px}
  body.furniture #nav .nav-logo .f-nav-logo{width:76px;height:58px}
  #nav .nav-tab{padding-inline:12px;font-size:10px;letter-spacing:.07em}
  #nav .nav-links{gap:16px}
  #nav .nav-links a{font-size:11px;letter-spacing:.08em}
}
@media(min-width:651px) and (max-width:900px){
  body.ads #nav,body.shop #nav,body.furniture #nav{padding-inline:22px;gap:14px}
  #nav .nav-brand-name small{display:none}
  #nav .nav-brand-name,body.shop #nav .nav-brand-name{font-size:16px}
  #nav .nav-tab{padding-inline:14px}
}
@media(max-width:650px){
  body.ads #nav,body.shop #nav,body.furniture #nav{padding-inline:8px;gap:4px;min-height:72px;height:72px!important}
  #nav .nav-tabs{padding:3px;gap:1px}
  #nav .nav-tab{padding-inline:4px;font-size:9px;letter-spacing:0;min-height:44px}
  body.ads #nav .nav-logo img,body.shop #nav .nav-logo img{width:44px;height:44px}
  body.shop #nav .cart-trigger{padding:0;width:32px;font-size:0;background:center/22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2336232f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.4 12h11l2-8H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E")}
}
@media(max-width:380px){
  #nav .nav-tab{padding-inline:2px;font-size:9px}
  body.ads #nav .nav-logo img,body.shop #nav .nav-logo img{width:40px;height:40px}
  body.shop #nav .cart-trigger{padding:0;width:32px;font-size:0;background:center/22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2336232f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.4 12h11l2-8H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E")}
  body.furniture #nav .nav-logo .f-nav-logo{width:50px;height:46px}
}