/* Exact legacy navigation measurements, scoped to desktop. */
@media (min-width:768px) {
  html body .web_head:not(#dct-legacy-ui-baseline-v100) {
    position:fixed!important;top:0!important;left:0!important;width:100%!important;height:90px!important;min-height:90px!important;
      margin:0!important;padding:0!important;background:transparent!important;z-index:100!important;overflow:visible!important;
  }
  /* Some legacy detail templates render an empty banner. Reserve the header lane so content never sits beneath navigation. */
  html body .web_head:not(#dct-legacy-ui-baseline-v100) + .sys_sub_head {min-height:90px!important;height:auto!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_layer {
    display:block!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;
    height:90px!important;min-height:90px!important;margin:0!important;padding:0!important;
    background:transparent!important;z-index:100!important;opacity:1!important;visibility:visible!important;
    animation:none!important;transform:none!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_layer>.layout {
    display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;height:90px!important;
    margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .logo {
    display:block!important;box-sizing:border-box!important;position:relative!important;flex:0 0 260px!important;width:260px!important;height:90px!important;
    margin:0!important;padding:0 0 0 40px!important;opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .logo img {
    display:block!important;width:220px!important;max-width:220px!important;height:auto!important;margin:0!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .logo>a {display:block!important;position:absolute!important;left:40px!important;top:23px!important;width:220px!important;height:44px!important;margin:0!important;padding:0!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .nav_wrap {
    display:block!important;box-sizing:border-box!important;flex:0 0 calc(100% - 370px)!important;width:calc(100% - 370px)!important;min-width:0!important;height:90px!important;
    margin:0!important;padding:0 3%!important;opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav {
    display:block!important;float:none!important;width:auto!important;height:125px!important;margin:0!important;padding:0!important;text-align:center!important;position:relative!important;
    white-space:nowrap!important;opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li {
    display:inline-block!important;vertical-align:top!important;position:relative!important;height:104px!important;
    margin:0 2%!important;padding:0 0 7px!important;box-sizing:border-box!important;
    opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li>a,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language summary {
    display:inline-block!important;box-sizing:border-box!important;height:97px!important;line-height:97px!important;
    margin:0!important;padding:0 15px!important;color:#fff!important;font:16px/97px opensans,Arial,Helvetica,sans-serif!important;
    text-transform:uppercase!important;white-space:nowrap!important;position:relative!important;z-index:1!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language summary {cursor:pointer!important;list-style:none!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language summary::-webkit-details-marker{display:none!important;}
  /* The legacy translator lives in the reserved right lane, rather than widening the centered menu. */
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:has(.dct-inline-language) {
    position:absolute!important;left:calc(100% + 10px)!important;top:0!important;width:110px!important;margin:0!important;padding:0!important;text-align:left!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:has(.dct-inline-language)::before {display:none!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:has(.dct-inline-language) .dct-inline-language,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:has(.dct-inline-language) summary {padding:0!important;font-size:16px!important;}
  /* Match the original arrow widths and the final three legacy link rails. */
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li>a:has(>b)::after {margin-left:0!important;font-size:10px!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:nth-child(4)>a,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:nth-child(5)>a,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:nth-child(6)>a {padding-left:12.5px!important;padding-right:12.5px!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav {transform:translateX(5px)!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:nth-child(2)>a,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:nth-child(3)>a {padding-left:8.5px!important;padding-right:8.5px!important;}
  /* Render a single real language chevron even when a cached widget leaves a literal entity behind. */
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language summary {font:16px/97px opensans,Arial,Helvetica,sans-serif!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language summary::before {content:none!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language summary::after {content:"▼";margin-left:7px;font:12px/97px Arial,sans-serif!important;vertical-align:top!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language>div {font-size:14px!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li::before {
    content:""!important;display:block!important;box-sizing:border-box!important;position:absolute!important;left:0!important;top:0!important;
    width:100%!important;height:70%!important;border-bottom:7px solid #fff!important;
    background:#66be0c linear-gradient(115deg,#66be0c,#093d6f)!important;box-shadow:none!important;
    opacity:0!important;transition:.3s!important;z-index:0!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li.nav-current::before,
  html body .web_head:not(#dct-legacy-ui-baseline-v100).index_web_head:has(+.web_main.index_main) .head_nav>li.i-nav-current::before,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:hover::before {
    top:0!important;height:100%!important;bottom:auto!important;opacity:1!important;box-shadow:0 0 6px rgba(0,0,0,.2)!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li:hover>a {color:#fff!important;}
  /* Keep one legacy arrow beside menu text; suppress the duplicate legacy glyph below the header. */
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li>a>b {display:none!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li>a:has(>b)::after {content:"▶"!important;display:inline-block!important;margin-left:7px!important;color:#fff!important;font-size:12px!important;line-height:inherit!important;vertical-align:middle!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .nav_wrap .head_nav>li>ul {
    top:104px!important;left:0!important;width:250px!important;background:#fff!important;box-shadow:0 0 6px rgba(0,0,0,.2)!important;
    opacity:0!important;visibility:hidden!important;transform:translateY(15px)!important;transition:.3s!important;z-index:200!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .nav_wrap .head_nav li:hover>ul {
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .nav_wrap .head_nav>li li>a {
    display:block!important;box-sizing:border-box!important;width:250px!important;min-height:38px!important;padding:8px 25px 8px 15px!important;
    color:#333!important;font:14px/22.4px opensans,Arial,Helvetica,sans-serif!important;text-transform:none!important;white-space:normal!important;
    background:transparent!important;transition:.3s!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .nav_wrap .head_nav>li li:hover>a {
    color:#fff!important;background:#66be0c linear-gradient(115deg,#66be0c,#093d6f)!important;
  }
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .nav_wrap .head_nav>li li:hover b::after{border-left-color:#fff!important;}
}
@media (min-width:768px) and (max-width:1599px) {
}
@media (min-width:1600px) {
}
  /* The legacy header is transparent at the top; it gains its dark glass only after the page moves. */
  html.dct-legacy-nav-scrolled body .web_head:not(#dct-legacy-ui-baseline-v100),
  html.dct-legacy-nav-scrolled body .web_head:not(#dct-legacy-ui-baseline-v100) .head_layer {background:rgba(0,0,0,.45)!important;}

  /* Resolve the server-known active section for every legacy page type. */
  html[data-dct-section="about"] body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li.a-nav-current::before,
  html[data-dct-section="products"] body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li.p-nav-current::before,
  html[data-dct-section="solutions"] body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li.s-nav-current::before,
  html[data-dct-section="news"] body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li.n-nav-current::before,
  html[data-dct-section="contact"] body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li.c-nav-current::before {top:0!important;height:100%!important;bottom:auto!important;opacity:1!important;box-shadow:0 0 6px rgba(0,0,0,.2)!important;}

  /* Restore a stable Featured Products visual when the migrated sidebar has no slide records. */
  html body .aside .side-product-items {display:block!important;min-height:300px!important;background:#fff!important;}
  html body .aside .side-product-items .items_content {display:none!important;}
  html body .aside .side-product-items::before {content:""!important;display:block!important;width:100%!important;height:300px!important;background:url("/wp-content/uploads/2026/09/20241217160623855-3.jpg") center center/contain no-repeat!important;}

  /* About pages: the copied QR is editorial content, not part of the public layout. */
  html[data-dct-section="about"] body img[src*="file=company-code"] {display:none!important;}

  /* Some migrated solution detail records have an empty legacy slide. Keep the original 150px header lane visible and use the site's established section image as its fallback. */
  html[data-dct-section="solutions"] body .sys_sub_head {height:150px!important;min-height:150px!important;background:#163555 url("/wp-content/plugins/decetomair-local-assets/assets/Upload/20230525174023173.jpg") center center/cover no-repeat!important;}
  html[data-dct-section="solutions"] body .sys_sub_head .head_bn_slider,
  html[data-dct-section="solutions"] body .sys_sub_head .head_bn_items,
  html[data-dct-section="solutions"] body .sys_sub_head .head_bn_item {height:150px!important;min-height:150px!important;}
  html[data-dct-section="solutions"] body .sys_sub_head .head_bn_item>img {display:none!important;}
  html[data-dct-section="solutions"] body .sys_sub_head .path_bar {z-index:2!important;}

  /* One centered wide-screen header lane keeps the logo and language switch close to the legacy positions. */
  @media (min-width:1700px) {
    html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_layer>.layout {max-width:1760px!important;margin:0 auto!important;}
  }
  /* The old archive uses four equal columns inside its content rail; never let fixed cards overflow to a hidden fourth column. */
  @media (min-width:1200px) {
  }
  /* Landing solution list: its legacy hero is the full villa banner, while solution details keep their 150px banner lane. */
  html[data-dct-view="solutions-index"] body .sys_sub_head {height:685px!important;min-height:685px!important;background:#172d2b url("/wp-content/plugins/decetomair-local-assets/assets/Upload/20230525173254460.jpg") center center/cover no-repeat!important;}
  html[data-dct-view="solutions-index"] body .sys_sub_head .head_bn_slider,
  html[data-dct-view="solutions-index"] body .sys_sub_head .head_bn_items,
  html[data-dct-view="solutions-index"] body .sys_sub_head .head_bn_item {height:685px!important;min-height:685px!important;}
  /* Disable inherited entrance animations on every header text element. */
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .logo,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .logo *,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .head_nav>li>a,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language,
  html body .web_head:not(#dct-legacy-ui-baseline-v100) .dct-inline-language * {animation:none!important;animation-delay:0s!important;transition:none!important;opacity:1!important;visibility:visible!important;}