/* ASKALE — ONE-PIECE TOP NAVIGATION (loaded last on every page)
   One continuous bar: no inset panel, no second bar, cart level with the search field.
   Colours come from the admin "Colors" section through the --hdr-* variables (fallbacks = the current look). */
html body header:not(#h){
  position:sticky!important;top:0!important;z-index:200!important;
  background:var(--hdr-bg,#ffffff)!important;color:var(--hdr-text,#2d211a)!important;
  border:0!important;border-bottom:1px solid var(--hdr-line,#e6ddd3)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  width:100%!important;left:0!important;right:0!important;margin:0!important;padding:0!important;
}
/* the inner row never paints its own background or border, so there is only ONE surface */
html body header:not(#h) .wrap.nav,html body header:not(#h) .nav{
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
  width:100%!important;max-width:1240px!important;margin:0 auto!important;box-sizing:border-box!important;
  padding:0 24px!important;min-height:72px!important;height:72px!important;
  display:flex!important;align-items:center!important;gap:14px!important;
}
html body.home-page header:not(#h){position:sticky!important}
html body header:not(#h) .logo{order:1!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;margin:0 14px 0 0!important}
html body header:not(#h) .logo span{color:var(--hdr-text,#000)!important;font-size:23px!important;letter-spacing:5px!important;font-weight:900!important;line-height:1!important;font-family:Arial,Helvetica,sans-serif!important}
html body header:not(#h) .logo img{display:none!important}

/* ONE row of links inside the same bar (wide screens) */
html body header:not(#h) .nav nav:not(.askale-desktop-subnav){order:2!important;display:flex!important;align-items:center!important;gap:24px!important;flex:0 1 auto!important;margin:0!important}
html body header:not(#h) .nav nav a{margin:0!important;color:var(--hdr-text,#2d211a)!important;font-size:11px!important;letter-spacing:1.5px!important;text-transform:uppercase!important;white-space:nowrap!important;border:0!important;padding:0!important;background:transparent!important}
html body header:not(#h) .catalogue-trigger{color:var(--hdr-text,#2d211a)!important}
html body header:not(#h) .catalogue-nav{position:relative!important;display:inline-flex!important;align-items:center!important}
html body header:not(#h) .catalogue-dropdown{position:absolute!important;top:calc(100% + 14px)!important;left:50%!important;transform:translateX(-50%)!important;min-width:200px!important;padding:8px 0!important;margin:0!important;background:var(--hdr-bg,#fff)!important;border:1px solid var(--hdr-line,#e6ddd3)!important;box-shadow:0 14px 35px rgba(40,28,20,.12)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:300!important;display:block!important}
html body header:not(#h) .catalogue-dropdown::before{content:""!important;position:absolute!important;left:0;right:0;top:-16px;height:16px}
html body header:not(#h) .catalogue-nav:hover .catalogue-dropdown,html body header:not(#h) .catalogue-nav:focus-within .catalogue-dropdown,html body header:not(#h) .catalogue-nav.open .catalogue-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html body header:not(#h) .nav nav .catalogue-dropdown a{color:var(--hdr-text,#2d211a)!important;padding:10px 18px!important;display:block!important;font-size:10px!important;letter-spacing:1px!important;white-space:nowrap!important;text-transform:uppercase!important}
html body header:not(#h) .nav nav .catalogue-dropdown a:hover{background:rgba(0,0,0,.05)!important}
html body:not(#h) .askale-desktop-subnav{display:none!important}

/* search + cart: same height, same top and bottom edge */
html body header:not(#h) .site-search-wrap{order:3!important;margin:0 0 0 auto!important;display:flex!important;align-items:center!important;height:38px!important;flex:0 0 auto!important;width:auto!important;min-width:0!important}
html body header:not(#h) .site-search-wrap form{margin:0!important;display:flex!important;align-items:center!important;height:38px!important}
html body header:not(#h) .site-search{width:210px!important;height:38px!important;box-sizing:border-box!important;margin:0!important;padding:0 14px!important;border:1px solid var(--hdr-field-line,#d8cec2)!important;border-radius:0!important;background:var(--hdr-field,#fdfbf8)!important;color:var(--hdr-text,#2d211a)!important;font-size:11px!important}
html body header:not(#h) .site-search::placeholder{color:var(--hdr-text,#2d211a)!important;opacity:.55!important}
html body header:not(#h) .nav-actions{order:4!important;margin:0!important;display:flex!important;align-items:center!important;height:38px!important}
html body header:not(#h) .nav-actions .nav-btn,html body header:not(#h) .nav-btn.cart{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;min-width:42px!important;height:38px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
  border:1px solid var(--hdr-field-line,#d8cec2)!important;border-radius:0!important;background:var(--hdr-field,#fdfbf8)!important;color:var(--hdr-text,#2d211a)!important;font-size:0!important;line-height:1!important;gap:0!important}
html body header:not(#h) .nav-btn .cart-icon{width:19px!important;height:19px!important;display:block!important}
html body header:not(#h) .nav-btn .badge{position:absolute!important;top:-7px!important;right:-7px!important;margin:0!important;min-width:16px!important;height:16px!important;padding:0 4px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;font-size:9px!important;line-height:1!important;background:var(--hdr-badge,#d7c2a5)!important;color:var(--hdr-badge-text,#2d211a)!important}

/* hamburger + search icon are only for narrower screens */
html body header:not(#h) .mobile-menu-btn,html body header:not(#h) .mobile-search-btn{display:none!important}

/* ---- tablets & phones: hamburger, logo, (search), cart in the same single bar ---- */
@media(max-width:1099px){
  html body header:not(#h) .wrap.nav,html body header:not(#h) .nav{padding:0 16px!important;gap:10px!important}
  html body header:not(#h) .nav nav:not(.askale-desktop-subnav){display:none!important}
  html body header:not(#h) .mobile-menu-btn{order:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;margin:0!important;border:1px solid var(--hdr-field-line,#d8cec2)!important;border-radius:0!important;background:var(--hdr-field,#fdfbf8)!important;color:var(--hdr-text,#2d211a)!important;font-size:19px!important;line-height:1!important}
  html body header:not(#h) .logo{order:2!important;margin:0 auto 0 0!important}
  html body header:not(#h) .site-search-wrap{order:3!important;margin:0 0 0 auto!important}
  html body header:not(#h) .site-search{width:180px!important}
  html body header:not(#h) .nav-actions{order:4!important}
}
@media(max-width:700px){
  html body header:not(#h) .wrap.nav,html body header:not(#h) .nav{min-height:64px!important;height:64px!important;padding:0 12px!important;gap:8px!important}
  html body header:not(#h) .site-search-wrap{display:none!important}
  html body header:not(#h) .mobile-search-btn{order:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0 0 0 auto!important;padding:0!important;border:1px solid var(--hdr-field-line,#d8cec2)!important;border-radius:0!important;background:var(--hdr-field,#fdfbf8)!important;color:var(--hdr-text,#2d211a)!important}
  html body header:not(#h) .mobile-search-btn svg{width:17px!important;height:17px!important}
  html body header:not(#h) .logo{margin:0!important}
  html body header:not(#h) .nav-actions .nav-btn,html body header:not(#h) .nav-btn.cart{width:38px!important;min-width:38px!important}
}
/* the menu that opens under the bar (burger menu) uses the menu colours (falls back to the header colours) */
html body .mobile-menu:not(#h){background:var(--mnu-bg,var(--hdr-bg,#fff))!important;border-top:1px solid var(--mnu-line,var(--hdr-line,#e6ddd3))!important;border-bottom:1px solid var(--mnu-line,var(--hdr-line,#e6ddd3))!important}
html body .mobile-menu:not(#h) a,html body .mobile-menu:not(#h) .mobile-cat-trigger,html body .mobile-menu:not(#h) .mobile-cat-trigger span{color:var(--mnu-text,var(--hdr-text,#2d211a))!important;border-color:var(--mnu-line,var(--hdr-line,#eee7df))!important;background:transparent!important}
html body .mobile-menu:not(#h) .mobile-categories,html body .mobile-menu:not(#h) .mobile-catalogue{background:transparent!important;border-color:var(--mnu-line,var(--hdr-line,#eee7df))!important}
html body .mobile-menu:not(#h) .mobile-search,html body .mobile-top-search:not(#h) .mobile-top-search-input{background:var(--mnu-field,#fffaf2)!important;border:1px solid var(--mnu-field-line,#d7c4aa)!important;color:var(--mnu-text,#241b16)!important}
html body .mobile-menu:not(#h) .mobile-search::placeholder,html body .mobile-top-search:not(#h) .mobile-top-search-input::placeholder{color:var(--mnu-text,#241b16)!important;opacity:.55}
html body .mobile-top-search:not(#h){background:var(--mnu-bg,var(--hdr-bg,#fff))!important;border-bottom:1px solid var(--mnu-line,var(--hdr-line,#e6ddd3))!important}
/* icons always follow the header text colour */
html body header:not(#h) .nav-btn .cart-icon,html body header:not(#h) .nav-btn svg,html body header:not(#h) .mobile-search-btn svg{color:var(--hdr-text,#2d211a)!important}
html body header:not(#h) .mobile-menu-btn{color:var(--hdr-text,#2d211a)!important}
/* opened menu: sits directly under the bar, icons follow the header text colour */
html body .mobile-menu:not(#h) svg,html body .mobile-menu:not(#h) .cart-icon{color:var(--mnu-text,var(--hdr-text,#2d211a))!important}
@media(max-width:1099px){html body .mobile-menu:not(#h){top:72px!important}}
@media(max-width:700px){html body .mobile-menu:not(#h){top:64px!important}}