/* Catalog navigation, scoped to the local homepage. Native details keep every
   destination accessible when JavaScript is unavailable. */
.cdh-navigation{position:relative}
.cdh-navigation .cdh-navigation__bar{gap:29px}
.cdh-nav-menu{margin:0;padding:0}
.cdh-nav-trigger,.cdh-department>summary{list-style:none;cursor:pointer}
.cdh-nav-trigger::-webkit-details-marker,.cdh-department>summary::-webkit-details-marker{display:none}
.cdh-nav-trigger{display:flex;align-items:center;gap:9px;min-height:51px;font-size:12px;font-weight:650;white-space:nowrap;border:0;position:relative}
.cdh-nav-trigger>.cdh-icon{width:19px;height:19px;flex-basis:19px}
.cdh-nav-trigger>.cdh-disclosure-arrow{width:13px;height:13px;flex-basis:13px;margin-left:2px}
.cdh-disclosure-arrow{transform:rotate(90deg);transition:transform .18s}
.cdh-nav-menu[open]>.cdh-nav-trigger{color:#087a7b}
.cdh-nav-menu[open]>.cdh-nav-trigger::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#188b8c}
.cdh-nav-menu[open]>.cdh-nav-trigger>.cdh-disclosure-arrow,.cdh-department[open]>summary>.cdh-disclosure-arrow{transform:rotate(-90deg)}
.cdh-nav-trigger:hover{color:#087a7b}
.cdh-mega{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:calc(100% - 2*var(--cdh-gutter));border:1px solid #dce6e9;border-top:0;border-radius:0 0 7px 7px;background:#fff;box-shadow:0 24px 45px #0c29332b;overflow:hidden;color:var(--cdh-ink);z-index:40}
.cdh-navigation .cdh-mega a{min-height:0;border:0;white-space:normal;font-size:12px;line-height:1.5}
.cdh-navigation .cdh-mega a:hover{color:#087a7b}
.cdh-navigation .cdh-mega a:focus-visible,.cdh-department-tabs button:focus-visible{outline-offset:-3px}
.cdh-mega h2{font-size:26px;font-weight:650;line-height:1.25;letter-spacing:-.8px}
.cdh-mega .cdh-menu-eyebrow{font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#66818a;line-height:1.6;margin-bottom:9px}
.cdh-departments{max-height:min(550px,calc(100dvh - 278px));overflow-y:auto;min-height:270px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbd0 #f4f7f8}
.cdh-department-sidebar{padding:22px 0 0;background:#f3f7f7;border-right:1px solid #e2eaed}
.cdh-department-sidebar>.cdh-menu-eyebrow{padding-inline:22px;margin-bottom:14px}
.cdh-department-tabs{display:none;scrollbar-width:thin;scrollbar-color:#b9cbd0 #f3f7f7;overscroll-behavior:contain}
.cdh-department-tabs button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-left:3px solid transparent;background:none;color:#3b515e;min-height:40px;padding:10px 17px 10px 19px;font-size:12px;line-height:1.4;font-weight:550}
.cdh-department-tabs button>.cdh-icon{width:14px;height:14px;flex-basis:14px;color:#8aa0a5}
.cdh-department-tabs button:hover{background:#e8f0f0;color:#087a7b}
.cdh-department-tabs button[aria-selected=true]{background:#e0efed;border-left-color:#148489;color:#0b6368;font-weight:750}
.cdh-department-tabs button[aria-selected=true]>.cdh-icon{color:#147b80}
.cdh-navigation .cdh-menu-all{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:750;color:#11767b}
.cdh-navigation .cdh-department-sidebar>.cdh-menu-all{padding:17px 22px;border-top:1px solid #dce6e8;display:flex;justify-content:space-between;margin-top:auto;background:#f3f7f7}
.cdh-menu-all>.cdh-icon{width:17px;height:17px;flex-basis:17px}
.cdh-department{margin:0}
.cdh-department>summary{padding:15px 24px;border-bottom:1px solid #e4ecef;font-weight:650;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cdh-department>summary>.cdh-icon{width:16px;height:16px;flex-basis:16px}
.cdh-department__content{padding:29px 32px 32px}
.cdh-department__heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:23px;border-bottom:1px solid #e7ecef;margin-bottom:23px}
.cdh-department__heading>.cdh-menu-all{max-width:210px}
.cdh-department__body{display:grid;grid-template-columns:minmax(0,1fr) 204px;gap:28px;align-items:start}
.cdh-department__links>.cdh-menu-eyebrow{margin-bottom:12px}
.cdh-navigation .cdh-subcategories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 20px;list-style:none}
.cdh-subcategories li{min-width:0;margin:0;list-style:none}
.cdh-navigation .cdh-subcategories a{display:block;padding:8px 0;font-size:12px;font-weight:500;color:#405662}
.cdh-navigation .cdh-subcategories a:hover{text-decoration:underline;text-underline-offset:4px}
.cdh-navigation .cdh-subcategories .cdh-subcategories{display:block;margin-left:12px}
.cdh-department__description{font-size:14px;color:#627680;margin:2px 0 22px!important;max-width:300px}
.cdh-navigation .cdh-department__feature{display:block;border:1px solid #e3eaed;border-radius:4px;overflow:hidden;background:#f6f9f9}
.cdh-department__feature img{width:100%;height:181px;object-fit:cover;transition:transform .2s}
.cdh-department__feature>span{display:block;padding:16px 15px}
.cdh-department__feature strong{display:block;font-size:12px;line-height:1.6;margin-bottom:8px}
.cdh-department__feature>span>span{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#187b7f}
.cdh-department__feature .cdh-icon{width:16px;height:16px;flex-basis:16px}
.cdh-navigation .cdh-department__feature:hover{background:#eef6f4}
.cdh-mega-bottom{padding:15px 28px;background:#f3f7f7;border-top:1px solid #e1eaec;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#69808b}
.cdh-navigation .cdh-mega-bottom a{font-size:11px;color:#10747a;font-weight:750;display:flex;gap:12px;align-items:center}
.cdh-mega-bottom .cdh-icon{width:17px;height:17px;flex-basis:17px}
.cdh-brand-menu-heading{padding:27px 32px 21px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.cdh-brand-filter{display:flex;align-items:center;gap:10px;background:#f5f8f9;border:1px solid #d9e4e7;border-radius:4px;padding:0 13px;width:280px;max-width:100%}
.cdh-brand-filter .cdh-icon{width:18px;height:18px;flex-basis:18px;color:#65808a}
.cdh-brand-filter input{border:0;outline:0;width:100%;min-width:0;margin:0;padding:11px 0;background:transparent;border-radius:0;box-shadow:none;font-size:12px;color:var(--cdh-ink);line-height:1.6}
.cdh-brand-filter:focus-within{border-color:#258d91;box-shadow:0 0 0 2px #258d911b}
.cdh-brand-menu-featured{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;align-items:center;padding:0 32px 20px;border-bottom:1px solid #e7edef}
.cdh-navigation .cdh-brand-menu-featured a{display:flex;justify-content:center;background:#fff;min-height:48px;border:1px solid #e9eef0;border-radius:4px;padding:6px 16px}
.cdh-brand-menu-featured img{width:118px;max-height:42px;object-fit:contain;filter:grayscale(1);opacity:.8}
.cdh-brand-menu-featured a:hover img{filter:none;opacity:1}
.cdh-brand-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 38px;padding:23px 32px 28px;max-height:min(350px,calc(100dvh - 451px));min-height:160px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbd0 #f4f7f8}
.cdh-brand-group h3{font-size:12px;letter-spacing:.08em;font-weight:800;color:#258185;margin-bottom:13px}
.cdh-brand-group ul,.cdh-brand-group li{list-style:none;margin:0;padding:0}
.cdh-navigation .cdh-brand-group a{display:block;font-size:12px;font-weight:500;color:#405662;padding:6px 0}
.cdh-navigation .cdh-brand-group a:hover{text-decoration:underline;text-underline-offset:4px}
.cdh-brand-empty{grid-column:1/-1;color:#627680;font-size:13px;padding-block:20px}
.cdh-mega--resources{padding:30px;grid-template-columns:1.15fr 1fr 1fr;gap:44px;max-height:calc(100dvh - 230px);overflow-y:auto}
.cdh-nav-menu[open]>.cdh-mega--resources{display:grid}
.cdh-resource-menu-intro{background:#edf6f4;padding:26px 28px;border-radius:5px}
.cdh-resource-menu-intro h2{font-size:28px;line-height:1.3}
.cdh-resource-menu-intro>p:not(.cdh-menu-eyebrow){font-size:12px;line-height:1.8;color:#627680;margin-top:15px;max-width:250px}
.cdh-navigation .cdh-resource-menu-intro>a{font-size:12px;font-weight:750;color:#13797d;display:flex;margin-top:23px}
.cdh-resource-menu-intro .cdh-icon{width:18px;height:18px;flex-basis:18px}
.cdh-resource-menu-group h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#65808a;margin:5px 0 14px}
.cdh-navigation .cdh-resource-menu-group>a{display:block;padding:13px 0;border-bottom:1px solid #e7edef;font-size:14px;font-weight:650}
.cdh-resource-menu-group>a>span{display:block;font-size:11px;font-weight:400;color:#71838c;margin-top:5px}

@media(min-width:961px){
  .cdh-enhanced .cdh-departments{display:grid;grid-template-columns:246px minmax(0,1fr);height:min(550px,calc(100dvh - 278px));overflow:hidden}
  .cdh-enhanced .cdh-department-sidebar{display:flex;flex-direction:column;min-height:0}
  .cdh-enhanced .cdh-department-tabs{display:block;overflow-y:auto;min-height:0;flex:1}
  .cdh-enhanced .cdh-department-panels{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbd0 #f4f7f8}
  .cdh-enhanced .cdh-department>summary{display:none}
}
@media(min-width:961px) and (max-width:1200px){
  .cdh-navigation .cdh-navigation__bar{gap:22px}
  .cdh-nav-trigger{font-size:11px;gap:7px}
  .cdh-nav-trigger>.cdh-icon{width:16px;height:16px;flex-basis:16px}
  .cdh-nav-trigger>.cdh-disclosure-arrow{width:11px;height:11px;flex-basis:11px}
  .cdh-enhanced .cdh-departments{grid-template-columns:213px minmax(0,1fr)}
  .cdh-department__content{padding:25px}
  .cdh-department__body{grid-template-columns:minmax(0,1fr) 164px;gap:20px}
  .cdh-department__feature img{height:154px}
  .cdh-department__feature>span{padding:12px}
  .cdh-department__feature strong{font-size:11px}
  .cdh-department__heading{gap:15px}
  .cdh-mega h2{font-size:23px}
  .cdh-mega--resources{gap:25px;padding:25px}
}
@media(max-width:960px){
  .cdh-enhanced .cdh-menu-toggle{display:flex}
  .cdh-navigation{border-top:0}
  .cdh-enhanced .cdh-navigation{display:none}
  .cdh-enhanced .cdh-navigation.is-open{display:block;max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}
  .cdh-navigation .cdh-navigation__bar{flex-direction:column;align-items:stretch;gap:0;padding-bottom:13px}
  .cdh-nav-trigger{min-height:49px;font-size:13px;border-bottom:1px solid #e2e9ec;gap:10px}
  .cdh-nav-trigger>.cdh-disclosure-arrow{margin-left:auto;width:15px;height:15px;flex-basis:15px}
  .cdh-nav-menu[open]>.cdh-nav-trigger::after{display:none}
  .cdh-navigation .cdh-nav-direct{min-height:48px;font-size:13px;border-bottom:1px solid #e2e9ec}
  .cdh-navigation .cdh-navigation__dealer{margin-left:0;justify-content:space-between}
  .cdh-mega{position:static;transform:none;width:100%;border:0;border-radius:0;box-shadow:none}
  .cdh-mega h2{font-size:23px}
  .cdh-departments{max-height:none;min-height:0;overflow:visible}
  .cdh-department-sidebar{padding:13px 0;background:none;border:0;display:flex;justify-content:space-between;align-items:center;gap:15px}
  .cdh-department-sidebar>.cdh-menu-eyebrow{padding:0;margin:0;font-size:8px}
  .cdh-navigation .cdh-department-sidebar>.cdh-menu-all{padding:0;margin:0;border:0;background:none;font-size:10px;gap:7px}
  .cdh-department-tabs{display:none}
  .cdh-department-panels{background:#f4f8f8;border:1px solid #e1e9eb;border-radius:4px;overflow:hidden}
  .cdh-department>summary{padding:13px 14px;min-height:47px;font-size:12px}
  .cdh-department:last-child:not([open])>summary{border:0}
  .cdh-department[open]>summary{color:#11767b;background:#e5f1ef;font-weight:750}
  .cdh-department__content{padding:15px;background:#fff}
  .cdh-department__heading{padding-bottom:13px;margin-bottom:13px}
  .cdh-department__heading>div{display:none}
  .cdh-department__heading>.cdh-menu-all{max-width:none;font-size:11px}
  .cdh-department__body{display:block}
  .cdh-department__links>.cdh-menu-eyebrow{font-size:8px;margin-bottom:8px}
  .cdh-navigation .cdh-subcategories{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px}
  .cdh-navigation .cdh-subcategories a{font-size:12px;padding:10px 0;min-height:44px}
  .cdh-navigation .cdh-department__feature{display:none}
  .cdh-department__description{font-size:12px;margin-bottom:13px!important}
  .cdh-mega-bottom{margin-top:14px;padding:14px;align-items:flex-start;gap:10px;font-size:10px;flex-direction:column}
  .cdh-navigation .cdh-mega-bottom a{font-size:11px}
  .cdh-brand-menu-heading{padding:20px 0 17px;display:block}
  .cdh-brand-menu-heading .cdh-menu-eyebrow{font-size:8px}
  .cdh-brand-filter{width:100%;margin-top:15px}
  .cdh-brand-filter input{font-size:13px;padding-block:12px}
  .cdh-brand-menu-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 0 18px}
  .cdh-navigation .cdh-brand-menu-featured a{min-height:43px;padding:6px 10px}
  .cdh-brand-menu-featured img{max-height:28px}
  .cdh-brand-directory{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 5px 15px;gap:24px 20px;max-height:340px;min-height:150px;overscroll-behavior:auto}
  .cdh-brand-group h3{font-size:11px;margin-bottom:9px}
  .cdh-navigation .cdh-brand-group a{font-size:12px;padding:10px 0}
  .cdh-mega--brands .cdh-mega-bottom{margin-top:0}
  .cdh-nav-menu[open]>.cdh-mega--resources{display:block;padding:17px 0;max-height:none;overflow:visible}
  .cdh-resource-menu-intro{padding:22px;margin-bottom:23px}
  .cdh-resource-menu-intro h2{font-size:25px}
  .cdh-resource-menu-group{padding:0 5px;margin-top:24px}
  .cdh-navigation .cdh-resource-menu-group>a{font-size:13px;padding:13px 0}
}
@media(max-width:350px){
  .cdh-navigation .cdh-subcategories{grid-template-columns:1fr}
  .cdh-brand-directory{column-gap:14px}
  .cdh-navigation .cdh-brand-group a{font-size:11px}
}

/* Chevrons instead of arrows for menu indicators. The icon points right;
   .cdh-disclosure-arrow turns it down, and up again when a menu is open. */
.cdh-icon--chevron{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")}

/* Close bar for the full-screen categories menu; only the classic header shows it. */
.cdh-mega-top{display:none}