/* Product archive: preserve a square image canvas at every four-column desktop width. */
@media (min-width:1200px) {
}
/* Restore legacy expandable category rails and real chevrons in the product sidebar. */
@media (min-width:768px) {
}
/* Keep the central navigation rail stable; move only the two outer elements toward the old wide-screen positions. */
@media (min-width:1700px) {
  html body .web_head:not(#dct-legacy-ui-baseline-v1039) .logo {transform:translateX(calc((100vw - 1760px) / 2))!important;}
  html body .web_head:not(#dct-legacy-ui-baseline-v1039) .head_nav>li:has(.dct-inline-language) {transform:translateX(calc((1760px - 100vw) / 2))!important;}
}
/* Design service: use the existing ventilation design drawing as an engineering-blueprint hero and structure the service copy. */
@media (min-width:768px) {
  html[data-dct-view="design-service"] body .sys_sub_head {height:310px!important;min-height:310px!important;background:linear-gradient(90deg,rgba(4,39,85,.92),rgba(8,78,107,.56)),url("/wp-content/plugins/decetomair-local-assets/assets/Upload/20230605155738519.jpg") center 45%/cover no-repeat!important;}
  html[data-dct-view="design-service"] body .sys_sub_head .head_bn_slider,html[data-dct-view="design-service"] body .sys_sub_head .head_bn_items,html[data-dct-view="design-service"] body .sys_sub_head .head_bn_item {height:310px!important;min-height:310px!important;}
  html[data-dct-view="design-service"] body .main .dct-design-service {max-width:960px!important;margin:0 auto!important;padding:18px 0 72px!important;color:#28323c!important;}
  html[data-dct-view="design-service"] body .main .dct-design-service__eyebrow {margin:0 0 9px!important;color:#4ea21d!important;font:700 13px/18px opensans,Arial,sans-serif!important;letter-spacing:1.4px!important;text-transform:uppercase!important;}
  html[data-dct-view="design-service"] body .main .dct-design-service h1 {margin:0 0 16px!important;color:#063e76!important;font:600 34px/42px opensans,Arial,sans-serif!important;}
  html[data-dct-view="design-service"] body .main .dct-design-service__intro {max-width:820px!important;margin:0 0 28px!important;color:#56616d!important;font:17px/29px opensans,Arial,sans-serif!important;}
  html[data-dct-view="design-service"] body .main .dct-design-service h2 {margin:34px 0 16px!important;color:#063e76!important;font:600 23px/30px opensans,Arial,sans-serif!important;}
  html[data-dct-view="design-service"] body .main .dct-design-stages {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  html[data-dct-view="design-service"] body .main .dct-design-stage {box-sizing:border-box!important;min-height:144px!important;padding:20px!important;border:1px solid #dce6eb!important;border-top:4px solid #45a321!important;background:#fff!important;box-shadow:0 8px 22px rgba(12,45,69,.06)!important;}
  html[data-dct-view="design-service"] body .main .dct-design-stage__number {display:block!important;margin:0 0 7px!important;color:#4ba11e!important;font:700 12px/16px opensans,Arial,sans-serif!important;letter-spacing:1px!important;}
  html[data-dct-view="design-service"] body .main .dct-design-stage h3 {margin:0 0 7px!important;color:#243d50!important;font:600 18px/25px opensans,Arial,sans-serif!important;}
  html[data-dct-view="design-service"] body .main .dct-design-stage p {margin:0!important;color:#65727c!important;font:14px/22px opensans,Arial,sans-serif!important;}
  html[data-dct-view="design-service"] body .main .dct-design-services {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 22px!important;margin:0!important;padding:0!important;list-style:none!important;}
  html[data-dct-view="design-service"] body .main .dct-design-services>li {position:relative!important;padding:0 0 0 22px!important;color:#4e5d68!important;font:15px/24px opensans,Arial,sans-serif!important;}
  html[data-dct-view="design-service"] body .main .dct-design-services>li::before {content:"✓"!important;position:absolute!important;left:0!important;color:#4ba11e!important;font-weight:700!important;}
  html[data-dct-view="design-service"] body .main .dct-design-note {margin:28px 0 0!important;padding:18px 22px!important;border-left:4px solid #4ba11e!important;background:#f2f8ef!important;color:#40515e!important;font:15px/24px opensans,Arial,sans-serif!important;}
}
@media (max-width:767px) {html[data-dct-view="design-service"] body .main .dct-design-stages,html[data-dct-view="design-service"] body .main .dct-design-services {grid-template-columns:1fr!important;}}