.wooobe-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em}.wooobe-icon>svg{display:block;width:100%;height:100%}#header-component .header__columns:has(>wooobe-navigation){display:block;padding-block:0}.wooobe-nav{--nav-cream: #f7f1e7;--nav-ink: #543d2c;--nav-green: #415532;position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(130px,12vw,190px) minmax(0,1fr);align-items:center;gap:clamp(12px,1.4vw,24px);width:100%;height:100%;color:var(--nav-ink);font-family:var(--font-heading--family)}.wooobe-nav__list{display:flex;align-items:center;gap:clamp(12px,1.3vw,24px);margin:0;padding:0;list-style:none;width:max-content}.wooobe-nav__list>li{display:flex;align-items:center}.wooobe-nav__left,.wooobe-nav__right,.wooobe-nav__mobile-trigger{translate:0 var(--wooobe-header-content-shift)}.wooobe-nav__left{min-width:0}.wooobe-nav__right{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}.wooobe-nav__link{color:inherit;text-decoration:none;font-size:1rem;font-weight:700;white-space:nowrap;padding-block:14px}.wooobe-nav__link:hover,.wooobe-nav__link[aria-current=page]{color:var(--nav-green)}.wooobe-nav__toggle,.wooobe-nav__open,.wooobe-nav__drawer-heading button{display:inline-grid;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.wooobe-nav__toggle{width:24px;padding:4px}.wooobe-nav__toggle .wooobe-icon{width:16px;height:16px}.wooobe-nav__toggle svg{width:100%;height:100%;transition:rotate .18s ease}.wooobe-nav__toggle[aria-expanded=true] svg{rotate:180deg}.wooobe-nav__logo{height:100%;min-width:0;display:flex;justify-content:center;align-items:center}#header-component .wooobe-nav__logo .header-logo{position:static;translate:none;transform:none;grid-area:auto}.wooobe-nav__utilities{display:flex;align-items:center;flex-shrink:0}#header-component .wooobe-nav__utilities :is(.search-action,header-actions,.dropdown-localization){translate:none}.wooobe-nav__mobile-trigger{display:none;align-items:center;top:50%;height:44px;transform:translateY(-25%)}.wooobe-nav__open .wooobe-icon{width:20px;height:20px}.wooobe-nav [hidden]{display:none!important}.wooobe-nav__panels{position:absolute;inset:100% 0 auto;z-index:30}.wooobe-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-menu-drawer, 18) - 1);background:#1f1b147f}.wooobe-nav__backdrop[hidden]{display:none}.wooobe-mega-panel{padding:24px;border:1px solid #dfd1be;border-radius:0 0 16px 16px;background:var(--nav-cream);color:var(--nav-ink);box-shadow:0 18px 32px #402a1629;max-height:var(--wooobe-panel-max-height, 75dvh);overflow-y:auto;overscroll-behavior:contain}.wooobe-mega-panel[hidden]{display:none}.wooobe-mega-panel__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.wooobe-mega-card{min-width:0;border-radius:12px;overflow:hidden;background:#efe6d8;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.wooobe-mega-card__action{display:flex;flex-direction:column;flex:1;height:100%;color:inherit;text-decoration:none}.wooobe-mega-card:focus-within{outline:2px solid var(--nav-green);outline-offset:3px}.wooobe-mega-card__action:focus-visible{outline:none}.wooobe-mega-card__image-link{display:block;aspect-ratio:4 / 3;background:#e5d8c4}.wooobe-mega-card__image-link :is(img,svg){width:100%;height:100%;object-fit:cover;display:block}.wooobe-mega-card__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:16px}.wooobe-mega-card h3{color:var(--nav-green);font-family:var(--font-heading--family);font-size:1.25rem;font-weight:700;line-height:1.2;margin:0 0 8px;letter-spacing:0}.wooobe-mega-card p{font-family:var(--font-body--family);margin:0 0 8px;font-size:1rem;line-height:1.45}.wooobe-mega-panel__footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #d9c9b2;margin-top:24px;padding-top:20px}.wooobe-mega-panel__footer a{color:var(--nav-green);font-weight:700;text-underline-offset:4px}.wooobe-mega-panel__footer a{display:inline-flex;align-items:center;gap:8px}.wooobe-nav :is(a,button,summary):focus-visible{outline:2px solid var(--nav-green);outline-offset:3px}.wooobe-nav__drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(92vw,480px);max-width:100vw;height:100dvh;max-height:100dvh;padding:20px;border:0;background:var(--nav-cream);color:var(--nav-ink);overflow-y:auto;overscroll-behavior:contain}.wooobe-nav__drawer::backdrop{background:#1f1b147f}.wooobe-nav__drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wooobe-nav__drawer-heading h2{font-size:1.5rem;color:var(--nav-green);margin:0}.wooobe-nav__drawer-heading svg,.wooobe-nav__open svg{width:20px;height:20px}.wooobe-nav__drawer-tools{display:flex;align-items:center;gap:16px;margin-bottom:12px}#header-component .wooobe-nav__drawer-tools :is(.search-action,.dropdown-localization){display:flex!important;translate:none}.wooobe-nav__accordion,.wooobe-nav__drawer-link{border-bottom:1px solid #ddceba}.wooobe-nav__drawer-link,.wooobe-nav__accordion summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;color:inherit;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;list-style:none}.wooobe-nav__accordion summary::-webkit-details-marker{display:none}.wooobe-nav__accordion summary svg{width:14px;height:14px}.wooobe-nav__accordion[open] summary svg{rotate:180deg}.wooobe-nav__drawer .wooobe-mega-panel{border:0;padding:0 0 16px;box-shadow:none;max-height:none;border-radius:0;overflow:visible}.wooobe-nav__drawer .wooobe-mega-panel__cards{grid-template-columns:1fr;gap:12px}.wooobe-nav__drawer .wooobe-mega-card{display:block}.wooobe-nav__drawer .wooobe-mega-card__action{display:grid;grid-template-columns:var(--wooobe-mobile-image-size, 92px) minmax(0,1fr)}.wooobe-nav__drawer .wooobe-mega-card__image-link{width:100%;height:100%;aspect-ratio:1;min-width:0;min-height:0;align-self:stretch;contain:size}.wooobe-nav__drawer .wooobe-mega-card__body{align-self:start;padding:calc(8px * var(--wooobe-mobile-copy-scale, 1))}.wooobe-nav__drawer .wooobe-mega-card h3{margin-bottom:6px;font-size:calc(1.125rem * var(--wooobe-mobile-copy-scale, 1))}.wooobe-nav__drawer .wooobe-mega-card p{margin:0;font-size:calc(1rem * var(--wooobe-mobile-copy-scale, 1))}.wooobe-nav__drawer .wooobe-mega-panel__footer{align-items:flex-start;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px}.wooobe-nav__drawer .wooobe-mega-panel__footer a{padding:14px;border:1px solid #c4b396;border-radius:12px;background:#e9decb}.wooobe-nav[data-compact=true]:not([data-measuring]) .wooobe-nav__desktop{display:none}.wooobe-nav[data-compact=true]:not([data-measuring]) .wooobe-nav__mobile-trigger{display:flex;position:absolute;left:0}.wooobe-nav[data-compact=true]:not([data-measuring]){grid-template-columns:minmax(0,1fr) clamp(110px,16vw,160px) minmax(0,1fr)}.wooobe-nav[data-compact=true]:not([data-measuring]) .wooobe-nav__logo{grid-column:2}.wooobe-nav[data-compact=true]:not([data-measuring]) .wooobe-nav__right{grid-column:3}.wooobe-nav[data-compact=true] .wooobe-nav__utilities>.dropdown-localization{display:none}@media(max-width:1199px){.wooobe-nav:not([data-measuring]) .wooobe-nav__desktop{display:none}.wooobe-nav:not([data-measuring]){grid-template-columns:minmax(0,1fr) clamp(110px,16vw,160px) minmax(0,1fr)}.wooobe-nav:not([data-measuring]) .wooobe-nav__logo{grid-column:2}.wooobe-nav:not([data-measuring]) .wooobe-nav__right{grid-column:3}.wooobe-nav:not([data-measuring]) .wooobe-nav__mobile-trigger{display:flex;position:absolute;left:0}.wooobe-nav__utilities>.dropdown-localization{display:none}}@media(max-width:749px){.wooobe-nav{gap:4px}.wooobe-nav__utilities .search-action{display:none}.wooobe-nav__utilities header-actions{gap:0}}@media(hover:hover){.wooobe-mega-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #402a161f}}@media(prefers-reduced-motion:reduce){.wooobe-mega-card,.wooobe-nav__toggle svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/wooobe-navigation.css.map */