/* 123Ponds navigation V3.1 runtime — scoped to the owned navigation and host. */
.ponds-nav-v3-host{display:block!important}
.ponds-nav-v3-slot{min-height:58px}
.ponds-nav-v3-host.is-stuck{position:fixed!important;top:0;right:0;left:0;z-index:1000;width:100%!important;max-width:none!important;margin:0!important}
html.ponds-nav-v3-active header a.mm.mobile,
html.ponds-nav-v3-active header a.mc.mobile,
html.ponds-nav-v3-active .ponds-nav-v3-host>a.more,
html.ponds-nav-v3-active .ponds-nav-v3-host>.more-dd,
html.ponds-nav-v3-active body>.menus{display:none!important}

.ponds-nav-v3{
  --pn3-navy:#33495f;
  --pn3-navy-dark:#26394c;
  --pn3-orange:#d78025;
  --pn3-text:#24313b;
  --pn3-line:#d9e0e5;
  --pn3-soft:#f4f7f8;
  --pn3-shadow:0 14px 34px rgba(18,34,49,.18);
  box-sizing:border-box;
  color:#fff;
  background:var(--pn3-navy);
  box-shadow:0 2px 0 rgba(0,0,0,.08);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5;
}
.ponds-nav-v3 *,
.ponds-nav-v3 *::before,
.ponds-nav-v3 *::after{box-sizing:border-box}
.ponds-nav-v3 .nav-shell{position:relative;width:min(1180px,calc(100% - 32px));margin-inline:auto}
.ponds-nav-v3 .top-menu{display:flex;align-items:stretch;min-height:58px;margin:0;padding:0;list-style:none}
.ponds-nav-v3 .top-menu>li{display:flex;align-items:stretch}
.ponds-nav-v3 .top-row{display:flex;align-items:stretch}
.ponds-nav-v3 .top-row>a{display:flex;align-items:center;padding:0 13px;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.ponds-nav-v3 .top-row>a:hover,
.ponds-nav-v3 .top-row>a:focus-visible,
.ponds-nav-v3 .top-menu>li.is-open>.top-row>a{background:var(--pn3-navy-dark)}
.ponds-nav-v3 .top-row>button{align-self:center;width:30px;height:36px;margin-left:-10px;margin-right:7px;border:0;border-radius:4px;color:#fff;background:transparent;font:inherit;font-size:16px;cursor:pointer}
.ponds-nav-v3 .top-row>button:hover,
.ponds-nav-v3 .top-row>button:focus-visible,
.ponds-nav-v3 .top-menu>li.is-open>.top-row>button{background:rgba(255,255,255,.12)}
.ponds-nav-v3 .top-row>a:focus-visible,
.ponds-nav-v3 .top-row>button:focus-visible,
.ponds-nav-v3 .menu-panel a:focus-visible,
.ponds-nav-v3 .mobile-menu-button:focus-visible,
.ponds-nav-v3 .mobile-search-link:focus-visible,
.ponds-nav-v3 .mobile-cart-link:focus-visible{outline:3px solid #f8c989;outline-offset:-3px}
.ponds-nav-v3 .menu-panel{position:absolute;top:100%;right:0;left:0;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 34px;padding:26px 30px 22px;border:1px solid var(--pn3-line);border-top:4px solid var(--pn3-orange);color:var(--pn3-text);background:#fff;box-shadow:var(--pn3-shadow)}
.ponds-nav-v3 .menu-panel.compact{right:auto;width:min(760px,100%);grid-template-columns:repeat(2,minmax(0,1fr))}
.ponds-nav-v3 .is-open>.menu-panel{display:grid}
.ponds-nav-v3 .menu-panel section{display:flex;flex-direction:column;min-width:0}
.ponds-nav-v3 .menu-panel h2{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--pn3-line);color:var(--pn3-navy);font-size:15px}
.ponds-nav-v3 .menu-panel section a{padding:6px 0;color:#364957;text-decoration:none;font-size:14px}
.ponds-nav-v3 .menu-panel section a:hover,
.ponds-nav-v3 .menu-panel section a:focus-visible{color:#a65314;text-decoration:underline}
.ponds-nav-v3 .view-all{grid-column:1/-1;margin-top:5px;padding-top:14px;border-top:1px solid var(--pn3-line);color:#a65314;text-decoration:none;font-weight:700}
.ponds-nav-v3 .view-all:hover,
.ponds-nav-v3 .view-all:focus-visible{text-decoration:underline}
.ponds-nav-v3 .mobile-menu-button,
.ponds-nav-v3 .mobile-search-link,
.ponds-nav-v3 .mobile-cart-link{display:none}

@media (hover:hover) and (min-width:901px){
  .ponds-nav-v3 .top-menu>li.has-panel:hover>.menu-panel{display:grid}
}
@media (min-width:901px) and (max-width:1120px){
  .ponds-nav-v3 .top-row>a{padding-inline:8px;font-size:13px}
  .ponds-nav-v3 .top-row>button{width:25px;margin-left:-7px;margin-right:3px}
}
@media (max-width:900px){
  .ponds-nav-v3-slot{min-height:54px}
  .ponds-nav-v3{top:0}
  .ponds-nav-v3 .nav-shell{display:grid;grid-template-columns:1fr auto auto;align-items:center;min-height:54px;width:min(100% - 24px,1180px)}
  .ponds-nav-v3 .mobile-menu-button,
  .ponds-nav-v3 .mobile-search-link,
  .ponds-nav-v3 .mobile-cart-link{display:flex;align-items:center;min-height:44px;padding:0 12px;border:0;color:#fff;background:transparent;font:inherit;font-weight:700;text-decoration:none}
  .ponds-nav-v3 .mobile-menu-button{justify-self:start;gap:10px;cursor:pointer}
  .ponds-nav-v3 .hamburger,
  .ponds-nav-v3 .hamburger::before,
  .ponds-nav-v3 .hamburger::after{position:relative;display:block;width:21px;height:2px;background:#fff;content:""}
  .ponds-nav-v3 .hamburger::before{position:absolute;top:-7px}
  .ponds-nav-v3 .hamburger::after{position:absolute;top:7px}
  .ponds-nav-v3 .top-menu{position:absolute;top:100%;right:-12px;left:-12px;display:none;max-height:calc(100vh - 54px);min-height:0;overflow:auto;color:var(--pn3-text);background:#fff;border-top:4px solid var(--pn3-orange);box-shadow:var(--pn3-shadow);-webkit-overflow-scrolling:touch}
  .ponds-nav-v3 .top-menu.is-open{display:block}
  .ponds-nav-v3 .top-menu>li,
  .ponds-nav-v3 .top-row{display:block}
  .ponds-nav-v3 .top-menu>li{border-bottom:1px solid var(--pn3-line)}
  .ponds-nav-v3 .top-row{position:relative}
  .ponds-nav-v3 .top-row>a{min-height:52px;padding:0 60px 0 20px;color:var(--pn3-navy)}
  .ponds-nav-v3 .top-row>a:hover,
  .ponds-nav-v3 .top-row>a:focus-visible,
  .ponds-nav-v3 .top-menu>li.is-open>.top-row>a{background:var(--pn3-soft)}
  .ponds-nav-v3 .top-row>button{position:absolute;top:4px;right:10px;width:44px;height:44px;margin:0;border:1px solid var(--pn3-line);color:var(--pn3-navy)}
  .ponds-nav-v3 .top-row>button:hover,
  .ponds-nav-v3 .top-row>button:focus-visible,
  .ponds-nav-v3 .top-menu>li.is-open>.top-row>button{background:#eaf0f3}
  .ponds-nav-v3 .menu-panel,
  .ponds-nav-v3 .menu-panel.compact{position:static;display:none;width:auto;grid-template-columns:1fr;padding:8px 20px 18px;border:0;border-top:1px solid var(--pn3-line);background:var(--pn3-soft);box-shadow:none}
  .ponds-nav-v3 .is-open>.menu-panel{display:grid}
  .ponds-nav-v3 .menu-panel section{padding-top:12px}
  .ponds-nav-v3 .menu-panel section a{display:flex;align-items:center;min-height:44px}
  .ponds-nav-v3 .view-all{display:flex;align-items:center;min-height:48px}
  body.ponds-nav-v3-lock{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){
  .ponds-nav-v3 *{scroll-behavior:auto!important}
}
