header{z-index:50!important}header #product-submenu.mega-panel[hidden]{display:none!important}
header #product-submenu.mega-panel .mega-layout{display:grid;grid-template-columns:1.8fr repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
header #product-submenu.mega-panel a{white-space:normal;color:#000;letter-spacing:normal;text-transform:none;border:0;box-sizing:border-box}
header #product-submenu.mega-panel a:hover{color:#000;background:#fff}
header #product-submenu.mega-panel .mega-intro{display:flex;align-items:center;gap:12px;padding:16px 18px 16px 0;position:relative;overflow:hidden;border-right:1px solid #BDBEBE;background:linear-gradient(135deg,#fff,#f4f4f4);border-radius:18px 0 0 18px}
.mega-intro>img{display:block;object-fit:contain;width:44%;height:280px;flex-shrink:0;mix-blend-mode:multiply}.mega-intro-copy{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1;padding-right:10px}.mega-rule{width:35px;height:4px;background:#BF022A}.mega-intro-copy>strong{font:700 clamp(21px,1.8vw,30px)/1.13 Arial,sans-serif;letter-spacing:-.6px}.mega-intro-copy>span:not(.mega-rule){font:13px/1.6 Arial,sans-serif}.mega-intro-copy .mega-all{font-size:11px!important;font-weight:700!important;color:#BF022A;display:flex;gap:12px;align-items:center}
header #product-submenu.mega-panel .mega-card{display:block;position:relative;padding:0;border-radius:18px;overflow:hidden;min-width:0;background:#f4f4f4;transition:box-shadow .2s,transform .2s}
.mega-card>img{display:block;width:100%;height:310px;object-fit:contain;background:#f4f4f4;transition:transform .3s}
header #product-submenu.mega-panel .mega-card:hover{box-shadow:0 8px 22px #00000018;transform:translateY(-3px)}.mega-card:hover>img{transform:scale(1.015)}
.mega-label{position:absolute;left:8px;right:8px;bottom:12px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:50px;padding:13px 12px;box-shadow:0 2px 12px #0000000d;color:#000;font:700 clamp(11px,.85vw,15px)/1.3 Arial,sans-serif}.mega-label svg{width:23px;height:23px;fill:none;stroke:#BF022A;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mega-label>b{margin-left:auto;font-size:20px;font-weight:400}.mega-label>span{white-space:nowrap}
@media(min-width:1201px){header .wrap.nav{width:min(1600px,94%);gap:20px}header nav{gap:18px!important;font-size:12px!important}header .logo{width:185px}header .nav>.btn{padding:13px 19px;white-space:nowrap}header .product-nav{position:static!important;width:auto!important}header .product-nav-toggle{display:block;padding:12px 16px!important;border-radius:10px;transition:background .2s,color .2s}header .product-nav-toggle[aria-expanded=true],header .product-nav-toggle:hover{background:#BF022A;color:#fff!important}header #product-submenu.mega-panel{position:absolute!important;left:50%!important;top:100%!important;transform:translateX(-50%);margin:12px 0 0!important;width:min(1600px,97vw);min-width:0;padding:16px!important;background:#fff;border:1px solid #eee;border-radius:24px;box-shadow:0 12px 34px #00000028;z-index:60;max-height:calc(100vh - 120px);overflow:visible}header #product-submenu.mega-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:17px}header #product-submenu.mega-panel a:focus-visible{outline:3px solid #BF022A;outline-offset:3px}}
@media(min-width:1600px){header nav{font-size:14px!important;gap:23px!important}.mega-card>img{height:355px}.mega-intro>img{height:330px}.mega-label{padding:15px;font-size:14px}}
@media(max-width:1200px){header #product-submenu.mega-panel{position:static!important;transform:none;margin:12px 0 4px!important;padding:8px 12px!important;min-width:0;width:100%;border-radius:12px;border:0;background:#fff;box-shadow:none}header #product-submenu.mega-panel::before{display:none}header #product-submenu.mega-panel .mega-layout{display:flex;flex-direction:column;gap:0}header #product-submenu.mega-panel .mega-intro{display:none}header #product-submenu.mega-panel .mega-card{border-radius:0;padding:0;transform:none!important;box-shadow:none!important;background:#fff;border-bottom:1px solid #ddd}header #product-submenu.mega-panel .mega-card:last-child{border-bottom:0}.mega-card>img{display:none}.mega-label{position:static;box-shadow:none;padding:14px 5px;font-size:14px;gap:12px}.mega-label svg{width:22px;height:22px}.mega-label>b{font-size:20px}}
@media(prefers-reduced-motion:reduce){header #product-submenu.mega-panel .mega-card,.mega-card>img,header .product-nav-toggle{transition:none}}

/* Keep the header baseline and menu sizing consistent across all page templates. */
@media(min-width:1201px){
  header .wrap.nav{width:min(1760px,94%);gap:18px}
  header nav{align-items:center;gap:14px!important;font:700 15px/1.25 Arial,sans-serif!important}
  header nav>a,header .product-nav-toggle{font-size:inherit;line-height:1.25}
  header .logo{width:165px}
  header .nav>.btn{font:700 15px/1.25 Arial,sans-serif;padding:16px 18px;letter-spacing:0;border-radius:8px}
  header .product-nav-toggle{display:flex;align-items:center;gap:8px;padding:15px 12px!important}
  header .product-nav-toggle::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
  header .product-nav-toggle[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}
  header #product-submenu.mega-panel{width:min(1760px,96vw);margin:0!important;top:calc(100% - 1px)!important;padding:20px!important;max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
  header #product-submenu.mega-panel .mega-layout{grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(0,1fr));gap:16px}
  header #product-submenu.mega-panel .mega-intro{padding:16px 18px 16px 0;gap:8px}
  .mega-intro>img{width:40%;height:290px}
  .mega-intro-copy{gap:15px;padding-right:4px}
  .mega-intro-copy>strong{font-size:clamp(24px,1.9vw,34px)}
  .mega-intro-copy>span:not(.mega-rule){font-size:15px;line-height:1.5}
  .mega-intro-copy .mega-all{font-size:13px!important}
  .mega-card>img{height:330px;padding:8px 8px 65px}
  .mega-label{left:8px;right:8px;bottom:10px;padding:12px 10px;gap:6px;font-size:14px;min-height:48px}
  .mega-label>span{white-space:normal;line-height:1.2}
  .mega-label svg{width:22px;height:22px}
}
@media(min-width:1440px){
  header{height:100px}
  header .logo{width:190px}
  header nav{font-size:17px!important;gap:20px!important}
  header .nav>.btn{font-size:16px;padding:18px 24px}
  header .product-nav-toggle{padding:17px 15px!important}
  .mega-card>img{height:365px}
  .mega-label{font-size:16px;padding:14px 12px;gap:8px}
}
@media(min-width:1750px){header nav{font-size:18px!important;gap:26px!important}.mega-card>img{height:390px}.mega-intro>img{height:350px}}
@media(max-width:1200px){
  header nav{font-size:17px!important;line-height:1.4;max-height:calc(100dvh - 90px);overflow-y:auto}
  header .product-nav-toggle{font-size:17px!important;display:flex;align-items:center;justify-content:space-between;width:100%}
  header .product-nav-toggle::after{content:"+";font:400 24px/1 Arial,sans-serif}
  header .product-nav-toggle[aria-expanded=true]::after{content:"−"}
  .mega-label{font-size:16px}
}

/* Contact remains underlined in every header state. */
header nav>a[href="/contact.html"],header nav>a[href="/contact.html"]:hover,header nav>a[href="/contact.html"]:focus-visible{ text-decoration-line:underline; text-decoration-color:#BF022A; text-decoration-thickness:2px; text-underline-offset:8px; text-decoration-skip-ink:none; }