.oof-header{position:relative;z-index:50;background:#fff;color:#161616;font-family:Arial,sans-serif}.oof-header *{box-sizing:border-box}.oof-header ul{list-style:none;padding:0;margin:0}.oof-header a{color:inherit;text-decoration:none}.oof-header summary{list-style:none;cursor:pointer}.oof-header summary::-webkit-details-marker{display:none}.oof-header svg{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.oof-announcement{height:30px;background:#d5a979}.oof-utility{height:33px;background:#222}.oof-nav{height:76px;display:flex;align-items:center;gap:44px;padding:0 4.9%;position:relative}.oof-logo{flex:none;display:flex;align-items:center}.oof-logo-image{display:block;width:120px;max-width:100%;height:auto}.oof-desktop{align-self:stretch;display:flex;align-items:center}.oof-desktop>.oof-menu-level{display:flex;gap:34px;height:100%;align-items:center}.oof-desktop>.oof-menu-level>.oof-menu-item{height:100%;display:flex;align-items:center;font-size:13px;font-weight:700}.oof-desktop>.oof-menu-level>.oof-menu-item>details{height:100%;display:flex;align-items:center}.oof-desktop>.oof-menu-level>.oof-menu-item>details>summary{display:flex;align-items:center;height:100%}.oof-desktop>.oof-menu-level>.oof-menu-item>details>summary svg{display:none}.oof-desktop>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu{position:absolute;left:0;right:0;top:100%;background:#fff;padding:32px 5%;box-shadow:0 8px 14px #0002;min-height:200px}.oof-desktop .oof-submenu-heading{display:block;margin-bottom:16px;font-weight:700}.oof-desktop .oof-submenu>.oof-menu-level{display:flex;gap:65px}.oof-desktop .oof-submenu .oof-menu-level .oof-menu-item{font-weight:400;font-size:13px;line-height:2}.oof-desktop .oof-submenu .oof-menu-details>summary{font-weight:700;display:flex;align-items:center;gap:5px}.oof-desktop .oof-submenu .oof-menu-details>summary svg{width:14px;height:14px}.oof-desktop .oof-submenu .oof-submenu{position:static;box-shadow:none;padding:0;margin-top:3px}.oof-desktop .oof-submenu .oof-submenu-heading{display:none}.oof-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.oof-actions>a,.oof-actions summary,.oof-search-mobile>summary,.oof-mobile-nav>summary{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:40px}.oof-search-panel,.oof-cart-panel{position:absolute;right:0;top:100%;background:#fff;padding:24px;box-shadow:0 10px 18px #0002;width:min(420px,100vw);z-index:80}.oof-search-panel input[type=search]{max-width:100%}.oof-cart-panel{max-height:calc(100vh - 140px);overflow:auto}.oof-mobile-nav{display:none}.oof-search-mobile{display:block;position:absolute;right:145px}.oof-actions{padding-left:40px}.oof-header :focus-visible{outline:2px solid #5a912a;outline-offset:3px}.oof-header .oof-cart-count.is-empty{display:none}
.oof-announcement{display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:12px;font-weight:700;letter-spacing:.02em;text-align:center}.oof-search-mobile{display:none}.oof-search-desktop{display:block}.oof-search-panel{padding-top:54px}.oof-search-close{position:absolute;top:12px;right:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;color:inherit;cursor:pointer}.oof-search-close svg{width:20px;height:20px}
@media(max-width:849px){.oof-announcement{height:30px}.oof-utility{height:27px}.oof-nav{height:62px;padding:0 16px;justify-content:center;gap:0}.oof-logo-image{width:100px}.oof-desktop{display:none}.oof-mobile-nav,.oof-search-mobile{display:block;position:absolute;left:12px;right:auto}.oof-actions{padding-left:0}.oof-search-mobile{left:52px}.oof-actions{position:absolute;right:12px;margin:0;gap:10px}.oof-search-desktop{display:none}.oof-mobile-panel{position:fixed;top:119px;left:0;bottom:0;width:100%;overflow:auto;background:#f3f5f5;z-index:90}.oof-mobile-panel>.oof-menu-level>.oof-menu-item{border-bottom:1px solid #d4d7d6}.oof-mobile-panel>.oof-menu-level>.oof-menu-item>a,.oof-mobile-panel>.oof-menu-level>.oof-menu-item>.oof-menu-details>summary{min-height:59px;padding:18px 20px;font-size:14px;font-weight:700}.oof-mobile-panel summary{display:flex;align-items:center;justify-content:space-between}.oof-mobile-panel summary svg{width:18px;height:18px}.oof-mobile-panel .oof-submenu{position:fixed;inset:119px 0 0;background:#f3f5f5;overflow:auto;z-index:91;padding:0 20px 30px}.oof-mobile-panel .oof-submenu .oof-submenu{z-index:92}.oof-mobile-panel .oof-submenu-heading{display:block;padding:18px 0;font-size:15px;font-weight:700}.oof-mobile-panel .oof-submenu .oof-menu-item>a,.oof-mobile-panel .oof-submenu .oof-menu-item>details>summary{display:flex;padding:12px 0;font-size:14px}.oof-back{border:0;border-bottom:1px solid #d4d7d6;background:none;width:100%;display:flex;align-items:center;gap:10px;padding:18px 0;text-align:left;font:inherit}.oof-back svg{width:18px;height:18px}.oof-search-panel,.oof-cart-panel{position:fixed;top:119px;width:100%;max-height:calc(100vh - 119px)}}
/* Desktop mega-menu: only the two direct groups form columns; their links remain vertical. */
@media (min-width:850px){
 .oof-desktop>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu>.oof-menu-level{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:40px;width:min(65%,880px);align-items:start}
 .oof-desktop>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu>.oof-menu-level{display:block}
 .oof-desktop .oof-submenu .oof-submenu .oof-menu-item{line-height:1.4;margin:0 0 14px}
 .oof-desktop .oof-submenu .oof-menu-details>summary svg{display:none}
}
@media(max-width:849px){
 .oof-logo-image{width:120px}
 .oof-mobile-nav[open]>summary svg{visibility:hidden}
 .oof-mobile-nav[open]>summary{position:relative}
 .oof-mobile-nav[open]>summary:before,.oof-mobile-nav[open]>summary:after{content:"";position:absolute;width:23px;height:1.5px;background:currentColor;left:4px;top:19px;transform:rotate(45deg)}
 .oof-mobile-nav[open]>summary:after{transform:rotate(-45deg)}
 .oof-mobile-panel>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu .oof-submenu{position:static;inset:auto;overflow:visible;padding:0;margin:0}
 .oof-mobile-panel>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu .oof-submenu>.oof-back,.oof-mobile-panel>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu .oof-submenu>.oof-submenu-heading{display:none}
 .oof-mobile-panel .oof-submenu .oof-menu-item>details>summary{font-weight:700;margin-top:12px}
 .oof-mobile-panel .oof-submenu .oof-menu-item>details>summary svg{display:none}
 .oof-mobile-panel .oof-submenu .oof-submenu .oof-menu-item>a{padding:10px 0}
}
/* Enhanced drawer provides its own close button; retain the native control for no-JS fallback. */
.oof-header.oof-drawers-enhanced .oof-search-close{display:none}
@media(min-width:850px){
 .oof-desktop>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu{min-height:360px}
 .oof-mega-feature{position:absolute;top:32px;right:4.5%;width:28%;margin:0}
 .oof-mega-feature img{display:block;width:100%;height:auto;aspect-ratio:426/313;object-fit:cover}
 .oof-mega-feature figcaption{margin-top:14px;font-size:15px;font-weight:700;line-height:1.3;color:#161616}
}
.oof-header .oof-menu-with-thumb{display:flex;align-items:center;gap:14px}
.oof-header .oof-menu-thumb{display:block;flex:none;width:82px;height:40px;object-fit:contain;background:#fff}
@media(min-width:850px){.oof-desktop .oof-submenu .oof-submenu .oof-menu-item:has(.oof-menu-thumb){margin-bottom:8px}}
@media(max-width:849px){.oof-mobile-panel .oof-submenu .oof-submenu .oof-menu-with-thumb{gap:15px;padding:7px 0}.oof-mobile-panel .oof-menu-thumb{width:100px;height:49px}}
/* Source keeps navigation visible while the top announcement scrolls away. */
.oof-header{position:sticky;top:-30px;z-index:50}
@media(max-width:849px){
 .oof-header{top:-57px}
 .oof-mobile-panel,.oof-mobile-panel>.oof-menu-level>.oof-menu-item>.oof-menu-details>.oof-submenu{top:var(--oof-nav-bottom,119px)}
}
@media(max-width:849px){
 .oof-header:not(.oof-drawers-enhanced) .oof-search-panel,.oof-header:not(.oof-drawers-enhanced) .oof-cart-panel{top:var(--oof-nav-bottom,119px);max-height:calc(100vh - var(--oof-nav-bottom,119px))}
}
/* Raise the header stacking context only while its mobile navigation or drawer is open. */
@media(max-width:767px){
 .oof-header.oof-mobile-layer-open{z-index:100}
 .oof-header:has(.oof-mobile-nav[open]),.oof-header:has(.oof-search[open]),.oof-header:has(.oof-cart[open]){z-index:100}
}