/* One shared header presentation for every page. */
body [data-header] .topbar{background:#253238;color:#fff;font:11px/1 Manrope,Arial,sans-serif}body [data-header] .topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}body [data-header] .topbar-contact,body [data-header] .topbar-social{display:flex;align-items:center;gap:18px}body [data-header] .topbar a{display:inline-flex;align-items:center;gap:6px;color:#fff;opacity:.88}body [data-header] .topbar svg{width:13px;height:13px;fill:currentColor}body [data-header] .topbar-social{gap:9px}body [data-header] .topbar-social a{width:22px;height:22px;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:50%}body [data-header] .topbar-social svg{width:11px;height:11px}body [data-header] .site-header{position:sticky;top:0;z-index:30;display:block;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}body [data-header] .nav{width:var(--shell);height:84px;margin:auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:30px;background:transparent;box-shadow:none}body [data-header] .brand{display:flex;align-items:center;margin:0;padding:0;background:none}body [data-header] .brand img{width:104px;height:48px;object-fit:contain;object-position:left center}body [data-header] .nav-links{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none;font:800 13px Manrope,Arial,sans-serif}body [data-header] .nav-links>a{display:block;padding:30px 0;color:var(--ink);text-decoration:none}body [data-header] .nav-links>a.active{color:var(--pink)}body [data-header] .nav-contact{padding:10px 17px!important;background:var(--pink)!important;color:#fff!important;border-radius:100px}.menu-button{display:none}@media(max-width:760px){body [data-header] .topbar-inner{min-height:31px;justify-content:center}body [data-header] .topbar-contact{gap:13px}body [data-header] .topbar-contact span{font-size:9px}body [data-header] .topbar-social{display:none}body [data-header] .nav{height:70px}body [data-header] .brand img{width:82px;height:40px}body [data-header] .nav-links{display:none}body [data-header] .menu-button{display:block;background:none;border:0;font:800 12px Manrope,Arial,sans-serif}body [data-header] .nav.open .nav-links{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:15px 25px;gap:0}body [data-header] .nav.open .nav-links>a{padding:10px 0}}/* Fixed common navigation order: Home → Products → Custom Service → About Us → Contact Us → Quote. */
body [data-header] .nav-links>a[href="/"]{order:1!important}body [data-header] .nav-links .product-nav{order:2!important}body [data-header] .nav-links>a[href="/custom-service/"]{order:3!important}body [data-header] .nav-links>a[href="/about/"]{order:4!important}body [data-header] .nav-links>a[href="/contact/"]:not(.nav-contact){order:5!important}body [data-header] .nav-links .nav-contact{order:6!important}
/* Align the Products trigger and anchor its mega menu to the header edge. */
body [data-header] .product-nav{position:relative;align-self:stretch;display:flex;align-items:center}
body [data-header] .product-nav>a{height:100%;display:inline-flex;align-items:center;gap:6px}
body [data-header] .product-nav>a:after{padding-left:0;line-height:1;transform:translateY(1px)}
body [data-header] .product-nav .mega{top:100%}
@media(max-width:760px){body [data-header] .product-nav{align-self:auto;display:block}body [data-header] .product-nav>a{height:auto;display:inline-flex}}

/* SVG caret avoids font-baseline drift beside the Products label. */
body [data-header] .product-nav>a:after{content:none}
body [data-header] .product-nav .product-caret{width:11px;height:8px;flex:0 0 11px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:none}

/* Shared navigation interaction and current-page states. */
body [data-header] .nav-links>a:not(.nav-contact),body [data-header] .product-nav>a{position:relative;transition:color .2s ease}
body [data-header] .nav-links>a:not(.nav-contact):before,body [data-header] .product-nav>a:before{content:"";position:absolute;right:0;bottom:18px;left:0;height:2px;border-radius:2px;background:var(--pink);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
body [data-header] .nav-links>a:not(.nav-contact):hover,body [data-header] .nav-links>a:not(.nav-contact):focus-visible,body [data-header] .product-nav>a:hover,body [data-header] .product-nav>a:focus-visible{color:var(--pink)}
body [data-header] .nav-links>a:not(.nav-contact):hover:before,body [data-header] .nav-links>a:not(.nav-contact):focus-visible:before,body [data-header] .product-nav>a:hover:before,body [data-header] .product-nav>a:focus-visible:before,body [data-header] .nav-links>a.active:not(.nav-contact):before,body [data-header] .product-nav>a.active:before{transform:scaleX(1)}
body [data-header] .nav-links>a.active:not(.nav-contact),body [data-header] .product-nav>a.active{color:var(--pink)}
body [data-header] .nav-links a:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:3px}
@media(max-width:760px){body [data-header] .nav-links>a:not(.nav-contact):before,body [data-header] .product-nav>a:before{bottom:4px}body [data-header] .nav-links>a.active:not(.nav-contact),body [data-header] .product-nav>a.active{color:var(--pink)}}


/* Product navigation: five primary groups with their retained secondary categories. */
body [data-header] .mega-list.mega-list-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
body [data-header] .mega-group{display:grid;gap:6px;align-content:start}
body [data-header] .mega-list .mega-group-title{padding:0;color:var(--ink);font:800 12px/1.25 Manrope,Arial,sans-serif}
body [data-header] .mega-list .mega-group-title:hover{color:var(--pink)}
body [data-header] .mega-group-links{display:grid;gap:3px}
body [data-header] .mega-list .mega-group-links a{padding:0;color:#657176;font-size:11px;line-height:1.35}
body [data-header] .mega-list .mega-group-links a:hover{color:var(--pink)}
@media(max-width:760px){body [data-header] .mega-list.mega-list-groups{grid-template-columns:1fr;gap:12px}.mega{width:min(100vw - 32px,700px)}}

/* Products mega menu refinement: clearer hierarchy without changing its links or behaviour. */
body [data-header] .product-nav .mega{
  width:min(880px,calc(100vw - 48px));
  padding:30px 32px;
  grid-template-columns:minmax(0,1.42fr) minmax(250px,.78fr);
  gap:32px;
  border-radius:0 0 16px 16px;
  box-shadow:0 22px 48px rgba(37,50,56,.16);
}
body [data-header] .product-nav .mega-title{
  margin-bottom:18px;
  font-size:13px;
  letter-spacing:.14em;
}
body [data-header] .product-nav .mega-list.mega-list-groups{
  gap:24px 34px;
}
body [data-header] .product-nav .mega-group{
  gap:9px;
}
body [data-header] .product-nav .mega-list .mega-group-title{
  font-size:17px;
  line-height:1.3;
  letter-spacing:-.015em;
}
body [data-header] .product-nav .mega-group-links{
  gap:7px;
}
body [data-header] .product-nav .mega-list .mega-group-links a{
  font-size:14px;
  line-height:1.42;
  font-weight:700;
  color:#667379;
}
body [data-header] .product-nav .mega-promo{
  min-height:100%;
  padding:28px 30px;
  border-radius:16px;
}
body [data-header] .product-nav .mega-promo h3{
  margin:12px 0;
  font-size:31px;
  line-height:1.14;
}
body [data-header] .product-nav .mega-promo p{
  margin-bottom:22px;
  font-size:15px;
  line-height:1.5;
}
body [data-header] .product-nav .mega-promo a{
  font-size:15px;
}
@media(max-width:760px){
  body [data-header] .product-nav .mega{
    width:min(100vw - 32px,700px);
    padding:20px;
    grid-template-columns:1fr;
    gap:18px;
    border-radius:0 0 14px 14px;
  }
  body [data-header] .product-nav .mega-title{margin-bottom:14px;font-size:12px}
  body [data-header] .product-nav .mega-list.mega-list-groups{gap:18px}
  body [data-header] .product-nav .mega-list .mega-group-title{font-size:15px}
  body [data-header] .product-nav .mega-list .mega-group-links a{font-size:13px}
  body [data-header] .product-nav .mega-promo{min-height:auto;padding:22px}
  body [data-header] .product-nav .mega-promo h3{font-size:25px}
}