/* Reference layout: category rail and three columns of product families. */
.q-products{align-self:stretch;display:flex;align-items:center}.q-nav nav{align-self:stretch}
.q-products .q-mega{padding:0;grid-template-columns:18% minmax(0,1fr);gap:0;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #eee;box-shadow:0 12px 20px #0000000d}
.menu-sidebar{background:#f7f7f7;padding:30px 0 40px 16px;min-width:0}.menu-sidebar h2{font-size:23px;font-weight:600;color:#171717;padding:0 28px;margin:0 0 24px}.menu-sidebar [role=tablist]{display:flex;flex-direction:column}
.menu-sidebar button{border:0;background:transparent;text-align:left;min-height:55px;padding:15px 28px;color:#626262;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.menu-sidebar button.is-active{background:#fff;color:#6292c8;text-decoration:underline;text-underline-offset:3px}
.menu-content{padding:38px 28px 28px 45px;min-width:0;background:#fff}.menu-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:0;min-height:535px;align-content:start}
.menu-group{display:grid;grid-template-columns:60px minmax(0,1fr);gap:17px;min-width:0;padding:0 0 34px;margin:0;background:none;border:0;border-radius:0}.menu-group>img{width:60px;height:58px;object-fit:contain;margin-top:0}
.q-mega .menu-group h3{font-size:18px;font-weight:600;line-height:1.45;margin:0 0 21px;color:#505050;text-wrap:wrap}.q-mega .menu-links a{display:block;font-size:15px;line-height:1.5;margin:0 0 3px;color:#5e5e5e;overflow-wrap:anywhere}.q-mega .menu-links a:hover{color:#6292c8;text-decoration:underline;text-underline-offset:3px}
.menu-tag{font-size:13px;margin-left:5px;white-space:nowrap}.menu-tag--hot{color:#ff6b17}.menu-tag--new{color:#19ae28}.menu-group:nth-child(n+4){padding-top:32px;position:relative}.menu-group:nth-child(n+4)::before{content:"";position:absolute;top:0;right:0;left:77px;border-top:1px solid #eaeaea}.q-products.menu-dismissed .q-mega{display:none}
/* Keep desktop typography consistent on wide displays. */
@media(min-width:761px) and (max-width:1100px){.q-products .q-mega{grid-template-columns:180px minmax(0,1fr)}.menu-content{padding:25px 20px}.menu-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;min-height:500px}.menu-group{grid-template-columns:44px minmax(0,1fr);gap:10px;padding-bottom:20px}.menu-group>img{width:44px;height:48px}.q-mega .menu-group h3{font-size:16px}.q-mega .menu-links a{font-size:13px}.menu-sidebar button{font-size:14px;padding-left:18px;padding-right:14px}.menu-sidebar h2{padding-left:18px;font-size:20px}.menu-group:nth-child(n+4){padding-top:0}.menu-group:nth-child(n+4)::before{display:none}}
@media(max-width:760px){.q-products{display:block;align-self:auto}.q-products .q-mega{grid-template-columns:130px minmax(0,1fr);max-height:65dvh;overflow:auto;padding:0}.menu-sidebar{padding:18px 0 20px 7px}.menu-sidebar h2{font-size:15px;padding:0 10px;margin-bottom:15px}.menu-sidebar button{font-size:12px;padding:12px 10px;min-height:48px}.menu-content{padding:20px 12px}.menu-panel{grid-template-columns:minmax(0,1fr);min-height:420px;gap:24px}.menu-group{grid-template-columns:minmax(0,1fr);gap:8px;padding:0}.menu-group>img{width:48px;height:35px}.q-mega .menu-group h3{font-size:14px;margin-bottom:12px}.q-mega .menu-links a{font-size:12px;line-height:1.6;margin-bottom:5px}.menu-tag{font-size:11px}.menu-group:nth-child(n+4){padding-top:0}.menu-group:nth-child(n+4)::before{display:none}}

.q-products>a{position:relative;display:flex;align-items:center;gap:9px;transition:color .18s ease}
.q-products>a>.caret,.q-expand>.caret{display:inline-block;width:7px;height:7px;flex-shrink:0;opacity:.8;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease,color .18s ease}
.q-products>a::after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:#497db9;transform:scaleX(0);transition:transform .18s ease}
.q-products:not(.menu-dismissed):is(:hover,:focus-within,.is-open)>a{color:#497db9}
.q-products:not(.menu-dismissed):is(:hover,:focus-within,.is-open)>a::after{transform:scaleX(1)}
.q-products:not(.menu-dismissed):is(:hover,:focus-within,.is-open)>a>.caret,.q-products.is-open>.q-expand>.caret{transform:rotate(225deg) translate(-1px,-1px)}
@media(min-width:761px){
  .q-nav nav{justify-content:center}
  .q-products .q-mega{max-height:calc(100dvh - 142px);scrollbar-width:thin}
  .menu-sidebar{padding-top:24px;padding-bottom:24px}
  .menu-sidebar h2{font-size:19px;margin-bottom:16px;padding-left:22px}
  .menu-sidebar button{font-size:14px;min-height:45px;padding:11px 22px}
  .menu-content{padding:24px 26px 18px 32px}
  .menu-panel{min-height:0;column-gap:24px}
  .menu-group{grid-template-columns:48px minmax(0,1fr);gap:12px;padding-bottom:20px}
  .menu-group>img{width:48px;height:44px}
  .q-mega .menu-group h3{font-size:16px;line-height:1.35;margin-bottom:12px}
  .q-mega .menu-links a{font-size:13px;line-height:1.5;margin-bottom:2px}
  .menu-tag{font-size:11px;margin-left:4px}
  .menu-group:nth-child(n+4){padding-top:20px}
  .menu-group:nth-child(n+4)::before{left:60px}
}
@media(min-width:1101px){
  .q-nav nav{gap:36px;padding-inline:24px}
}
@media(min-width:761px) and (max-height:800px){
  .menu-content{padding-top:16px;padding-bottom:10px}
  .menu-group{padding-bottom:14px}
  .menu-group:nth-child(n+4){padding-top:14px}
  .q-mega .menu-group h3{margin-bottom:8px;font-size:15px}
  .q-mega .menu-links a{line-height:1.4;margin-bottom:1px}
}
@media(max-width:760px){
  .q-products>a>.caret{display:none}
  .q-products>a::after{bottom:0;right:44px}
  .q-products>.q-expand{width:44px;height:44px;top:0;display:grid;place-items:center;font-size:16px;color:#497db9}
  .menu-panel{min-height:0}
}