/* ===== header.css ===== */
:root {
	--hx-nav-drop-mode: flyout;
	container-type: normal; container-name: hx-nav;
	--hx-drop-w: 260px; --hx-drop-radius: 10px;
	--hx-drop-link-py: 10px; --hx-drop-link-px: 18px; --hx-drop-panel-py: 10px;
	--hx-drop-active-bar: 3px; --hx-drop-flyout-gap: 0; --hx-drop-bridge-w: 6px;
	--hx-drop-hover-bg: #f7f7f7; --hx-drop-accent: var(--fs-experimental-link-color-hover);
}
@media (min-width: 850px) {
	#header .header-nav-main .nav-dropdown {
		padding-block: var(--hx-drop-panel-py) !important;
		& li > a {
			margin: 0 !important; padding: var(--hx-drop-link-py) var(--hx-drop-link-px) !important; border-left: var(--hx-drop-active-bar) solid transparent !important;
			font: inherit !important; line-height: inherit !important; color: inherit !important; text-transform: inherit !important;
			&:hover { color: var(--hx-drop-accent) !important; background: var(--hx-drop-hover-bg) !important; border-left-color: var(--hx-drop-accent) !important; }
		}
	}
	@container hx-nav style(--hx-nav-drop-mode: flyout) {
		#header .header-nav-main .nav-dropdown {
			display: block !important; overflow: visible !important; width: var(--hx-drop-w); min-width: var(--hx-drop-w);
			& :is(> li, li > .sub-menu > li) { display: block !important; position: relative; margin: 0; padding: 0; width: auto !important; min-width: 0 !important; white-space: normal !important; border: 0 !important; }
			& li > a { display: flex; align-items: center; justify-content: space-between; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
			& li.menu-item-has-children:has(> :is(.sub-menu, .nav-column):hover) > a { color: var(--hx-drop-accent) !important; background: var(--hx-drop-hover-bg) !important; border-left-color: var(--hx-drop-accent) !important; }
			& li.menu-item-has-children > a::after { content: "\f105"; font-family: "fl-icons"; font-size: .75em; opacity: .45; transition: opacity .15s, color .15s; }
			& :is(li.menu-item-has-children:has(> :is(.sub-menu, .nav-column):hover) > a, li.menu-item-has-children > a:hover)::after { opacity: 1; color: var(--hx-drop-accent); }
			& li > :is(.sub-menu, .nav-column) {
				display: block !important; position: absolute; visibility: hidden; opacity: 0; overflow: hidden;
				inset: 0 auto auto 100%; width: var(--hx-drop-w); min-width: var(--hx-drop-w);
				margin-left: var(--hx-drop-flyout-gap); padding-block: var(--hx-drop-panel-py); border: 1px solid rgba(0,0,0,.08);
				background: #fff; border-radius: var(--hx-drop-radius); box-shadow: 0 10px 36px rgba(0,0,0,.08); z-index: 20;
				transform: translateX(var(--hx-drop-flyout-gap)); transition: .15s;
				&::before { content: ""; position: absolute; inset: 0 auto 0 calc(-1 * var(--hx-drop-bridge-w)); width: var(--hx-drop-bridge-w); }
			}
			& li:hover > :is(.sub-menu, .nav-column) { visibility: visible; opacity: 1; transform: none; }
		}
	}
}

/* ===== home.css ===== */
/*--------------------------------------------------------------
  Page-home
--------------------------------------------------------------*/
@media screen and (min-width: 850px) {
  .home h1 {
    font-size: 1.6em;
  }
  .home h2 {
    font-size: 1.6em;
  }
}


/* ===== style.css ===== */
@charset "UTF-8";
body {
  line-height: 1.8;
}
.container .section, .row .section {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* .col */
.col {
  padding-bottom: 5px !important;
}
@media screen and (max-width: 550px) {
  .col.rd-l .col-inner {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
  }
  .col.rd-r .col-inner {
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
  }
}
@media screen and (min-width: 550px) {
  .col.rd-l .col-inner {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
  }
  .col.rd-r .col-inner {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
  }
}
.col.product {
  padding-bottom: 25px !important;
}
/*--------------------------------------------------------------
 Accordion
--------------------------------------------------------------*/
.accordion .accordion-item {
  margin-top: 24px;
  background-color: #f5f5f5;
  border-radius: 0px;
}
.accordion-title {
  border-top: none !important;
  margin-top: 3px;
  padding: 1em 2.3em !important;
}
.accordion-title button.toggle {
  margin-right: 15px !important;
  left: inherit !important;
  right: 0 !important;
  background-color: transparent !important;
  color: #e2b53e;
  border-radius: 99px;
  opacity: 0.8;
  font-weight: bolder;
  display: block;
  padding: 0;
  text-align: center;
  min-height: 1.3em;
  height: 1.2em;
  width: 1.3em;
  top: 1em !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.accordion-title button.toggle i.icon-angle-down {
  font-size: 0.8em;
  color: #e2b53e !important;
  text-shadow: 0 0 0 white;
}
.accordion-title button.toggle i.icon-angle-down:before {
  content: "➕" !important;
}
.accordion-title.active {
  background-color: transparent !important;
  color: inherit !important;
}
.accordion-title.active button.toggle i.icon-angle-down {
  font-size: 0.8em;
  color: #e2b53e !important;
  text-shadow: 0 0 0 white;
}
.accordion-title.active button.toggle i.icon-angle-down:before {
  content: "➖" !important;
}
/*--------------------------------------------------------------
Table
1, 首行默认加粗，用th代替td
2，深色背景行：<tr class="trbg">
3,隔行背景色 <table class="bg-gehang">

--------------------------------------------------------------*/
.thtdbase, table th, table td {
  padding: 0.7em;
  padding-left: 5px !important;
  border-width: 0 1px 1px 0 !important;
  font-size: 1em !important;
  line-height: 1.5 !important;
}
.tableborder, table, table th, table td {
  border-color: #d7d7d7 !important;
  border-style: solid;
}
/*
th:first-child, td:first-child,th,td {
    padding-left:5px!important;
}*/
table {
  border-width: 1px 0 0 1px !important;
}
table.bg-gehang tr:nth-child(2n+2) {
  background-color: #f4f4f4 !important;
}
table.center td, table.center th {
  text-align: center !important;
}
table tr.trbg {
  background-color: skyblue;
}
table tr.trbg td {
  color: #fff;
}
/*--------------------------------------------------------------
  Button
--------------------------------------------------------------*/
.button {
  margin-bottom: 0px;
}
/*submit*/
input[type=submit] {
  width: 100%;
}
/*--------------------------------------------------------------
  trp menu
--------------------------------------------------------------*/
li.trp-language-switcher-container ul.nav-dropdown {
  min-width: 155px !important;
}
li.trp-language-switcher-container ul.nav-dropdown .nav-dropdown-has-shadow .nav-dropdown {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);
}
li.trp-language-switcher-container ul.nav-dropdown .nav-column li > a, li.trp-language-switcher-container ul.nav-dropdown .nav-dropdown > li > a {
  line-height: 1.2 !important;
  padding: 5px 5px !important;
}


/* ===== plugins.css ===== */
/*--------------------------------------------------------------
  CF7
--------------------------------------------------------------*/
.wpcf7 input[type=submit]:not(.is-form) {
  background-color: grey;
  border-radius: 5px;
}
/*--------------------------------------------------------------
  CF7 Image Captcha
--------------------------------------------------------------*/
.captcha-image {
  border: 0px solid !important;
  border-radius: 8px;
  padding: 10px;
  display: inline-block;
  text-align: center;
  background-color: #eaf6f4;
}
.captcha-image .cf7ic_instructions {
  display: block;
}
.captcha-image .cf7ic_instructions span {
  color: red;
  font-weight: bold;
}
.captcha-image label {
  display: inline-block !important;
  width: 60px !important;
  position: relative;
  /* HIDE RADIO */
  /* IMAGE STYLES */
  /* (CHECKED) IMAGE STYLES */
}
.captcha-image label input {
  opacity: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  position: absolute;
}
.captcha-image label svg {
  padding: 5px;
  width: 30px;
  height: 30px;
}
.captcha-image label input + svg {
  cursor: pointer;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
.captcha-image label input:checked + svg, .captcha-image label .captcha-image label > input:focus + svg {
  border: 2px solid #f00;
}
/*--------------------------------------------------------------
  Trp
--------------------------------------------------------------*/
li.trp-language-switcher-container .nav-dropdown {
  padding: 5px 0px !important;
  /*min-width: 150px!important;*/
}
li.trp-language-switcher-container ul.nav-dropdown .nav-column li > a, .nav-dropdown > li > a {
  line-height: 1.05;
  padding: 3px 2px !important;
}


/* ===== products.css ===== */
/*--------------------------------------------------------------
  woocommerce页面通用
--------------------------------------------------------------*/
.woocommerce h1 {
  text-transform: capitalize;
}
/*--------------------------------------------------------------
  Product 分类页
--------------------------------------------------------------*/
.tax-product_cat form.woocommerce-ordering {
  display: none;
}
/*--------------------------------------------------------------
  Product 分类页
--------------------------------------------------------------*/
.single-product .share-icons {
  padding-top: 15px;
}


/* ===== blog.css ===== */
/*--------------------------------------------------------------
  Blog通用
--------------------------------------------------------------*/
@media (min-width: 850px) {
  .entry-image-float {
    max-width: 35% !important;
    float: left;
    margin-right: 2em;
  }
  .entry-content {
    padding-top: 1.5em !important;
  }
}
.post-date {
  display: none !important;
}
a.more-link.button {
  border: 1px solid grey;
}
a.more-link.button:hover {
  background-color: grey;
  border: 1px solid grey;
}
/*--------------------------------------------------------------
  Blog汇总页
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  文章分类
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  文章单页
--------------------------------------------------------------*/
.single-post .comment-respond {
  border-radius: 10px;
}
.single-post .comment-respond input[type=submit] {
  background-color: grey !important;
  border-radius: 5px;
}


/* ===== footer.css ===== */
/*--------------------------------------------------------------
  Footer
--------------------------------------------------------------*/
footer .col {
  padding-bottom: 0px !important;
}
footer p, footer ul, footer ol {
  margin-bottom: 12px;
}
footer .absolute-footer {
  display: none;
}
footer .post-date {
  display: none;
}

footer img{border-radius:0px;}
/*--------------------------------------------------------------
  4 mobile button
--------------------------------------------------------------*/
.contact_button_mobi {
  display: none;
}
@media only screen and (max-width: 450px) {
  .site-info {
    padding: 15px 0 58px 0;
  }
  .contact_button_mobi {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: block;
    right: 0;
    box-shadow: 0px 0px 10px 3px #e8e8e8;
    -webkit-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -mox-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -o-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -ms-box-shadow: 0px 0px 10px 3px #e8e8e8;
  }
  .contact_button_mobi {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: block;
    right: 0;
    box-shadow: 0px 0px 10px 3px #e8e8e8;
    -webkit-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -mox-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -o-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -ms-box-shadow: 0px 0px 10px 3px #e8e8e8;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .contact_button_mobi span {
    width: 50px !important;
    height: 50px !important;
  }
  .contact_button_mobi .font-text {
    margin: 0 0 0 5px;
    color: #FFFFFF;
  }
  .contact_button_mobi ul {
    position: relative;
    z-index: 1;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    list-style-type: none;
    margin: 0px;
    padding: 0px !important;
  }
  .contact_button_mobi ul li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    top: 5px;
  }
  .contact_button_mobi ul li a {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}


/* ===== custom.css ===== */
@charset "UTF-8";
/*--------------------------------------------------------------
  
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  Fancybox Popup 弹窗
--------------------------------------------------------------*/
.fancybox-content {
  border-radius: 10px;
  padding: 20px !important;
}
/*--------------------------------------------------------------
  Lightbox  弹窗 - Flatsome自带
--------------------------------------------------------------*/
.mfp-content .lightbox-content {
  max-width: 800px !important;
  padding: 30px !important;
  border-radius: 15px;
}


/*banner style*/
.fill{img{border-radius:0px;}}
/*form captcha and  contact form*/
.captcha-image { width: 100%;}
input:not([type=submit]){border-radius:5px !important;}textarea {border-radius: 5px !important;}
.wpcf7 input[type=submit]:not(.is-form) {background-color: #003a82;}


/*blog category hidden title*/
.category{.page-title{display:none;}}
/*hidden single product tab*/
.single{.description_tab{display:none;}}
/*tabs top*/
.tab-panels{.entry-content {padding-top: 0em !important;}}  


/**


/** ZERO footer — only styles unavailable in UX Builder. */
.zero-footer a {
  color: inherit;
  transition: color .2s ease;
}

.zero-footer a:hover,
.zero-footer a:focus-visible,
.zero-footer-contact-list a {
  color: #fff;
}

.zero-footer-heading p {
  position: relative;
  padding-bottom: 12px;
}

.zero-footer-heading p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 1px;
  background: var(--zero-blue-300);
}

.zero-footer-links p,
.zero-footer-contact-list p,
.zero-footer-bottom p {
  margin-bottom: 12px;
}

.zero-footer-links a {
  position: relative;
}

.zero-footer-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: var(--zero-blue-300);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s ease;
}

.zero-footer-links a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.zero-footer-contact-list small {
  color: var(--zero-blue-300);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
}

@media (max-width: 549px) {
  .zero-footer-column > .col-inner {
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 25px;
  }
}


@media (min-width: 850px) {
    .post-sidebar.col {
        position: relative;
    }
    .widget-area {
        height: 100%;
    }
    .stickysidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
        z-index: 99;
    }
}


.bg-blue-dot-image {
    position: relative;
}

.bg-blue-dot-image::before {
    content: "";
    position: absolute;
    right: -24%;
    bottom: -5%;          /* ← 左下角锚定 */
    top: auto;          /* ← 覆盖原 top */

    width: 200px;
    height: 200px;

    background-image: url(http://zhelunjingmmi.local/wp-content/uploads/2026/09/patternBlue.svg);
    background-repeat: repeat;
    background-size: 25px 25px;

    pointer-events: none; 
    z-index: 0;

    transform: translate(-40px, 40px); /* ← 稳定外扩 */
}


/* 右上角点阵 */
.bg-blue-dot-image::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;

    width: 200px;
    height: 200px;

    background-image: url(https://n.ht-ce.com/wp-content/uploads/2025/12/patternBlue.svg);
    background-repeat: repeat;
    background-size: 25px 25px;

    pointer-events: none;
    z-index: -10;

    transform: translate(40px, -40px); /* ← 稳定外扩 */
}


/* ZERO product mega menu — reusable component */
#menu-item-62626 > .nav-dropdown {
  padding: 0;
  border: 0;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 18px 40px rgba(7, 34, 72, 0.16);
  overflow: hidden;
}

.zero-product-mega-menu {
  background: #fff;
}

.zero-product-mega-menu .section-content,
.zero-product-mega-menu .row {
  width: 100%;
  max-width: 100%;
}

.zero-product-mega-menu,
.zero-product-mega-menu .section-content {
  overflow: hidden;
}

.zero-product-mega-menu .zero-mega-heading-row,
.zero-product-mega-menu .zero-mega-grid,
.zero-product-mega-menu .zero-mega-footer-row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.zero-product-mega-menu .zero-mega-eyebrow p {
  margin-bottom: 10px;
  color: #123a6f;
  font-size: 13px;
  letter-spacing: .13em;
}

.zero-product-mega-menu .zero-mega-grid {
  padding: 0 10px 8px;
}

.zero-product-mega-menu .zero-mega-material-col {
  position: relative;
}

.zero-product-mega-menu .zero-mega-material-col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 0;
  bottom: 20px;
  width: 1px;
  background: #dbe5ef;
}

.zero-product-mega-menu .zero-mega-title-link .ux-menu-link__link {
  min-height: 48px;
  align-items: center;
  padding: 0;
  color: #123a6f;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.15;
}

.zero-product-mega-menu .zero-mega-title-link .ux-menu-link__link:hover {
  color: #1f5897;
  background: transparent;
  transform: translateX(2px);
}

.zero-product-mega-menu .ux-menu-link__link {
  min-height: 42px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 5px;
  color: #233f5f;
  font-size: 16px;
  line-height: 1.3;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.zero-product-mega-menu .ux-menu-link__link:hover {
  color: #0f4884;
  background: #edf5fc;
  transform: translateX(2px);
}

.zero-product-mega-menu .ux-menu-link--active:not(.zero-mega-title-link) .ux-menu-link__link {
  color: #0f4884;
  background: #dfeefa;
  font-weight: 700;
  transform: none;
}

.zero-product-mega-menu .ux-menu-link--active:not(.zero-mega-title-link) .ux-menu-link__link::after {
  content: "→";
  margin-left: auto;
  color: #1f5897;
  font-size: 18px;
  line-height: 1;
}

.zero-product-mega-menu .zero-mega-title-link.ux-menu-link--active .ux-menu-link__link::after {
  content: "→";
  margin-left: 9px;
  color: #1f5897;
  font-size: 20px;
  line-height: 1;
}

.zero-product-mega-menu .zero-mega-link-all {
  margin-top: 8px;
}

.zero-product-mega-menu .zero-mega-link-all .ux-menu-link__link {
  color: #60758b;
  font-size: 13px;
  font-weight: 600;
}

.zero-product-mega-menu .zero-mega-footer-row {
  margin: 0;
  padding: 10px 22px;
  border: 1px solid #c8d8e8;
  background: #f3f7fb;
  box-shadow: 0 8px 18px rgba(7, 34, 72, 0.08);
}

.zero-product-mega-menu .zero-mega-footer-menu .ux-menu-link__link {
  min-height: 38px;
  padding: 6px 4px;
  color: #4f6880;
  font-size: 14px;
  font-weight: 600;
}

.zero-product-mega-menu .zero-mega-footer-link-strong .ux-menu-link__link,
.zero-product-mega-menu .zero-mega-footer-menu-contact .ux-menu-link__link {
  color: #123a6f;
  font-weight: 700;
}

@media (min-width: 850px) {
  .zero-product-mega-menu .zero-mega-grid > .zero-mega-material-col {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .zero-product-mega-menu .zero-mega-footer-menu-contact .ux-menu-link__link {
    justify-content: flex-end;
  }
}

@media (max-width: 849px) {
  .zero-product-mega-menu .zero-mega-material-col::after {
    display: none;
  }

  .zero-product-mega-menu .zero-mega-title-link .ux-menu-link__link {
    min-height: 38px;
    font-size: 21px;
  }

  .zero-product-mega-menu .ux-menu-link__link {
    min-height: 36px;
    padding: 6px 8px;
    font-size: 14px;
  }
}


/*header main*/

.header-main {
  height: 82px;
  border-bottom: 1px solid rgba(10, 39, 67, .09);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(18px);
}

.header-wrapper.stuck .header-main {
  box-shadow: 0 12px 35px rgba(5, 28, 51, .08);
}


.header-nav-main.nav > li > a {
  position: relative;
  color: var(--zero-v2-ink);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: -.01em;
}


.header-nav-main.nav > li:hover > a::after,
.header-nav-main.nav > li.active > a::after {
  right: 0;
}


/*home page*/


/* =========================================================
   Homepage CSS extracted from ZERO GLOBAL CSS
   Basis: only zero-* classes actually used in homepage Flatsome code
   Includes related responsive rules, variables and animations.
   Excludes Footer / About page / Blog / Mega Menu / other page-only CSS.
   ========================================================= */
:root,
.zero-site {
  --zero-v2-ink: #0b1d31;
  --zero-v2-navy: #061c33;
  --zero-v2-blue: #07549a;
  --zero-v2-blue-bright: #0d73c7;
  --zero-v2-cyan: #78d4ff;
  --zero-v2-copy: #627385;
  --zero-v2-line: #dce5ed;
  --zero-v2-paper: #f3f7fa;
  --zero-v2-radius: 22px;
  --zero-v2-shadow: 0 24px 70px rgba(8, 33, 57, .14);
  color: var(--zero-v2-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.zero-site {
  --zero-navy-900: #072248;
  --zero-blue-700: #1f5897;
  --zero-blue-300: #7fb7eb;
  --zero-ink: #172334;
  --zero-copy: #536274;
  --zero-line: #d3dde8;
  --zero-mist: #f2f6fa;
  --zero-shadow: 0 24px 65px rgba(5, 27, 62, 0.14);
  --zero-ease: cubic-bezier(.22, .61, .36, 1);
  color: var(--zero-copy);
}

.zero-site .section-content {
  z-index: 2;
}

.zero-site p:last-child,
.zero-site ul:last-child {
  margin-bottom: 0;
}

.zero-site .zero-kicker p {
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .16em;
}

.zero-site .zero-title h2 {
  margin-bottom: 22px;
  font-weight: 700;
}

.zero-hero h1 span {
  color: var(--zero-blue-300);
}

.zero-hero-index > .col-inner {
  border-left: 1px solid rgba(255,255,255,.24);
}

.zero-hero-index p {
  display: flex;
  gap: 18px;
  align-items: baseline;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.88);
  font-size: 19px;
}

.zero-hero-index p:first-child {
  padding-top: 0;
  color: var(--zero-blue-300);
  border-bottom-color: rgba(127,183,235,.5);
  font-size: 11px;
  letter-spacing: .14em;
}

.zero-hero-index p strong {
  min-width: 24px;
  color: var(--zero-blue-300);
  font-size: 10px;
  letter-spacing: .1em;
}

.zero-hero-strip {
  margin-top: 55px !important;
}

.zero-hero-strip p {
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
}

.zero-hero-strip small {
  color: rgba(255,255,255,.58);
  font-size: 11px;
}

.zero-material-switcher {
  width: 100%;

  border-top: 1px solid var(--zero-line);
  border-bottom: 1px solid var(--zero-line);
}

.zero-material-nav-col > .col-inner,
.zero-material-stage > .col-inner {
  height: 100%;
}

.zero-material-nav-col > .col-inner {
  border-right: 1px solid var(--zero-line);
}

.zero-material-nav {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.zero-material-tab {
  position: relative;
  flex: 1 1 20%;
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
  padding: 20px 24px;
  border: 0;
  border-bottom: 1px solid var(--zero-line);
  color: #7b8794;
  background: transparent;
  font: inherit;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: color .25s ease, background-color .25s ease;
}

.zero-material-tab:last-child {
  border-bottom: 0;
}

.zero-material-tab span {
  color: #a1acb8;
  font-size: 10px;
  letter-spacing: .1em;
}

.zero-material-tab::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 3px;
  height: 100%;
  background: var(--zero-blue-700);
  transform: scaleY(0);
  transition: transform .3s var(--zero-ease);
}

.zero-material-tab:hover,
.zero-material-tab:focus-visible,
.zero-material-tab.is-active {
  color: var(--zero-navy-900);
  background: var(--zero-mist);
  outline: none;
}

.zero-material-tab.is-active::after {
  transform: scaleY(1);
}

.zero-material-panel {
  display: none !important;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  animation: zeroPanelIn .38s var(--zero-ease) both;
}

.zero-material-panel.is-active {
  display: flex !important;
}

.zero-material-panel[hidden] {
  display: none !important;
}

.zero-material-copy {
  align-self: center;
}

.zero-material-code {
  margin-bottom: 22px;
  color: var(--zero-blue-700);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
}

.zero-material-copy ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 25px 0 30px;
  padding: 0;
  list-style: none;
}

.zero-material-copy li {
  padding-top: 11px;
  border-top: 1px solid var(--zero-line);
  color: var(--zero-ink);
  font-size: 12px;
  font-weight: 600;
}

.zero-material-visual {
  position: relative;
  overflow: hidden;
}

.zero-material-visual > .col-inner,
.zero-material-visual .img-inner {
  position: relative;
}

@keyframes zeroPanelIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.zero-sticky > .col-inner {
  position: sticky;
  top: 110px;
}

.zero-spec-list > .col-inner {
  border-top: 1px solid var(--zero-line);
}

.zero-spec-row {
  margin: 0 !important;
  border-bottom: 1px solid var(--zero-line);
  transition: background-color .25s ease, padding .25s ease;
}

.zero-spec-row:hover {
  padding-left: 15px;
  background: rgba(255,255,255,.72);
}

.zero-spec-row h3,
.zero-spec-row p {
  margin: 0;
}

.zero-spec-row p {
  line-height: 1.6;
}

.zero-capability-media > .col-inner {
  position: relative;
}

.zero-media-caption {
  position: absolute;
  right: 0;
  bottom: 35px;
  width: min(380px, 78%);
  padding: 24px 28px;
  background: var(--zero-navy-900);
  box-shadow: var(--zero-shadow);
}

.zero-media-caption p {
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
}

.zero-media-caption small {
  color: rgba(255,255,255,.64);
  font-size: 11px;
}

.zero-numbered-feature p {
  position: relative;
  margin: 0;
  padding: 17px 0 17px 48px;
  border-bottom: 1px solid var(--zero-line);
  line-height: 1.45;
}

.zero-numbered-feature span {
  position: absolute;
  left: 0;
  top: 18px;
  color: var(--zero-blue-700);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
}

.zero-numbered-feature strong {
  color: var(--zero-ink);
  font-size: 17px;
}

.zero-numbered-feature small {
  color: var(--zero-copy);
  font-size: 14px;
}

.zero-applications .accordion {
  margin-top: 30px;
}

.zero-applications .accordion-item {
  border-top: 1px solid rgba(255,255,255,.17);
}

.zero-applications .accordion-item:last-child {
  border-bottom: 1px solid rgba(255,255,255,.17);
}

.zero-applications .accordion-title {
  position: relative;
  padding: 18px 46px 18px 0;
  border: 0;
  color: rgba(255,255,255,.84);
  font-size: 15px;
  font-weight: 600;
}

.zero-applications .accordion-title .toggle {
  display: none !important;
}

.zero-applications .accordion-title::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 3px;
  color: var(--zero-blue-300);
  font-size: 24px;
  font-weight: 300;
  transform: translateY(-50%);
}

.zero-applications .accordion-title[aria-expanded="true"] {
  color: #fff;
}

.zero-applications .accordion-title[aria-expanded="true"]::after {
  content: "−";
}

.zero-applications .accordion-inner {
  padding: 0 35px 19px 0;
  color: rgba(255,255,255,.62);
  font-size: 14px;
  line-height: 1.65;
}

.zero-about-gallery > .col-inner {
  position: relative;
}

.zero-overlap-images {
  position: relative;
}

.zero-overlap-small {
  position: absolute !important;
  right: 0;
  bottom: -45px;
  z-index: 3;
}

.zero-about-points {
  margin-top: 22px !important;
  border-top: 1px solid var(--zero-line);
  border-bottom: 1px solid var(--zero-line);
}

.zero-about-points p {
  line-height: 1.45;
}

.zero-about-points strong {
  color: var(--zero-ink);
}

.zero-about-points small {
  color: var(--zero-copy);
  font-size: 12px;
}

.zero-principle {
  margin: 0 !important;
  border-top: 1px solid var(--zero-line);
  transition: transform .25s ease, background-color .25s ease;
}

.zero-principle:last-child {
  border-bottom: 1px solid var(--zero-line);
}

.zero-principle:hover {
  background: rgba(255,255,255,.75);
  transform: translateX(9px);
}

.zero-principle h3 {
  margin-bottom: 6px;
}

.zero-principle p {
  margin-bottom: 0;
  line-height: 1.6;
}

.zero-reveal {
  opacity: 1;
  transform: none;
}

.zero-reveal.is-visible {
  animation: zeroRevealIn .55s var(--zero-ease) both;
}

@keyframes zeroRevealIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.zero-builder-editing .zero-material-panel,
.zero-builder-editing .zero-material-panel[hidden] {
  display: flex !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.zero-builder-editing .zero-sticky > .col-inner {
  position: static !important;
}

@media (max-width: 849px) {
.zero-material-copy ul {
    grid-template-columns: 1fr;
  }

.zero-sticky > .col-inner {
    position: static;
  }
}

@media (max-width: 549px) {
.zero-site .zero-button.button,
  .zero-cta-actions .button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }

.zero-hero-index > .col-inner {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.24);
    padding-top: 18px;
  }

.zero-hero-index p {
    display: inline-flex;
    width: 32%;
    padding: 9px 2px;
    font-size: 14px;
  }

.zero-hero-index p:first-child {
    display: block;
    width: 100%;
  }

.zero-hero-strip {
    display: none;
  }

.zero-material-nav-col > .col-inner {
    border-right: 0;
  }

.zero-material-nav {
    flex-direction: row;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--zero-line);
    -webkit-overflow-scrolling: touch;
  }

.zero-material-tab {
    flex: 0 0 auto;
    min-width: 92px;
    padding: 16px 14px;
    border-right: 1px solid var(--zero-line);
    border-bottom: 0;
    font-size: 15px;
  }

.zero-material-tab::after {
    top: auto;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
  }

.zero-material-tab.is-active::after {
    transform: scaleX(1);
  }

.zero-spec-row:hover {
    padding-left: 0;
  }

.zero-media-caption {
    right: 12px;
    bottom: 15px;
    width: calc(100% - 24px);
    padding: 18px 20px;
  }

.zero-overlap-images {
    margin-bottom: 90px !important;
  }

.zero-overlap-small {
    right: 8px;
    bottom: -82px;
  }

.zero-principle:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
.zero-site *,
  .zero-site *::before,
  .zero-site *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

.zero-reveal,
  .zero-reveal.is-visible {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

.zero-material-nav .zero-material-tab {
  margin: 0;
}

.zero-material-nav > br {
  display: none;
}

.zero-site,
.zero-section {
  --zero-ink: #0b1d31;
  --zero-muted: #5f6f80;
  --zero-line: #dce5ed;
  --zero-paper: #f4f7f9;
  --zero-white: #fff;
  --zero-blue: #07549a;
  --zero-blue-2: #0d73c7;
  --zero-cyan: #78d4ff;
  --zero-navy: #061c33;
  --zero-radius: 22px;
  --zero-shadow: 0 20px 60px rgba(14, 38, 63, .12);
}

.zero-lead p {
  margin: 0 0 24px;
  color: var(--zero-muted);
  font-size: 17px;
  line-height: 1.76;
}

.zero-about-section-head > .col:last-child .zero-lead {
  max-width: 430px;
  margin-left: auto;
}

@media (max-width: 549px) {
.zero-about-section-head > .col:last-child .zero-lead {
    margin-left: 0;
  }
}

.zero-site {
  --zero-navy-900: var(--zero-v2-navy);
  --zero-blue-700: var(--zero-v2-blue);
  --zero-blue-300: var(--zero-v2-cyan);
  --zero-ink: var(--zero-v2-ink);
  --zero-copy: var(--zero-v2-copy);
  --zero-line: var(--zero-v2-line);
  --zero-mist: var(--zero-v2-paper);
  --zero-shadow: var(--zero-v2-shadow);
}

.zero-site .zero-kicker p {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--zero-v2-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
}

.zero-site .zero-kicker p::before {
  content: "";
  width: 32px;
  height: 2px;
  background: currentColor;
}

.zero-site .zero-title h2 {
  color: var(--zero-v2-ink);
  font-size: clamp(40px, 4.15vw, 50px);
  font-weight: 750;
  line-height: 1.03 !important;
  letter-spacing: -.045em;
}



.zero-site .zero-title h1 {
  color: var(--zero-v2-ink);
  font-size: clamp(40px, 4.15vw, 50px);
  font-weight: 750;
  line-height: 1.03 !important;
  letter-spacing: -.045em;
}




.zero-site .zero-lead p {
  color: var(--zero-v2-copy);
  font-size: 17px;
  line-height: 1.72 !important;
}

.content-area .zero-site .button {
  min-height: 50px;
  margin: 0 8px 8px 0;
  padding: 10px 23px !important;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.zero-site .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(7, 84, 154, .24);
}



.zero-hero .section-bg img {
  object-position: center center;
}

.zero-hero .section-bg-overlay {
  background: linear-gradient(90deg, rgba(3, 20, 38, .95) 0%, rgba(3, 28, 54, .76) 36%, rgba(3, 28, 54, .12) 70%, rgba(3, 20, 38, .08) 100%) !important;
}

.zero-hero > .section-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.zero-hero > .section-content > .row:first-child {
  width: 100%;
  margin-top: auto;
}

.zero-hero .zero-kicker p {
  color: var(--zero-v2-cyan);
}

.zero-hero-title h1 {
  max-width: 820px;
  margin-bottom: 25px;
  color: #fff;
  font-size: clamp(58px, 6vw, 92px);
  font-weight: 780;
  line-height: .96 !important;
  letter-spacing: -.058em;
}

.zero-hero-title h1 span {
  color: #bfe5fb;
}

.zero-hero-lead p {
  max-width: 680px;
  color: #d1dfeb;
  font-size: 18px;
  line-height: 1.7;
}

.zero-hero .zero-button-light {
  color: var(--zero-v2-blue) !important;
  border-color: #fff !important;
  background: #fff !important;
}

.zero-hero-index > .col-inner {
  overflow: hidden;
  padding: 24px 27px;
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 18px;
  background: rgba(4, 27, 50, .66);
  backdrop-filter: blur(14px);
}

.zero-hero-index p {
  padding: 13px 0;
  font-size: 17px;
}

.zero-hero-index p:first-child {
  padding-bottom: 16px;
  font-size: 10px;
	padding-top:14px;
}

.zero-hero-strip {
  width: 100%;
  margin-top: auto !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 17px;
  background: rgba(4, 27, 50, .64);
  backdrop-filter: blur(14px);
}

.zero-hero-strip > .col > .col-inner {
  min-height: 94px;
  padding: 22px 26px;
  border-right: 1px solid rgba(255, 255, 255, .15);
}

.zero-hero-strip > .col:last-child > .col-inner {
  border-right: 0;
}

.zero-hero-strip .is-border {
  display: none;
}

.zero-hero-strip p {
  font-size: 15px;
  font-weight: 750;
}

.zero-hero-strip small {
  display: block;
  margin-top: 5px;
  color: #acc4d7;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .03em;
}

.zero-about {
  background: #fff !important;
}

.zero-about-gallery > .col-inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -45px;
  left: -45px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(120, 212, 255, .42), transparent 70%);
}

.zero-overlap-main > .col-inner,
.zero-overlap-main .img-inner {
  overflow: hidden;
  border-radius: var(--zero-v2-radius);
}

.zero-overlap-main .img-inner {
  padding-top: 104% !important;
}

.zero-overlap-main img,
.zero-overlap-small img {
  transition: transform .6s ease;
}

.zero-overlap-images:hover img {
  transform: scale(1.035);
}

.zero-overlap-small {
  right: 2%;
  bottom: -32px;
}

.zero-overlap-small > .col-inner,
.zero-overlap-small .img-inner {
  overflow: hidden;
  border-radius: 18px;
}

.zero-overlap-small > .col-inner {
  padding: 8px;
  box-shadow: var(--zero-v2-shadow);
}

.zero-about-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 28px 0 30px !important;
  border: 0;
}

.zero-about-points > .col {
  max-width: none;
  padding: 0;
}

.zero-about-points > .col > .col-inner {
  height: 100%;
  padding: 15px 16px;
  border: 1px solid var(--zero-v2-line);
  border-radius: 13px;
}

.zero-materials {
  background: var(--zero-v2-paper) !important;
}

.zero-materials > .section-bg > .is-border {
  display: none;
}

.zero-material-switcher {
  min-height: 500px;
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--zero-v2-shadow);
}

.zero-material-nav-col > .col-inner {
  border: 0;
  background: var(--zero-v2-navy);
}

.zero-material-nav {
  padding: 18px 0;
}

.zero-material-tab {
  padding: 20px 25px;
  border-color: rgba(255, 255, 255, .11);
  color: #c8d7e4;
  font-size: 18px;
}

.zero-material-tab span {
  color: #6f899f;
}

.zero-material-tab:hover,
.zero-material-tab:focus-visible,
.zero-material-tab.is-active {
  color: #fff;
  background: var(--zero-v2-blue);
}

.zero-material-tab.is-active span {
  color: var(--zero-v2-cyan);
}

.zero-material-tab::after {
  right: auto;
  left: 0;
  background: var(--zero-v2-cyan);
}

.zero-material-stage,
.zero-material-stage > .col-inner,
.zero-material-panel {
  min-height: 500px;
}

.zero-material-panel.is-active {
  align-items: stretch;
}

.zero-material-copy > .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 52px 48px;
}

.zero-material-copy h3 {
  margin-bottom: 20px;
  color: var(--zero-v2-ink);
  font-size: clamp(54px, 5vw, 78px);
  font-weight: 800;
  letter-spacing: -.055em;
}

.zero-material-copy li {
  padding-top: 13px;
  font-size: 12px;
}

.zero-material-link {
  min-height: auto !important;
  padding: 0 !important;
  color: var(--zero-v2-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.zero-material-visual,
.zero-material-visual > .col-inner,
.zero-material-visual .img,
.zero-material-visual .img-inner {
  height: 100%;
  min-height: 500px;
}

.zero-material-visual .img-inner {
  padding-top: 0 !important;
}

.zero-material-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

.zero-material-panel:hover .zero-material-visual img {
  transform: scale(1.045);
}



.zero-performance .zero-kicker p {
  color: var(--zero-v2-cyan);
}




.zero-performance .zero-title h2 {
  color: #fff;
}

.zero-performance .zero-lead p {
  color: #9fb5c8;
}

.zero-performance .zero-button-outline {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .44) !important;
}

.zero-performance .zero-spec-list > .col-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .13);
  border-left: 1px solid rgba(255, 255, 255, .13);
}

.zero-performance .zero-spec-row {
  display: grid;
  grid-template-columns: 52px 1fr;
  align-content: start;
  min-height: 218px;
  padding: 30px !important;
  border-right: 1px solid rgba(255, 255, 255, .13);
  border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.zero-performance .zero-spec-row:hover {
  background: rgba(255, 255, 255, .055);
}

.zero-performance .zero-spec-row > .col {
  max-width: none;
  padding: 0;
}

.zero-performance .zero-spec-row > .col:first-child {
  grid-row: 1 / 3;
}

.zero-performance .zero-spec-row > .col:first-child p {
  color: var(--zero-v2-cyan);
  font-size: 11px;
  font-weight: 800;
}

.zero-performance .zero-spec-row > .col:nth-child(2),
.zero-performance .zero-spec-row > .col:nth-child(3) {
  grid-column: 2;
}

.zero-performance .zero-spec-row h3 {
  margin-bottom: 14px;
  color: #fff;
  font-size: 20px;
  line-height: 1.22;
}

.zero-performance .zero-spec-row > .col:nth-child(3) p {
  color: #91a8bb;
  font-size: 13px;
}

.zero-principles {
  background: #fff !important;
}

.zero-principle {
  padding: 13px 18px;
  border-color: var(--zero-v2-line);
  border-radius: 14px;
}

.zero-principle:hover {
  background: var(--zero-v2-paper);
}

.zero-principle h3 {
  color: var(--zero-v2-ink);
  font-size: 19px;
}

.zero-applications:has(.box-overlay) {
  background: var(--zero-v2-paper) !important;
}

.zero-applications:has(.box-overlay) > .section-bg > .is-border {
  display: none;
}

.zero-applications:has(.box-overlay) .box {
  overflow: hidden;
  border-radius: var(--zero-v2-radius);
  box-shadow: 0 12px 34px rgba(8, 33, 57, .08);
}

.zero-applications:has(.box-overlay) .box-image,
.zero-applications:has(.box-overlay) .image-cover {
  border-radius: 0 !important;
}

.zero-applications:has(.box-overlay) .overlay {
  background: linear-gradient(transparent 26%, rgba(3, 19, 34, .9)) !important;
}

.zero-applications:has(.box-overlay) .box-image img {
  transition: transform .6s ease;
}

.zero-applications:has(.box-overlay) .box:hover .box-image img {
  transform: scale(1.05);
}

.zero-applications:has(.box-overlay) .box-text {
  padding: 28px !important;
}

.zero-applications:has(.box-overlay) .box-text h3 {
  margin-bottom: 7px;
  color: #fff;
  font-size: 25px;
  letter-spacing: -.025em;
}

.zero-applications:has(.box-overlay) .box-text p {
  color: #d2dde6;
  font-size: 13px;
}

.zero-capabilities {
  background: #fff !important;
}

.zero-capabilities > .section-content > .row {
  overflow: hidden;
  border-radius: 28px;
  background: var(--zero-v2-paper);
}

.zero-capability-media > .col-inner,
.zero-capability-media .img,
.zero-capability-media .img-inner {
  height: 100%;
}

.zero-capability-media .img-inner {
  min-height: 610px;
  padding-top: 0 !important;
}

.zero-capability-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zero-capabilities > .section-content > .row > .col:last-child > .col-inner {
  padding: 64px 58px;
}

.zero-media-caption {
  right: 24px;
  bottom: 24px;
  border-radius: 15px;
  background: rgba(6, 28, 51, .9);
  backdrop-filter: blur(12px);
}

.zero-numbered-feature p {
  padding: 15px 0 15px 45px;
}

.zero-applications:has(.box-blog-post) {
  background: var(--zero-v2-paper) !important;
}

.zero-applications:has(.box-blog-post) .post-item > .col-inner {
  height: 100%;
}

.zero-applications:has(.box-blog-post) .box-blog-post {
  overflow: hidden;
  height: 100%;
  border-radius: var(--zero-v2-radius);
  background: #fff;
  box-shadow: 0 10px 35px rgba(8, 33, 57, .07);
}

.zero-applications:has(.box-blog-post) .box-image,
.zero-applications:has(.box-blog-post) .image-cover {
  border-radius: 0 !important;
}

.zero-applications:has(.box-blog-post) .box-image img {
  transition: transform .55s ease;
}

.zero-applications:has(.box-blog-post) .box-blog-post:hover img {
  transform: scale(1.05);
}

.zero-applications:has(.box-blog-post) .box-text {
  padding: 27px;
}

.zero-applications:has(.box-blog-post) .post-title {
  color: var(--zero-v2-ink);
  font-size: 20px;
  line-height: 1.35;
}

.zero-applications:has(.box-blog-post) .from_the_blog_excerpt {
  color: var(--zero-v2-copy);
  font-size: 13px;
}

.zero-applications:has(.box-blog-post) .badge {
  display: none;
}

.zero-footer-cta .zero-kicker p {
  color: #bfe7ff;
}

@media (max-width: 849px) {


.zero-hero-title h1 { font-size: clamp(50px, 8.5vw, 72px); }

.zero-hero-index { margin-top: 28px; }

.zero-hero-strip { margin-top: 30px !important; }


.zero-about-gallery { margin-bottom: 82px; }

.zero-materials,
  .zero-performance,
  .zero-principles,
  .zero-applications:has(.box-overlay),
  .zero-capabilities,

.zero-material-nav { flex-direction: row; padding: 0; }

.zero-material-tab { min-height: 78px; justify-content: center; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 0; }

.zero-material-stage,
  .zero-material-stage > .col-inner,
  .zero-material-panel { min-height: 0; }

.zero-material-copy > .col-inner { padding: 42px 38px; }

.zero-performance .zero-sticky > .col-inner { margin-bottom: 45px; }

.zero-capabilities > .section-content > .row > .col:last-child > .col-inner { padding: 50px 40px; }
}

@media (max-width: 549px) {
.zero-site .zero-title h2 { font-size: 28px; }
	.zero-site .zero-title h1 { font-size: 28px; }

.zero-hero,

.zero-hero .section-bg img { object-position: 67% center; }

.zero-hero .section-bg-overlay { background: linear-gradient(90deg, rgba(3,20,38,.97), rgba(3,28,54,.55)) !important; }



.zero-hero-title h1 { font-size: 33px; }

.zero-hero-lead p { font-size: 15px; }

.zero-hero-index { display: none; }

.zero-hero-strip { display: grid; grid-template-columns: repeat(3, 1fr); }

.zero-hero-strip > .col { width: 100%; max-width: none; padding: 0; }

.zero-hero-strip > .col > .col-inner { min-height: 86px; padding: 16px 12px; }

.zero-hero-strip p { font-size: 12px; }

.zero-hero-strip small { display: none; }


.zero-about-points { grid-template-columns: 1fr; }

.zero-materials,
  .zero-performance,
  .zero-principles,
  .zero-applications:has(.box-overlay),
  .zero-capabilities,

.zero-material-switcher { border-radius: 18px; }


.zero-material-copy > .col-inner { padding: 34px 26px; }

.zero-material-copy h3 { font-size: 25px; }

.zero-material-copy ul { grid-template-columns: 1fr; }

.zero-material-visual .img-inner { min-height: 320px; }

.zero-material-visual,
  .zero-material-visual > .col-inner,
  .zero-material-visual .img { min-height: 320px; }

.zero-performance .zero-spec-list > .col-inner { grid-template-columns: 1fr; }

.zero-performance .zero-spec-row { min-height: 190px; padding: 25px !important; }

.zero-applications:has(.box-overlay) .box-text { padding: 22px !important; }

.zero-applications:has(.box-overlay) .box-text h3 { font-size: 22px; }

.zero-capabilities > .section-content > .row { border-radius: 20px; }

.zero-capability-media .img-inner { min-height: 410px; }

.zero-capabilities > .section-content > .row > .col:last-child > .col-inner { padding: 42px 24px; }
}

.zero-material-panel.is-active > .zero-material-visual,

.zero-material-panel.is-active > .zero-material-visual > .col-inner,

.zero-material-panel.is-active > .zero-material-visual .img,

.zero-material-panel.is-active > .zero-material-visual .img-inner { min-height: 500px; }

@media (max-width: 549px) {
.zero-material-panel.is-active > .zero-material-visual,

.zero-material-panel.is-active > .zero-material-visual > .col-inner,

.zero-material-panel.is-active > .zero-material-visual .img,

.zero-material-panel.is-active > .zero-material-visual .img-inner { min-height: 320px; }
}




@media (max-width: 549px) {

    .zero-material-nav {
        display: flex;
        flex-direction: row;
        overflow: hidden;
        padding: 0;
        border-right: 0;
        border-bottom: 1px solid var(--zero-line);
    }

    .zero-material-tab {
        flex: 0 0 20%;
        min-width: 20%;
        min-height: 62px;
        padding: 10px 2px;
        border-right: 1px solid rgba(255,255,255,.11);
        border-bottom: 0;
        font-size: 13px;
        justify-content: center;
        gap: 4px;
        white-space: nowrap;
    }

    .zero-material-tab span {
        font-size: 8px;
    }
	
	
	

	
	
}







/* 小标题居中：保留原来的蓝线效果 */
.zero-site .zero-kicker.zero-kicker-inline-center p {
    justify-content: center !important;
    width: 100% !important;
}



/* Blog 摘要最多显示两行，超出省略号 */
.from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}



.custom_p_bottom p{
    margin-bottom: 0em  !important;
}




/* ==========================================================
   Flatsome WooCommerce 单产品详情 - Full Width
   前台背景全宽 + 内容居中
   后台 UX Builder 保持 Flatsome 原生宽度
   ========================================================== */


/* 1. 前台：去掉 WooCommerce 外层 container 限制 */
body.single-product .product-footer > .container,
body.single-product .product-footer .woocommerce-tabs.wc-tabs-wrapper.container,
body.single-product .woocommerce-Tabs-panel--description {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* 2. 前台：Section 背景全宽 */
body.single-product
.woocommerce-Tabs-panel--description > .section {
    width: 100% !important;
    max-width: 100% !important;
}


/* 3. 前台：Section 内一级 Row 恢复居中 */
body.single-product
.woocommerce-Tabs-panel--description
> .section
> .section-content
> .row {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* 4. UX Builder 后台：不固定宽度，只恢复居中 */
body.ux-builder-iframe
.section.uxb-draggable
> .section-content
> .row,

body.ux-builder
.section.uxb-draggable
> .section-content
> .row {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* 5. 手机端安全间距 */
@media (max-width: 549px) {

    body.single-product
    .woocommerce-Tabs-panel--description
    > .section
    > .section-content
    > .row {
        padding-left: 15px;
        padding-right: 15px;
    }

}