/* Category navigation in the storefront's cream and green palette. */
.usa-header{position:relative;z-index:25}
.usa-header .brand-row{position:relative}
.usa-header .brand-row nav{align-items:center}
.usa-header .nav-accessories{position:static;min-width:0;padding-block:16px;margin-block:-16px}
.usa-header .nav-accessory-trigger{display:flex;align-items:center;gap:3px}
.usa-header .nav-accessory-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:34px;padding:0;border:0;border-radius:50%;color:#00712d;background:transparent;cursor:pointer}
.usa-header .nav-accessory-toggle:hover,.usa-header .nav-accessory-toggle[aria-expanded=true]{background:#eaf1e5}
.usa-header .nav-accessory-toggle svg{transition:transform .2s ease}
.usa-header .nav-accessory-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.usa-header .nav-accessory-panel{position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:min(860px,calc(100vw - 48px));padding:28px;background:#fffdf9;border:1px solid #d9dfd2;border-radius:18px;box-shadow:0 24px 70px #16302024;z-index:30}
.usa-header .nav-accessory-panel[hidden]{display:none!important}
.usa-header .nav-accessory-panel:before{content:"";position:absolute;inset:-18px 0 auto;height:18px}
.accessory-menu-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:30px}
.accessory-menu-intro{display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #dce3d5;padding:5px 28px 4px 0}
.accessory-menu-eyebrow{display:block;font:700 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.12em;color:#00712d}
.accessory-menu-intro .accessory-menu-title{font:500 30px/1.08 'Bai Jamjuree',Arial,sans-serif;letter-spacing:-.025em;color:#203b29;margin:16px 0 13px}
.accessory-menu-intro .accessory-menu-description{font:400 12px/1.75 Montserrat,Arial,sans-serif;color:#68715f;margin:0 0 23px}
.accessory-menu-layout .accessory-menu-all{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 13px;border:1px solid #00712d;border-radius:6px;background:#00712d;color:white;font:600 12px/1.5 Montserrat,Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s}
.accessory-menu-layout .accessory-menu-all:hover{background:#14512c;color:white}
.accessory-menu-meta{font:400 10px/1.6 Montserrat,Arial,sans-serif;color:#6c7865;margin-top:15px}
.accessory-menu-categories{min-width:0;padding-top:5px}
.accessory-menu-categories>.accessory-menu-eyebrow{color:#7c8473;font-size:9px;margin-bottom:7px}
.accessory-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.accessory-menu-layout .accessory-menu-link{display:flex;align-items:center;gap:8px;min-width:0;min-height:56px;padding:12px 2px;border-bottom:1px solid #e1e6db;border-radius:0;font:600 13px/1.45 Montserrat,Arial,sans-serif;color:#2c3c2d;text-decoration:none;transition:color .2s,background .2s}
.accessory-menu-label{flex:1;min-width:0;transition:transform .2s}
.accessory-menu-count{font:400 10px/1 Montserrat,Arial,sans-serif;color:#7b8473;min-width:14px;text-align:center}
.accessory-menu-link>svg{flex:none;width:23px;height:23px;padding:4px;border:1px solid #d1dcca;border-radius:50%;color:#58764e;transition:background .2s,color .2s,border-color .2s}
.accessory-menu-layout .accessory-menu-link:hover,.accessory-menu-layout .accessory-menu-link[aria-current=page]{color:#00712d;background:#f0f5eb}
.accessory-menu-link:hover .accessory-menu-label{transform:translateX(3px)}
.accessory-menu-link:hover>svg,.accessory-menu-link[aria-current=page]>svg{color:white;background:#00712d;border-color:#00712d}
.accessory-menu-layout a:focus-visible,.usa-header .nav-accessory-toggle:focus-visible{outline:2px solid #00712d;outline-offset:3px}
@media(min-width:1024px) and (max-width:1180px){.usa-header .brand-row{gap:14px}.usa-header .brand-row nav{gap:13px;font-size:12px}.usa-header .nav-accessory-toggle{width:27px}}
@media(max-width:1023px){
  .usa-header .brand-row{min-height:84px;gap:12px;flex-wrap:wrap}
  .usa-header .nav-toggle{display:block}
  .usa-header .brand-row nav{display:none;order:4;width:100%;padding:16px 0;flex-direction:column;align-items:stretch;gap:0}
  .usa-header .brand-row nav.open{display:flex}
  .usa-header .brand-row nav>a{padding:12px 0;min-height:46px}
  .usa-header .nav-accessories{padding:0;margin:0}
  .usa-header .nav-accessory-trigger{justify-content:space-between;gap:15px;min-height:46px}
  .usa-header .nav-accessory-trigger>a{flex:1;padding:12px 0}
  .usa-header .nav-accessory-toggle{width:42px;height:42px;border:1px solid #d4dfce;border-radius:8px}
  .usa-header .nav-accessory-panel{position:static;transform:none;width:100%;max-width:none;padding:22px;margin:7px 0 15px;border:1px solid #d4dfce;background:#fffdf9;box-shadow:0 8px 24px #1630200a;border-radius:12px}
  .usa-header .nav-accessory-panel:before{display:none}
}
@media(max-width:780px){
  .accessory-menu-layout{grid-template-columns:1fr;gap:20px}
  .accessory-menu-intro{padding:0 0 20px;border-right:0;border-bottom:1px solid #dce3d5}
  .accessory-menu-intro .accessory-menu-title{font-size:27px;margin:12px 0 9px}
  .accessory-menu-intro .accessory-menu-description{margin-bottom:15px;max-width:360px}
  .accessory-menu-meta{margin-top:12px}
  .accessory-menu-categories{padding-top:0}
}
@media(max-width:540px){
  .usa-header .nav-accessory-panel{padding:20px 17px}
  .accessory-menu-links{grid-template-columns:1fr}
  .accessory-menu-layout .accessory-menu-link{font-size:14px;min-height:49px;padding:10px 2px}
  .accessory-menu-count{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.usa-header .nav-accessory-toggle svg,.accessory-menu-layout a,.accessory-menu-label,.accessory-menu-link>svg{transition:none}.accessory-menu-link:hover .accessory-menu-label{transform:none}}