/* Liso storefront candidate — scoped header layer, October 2026 */
:root {
  --liso-orange: #e56935;
  --liso-ink: #292724;
  --liso-sand: #f4eadf;
  --liso-paper: #fffdf9;
  --liso-line: #e6d6c6;
  --liso-muted: #726a62;
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.liso-notification { background: var(--liso-notification-bg, var(--liso-orange)); color: var(--liso-notification-color, #fff); font-size: .86rem; }
.liso-notification__inner { display: flex; min-height: 34px; align-items: center; justify-content: center; gap: .8rem; text-align: center; }
.liso-notification__inner p { margin: 0; }
.liso-notification a { color: inherit; text-decoration: underline; }
.liso-notification__code { margin-left: .5rem; font-weight: 700; }
.liso-notification__dismiss { cursor: pointer; }

.liso-header { position: relative; z-index: 50; color: var(--liso-ink); background: var(--liso-paper); border-bottom: 1px solid var(--liso-line); box-shadow: 0 3px 18px rgba(65, 43, 25, .05); }
.liso-header__utility { border-bottom: 1px solid rgba(230, 214, 198, .72); background: #fbf4ec; font-size: .78rem; }
.liso-header__utility-inner { display: flex; min-height: 32px; align-items: center; justify-content: flex-end; gap: 1rem; }
.liso-header__utility a, .liso-header__utility span a { color: var(--liso-muted); text-decoration: none; }
.liso-header__utility a:hover, .liso-header__utility a:focus-visible { color: var(--liso-orange); }
.liso-header__settings { position: relative; }
.liso-header__settings > span { cursor: pointer; color: var(--liso-muted); }
.liso-header__settings .dropdown-menu { position: absolute; right: 0; display: none; min-width: 70px; padding: .4rem; background: #fff; border: 1px solid var(--liso-line); box-shadow: 0 8px 18px rgba(50, 35, 22, .12); }
.liso-header__settings:hover .dropdown-menu, .liso-header__settings:focus-within .dropdown-menu { display: grid; gap: .3rem; }

.liso-header__main { background: var(--liso-paper); }
.liso-header__main-inner { display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 1.35rem; }
.liso-header__logo { display: inline-flex; flex: 0 0 auto; align-items: center; min-width: 138px; }
.liso-header__logo img { display: block; width: auto; max-width: 200px; max-height: 56px; object-fit: contain; }

.liso-primary-nav { flex: 1 1 auto; min-width: 0; }
.liso-primary-nav > ul { display: flex; align-items: center; justify-content: center; gap: .1rem; margin: 0; padding: 0; list-style: none; }
.liso-primary-nav > ul > li { position: relative; }
.liso-primary-nav > ul > li > a { display: flex; align-items: center; gap: .32rem; padding: .62rem .72rem; color: var(--liso-ink); font-size: .91rem; font-weight: 700; line-height: 1.25; text-decoration: none; white-space: nowrap; }
.liso-primary-nav > ul > li > a:hover, .liso-primary-nav > ul > li > a:focus-visible { color: var(--liso-orange); outline: none; }
.liso-primary-nav__dropdown { position: absolute; top: 100%; left: 0; display: none; min-width: min(680px, calc(100vw - 3rem)); max-width: calc(100vw - 3rem); padding: 1rem 1.1rem 1.2rem; background: #fff; border: 1px solid var(--liso-line); border-radius: 0 0 10px 10px; box-shadow: 0 16px 36px rgba(50, 35, 22, .16); }
.liso-primary-nav > ul > li:hover .liso-primary-nav__dropdown, .liso-primary-nav > ul > li:focus-within .liso-primary-nav__dropdown { display: block; }
.liso-primary-nav__heading { margin: 0 0 .8rem; font-weight: 800; }
.liso-primary-nav__heading a, .liso-primary-nav__column a { color: var(--liso-ink); text-decoration: none; }
.liso-primary-nav__heading a:hover, .liso-primary-nav__heading a:focus-visible, .liso-primary-nav__column a:hover, .liso-primary-nav__column a:focus-visible { color: var(--liso-orange); }
.liso-primary-nav__columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 1rem 1.4rem; }
.liso-primary-nav__column { display: grid; align-content: start; gap: .35rem; font-size: .85rem; }
.liso-primary-nav__title { font-weight: 800; }
.liso-primary-nav__more { margin-top: .15rem; color: var(--liso-orange) !important; font-weight: 700; }
.liso-primary-nav__all a { color: var(--liso-orange) !important; }

.liso-header__actions { display: flex; flex: 0 0 auto; align-items: center; gap: .35rem; }
.liso-header__search-wrap { position: relative; }
.liso-header__search { display: flex; align-items: center; width: min(230px, 19vw); overflow: hidden; border: 1px solid var(--liso-line); border-radius: 999px; background: #fff; }
.liso-header__search input, .liso-header__mobile-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--liso-ink); font: inherit; }
.liso-header__search input { padding: .58rem .35rem .58rem .85rem; }
.liso-header__search button, .liso-header__mobile-search button { display: inline-grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border: 0; background: transparent; color: var(--liso-orange); cursor: pointer; }
.liso-header__autocomplete { position: absolute; top: calc(100% + .35rem); right: 0; display: none; width: min(560px, 90vw); padding: .9rem; background: #fff; border: 1px solid var(--liso-line); box-shadow: 0 12px 30px rgba(50, 35, 22, .14); }
.liso-header__search-wrap:focus-within .liso-header__autocomplete { display: block; }

.liso-header__account > a, .liso-header__wishlist > a, .liso-header__cart > a, .liso-header__menu-trigger { display: inline-flex; min-height: 39px; align-items: center; gap: .35rem; padding: .45rem .55rem; color: var(--liso-ink); font-size: .86rem; font-weight: 700; text-decoration: none; }
.liso-header__account > a:hover, .liso-header__account > a:focus-visible, .liso-header__wishlist > a:hover, .liso-header__wishlist > a:focus-visible, .liso-header__cart > a:hover, .liso-header__cart > a:focus-visible, .liso-header__menu-trigger:hover, .liso-header__menu-trigger:focus-visible { color: var(--liso-orange); outline: none; }
.liso-header__cart-count { display: inline-grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: var(--liso-orange); color: #fff; font-size: .68rem; font-style: normal; }
.liso-header__menu-trigger { display: none; }
.liso-header__mobile-search { display: none; align-items: center; margin: 0 1rem 1rem; padding-left: .75rem; border: 1px solid var(--liso-line); border-radius: 8px; background: #fff; }

.liso-trustbar { background: var(--liso-sand); border-top: 1px solid var(--liso-line); }
.liso-trustbar__inner { display: flex; min-height: 38px; align-items: center; justify-content: center; gap: 1.1rem 1.7rem; color: #51493f; font-size: .79rem; }
.liso-trustbar__inner > a, .liso-trustbar__inner > span { color: inherit; text-decoration: none; }
.liso-trustbar__inner > a:hover, .liso-trustbar__inner > a:focus-visible { color: var(--liso-orange); }
.liso-trustbar i { margin-right: .25rem; color: var(--liso-orange); }
.liso-trustbar__reviews { margin-left: auto; }

@media (max-width: 1170px) { .liso-header__search { width: 170px; } .liso-primary-nav > ul > li > a { padding-right: .45rem; padding-left: .45rem; font-size: .84rem; } }
@media (max-width: 991px) { .liso-header__utility { display: none; } .liso-header__main-inner { min-height: 72px; gap: .5rem; } .liso-header__logo { min-width: 118px; } .liso-header__logo img { max-width: 172px; max-height: 48px; } .liso-primary-nav { display: none; } .liso-header__actions { margin-left: auto; } .liso-header__menu-trigger { display: inline-flex; } .liso-header__mobile-search { display: flex; } .liso-trustbar__inner { justify-content: flex-start; overflow-x: auto; padding-top: .4rem; padding-bottom: .4rem; white-space: nowrap; } }
@media (max-width: 560px) { .liso-header__main-inner { min-height: 64px; } .liso-header__logo img { max-width: 142px; max-height: 40px; } .liso-header__account > a, .liso-header__wishlist > a, .liso-header__cart > a, .liso-header__menu-trigger { padding-right: .25rem; padding-left: .25rem; } .liso-header__cart-count { width: 17px; height: 17px; } .liso-trustbar__inner { gap: .9rem; font-size: .73rem; } }

/* V2 conflict guard: keep only three product entries and neutralize legacy header utility classes. */
#header.liso-header .liso-header__main-inner { width: 100%; min-width: 0; }
#header.liso-header .liso-header__logo { margin-right: .35rem; }
#header.liso-header .liso-primary-nav { flex: 1 1 auto; min-width: 0; overflow: hidden; }
#header.liso-header .liso-primary-nav > ul { justify-content: flex-start; flex-wrap: nowrap; overflow: hidden; }
#header.liso-header .liso-primary-nav > ul > li { flex: 0 0 auto; }
#header.liso-header .liso-primary-nav__all a { padding-right: .35rem; padding-left: .35rem; }
#header.liso-header .liso-header__actions { min-width: 0; margin-left: auto; }
#header.liso-header .liso-header__search-wrap { flex: 0 1 230px; width: clamp(145px, 12vw, 230px) !important; min-width: 145px; }
#header.liso-header .liso-header__search { width: 100% !important; }
#header.liso-header .tool.liso-header__account,
#header.liso-header .tool.liso-header__cart { display: block !important; flex: 0 0 auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
#header.liso-header .liso-header__account > a,
#header.liso-header .liso-header__cart > a { display: grid !important; width: 39px; min-height: 39px; place-items: center; padding: 0 !important; color: var(--liso-ink) !important; }
#header.liso-header .liso-header__account > a:hover,
#header.liso-header .liso-header__account > a:focus-visible,
#header.liso-header .liso-header__cart > a:hover,
#header.liso-header .liso-header__cart > a:focus-visible { color: var(--liso-orange) !important; }
#header.liso-header .liso-header__cart .i-wrap { position: relative; display: inline-grid; place-items: center; }
#header.liso-header .liso-header__cart .ccnt { position: absolute; top: -9px; right: -10px; }
#header.liso-header .liso-header__menu-trigger { flex: 0 0 auto; }
@media (max-width: 1170px) and (min-width: 992px) {
  #header.liso-header .liso-header__search-wrap { flex-basis: 170px; min-width: 145px; }
  #header.liso-header .liso-primary-nav > ul > li > a { padding-right: .38rem; padding-left: .38rem; font-size: .81rem; }
}
@media (max-width: 991px) {
  #header.liso-header .liso-header__actions { gap: .1rem; }
  #header.liso-header .liso-header__search-wrap { display: none !important; }
  #header.liso-header .liso-header__menu-trigger { display: grid !important; width: 39px; min-height: 39px; place-items: center; padding: 0 !important; }
}