/*
Theme Name: Cyberoce Civintec Structure
Theme URI: https://sz-cerberus.net/
Author: Cyberoce Migration
Description: Product-led access control catalogue theme with interactive home and product templates.
Version: 2.0.2
Text Domain: cyberoce
*/

@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("assets/fonts/Poppins-Light.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("assets/fonts/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/Poppins-Bold.ttf") format("truetype");
}

:root {
  --accent: #50a4fb;
  --accent-dark: #1f7ed8;
  --accent-soft: #e9f4ff;
  --ink: #0c1525;
  --muted: #626a78;
  --line: #e6e6e9;
  --pale: #f6f6f8;
  --stage: #f0f0f4;
  --dark: #111a27;
  --white: #fff;
  --max: 1220px;
  --header-height: 74px;
  --shadow: 0 18px 44px rgba(16, 24, 38, .08);
}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; }
body {
  background: var(--white);
  color: var(--ink);
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  line-height: 1.62;
  margin: 0;
  overflow-x: hidden;
}
body:not(.home) #content { padding-top: var(--header-height); }
a { color: inherit; text-decoration: none; }
button, input, textarea { font-family: inherit; }
button { cursor: pointer; }
img { display: block; height: auto; max-width: 100%; }
.container { margin: 0 auto; width: min(var(--max), calc(100% - 54px)); }
.narrow { max-width: 960px; }
.eyebrow {
  color: var(--accent);
  display: inline-block;
  font-size: .76rem;
  font-weight: 650;
  letter-spacing: .2em;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.button {
  align-items: center;
  background: var(--accent);
  border: 1px solid transparent;
  border-radius: 30px;
  color: var(--white);
  display: inline-flex;
  font-size: .91rem;
  font-weight: 650;
  justify-content: center;
  min-height: 50px;
  padding: 0 30px;
  transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.button:hover { transform: translateY(-2px); }
.button-accent { background: var(--accent); color: var(--white); }
.button-accent:hover { background: var(--accent-dark); }
.button-ghost { background: transparent; border-color: rgba(12, 21, 37, .3); color: var(--ink); }
.button-ghost:hover { border-color: var(--accent); color: var(--accent); }
.section { padding: clamp(68px, 7vw, 104px) 0; }
.section-pale { background: var(--pale); }
.section-dark { background: var(--dark); color: var(--white); }
.section-title {
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.14;
  margin: 0 0 18px;
}
.section-intro {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 42px;
  max-width: 730px;
}
.section-heading.centered { margin: 0 auto 54px; max-width: 820px; text-align: center; }
.section-heading.centered .section-intro { margin: 0 auto; }
.card-grid { display: grid; gap: 28px; grid-template-columns: repeat(3, 1fr); }

/* Header */
.site-header {
  background: rgba(255, 255, 255, .96);
  height: var(--header-height);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: background .35s ease, box-shadow .35s ease, height .35s ease;
  z-index: 60;
}
.site-header.home-header {
  background: rgba(20, 35, 54, .16);
  color: var(--white);
}
.site-header.home-header.is-scrolled,
.site-header.home-header.is-mega-open,
.site-header.is-scrolled {
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 5px 25px rgba(12, 21, 37, .08);
  color: var(--ink);
}
.header-row {
  align-items: center;
  display: flex;
  gap: 24px;
  height: var(--header-height);
  justify-content: space-between;
}
.brand {
  align-items: center;
  color: var(--ink);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.62rem;
  font-style: italic;
  font-weight: 750;
  letter-spacing: .045em;
}
.brand .custom-logo-link {
  align-items: center;
  color: inherit;
  display: inline-flex;
  line-height: 0;
}
.brand .custom-logo,
.brand .cyberoce-wordmark-logo {
  display: block;
  height: 46px;
  max-width: min(220px, 22vw);
  object-fit: contain;
  width: auto;
}
.home-header:not(.is-scrolled) .brand { color: var(--white); }
.home-header:not(.is-scrolled).is-mega-open .brand { color: var(--ink); }
.brand-mark {
  border-radius: 2px;
  display: inline-block;
  height: 27px;
  margin-right: 11px;
  position: relative;
  transform: skewX(-12deg);
  width: 34px;
}
.brand-mark:before,
.brand-mark:after {
  content: "";
  left: 0;
  position: absolute;
  width: 34px;
}
.brand-mark:before { background: currentColor; height: 16px; top: 0; }
.brand-mark:after { background: var(--accent); bottom: 0; height: 8px; }
.primary-nav { margin-left: auto; }
.primary-nav > ul > li.menu-item-home { display: none; }
.primary-nav > ul {
  align-items: center;
  display: flex;
  gap: clamp(18px, 1.65vw, 24px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.primary-nav > ul > li > a {
  color: inherit;
  display: block;
  font-size: .9rem;
  font-weight: 500;
  padding: 26px 0;
  position: relative;
  text-transform: uppercase;
}
.primary-nav > ul > li > a:after {
  background: var(--accent);
  bottom: 17px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  width: 100%;
}
.primary-nav > ul > li.current-menu-item > a,
.primary-nav > ul > li > a:hover,
.primary-nav > ul > li.is-mega-active > a { color: var(--accent); }
.primary-nav > ul > li.current-menu-item > a:after,
.primary-nav > ul > li > a:hover:after,
.primary-nav > ul > li.is-mega-active > a:after { transform: scaleX(1); }
.home-header:not(.is-scrolled) .primary-nav > ul > li > a:hover,
.home-header:not(.is-scrolled) .primary-nav > ul > li.is-mega-active > a { color: var(--white); }
.home-header:not(.is-scrolled).is-mega-open .primary-nav > ul > li > a:hover,
.home-header:not(.is-scrolled).is-mega-open .primary-nav > ul > li.is-mega-active > a { color: var(--accent); }
.primary-nav > ul > li.has-mega > a { padding-right: 12px; }
.primary-nav > ul > li.has-mega > a:before {
  border-bottom: 1px solid currentColor;
  border-right: 1px solid currentColor;
  content: "";
  height: 6px;
  position: absolute;
  right: 0;
  top: 34px;
  transform: rotate(45deg);
  width: 6px;
}

/* Image mega navigation */
.mega-panel-wrap {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: var(--header-height);
  transform: translateY(-12px);
  transition: opacity .24s ease, transform .24s ease;
  z-index: 55;
}
.primary-nav.is-mega-open .mega-panel-wrap {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.mega-panel {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, .985);
  border-top: 1px solid rgba(12, 21, 37, .08);
  box-shadow: 0 28px 55px rgba(10, 18, 31, .14);
  color: var(--ink);
  display: none;
}
.mega-panel.is-active { display: block; }
.mega-panel-visual {
  background:
    radial-gradient(circle at 16% 18%, rgba(80, 164, 251, .1), transparent 28%),
    rgba(255, 255, 255, .985);
}
.mega-visual-inner {
  display: grid;
  gap: 30px;
  grid-template-columns: 285px minmax(0, 1fr);
  margin: 0 auto;
  padding: 31px 0 36px;
  width: min(var(--max), calc(100% - 54px));
}
.mega-visual-copy {
  background: linear-gradient(145deg, #eef7ff, #fff 64%, #eaf4ff);
  border: 1px solid rgba(12, 21, 37, .06);
  border-radius: 28px;
  padding: 27px 25px;
}
.mega-visual-copy strong {
  display: block;
  font-size: 1.45rem;
  letter-spacing: -.035em;
  line-height: 1.12;
  margin: 9px 0 14px;
}
.mega-visual-copy p {
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.72;
  margin: 0 0 21px;
}
.mega-visual-all {
  align-items: center;
  background: var(--accent);
  border-radius: 999px;
  color: var(--white);
  display: inline-flex;
  font-size: .82rem;
  font-weight: 720;
  min-height: 42px;
  padding: 0 18px;
  text-transform: uppercase;
}
.mega-visual-all:hover { background: var(--accent-dark); }
.mega-visual-links {
  display: grid;
  gap: 7px;
  margin-top: 22px;
}
.mega-visual-links a {
  color: var(--ink);
  font-size: .88rem;
  font-weight: 620;
  opacity: .82;
}
.mega-visual-links a:hover { color: var(--accent); opacity: 1; }
.mega-visual-grid {
  display: grid;
  gap: 17px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mega-visual-card {
  background: #f8f9fb;
  border: 1px solid rgba(12, 21, 37, .07);
  border-radius: 22px;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  min-height: 218px;
  overflow: hidden;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.mega-visual-card:hover {
  background: var(--white);
  border-color: rgba(80, 164, 251, .35);
  box-shadow: 0 18px 38px rgba(12, 21, 37, .1);
  transform: translateY(-4px);
}
.mega-visual-image {
  align-items: center;
  background: linear-gradient(145deg, #eef3f8, #fff);
  display: flex;
  height: 132px;
  justify-content: center;
  padding: 14px;
}
.mega-visual-thumb,
.mega-visual-image img,
.mega-visual-image .mega-image-fallback {
  height: 104px;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}
.mega-visual-body {
  display: block;
  padding: 15px 17px 18px;
}
.mega-visual-body strong {
  display: -webkit-box;
  font-size: 1rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.25;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mega-visual-body small {
  color: var(--muted);
  display: -webkit-box;
  font-size: .79rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.45;
  margin-top: 7px;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mega-panel-products {
  background:
    radial-gradient(circle at 16% 18%, rgba(80, 164, 251, .14), transparent 28%),
    rgba(255, 255, 255, .985);
}
.mega-products-inner {
  align-items: stretch;
  display: grid;
  gap: 28px;
  grid-template-columns: 430px minmax(0, 1fr);
  margin: 0 auto;
  padding: 30px 0 36px;
  width: min(var(--max), calc(100% - 54px));
}
.mega-products-family {
  background: linear-gradient(145deg, #eef7ff, #fff);
  border: 1px solid rgba(80, 164, 251, .22);
  border-radius: 26px;
  box-shadow: 0 18px 42px rgba(19, 88, 160, .08);
  color: var(--ink);
  display: block;
  overflow: hidden;
}
.mega-products-family-image {
  background: #eef7ff;
  display: block;
  overflow: hidden;
}
.mega-products-family-image img {
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.mega-products-family-copy {
  display: block;
  padding: 18px 22px 22px;
}
.mega-products-family-copy strong {
  display: block;
  font-size: 1.28rem;
  letter-spacing: -.035em;
  line-height: 1.18;
  margin: 4px 0 7px;
}
.mega-products-family-copy small {
  color: var(--muted);
  display: block;
  font-size: .88rem;
  line-height: 1.45;
}
.mega-models-panel {
  background: #fff;
  border: 1px solid rgba(12, 21, 37, .06);
  border-radius: 26px;
  padding: 23px;
}
.mega-models-heading {
  align-items: end;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 8px 18px;
  grid-template-columns: 1fr auto;
  margin-bottom: 18px;
  padding-bottom: 16px;
}
.mega-models-heading .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: 0;
}
.mega-models-heading strong {
  color: var(--ink);
  font-size: 1.42rem;
  letter-spacing: -.035em;
  line-height: 1.12;
}
.mega-models-heading a {
  color: var(--accent);
  font-size: .86rem;
  font-weight: 720;
  text-transform: uppercase;
}
.mega-model-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mega-model-card {
  align-items: center;
  background: #f8fbff;
  border: 1px solid rgba(80, 164, 251, .16);
  border-radius: 18px;
  color: var(--ink);
  display: grid;
  gap: 15px;
  grid-template-columns: 96px 1fr;
  min-height: 118px;
  padding: 12px 14px;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.mega-model-card:hover {
  background: #fff;
  border-color: rgba(80, 164, 251, .45);
  box-shadow: 0 16px 34px rgba(18, 93, 166, .12);
  transform: translateY(-3px);
}
.mega-model-image {
  height: 88px;
  object-fit: contain;
  width: 96px;
}
.mega-model-card strong {
  color: var(--accent);
  display: block;
  font-size: 1.06rem;
  font-weight: 780;
  letter-spacing: -.02em;
  line-height: 1.1;
  margin-bottom: 5px;
}
.mega-model-card small {
  color: var(--muted);
  display: -webkit-box;
  font-size: .79rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.42;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mega-inner {
  align-items: start;
  display: grid;
  gap: 28px;
  grid-template-columns: 280px minmax(210px, .72fr) minmax(440px, 1.45fr);
  margin: 0 auto;
  padding: 30px 0 34px;
  width: min(var(--max), calc(100% - 54px));
}
.mega-feature {
  align-self: flex-start;
  background: linear-gradient(145deg, #f4f7fb, #e8edf5);
  border-radius: 26px;
  color: var(--ink);
  display: block;
  min-height: 245px;
  overflow: hidden;
  position: relative;
}
.mega-feature:after {
  background: radial-gradient(circle, rgba(80, 164, 251, .22), transparent 58%);
  content: "";
  height: 220px;
  position: absolute;
  right: -88px;
  top: -88px;
  width: 220px;
}
.mega-feature-image {
  height: 165px;
  object-fit: contain;
  padding: 22px 18px 5px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.mega-feature-copy {
  display: block;
  padding: 0 24px 24px;
  position: relative;
  z-index: 1;
}
.mega-feature-copy strong {
  display: block;
  font-size: 1.12rem;
  line-height: 1.25;
  margin: 5px 0 8px;
}
.mega-feature-copy em {
  color: var(--accent);
  font-size: .86rem;
  font-style: normal;
  font-weight: 650;
  text-transform: uppercase;
}
.mega-link-column p {
  color: var(--muted);
  font-size: .96rem;
  line-height: 1.7;
  margin: 2px 0 22px;
}
.mega-link-column,
.mega-card-grid { align-self: flex-start; }
.mega-link-list {
  display: grid;
  gap: 10px;
}
.mega-link-list a {
  align-items: center;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  display: flex;
  font-size: .93rem;
  font-weight: 620;
  justify-content: space-between;
  padding: 10px 0;
}
.mega-link-list a:after {
  color: var(--accent);
  content: "->";
  font-size: .9rem;
  margin-left: 12px;
}
.mega-link-list a:hover { color: var(--accent); }
#mega-support .mega-inner {
  gap: 24px 30px;
  grid-template-columns: 280px minmax(0, 1fr);
}
#mega-support .mega-link-column {
  align-self: stretch;
  grid-column: 1 / -1;
  order: -1;
}
#mega-support .mega-link-column p {
  display: none;
}
#mega-support .mega-link-list.support-icon-nav {
  background: #f4f5f7;
  border-bottom: 1px solid rgba(12, 21, 37, .1);
  border-top: 1px solid rgba(12, 21, 37, .04);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  min-height: 126px;
}
#mega-support .mega-link-list.support-icon-nav a {
  align-items: center;
  border-bottom: 0;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  font-size: clamp(.92rem, 1.18vw, 1.08rem);
  font-weight: 500;
  gap: 13px;
  justify-content: center;
  min-height: 126px;
  padding: 20px 12px 24px;
  text-align: center;
  transition: color .18s ease, background .18s ease;
}
#mega-support .mega-link-list.support-icon-nav a:after {
  display: none;
}
#mega-support .support-link-icon {
  align-items: center;
  color: #858b92;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  transition: color .18s ease, transform .18s ease;
  width: 36px;
}
#mega-support .support-link-icon svg {
  display: block;
  height: 36px;
  overflow: visible;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.35;
  fill: none;
  width: 36px;
}
#mega-support .support-link-label {
  display: block;
  line-height: 1.24;
}
#mega-support .mega-link-list.support-icon-nav a:hover,
#mega-support .mega-link-list.support-icon-nav a:focus-visible {
  background: rgba(80, 164, 251, .07);
  color: var(--accent);
}
#mega-support .mega-link-list.support-icon-nav a:hover .support-link-icon,
#mega-support .mega-link-list.support-icon-nav a:focus-visible .support-link-icon {
  color: var(--accent);
  transform: translateY(-2px);
}
#mega-support .mega-link-list:not(.support-icon-nav) {
  background: #f4f5f7;
  border-bottom: 1px solid rgba(12, 21, 37, .1);
  border-top: 1px solid rgba(12, 21, 37, .04);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  min-height: 126px;
}
#mega-support .mega-link-list:not(.support-icon-nav) a {
  --support-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
  --support-label: "Download";
  align-items: center;
  border-bottom: 0;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  font-size: 0;
  font-weight: 500;
  gap: 13px;
  justify-content: center;
  min-height: 126px;
  padding: 20px 12px 24px;
  text-align: center;
  transition: color .18s ease, background .18s ease;
}
#mega-support .mega-link-list:not(.support-icon-nav) a:nth-child(2) {
  --support-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.7 6.3 3-3 3 3-3 3'/%3E%3Cpath d='m9.3 17.7-3 3-3-3 3-3'/%3E%3Cpath d='m14 10 4 4'/%3E%3Cpath d='M10 14 6 10'/%3E%3Cpath d='m3.3 6.3 14.4 14.4'/%3E%3Cpath d='m20.7 17.7-14.4-14.4'/%3E%3C/svg%3E");
  --support-label: "Technical support";
}
#mega-support .mega-link-list:not(.support-icon-nav) a:nth-child(3) {
  --support-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 5.7v5.5c0 4.4 2.9 8.2 7 9.8 4.1-1.6 7-5.4 7-9.8V5.7L12 3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
  --support-label: "Warranty & RMA";
}
#mega-support .mega-link-list:not(.support-icon-nav) a:nth-child(4) {
  --support-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.7 9.2a2.6 2.6 0 1 1 4.6 1.7c-.8.7-1.5 1.2-1.7 2.4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
  --support-label: "FAQS";
}
#mega-support .mega-link-list:not(.support-icon-nav) a:nth-child(5) {
  --support-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.7A4 4 0 0 1 19 10c0 5.6-7 10-7 10Z'/%3E%3C/svg%3E");
  --support-label: "My Community";
}
#mega-support .mega-link-list:not(.support-icon-nav) a:before {
  background: #858b92;
  content: "";
  display: block;
  height: 36px;
  mask: var(--support-icon) center / contain no-repeat;
  -webkit-mask: var(--support-icon) center / contain no-repeat;
  transition: background .18s ease, transform .18s ease;
  width: 36px;
}
#mega-support .mega-link-list:not(.support-icon-nav) a:after {
  color: currentColor;
  content: var(--support-label);
  display: block;
  font-size: clamp(.92rem, 1.18vw, 1.08rem);
  line-height: 1.24;
  margin: 0;
}
#mega-support .mega-link-list:not(.support-icon-nav) a:hover,
#mega-support .mega-link-list:not(.support-icon-nav) a:focus-visible {
  background: rgba(80, 164, 251, .07);
  color: var(--accent);
}
#mega-support .mega-link-list:not(.support-icon-nav) a:hover:before,
#mega-support .mega-link-list:not(.support-icon-nav) a:focus-visible:before {
  background: var(--accent);
  transform: translateY(-2px);
}
.support-page-icon-nav {
  background: #f4f5f7;
  border-bottom: 1px solid rgba(12, 21, 37, .1);
  border-top: 1px solid rgba(12, 21, 37, .04);
}
.support-page-icon-nav-inner {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  margin: 0 auto;
  min-height: 126px;
  width: min(var(--max), calc(100% - 54px));
}
.support-page-icon-nav a {
  align-items: center;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  font-size: clamp(.92rem, 1.18vw, 1.08rem);
  font-weight: 500;
  gap: 13px;
  justify-content: center;
  min-height: 126px;
  padding: 20px 12px 24px;
  text-align: center;
  transition: color .18s ease, background .18s ease;
}
.support-page-icon {
  align-items: center;
  color: #858b92;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  transition: color .18s ease, transform .18s ease;
  width: 36px;
}
.support-page-icon svg {
  display: block;
  fill: none;
  height: 36px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.35;
  width: 36px;
}
.support-page-label {
  display: block;
  line-height: 1.24;
}
.support-page-icon-nav a:hover,
.support-page-icon-nav a:focus-visible {
  background: rgba(80, 164, 251, .07);
  color: var(--accent);
}
.support-page-icon-nav a:hover .support-page-icon,
.support-page-icon-nav a:focus-visible .support-page-icon {
  color: var(--accent);
  transform: translateY(-2px);
}
.mega-card-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mega-card {
  align-items: center;
  background: #f7f8fb;
  border: 1px solid rgba(12, 21, 37, .06);
  border-radius: 20px;
  color: var(--ink);
  display: grid;
  gap: 16px;
  grid-template-columns: 112px 1fr;
  min-height: 132px;
  overflow: hidden;
  padding: 13px 15px;
  transition: background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.mega-card:hover {
  background: var(--white);
  border-color: rgba(80, 164, 251, .32);
  box-shadow: 0 18px 36px rgba(12, 21, 37, .1);
  transform: translateY(-3px);
}
.mega-card-image {
  height: 96px;
  object-fit: contain;
  width: 112px;
}
.mega-card strong {
  display: -webkit-box;
  font-size: .96rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.28;
  margin-bottom: 6px;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mega-card small {
  color: var(--muted);
  display: -webkit-box;
  font-size: .78rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.45;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mega-card span { min-width: 0; }
.mega-image-fallback {
  align-items: center;
  background: linear-gradient(145deg, #edf1f7, #fff);
  color: var(--accent);
  display: flex;
  font-weight: 750;
  justify-content: center;
}
.header-actions { align-items: center; display: flex; gap: 18px; }
.header-cta {
  align-items: center;
  background: #c0000b;
  border-radius: 999px;
  color: var(--white);
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  min-height: 48px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: background .2s ease;
  white-space: nowrap;
}
.header-cta:hover { background: #a8000a; }
.header-search {
  border: 2px solid currentColor;
  border-radius: 100%;
  display: inline-block;
  height: 18px;
  position: relative;
  width: 18px;
}
.header-search span {
  background: currentColor;
  bottom: -6px;
  height: 2px;
  position: absolute;
  right: -5px;
  transform: rotate(48deg);
  width: 8px;
}
.nav-toggle { display: none; }

/* Home hero */
.hero-slider {
  height: min(730px, 100vh);
  min-height: 620px;
  overflow: hidden;
  position: relative;
}
.hero-slides,
.hero-slide { height: 100%; }
.hero-slide {
  inset: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: var(--header-height);
  position: absolute;
  transform: scale(1.025);
  transition: opacity .8s ease, transform 1.25s ease;
  visibility: hidden;
}
.hero-slide.is-active {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.hero-slide:before,
.hero-slide:after {
  border-radius: 50%;
  content: "";
  filter: blur(34px);
  position: absolute;
}
.hero-slide-1 {
  background: linear-gradient(108deg, #d8ebf9 0%, #edf0ff 50%, #d3dcef 100%);
}
.hero-slide-2 {
  background: linear-gradient(112deg, #edf1f7 0%, #e5eff6 45%, #e8f4ff 100%);
}
.hero-slide-3 {
  background: linear-gradient(110deg, #e6eaf0 0%, #f2f3f8 45%, #d5e4ed 100%);
}
.hero-slide:before {
  background: rgba(236, 156, 195, .42);
  bottom: -150px;
  height: 390px;
  left: -100px;
  width: 470px;
}
.hero-slide:after {
  background: rgba(138, 193, 244, .52);
  height: 440px;
  right: -130px;
  top: 70px;
  width: 540px;
}
.hero-layout {
  align-items: center;
  display: grid;
  gap: 70px;
  grid-template-columns: minmax(420px, .95fr) minmax(390px, .82fr);
  height: 100%;
  position: relative;
  z-index: 2;
}
.hero-copy {
  max-width: 625px;
  min-width: 0;
  width: 100%;
}
.hero-kicker {
  color: var(--accent);
  display: block;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .18em;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.hero-copy h1 {
  color: var(--ink);
  font-size: clamp(3rem, 5vw, 4.6rem);
  font-weight: 720;
  letter-spacing: -.065em;
  line-height: 1.04;
  margin: 0 0 24px;
}
.hero-copy p {
  color: #50657c;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  margin: 0 0 39px;
  max-width: 540px;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-device {
  align-items: center;
  display: flex;
  height: 540px;
  justify-content: center;
  position: relative;
}
.hero-device:after {
  background: radial-gradient(ellipse, rgba(46, 57, 70, .22), transparent 68%);
  bottom: 34px;
  content: "";
  height: 45px;
  left: 8%;
  position: absolute;
  width: 84%;
}
.hero-device img {
  filter: drop-shadow(0 24px 25px rgba(28, 35, 47, .14));
  height: min(500px, 58vh);
  object-fit: contain;
  position: relative;
  transition: transform .45s ease;
  width: 100%;
  z-index: 1;
}
.hero-device:hover img { transform: translateY(-8px); }
@keyframes hero-copy-in {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hero-device-in {
  from { opacity: 0; transform: translateX(28px); }
  to { opacity: 1; transform: translateX(0); }
}
.hero-slide.is-active .hero-copy { animation: hero-copy-in .7s ease both; }
.hero-slide.is-active .hero-device { animation: hero-device-in .78s .06s ease both; }
.slider-controls {
  bottom: 31px;
  display: flex;
  gap: 9px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 3;
}
.slider-dot {
  background: rgba(12, 21, 37, .18);
  border: 0;
  border-radius: 50%;
  height: 8px;
  padding: 0;
  transition: background .2s ease, width .2s ease;
  width: 8px;
}
.slider-dot.is-active { background: var(--accent); border-radius: 6px; width: 25px; }

/* Home product and solutions */
.home-products { padding-top: clamp(74px, 8vw, 112px); }
.catalog-tabs {
  align-items: end;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: clamp(20px, 4vw, 54px);
  margin-bottom: 46px;
  overflow-x: auto;
}
.catalog-tab,
.catalog-all {
  background: none;
  border: 0;
  color: var(--ink);
  flex: 0 0 auto;
  font-size: .97rem;
  min-height: 51px;
  padding: 0 0 14px;
  position: relative;
}
.catalog-tab:after {
  background: var(--accent);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  width: 100%;
}
.catalog-tab.is-active { color: var(--accent); }
.catalog-tab.is-active:after { transform: scaleX(1); }
.catalog-all { margin-left: auto; }
.catalog-all span,
.card-link span,
.text-action span { font-size: 1.25rem; margin-left: 8px; }
.product-showcase {
  display: grid;
  gap: 34px 28px;
  grid-template-columns: repeat(4, 1fr);
}
.product-card { background: var(--white); position: relative; transition: opacity .22s ease, transform .28s ease; }
.product-card.is-filtered-out { display: none; }
.product-card-image {
  align-items: center;
  background: #fafafa;
  display: flex;
  height: 286px;
  justify-content: center;
  overflow: hidden;
  padding: 20px;
  transition: box-shadow .28s ease;
}
.product-card-image img {
  height: 100%;
  object-fit: contain;
  transition: transform .42s ease;
  width: 100%;
}
.product-card:hover .product-card-image { box-shadow: var(--shadow); }
.product-card:hover img { transform: translateY(-6px) scale(1.025); }
.product-card-body { padding: 21px 5px 0; }
.product-card h3 {
  font-size: .98rem;
  font-weight: 550;
  line-height: 1.48;
  margin: 0 0 12px;
}
.card-link {
  color: var(--accent);
  font-size: .84rem;
  font-weight: 600;
  text-transform: uppercase;
}
.home-solutions .section-intro { color: #aeb8c5; }
.solution-showcase {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(3, 1fr);
}
.solution-card {
  background: #172334;
  overflow: hidden;
  position: relative;
}
.solution-card-image { display: block; height: 295px; overflow: hidden; }
.solution-card-image img {
  height: 100%;
  object-fit: cover;
  opacity: .86;
  transition: transform .55s ease, opacity .45s ease;
  width: 100%;
}
.solution-card:hover .solution-card-image img { opacity: 1; transform: scale(1.06); }
.solution-card-body { padding: 26px 25px 29px; }
.solution-card h3 {
  color: var(--white);
  font-size: 1.17rem;
  font-weight: 550;
  line-height: 1.42;
  margin: 0 0 17px;
}
.solution-card p { color: #aeb8c5; font-size: .92rem; margin: 0 0 17px; }
.solution-card .card-link { color: #f77e84; }

/* Capabilities and inquiry */
.capabilities-layout {
  align-items: start;
  display: grid;
  gap: 68px;
  grid-template-columns: .84fr 1.16fr;
}
.capabilities-copy p {
  color: var(--muted);
  margin: 0 0 31px;
}
.text-action { color: var(--accent); font-size: .93rem; font-weight: 600; }
.feature-grid { display: grid; gap: 22px; grid-template-columns: repeat(2, 1fr); }
.feature-card {
  border: 1px solid var(--line);
  min-height: 184px;
  padding: 28px;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.feature-card:hover {
  border-color: transparent;
  box-shadow: var(--shadow);
  transform: translateY(-5px);
}
.feature-card > span { color: var(--accent); display: block; font-size: .82rem; margin-bottom: 19px; }
.feature-card h3 { font-size: 1.07rem; font-weight: 600; margin: 0 0 10px; }
.feature-card p { color: var(--muted); font-size: .9rem; margin: 0; }
.stats-band { background: var(--accent); color: var(--white); padding: 46px 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.stat {
  border-left: 1px solid rgba(255, 255, 255, .27);
  padding: 0 34px;
  text-align: center;
}
.stat:first-child { border-left: 0; }
.stat strong {
  display: block;
  font-size: clamp(2.2rem, 4vw, 3.15rem);
  font-weight: 650;
  line-height: 1;
  margin-bottom: 11px;
}
.stat strong:after { content: "+"; font-size: .65em; margin-left: 3px; }
.stat span { font-size: .88rem; letter-spacing: .04em; }
.inquiry-section { background: #fbfbfc; }
.split { align-items: start; display: grid; gap: 75px; grid-template-columns: .9fr 1.1fr; }
.inquiry-meta { border-top: 1px solid var(--line); display: grid; gap: 7px; margin-top: 38px; padding-top: 28px; }
.inquiry-meta span { color: var(--muted); font-size: .82rem; letter-spacing: .12em; text-transform: uppercase; }
.inquiry-meta a { font-size: 1.14rem; }
.contact-card { background: var(--white); box-shadow: var(--shadow); padding: clamp(30px, 4vw, 44px); }
.contact-card h2 { font-size: 1.62rem; margin: 0 0 29px; }
.contact-form { display: grid; gap: 15px; grid-template-columns: 1fr 1fr; }
.contact-form input,
.contact-form textarea {
  background: #f7f7f8;
  border: 1px solid transparent;
  color: var(--ink);
  font: inherit;
  font-size: .92rem;
  outline: none;
  padding: 14px 16px;
  transition: border-color .2s ease, background .2s ease;
  width: 100%;
}
.contact-form input:focus,
.contact-form textarea:focus { background: var(--white); border-color: var(--accent); }
.contact-form textarea,
.contact-form .full { grid-column: 1 / -1; }
.contact-form textarea { min-height: 132px; resize: vertical; }

/* Shared inner templates */
.page-hero {
  background: #f4f4f7;
  color: var(--ink);
  padding: 29px 0;
}
.archive-hero { padding: 60px 0 52px; }
.page-hero h1 { font-size: clamp(2.1rem, 3vw, 2.8rem); letter-spacing: -.045em; line-height: 1.15; margin: 18px 0 0; }
.breadcrumbs { color: #505865; font-size: .84rem; }
.breadcrumbs a:hover { color: var(--accent); }
.archive-layout { display: grid; gap: 42px; grid-template-columns: 242px 1fr; }
.filter-panel { border-right: 1px solid var(--line); height: fit-content; padding: 0 27px 0 0; }
.filter-panel h2 { font-size: 1.08rem; font-weight: 600; margin: 0 0 20px; }
.filter-panel ul { list-style: none; margin: 0; padding: 0; }
.filter-panel li { border-top: 1px solid var(--line); padding: 14px 0; }
.filter-panel a:hover { color: var(--accent); }
.product-archive-section .card-grid {
  display: grid;
  gap: 35px 27px;
  grid-template-columns: repeat(3, 1fr);
}
.product-stage { background: var(--stage); padding: 48px 0 30px; }
.product-detail {
  align-items: center;
  display: grid;
  gap: 62px;
  grid-template-columns: minmax(380px, .86fr) minmax(440px, 1fr);
  min-height: 575px;
}
.detail-summary { padding-left: min(8vw, 96px); }
.detail-summary h1 {
  font-size: clamp(2rem, 3.2vw, 3rem);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.14;
  margin: 0 0 25px;
}
.detail-summary .summary { color: #515a68; margin: 0 0 28px; }
.detail-points {
  border-bottom: 1px solid #d7d7dc;
  border-top: 1px solid #d7d7dc;
  margin: 30px 0 32px;
  max-width: 430px;
  padding: 15px 0;
}
.detail-points div { display: flex; font-size: .93rem; justify-content: space-between; padding: 7px 0; }
.detail-points span { color: var(--muted); }
.product-gallery { min-width: 0; }
.gallery-main {
  align-items: center;
  display: flex;
  height: 480px;
  justify-content: center;
  padding: 20px;
}
.gallery-main img {
  height: 100%;
  max-height: 470px;
  object-fit: contain;
  transition: opacity .2s ease;
  width: 100%;
}
.gallery-thumbs { display: flex; gap: 11px; justify-content: center; margin: 6px 0 0; }
.gallery-thumb {
  background: var(--white);
  border: 1px solid transparent;
  height: 70px;
  padding: 5px;
  transition: border-color .2s ease;
  width: 76px;
}
.gallery-thumb.is-active,
.gallery-thumb:hover { border-color: var(--accent); }
.gallery-thumb img { height: 100%; object-fit: contain; width: 100%; }
.detail-nav {
  background: var(--white);
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  position: sticky;
  top: var(--header-height);
  z-index: 12;
}
.detail-nav .container {
  align-items: center;
  display: flex;
  gap: clamp(20px, 5vw, 58px);
  justify-content: center;
  min-height: 62px;
}
.detail-nav a:not(.button) { color: #6b7180; font-size: .9rem; }
.detail-nav a:not(.button):hover { color: var(--accent); }
.detail-nav .button { min-height: 40px; padding: 0 25px; }
.detail-content { color: #4d5664; margin: 0; }
.detail-tabs { margin-bottom: 34px; text-align: center; }
.detail-tabs span {
  color: var(--ink);
  font-size: clamp(1.55rem, 2.5vw, 2.1rem);
  font-weight: 650;
  letter-spacing: -.04em;
}
.content-prose h1,
.content-prose h2,
.content-prose h3,
.content-prose h4 { color: var(--ink); line-height: 1.3; }
.content-prose h2 { font-size: 1.8rem; margin: 42px 0 16px; }
.content-prose table { border-collapse: collapse; margin: 25px 0; width: 100%; }
.content-prose td { border: 1px solid var(--line); padding: 11px 16px; }
.content-prose img { margin: 26px auto; max-height: 650px; object-fit: contain; }
.content-prose .visual_plugins_container { margin-bottom: 38px; }
.contact-grid { display: grid; gap: 44px; grid-template-columns: .88fr 1.12fr; }

/* Handcrafted product detail */
.product-breadcrumb {
  background: #f6f6f8;
  border-bottom: 1px solid var(--line);
  padding: 28px 0;
}
.product-hero-redesign {
  background:
    radial-gradient(circle at 12% 78%, rgba(80, 164, 251, .13), transparent 30%),
    linear-gradient(112deg, #f4f7fb 0%, #eceff5 48%, #eaf4ff 100%);
  overflow: hidden;
  padding: 58px 0 54px;
  position: relative;
}
.product-hero-redesign:after {
  background: rgba(138, 193, 244, .32);
  border-radius: 999px;
  content: "";
  filter: blur(42px);
  height: 330px;
  position: absolute;
  right: -80px;
  top: 120px;
  width: 430px;
}
.product-hero-grid {
  align-items: center;
  display: grid;
  gap: 72px;
  grid-template-columns: minmax(390px, .92fr) minmax(470px, 1fr);
  position: relative;
  z-index: 1;
}
.product-model-row {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 12px 0 14px;
}
.product-model-row strong {
  color: var(--ink);
  font-size: clamp(2.15rem, 4vw, 4.35rem);
  font-weight: 760;
  letter-spacing: -.07em;
  line-height: .95;
}
.product-model-row span {
  background: var(--accent);
  border-radius: 999px;
  color: var(--white);
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .08em;
  padding: 5px 11px;
  text-transform: uppercase;
}
.product-hero-copy h1 {
  font-size: clamp(1.75rem, 3vw, 3.1rem);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.08;
  margin: 0 0 22px;
  max-width: 690px;
  overflow-wrap: anywhere;
}
.product-hero-copy p {
  color: #536174;
  font-size: 1.04rem;
  line-height: 1.78;
  margin: 0 0 30px;
  max-width: 625px;
  overflow-wrap: anywhere;
}
.product-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 34px;
}
.product-hero-points {
  border-top: 1px solid rgba(12, 21, 37, .12);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 620px;
}
.product-hero-points div {
  border-bottom: 1px solid rgba(12, 21, 37, .12);
  min-height: 78px;
  padding: 17px 18px 15px 0;
}
.product-hero-points span {
  color: var(--muted);
  display: block;
  font-size: .78rem;
  letter-spacing: .08em;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.product-hero-points strong {
  color: var(--ink);
  display: block;
  font-size: .96rem;
  line-height: 1.35;
}
.product-hero-visual { min-width: 0; }
.product-hero-copy { min-width: 0; }
.product-visual-stage {
  align-items: center;
  background: rgba(255, 255, 255, .72);
  border-radius: 34px;
  box-shadow: 0 26px 70px rgba(14, 25, 40, .1);
  display: flex;
  height: 520px;
  justify-content: center;
  padding: 34px;
  position: relative;
}
.product-visual-stage:before {
  border: 1px solid rgba(80, 164, 251, .24);
  border-radius: 28px;
  content: "";
  inset: 18px;
  position: absolute;
}
.product-main-image,
.product-visual-stage img {
  filter: drop-shadow(0 24px 26px rgba(20, 28, 38, .16));
  height: 100%;
  max-height: 455px;
  object-fit: contain;
  position: relative;
  transition: opacity .2s ease, transform .35s ease;
  width: 100%;
  z-index: 1;
}
.product-visual-stage:hover img { transform: translateY(-5px); }
.product-hero-thumbs {
  background: rgba(255, 255, 255, .72);
  border-radius: 18px;
  justify-content: center;
  margin: 18px auto 0;
  padding: 9px;
  width: fit-content;
}
.product-anchor-nav { top: var(--header-height); }
.product-feature-section { background: var(--white); }
.product-feature-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
.product-feature-card,
.application-card {
  background: #f8f9fb;
  border: 1px solid rgba(12, 21, 37, .07);
  border-radius: 26px;
  min-height: 230px;
  padding: 30px;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.product-feature-card:hover,
.application-card:hover {
  border-color: rgba(80, 164, 251, .34);
  box-shadow: 0 18px 38px rgba(12, 21, 37, .09);
  transform: translateY(-4px);
}
.product-feature-card > span {
  color: rgba(80, 164, 251, .24);
  display: block;
  font-size: 3.7rem;
  font-weight: 760;
  letter-spacing: -.08em;
  line-height: .82;
  margin-bottom: 27px;
}
.product-feature-card h3,
.application-card h3,
.related-product-card h3 {
  color: var(--ink);
  font-size: 1.12rem;
  line-height: 1.3;
  margin: 0 0 12px;
}
.product-feature-card p,
.application-card p {
  color: var(--muted);
  margin: 0;
}
.product-application-section { background: #f4f6f8; }
.product-split-layout {
  align-items: start;
  display: grid;
  gap: 52px;
  grid-template-columns: 360px 1fr;
}
.application-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.application-card {
  background: var(--white);
  min-height: 178px;
}
.product-config-section {
  background: #111a27;
  color: var(--white);
}
.config-board {
  align-items: center;
  display: grid;
  gap: 46px;
  grid-template-columns: .82fr 1.18fr;
}
.config-board h2 {
  color: var(--white);
  font-size: clamp(1.9rem, 3vw, 3rem);
  letter-spacing: -.055em;
  line-height: 1.1;
  margin: 10px 0 17px;
}
.config-board p {
  color: #b8c2d0;
  margin: 0;
  max-width: 560px;
}
.config-flow {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr;
}
.config-flow span {
  align-items: center;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  color: var(--white);
  display: flex;
  font-size: .9rem;
  font-weight: 650;
  justify-content: center;
  min-height: 96px;
  padding: 17px;
  text-align: center;
}
.config-flow i {
  background: var(--accent);
  height: 2px;
  position: relative;
}
.config-flow i:after {
  border-right: 2px solid var(--accent);
  border-top: 2px solid var(--accent);
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: -3px;
  transform: rotate(45deg);
  width: 8px;
}
.spec-table-wrap {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: 0 18px 40px rgba(12, 21, 37, .06);
  overflow: hidden;
}
.spec-table {
  border-collapse: collapse;
  width: 100%;
}
.spec-table th,
.spec-table td {
  border-bottom: 1px solid var(--line);
  padding: 18px 24px;
  text-align: left;
}
.spec-table th {
  background: #f7f8fb;
  color: var(--ink);
  font-size: .84rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  width: 34%;
}
.spec-table td { color: #4f5967; }
.spec-table tr:last-child th,
.spec-table tr:last-child td { border-bottom: 0; }
.product-download-section { background: #f4f6f8; }
.download-panel {
  align-items: center;
  background:
    radial-gradient(circle at 92% 18%, rgba(80, 164, 251, .2), transparent 28%),
    var(--white);
  border-radius: 34px;
  box-shadow: 0 20px 44px rgba(12, 21, 37, .08);
  display: flex;
  gap: 35px;
  justify-content: space-between;
  padding: 42px;
}
.download-panel h2 {
  font-size: clamp(1.7rem, 2.4vw, 2.45rem);
  letter-spacing: -.05em;
  line-height: 1.14;
  margin: 8px 0 12px;
}
.download-panel p {
  color: var(--muted);
  margin: 0;
  max-width: 650px;
}
.download-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 13px;
  justify-content: flex-end;
}
.product-original-content { background: var(--white); }
.related-products-section { background: #f8f9fb; }
.related-product-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
.related-product-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 18px 18px 23px;
}
.related-product-image {
  align-items: center;
  background: #f4f6f8;
  border-radius: 18px;
  display: flex;
  height: 220px;
  justify-content: center;
  margin-bottom: 20px;
  padding: 16px;
}
.related-product-image img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

/* Footer */
.site-footer { background: #101a29; color: #b8c0cb; padding: 0 0 28px; }
.footer-lead {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  display: flex;
  justify-content: space-between;
  margin-bottom: 54px;
  padding: 56px 0 47px;
}
.footer-lead h2 { color: var(--white); font-size: clamp(1.75rem, 2.6vw, 2.3rem); letter-spacing: -.04em; line-height: 1.18; margin: 0; }
.footer-lead .eyebrow { color: #9fd0ff; margin-bottom: 11px; }
.footer-grid { display: grid; gap: 54px; grid-template-columns: 1.4fr .78fr .85fr 1fr; }
.site-footer h2,
.site-footer h3 { color: var(--white); margin: 0 0 19px; }
.footer-brand { font-size: 1.54rem; font-style: italic; letter-spacing: .045em; }
.site-footer h3 { font-size: .91rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.site-footer p { max-width: 320px; }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { margin-bottom: 10px; }
.site-footer a { transition: color .2s ease; }
.site-footer a:hover { color: var(--white); }
.copyright {
  border-top: 1px solid rgba(255, 255, 255, .13);
  display: flex;
  font-size: .83rem;
  justify-content: space-between;
  margin-top: 47px;
  padding-top: 25px;
}

/* Motion */
.js-enabled .reveal {
  opacity: 0;
  transform: translateY(29px);
  transition: opacity .65s ease, transform .65s ease;
}
.js-enabled .reveal.is-visible { opacity: 1; transform: translateY(0); }
.js-enabled .product-card.reveal:nth-child(2),
.js-enabled .feature-card.reveal:nth-child(2) { transition-delay: .08s; }
.js-enabled .product-card.reveal:nth-child(3),
.js-enabled .feature-card.reveal:nth-child(3) { transition-delay: .15s; }
.js-enabled .product-card.reveal:nth-child(4),
.js-enabled .feature-card.reveal:nth-child(4) { transition-delay: .22s; }

@media (max-width: 1120px) {
  .header-actions .header-search { display: none; }
  .primary-nav > ul { gap: 17px; }
  .mega-inner {
    gap: 20px;
    grid-template-columns: 245px minmax(190px, .7fr) minmax(360px, 1.3fr);
  }
  .mega-visual-inner {
    grid-template-columns: 250px minmax(0, 1fr);
  }
  .mega-products-inner {
    grid-template-columns: 360px minmax(0, 1fr);
  }
  .mega-model-grid { grid-template-columns: 1fr; }
  .mega-visual-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mega-card { grid-template-columns: 92px 1fr; }
  .mega-card-image { width: 92px; }
  #mega-support .mega-link-list.support-icon-nav {
    grid-template-columns: repeat(5, minmax(96px, 1fr));
  }
  #mega-support .mega-link-list:not(.support-icon-nav),
  .support-page-icon-nav-inner {
    grid-template-columns: repeat(5, minmax(96px, 1fr));
  }
  .product-showcase { grid-template-columns: repeat(3, 1fr); }
  .hero-layout { gap: 25px; grid-template-columns: 1.05fr .8fr; }
}

@media (max-width: 940px) {
  :root { --header-height: 70px; }
  .container { width: min(var(--max), calc(100% - 36px)); }
  .header-row { gap: 18px; }
  .brand { font-size: 1.34rem; }
  .brand .custom-logo,
  .brand .cyberoce-wordmark-logo {
    height: 42px;
    max-width: 180px;
  }
  .brand-mark { height: 24px; width: 29px; }
  .brand-mark:before, .brand-mark:after { width: 29px; }
  .primary-nav { display: none; }
  .primary-nav.is-open {
    background: var(--white);
    box-shadow: 0 18px 36px rgba(12, 21, 37, .08);
    color: var(--ink);
    display: block;
    left: 0;
    max-height: calc(100vh - var(--header-height));
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 22px;
    position: absolute;
    right: 0;
    top: var(--header-height);
  }
  .primary-nav.is-open > ul { align-items: stretch; display: block; }
  .primary-nav.is-open > ul > li > a { border-bottom: 1px solid var(--line); padding: 13px 0; }
  .primary-nav.is-open > ul > li > a:after,
  .primary-nav.is-open > ul > li.has-mega > a:before { display: none; }
  .primary-nav.is-open .mega-panel-wrap {
    display: block;
    left: auto;
    opacity: 1;
    padding: 10px 0 16px;
    pointer-events: auto;
    position: static;
    right: auto;
    top: auto;
    transform: none;
  }
  .primary-nav.is-open .mega-panel {
    border: 0;
    border-radius: 22px;
    box-shadow: none;
    margin: 9px 0 0;
    overflow: hidden;
  }
  .primary-nav.is-open .mega-inner {
    gap: 17px;
    grid-template-columns: 1fr;
    padding: 16px;
    width: 100%;
  }
  .primary-nav.is-open .mega-visual-inner {
    gap: 17px;
    grid-template-columns: 1fr;
    padding: 16px;
    width: 100%;
  }
  .primary-nav.is-open .mega-visual-copy { border-radius: 22px; padding: 24px; }
  .primary-nav.is-open .mega-visual-grid { grid-template-columns: 1fr; }
  .primary-nav.is-open .mega-visual-card { min-height: 0; }
  .primary-nav.is-open .mega-visual-image { height: 142px; }
  .primary-nav.is-open .mega-products-inner {
    gap: 17px;
    grid-template-columns: 1fr;
    padding: 16px;
    width: 100%;
  }
  .primary-nav.is-open .mega-products-family,
  .primary-nav.is-open .mega-models-panel { border-radius: 20px; }
  .primary-nav.is-open .mega-model-grid { grid-template-columns: 1fr; }
  .primary-nav.is-open .mega-model-card {
    grid-template-columns: 82px 1fr;
    min-height: 98px;
    padding: 10px 12px;
  }
  .primary-nav.is-open .mega-model-image { height: 74px; width: 82px; }
  .primary-nav.is-open .mega-feature { min-height: 0; }
  .primary-nav.is-open .mega-feature-image { height: 132px; }
  .primary-nav.is-open .mega-card-grid { grid-template-columns: 1fr; }
  .primary-nav.is-open .mega-card {
    border-radius: 16px;
    grid-template-columns: 88px 1fr;
    min-height: 103px;
    padding: 11px;
  }
  .primary-nav.is-open .mega-link-column,
  .primary-nav.is-open .mega-card,
  .primary-nav.is-open .mega-card span { min-width: 0; }
  .primary-nav.is-open #mega-support .mega-link-list.support-icon-nav {
    background: transparent;
    border: 0;
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .primary-nav.is-open #mega-support .mega-link-list:not(.support-icon-nav) {
    background: transparent;
    border: 0;
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .primary-nav.is-open #mega-support .mega-link-list.support-icon-nav a {
    flex-direction: row;
    font-size: .95rem;
    gap: 12px;
    justify-content: flex-start;
    min-height: 58px;
    padding: 10px 0;
    text-align: left;
  }
  .primary-nav.is-open #mega-support .mega-link-list:not(.support-icon-nav) a {
    flex-direction: row;
    gap: 12px;
    justify-content: flex-start;
    min-height: 58px;
    padding: 10px 0;
    text-align: left;
  }
  .primary-nav.is-open #mega-support .support-link-icon,
  .primary-nav.is-open #mega-support .support-link-icon svg,
  .primary-nav.is-open #mega-support .mega-link-list:not(.support-icon-nav) a:before {
    height: 30px;
    width: 30px;
  }
  .support-page-icon-nav-inner {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 8px 0;
    width: min(var(--max), calc(100% - 36px));
  }
  .support-page-icon-nav a {
    flex-direction: row;
    font-size: .95rem;
    gap: 12px;
    justify-content: flex-start;
    min-height: 58px;
    padding: 10px 0;
    text-align: left;
  }
  .support-page-icon,
  .support-page-icon svg {
    height: 30px;
    width: 30px;
  }
  .primary-nav.is-open .mega-card-image { height: 78px; width: 88px; }
  .header-actions { margin-left: auto; }
  .header-cta { padding: 9px 19px; }
  .nav-toggle {
    background: transparent;
    border: 0;
    color: inherit;
    display: block;
    font-size: 0;
    height: 30px;
    padding: 0;
    position: relative;
    width: 31px;
  }
  .nav-toggle:before,
  .nav-toggle:after {
    background: currentColor;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 29px;
  }
  .nav-toggle:before { top: 10px; }
  .nav-toggle:after { top: 19px; }
  .hero-slider { height: auto; min-height: 710px; }
  .hero-layout {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    padding-bottom: 47px;
    padding-top: 20px;
    text-align: center;
  }
  .hero-copy p { margin-left: auto; margin-right: auto; }
  .hero-actions { justify-content: center; }
  .hero-device { height: 290px; width: 100%; }
  .hero-device img { height: 290px; }
  .capabilities-layout,
  .split,
  .product-hero-grid,
  .product-split-layout,
  .config-board,
  .product-detail,
  .contact-grid,
  .archive-layout { grid-template-columns: 1fr; }
  .product-hero-redesign { padding-top: 42px; }
  .product-visual-stage { height: 430px; }
  .product-feature-grid,
  .related-product-grid { grid-template-columns: 1fr; }
  .config-flow { grid-template-columns: 1fr; }
  .config-flow i {
    height: 22px;
    justify-self: center;
    width: 2px;
  }
  .config-flow i:after {
    right: -3px;
    top: 11px;
    transform: rotate(135deg);
  }
  .download-panel {
    align-items: flex-start;
    flex-direction: column;
  }
  .download-actions { justify-content: flex-start; }
  .detail-summary { padding-left: 0; }
  .product-detail { gap: 30px; }
  .product-gallery { grid-row: 1; }
  .gallery-main { height: 410px; }
  .product-showcase,
  .product-archive-section .card-grid,
  .card-grid,
  .application-grid,
  .solution-showcase,
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 35px 0; }
  .stat:nth-child(odd) { border-left: 0; }
  .filter-panel { border-right: 0; border-bottom: 1px solid var(--line); padding: 0 0 18px; }
}

@media (max-width: 620px) {
  .container { width: min(var(--max), calc(100% - 28px)); }
  .header-cta { display: none; }
  .hero-slider { min-height: 680px; }
  .hero-layout { padding-left: 2px; padding-right: 2px; }
  .hero-copy h1 {
    font-size: clamp(2.05rem, 10vw, 2.32rem);
    letter-spacing: -.055em;
    overflow-wrap: break-word;
  }
  .hero-copy p { font-size: .96rem; }
  .hero-actions { gap: 10px; }
  .hero-actions .button { font-size: .84rem; min-height: 47px; padding: 0 18px; }
  .hero-device { height: 255px; }
  .hero-device img { height: 255px; }
  .product-breadcrumb .container,
  .product-hero-redesign .container { width: min(var(--max), calc(100% - 44px)); }
  .product-hero-grid { display: block; }
  .product-hero-copy,
  .product-hero-visual {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
  }
  .product-hero-copy h1 {
    font-size: clamp(1.52rem, 7.2vw, 1.72rem);
    letter-spacing: -.045em;
    line-height: 1.14;
    max-width: 330px;
  }
  .product-hero-copy p { font-size: .92rem; max-width: 330px; }
  .product-model-row strong { font-size: 2.25rem; }
  .product-hero-actions .button {
    font-size: .85rem;
    min-height: 48px;
    padding: 0 18px;
  }
  .product-hero-points,
  .application-grid { grid-template-columns: 1fr; }
  .product-visual-stage {
    border-radius: 24px;
    height: 330px;
    margin-top: 40px;
    padding: 22px;
  }
  .product-hero-thumbs {
    max-width: 100%;
    overflow-x: auto;
  }
  .product-feature-card,
  .application-card,
  .download-panel { padding: 24px; }
  .spec-table th,
  .spec-table td {
    display: block;
    padding: 14px 18px;
    width: 100%;
  }
  .spec-table th { border-bottom: 0; padding-bottom: 4px; }
  .section { padding: 57px 0; }
  .catalog-tabs { gap: 27px; }
  .product-showcase,
  .product-archive-section .card-grid,
  .card-grid,
  .feature-grid,
  .solution-showcase,
  .footer-grid { grid-template-columns: 1fr; }
  .product-card-image { height: 270px; }
  .detail-nav .container { gap: 18px; justify-content: flex-start; overflow-x: auto; }
  .detail-nav .button { display: none; }
  .gallery-main { height: 320px; }
  .stats-grid { gap: 28px 0; }
  .stat { padding: 0 10px; }
  .contact-form { grid-template-columns: 1fr; }
  .footer-lead { align-items: flex-start; flex-direction: column; gap: 27px; }
  .copyright { flex-direction: column; gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { animation: none !important; scroll-behavior: auto !important; transition-duration: 0s !important; }
  .js-enabled .reveal { opacity: 1; transform: none; }
}

/* CR07EU long-form product page */
.cr07-product-page {
  background: #fff;
  color: #111827;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  overflow: hidden;
}
.cr07-container {
  margin: 0 auto;
  width: min(1060px, calc(100% - 56px));
}
.cr07-container.narrow {
  max-width: 780px;
}
.cr07-container.centered {
  text-align: center;
}
.cr07-hero {
  background: #f4f4f5;
  padding: clamp(42px, 5vw, 66px) 0 clamp(34px, 4.5vw, 58px);
}
.cr07-hero-grid {
  align-items: center;
  display: grid;
  gap: clamp(42px, 8vw, 120px);
  grid-template-columns: minmax(340px, .92fr) minmax(360px, 1.08fr);
}
.cr07-breadcrumbs {
  color: #9aa0a8;
  font-size: .82rem;
  margin-bottom: clamp(42px, 7vw, 74px);
}
.cr07-breadcrumbs a {
  color: #808791;
}
.cr07-hero-copy strong {
  color: #05070b;
  display: block;
  font-size: clamp(2.35rem, 5.6vw, 4.6rem);
  font-weight: 700;
  letter-spacing: -.075em;
  line-height: .9;
  margin-bottom: 13px;
}
.cr07-new-badge {
  background: var(--accent);
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: clamp(.58rem, .9vw, .72rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin-left: 9px;
  padding: 5px 8px;
  transform: translateY(-16px);
  vertical-align: middle;
}
.cr07-hero-copy .cr07-hero-lede {
  color: #252b35;
  font-size: clamp(.98rem, 1.35vw, 1.12rem);
  font-weight: 400;
  line-height: 1.55;
  margin: 0 0 10px;
  max-width: 440px;
}
.cr07-hero-copy h1 {
  color: #696f78;
  font-size: clamp(.9rem, 1.2vw, 1.05rem);
  font-weight: 400;
  line-height: 1.65;
  margin: 0;
  max-width: 420px;
}
.cr07-hero-thumbs {
  display: flex;
  gap: 14px;
  margin-top: 42px;
}
.cr07-hero-thumbs span {
  align-items: center;
  background: #fff;
  box-shadow: 0 12px 24px rgba(17, 24, 39, .06);
  display: flex;
  height: 78px;
  justify-content: center;
  padding: 8px;
  transition: box-shadow .25s ease, transform .25s ease;
  width: 62px;
}
.cr07-hero-thumbs span:hover {
  box-shadow: 0 18px 36px rgba(17, 24, 39, .12);
  transform: translateY(-4px);
}
.cr07-hero-thumbs img {
  height: 100%;
  object-fit: contain;
  width: auto;
}
.cr07-hero-device {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 450px;
}
.cr07-device-main {
  filter: drop-shadow(0 32px 32px rgba(9, 16, 28, .18));
  max-height: 450px;
  object-fit: contain;
  width: auto;
  animation: cr07-float 5.4s ease-in-out infinite;
}
.cr07-anchor-nav {
  background: #fff;
  border-bottom: 1px solid #eceff3;
  border-top: 1px solid #e4e7eb;
  position: sticky;
  top: var(--header-height);
  z-index: 20;
}
.cr07-anchor-nav .cr07-container {
  align-items: center;
  display: flex;
  gap: clamp(18px, 3vw, 44px);
  justify-content: center;
  min-height: 58px;
  overflow-x: auto;
  white-space: nowrap;
}
.cr07-anchor-nav a {
  color: #707782;
  flex: 0 0 auto;
  font-size: .86rem;
  font-weight: 400;
}
.cr07-anchor-nav a:hover {
  color: var(--accent);
}
.cr07-anchor-nav .cr07-nav-cta {
  background: var(--accent);
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
  padding: 8px 22px;
}
.cr07-anchor-nav .cr07-share {
  color: #303640;
  font-weight: 500;
}
.cr07-intro {
  background: #fff;
  padding: clamp(58px, 7vw, 84px) 0 clamp(50px, 6vw, 72px);
  text-align: center;
}
.cr07-intro h1,
.cr07-section-heading h2,
.cr07-copy h2,
.cr07-install h2,
.cr07-configuration h2 {
  color: #05070c;
  font-size: clamp(1.8rem, 3.1vw, 3rem);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: 1.12;
  margin: 0 0 18px;
}
.cr07-intro p {
  color: #2e343d;
  font-size: clamp(1.05rem, 1.8vw, 1.7rem);
  line-height: 1.45;
  margin: 0 auto 8px;
  max-width: 760px;
}
.cr07-intro .is-blue {
  color: var(--accent);
}
.cr07-section {
  padding: clamp(62px, 7vw, 94px) 0;
}
.cr07-strip,
.cr07-anatomy-strip {
  background: #eeeeef;
  padding: clamp(44px, 5.4vw, 70px) 0;
}
.cr07-strip-image {
  display: block;
  margin: 0 auto;
  width: min(100%, 980px);
}
.cr07-anatomy-image {
  filter: drop-shadow(0 18px 30px rgba(16, 24, 40, .05));
}
.cr07-section-heading.centered {
  margin: 0 auto 36px;
  max-width: 720px;
  text-align: center;
}
.cr07-section-heading h2 {
  margin-bottom: 0;
}
.cr07-recognition {
  background: #fff;
}
.cr07-recognition-grid {
  align-items: center;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(620px, 1fr) 280px;
  margin: 0 auto;
  max-width: 930px;
}
.cr07-recognition-visual {
  background: #12171e;
  overflow: hidden;
  position: relative;
}
.cr07-recognition-visual:before {
  background: linear-gradient(90deg, transparent, rgba(80, 246, 255, .36), transparent);
  content: "";
  height: 100%;
  left: -45%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: skewX(-18deg);
  width: 38%;
  z-index: 2;
}
.cr07-recognition-visual.is-visible:before,
.cr07-recognition-grid:hover .cr07-recognition-visual:before {
  animation: cr07-scan 1.45s ease .38s both;
}
.cr07-recognition-visual span {
  background: rgba(0, 0, 0, .62);
  bottom: 18px;
  color: #fff;
  font-size: .88rem;
  font-weight: 600;
  left: 22px;
  padding: 10px 16px;
  position: absolute;
  z-index: 3;
}
.cr07-full-image {
  display: block;
  width: 100%;
}
.cr07-recognition-visual .cr07-full-image {
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  transition: filter .7s ease, transform .7s ease;
}
.cr07-recognition-grid:hover .cr07-recognition-visual .cr07-full-image {
  filter: saturate(1.08);
  transform: scale(1.035);
}
.cr07-recognition-list {
  display: grid;
  gap: 0;
}
.cr07-recognition-list article {
  background: #fff;
  border-bottom: 1px solid #e8edf3;
  border-left: 1px solid #e8edf3;
  min-height: 180px;
  padding: 34px 22px 24px 58px;
  position: relative;
  transition: background .28s ease, box-shadow .28s ease, transform .28s ease;
}
.cr07-recognition-list article:hover,
.cr07-recognition-list article.is-active {
  background: #f4f9ff;
  box-shadow: inset 4px 0 0 var(--accent);
  transform: translateX(4px);
}
.cr07-recognition-list article:first-child {
  border-top: 1px solid #e8edf3;
}
.cr07-recognition-list i {
  align-items: center;
  border: 1px solid rgba(80, 164, 251, .36);
  border-radius: 999px;
  color: var(--accent);
  display: inline-flex;
  font-size: .66rem;
  font-style: normal;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  left: 18px;
  position: absolute;
  top: 19px;
  width: 28px;
}
.cr07-recognition-list strong {
  color: #0b1220;
  display: block;
  font-size: .94rem;
  font-weight: 600;
  margin-bottom: 6px;
}
.cr07-recognition-list p,
.cr07-copy p,
.cr07-install p {
  color: #4d5663;
  font-size: .9rem;
  line-height: 1.68;
  margin: 0;
}
.cr07-two-col {
  align-items: center;
  display: grid;
  gap: clamp(32px, 5.5vw, 78px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.cr07-two-col.reverse > :first-child {
  order: 2;
}
.cr07-two-col.reverse > :last-child {
  order: 1;
}
.cr07-copy ul {
  color: #313946;
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}
.cr07-copy li {
  align-items: center;
  display: flex;
  font-size: .96rem;
}
.cr07-copy li:before {
  background: var(--accent);
  border-radius: 999px;
  content: "";
  flex: 0 0 auto;
  height: 7px;
  margin-right: 10px;
  width: 7px;
}
.cr07-plain-split {
  background: #fff;
}
.cr07-visual {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.cr07-visual img,
.cr07-management-visual img,
.cr07-blue-device img,
.cr07-crop-visual img {
  transition: filter .55s ease, transform .55s ease;
}
.cr07-visual:hover img,
.cr07-management-visual:hover img,
.cr07-blue-device:hover img,
.cr07-crop-visual:hover img {
  filter: saturate(1.08);
  transform: scale(1.035);
}
.cr07-blue-band {
  background-color: #eaf8ff;
  background-position: center;
  background-size: cover;
  color: #111827;
}
.cr07-blue-device {
  align-items: center;
  display: flex;
  justify-content: center;
}
.cr07-mobile-image {
  filter: drop-shadow(0 24px 32px rgba(7, 34, 70, .22));
  max-height: 430px;
  object-fit: contain;
  width: auto;
}
.cr07-copy-light h2,
.cr07-copy-light p {
  color: #111827;
}
.cr07-metric-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}
.cr07-metric-grid span {
  background: rgba(255, 255, 255, .68);
  border: 1px solid rgba(80, 164, 251, .22);
  color: #3b4655;
  font-size: .86rem;
  font-weight: 500;
  padding: 10px 12px;
  text-align: center;
  transition: background .24s ease, transform .24s ease;
}
.cr07-metric-grid span:hover {
  background: #fff;
  transform: translateY(-3px);
}
.cr07-security {
  background: #03070d;
  color: #fff;
}
.cr07-copy-dark h2,
.cr07-copy-dark p {
  color: #fff;
}
.cr07-security-visual {
  border-radius: 0;
  height: 330px;
  overflow: hidden;
  position: relative;
}
.cr07-security-visual:after {
  animation: cr07-pulse 2.8s ease-in-out infinite;
  border: 1px solid rgba(80, 164, 251, .45);
  border-radius: 999px;
  content: "";
  height: 130px;
  position: absolute;
  right: 27%;
  top: 50%;
  transform: translate(50%, -50%);
  width: 130px;
  z-index: 2;
}
.cr07-security-visual img {
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: right center;
  width: 132%;
}
.cr07-custom-ui {
  background: #f1f1f2;
}
.cr07-wide-panel {
  min-height: 360px;
  position: relative;
}
.cr07-wide-panel-image {
  display: block;
  width: 100%;
}
.cr07-wide-panel-copy {
  max-width: 360px;
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
}
.cr07-voice {
  background: #fff;
}
.cr07-install {
  background: #f1f2f4;
  text-align: center;
}
.cr07-install .narrow {
  margin-bottom: 34px;
}
.cr07-weather {
  background: #e5e7eb;
}
.cr07-crop-visual {
  background: #d9f6ff;
  aspect-ratio: 960 / 665;
  height: auto;
  overflow: hidden;
}
.cr07-crop-image {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.cr07-global {
  background: #fff;
}
.cr07-management {
  background-color: #edf8fb;
  background-position: center;
  background-size: cover;
}
.cr07-management-visual {
  background: rgba(255, 255, 255, .38);
  display: flex;
  justify-content: center;
  padding: 24px;
}
.cr07-applications-ct10 {
  background: var(--accent);
  color: #fff;
  padding: clamp(56px, 6.5vw, 82px) 0;
}
.cr07-configuration {
  background: #fff;
  text-align: center;
}
.cr07-dimension {
  background: #f6f7f9;
  padding-top: 36px;
}
.cr07-dimension-grid {
  align-items: end;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
}
.cr07-dimension-grid figure {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  min-height: 280px;
  padding: 22px 18px;
  text-align: center;
}
.cr07-dimension-image {
  max-height: 210px;
  object-fit: contain;
  width: auto;
}
.cr07-dimension-grid figcaption {
  color: #4f5967;
  font-size: .9rem;
  margin-top: 16px;
}
.cr07-application {
  background: var(--accent);
  color: #fff;
}
.cr07-applications-ct10 .cr07-section-heading h2,
.cr07-application .cr07-section-heading h2 {
  color: #fff;
}
.cr07-application-grid {
  display: grid;
  gap: 22px 26px;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
  max-width: 850px;
}
.cr07-application-card {
  background: rgba(255, 255, 255, .18);
  margin: 0;
  overflow: hidden;
  padding: 0 0 13px;
  text-align: center;
  transition: box-shadow .28s ease, transform .28s ease;
}
.cr07-application-card img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .4s ease;
}
.cr07-application-card:hover {
  box-shadow: 0 18px 42px rgba(0, 69, 143, .2);
  transform: translateY(-5px);
}
.cr07-application-card:hover img { transform: scale(1.045); }
.cr07-application-card span {
  color: #fff;
  display: block;
  font-size: .92rem;
  font-weight: 600;
  padding-top: 13px;
}
.cr07-why {
  background: #fff;
  padding-bottom: 66px;
}
.cr07-why-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(6, 1fr);
}
.cr07-why-card {
  text-align: center;
}
.cr07-why-card span {
  align-items: center;
  border: 2px solid var(--accent);
  border-radius: 999px;
  color: var(--accent);
  display: inline-flex;
  font-size: .82rem;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  margin-bottom: 16px;
  width: 58px;
}
.cr07-why-card strong {
  color: #111827;
  display: block;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 8px;
}
.cr07-why-card p {
  color: #697386;
  font-size: .78rem;
  line-height: 1.55;
  margin: 0;
}
.cr07-spec {
  background: #fff;
  padding-bottom: clamp(94px, 10vw, 150px);
}
.cr07-spec-blank {
  min-height: 180px;
}
.cr07-spec-device {
  align-items: end;
  display: flex;
  gap: 34px;
  justify-content: center;
  margin: -10px auto 34px;
  min-height: 250px;
}
.cr07-spec-device img {
  object-fit: contain;
  width: auto;
}
.cr07-spec-device-front { max-height: 220px; }
.cr07-spec-device-side { max-height: 220px; }
.cr07-spec-device-back { max-height: 190px; }
.cr07-spec .spec-table-wrap {
  margin: 0 auto;
  max-width: 820px;
}
.cr07-spec .spec-table th,
.cr07-spec .spec-table td {
  border-color: #e7edf5;
  font-size: .88rem;
  padding: 15px 22px;
}
.cr07-spec .spec-table th {
  background: #e8f0fb;
  color: #2d3748;
  font-weight: 600;
  width: 34%;
}
.cr07-download {
  background: #fff;
}
.cr07-download-list {
  border-top: 1px solid #edf1f6;
  margin: 0 auto 58px;
  max-width: 900px;
}
.cr07-download-row {
  align-items: center;
  border-bottom: 1px solid #edf1f6;
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr 120px 110px 120px;
  padding: 18px 0;
}
.cr07-download-row strong {
  color: #1d2430;
  font-size: .94rem;
  font-weight: 500;
}
.cr07-download-row span {
  color: #7a8494;
  font-size: .84rem;
}
.cr07-download-row a {
  background: var(--accent);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: .82rem;
  font-weight: 600;
  justify-content: center;
  padding: 9px 18px;
}
.cr07-bottom-tiles {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(3, 1fr);
}
.cr07-bottom-tiles a {
  align-items: flex-end;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .56)),
    linear-gradient(135deg, #4a5568, #1a202c);
  color: #fff;
  display: flex;
  justify-content: space-between;
  min-height: 160px;
  padding: 24px;
}
.cr07-bottom-tiles a:nth-child(2) {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .5)),
    linear-gradient(135deg, #5f6d7f, #263241);
}
.cr07-bottom-tiles a:nth-child(3) {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .5)),
    linear-gradient(135deg, #71717a, #27272a);
}
.cr07-bottom-tiles span {
  font-size: 1.1rem;
  font-weight: 500;
}
.cr07-bottom-tiles strong {
  background: var(--accent);
  border-radius: 999px;
  font-size: .78rem;
  padding: 7px 13px;
}
.cr07-section-heading h2:after { display: none; }
.cr07-copy,
.cr07-section-heading,
.cr07-download-row,
.cr07-bottom-tiles a {
  transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.cr07-download-row:hover {
  background: #f7fbff;
  transform: translateX(6px);
}
.cr07-bottom-tiles a:hover,
.cr07-dev-actions a:hover {
  transform: translateY(-5px);
}
.js-enabled .cr07-product-page .reveal {
  opacity: 0;
  transform: translateY(38px) scale(.985);
  transition: opacity .82s cubic-bezier(.2, .72, .18, 1), transform .82s cubic-bezier(.2, .72, .18, 1);
}
.js-enabled .cr07-product-page .cr07-two-col > .cr07-copy.reveal,
.js-enabled .cr07-product-page .cr07-wide-panel-copy.reveal {
  transform: translateX(42px);
}
.js-enabled .cr07-product-page .cr07-two-col > .cr07-visual.reveal,
.js-enabled .cr07-product-page .cr07-blue-device.reveal,
.js-enabled .cr07-product-page .cr07-management-visual.reveal,
.js-enabled .cr07-product-page .cr07-crop-visual.reveal,
.js-enabled .cr07-product-page .cr07-dev-cube.reveal {
  transform: translateX(-42px);
}
.js-enabled .cr07-product-page .reveal.is-visible,
.js-enabled .cr07-product-page .cr07-two-col > .reveal.is-visible,
.js-enabled .cr07-product-page .cr07-wide-panel-copy.reveal.is-visible,
.js-enabled .cr07-product-page .cr07-dev-cube.reveal.is-visible {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.js-enabled .cr07-product-page .cr07-recognition-list article:nth-child(2),
.js-enabled .cr07-product-page .cr07-app-strip-card:nth-child(2),
.js-enabled .cr07-product-page .cr07-why-card:nth-child(2) { transition-delay: .08s; }
.js-enabled .cr07-product-page .cr07-recognition-list article:nth-child(3),
.js-enabled .cr07-product-page .cr07-app-strip-card:nth-child(3),
.js-enabled .cr07-product-page .cr07-why-card:nth-child(3) { transition-delay: .16s; }
.js-enabled .cr07-product-page .cr07-recognition-list article:nth-child(4),
.js-enabled .cr07-product-page .cr07-app-strip-card:nth-child(4),
.js-enabled .cr07-product-page .cr07-why-card:nth-child(4) { transition-delay: .24s; }

@keyframes cr07-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@keyframes cr07-scan {
  0% { left: -45%; opacity: 0; }
  18% { opacity: .9; }
  100% { left: 120%; opacity: 0; }
}

@keyframes cr07-pulse {
  0% { opacity: .1; transform: translate(50%, -50%) scale(.72); }
  55% { opacity: .85; transform: translate(50%, -50%) scale(1.08); }
  100% { opacity: 0; transform: translate(50%, -50%) scale(1.38); }
}

@keyframes cr07-cube-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes cr07-cube-rotate-2 {
  from { transform: rotate(45deg) scale(.82); }
  to { transform: rotate(405deg) scale(.82); }
}

@keyframes cr07-cube-rotate-3 {
  from { transform: rotate(90deg) scale(.64); }
  to { transform: rotate(450deg) scale(.64); }
}

@keyframes cr07-recognition-progress {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .cr07-product-page *,
  .cr07-product-page *:before,
  .cr07-product-page *:after {
    animation: none !important;
    transition-duration: 0s !important;
  }
  .js-enabled .cr07-product-page .reveal {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 980px) {
  .cr07-hero-grid,
  .cr07-recognition-grid,
  .cr07-two-col {
    grid-template-columns: 1fr;
  }
  .cr07-two-col.reverse > :first-child,
  .cr07-two-col.reverse > :last-child {
    order: initial;
  }
  .cr07-hero-copy {
    text-align: center;
  }
  .cr07-hero-copy p {
    margin-left: auto;
    margin-right: auto;
  }
  .cr07-hero-thumbs {
    justify-content: center;
  }
  .cr07-applications-strip,
  .cr07-why-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .cr07-recognition-grid {
    max-width: 680px;
  }
  .cr07-bottom-tiles {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .cr07-container {
    width: min(100% - 32px, 1040px);
  }
  .cr07-hero {
    padding-top: 42px;
  }
  .cr07-hero-device {
    min-height: 310px;
  }
  .cr07-device-main {
    max-height: 310px;
  }
  .cr07-anchor-nav {
    top: 0;
  }
  .cr07-anchor-nav .cr07-container {
    justify-content: flex-start;
    min-height: 50px;
  }
  .cr07-intro p {
    font-size: 1rem;
  }
  .cr07-section {
    padding: 52px 0;
  }
  .cr07-recognition-visual span {
    bottom: 10px;
    font-size: .74rem;
    left: 10px;
    padding: 7px 10px;
  }
  .cr07-metric-grid,
  .cr07-application-grid,
  .cr07-dimension-grid,
  .cr07-applications-strip {
    grid-template-columns: 1fr;
  }
  .cr07-security-visual,
  .cr07-crop-visual {
    height: 260px;
  }
  .cr07-wide-panel {
    min-height: 0;
  }
  .cr07-wide-panel-copy {
    background: rgba(241, 241, 242, .88);
    margin-top: 20px;
    max-width: none;
    padding: 18px;
    position: static;
    transform: none;
  }
  .cr07-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cr07-download-row {
    align-items: flex-start;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .cr07-spec-device {
    gap: 18px;
    min-height: 190px;
  }
  .cr07-spec-device-front { max-height: 170px; }
  .cr07-spec-device-side { max-height: 170px; }
  .cr07-spec-device-back { max-height: 140px; }
  .cr07-dev-cube {
    height: 230px;
  }
}

/* CT10-style product detail refresh */
.ct-product-breadcrumb {
  background: #f0f1f4;
  border-bottom: 1px solid #dfe2e8;
  padding: 24px 0;
}
.ct-product-breadcrumb .breadcrumbs {
  color: #4c5563;
  font-size: .92rem;
  overflow-x: auto;
  white-space: nowrap;
}
.ct-product-breadcrumb .breadcrumbs a { color: #1f2530; }
.ct-product-hero {
  background: linear-gradient(180deg, #ececf0 0%, #f4f4f6 100%);
  min-height: 590px;
  overflow: hidden;
  padding: 0;
}
.ct-product-hero:after { display: none; }
.ct-product-hero-grid {
  align-items: center;
  gap: 40px;
  grid-template-columns: minmax(360px, .92fr) minmax(520px, 1.08fr);
  min-height: 590px;
  padding-bottom: 36px;
  padding-top: 36px;
}
.ct-product-hero-copy {
  align-self: start;
  padding-top: 60px;
}
.ct-product-hero-copy .product-model-row {
  gap: 18px;
  margin: 0 0 24px;
}
.ct-product-hero-copy .product-model-row strong {
  color: #02060c;
  font-size: clamp(3.8rem, 7vw, 5.75rem);
  font-weight: 780;
  letter-spacing: -.08em;
  line-height: .88;
}
.ct-product-hero-copy .product-model-row span {
  background: var(--accent);
  border-radius: 7px;
  font-size: .9rem;
  padding: 9px 18px 8px;
}
.ct-product-hero-copy h1 {
  color: #555d68;
  font-size: clamp(1.34rem, 1.8vw, 1.82rem);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.36;
  margin: 0 0 18px;
  max-width: 540px;
  overflow-wrap: anywhere;
}
.ct-hero-tagline {
  color: #646d7a !important;
  font-size: 1.05rem !important;
  line-height: 1.82 !important;
  max-width: 600px !important;
  overflow-wrap: anywhere;
}
.ct-product-hero-visual {
  min-height: 520px;
  overflow: visible;
  position: relative;
}
.ct-product-visual-stage {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  height: 520px;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.ct-product-visual-stage:before { display: none; }
.ct-product-visual-stage img {
  filter: drop-shadow(0 34px 38px rgba(20, 24, 32, .2));
  max-height: 505px;
  max-width: 78%;
  transform: scale(1.16);
}
.ct-hero-mini-thumb {
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 0;
  bottom: 78px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, .08);
  display: flex;
  height: 102px;
  justify-content: center;
  left: -76px;
  padding: 13px;
  position: absolute;
  width: 138px;
  z-index: 2;
}
.ct-hero-mini-thumb img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.ct-product-hero .product-hero-thumbs {
  background: rgba(255, 255, 255, .86);
  border-radius: 0;
  box-shadow: 0 14px 34px rgba(17, 24, 39, .08);
  margin-top: -18px;
  padding: 8px 14px;
}
.product-anchor-nav {
  background: #fff;
  box-shadow: 0 8px 18px rgba(17, 24, 39, .05);
}
.product-anchor-nav .container {
  align-items: center;
  min-height: 60px;
}
.product-anchor-nav a {
  color: #6b7280;
  font-size: .94rem;
  font-weight: 500;
}
.product-anchor-nav .button {
  background: var(--accent);
  min-height: 36px;
  padding: 0 24px;
}
.ct-share-link {
  color: #101828 !important;
  font-weight: 650 !important;
  margin-left: 10px;
}
.ct-share-link:before {
  color: var(--accent);
  content: "⌯";
  display: inline-block;
  font-size: 1.05rem;
  margin-right: 8px;
  transform: rotate(-20deg);
}
.ct-feature-intro-section {
  background: #fff;
  padding-top: 86px;
}
.ct-feature-statement {
  margin: 0 auto 76px;
  max-width: 980px;
  text-align: center;
}
.ct-feature-statement h2 {
  color: #06080d;
  font-size: clamp(1.75rem, 2.35vw, 2.55rem);
  font-weight: 760;
  letter-spacing: -.045em;
  line-height: 1.18;
  margin: 0 0 42px;
  overflow-wrap: anywhere;
}
.ct-feature-statement p {
  color: #2f333a;
  font-size: clamp(1.45rem, 2.1vw, 2.15rem);
  line-height: 1.32;
  margin: 0;
  overflow-wrap: anywhere;
}
.ct-feature-statement p.has-accent { color: #2f333a; }
.ct-feature-statement p.has-accent::first-letter { color: inherit; }
.ct-feature-statement p.has-accent {
  background: linear-gradient(90deg, #2f333a, #2f333a);
}
.ct-feature-statement p.has-accent strong,
.ct-feature-statement .accent { color: var(--accent); }
.ct-feature-statement span {
  color: #343941;
  display: block;
  font-size: 2.1rem;
  line-height: 1.75;
}
.ct-feature-statement p.has-accent {
  background: none;
}
.ct-feature-statement p.has-accent:nth-of-type(2),
.ct-feature-statement p.has-accent:nth-of-type(3),
.ct-feature-statement p.has-accent:nth-of-type(4) {
  color: var(--accent);
}
.ct-product-anatomy {
  align-items: center;
  background:
    radial-gradient(circle at 50% 56%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .25) 34%, transparent 58%),
    linear-gradient(90deg, #d9e1e8 0%, #f6f8f9 46%, #d6dee5 100%);
  display: flex;
  justify-content: center;
  margin: 0 calc(50% - 50vw) 88px;
  min-height: 540px;
  overflow: hidden;
  position: relative;
}
.ct-anatomy-device {
  align-items: center;
  display: flex;
  height: 500px;
  justify-content: center;
  width: 360px;
  z-index: 2;
}
.ct-anatomy-device img {
  filter: drop-shadow(0 26px 30px rgba(12, 20, 30, .28));
  height: 88%;
  max-width: 100%;
  object-fit: contain;
}
.ct-anatomy-note {
  color: #252a32;
  max-width: 250px;
  position: absolute;
  z-index: 3;
}
.ct-anatomy-note strong {
  display: block;
  font-size: 1.02rem;
  font-weight: 760;
  line-height: 1.22;
}
.ct-anatomy-note span {
  color: #515965;
  display: block;
  font-size: .9rem;
  line-height: 1.38;
  margin-top: 5px;
}
.ct-anatomy-note:after {
  background: #7bc9df;
  content: "";
  height: 2px;
  position: absolute;
  top: 12px;
  width: 150px;
}
.ct-anatomy-note:before {
  background: #2da9c6;
  border-radius: 999px;
  content: "";
  height: 8px;
  position: absolute;
  top: 9px;
  width: 8px;
}
.ct-anatomy-note.is-left { right: calc(50% + 195px); text-align: right; }
.ct-anatomy-note.is-left:after { left: calc(100% + 16px); }
.ct-anatomy-note.is-left:before { left: calc(100% + 162px); }
.ct-anatomy-note.is-right { left: calc(50% + 195px); text-align: left; }
.ct-anatomy-note.is-right:after { right: calc(100% + 16px); }
.ct-anatomy-note.is-right:before { right: calc(100% + 162px); }
.ct-anatomy-note.is-top { top: 82px; }
.ct-anatomy-note.is-mid { top: 238px; }
.ct-anatomy-note.is-bottom { bottom: 92px; }
.ct-recognition-grid {
  grid-template-columns: repeat(4, 1fr);
  margin-top: 34px;
}
.ct-recognition-grid .product-feature-card {
  background: #fff;
  border: 0;
  border-radius: 0;
  min-height: 220px;
  padding: 22px 18px;
  text-align: center;
}
.ct-recognition-grid .product-feature-card:hover {
  box-shadow: none;
  transform: translateY(-4px);
}
.ct-recognition-grid .product-feature-card > span {
  align-items: center;
  background: #f7f7f8;
  border-radius: 999px;
  color: var(--accent);
  display: inline-flex;
  font-size: .82rem;
  font-weight: 760;
  height: 84px;
  justify-content: center;
  letter-spacing: .02em;
  line-height: 1.1;
  margin: 0 0 22px;
  padding: 10px;
  width: 84px;
}
.ct-recognition-grid .product-feature-card h3 {
  font-size: 1.05rem;
  margin-bottom: 10px;
}
.ct-recognition-grid .product-feature-card p {
  font-size: .94rem;
  line-height: 1.65;
}
.ct-story-stack {
  background: #fff;
}
.ct-story-section {
  border-top: 1px solid #edf2f8;
  padding: clamp(72px, 7vw, 112px) 0;
}
.ct-story-section:nth-child(even) {
  background: #f3f8ff;
}
.ct-story-grid {
  align-items: center;
  display: grid;
  gap: 70px;
  grid-template-columns: minmax(360px, .86fr) minmax(460px, 1.14fr);
}
.ct-story-section.is-reversed .ct-story-copy { order: 2; }
.ct-story-section.is-reversed .ct-story-visual { order: 1; }
.ct-story-copy h2 {
  color: #050b14;
  font-size: clamp(2rem, 3.2vw, 3.1rem);
  font-weight: 780;
  letter-spacing: -.055em;
  line-height: 1.08;
  margin: 0 0 20px;
}
.ct-story-copy p {
  color: #596577;
  font-size: 1.04rem;
  line-height: 1.84;
  margin: 0;
}
.ct-story-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
.ct-story-metrics span {
  background: #eaf4ff;
  border: 1px solid rgba(80, 164, 251, .24);
  border-radius: 999px;
  color: #1769b8;
  font-size: .86rem;
  font-weight: 760;
  padding: 10px 16px;
}
.ct-story-visual {
  align-items: center;
  background:
    radial-gradient(circle at 50% 52%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .4) 42%, transparent 68%),
    linear-gradient(135deg, #e6f3ff, #f7fbff);
  display: flex;
  justify-content: center;
  min-height: 420px;
  overflow: hidden;
  padding: 34px;
}
.ct-story-image,
.ct-story-visual img {
  filter: drop-shadow(0 24px 30px rgba(25, 78, 122, .16));
  max-height: 360px;
  object-fit: contain;
  width: 100%;
}
.ct-slice-gallery-section {
  background: linear-gradient(180deg, #fff 0%, #f6fbff 100%);
  padding-top: 84px;
}
.ct-slice-gallery-grid {
  display: grid;
  gap: 24px;
  grid-auto-flow: dense;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ct-slice-card {
  align-items: stretch;
  background: #fff;
  border: 1px solid rgba(80, 164, 251, .14);
  border-radius: 26px;
  box-shadow: 0 18px 45px rgba(19, 88, 160, .07);
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 100%;
  justify-content: space-between;
  margin: 0;
  min-height: 330px;
  overflow: hidden;
  padding: 22px;
}
.ct-slice-card.is-wide {
  grid-column: span 3;
  min-height: 450px;
}
.ct-slice-card.is-tall {
  min-height: 430px;
}
.ct-slice-media {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  min-height: 190px;
  width: 100%;
}
.ct-slice-image {
  display: block;
  height: auto;
  max-height: 230px;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}
.ct-slice-card.is-tall .ct-slice-media {
  min-height: 280px;
}
.ct-slice-card.is-tall .ct-slice-image {
  max-height: 310px;
}
.ct-slice-card.is-wide .ct-slice-media {
  min-height: 300px;
}
.ct-slice-card.is-wide .ct-slice-image {
  max-height: 330px;
  width: min(100%, 1120px);
}
.ct-slice-caption {
  border-top: 1px solid rgba(12, 21, 37, .06);
  display: block;
  flex: 0 0 auto;
  min-height: 92px;
  padding-top: 15px;
  text-align: left;
  width: 100%;
}
.ct-slice-caption strong {
  color: #172033;
  display: block;
  font-size: 1.02rem;
  font-weight: 780;
  letter-spacing: -.025em;
  line-height: 1.25;
  margin-bottom: 6px;
}
.ct-slice-caption span {
  color: #647184;
  display: -webkit-box;
  font-size: .9rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.55;
  overflow: hidden;
}
.ct-slice-card.is-wide .ct-slice-caption {
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
}
.product-application-section {
  background: #fff;
  border-top: 1px solid #eff1f4;
}
.product-split-layout {
  grid-template-columns: 340px 1fr;
}
.application-card {
  border: 0;
  border-bottom: 1px solid #e5e8ee;
  border-radius: 0;
  box-shadow: none;
  min-height: 160px;
  padding: 8px 0 26px;
}
.application-card:hover {
  border-color: var(--accent);
  box-shadow: none;
  transform: translateY(-3px);
}
.product-config-section {
  background: #f3f5f7;
  color: var(--ink);
}
.config-board {
  background: #fff;
  border: 1px solid #e5e8ee;
  border-radius: 0;
  box-shadow: 0 18px 40px rgba(17, 24, 39, .05);
  padding: 46px;
}
.config-board h2 {
  color: #111827;
  font-size: clamp(1.75rem, 2.5vw, 2.65rem);
}
.config-board p { color: #596273; }
.config-flow span {
  background: #f5f6f8;
  border-color: #e0e4ea;
  border-radius: 0;
  color: #1f2937;
}
.config-flow i,
.config-flow i:after { background: var(--accent); border-color: var(--accent); }
.product-spec-section { background: #fff; }
.spec-table-wrap {
  border-radius: 0;
  box-shadow: none;
}
.spec-table th {
  background: #f3f5f7;
  color: #111827;
}
.product-download-section { background: #f3f5f7; }
.download-panel {
  border-radius: 0;
  box-shadow: none;
}

@media (max-width: 1120px) {
  .ct-hero-mini-thumb { left: -18px; }
  .ct-recognition-grid { grid-template-columns: repeat(2, 1fr); }
  .ct-story-grid {
    gap: 38px;
    grid-template-columns: 1fr;
  }
  .ct-story-section.is-reversed .ct-story-copy,
  .ct-story-section.is-reversed .ct-story-visual {
    order: initial;
  }
  .ct-story-visual { min-height: 360px; }
}

@media (max-width: 940px) {
  .ct-product-hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 0;
    padding-bottom: 54px;
    padding-top: 28px;
  }
  .ct-product-hero-copy {
    padding-top: 18px;
    text-align: center;
  }
  .ct-product-hero-copy h1,
  .ct-hero-tagline {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ct-product-hero-copy .product-model-row { justify-content: center; }
  .ct-product-hero-visual { min-height: 430px; }
  .ct-product-visual-stage {
    height: 410px;
    margin-top: 0;
  }
  .ct-product-visual-stage img { max-height: 390px; }
  .ct-hero-mini-thumb {
    bottom: 22px;
    left: 18px;
  }
  .ct-product-anatomy {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    min-height: 680px;
    padding: 34px 18px;
  }
  .ct-anatomy-device {
    height: 380px;
    width: 260px;
  }
  .ct-anatomy-note {
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(229, 232, 238, .8);
    max-width: 210px;
    padding: 10px 12px;
  }
  .ct-anatomy-note:before,
  .ct-anatomy-note:after { display: none; }
  .ct-anatomy-note.is-left,
  .ct-anatomy-note.is-right {
    left: auto;
    right: auto;
    text-align: left;
  }
  .ct-anatomy-note.is-left.is-top { left: 20px; top: 28px; }
  .ct-anatomy-note.is-right.is-top { right: 20px; top: 28px; }
  .ct-anatomy-note.is-left.is-mid { left: 20px; top: 230px; }
  .ct-anatomy-note.is-right.is-mid { right: 20px; top: 230px; }
  .ct-anatomy-note.is-left.is-bottom { bottom: 34px; left: 20px; }
  .ct-anatomy-note.is-right.is-bottom { bottom: 34px; right: 20px; }
}

@media (max-width: 620px) {
  .ct-product-breadcrumb { padding: 17px 0; }
  .ct-product-breadcrumb .container,
  .ct-product-hero .container,
  .ct-feature-intro-section .container,
  .product-anchor-nav .container {
    max-width: calc(100vw - 32px);
    width: calc(100vw - 32px) !important;
  }
  .ct-product-breadcrumb .breadcrumbs {
    display: block;
    max-width: 100%;
  }
  .ct-product-hero-copy .product-model-row strong {
    font-size: clamp(3rem, 16vw, 4.05rem);
  }
  .ct-product-hero-copy .product-model-row span {
    font-size: .72rem;
    padding: 6px 12px;
  }
  .ct-product-hero-copy h1 {
    font-size: 1.08rem;
    line-height: 1.42;
    max-width: 330px;
  }
  .ct-hero-tagline {
    font-size: .92rem !important;
    max-width: 300px !important;
  }
  .ct-product-hero-visual { min-height: 360px; }
  .ct-product-visual-stage {
    height: 330px;
    padding: 0;
  }
  .ct-product-visual-stage img {
    max-height: 310px;
    max-width: 92%;
  }
  .ct-hero-mini-thumb {
    bottom: 10px;
    height: 76px;
    left: 0;
    width: 100px;
  }
  .ct-product-hero .product-hero-thumbs {
    justify-content: flex-start;
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
  }
  .ct-feature-intro-section { padding-top: 58px; }
  .ct-feature-statement {
    margin-bottom: 48px;
    max-width: 100%;
    overflow: hidden;
  }
  .ct-feature-statement h2 {
    font-size: 1.42rem;
    margin-bottom: 28px;
    margin-left: auto;
    margin-right: auto;
    max-width: 310px;
  }
  .ct-feature-statement p {
    font-size: 1.06rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 310px;
  }
  .ct-feature-statement span {
    font-size: 1.45rem;
  }
  .ct-product-anatomy {
    min-height: 780px;
  }
  .ct-anatomy-device {
    height: 310px;
    width: 220px;
  }
  .ct-anatomy-note {
    font-size: .88rem;
    left: 18px !important;
    max-width: calc(100% - 36px);
    right: 18px !important;
    width: auto;
  }
  .ct-anatomy-note.is-left.is-top { top: 26px; }
  .ct-anatomy-note.is-right.is-top { top: 120px; }
  .ct-anatomy-note.is-left.is-mid { top: 214px; }
  .ct-anatomy-note.is-right.is-mid { top: auto; bottom: 214px; }
  .ct-anatomy-note.is-left.is-bottom { bottom: 120px; }
  .ct-anatomy-note.is-right.is-bottom { bottom: 26px; }
  .ct-recognition-grid,
  .application-grid { grid-template-columns: 1fr; }
  .ct-story-section { padding: 58px 0; }
  .ct-story-copy h2 {
    font-size: 1.62rem;
    overflow-wrap: anywhere;
  }
  .ct-story-copy p { font-size: .95rem; }
  .ct-story-metrics { gap: 9px; }
  .ct-story-metrics span {
    font-size: .78rem;
    padding: 8px 11px;
  }
  .ct-story-visual {
    min-height: 280px;
    padding: 20px;
  }
  .ct-story-image,
  .ct-story-visual img {
    max-height: 250px;
  }
  .config-board { padding: 28px 22px; }
  .product-anchor-nav .container { min-height: 54px; }
  .ct-share-link { display: none; }
}

/* Civintec-style product mega menu */
.mega-panel-product-columns {
  background: rgba(255, 255, 255, .99);
  border-top: 1px solid rgba(12, 21, 37, .08);
  box-shadow: 0 18px 36px rgba(12, 21, 37, .06);
}
.mega-panel-product-columns .mega-products-inner {
  display: grid;
  gap: clamp(42px, 7vw, 92px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  padding: 54px 0 58px;
  width: min(1160px, calc(100% - 76px));
}
.mega-product-column {
  min-width: 0;
}
.mega-product-column-visual {
  align-items: flex-end;
  display: flex;
  height: 150px;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.mega-product-column-visual img {
  display: block;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  width: 100%;
}
.mega-product-column-title {
  color: #20242a;
  display: block;
  font-size: clamp(1.24rem, 1.65vw, 1.58rem);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.38;
  margin: 0 0 25px;
}
.mega-product-column-title:hover {
  color: var(--accent);
}
.mega-product-list {
  display: grid;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mega-product-list a {
  align-items: center;
  color: #14181f;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 470;
  letter-spacing: -.01em;
  line-height: 1.15;
  transition: color .2s ease, transform .2s ease;
}
.mega-product-list a:before {
  border-bottom: 7px solid transparent;
  border-left: 8px solid #cfd3d8;
  border-top: 7px solid transparent;
  content: "";
  flex: 0 0 auto;
  height: 0;
  margin-right: 16px;
  transition: border-left-color .2s ease, transform .2s ease;
  width: 0;
}
.mega-product-list a:hover {
  color: var(--accent);
  transform: translateX(2px);
}
.mega-product-list a:hover:before {
  border-left-color: var(--accent);
  transform: translateX(2px);
}

@media (max-width: 1120px) {
  .mega-panel-product-columns .mega-products-inner {
    gap: 34px;
    width: min(1000px, calc(100% - 48px));
  }
  .mega-product-column-visual {
    height: 128px;
  }
  .mega-product-column-title {
    font-size: 1.22rem;
  }
}

@media (max-width: 940px) {
  .primary-nav.is-open .mega-panel-product-columns .mega-products-inner,
  .mega-panel-product-columns .mega-products-inner {
    gap: 28px;
    grid-template-columns: 1fr;
    padding: 22px;
    width: 100%;
  }
  .mega-product-column {
    border-bottom: 1px solid var(--line);
    padding-bottom: 24px;
  }
  .mega-product-column:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .mega-product-column-visual {
    height: 132px;
    margin-bottom: 16px;
  }
  .mega-product-column-title {
    font-size: 1.14rem;
    margin-bottom: 16px;
  }
  .mega-product-list {
    gap: 12px;
  }
}

@media (max-width: 940px) {
  .ct-slice-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ct-slice-card.is-wide {
    grid-column: span 2;
  }
  .ct-slice-media {
    min-height: 180px;
  }
  .ct-slice-card.is-wide .ct-slice-media {
    min-height: 240px;
  }
}

@media (max-width: 640px) {
  .ct-slice-gallery-section {
    padding-top: 58px;
  }
  .ct-slice-gallery-grid {
    grid-template-columns: 1fr;
  }
  .ct-slice-card,
  .ct-slice-card.is-wide,
  .ct-slice-card.is-tall {
    grid-column: auto;
    min-height: 0;
    padding: 16px;
  }
  .ct-slice-media,
  .ct-slice-card.is-wide .ct-slice-media,
  .ct-slice-card.is-tall .ct-slice-media {
    min-height: 0;
  }
  .ct-slice-image,
  .ct-slice-card.is-wide .ct-slice-image {
    max-height: none;
    width: 100%;
  }
  .ct-slice-caption {
    min-height: 0;
  }
}



/* CR07EU 2026-06-02 issue fixes */
.cr07-product-page .cr07-container {
  width: min(1120px, calc(100% - 64px));
}
.cr07-anchor-nav {
  top: max(0px, calc(var(--header-height) - 12px));
}
.cr07-recognition-grid {
  grid-template-columns: minmax(0, 1fr) 300px;
  max-width: none;
  width: 100%;
}
.cr07-recognition-visual {
  min-height: 420px;
}
.cr07-recognition-visual .cr07-full-image {
  min-height: 420px;
  transform: none !important;
}
.cr07-recognition-grid:hover .cr07-recognition-visual .cr07-full-image,
.cr07-visual:hover img,
.cr07-management-visual:hover img,
.cr07-blue-device:hover img,
.cr07-crop-visual:hover img,
.cr07-application-card:hover img {
  filter: none;
  transform: none !important;
}
.cr07-recognition-caption {
  bottom: clamp(24px, 4vw, 46px);
  color: #fff;
  left: clamp(24px, 4vw, 52px);
  max-width: 600px;
  position: absolute;
  right: 28px;
  z-index: 4;
}
.cr07-recognition-caption h3 {
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
  margin: 0 0 16px;
}
.cr07-recognition-caption p {
  color: rgba(255,255,255,.92);
  font-size: clamp(.98rem, 1.35vw, 1.18rem);
  font-weight: 500;
  line-height: 1.55;
  margin: 0;
}
.cr07-recognition-visual > span {
  display: none;
}
.cr07-recognition-list article {
  align-items: center;
  display: grid;
  grid-template-columns: 46px 1fr;
  min-height: 140px;
  padding: 24px 26px;
}
.cr07-recognition-list article:hover,
.cr07-recognition-list article.is-active {
  transform: none;
}
.cr07-recognition-list i,
.cr07-mode-icon {
  border: 0;
  color: #1d80e8;
  height: 34px;
  left: auto;
  position: static;
  top: auto;
  width: 34px;
}
.cr07-mode-icon::before,
.cr07-why-icon::before {
  background: currentColor;
  content: "";
  display: block;
  height: 100%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  width: 100%;
}
.cr07-mode-mobile::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm1 3v14h6V5H9Zm2 16h2v-1h-2v1Z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm1 3v14h6V5H9Zm2 16h2v-1h-2v1Z'/%3E%3C/svg%3E"); }
.cr07-mode-qr::before,
.cr07-icon-qr::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h8v8H3V3Zm2 2v4h4V5H5Zm8-2h8v8h-8V3Zm2 2v4h4V5h-4ZM3 13h8v8H3v-8Zm2 2v4h4v-4H5Zm9-2h3v2h-3v-2Zm5 0h2v5h-2v-5Zm-5 4h2v4h-2v-4Zm3 2h5v2h-5v-2Z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h8v8H3V3Zm2 2v4h4V5H5Zm8-2h8v8h-8V3Zm2 2v4h4V5h-4ZM3 13h8v8H3v-8Zm2 2v4h4v-4H5Zm9-2h3v2h-3v-2Zm5 0h2v5h-2v-5Zm-5 4h2v4h-2v-4Zm3 2h5v2h-5v-2Z'/%3E%3C/svg%3E"); }
.cr07-mode-rfid::before,
.cr07-icon-card::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6Zm2 2h14V6H5v2Zm0 4v6h14v-6H5Zm2 2h5v2H7v-2Zm9-1a2 2 0 0 1 0 4v-2a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6Zm2 2h14V6H5v2Zm0 4v6h14v-6H5Zm2 2h5v2H7v-2Zm9-1a2 2 0 0 1 0 4v-2a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E"); }
.cr07-blue-band {
  background: linear-gradient(105deg, #d7f7ff 0%, #f5fcff 44%, #b8e4ff 100%) !important;
}
.cr07-flow-list {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}
.cr07-flow-list li {
  align-items: center;
  background: rgba(255,255,255,.34);
  border-left: 4px solid rgba(29,128,232,.72);
  display: grid;
  gap: 8px;
  grid-template-columns: 128px 1fr;
  padding: 14px 18px;
}
.cr07-flow-list li::before {
  content: none;
  display: none;
}
.cr07-flow-list strong {
  color: #1686e2;
  font-size: .98rem;
  font-weight: 700;
  text-transform: uppercase;
}
.cr07-flow-list span {
  color: #1f2937;
  font-size: .96rem;
  line-height: 1.45;
}
.cr07-security-visual::after {
  display: none;
}
.cr07-custom-ui .cr07-container,
.cr07-management .cr07-container,
.cr07-configuration .cr07-container,
.cr07-applications-ct10 .cr07-container {
  width: min(1120px, calc(100% - 64px));
}
.cr07-weather {
  background: linear-gradient(90deg, #e5f9ff 0%, #edf2f6 45%, #fff 100%);
  overflow: hidden;
  padding: 0;
}
.cr07-weather .cr07-container {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  width: 100%;
}
.cr07-weather .cr07-copy {
  max-width: 520px;
  padding: clamp(70px, 7vw, 110px) clamp(32px, 6vw, 86px);
}
.cr07-crop-visual {
  aspect-ratio: auto;
  min-height: 520px;
  position: relative;
}
.cr07-crop-visual::after {
  background: linear-gradient(90deg, rgba(229,249,255,0) 0%, rgba(237,242,246,.62) 72%, rgba(237,242,246,1) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.cr07-application-grid {
  max-width: none;
  width: 100%;
}
.cr07-application-card:hover {
  transform: none;
}
.cr07-why-card span.cr07-why-icon {
  font-size: 0;
}
.cr07-icon-cloud::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 19a5 5 0 0 1-.7-9.95A7 7 0 0 1 20 11.5 4.5 4.5 0 0 1 19.5 20H8Zm0-2h11.5a2.5 2.5 0 0 0 .2-5A5 5 0 0 0 10 10.2l-.2 1.1-1.1-.2A3 3 0 0 0 8 17Z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 19a5 5 0 0 1-.7-9.95A7 7 0 0 1 20 11.5 4.5 4.5 0 0 1 19.5 20H8Zm0-2h11.5a2.5 2.5 0 0 0 .2-5A5 5 0 0 0 10 10.2l-.2 1.1-1.1-.2A3 3 0 0 0 8 17Z'/%3E%3C/svg%3E"); }
.cr07-icon-relay::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h10v8h-4v3h5a3 3 0 1 1-3 3h-3V8h3V5H9v3h3v9H9a3 3 0 1 1-3-3h3v-3H7V3Zm-1 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm12 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h10v8h-4v3h5a3 3 0 1 1-3 3h-3V8h3V5H9v3h3v9H9a3 3 0 1 1-3-3h3v-3H7V3Zm-1 15a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm12 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E"); }
.cr07-icon-shield::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 20 5v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Zm0 2.2L6 6.4V11c0 3.8 2.4 7.2 6 8.8 3.6-1.6 6-5 6-8.8V6.4l-6-2.2Zm-1 11.3-3-3 1.4-1.4 1.6 1.6 4.6-4.6L17 9.5l-6 6Z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 20 5v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Zm0 2.2L6 6.4V11c0 3.8 2.4 7.2 6 8.8 3.6-1.6 6-5 6-8.8V6.4l-6-2.2Zm-1 11.3-3-3 1.4-1.4 1.6 1.6 4.6-4.6L17 9.5l-6 6Z'/%3E%3C/svg%3E"); }
.cr07-icon-ui::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-5v2h3v2H8v-2h3v-2H6a2 2 0 0 1-2-2V5Zm2 0v10h12V5H6Zm2 2h3v3H8V7Zm5 0h5v2h-5V7Zm0 4h5v2h-5v-2Z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-5v2h3v2H8v-2h3v-2H6a2 2 0 0 1-2-2V5Zm2 0v10h12V5H6Zm2 2h3v3H8V7Zm5 0h5v2h-5V7Zm0 4h5v2h-5v-2Z'/%3E%3C/svg%3E"); }
.cr07-spec {
  padding-bottom: clamp(74px, 8vw, 110px);
}
.cr07-spec-table-wrap {
  margin: 0 auto;
  max-width: 980px;
  overflow-x: auto;
}
.cr07-product-page .cr07-spec-table-wrap.reveal {
  opacity: 1;
  transform: none;
}
.cr07-spec-table {
  border-collapse: collapse;
  color: #1f2937;
  font-size: .92rem;
  line-height: 1.45;
  width: 100%;
}
.cr07-spec-table th,
.cr07-spec-table td {
  border: 1px solid #dfe7f1;
  padding: 13px 18px;
  text-align: left;
  vertical-align: middle;
}
.cr07-spec-table th[scope="row"] {
  background: #f3f7fc;
  color: #314155;
  font-weight: 600;
  width: 34%;
}
.cr07-spec-section-row th {
  background: #1d80e8;
  color: #fff;
  font-size: .82rem;
  letter-spacing: .04em;
  padding: 11px 18px;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  .cr07-recognition-grid,
  .cr07-weather .cr07-container {
    grid-template-columns: 1fr;
  }
  .cr07-recognition-grid {
    max-width: none;
  }
  .cr07-weather .cr07-copy {
    max-width: none;
  }
  .cr07-crop-visual {
    min-height: 420px;
  }
}
@media (max-width: 680px) {
  .cr07-product-page .cr07-container,
  .cr07-custom-ui .cr07-container,
  .cr07-management .cr07-container,
  .cr07-configuration .cr07-container,
  .cr07-applications-ct10 .cr07-container {
    width: min(100% - 32px, 1040px);
  }
  .cr07-recognition-visual,
  .cr07-recognition-visual .cr07-full-image {
    min-height: 320px;
  }
  .cr07-recognition-list article {
    min-height: 78px;
    padding: 18px 20px;
  }
  .cr07-flow-list li {
    grid-template-columns: 1fr;
  }
  .cr07-crop-visual {
    min-height: 300px;
  }
  .cr07-weather .cr07-copy {
    padding: 36px 24px 50px;
  }
  .cr07-spec-table,
  .cr07-spec-table tbody,
  .cr07-spec-table tr,
  .cr07-spec-table th,
  .cr07-spec-table td {
    display: block;
    width: 100%;
  }
  .cr07-spec-table {
    table-layout: fixed;
  }
  .cr07-spec-table tr {
    border: 1px solid #dfe7f1;
    margin-bottom: 10px;
  }
  .cr07-spec-table th,
  .cr07-spec-table td {
    border: 0;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    padding: 10px 12px;
  }
  .cr07-spec-table th[scope="row"] {
    width: 100%;
  }
  .cr07-spec-section-row th {
    margin-bottom: 0;
  }
  .cr07-spec-table {
    min-width: 0;
  }
}

/* CR07EU design reference alignment */
.cr07-product-page .cr07-container {
  width: min(1040px, calc(100% - 56px));
}
.cr07-product-page .cr07-hero {
  min-height: 470px;
  padding: clamp(62px, 6vw, 86px) 0 clamp(44px, 5vw, 64px);
}
.cr07-product-page .cr07-hero-grid {
  gap: clamp(50px, 8vw, 118px);
}
.cr07-product-page .cr07-hero-copy strong {
  letter-spacing: 0;
}
.cr07-product-page .cr07-device-main {
  max-height: 430px;
}
.cr07-product-page .cr07-intro {
  padding: clamp(66px, 7vw, 88px) 0 clamp(70px, 8vw, 96px);
}
.cr07-product-page .cr07-intro .narrow {
  max-width: 860px;
}
.cr07-product-page .cr07-intro h1,
.cr07-product-page .cr07-section-heading h2,
.cr07-product-page .cr07-copy h2,
.cr07-product-page .cr07-install h2,
.cr07-product-page .cr07-configuration h2 {
  letter-spacing: 0;
}
.cr07-product-page .cr07-intro h1 {
  font-size: clamp(1.45rem, 2.25vw, 2.05rem);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.cr07-product-page .cr07-intro p {
  font-size: clamp(.98rem, 1.35vw, 1.28rem);
}
.cr07-product-page .cr07-strip,
.cr07-product-page .cr07-anatomy-strip,
.cr07-product-page .cr07-install {
  background: #f1f1f2;
}
.cr07-product-page .cr07-section {
  padding: clamp(70px, 7vw, 96px) 0;
}
.cr07-product-page .cr07-strip .reveal,
.cr07-product-page .cr07-install .reveal,
.cr07-product-page .cr07-global .reveal,
.cr07-product-page .cr07-configuration .reveal {
  opacity: 1 !important;
  transform: none !important;
}
.cr07-product-page .cr07-strip-image,
.cr07-product-page .cr07-anatomy-image,
.cr07-product-page .cr07-wide-panel-image,
.cr07-product-page .cr07-install img,
.cr07-product-page .cr07-global img,
.cr07-product-page .cr07-configuration img {
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
}
.cr07-product-page .cr07-security {
  padding: 0;
}
.cr07-product-page .cr07-security .cr07-container,
.cr07-product-page .cr07-custom-ui .cr07-container,
.cr07-product-page .cr07-management .cr07-container {
  min-height: 500px;
}
.cr07-product-page .cr07-security-visual {
  height: 420px;
}
.cr07-product-page .cr07-custom-ui {
  padding: 0;
}
.cr07-product-page .cr07-wide-panel-copy {
  max-width: 410px;
}
.cr07-product-page .cr07-install .narrow {
  max-width: 900px;
}
.cr07-product-page .cr07-global {
  background: #f5fcff;
}
.cr07-product-page .cr07-management {
  background-size: cover;
}
.cr07-product-page .cr07-spec {
  background: #fff;
  min-height: 560px;
  padding-bottom: clamp(96px, 10vw, 140px);
}
.cr07-product-page .cr07-spec-table-wrap {
  display: none;
}

/* CR07EU Elementor editable frontend */
.cr07-elementor-product-page {
  background: #fff;
  color: #111827;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif;
  overflow: hidden;
}
.cr07-elementor-product-page .elementor-section {
  padding: clamp(70px, 7vw, 96px) 0;
}
.cr07-elementor-product-page .elementor-section > .elementor-container {
  margin: 0 auto;
  max-width: none;
  width: min(1040px, calc(100% - 56px));
}
.cr07-elementor-product-page .elementor-column {
  min-width: 0;
}
.cr07-elementor-product-page .elementor-widget-wrap {
  align-content: center;
  align-items: center;
}
.cr07-elementor-product-page .elementor-widget-heading,
.cr07-elementor-product-page .elementor-widget-text-editor,
.cr07-elementor-product-page .elementor-widget-image {
  width: 100%;
}
.cr07-elementor-product-page .elementor-widget-image img {
  display: block;
  height: auto;
  max-width: 100%;
  transition: opacity .28s ease, transform .42s ease, filter .42s ease;
}
.cr07-elementor-product-page h1,
.cr07-elementor-product-page h2,
.cr07-elementor-product-page h3,
.cr07-elementor-product-page .elementor-heading-title {
  color: #05070c;
  letter-spacing: 0;
  line-height: 1.15;
}
.cr07-elementor-product-page .elementor-widget-text-editor {
  color: #2f3846;
  font-size: 1rem;
  line-height: 1.72;
}
.cr07-elementor-product-page .elementor-widget-text-editor p {
  margin: 0 0 12px;
}
.cr07-elementor-product-page .cr07-editable-two-col > .elementor-container,
.cr07-elementor-product-page .cr07-editable-hero > .elementor-container {
  align-items: center;
  display: grid !important;
  gap: clamp(36px, 7vw, 96px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.cr07-elementor-product-page .cr07-editable-two-col > .elementor-container > .elementor-column,
.cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column {
  width: auto !important;
}
.cr07-elementor-product-page .cr07-editable-hero {
  background: #f4f4f5;
  min-height: 470px;
}
.cr07-elementor-product-page .cr07-editable-hero .elementor-heading-title {
  font-size: clamp(2.35rem, 5.6vw, 4.6rem);
  font-weight: 700;
}
.cr07-elementor-product-page .cr07-editable-hero h1.elementor-heading-title {
  color: #596272;
  font-size: clamp(.95rem, 1.2vw, 1.08rem);
  font-weight: 400;
  line-height: 1.65;
  max-width: 430px;
}
.cr07-elementor-product-page .cr07-editable-hero .elementor-widget-image img {
  filter: drop-shadow(0 32px 32px rgba(9, 16, 28, .18));
  margin: 0 auto;
  max-height: 430px;
  object-fit: contain;
  width: auto;
}
.cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-image {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: clamp(360px, 36vw, 465px);
}
.cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-container {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: inherit;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-image img {
  animation: cr07-float 5.4s ease-in-out infinite;
  height: clamp(360px, 36vw, 465px) !important;
  max-height: none;
  max-width: min(100%, 340px);
  width: auto !important;
}
.cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-image img.is-switching {
  opacity: .58;
  transform: translateY(8px) scale(.98);
}
.cr07-elementor-product-page .cr07-editable-thumbs .elementor-widget-wrap {
  display: flex;
  gap: 14px;
}
.cr07-elementor-product-page .cr07-editable-hero-copy .cr07-editable-thumb {
  background: #fff;
  border: 1px solid transparent;
  box-shadow: 0 12px 24px rgba(17, 24, 39, .06);
  cursor: pointer;
  display: inline-flex;
  height: 78px;
  margin: 28px 14px 0 0;
  padding: 8px;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
  vertical-align: top;
  width: 62px;
}
.cr07-elementor-product-page .cr07-editable-hero-copy .cr07-editable-thumb:hover,
.cr07-elementor-product-page .cr07-editable-hero-copy .cr07-editable-thumb.is-active {
  border-color: var(--accent);
  box-shadow: 0 18px 36px rgba(29, 128, 232, .18);
  transform: translateY(-4px);
}
.cr07-elementor-product-page .cr07-editable-hero-copy .cr07-editable-thumb .elementor-widget-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-hero-copy .cr07-editable-thumb img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-thumbs .elementor-widget-image {
  background: #fff;
  box-shadow: 0 12px 24px rgba(17, 24, 39, .06);
  height: 78px;
  padding: 8px;
  width: 62px;
}
.cr07-elementor-product-page .cr07-editable-thumbs img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-anchor {
  background: #fff;
  border-bottom: 1px solid #e2e5e9;
  border-top: 1px solid #e2e5e9;
  padding: 0;
  position: relative;
  z-index: 10;
}
.cr07-elementor-product-page .cr07-editable-anchor > .elementor-container {
  max-width: none;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-anchor .elementor-column,
.cr07-elementor-product-page .cr07-editable-anchor .elementor-widget-wrap,
.cr07-elementor-product-page .cr07-editable-anchor .elementor-widget-text-editor {
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-anchor .elementor-widget-wrap {
  padding: 0 !important;
}
.cr07-elementor-product-page .cr07-editable-anchor .elementor-widget-container {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 74px;
  overflow-x: visible;
  white-space: nowrap;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-anchor p {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin: 0;
  width: min(var(--max), calc(100% - 96px));
}
.cr07-elementor-product-page .cr07-editable-anchor a {
  align-items: center;
  color: #81868d;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: clamp(1rem, 1.34vw, 1.28rem);
  font-weight: 400;
  line-height: 1;
  min-height: 44px;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.cr07-elementor-product-page .cr07-editable-anchor a:hover,
.cr07-elementor-product-page .cr07-editable-anchor a:focus-visible {
  color: var(--accent);
}
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download,
.cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5) {
  background: var(--accent);
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
  justify-content: center;
  min-height: 44px;
  padding: 0 27px;
}
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download:hover,
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download:focus-visible,
.cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5):hover,
.cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5):focus-visible {
  background: #1693f5;
  color: #fff;
  transform: translateY(-1px);
}
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-cta {
  display: none !important;
}
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-share,
.cr07-elementor-product-page .cr07-editable-anchor p a:last-child {
  color: #090b10;
  font-weight: 500;
  gap: 14px;
}
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-share:before,
.cr07-elementor-product-page .cr07-editable-anchor p a:last-child:before {
  background: #ef4a54;
  content: "";
  display: inline-block;
  height: 18px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 10.6 6.8-4.2'/%3E%3Cpath d='m8.6 13.4 6.8 4.2'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.6 10.6 6.8-4.2'/%3E%3Cpath d='m8.6 13.4 6.8 4.2'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: background .18s ease;
  width: 18px;
}
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-share:hover,
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-share:focus-visible,
.cr07-elementor-product-page .cr07-editable-anchor p a:last-child:hover,
.cr07-elementor-product-page .cr07-editable-anchor p a:last-child:focus-visible {
  color: var(--accent);
}
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-share:hover:before,
.cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-share:focus-visible:before,
.cr07-elementor-product-page .cr07-editable-anchor p a:last-child:hover:before,
.cr07-elementor-product-page .cr07-editable-anchor p a:last-child:focus-visible:before {
  background: var(--accent);
}
@media (max-width: 980px) {
  .cr07-elementor-product-page .cr07-editable-anchor .elementor-widget-container {
    justify-content: flex-start;
    min-height: 62px;
    overflow-x: auto;
  }
  .cr07-elementor-product-page .cr07-editable-anchor p {
    gap: 24px;
    justify-content: flex-start;
    min-width: max-content;
    padding: 0 16px;
    width: max-content;
  }
  .cr07-elementor-product-page .cr07-editable-anchor a {
    font-size: .96rem;
    min-height: 38px;
  }
  .cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download,
  .cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5) {
    min-height: 38px;
    padding: 0 20px;
  }
}
.cr07-elementor-product-page .cr07-editable-intro {
  text-align: center;
}
.cr07-elementor-product-page .cr07-editable-intro .elementor-heading-title {
  font-size: clamp(1.45rem, 2.25vw, 2.05rem);
}
.cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor {
  font-size: clamp(.98rem, 1.35vw, 1.28rem);
}
.cr07-elementor-product-page .cr07-editable-intro .is-blue,
.cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor span,
.cr07-elementor-product-page .cr07-editable-intro .cr07-intro-accent {
  color: var(--accent);
  font-weight: 600;
}
.cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor strong {
  color: #111827;
  display: block;
  font-weight: 700;
  margin: 8px 0;
}
.cr07-elementor-product-page .cr07-editable-anatomy,
.cr07-elementor-product-page .cr07-editable-install {
  background: #f1f1f2;
}
.cr07-elementor-product-page .cr07-editable-recognition {
  background: #fff;
  text-align: left;
}
.cr07-elementor-product-page .cr07-editable-recognition > .elementor-container {
  align-items: start;
  display: grid !important;
  gap: 12px;
  grid-template-columns: minmax(0, calc(100% - 320px)) 308px;
}
.cr07-elementor-product-page .cr07-editable-recognition > .elementor-container > .elementor-column {
  width: auto !important;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-wrap {
  align-content: flex-start;
  align-items: stretch;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:last-child .elementor-widget-wrap {
  align-content: flex-start;
  align-items: stretch;
  padding-top: 58px;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-heading-title {
  color: #6ec1e4;
  font-size: clamp(1.55rem, 2.3vw, 2rem);
  font-weight: 700;
  margin: 0 0 26px;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image {
  aspect-ratio: 1050 / 663;
  background: #f2f5f7;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image:before {
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.12) 42%, rgba(255,255,255,.58) 50%, rgba(255,255,255,.12) 58%, transparent 100%);
  content: "";
  height: 130%;
  left: -55%;
  pointer-events: none;
  position: absolute;
  top: -15%;
  transform: skewX(-18deg);
  width: 42%;
  z-index: 3;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image.is-visible:before,
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image:hover:before,
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image.is-mode-changing:before {
  animation: cr07-scan 1.25s ease .08s both;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image.is-mode-changing img {
  filter: saturate(1.1) contrast(1.03);
  opacity: .35;
  transform: scale(1.015);
}
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .cr07-recognition-extra-source.elementor-widget-image,
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .is-recognition-extra-source.elementor-widget-image,
.cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .elementor-widget-image ~ .elementor-widget-image {
  display: none !important;
}
.cr07-editable-recognition-overlay {
  background: linear-gradient(rgba(3, 10, 26, 0), rgba(3, 10, 26, .88));
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 86px 10% 44px 42px;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}
.cr07-editable-recognition-overlay h3 {
  color: #fff;
  font-size: clamp(1.5rem, 2.2vw, 1.9rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 14px;
}
.cr07-editable-recognition-overlay p {
  color: rgba(255, 255, 255, .92);
  font-size: clamp(.92rem, 1.1vw, 1rem);
  line-height: 1.75;
  margin: 0;
  max-width: 640px;
}
.cr07-editable-recognition-carousel {
  width: 100%;
}
.cr07-editable-recognition-controls {
  display: grid;
  gap: 1px;
  width: 100%;
}
.cr07-editable-recognition-mode {
  align-items: center;
  background: #efeef0;
  border: 0;
  color: #05070c;
  cursor: pointer;
  display: grid;
  font: inherit;
  gap: 0;
  grid-template-columns: 55px 1fr;
  height: 100px;
  margin: 0;
  overflow: hidden;
  padding: 0 34px 0 40px;
  position: relative;
  text-align: left;
  transition: background .2s ease, color .2s ease;
  width: 100%;
}
.cr07-editable-recognition-mode:hover,
.cr07-editable-recognition-mode.is-active {
  color: var(--accent);
}
.cr07-editable-recognition-icon {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  display: inline-flex;
  font-size: .68rem;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  line-height: 1;
  margin-right: 16px;
  width: 38px;
}
.cr07-editable-recognition-mode strong {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  transition: none;
}
.cr07-editable-recognition-mode i {
  background: var(--accent);
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: height .28s ease;
  width: 10px;
}
.cr07-editable-recognition-mode.is-active i {
  height: 100%;
}
.cr07-elementor-product-page .cr07-editable-blue {
  background: linear-gradient(90deg, rgba(5, 122, 210, .88), rgba(70, 169, 255, .7));
  color: #334155;
}
.cr07-elementor-product-page .cr07-editable-blue .elementor-heading-title {
  color: var(--accent) !important;
  text-shadow: none;
}
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor,
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor p,
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor li,
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor dt,
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor dd,
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor .div1,
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor .xt {
  color: #334155 !important;
}
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor h2,
.cr07-elementor-product-page .cr07-editable-blue .elementor-widget-text-editor strong {
  color: #111827 !important;
}
.cr07-elementor-product-page .cr07-editable-security .elementor-heading-title,
.cr07-elementor-product-page .cr07-editable-security .elementor-widget-text-editor {
  color: #fff;
}
.cr07-elementor-product-page .cr07-editable-security {
  background: #03070d;
  padding: 0;
}
.cr07-elementor-product-page .cr07-editable-security .elementor-column:last-child .elementor-widget-image {
  overflow: hidden;
  position: relative;
}
.cr07-elementor-product-page .cr07-editable-security .elementor-column:last-child .elementor-widget-image:after {
  animation: cr07-pulse 2.8s ease-in-out infinite;
  border: 1px solid rgba(80, 164, 251, .45);
  border-radius: 999px;
  content: "";
  height: 130px;
  pointer-events: none;
  position: absolute;
  right: 27%;
  top: 50%;
  transform: translate(50%, -50%);
  width: 130px;
  z-index: 2;
}
.cr07-elementor-product-page .cr07-editable-security > .elementor-container,
.cr07-elementor-product-page .cr07-editable-quality > .elementor-container,
.cr07-elementor-product-page .cr07-editable-web-config > .elementor-container {
  min-height: 500px;
}
.cr07-elementor-product-page .cr07-editable-quality {
  background: #f1f1f2;
}
.cr07-elementor-product-page .cr07-editable-waterproof {
  background: #e5e7eb !important;
  background-image: none !important;
  padding: 0;
}
.cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container {
  align-items: stretch;
  display: grid !important;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: none !important;
  min-height: 520px;
  width: 100% !important;
}
.cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column {
  min-height: 520px;
  width: auto !important;
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:first-child .elementor-widget-wrap {
  align-content: stretch;
  align-items: stretch;
  min-height: inherit;
  padding: 0 !important;
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:first-child .elementor-widget-image,
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:first-child .elementor-widget-container {
  align-self: stretch;
  height: 100% !important;
  min-height: inherit;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:first-child .elementor-widget-image {
  overflow: hidden;
  position: relative !important;
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:first-child .elementor-widget-image img {
  bottom: 0;
  display: block;
  height: 100% !important;
  left: 0;
  max-width: none;
  object-fit: cover !important;
  object-position: center;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 100% !important;
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child {
  background: #e5e7eb;
  min-height: 520px;
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child .elementor-widget-wrap {
  align-content: center;
  align-items: flex-start;
  min-height: inherit;
  padding: clamp(56px, 7vw, 96px) clamp(42px, 7vw, 112px);
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child .elementor-heading-title {
  color: #6ec1e4;
  font-size: clamp(1.55rem, 2.5vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 24px;
  max-width: 520px;
}
.cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child .elementor-widget-text-editor {
  color: #2f3846;
  font-size: clamp(.98rem, 1.25vw, 1.12rem);
  line-height: 1.75;
  max-width: 540px;
}
.cr07-elementor-product-page .cr07-editable-timezone {
  background: #f5fcff;
}
.cr07-elementor-product-page .cr07-editable-web-config {
  background: #edf8fb;
}
.cr07-elementor-product-page .cr07-editable-configuration,
.cr07-elementor-product-page .cr07-editable-spec {
  text-align: center;
}
.cr07-elementor-product-page .cr07-editable-apps {
  background: var(--accent);
  color: #fff;
  text-align: center;
}
.cr07-elementor-product-page .cr07-editable-apps .elementor-heading-title,
.cr07-elementor-product-page .cr07-editable-apps .elementor-widget-text-editor {
  color: #fff;
}
.cr07-elementor-product-page .cr07-editable-apps > .elementor-container {
  display: grid !important;
  gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cr07-elementor-product-page .cr07-editable-why > .elementor-container {
  display: grid !important;
  gap: 22px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column,
.cr07-elementor-product-page .cr07-editable-why > .elementor-container > .elementor-column {
  width: auto !important;
}
.cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:first-child,
.cr07-elementor-product-page .cr07-editable-why > .elementor-container > .elementor-column:first-child {
  grid-column: 1 / -1;
}
.cr07-elementor-product-page .cr07-editable-apps .elementor-widget-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
}
.cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:not(:first-child) {
  transition: box-shadow .32s ease, transform .32s ease;
}
.cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:not(:first-child).is-active {
  box-shadow: 0 18px 38px rgba(8, 53, 102, .2);
  transform: translateY(-5px) scale(1.02);
}
.cr07-elementor-product-page .cr07-editable-two-col .elementor-widget-image:hover img,
.cr07-elementor-product-page .cr07-editable-full-image .elementor-widget-image:hover img {
  transform: translateY(-4px) scale(1.015);
}
.cr07-elementor-product-page .cr07-editable-why {
  background: #fff;
  text-align: center;
}
.cr07-elementor-product-page .cr07-editable-why .elementor-widget-text-editor {
  font-size: .82rem;
  line-height: 1.45;
}
.cr07-elementor-product-page .cr07-editable-spec {
  min-height: 560px;
}
.cr07-elementor-product-page .cr07-editable-spec .elementor-heading-title {
  color: #6ec1e4;
  font-size: clamp(1.6rem, 2.5vw, 2.05rem);
  font-weight: 700;
  margin: 0 0 28px;
}
.cr07-elementor-product-page .cr07-editable-spec .elementor-widget-text-editor {
  font-size: .92rem;
  line-height: 1.48;
  margin: 0 auto;
  max-width: 920px;
  overflow-x: auto;
  text-align: left;
}
.cr07-elementor-product-page .cr07-editable-spec table {
  border-collapse: collapse;
  color: #2f3846;
  margin: 0 auto;
  table-layout: fixed;
  width: min(920px, 100%) !important;
}
.cr07-elementor-product-page .cr07-editable-spec td {
  border: 1px solid #fff;
  padding: 10px 18px;
  vertical-align: middle;
}
.cr07-elementor-product-page .cr07-editable-spec tr:nth-child(odd) td {
  background: #fff;
}
.cr07-elementor-product-page .cr07-editable-spec tr:nth-child(even) td {
  background: #f7f7f7;
}
.cr07-elementor-product-page .cr07-editable-spec td:first-child {
  color: #233044;
  font-weight: 600;
  width: 34%;
}
.cr07-elementor-product-page .cr07-editable-spec td[colspan="2"] {
  background: #d4dff1 !important;
  color: #1f2d40;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
}
.cr07-elementor-product-page .cr07-editable-spec table p {
  margin: 0;
}
.js-enabled .cr07-elementor-product-page .cr07-editable-reveal {
  opacity: 0;
  transform: translateY(38px) scale(.985);
  transition: opacity .82s cubic-bezier(.2, .72, .18, 1), transform .82s cubic-bezier(.2, .72, .18, 1);
}
.js-enabled .cr07-elementor-product-page .cr07-editable-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.js-enabled .cr07-elementor-product-page .elementor-section.is-visible {
  transition-delay: 0s;
}
.js-enabled .cr07-elementor-product-page .elementor-section .elementor-widget:nth-child(2).is-visible {
  transition-delay: .08s;
}
.js-enabled .cr07-elementor-product-page .elementor-section .elementor-widget:nth-child(3).is-visible {
  transition-delay: .16s;
}
@media (max-width: 980px) {
  .cr07-elementor-product-page .cr07-editable-two-col > .elementor-container,
  .cr07-elementor-product-page .cr07-editable-hero > .elementor-container {
    grid-template-columns: 1fr;
  }
  .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container {
    grid-template-columns: 1fr;
  }
  .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:first-child .elementor-widget-image {
    min-height: 420px;
  }
  .cr07-elementor-product-page .cr07-editable-apps > .elementor-container,
  .cr07-elementor-product-page .cr07-editable-why > .elementor-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .cr07-elementor-product-page .elementor-section > .elementor-container {
    width: min(100% - 32px, 1040px);
  }
  .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container {
    width: 100% !important;
  }
  .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:first-child .elementor-widget-image {
    min-height: 320px;
  }
  .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child .elementor-widget-wrap {
    padding: 42px 28px 52px;
  }
  .cr07-elementor-product-page .cr07-editable-spec td {
    padding: 11px 12px;
  }
  .cr07-elementor-product-page .cr07-editable-apps > .elementor-container,
  .cr07-elementor-product-page .cr07-editable-why > .elementor-container {
    grid-template-columns: 1fr 1fr;
  }
}

/* Elementor product screen map */
.elementor-product-content .product-elementor-screen {
  background: #fff;
  border-bottom: 1px solid #e5edf6;
  padding: 42px 24px;
}
.elementor-product-content .product-elementor-screen:nth-child(even) {
  background: #f7fbff;
}
.elementor-product-content .product-elementor-screen .elementor-widget-heading,
.elementor-product-content .product-elementor-screen .elementor-widget-text-editor {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}
.elementor-product-content .product-elementor-screen .elementor-heading-title {
  color: #0b1220;
  font-size: clamp(24px, 3vw, 38px);
  letter-spacing: 0;
}

/* Product template editor markers */
.product-template-element {
  position: relative;
}
.product-template-marker {
  display: none;
}
body.logged-in .product-template-element > .product-template-marker {
  align-items: center;
  background: rgba(11, 18, 32, .86);
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 4px;
  box-shadow: 0 8px 22px rgba(11, 18, 32, .18);
  color: #fff;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  left: 12px;
  line-height: 1;
  letter-spacing: 0;
  padding: 7px 9px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: 12px;
  z-index: 30;
}
body.logged-in .product-template-element {
  outline: 1px dashed rgba(29, 128, 232, .38);
  outline-offset: -1px;
}
body.logged-in .product-template-element:hover {
  outline-color: rgba(29, 128, 232, .78);
}
body.logged-in .product-template-element:hover > .product-template-marker {
  background: #1d80e8;
}
body.logged-in .product-template-element.product-anchor-nav > .product-template-marker,
body.logged-in .product-template-element.cr07-anchor-nav > .product-template-marker {
  top: 6px;
}
@media (max-width: 680px) {
  body.logged-in .product-template-element > .product-template-marker {
    font-size: 9px;
    left: 8px;
    padding: 5px 7px;
    top: 8px;
  }
}

/* Civintec-style simple dropdowns for non-product top navigation. */
#mega-solutions.mega-panel,
#mega-service.mega-panel,
#mega-support.mega-panel,
#mega-about.mega-panel {
  background: #f4f5f7;
  border-bottom: 1px solid rgba(12, 21, 37, .08);
  border-top: 1px solid rgba(12, 21, 37, .06);
  box-shadow: none;
  padding: 0;
}
#mega-solutions .mega-visual-inner,
#mega-service .mega-inner,
#mega-support .mega-inner,
#mega-about .mega-inner {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
#mega-solutions .mega-visual-copy {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
#mega-solutions .mega-visual-copy > .eyebrow,
#mega-solutions .mega-visual-copy > strong,
#mega-solutions .mega-visual-copy > p,
#mega-solutions .mega-visual-all,
#mega-solutions .mega-visual-grid,
#mega-service .mega-feature,
#mega-support .mega-feature,
#mega-about .mega-feature,
#mega-service .mega-link-column p,
#mega-support .mega-link-column p,
#mega-about .mega-link-column p,
#mega-service .mega-card-grid,
#mega-support .mega-card-grid,
#mega-about .mega-card-grid {
  display: none !important;
}
#mega-service .mega-link-column,
#mega-support .mega-link-column,
#mega-about .mega-link-column {
  max-width: none;
  width: 100%;
}
.mega-panel .civintec-icon-subnav,
#mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav,
#mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav {
  align-items: stretch;
  background: #f4f5f7;
  border: 0;
  box-sizing: border-box;
  display: flex;
  gap: clamp(34px, 6vw, 82px);
  grid-template-columns: none;
  justify-content: center;
  margin: 0 auto;
  min-height: 142px;
  padding: 25px 0 26px;
  width: min(1120px, calc(100% - 64px));
}
.mega-panel .civintec-icon-subnav a,
#mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav a,
#mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav a {
  align-items: center;
  background: transparent;
  border: 0;
  color: #141820;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  font-size: clamp(1rem, 1.25vw, 1.14rem);
  font-weight: 400;
  gap: 13px;
  justify-content: center;
  letter-spacing: 0;
  min-height: 0;
  min-width: 104px;
  padding: 0;
  text-align: center;
  transition: color .18s ease;
}
.mega-panel .civintec-icon-subnav a:before,
.mega-panel .civintec-icon-subnav a:after,
#mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav a:before,
#mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav a:after,
#mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav a:before,
#mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav a:after {
  display: none;
}
.civintec-subnav-icon {
  align-items: center;
  color: #7d8288;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  transition: color .18s ease, transform .18s ease;
  width: 36px;
}
.civintec-subnav-icon svg {
  display: block;
  fill: none;
  height: 100%;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.45;
  width: 100%;
}
.civintec-subnav-label {
  display: block;
  line-height: 1.2;
  white-space: nowrap;
}
.mega-panel .civintec-icon-subnav a:hover,
.mega-panel .civintec-icon-subnav a:focus-visible,
#mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav a:hover,
#mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav a:focus-visible,
#mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav a:hover,
#mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav a:focus-visible {
  color: var(--accent);
}
.mega-panel .civintec-icon-subnav a:hover .civintec-subnav-icon,
.mega-panel .civintec-icon-subnav a:focus-visible .civintec-subnav-icon {
  color: var(--accent);
  transform: translateY(-2px);
}
@media (max-width: 940px) {
  .mega-panel .civintec-icon-subnav,
  #mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav,
  #mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    padding: 12px 20px;
  }
  .mega-panel .civintec-icon-subnav a,
  #mega-support .mega-link-list.support-icon-nav.civintec-icon-subnav a,
  #mega-support .mega-link-list:not(.support-icon-nav).civintec-icon-subnav a {
    flex-direction: row;
    gap: 14px;
    justify-content: flex-start;
    min-width: 0;
    padding: 12px 0;
    text-align: left;
    width: 100%;
  }
  .civintec-subnav-icon {
    height: 28px;
    width: 28px;
  }
}

/* CR07EU effect-match layout */
body.postid-112 {
  --header-height: 64px;
}
body.postid-112 .site-header {
  height: var(--header-height);
}
body.postid-112 .header-row {
  gap: 22px;
}
body.postid-112 .brand .custom-logo,
body.postid-112 .brand .cyberoce-wordmark-logo {
  height: 36px;
  max-width: 170px;
}
body.postid-112 .primary-nav > ul {
  gap: clamp(16px, 1.6vw, 25px);
}
body.postid-112 .primary-nav > ul > li.menu-item-home {
  display: none;
}
body.postid-112 .primary-nav > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  padding: 21px 0;
}
body.postid-112 .primary-nav > ul > li > a:after {
  bottom: 13px;
}
body.postid-112 .primary-nav > ul > li.has-mega > a:before {
  top: 28px;
}
body.postid-112 .header-cta {
  min-height: 48px;
  padding: 0 30px;
}
body.postid-112 .header-search {
  height: 16px;
  width: 16px;
}
body.postid-112 .cr07-elementor-product-page .elementor-section {
  padding: 52px 0;
}
body.postid-112 .cr07-elementor-product-page .elementor-section > .elementor-container {
  width: min(1040px, calc(100% - 64px));
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero {
  min-height: 360px;
  padding: 48px 0 40px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container {
  gap: clamp(42px, 8vw, 135px);
  grid-template-columns: minmax(0, 1.02fr) minmax(250px, .72fr);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero .elementor-heading-title {
  color: #111827;
  font-size: clamp(2.45rem, 4.3vw, 4.05rem);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero h1.elementor-heading-title {
  font-size: clamp(.78rem, .86vw, .92rem);
  line-height: 1.58;
  max-width: 360px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero-copy .cr07-editable-thumb,
body.postid-112 .cr07-elementor-product-page .cr07-editable-thumbs .elementor-widget-image {
  height: 58px;
  margin-top: 20px;
  padding: 6px;
  width: 48px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-container {
  min-height: 300px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-image img {
  height: clamp(285px, 25vw, 340px) !important;
  max-width: min(100%, 270px);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor .elementor-widget-container {
  min-height: 54px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor {
  padding: 0;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p {
  gap: clamp(22px, 3.5vw, 56px);
  justify-content: center;
  width: min(1040px, calc(100% - 64px));
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor a {
  font-size: .82rem;
  min-height: 38px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download,
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5) {
  min-height: 38px;
  padding: 0 24px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-intro {
  padding: 46px 0 58px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-heading-title {
  color: #111827;
  font-size: clamp(1rem, 1.45vw, 1.36rem);
  line-height: 1.35;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor {
  font-size: clamp(.78rem, .9vw, .92rem);
  line-height: 1.85;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-anatomy,
body.postid-112 .cr07-elementor-product-page .cr07-editable-install {
  padding: 48px 0;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-anatomy .elementor-widget-image img {
  margin: 0 auto;
  max-height: 390px;
  object-fit: contain;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition {
  padding: 52px 0 58px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition > .elementor-container {
  gap: 14px;
  grid-template-columns: minmax(0, 735px) 255px;
  justify-content: end !important;
  width: min(1162px, calc(100% - 96px)) !important;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition .elementor-column:last-child .elementor-widget-wrap {
  padding-top: 45px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition .elementor-heading-title {
  color: #111827;
  font-size: clamp(1.25rem, 1.7vw, 1.55rem);
  margin-bottom: 24px;
}
body.postid-112 .cr07-editable-recognition-mode {
  grid-template-columns: 44px 1fr;
  height: 78px;
  padding: 0 20px 0 28px;
}
body.postid-112 .cr07-editable-recognition-icon {
  font-size: .58rem;
  height: 32px;
  margin-right: 12px;
  width: 32px;
}
body.postid-112 .cr07-editable-recognition-mode strong {
  font-size: .82rem;
}
body.postid-112 .cr07-editable-recognition-overlay {
  padding: 72px 8% 34px 34px;
}
body.postid-112 .cr07-editable-recognition-overlay h3 {
  font-size: clamp(1rem, 1.5vw, 1.32rem);
  margin-bottom: 8px;
}
body.postid-112 .cr07-editable-recognition-overlay p {
  font-size: .78rem;
  line-height: 1.55;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col:not(.cr07-editable-hero):not(.cr07-editable-recognition):not(.cr07-editable-waterproof) > .elementor-container {
  gap: clamp(42px, 6vw, 84px);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col .elementor-heading-title {
  color: #111827;
  font-size: clamp(1.08rem, 1.65vw, 1.48rem);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col .elementor-widget-text-editor {
  font-size: .82rem;
  line-height: 1.65;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-blue {
  padding: 0;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-blue > .elementor-container {
  min-height: 410px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-security > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-quality > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container {
  min-height: 420px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-column:last-child .elementor-widget-image img {
  min-height: 420px;
  object-fit: cover;
  width: 100%;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child {
  min-height: 430px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child .elementor-widget-wrap {
  padding: 54px clamp(42px, 6vw, 88px);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child .elementor-heading-title {
  color: #111827;
  font-size: clamp(1.1rem, 1.7vw, 1.46rem);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:last-child .elementor-widget-text-editor {
  font-size: .82rem;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-configuration {
  padding: 56px 0 66px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-configuration .elementor-widget-image img {
  margin: 0 auto;
  max-height: 430px;
  object-fit: contain;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-apps {
  padding: 54px 0 62px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container {
  gap: 18px;
  width: min(980px, calc(100% - 64px));
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-heading-title {
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-why {
  padding: 58px 0 50px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-why > .elementor-container {
  gap: 16px;
  width: min(980px, calc(100% - 64px));
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-why .elementor-widget-image img {
  margin: 0 auto;
  max-height: 58px;
  object-fit: contain;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-why .elementor-widget-text-editor {
  font-size: .68rem;
  line-height: 1.35;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-spec {
  min-height: 0;
  padding: 54px 0 72px;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-spec .elementor-heading-title {
  color: #0f172a;
  font-size: clamp(1rem, 1.55vw, 1.3rem);
  margin: 0;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-spec .elementor-widget-text-editor {
  display: block;
  margin-top: 28px;
  max-height: none;
  overflow-x: auto;
}
@media (max-width: 980px) {
  body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col:not(.cr07-editable-waterproof) > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container {
    grid-template-columns: 1fr;
  }
  body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition .elementor-column:last-child .elementor-widget-wrap {
    padding-top: 0;
  }
  body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p {
    justify-content: flex-start;
  }
}

/* Elementor 4.1 on this site only prints custom classes reliably on widgets.
   Map the stable home page section/column IDs to the same 2026 home layout. */
.cyberoce-home-elementor .elementor-element-hm0002d {
  background: #f6f6f6;
  min-height: 770px;
  position: relative;
}

.cyberoce-home-elementor .elementor-element-hm0002d > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm00037 > .elementor-container {
  max-width: none !important;
  min-height: inherit;
  width: 100% !important;
}

.cyberoce-home-elementor .elementor-element-hm0002d .elementor-column,
.cyberoce-home-elementor .elementor-element-hm00037 .elementor-column,
.cyberoce-home-elementor .elementor-element-hm0002d .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00037 .elementor-widget-wrap {
  min-height: inherit;
  position: relative;
}

.cyberoce-home-elementor .elementor-element-hm00032 {
  padding: 78px 0 95px;
}

.cyberoce-home-elementor .elementor-element-hm00032 > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm00041 > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm0004e > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm00051 > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm0005e > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm00062 > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm00063 > .elementor-container {
  max-width: 1328px !important;
}

.cyberoce-home-elementor .elementor-element-hm00033 > .elementor-container {
  align-items: end;
  display: grid !important;
  gap: 42px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  max-width: 1328px !important;
}

.cyberoce-home-elementor .elementor-element-hm00033 > .elementor-container > .elementor-column,
.cyberoce-home-elementor .elementor-element-hm00041 > .elementor-container > .elementor-column,
.cyberoce-home-elementor .elementor-element-hm0004e > .elementor-container > .elementor-column,
.cyberoce-home-elementor .elementor-element-hm0005e > .elementor-container > .elementor-column,
.cyberoce-home-elementor .elementor-element-hm00063 > .elementor-container > .elementor-column {
  max-width: none !important;
  width: 100% !important;
}

.cyberoce-home-elementor .elementor-element-hm00003 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00006 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00009 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm0000c .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm0000f .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00012 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00015 .elementor-widget-wrap {
  align-content: end;
  display: grid !important;
  gap: 20px;
  justify-items: center;
}

.cyberoce-home-elementor .elementor-element-hm00003 .elementor-widget-image,
.cyberoce-home-elementor .elementor-element-hm00006 .elementor-widget-image,
.cyberoce-home-elementor .elementor-element-hm00009 .elementor-widget-image,
.cyberoce-home-elementor .elementor-element-hm0000c .elementor-widget-image,
.cyberoce-home-elementor .elementor-element-hm0000f .elementor-widget-image,
.cyberoce-home-elementor .elementor-element-hm00012 .elementor-widget-image,
.cyberoce-home-elementor .elementor-element-hm00015 .elementor-widget-image {
  align-items: end;
  display: flex;
  height: 170px;
  justify-content: center;
}

.cyberoce-home-elementor .elementor-element-hm00003 img,
.cyberoce-home-elementor .elementor-element-hm00006 img,
.cyberoce-home-elementor .elementor-element-hm00009 img,
.cyberoce-home-elementor .elementor-element-hm0000c img,
.cyberoce-home-elementor .elementor-element-hm0000f img,
.cyberoce-home-elementor .elementor-element-hm00012 img,
.cyberoce-home-elementor .elementor-element-hm00015 img {
  max-height: 170px;
  object-fit: contain;
  width: auto !important;
}

.cyberoce-home-elementor .elementor-element-hm00003 .elementor-heading-title,
.cyberoce-home-elementor .elementor-element-hm00006 .elementor-heading-title,
.cyberoce-home-elementor .elementor-element-hm00009 .elementor-heading-title,
.cyberoce-home-elementor .elementor-element-hm0000c .elementor-heading-title,
.cyberoce-home-elementor .elementor-element-hm0000f .elementor-heading-title,
.cyberoce-home-elementor .elementor-element-hm00012 .elementor-heading-title,
.cyberoce-home-elementor .elementor-element-hm00015 .elementor-heading-title {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-align: center;
}

.cyberoce-home-elementor .elementor-element-hm00037 {
  min-height: 900px;
  position: relative;
}

.cyberoce-home-elementor .cy-home-scenario-nav {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  width: 1328px !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .elementor-element-hm00035 {
  display: none !important;
}

.cyberoce-home-elementor .cy-home-scenario-nav .elementor-widget-container {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.cyberoce-home-elementor .cy-home-scenario-nav .elementor-widget-container p {
  display: contents !important;
}

.cyberoce-home-elementor .elementor-element-hm00041 {
  background: #eee;
  padding: 94px 0 0;
}

.cyberoce-home-elementor .elementor-element-hm00041 > .elementor-container {
  display: grid !important;
  gap: 28px;
  grid-template-columns: 1.55fr .9fr .9fr;
}

.cyberoce-home-elementor .elementor-element-hm0004e {
  background: #eee;
  padding: 32px 0 118px;
}

.cyberoce-home-elementor .elementor-element-hm0004e > .elementor-container,
.cyberoce-home-elementor .elementor-element-hm0005e > .elementor-container {
  display: grid !important;
  gap: 34px;
  grid-template-columns: repeat(3, 1fr);
}

.cyberoce-home-elementor .elementor-element-hm00039,
.cyberoce-home-elementor .elementor-element-hm0003c,
.cyberoce-home-elementor .elementor-element-hm00040,
.cyberoce-home-elementor .elementor-element-hm00045,
.cyberoce-home-elementor .elementor-element-hm00049,
.cyberoce-home-elementor .elementor-element-hm0004d,
.cyberoce-home-elementor .elementor-element-hm00055,
.cyberoce-home-elementor .elementor-element-hm00059,
.cyberoce-home-elementor .elementor-element-hm0005d {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
  overflow: hidden;
}

.cyberoce-home-elementor .elementor-element-hm00039 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm0003c .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00040 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00045 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00049 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm0004d .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00055 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm00059 .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-element-hm0005d .elementor-widget-wrap {
  align-content: start;
  display: grid !important;
}

.cyberoce-home-elementor .elementor-element-hm00039 img,
.cyberoce-home-elementor .elementor-element-hm00040 img,
.cyberoce-home-elementor .elementor-element-hm00045 img,
.cyberoce-home-elementor .elementor-element-hm00049 img,
.cyberoce-home-elementor .elementor-element-hm0004d img {
  display: block;
  height: 245px !important;
  object-fit: cover;
  width: 100% !important;
}

.cyberoce-home-elementor .elementor-element-hm00039 img,
.cyberoce-home-elementor .elementor-element-hm0003c img {
  display: block;
  height: 395px !important;
  object-fit: cover;
  width: 100% !important;
}

.cyberoce-home-elementor .elementor-element-hm00051 {
  background: #fff;
  padding: 105px 0 0;
}

.cyberoce-home-elementor .elementor-element-hm0005e {
  background: #fff;
  padding: 58px 0 118px;
}

.cyberoce-home-elementor .elementor-element-hm00055,
.cyberoce-home-elementor .elementor-element-hm00059,
.cyberoce-home-elementor .elementor-element-hm0005d {
  background: #f3f3f3;
}

.cyberoce-home-elementor .elementor-element-hm00055 img,
.cyberoce-home-elementor .elementor-element-hm00059 img,
.cyberoce-home-elementor .elementor-element-hm0005d img {
  display: block;
  height: 260px !important;
  object-fit: cover;
  width: 100% !important;
}

.cyberoce-home-elementor .elementor-element-hm00062,
.cyberoce-home-elementor .elementor-element-hm00063 {
  background: #030303;
  color: #fff;
}

.cyberoce-home-elementor .elementor-element-hm00062 {
  padding: 82px 0 54px;
}

.cyberoce-home-elementor .elementor-element-hm00063 {
  padding: 0 0 54px;
}

.cyberoce-home-elementor .elementor-element-hm00063 > .elementor-container {
  display: grid !important;
  gap: 42px;
  grid-template-columns: repeat(6, 1fr);
}

.cr07-exact-design-page {
  background: #fff;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.cr07-exact-stage {
  background: #fff;
  height: calc(100vw * 11690 / 1920);
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.cr07-exact-design-image {
  display: block;
  height: auto;
  left: 0;
  margin: 0;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.cr07-slice-page {
  background: #fff;
  color: #101827;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.5;
}
.cr07-slice-page img {
  display: block;
  max-width: 100%;
}
.cr07-slice-container {
  margin: 0 auto;
  width: min(1360px, calc(100% - 72px));
}
.cr07-slice-header {
  align-items: center;
  background: #fff;
  display: flex;
  height: 76px;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 clamp(42px, 6vw, 92px);
}
.cr07-slice-header img {
  height: 42px;
  width: auto;
}
.cr07-slice-header nav {
  align-items: center;
  display: flex;
  gap: clamp(24px, 2.6vw, 48px);
}
.cr07-slice-header a {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.cr07-slice-header a:hover {
  color: #0a8fec;
}
.cr07-slice-hero {
  background: #f4f4f5;
  padding: 72px 0 58px;
}
.cr07-slice-hero .cr07-slice-container {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: clamp(56px, 9vw, 140px);
}
.cr07-slice-hero-copy {
  padding-left: clamp(40px, 8vw, 160px);
}
.cr07-slice-hero h1 {
  color: #050505;
  font-size: clamp(44px, 5.2vw, 82px);
  line-height: 1;
  margin: 0 0 36px;
}
.cr07-slice-hero p {
  color: #1f2937;
  font-size: clamp(14px, 1.1vw, 18px);
  margin: 8px 0;
}
.cr07-slice-hero img {
  justify-self: center;
  max-height: 520px;
  object-fit: contain;
}
.cr07-slice-page .cr07-exact-anchor-nav {
  height: 74px;
  min-height: 64px;
  position: sticky;
  top: 0;
  z-index: 80;
}
.cr07-slice-intro {
  background: #fff;
  padding: 70px 0 76px;
  text-align: center;
}
.cr07-slice-intro h2 {
  color: #080808;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.28;
  margin: 0 0 54px;
}
.cr07-slice-intro p {
  color: #222b36;
  font-size: clamp(16px, 1.25vw, 22px);
  margin: 22px 0;
}
.cr07-slice-intro span {
  color: #0a8fec;
}
.cr07-slice-intro strong {
  color: #050505;
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.cr07-slice-image {
  background: #fff;
  padding: 72px 0;
  text-align: center;
}
.cr07-slice-image h2 {
  color: #050505;
  font-size: clamp(22px, 2vw, 34px);
  line-height: 1.25;
  margin: 0 0 34px;
}
.cr07-slice-image img,
.cr07-slice-anatomy img {
  margin: 0 auto;
}
.cr07-slice-anatomy {
  background: #f0f0f1;
}
.cr07-slice-recognition {
  background: #fff;
  padding: 78px 0 84px;
}
.cr07-slice-recognition h2 {
  color: #050505;
  font-size: clamp(28px, 2.4vw, 42px);
  line-height: 1.2;
  margin: 0 0 44px;
  text-align: center;
}
.cr07-slice-page .cr07-exact-carousel {
  align-items: stretch;
  aspect-ratio: auto;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1025px) 308px;
  justify-content: center;
  left: auto;
  margin: 0 auto;
  max-width: 1333px;
  overflow: visible;
  position: relative;
  top: auto;
  width: 100%;
}
.cr07-exact-media {
  aspect-ratio: 1025 / 578;
  overflow: hidden;
  position: relative;
}
.cr07-slice-page .cr07-exact-carousel-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.cr07-slice-page .cr07-exact-copy {
  bottom: 38px;
  left: 45px;
  max-width: 790px;
}
.cr07-exact-menu {
  align-self: start;
}
.cr07-slice-page .cr07-exact-hotspot {
  gap: 24px;
  height: 100px;
  left: auto;
  padding: 0 34px 0 40px;
  position: relative;
  top: auto;
  width: 100%;
}
.cr07-slice-page .cr07-exact-icon {
  flex-basis: 44px;
  height: 44px;
  margin-left: 0;
  width: 44px;
}
.cr07-slice-two {
  align-items: center;
  background: #f0f0f1;
  display: grid;
  gap: clamp(48px, 7vw, 120px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin: 0 auto;
  padding: 74px max(48px, calc((100vw - 1180px) / 2));
}
.cr07-slice-two:nth-of-type(even) {
  background: #fff;
}
.cr07-slice-two h2 {
  color: #050505;
  font-size: clamp(26px, 2.6vw, 42px);
  line-height: 1.12;
  margin: 0 0 24px;
}
.cr07-slice-two p {
  color: #2f3846;
  font-size: 16px;
  line-height: 1.72;
  margin: 0;
  max-width: 520px;
}
.cr07-slice-two img {
  margin: 0 auto;
}
.cr07-slice-blue {
  background: linear-gradient(90deg, #08bdf4, #f7fbff);
}
.cr07-slice-gray {
  background: #f0f0f1 !important;
}
.cr07-slice-wide {
  background: #050505;
}
.cr07-slice-wide img {
  height: auto;
  width: 100%;
}
.cr07-slice-apps {
  background: #4aa8f2;
  color: #fff;
  padding: 66px 0 76px;
  text-align: center;
}
.cr07-slice-apps h2,
.cr07-slice-why h2 {
  font-size: clamp(24px, 2.15vw, 36px);
  line-height: 1.2;
  margin: 0 0 42px;
}
.cr07-slice-app-grid {
  display: grid;
  gap: 34px 58px;
  grid-template-columns: repeat(3, minmax(0, 400px));
  justify-content: center;
}
.cr07-slice-app-grid figure {
  margin: 0;
}
.cr07-slice-app-grid img {
  width: 100%;
}
.cr07-slice-app-grid figcaption {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-top: 18px;
}
.cr07-slice-why {
  background: #fff;
  padding: 72px 0 78px;
  text-align: center;
}
.cr07-slice-why > div {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(6, minmax(0, 134px));
  justify-content: center;
}
.cr07-slice-why figure {
  margin: 0;
}
.cr07-slice-why figcaption {
  color: #111827;
  font-size: 14px;
  line-height: 1.25;
  margin-top: 18px;
}
.cr07-exact-anchor-nav {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #ededed;
  display: flex;
  gap: clamp(22px, 4.4vw, 72px);
  height: calc(100vw * 74 / 1920);
  justify-content: center;
  left: 0;
  line-height: 1;
  min-height: 42px;
  pointer-events: auto;
  position: absolute;
  top: calc(100% * 718 / 11690);
  width: 100%;
  z-index: 8;
}
.cr07-exact-anchor-nav a,
.cr07-exact-anchor-nav button {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: #8b8b8b;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: clamp(12px, .95vw, 16px);
  font-weight: 500;
  justify-content: center;
  line-height: 1;
  min-height: 34px;
  padding: 0;
  text-decoration: none;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
  white-space: nowrap;
}
.cr07-exact-anchor-nav a:hover,
.cr07-exact-anchor-nav a:focus-visible,
.cr07-exact-anchor-nav button:hover,
.cr07-exact-anchor-nav button:focus-visible {
  color: #0a8fec;
  outline: none;
}
.cr07-exact-anchor-download {
  background: #1287ee !important;
  border-radius: 999px !important;
  color: #fff !important;
  min-width: clamp(82px, 7.4vw, 132px);
  padding: 0 clamp(18px, 2.1vw, 34px) !important;
}
.cr07-exact-anchor-download:hover,
.cr07-exact-anchor-download:focus-visible {
  background: #0a73d2 !important;
  color: #fff !important;
}
.cr07-exact-anchor-share {
  gap: 8px;
  min-width: 68px;
  position: relative;
}
.cr07-exact-anchor-share::before {
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%231287ee'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='18'%20cy='5'%20r='3'/%3E%3Ccircle%20cx='6'%20cy='12'%20r='3'/%3E%3Ccircle%20cx='18'%20cy='19'%20r='3'/%3E%3Cpath%20d='M8.59%2013.51l6.83%203.98'/%3E%3Cpath%20d='M15.41%206.51L8.59%2010.49'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
}
.cr07-exact-anchor-share.is-copied::after {
  background: #111827;
  border-radius: 4px;
  color: #fff;
  content: "Copied";
  font-size: 12px;
  left: 50%;
  padding: 6px 8px;
  position: absolute;
  top: calc(100% + 8px);
  transform: translateX(-50%);
}
.cr07-exact-carousel {
  aspect-ratio: 1025 / 578;
  left: 16.08%;
  overflow: visible;
  pointer-events: auto;
  position: absolute;
  top: 18.83%;
  width: 53.4%;
}
.cr07-exact-carousel-image {
  display: block;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  transform: scale(1);
  transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  width: 100%;
}
.cr07-exact-carousel-image.is-changing {
  filter: saturate(1.08) contrast(1.04);
  opacity: .08;
  transform: translateX(12px) scale(1.012);
}
.cr07-exact-scan {
  background: linear-gradient(90deg, rgba(0, 188, 238, 0), rgba(0, 188, 238, .58), rgba(0, 188, 238, 0));
  bottom: 0;
  left: -28%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: skewX(-11deg);
  width: 26%;
  display: none;
}
.cr07-exact-copy {
  bottom: 38px;
  color: #fff;
  left: 45px;
  line-height: 1.45;
  max-width: 780px;
  position: absolute;
  z-index: 3;
}
.cr07-exact-copy h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 8px;
  text-transform: none;
}
.cr07-exact-copy p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.cr07-exact-copy.is-copy-in h3 {
  animation: cr07ExactTextIn .5s ease both .1s;
}
.cr07-exact-copy.is-copy-in p {
  animation: cr07ExactTextIn .5s ease both .2s;
}
.cr07-exact-hotspot {
  align-items: center;
  background: #efeef0;
  border: 0;
  color: #232323;
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 28px;
  height: 21.1%;
  justify-content: flex-start;
  left: 99.45%;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: var(--y);
  transition: color .2s ease, background-color .2s ease;
  width: 34.95%;
}
.cr07-exact-hotspot::before {
  background: #0aa7e5;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease, height .35s ease;
  width: 8px;
}
.cr07-exact-hotspot:hover::before,
.cr07-exact-hotspot:focus-visible::before,
.cr07-exact-hotspot.is-active::before,
.cr07-exact-interactive:hover .cr07-exact-hotspot.is-active::before,
.cr07-exact-interactive:focus-within .cr07-exact-hotspot.is-active::before,
.cr07-exact-interactive.is-carousel-active .cr07-exact-hotspot.is-active::before {
  opacity: .9;
}
.cr07-exact-hotspot.is-active {
  color: #0a8fec;
}
.cr07-exact-icon {
  align-items: center;
  border: 2px solid currentColor;
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 44px;
  font-size: 11px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  margin-left: 46px;
  text-transform: uppercase;
  width: 44px;
}
.cr07-exact-label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
.cr07-exact-hotspot:focus-visible {
  outline: 2px solid #0aa7e5;
  outline-offset: -2px;
}
@keyframes cr07ExactScan {
  0% {
    left: -30%;
  }
  55%,
  100% {
    left: 106%;
  }
}
@keyframes cr07ExactTextIn {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.cr07-exact-spec-panel {
  background: #fff;
  line-height: 1.55;
  padding: 62px 0 110px;
}
.cr07-exact-spec-title {
  color: #050505;
  font-size: clamp(28px, 2.15vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 46px;
  text-align: center;
}
.cr07-exact-spec-table-wrap {
  margin: 0 auto;
  overflow-x: auto;
  width: min(980px, calc(100% - 64px));
}
.cr07-exact-spec-table {
  border-collapse: collapse;
  color: #334155;
  font-size: 14px;
  table-layout: fixed;
  width: 100%;
}
.cr07-exact-spec-table td {
  border: 1px solid #fff;
  padding: 10px 18px;
  text-align: left;
  vertical-align: middle;
}
.cr07-exact-spec-table tr:nth-child(odd) td {
  background: #fff;
}
.cr07-exact-spec-table tr:nth-child(even) td {
  background: #f7f7f7;
}
.cr07-exact-spec-table td:first-child {
  color: #233044;
  font-weight: 600;
  width: 34%;
}
.cr07-exact-spec-table td[colspan="2"] {
  background: #d4dff1 !important;
  color: #1f2d40;
  font-weight: 700;
}
@media (max-width: 760px) {
  .cr07-exact-carousel,
  .cr07-exact-hotspot,
  .cr07-exact-scan {
    display: none;
  }
  .cr07-exact-spec-table {
    font-size: 13px;
  }
  .cr07-exact-spec-table td {
    padding: 9px 10px;
  }
}

/* Final header color match for the supplied design: active/hover blue, other links dark. */
.site-header .primary-nav > ul > li > a {
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  transition: color .18s ease, font-weight .18s ease;
}
.site-header .primary-nav > ul > li > a:after {
  display: none !important;
  transform: none !important;
}
.site-header .primary-nav > ul > li:hover > a,
.site-header .primary-nav > ul > li > a:hover,
.site-header .primary-nav > ul > li > a:focus-visible,
.site-header .primary-nav > ul > li.is-mega-active > a,
.site-header.home-header:not(.is-scrolled) .primary-nav > ul > li:hover > a,
.site-header.home-header:not(.is-scrolled) .primary-nav > ul > li > a:hover,
.site-header.home-header:not(.is-scrolled) .primary-nav > ul > li > a:focus-visible,
.site-header.home-header:not(.is-scrolled) .primary-nav > ul > li.is-mega-active > a,
.site-header.home-header:not(.is-scrolled).is-mega-open .primary-nav > ul > li:hover > a,
.site-header.home-header:not(.is-scrolled).is-mega-open .primary-nav > ul > li > a:hover,
.site-header.home-header:not(.is-scrolled).is-mega-open .primary-nav > ul > li > a:focus-visible,
.site-header.home-header:not(.is-scrolled).is-mega-open .primary-nav > ul > li.is-mega-active > a {
  color: #50a4fb !important;
  font-weight: 500;
}
.site-header .primary-nav > ul > li.current-menu-item > a,
body.single-product .site-header .primary-nav #menu-item-136 > a,
body.post-type-archive-product .site-header .primary-nav #menu-item-136 > a,
body.tax-product_category .site-header .primary-nav #menu-item-136 > a,
body.single-solution .site-header .primary-nav #menu-item-137 > a,
body.post-type-archive-solution .site-header .primary-nav #menu-item-137 > a {
  color: #50a4fb !important;
  font-weight: 500;
}
body.single-product .site-header .primary-nav #menu-item-136.is-mega-active > a,
body.post-type-archive-product .site-header .primary-nav #menu-item-136.is-mega-active > a,
body.tax-product_category .site-header .primary-nav #menu-item-136.is-mega-active > a,
body.single-solution .site-header .primary-nav #menu-item-137.is-mega-active > a,
body.post-type-archive-solution .site-header .primary-nav #menu-item-137.is-mega-active > a {
  color: #50a4fb !important;
  font-weight: 500;
}
.site-header .primary-nav > ul > li > a:focus-visible {
  outline: 2px solid rgba(80, 164, 251, .32);
  outline-offset: 6px;
}
.site-header .primary-nav > ul > li.has-mega > a:before {
  display: none !important;
}
.site-header .primary-nav > ul > li.has-mega > a {
  padding-right: 0 !important;
}
.mega-panel-civintec-icons .civintec-icon-subnav {
  min-height: 142px;
}
.site-header .header-cta {
  display: none !important;
}
.site-header .container.header-row {
  max-width: none;
  width: calc(100% - clamp(40px, 6vw, 96px));
}

/* Global assist tools: contact, back-to-top and privacy preference drawer. */
.cy-global-assist {
  bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 26px;
  transform: translateY(14px);
  transition: opacity .24s ease, transform .24s ease;
  z-index: 9998;
}

body.cy-global-assist-visible .cy-global-assist {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.cy-global-assist-btn,
.cy-global-privacy-btn {
  align-items: center;
  background: #168ef3;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 12px 26px rgba(22, 142, 243, .28);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cy-global-top-btn,
.cy-global-privacy-btn {
  align-self: flex-end;
  border-radius: 50%;
  justify-content: center;
  min-width: 44px;
  padding: 0;
  width: 44px;
}

.cy-global-top-btn strong,
.cy-global-privacy-btn strong {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.cy-global-assist-btn:hover,
.cy-global-privacy-btn:hover {
  background: #0b7edb;
  box-shadow: 0 16px 32px rgba(22, 142, 243, .34);
  transform: translateY(-2px);
}

.cy-global-contact-modal {
  align-items: center;
  background: rgba(2, 6, 14, .52);
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity .22s ease;
  z-index: 10000;
}

.cy-global-contact-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.cy-global-contact-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
  color: #151b26;
  max-width: min(430px, calc(100% - 42px));
  padding: 34px 36px 36px;
  position: relative;
  width: 430px;
}

.cy-global-contact-card h3 {
  font-size: 25px;
  line-height: 1.2;
  margin: 0 0 12px;
}

.cy-global-contact-card p {
  color: #5c6675;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 22px;
}

.cy-global-contact-card a {
  align-items: center;
  border: 1px solid #e1e7ef;
  border-radius: 24px;
  color: #168ef3;
  display: flex;
  font-weight: 700;
  justify-content: center;
  margin-top: 10px;
  min-height: 44px;
  text-decoration: none;
}

.cy-global-modal-close,
.cy-global-privacy-close {
  background: transparent;
  border: 0;
  color: #6b7280;
  cursor: pointer;
  font-size: 26px;
  line-height: 1;
  position: absolute;
  right: 16px;
  top: 14px;
}

.cy-global-privacy-backdrop {
  background: rgba(2, 6, 14, .42);
  border: 0;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity .22s ease;
  z-index: 9998;
}

.cy-global-privacy-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.cy-global-privacy-panel {
  background: #fff;
  bottom: 0;
  box-shadow: -22px 0 54px rgba(15, 23, 42, .22);
  color: #151b26;
  max-width: calc(100% - 44px);
  padding: 30px 30px 34px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(105%);
  transition: transform .32s cubic-bezier(.22, 1, .36, 1);
  width: 390px;
  z-index: 9999;
}

.cy-global-privacy-panel.is-open {
  transform: translateX(0);
}

.cy-global-privacy-head {
  border-bottom: 1px solid #e5eaf0;
  margin: 0 0 22px;
  padding: 0 42px 18px 0;
  position: relative;
}

.cy-global-privacy-head h3 {
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
}

.cy-global-privacy-panel p {
  color: #5f6672;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 22px;
}

.cy-global-privacy-panel label {
  align-items: center;
  border-bottom: 1px solid #edf1f5;
  color: #222936;
  display: flex;
  font-size: 15px;
  gap: 12px;
  min-height: 54px;
}

.cy-global-privacy-panel input {
  height: 18px;
  width: 18px;
}

.cy-global-privacy-save {
  background: #168ef3;
  border: 0;
  border-radius: 24px;
  color: #fff;
  cursor: pointer;
  font-weight: 800;
  height: 46px;
  margin-top: 26px;
  width: 100%;
}

@media (max-width: 640px) {
  .cy-global-assist {
    bottom: 18px;
    right: 16px;
  }
  .cy-global-contact-btn strong {
    display: none;
  }
  .cy-global-contact-btn {
    border-radius: 50%;
    justify-content: center;
    min-width: 44px;
    padding: 0;
    width: 44px;
  }
}
.site-header .header-actions {
  flex: 0 0 auto;
  gap: 0;
}
.site-header .header-search-form {
  align-items: center;
  background: #fff;
  border: 1px solid #9f9f9f;
  border-radius: 999px;
  display: flex;
  height: 30px;
  padding: 0 8px 0 12px;
  transition: border-color .18s ease;
  width: 112px;
}
.site-header .header-search-form:focus-within,
.site-header .header-search-form:hover {
  border-color: #50a4fb;
}
.site-header .header-search-input {
  background: transparent;
  border: 0;
  color: #202020;
  flex: 1 1 auto;
  font-size: 13px;
  height: 100%;
  min-width: 0;
  outline: 0;
  padding: 0;
  width: 100%;
}
.site-header .header-search-submit {
  align-items: center;
  background: transparent;
  border: 0;
  color: #6d6d6d;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 18px;
  height: 18px;
  justify-content: center;
  padding: 0;
  position: relative;
  transition: color .18s ease;
  width: 18px;
}
.site-header .header-search-icon {
  border: 2px solid currentColor;
  border-radius: 50%;
  display: block;
  height: 11px;
  position: relative;
  width: 11px;
}
.site-header .header-search-icon:after {
  background: currentColor;
  bottom: -5px;
  content: "";
  height: 2px;
  position: absolute;
  right: -5px;
  transform: rotate(45deg);
  width: 7px;
}
.site-header .header-search-submit:hover,
.site-header .header-search-submit:focus-visible {
  color: #50a4fb;
}
.site-header .header-search {
  color: #202020;
  display: inline-block !important;
}
.site-header .header-search:hover,
.site-header .header-search:focus-visible {
  color: #50a4fb;
}

/* CR07EU issue fixes: keep header/nav intact, tighten middle slices to the supplied design. */
body.postid-112 .mega-panel-product-columns .mega-products-inner {
  gap: clamp(20px, 3vw, 34px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 16px 0 22px;
  width: min(690px, calc(100% - 64px));
}
body.postid-112 .mega-product-column-visual {
  height: 54px;
  margin-bottom: 10px;
}
body.postid-112 .mega-product-column-title {
  font-size: 15px;
  line-height: 1.22;
  margin-bottom: 10px;
}
body.postid-112 .mega-product-list {
  gap: 6px;
}
body.postid-112 .mega-product-list a {
  font-size: 12px;
  line-height: 1.05;
}
body.postid-112 .mega-product-list a:before {
  border-bottom-width: 4px;
  border-left-width: 5px;
  border-top-width: 4px;
  margin-right: 8px;
}
body.postid-112 .cr07-slice-online-mode {
  align-items: stretch;
  background: #fff;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 350px;
  padding: 0;
}
body.postid-112 .cr07-slice-online-visual {
  display: grid;
  min-height: 350px;
  overflow: hidden;
  position: relative;
}
body.postid-112 .cr07-slice-online-bg,
body.postid-112 .cr07-slice-online-device {
  grid-area: 1 / 1;
}
body.postid-112 .cr07-slice-online-bg {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
body.postid-112 .cr07-slice-online-device {
  align-self: center;
  justify-self: end;
  margin-right: clamp(18px, 3vw, 56px);
  max-height: 82%;
  max-width: min(78%, 560px);
  object-fit: contain;
  position: relative;
  z-index: 1;
}
body.postid-112 .cr07-slice-online-copy {
  align-self: center;
  justify-self: start;
  padding: clamp(34px, 5vw, 86px) clamp(34px, 5vw, 86px) clamp(34px, 5vw, 86px) clamp(18px, 2.4vw, 42px);
}
body.postid-112 .cr07-slice-online-copy h2 {
  font-size: clamp(24px, 2.35vw, 38px);
  max-width: 390px;
}
body.postid-112 .cr07-slice-online-copy p {
  max-width: 430px;
}
body.postid-112 .cr07-slice-dark {
  margin: 0 auto;
  min-height: 350px;
  overflow: hidden;
  position: relative;
  width: min(1333px, calc(100% - 72px));
}
body.postid-112 .cr07-slice-dark img {
  height: 100%;
  min-height: 350px;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
body.postid-112 .cr07-slice-security-copy {
  color: #fff;
  left: clamp(54px, 6vw, 110px);
  max-width: 430px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
body.postid-112 .cr07-slice-security-copy h2 {
  color: #fff;
  font-size: clamp(24px, 2.2vw, 36px);
  line-height: 1.12;
  margin: 0 0 26px;
}
body.postid-112 .cr07-slice-security-copy p {
  color: #fff;
  font-size: 15px;
  line-height: 1.72;
  margin: 0;
}
body.postid-112 .cr07-slice-waterproof,
body.postid-112 .cr07-slice-timezone,
body.postid-112 .cr07-slice-web-config {
  align-items: stretch;
  aspect-ratio: 1920 / 665;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 0;
  padding: 0;
}
body.postid-112 .cr07-slice-waterproof > img,
body.postid-112 .cr07-slice-timezone > img,
body.postid-112 .cr07-slice-web-config > img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
body.postid-112 .cr07-slice-waterproof > div,
body.postid-112 .cr07-slice-timezone > div,
body.postid-112 .cr07-slice-web-config > div {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-self: stretch;
  padding: clamp(40px, 6vw, 96px);
}
body.postid-112 .cr07-slice-waterproof > div,
body.postid-112 .cr07-slice-web-config > div {
  background: #e7e8eb;
}
body.postid-112 .cr07-slice-timezone > img {
  background: #e7f7ff;
  object-fit: cover;
}
body.postid-112 .cr07-slice-timezone > div {
  background: #fff;
}
body.postid-112 .cr07-slice-apps {
  padding: 50px 0 56px;
}
body.postid-112 .cr07-slice-app-grid {
  gap: 26px 40px;
  grid-template-columns: repeat(3, minmax(0, 260px));
}
body.postid-112 .cr07-slice-app-grid figcaption {
  font-size: 13px;
  margin-top: 10px;
}
body.postid-112 .cr07-slice-why {
  padding: 48px 0 42px;
}
body.postid-112 .cr07-slice-why h2 {
  margin-bottom: 32px;
}
body.postid-112 .cr07-slice-why > div {
  gap: 22px;
  grid-template-columns: repeat(6, minmax(0, 100px));
}
body.postid-112 .cr07-slice-why img {
  height: 74px;
  margin: 0 auto;
  object-fit: contain;
  width: 74px;
}
body.postid-112 .cr07-slice-why figcaption {
  font-size: 11px;
  margin-top: 12px;
}
body.postid-112 .cr07-exact-spec-panel {
  padding: 36px 0 96px;
}
body.postid-112 .cr07-exact-spec-title {
  margin-bottom: 28px;
}

@media (max-width: 940px) {
  body.postid-112 .mega-panel-product-columns .mega-products-inner {
    grid-template-columns: 1fr;
    width: 100%;
  }
  body.postid-112 .cr07-slice-online-mode,
  body.postid-112 .cr07-slice-waterproof,
  body.postid-112 .cr07-slice-timezone,
  body.postid-112 .cr07-slice-web-config {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
  }
  body.postid-112 .cr07-slice-why > div {
    grid-template-columns: repeat(3, minmax(0, 100px));
  }
}

/* CR07EU Elementor-live mode: keep the backend-editable half-image sections aligned. */
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config {
  padding: 0 !important;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container {
  align-items: stretch;
  aspect-ratio: 1920 / 665;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: none !important;
  min-height: 0 !important;
  width: 100% !important;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column {
  min-height: 0 !important;
  width: auto !important;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-wrap {
  align-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 0 !important;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image .elementor-widget-container {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden;
  position: relative !important;
  width: 100%;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image img,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image img,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image img {
  display: block;
  height: 100% !important;
  left: 0;
  max-width: none;
  object-fit: cover !important;
  object-position: center;
  position: absolute !important;
  top: 0;
  width: 100% !important;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:not(:has(.elementor-widget-image)) .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-column:not(:has(.elementor-widget-image)) .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-column:not(:has(.elementor-widget-image)) .elementor-widget-wrap {
  padding: clamp(40px, 6vw, 96px) !important;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-column:not(:has(.elementor-widget-image)),
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-column:not(:has(.elementor-widget-image)) {
  background: #e7e8eb;
}
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-column:not(:has(.elementor-widget-image)) {
  background: #fff;
}

/* CR07EU exact half-row blocks: make the editable Elementor sections full-bleed in frontend and editor preview. */
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config,
.cr07-elementor-product-page .elementor-112 .cr07-editable-waterproof,
.cr07-elementor-product-page .elementor-112 .cr07-editable-timezone,
.cr07-elementor-product-page .elementor-112 .cr07-editable-web-config,
.elementor-112 .cr07-editable-waterproof,
.elementor-112 .cr07-editable-timezone,
.elementor-112 .cr07-editable-web-config {
  background: transparent !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 100vw !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container,
.cr07-elementor-product-page .elementor-112 .cr07-editable-waterproof > .elementor-container,
.cr07-elementor-product-page .elementor-112 .cr07-editable-timezone > .elementor-container,
.cr07-elementor-product-page .elementor-112 .cr07-editable-web-config > .elementor-container,
.elementor-112 .cr07-editable-waterproof > .elementor-container,
.elementor-112 .cr07-editable-timezone > .elementor-container,
.elementor-112 .cr07-editable-web-config > .elementor-container {
  align-items: stretch !important;
  aspect-ratio: 1920 / 665 !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column,
.cr07-elementor-product-page .elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column,
.cr07-elementor-product-page .elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column,
.cr07-elementor-product-page .elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column {
  align-self: stretch !important;
  max-width: none !important;
  min-height: 0 !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-wrap,
.cr07-elementor-product-page .elementor-112 .cr07-editable-waterproof .elementor-widget-wrap,
.cr07-elementor-product-page .elementor-112 .cr07-editable-timezone .elementor-widget-wrap,
.cr07-elementor-product-page .elementor-112 .cr07-editable-web-config .elementor-widget-wrap,
.elementor-112 .cr07-editable-waterproof .elementor-widget-wrap,
.elementor-112 .cr07-editable-timezone .elementor-widget-wrap,
.elementor-112 .cr07-editable-web-config .elementor-widget-wrap {
  align-content: center !important;
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-waterproof .elementor-widget-image,
.elementor-112 .cr07-editable-timezone .elementor-widget-image,
.elementor-112 .cr07-editable-web-config .elementor-widget-image,
.elementor-112 .cr07-editable-waterproof .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-timezone .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-web-config .elementor-widget-image .elementor-widget-container {
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image img,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image img,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image img,
.elementor-112 .cr07-editable-waterproof .elementor-widget-image img,
.elementor-112 .cr07-editable-timezone .elementor-widget-image img,
.elementor-112 .cr07-editable-web-config .elementor-widget-image img {
  display: block !important;
  height: 100% !important;
  left: 0;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  position: absolute !important;
  top: 0;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column:last-child,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column:last-child,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column:last-child,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column:last-child {
  background: #e7e8eb !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column:first-child,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column:first-child {
  background: #fff !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column:last-child .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column:first-child .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column:last-child .elementor-widget-wrap,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column:last-child .elementor-widget-wrap,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column:first-child .elementor-widget-wrap,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column:last-child .elementor-widget-wrap {
  padding: clamp(40px, 6vw, 96px) !important;
}

@media (max-width: 940px) {
  body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
  }
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero-copy .elementor-widget-image {
  background: #fff;
  border: 1px solid transparent;
  display: inline-flex !important;
  height: 58px !important;
  margin: 20px 12px 0 0 !important;
  padding: 6px;
  vertical-align: top;
  width: 48px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero-copy .elementor-widget-image:hover {
  border-color: #168ff0;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero-copy .elementor-widget-image .elementor-widget-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero-copy .elementor-widget-image img {
  filter: none !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .is-recognition-extra-source.elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-recognition .elementor-column:first-child .cr07-recognition-extra-source.elementor-widget-image {
  display: none !important;
}

/* CR07EU Elementor editable view: mirror the approved front-end template. */
body.postid-112 .cr07-elementor-product-page {
  background: #fff;
  color: #101827;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.5;
}

body.postid-112 .cr07-elementor-product-page .elementor-section > .elementor-container {
  max-width: none !important;
  width: min(1360px, calc(100% - 72px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero {
  background: #f4f4f5 !important;
  min-height: 0 !important;
  padding: 72px 0 58px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container {
  align-items: center !important;
  display: grid !important;
  gap: clamp(56px, 9vw, 140px) !important;
  grid-template-columns: minmax(0, 1fr) 440px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column {
  width: auto !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:first-child .elementor-widget-wrap {
  align-content: center;
  padding-left: clamp(40px, 8vw, 160px) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:first-child .elementor-widget-wrap > .elementor-widget-heading:first-child .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(44px, 5.2vw, 82px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 0 36px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero .elementor-widget-text-editor p,
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero h1.elementor-heading-title {
  color: #1f2937 !important;
  font-size: clamp(14px, 1.1vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  margin: 8px 0 !important;
  max-width: 560px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-container {
  min-height: 0 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:last-child .elementor-widget-image img {
  height: auto !important;
  max-height: 520px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: auto !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor {
  background: #fff !important;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #ededed;
  padding: 0 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor .elementor-widget-container {
  min-height: 74px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p {
  gap: clamp(22px, 4.4vw, 72px) !important;
  justify-content: center !important;
  margin: 0 auto !important;
  width: auto !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor a {
  color: #8b8b8b !important;
  font-size: clamp(12px, .95vw, 16px) !important;
  font-weight: 500 !important;
  min-height: 34px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor a:hover,
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor a:focus-visible {
  color: #0a8fec !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download,
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5) {
  background: #1287ee !important;
  border-radius: 999px !important;
  color: #fff !important;
  min-height: 34px !important;
  min-width: clamp(82px, 7.4vw, 132px);
  padding: 0 clamp(18px, 2.1vw, 34px) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download:hover,
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor .cr07-nav-download:focus-visible,
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5):hover,
body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p a:nth-child(5):focus-visible {
  background: #0a73d2 !important;
  color: #fff !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-intro {
  background: #fff !important;
  padding: 70px 0 76px !important;
  text-align: center;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-heading-title {
  color: #080808 !important;
  font-size: clamp(22px, 2.2vw, 34px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  margin: 0 0 54px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor p {
  color: #222b36 !important;
  font-size: clamp(16px, 1.25vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 22px 0 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor span {
  color: #0a8fec !important;
  font-weight: 600 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-widget-text-editor > strong,
body.postid-112 .cr07-elementor-product-page .cr07-editable-intro .elementor-widget-container > strong {
  color: #050505 !important;
  display: block !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col:not(.cr07-editable-hero):not(.cr07-editable-recognition):not(.cr07-editable-waterproof):not(.cr07-editable-timezone):not(.cr07-editable-web-config) {
  padding: 74px 0 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col:not(.cr07-editable-hero):not(.cr07-editable-recognition):not(.cr07-editable-waterproof):not(.cr07-editable-timezone):not(.cr07-editable-web-config) > .elementor-container {
  align-items: center !important;
  gap: clamp(48px, 7vw, 120px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  width: min(1180px, calc(100% - 96px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(26px, 2.6vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  margin: 0 0 24px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col .elementor-widget-text-editor p {
  color: #2f3846 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  margin: 0 !important;
  max-width: 520px;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-blue {
  background-position: center !important;
  background-size: cover !important;
  padding: 0 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-blue > .elementor-container {
  align-items: center !important;
  min-height: 350px !important;
  width: min(1333px, calc(100% - 72px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security {
  background-position: center !important;
  background-size: cover !important;
  min-height: 350px !important;
  padding: 0 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security > .elementor-container {
  align-items: center !important;
  min-height: 350px !important;
  width: min(1333px, calc(100% - 72px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-widget-wrap {
  max-width: 430px;
  padding-left: clamp(54px, 6vw, 110px) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-heading-title,
body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-widget-text-editor p {
  color: #fff !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-heading-title {
  font-size: clamp(24px, 2.2vw, 36px) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-widget-text-editor p {
  font-size: 15px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-heading-title,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-heading-title,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(24px, 2.35vw, 38px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin: 0 0 24px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-text-editor p,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-text-editor p,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-text-editor p {
  color: #2f3846 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps {
  background: #4aa8f2 !important;
  color: #fff !important;
  padding: 50px 0 56px !important;
  text-align: center;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container {
  gap: 26px 40px !important;
  grid-template-columns: repeat(3, minmax(0, 260px)) !important;
  justify-content: center !important;
  width: min(900px, calc(100% - 72px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:first-child {
  grid-column: 1 / -1;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-heading-title {
  color: #fff !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  margin: 0 0 12px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-widget-text-editor p {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-top: 10px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why {
  background: #fff !important;
  padding: 48px 0 42px !important;
  text-align: center;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why > .elementor-container {
  gap: 22px !important;
  grid-template-columns: repeat(6, minmax(0, 100px)) !important;
  justify-content: center !important;
  width: min(780px, calc(100% - 72px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why > .elementor-container > .elementor-column:first-child {
  grid-column: 1 / -1;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  margin: 0 0 10px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why .elementor-widget-image img {
  height: 74px !important;
  max-height: none !important;
  object-fit: contain;
  width: 74px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-why .elementor-widget-text-editor p {
  color: #111827 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  margin-top: 12px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-spec {
  background: #fff !important;
  padding: 36px 0 96px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-spec .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  margin: 0 0 28px !important;
  text-align: center;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-spec .elementor-widget-text-editor {
  margin: 0 auto !important;
  max-width: 720px;
}

@media (max-width: 940px) {
  body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-two-col:not(.cr07-editable-waterproof):not(.cr07-editable-timezone):not(.cr07-editable-web-config) > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-why > .elementor-container {
    grid-template-columns: 1fr !important;
  }

  body.postid-112 .cr07-elementor-product-page .cr07-editable-hero > .elementor-container > .elementor-column:first-child .elementor-widget-wrap {
    padding-left: 0 !important;
  }

  body.postid-112 .cr07-elementor-product-page .cr07-editable-anchor p {
    gap: 18px !important;
    justify-content: flex-start !important;
  }
}

/* CR07EU security image should span the full browser width. */
body.postid-112 .cr07-slice-dark {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.postid-112 .cr07-slice-dark img {
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security,
body.postid-112 .cr07-elementor-product-page .cr07-editable-security > .elementor-container {
  max-width: none !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security.cr07-editable-two-col:not(.cr07-editable-hero):not(.cr07-editable-recognition):not(.cr07-editable-waterproof):not(.cr07-editable-timezone):not(.cr07-editable-web-config) > .elementor-container {
  gap: 0 !important;
  grid-template-columns: 1fr !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* CR07EU security copy: align text block with the image transition. */
body.postid-112 .cr07-elementor-product-page .cr07-editable-security > .elementor-container {
  display: block !important;
  position: relative !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security > .elementor-container > .elementor-column {
  left: clamp(72px, 9vw, 150px) !important;
  margin-left: 0 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: min(540px, 37vw) !important;
  z-index: 2 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-security .elementor-widget-wrap {
  max-width: 540px !important;
  padding-left: 0 !important;
}

@media (max-width: 900px) {
  body.postid-112 .cr07-elementor-product-page .cr07-editable-security > .elementor-container > .elementor-column {
    left: auto !important;
    margin-left: 32px !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: min(430px, calc(100% - 64px)) !important;
  }
}

/* CR07EU Elementor: enlarge and align Configuration + Application Scenarios only. */
body.postid-112 .cr07-elementor-product-page .cr07-editable-configuration {
  padding: 58px 0 66px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-configuration > .elementor-container {
  width: min(1180px, calc(100% - 96px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-configuration .elementor-heading-title {
  color: #6ec1e4 !important;
  font-size: clamp(20px, 1.75vw, 30px) !important;
  font-weight: 700 !important;
  margin: 0 0 34px !important;
  text-align: center;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-configuration .elementor-widget-image img {
  display: block;
  margin: 0 auto !important;
  max-height: none !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: min(1120px, 100%) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps {
  background: #4aa8f2 !important;
  padding: 62px 0 78px !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container {
  gap: 38px 50px !important;
  grid-template-columns: repeat(3, minmax(0, 330px)) !important;
  justify-content: center !important;
  width: min(1120px, calc(100% - 96px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column {
  width: auto !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:first-child {
  grid-column: 1 / -1 !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-heading-title {
  color: #fff !important;
  font-size: clamp(24px, 2.1vw, 34px) !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  text-align: center;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-widget-image img {
  aspect-ratio: 4 / 3;
  display: block;
  height: auto !important;
  max-height: none !important;
  object-fit: cover !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-widget-text-editor,
body.postid-112 .cr07-elementor-product-page .cr07-editable-apps .elementor-widget-text-editor p {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 16px 0 0 !important;
  text-align: center;
}

@media (max-width: 900px) {
  body.postid-112 .cr07-elementor-product-page .cr07-editable-configuration > .elementor-container,
  body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container {
    width: min(100% - 40px, 680px) !important;
  }

  body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container {
    grid-template-columns: 1fr !important;
  }
}

/* CR07EU recognition carousel aligns with the following two-column modules. */
body.postid-112 .cr07-elementor-product-page #cr07-recognition.cr07-editable-recognition > .elementor-container {
  justify-content: end !important;
  max-width: none !important;
  transform: translateX(10px);
  width: min(1162px, calc(100% - 96px)) !important;
}

/* CR07EU hero: hide the re-added left thumbnail images only. */
body.postid-112 .cr07-elementor-product-page .cr07-editable-hero-copy .elementor-widget-image {
  display: none !important;
}

/* CR07EU bottom sections: keep the design grid centered and evenly aligned. */
body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:not(:first-child),
body.postid-112 .cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:not(:first-child).is-active {
  box-shadow: none !important;
  transform: none !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-spec > .elementor-container {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
  width: min(1120px, calc(100% - 96px)) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why > .elementor-container {
  gap: 22px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  justify-content: center !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-why .elementor-widget-image img {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-spec .elementor-widget-text-editor {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-spec table {
  max-width: none !important;
  width: 100% !important;
}

/* CR07EU final full-screen rows: these three half-image modules must fill the viewport. */
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config,
.elementor-112 .cr07-editable-waterproof,
.elementor-112 .cr07-editable-timezone,
.elementor-112 .cr07-editable-web-config {
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 100vw !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container,
.elementor-112 .cr07-editable-waterproof > .elementor-container,
.elementor-112 .cr07-editable-timezone > .elementor-container,
.elementor-112 .cr07-editable-web-config > .elementor-container {
  aspect-ratio: 1920 / 665 !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  margin: 0 !important;
  max-width: 100vw !important;
  min-height: calc(100vw * 665 / 1920) !important;
  padding: 0 !important;
  width: 100vw !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column {
  align-self: stretch !important;
  max-width: none !important;
  min-height: 100% !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-wrap,
.elementor-112 .cr07-editable-waterproof .elementor-widget-wrap,
.elementor-112 .cr07-editable-timezone .elementor-widget-wrap,
.elementor-112 .cr07-editable-web-config .elementor-widget-wrap {
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-waterproof .elementor-widget-image,
.elementor-112 .cr07-editable-timezone .elementor-widget-image,
.elementor-112 .cr07-editable-web-config .elementor-widget-image,
.elementor-112 .cr07-editable-waterproof .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-timezone .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-web-config .elementor-widget-image .elementor-widget-container {
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .elementor-widget-image img,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .elementor-widget-image img,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .elementor-widget-image img,
.elementor-112 .cr07-editable-waterproof .elementor-widget-image img,
.elementor-112 .cr07-editable-timezone .elementor-widget-image img,
.elementor-112 .cr07-editable-web-config .elementor-widget-image img {
  display: block !important;
  height: 100% !important;
  left: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-wrap,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-wrap,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-wrap,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-wrap {
  align-content: stretch !important;
  display: block !important;
  justify-content: stretch !important;
  position: relative !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image .elementor-widget-container,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image .elementor-widget-container,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column:has(.elementor-widget-image) .elementor-widget-image .elementor-widget-container {
  inset: 0 !important;
  margin: 0 !important;
  position: absolute !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof > .elementor-container > .elementor-column:last-child .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone > .elementor-container > .elementor-column:first-child .elementor-widget-wrap,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config > .elementor-container > .elementor-column:last-child .elementor-widget-wrap,
.elementor-112 .cr07-editable-waterproof > .elementor-container > .elementor-column:last-child .elementor-widget-wrap,
.elementor-112 .cr07-editable-timezone > .elementor-container > .elementor-column:first-child .elementor-widget-wrap,
.elementor-112 .cr07-editable-web-config > .elementor-container > .elementor-column:last-child .elementor-widget-wrap {
  padding: clamp(44px, 7vw, 120px) !important;
}

body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof.cr07-editable-reveal,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone.cr07-editable-reveal,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config.cr07-editable-reveal,
body.postid-112 .cr07-elementor-product-page .cr07-editable-waterproof .cr07-editable-reveal,
body.postid-112 .cr07-elementor-product-page .cr07-editable-timezone .cr07-editable-reveal,
body.postid-112 .cr07-elementor-product-page .cr07-editable-web-config .cr07-editable-reveal,
.elementor-112 .cr07-editable-waterproof.cr07-editable-reveal,
.elementor-112 .cr07-editable-timezone.cr07-editable-reveal,
.elementor-112 .cr07-editable-web-config.cr07-editable-reveal,
.elementor-112 .cr07-editable-waterproof .cr07-editable-reveal,
.elementor-112 .cr07-editable-timezone .cr07-editable-reveal,
.elementor-112 .cr07-editable-web-config .cr07-editable-reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* C6/C6NK Elementor product detail */
body.single-product .c6-detail-section {
  background: #fff;
  color: #111827;
  overflow: hidden;
  padding: 0;
  position: relative;
}

body.single-product .c6-detail-section > .elementor-container {
  display: grid !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
  width: min(1120px, calc(100% - 96px)) !important;
}

body.single-product .c6-detail-section .elementor-column {
  min-width: 0;
  width: auto !important;
}

body.single-product .c6-detail-section .elementor-widget-wrap {
  align-content: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

body.single-product .c6-detail-section .elementor-heading-title,
body.single-product .c6-detail-section p {
  letter-spacing: 0;
}

body.single-product .c6-detail-hero {
  background: #f3f3f5;
  padding: 72px 0 58px;
}

body.single-product .c6-detail-hero > .elementor-container {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
  min-height: 470px;
}

body.single-product .c6-hero-copy .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(48px, 5vw, 78px) !important;
  font-weight: 800 !important;
  line-height: .96 !important;
  margin: 0 0 26px !important;
}

body.single-product .c6-hero-copy .elementor-widget-text-editor,
body.single-product .c6-hero-copy .elementor-widget-text-editor p {
  color: #182235 !important;
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.6 !important;
  margin: 0 0 8px !important;
}

body.single-product .c6-hero-copy .elementor-widget-wrap {
  display: grid;
  gap: 12px 18px;
  grid-template-columns: repeat(2, 72px);
  justify-content: start;
}

body.single-product .c6-hero-copy .elementor-widget-heading,
body.single-product .c6-hero-copy .elementor-widget-text-editor {
  grid-column: 1 / -1;
  width: min(430px, calc(100vw - 80px));
}

body.single-product .c6-hero-copy .elementor-widget-image img {
  background: #fff;
  display: block;
  height: 72px !important;
  object-fit: contain;
  padding: 8px;
  width: 72px !important;
}

body.single-product .c6-hero-visual .elementor-widget-image img {
  display: block;
  margin-left: auto;
  max-height: 430px;
  object-fit: contain;
  width: min(410px, 100%) !important;
}

body.single-product .c6-detail-anchor {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  overflow: visible;
  position: sticky;
  top: var(--header-height);
  z-index: 20;
}

body.single-product .c6-detail-anchor > .elementor-container {
  width: min(1120px, calc(100% - 48px)) !important;
}

body.single-product .c6-detail-anchor .elementor-widget-text-editor {
  width: 100%;
}

body.single-product .c6-detail-anchor .elementor-widget-text-editor p {
  align-items: center;
  display: flex;
  gap: clamp(24px, 4vw, 72px);
  justify-content: center;
  margin: 0 !important;
  min-height: 58px;
}

body.single-product .c6-detail-anchor .elementor-widget-text-editor a {
  color: #8a8f98;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease;
}

body.single-product .c6-detail-anchor .elementor-widget-text-editor a:hover,
body.single-product .c6-detail-anchor .elementor-widget-text-editor a.is-active {
  color: #168cf0;
}

body.single-product .c6-detail-anchor .elementor-widget-text-editor .c6-anchor-download {
  background: #168cf0;
  border-radius: 999px;
  color: #fff !important;
  min-width: 126px;
  padding: 10px 24px;
  text-align: center;
}

body.single-product .c6-wide-visual > .elementor-container,
body.single-product .c6-full-image > .elementor-container {
  width: 100% !important;
}

body.single-product .c6-wide-visual .elementor-widget-wrap,
body.single-product .c6-full-image .elementor-widget-wrap {
  position: relative;
}

body.single-product .c6-wide-visual .elementor-widget-image img,
body.single-product .c6-full-image .elementor-widget-image img {
  display: block;
  height: auto !important;
  object-fit: cover;
  width: 100% !important;
}

body.single-product .c6-wide-visual .elementor-widget-text-editor {
  left: max(72px, calc((100vw - 1120px) / 2));
  max-width: 430px;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

body.single-product .c6-wide-visual .elementor-widget-text-editor .elementor-widget-container,
body.single-product .c6-wide-visual .elementor-widget-text-editor p {
  color: #fff !important;
  font-size: clamp(17px, 1.65vw, 30px) !important;
  font-weight: 700;
  line-height: 1.25 !important;
  margin: 0 !important;
}

body.single-product .c6-card-distance > .elementor-container {
  grid-template-columns: 1fr !important;
  position: relative;
}

body.single-product .c6-card-distance > .elementor-container > .elementor-column {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  width: 100% !important;
}

body.single-product .c6-card-distance .elementor-widget-heading,
body.single-product .c6-card-distance .elementor-widget-text-editor {
  left: auto !important;
  max-width: 430px;
  position: absolute !important;
  right: max(72px, calc((100vw - 1120px) / 2 + 24px));
  top: 50%;
  transform: translateY(-50%);
  width: min(430px, calc(50vw - 96px));
  z-index: 3;
}

body.single-product .c6-card-distance .elementor-widget-heading {
  top: calc(50% - 70px);
}

body.single-product .c6-card-distance .elementor-widget-heading + .elementor-widget-text-editor,
body.single-product .c6-card-distance .elementor-widget-heading ~ .elementor-widget-text-editor {
  top: calc(50% + 44px);
}

body.single-product .c6-card-distance .elementor-heading-title,
body.single-product .c6-card-distance .elementor-widget-text-editor,
body.single-product .c6-card-distance .elementor-widget-text-editor p {
  color: #fff !important;
}

body.single-product .c6-card-distance .elementor-heading-title {
  font-size: clamp(28px, 2.4vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

body.single-product .c6-card-distance .elementor-widget-text-editor p {
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

body.single-product .c6-detail-recognition {
  padding: 64px 0 76px;
}

body.single-product .c6-detail-recognition > .elementor-container {
  align-items: start;
  column-gap: 28px;
  grid-template-columns: minmax(0, 740px) 260px;
  justify-content: center;
}

body.single-product .c6-recognition-title {
  grid-column: 1 / -1;
  text-align: center;
}

body.single-product .c6-recognition-title .elementor-heading-title,
body.single-product .c6-section-title .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(24px, 2.1vw, 34px) !important;
  font-weight: 800 !important;
  margin: 0 0 30px !important;
}

body.single-product .c6-recognition-media .elementor-widget-wrap {
  display: block;
  min-height: 416px;
  position: relative;
}

body.single-product .c6-recognition-media .elementor-widget-image,
body.single-product .c6-recognition-source {
  inset: 0;
  opacity: 0;
  position: absolute !important;
  transform: translateX(24px);
  transition: opacity .35s ease, transform .35s ease;
}

body.single-product .c6-detail-recognition:not([data-c6-ready="true"]) .c6-recognition-media .elementor-widget-image:first-child,
body.single-product .c6-recognition-media .elementor-widget-image.is-active,
body.single-product .c6-recognition-source.is-active {
  opacity: 1;
  position: relative !important;
  transform: translateX(0);
  z-index: 1;
}

body.single-product .c6-recognition-media .elementor-widget-image img,
body.single-product .c6-recognition-source img {
  display: block;
  height: auto !important;
  object-fit: cover;
  width: 100% !important;
}

body.single-product .c6-recognition-caption {
  background: linear-gradient(180deg, rgba(14, 20, 30, 0), rgba(14, 20, 30, .86));
  bottom: 0;
  color: #fff;
  left: 0;
  min-height: 118px;
  padding: 28px 48px 24px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 6;
}

body.single-product .c6-recognition-caption h3 {
  color: #fff !important;
  font-size: clamp(18px, 1.55vw, 26px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  margin: 0 0 10px !important;
}

body.single-product .c6-recognition-caption p {
  color: #fff !important;
  font-size: clamp(13px, .95vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin: 0 auto !important;
  max-width: 830px;
}

body.single-product .c6-recognition-tabs {
  background: #f0f0f2;
  width: 100%;
}

body.single-product .c6-recognition-tab {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #121824;
  cursor: pointer;
  display: flex;
  gap: 18px;
  min-height: 92px;
  padding: 0 20px;
  position: relative;
  text-align: left;
  width: 100%;
}

body.single-product .c6-recognition-tab::before {
  background: #168cf0;
  content: "";
  inset: 0 auto 0 0;
  opacity: 0;
  position: absolute;
  transition: opacity .2s ease;
  width: 8px;
}

body.single-product .c6-recognition-tab.is-active::before,
body.single-product .c6-recognition-tab:hover::before {
  opacity: 1;
}

body.single-product .c6-recognition-tab span {
  align-items: center;
  border: 1px solid #121824;
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 42px;
  font-size: 12px;
  font-weight: 700;
  height: 42px;
  justify-content: center;
}

body.single-product .c6-recognition-tab strong {
  font-size: 16px;
  line-height: 1.2;
}

body.single-product .c6-recognition-tab:hover,
body.single-product .c6-recognition-tab.is-active,
body.single-product .c6-recognition-tab:hover span,
body.single-product .c6-recognition-tab.is-active span {
  border-color: #168cf0;
  color: #168cf0;
}

body.single-product .c6-two-col {
  padding: 0;
}

body.single-product .c6-two-col > .elementor-container {
  align-items: stretch;
  grid-template-columns: 1fr 1fr;
  width: 100% !important;
}

body.single-product .c6-two-col .elementor-widget-wrap {
  min-height: 420px;
  justify-content: center;
}

body.single-product .c6-two-col .c6-copy-col .elementor-widget-wrap {
  padding: 56px max(60px, calc((100vw - 1120px) / 2)) 56px 72px;
}

body.single-product .c6-two-col.is-reverse .c6-copy-col .elementor-widget-wrap {
  padding: 56px 72px 56px max(60px, calc((100vw - 1120px) / 2));
}

body.single-product .c6-two-col .elementor-heading-title {
  color: #050505 !important;
  font-size: clamp(28px, 2.7vw, 46px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  margin: 0 0 24px !important;
}

body.single-product .c6-two-col .elementor-widget-text-editor,
body.single-product .c6-two-col .elementor-widget-text-editor p {
  color: #354052 !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
  line-height: 1.7 !important;
}

body.single-product .c6-two-col .elementor-widget-image img {
  display: block;
  height: 100% !important;
  object-fit: cover;
  width: 100% !important;
}

body.single-product .c6-anti-section {
  background: #fff;
  padding: 74px 0;
}

body.single-product .c6-anti-section > .elementor-container,
body.single-product .c6-indicator-section > .elementor-container {
  align-items: center;
  gap: 54px;
  grid-template-columns: 1fr 1fr;
}

body.single-product .c6-anti-section .elementor-widget-image img,
body.single-product .c6-indicator-section .elementor-widget-image img {
  display: block;
  max-height: 360px;
  object-fit: contain;
  width: 100% !important;
}

body.single-product .c6-communication {
  background: #07527d;
  padding: 70px 0;
}

body.single-product .c6-communication > .elementor-container {
  align-items: center;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
}

body.single-product .c6-communication .elementor-heading-title,
body.single-product .c6-communication .elementor-widget-text-editor,
body.single-product .c6-communication .elementor-widget-text-editor p {
  color: #fff !important;
}

body.single-product .c6-protocol-cards .elementor-widget-wrap {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, minmax(0, 230px));
  justify-content: end;
}

body.single-product .c6-protocol-cards .elementor-widget-image img {
  border-radius: 8px;
  display: block;
  max-width: 230px;
  width: 100% !important;
}

body.single-product .c6-indicator-section {
  background: #fff;
  padding: 70px 0;
}

body.single-product .c6-model-comparison,
body.single-product .c6-odm-section {
  background: #f0f1f4;
}

body.single-product .c6-model-comparison img,
body.single-product .c6-odm-section img {
  display: block;
  width: 100% !important;
}

body.single-product .c6-waterproof {
  background: #e7e8ec;
}

body.single-product .c6-waterproof .c6-copy-col .elementor-widget-wrap {
  background: #e1e2e6;
}

body.single-product .c6-scan-code {
  background: #fff;
}

body.single-product .c6-apps {
  background: #4aa8f2;
  padding: 62px 0 78px;
}

body.single-product .c6-apps > .elementor-container {
  gap: 38px 50px;
  grid-template-columns: repeat(3, minmax(0, 330px));
  justify-content: center;
}

body.single-product .c6-apps .c6-section-title {
  grid-column: 1 / -1;
  text-align: center;
}

body.single-product .c6-apps .c6-section-title .elementor-heading-title {
  color: #fff !important;
  margin-bottom: 8px !important;
}

body.single-product .c6-app-card img {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100% !important;
}

body.single-product .c6-app-card .elementor-widget-text-editor p {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 16px 0 0 !important;
  text-align: center;
}

body.single-product .c6-why {
  background: #fff;
  padding: 50px 0 42px;
  text-align: center;
}

body.single-product .c6-why > .elementor-container {
  gap: 22px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  justify-content: center;
}

body.single-product .c6-why .c6-section-title {
  grid-column: 1 / -1;
}

body.single-product .c6-why-icon img {
  height: 74px !important;
  margin: 0 auto;
  object-fit: contain;
  width: 74px !important;
}

body.single-product .c6-why-icon .elementor-widget-text-editor p {
  color: #111827 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  margin-top: 12px !important;
}

body.single-product .c6-spec {
  background: #fff;
  padding: 34px 0 96px;
}

body.single-product .c6-spec > .elementor-container {
  width: min(1120px, calc(100% - 96px)) !important;
}

body.single-product .c6-spec .c6-section-title {
  text-align: center;
}

body.single-product .c6-spec table {
  border-collapse: collapse;
  color: #243044;
  font-size: 15px;
  margin: 0 auto;
  max-width: 1120px;
  width: 100% !important;
}

body.single-product .c6-spec td,
body.single-product .c6-spec th {
  border: 0;
  padding: 14px 24px;
  text-align: left;
}

body.single-product .c6-spec tr:nth-child(even) td:not([style*="background"]):not([style*="Background"]):not([style*="BACKGROUND"]):not([bgcolor]),
body.single-product .c6-spec tr:nth-child(even) th:not([style*="background"]):not([style*="Background"]):not([style*="BACKGROUND"]):not([bgcolor]) {
  background: #f5f5f5;
}

body.single-product .c6-spec th {
  font-weight: 700;
  width: 34%;
}

body.single-product .c6-spec .c6-spec-group th:not([style*="background"]):not([style*="Background"]):not([style*="BACKGROUND"]):not([bgcolor]),
body.single-product .c6-spec td[colspan]:not([style*="background"]):not([style*="Background"]):not([style*="BACKGROUND"]):not([bgcolor]),
body.single-product .c6-spec th[colspan]:not([style*="background"]):not([style*="Background"]):not([style*="BACKGROUND"]):not([bgcolor]) {
  background: #d6e1f3;
  color: #111827;
  font-weight: 800;
}

body.single-product .c6-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s ease, transform .7s ease;
}

body.single-product .c6-reveal.is-visible {
  opacity: 1;
  transform: none;
}

body.single-product.cyberoce-c6-template-copy .c6-spec,
body.single-product.cyberoce-c6-template-copy .c6-spec .elementor-widget-text-editor {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

body.e-preview--show-hidden-elements .c6-reveal,
body.elementor-editor-active .c6-reveal,
body.e-preview--show-hidden-elements .cr07-editable-reveal,
body.elementor-editor-active .cr07-editable-reveal,
body.e-preview--show-hidden-elements .reveal,
body.elementor-editor-active .reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

@media (max-width: 980px) {
  body.single-product .c6-detail-section > .elementor-container,
  body.single-product .c6-detail-hero > .elementor-container,
  body.single-product .c6-detail-recognition > .elementor-container,
  body.single-product .c6-two-col > .elementor-container,
  body.single-product .c6-anti-section > .elementor-container,
  body.single-product .c6-indicator-section > .elementor-container,
  body.single-product .c6-communication > .elementor-container,
  body.single-product .c6-apps > .elementor-container,
  body.single-product .c6-why > .elementor-container {
    grid-template-columns: 1fr !important;
    width: min(100% - 40px, 720px) !important;
  }

  body.single-product .c6-wide-visual .elementor-widget-text-editor {
    left: 28px;
    max-width: min(360px, calc(100% - 56px));
  }

  body.single-product .c6-card-distance .elementor-widget-heading,
  body.single-product .c6-card-distance .elementor-widget-text-editor {
    left: 28px !important;
    max-width: min(360px, calc(100% - 56px));
    right: auto;
    width: auto;
  }

  body.single-product .c6-two-col .c6-copy-col .elementor-widget-wrap,
  body.single-product .c6-two-col.is-reverse .c6-copy-col .elementor-widget-wrap {
    padding: 44px 28px;
  }

  body.single-product .c6-protocol-cards .elementor-widget-wrap,
  body.single-product .c6-apps > .elementor-container {
    grid-template-columns: 1fr 1fr !important;
  }

  body.single-product .c6-why > .elementor-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  body.single-product .c6-detail-anchor .elementor-widget-text-editor p {
    gap: 16px;
    justify-content: flex-start;
    overflow-x: auto;
  }

  body.single-product .c6-protocol-cards .elementor-widget-wrap,
  body.single-product .c6-apps > .elementor-container,
  body.single-product .c6-why > .elementor-container {
    grid-template-columns: 1fr !important;
  }
}

/* C6/C6NK final artboard alignment */
@media (min-width: 981px) {
  .elementor-54 .c6-detail-hero,
  .elementor-85 .c6-detail-hero {
    padding: 44px 0 42px;
  }

  .elementor-54 .c6-detail-hero > .elementor-container,
  .elementor-85 .c6-detail-hero > .elementor-container {
    grid-template-columns: minmax(0, 440px) minmax(320px, 430px);
    justify-content: space-between;
    min-height: 326px;
    width: min(1120px, calc(100% - 720px)) !important;
  }

  .elementor-54 .c6-hero-copy .elementor-heading-title,
  .elementor-85 .c6-hero-copy .elementor-heading-title {
    font-size: clamp(46px, 3.1vw, 60px) !important;
    margin-bottom: 28px !important;
  }

  .elementor-54 .c6-hero-copy .elementor-widget-wrap,
  .elementor-85 .c6-hero-copy .elementor-widget-wrap {
    align-items: start;
    grid-template-columns: repeat(2, 72px);
    grid-auto-rows: auto 72px;
    gap: 14px 18px;
  }

  .elementor-54 .c6-hero-copy .elementor-widget-image,
  .elementor-85 .c6-hero-copy .elementor-widget-image {
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    cursor: pointer;
    display: flex;
    height: 72px;
    justify-content: center;
    margin: 0 !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    width: 72px;
  }

  .elementor-54 .c6-hero-copy .elementor-widget-image:hover,
  .elementor-54 .c6-hero-copy .elementor-widget-image.is-active,
  .elementor-85 .c6-hero-copy .elementor-widget-image:hover,
  .elementor-85 .c6-hero-copy .elementor-widget-image.is-active {
    border-color: #168cf0;
    box-shadow: 0 10px 24px rgba(22, 140, 240, .18);
  }

  .elementor-54 .c6-hero-copy .elementor-widget-image:focus-visible,
  .elementor-85 .c6-hero-copy .elementor-widget-image:focus-visible {
    outline: 2px solid #168cf0;
    outline-offset: 3px;
  }

  .elementor-54 .c6-hero-copy .elementor-widget-image img,
  .elementor-85 .c6-hero-copy .elementor-widget-image img {
    background: transparent;
    height: 58px !important;
    padding: 0;
    width: 58px !important;
  }

  .elementor-54 .c6-hero-visual .elementor-widget-image img,
  .elementor-85 .c6-hero-visual .elementor-widget-image img {
    max-height: 330px;
    opacity: 1;
    transform: translateX(0) scale(1);
    transition: opacity .26s ease, transform .26s ease;
    width: min(360px, 100%) !important;
  }

  .elementor-54 .c6-hero-visual.is-switching .elementor-widget-image img,
  .elementor-85 .c6-hero-visual.is-switching .elementor-widget-image img {
    opacity: 0;
    transform: translateX(18px) scale(.98);
  }

  .elementor-54 .c6-hero-visual.is-switched .elementor-widget-image img,
  .elementor-85 .c6-hero-visual.is-switched .elementor-widget-image img {
    animation: c6HeroImageIn .28s ease both;
  }

  .elementor-54 .c6-detail-anchor .elementor-widget-text-editor p,
  .elementor-85 .c6-detail-anchor .elementor-widget-text-editor p {
    min-height: 42px;
  }

  .elementor-54 .c6-detail-anchor .elementor-widget-text-editor a,
  .elementor-85 .c6-detail-anchor .elementor-widget-text-editor a {
    font-size: 12px;
  }

  .elementor-54 .c6-detail-anchor .elementor-widget-text-editor .c6-anchor-download,
  .elementor-85 .c6-detail-anchor .elementor-widget-text-editor .c6-anchor-download {
    min-width: 102px;
    padding: 7px 20px;
  }

  .elementor-54 .c6-detail-recognition,
  .elementor-85 .c6-detail-recognition {
    padding: 78px 0 94px;
  }

  .elementor-54 .c6-detail-recognition > .elementor-container,
  .elementor-85 .c6-detail-recognition > .elementor-container {
    column-gap: 28px;
    grid-template-columns: 1025px 300px;
    width: 1353px !important;
  }

  .elementor-54 .c6-recognition-title .elementor-heading-title,
  .elementor-85 .c6-recognition-title .elementor-heading-title {
    font-size: 24px !important;
    margin-bottom: 42px !important;
  }

  .elementor-54 .c6-recognition-media .elementor-widget-wrap,
  .elementor-85 .c6-recognition-media .elementor-widget-wrap {
    min-height: 578px;
  }

  .elementor-54 .c6-recognition-tab,
  .elementor-85 .c6-recognition-tab {
    min-height: 104px;
    padding: 0 26px;
  }

  .elementor-54 .c6-recognition-tab span,
  .elementor-85 .c6-recognition-tab span {
    flex-basis: 44px;
    height: 44px;
  }

  .elementor-54 .c6-anti-section,
  .elementor-54 .c6-communication,
  .elementor-54 .c6-indicator-section,
  .elementor-85 .c6-anti-section,
  .elementor-85 .c6-communication,
  .elementor-85 .c6-indicator-section {
    min-height: 665px;
    padding: 0;
  }

  .elementor-54 .c6-anti-section > .elementor-container,
  .elementor-54 .c6-communication > .elementor-container,
  .elementor-54 .c6-indicator-section > .elementor-container,
  .elementor-85 .c6-anti-section > .elementor-container,
  .elementor-85 .c6-communication > .elementor-container,
  .elementor-85 .c6-indicator-section > .elementor-container {
    gap: 86px;
    grid-template-columns: 500px 520px;
    min-height: 665px;
    width: 1120px !important;
  }

  .elementor-54 .c6-anti-section .elementor-widget-image img,
  .elementor-85 .c6-anti-section .elementor-widget-image img {
    max-height: 407px;
  }

  .elementor-54 .c6-indicator-section .elementor-widget-image img,
  .elementor-85 .c6-indicator-section .elementor-widget-image img {
    max-height: 430px;
  }

  .elementor-54 .c6-protocol-cards .elementor-widget-wrap,
  .elementor-85 .c6-protocol-cards .elementor-widget-wrap {
    gap: 36px;
    grid-template-columns: repeat(2, 270px);
  }

  .elementor-54 .c6-protocol-cards .elementor-widget-image img,
  .elementor-85 .c6-protocol-cards .elementor-widget-image img {
    max-width: 270px;
  }

  .elementor-54 .c6-two-col .elementor-widget-wrap,
  .elementor-85 .c6-two-col .elementor-widget-wrap {
    min-height: 665px;
  }

  .elementor-54 .c6-apps > .elementor-container,
  .elementor-85 .c6-apps > .elementor-container {
    gap: 42px 62px;
    grid-template-columns: repeat(3, 400px);
    width: 1324px !important;
  }

  .elementor-54 .c6-apps .c6-section-title .elementor-heading-title,
  .elementor-85 .c6-apps .c6-section-title .elementor-heading-title {
    font-size: 24px !important;
  }

  .elementor-54 .c6-app-card img,
  .elementor-85 .c6-app-card img {
    height: 300px !important;
    width: 400px !important;
  }

  .elementor-54 .c6-why > .elementor-container,
  .elementor-85 .c6-why > .elementor-container {
    gap: 52px;
    grid-template-columns: repeat(6, 110px);
    width: 920px !important;
  }

  .elementor-54 .c6-why-icon img,
  .elementor-85 .c6-why-icon img {
    height: 86px !important;
    width: 86px !important;
  }

  .elementor-54 .c6-spec,
  .elementor-85 .c6-spec {
    min-height: 520px;
    padding: 36px 0 96px;
  }

  .elementor-54 .c6-spec .elementor-widget-text-editor,
  .elementor-85 .c6-spec .elementor-widget-text-editor {
    display: block;
    width: 100%;
  }

  .elementor-54 .c6-spec .elementor-widget-text-editor table,
  .elementor-85 .c6-spec .elementor-widget-text-editor table {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
    width: 100%;
  }
}

@media (min-width: 981px) {
  body.single-product .elementor-54 .c6-detail-recognition > .elementor-container,
  body.single-product .elementor-85 .c6-detail-recognition > .elementor-container {
    column-gap: 28px !important;
    grid-template-columns: 1025px 300px !important;
    width: 1353px !important;
  }

  body.single-product .elementor-54 .c6-recognition-media .elementor-widget-wrap,
  body.single-product .elementor-85 .c6-recognition-media .elementor-widget-wrap {
    min-height: 578px !important;
  }

  body.single-product .elementor-54 .c6-recognition-tabs,
  body.single-product .elementor-85 .c6-recognition-tabs {
    width: 300px !important;
  }
}

@keyframes c6HeroImageIn {
  from {
    opacity: 0;
    transform: translateX(-12px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@media (min-width: 981px) {
  body.single-product .elementor-54 .c6-scan-code,
  body.single-product .elementor-85 .c6-scan-code {
    background: #fff;
    height: 665px;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
  }

  body.single-product .elementor-54 .c6-scan-code > .elementor-container,
  body.single-product .elementor-85 .c6-scan-code > .elementor-container {
    display: block !important;
    height: 665px;
    max-width: none !important;
    position: relative;
    width: 100% !important;
  }

  body.single-product .elementor-54 .c6-scan-code .c6-copy-col,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col {
    left: 18.1%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 435px !important;
    z-index: 2;
  }

  body.single-product .elementor-54 .c6-scan-code .c6-copy-col .elementor-widget-wrap,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col .elementor-widget-wrap {
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.single-product .elementor-54 .c6-scan-code .c6-copy-col .elementor-heading-title,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col .elementor-heading-title {
    font-size: 36px !important;
    line-height: 1.12 !important;
    margin-bottom: 24px !important;
  }

  body.single-product .elementor-54 .c6-scan-code .c6-copy-col .elementor-widget-text-editor,
  body.single-product .elementor-54 .c6-scan-code .c6-copy-col .elementor-widget-text-editor p,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col .elementor-widget-text-editor,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col .elementor-widget-text-editor p {
    color: #050505 !important;
    font-size: 22px !important;
    line-height: 1.5 !important;
  }

  body.single-product .elementor-54 .c6-scan-code .elementor-column:not(.c6-copy-col),
  body.single-product .elementor-85 .c6-scan-code .elementor-column:not(.c6-copy-col) {
    display: block !important;
    height: 665px !important;
    inset: 0 !important;
    opacity: 1 !important;
    position: absolute !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 1 !important;
  }

  body.single-product .elementor-54 .c6-scan-code .elementor-column:not(.c6-copy-col) .elementor-widget-wrap,
  body.single-product .elementor-85 .c6-scan-code .elementor-column:not(.c6-copy-col) .elementor-widget-wrap,
  body.single-product .elementor-54 .c6-scan-code .elementor-column:not(.c6-copy-col) .elementor-widget-image,
  body.single-product .elementor-85 .c6-scan-code .elementor-column:not(.c6-copy-col) .elementor-widget-image,
  body.single-product .elementor-54 .c6-scan-code .elementor-column:not(.c6-copy-col) .elementor-widget-container,
  body.single-product .elementor-85 .c6-scan-code .elementor-column:not(.c6-copy-col) .elementor-widget-container {
    height: 665px !important;
    min-height: 665px !important;
    width: 100% !important;
  }

  body.single-product .elementor-54 .c6-scan-code .elementor-column:not(.c6-copy-col) img,
  body.single-product .elementor-85 .c6-scan-code .elementor-column:not(.c6-copy-col) img {
    display: block !important;
    height: 665px !important;
    min-height: 665px !important;
    object-fit: cover !important;
    object-position: center top !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  body.single-product .elementor-54 .c6-apps,
  body.single-product .elementor-85 .c6-apps {
    padding: 76px 0 88px !important;
  }

  body.single-product .elementor-54 .c6-apps > .elementor-container,
  body.single-product .elementor-85 .c6-apps > .elementor-container {
    column-gap: 86px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 400px)) !important;
    max-width: 1390px !important;
    row-gap: 56px !important;
    width: calc(100% - 520px) !important;
  }

  body.single-product .elementor-54 .c6-app-card,
  body.single-product .elementor-85 .c6-app-card {
    min-width: 0;
  }

  body.single-product .elementor-54 .c6-app-card img,
  body.single-product .elementor-85 .c6-app-card img {
    aspect-ratio: 4 / 3;
    display: block;
    height: auto !important;
    object-fit: cover;
    width: 100% !important;
  }

  body.single-product .elementor-54 .c6-app-card .elementor-widget-text-editor p,
  body.single-product .elementor-85 .c6-app-card .elementor-widget-text-editor p {
    font-size: 26px !important;
    line-height: 1.15 !important;
    margin: 18px 0 0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1500px) {
  body.single-product .elementor-54 .c6-scan-code .c6-copy-col,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col {
    left: 10%;
    width: 330px !important;
  }

  body.single-product .elementor-54 .c6-scan-code .c6-copy-col .elementor-heading-title,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col .elementor-heading-title {
    font-size: 28px !important;
  }

  body.single-product .elementor-54 .c6-scan-code .c6-copy-col .elementor-widget-text-editor,
  body.single-product .elementor-54 .c6-scan-code .c6-copy-col .elementor-widget-text-editor p,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col .elementor-widget-text-editor,
  body.single-product .elementor-85 .c6-scan-code .c6-copy-col .elementor-widget-text-editor p {
    font-size: 16px !important;
  }

  body.single-product .elementor-54 .c6-apps > .elementor-container,
  body.single-product .elementor-85 .c6-apps > .elementor-container {
    column-gap: 58px !important;
    max-width: 1180px !important;
    width: calc(100% - 160px) !important;
  }

  body.single-product .elementor-54 .c6-app-card .elementor-widget-text-editor p,
  body.single-product .elementor-85 .c6-app-card .elementor-widget-text-editor p {
    font-size: 18px !important;
  }
}

@media (min-width: 981px) {
  body.single-product .elementor-54 .c6-protocol-cards .elementor-widget-wrap,
  body.single-product .elementor-85 .c6-protocol-cards .elementor-widget-wrap {
    align-items: start !important;
  }

  body.single-product .elementor-54 .c6-protocol-cards .elementor-widget-image,
  body.single-product .elementor-85 .c6-protocol-cards .elementor-widget-image {
    align-self: start !important;
    display: block !important;
    height: 333px !important;
    justify-self: stretch !important;
    margin: 0 !important;
    min-height: 333px !important;
  }

  body.single-product .elementor-54 .c6-protocol-cards .elementor-widget-image img,
  body.single-product .elementor-85 .c6-protocol-cards .elementor-widget-image img {
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
  }
}

/* Copied CR07-style products: keep hero thumbnail icons visually equal. */
body.single-product.cyberoce-cr07-template-copy .cr07-editable-hero .c6-hero-copy .elementor-widget-wrap {
  align-items: center !important;
}

body.single-product.cyberoce-cr07-template-copy .cr07-editable-hero .c6-hero-copy .cr07-editable-thumb,
body.single-product.cyberoce-cr07-template-copy .cr07-editable-hero .c6-hero-copy .elementor-widget-image.cr07-editable-thumb {
  align-items: center !important;
  align-self: start !important;
  background: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: 0 12px 24px rgba(17, 24, 39, .06) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  height: 64px !important;
  justify-content: center !important;
  margin: 20px 0 0 !important;
  padding: 6px !important;
  width: 64px !important;
}

body.single-product.cyberoce-cr07-template-copy .cr07-editable-hero .c6-hero-copy .cr07-editable-thumb.is-active,
body.single-product.cyberoce-cr07-template-copy .cr07-editable-hero .c6-hero-copy .cr07-editable-thumb:hover {
  border-color: #168ff0 !important;
  box-shadow: 0 18px 36px rgba(29, 128, 232, .18) !important;
  transform: translateY(-2px) !important;
}

body.single-product.cyberoce-cr07-template-copy .cr07-editable-hero .c6-hero-copy .cr07-editable-thumb .elementor-widget-container {
  align-items: center !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.single-product.cyberoce-cr07-template-copy .cr07-editable-hero .c6-hero-copy .cr07-editable-thumb img {
  background: transparent !important;
  box-sizing: border-box !important;
  display: block !important;
  filter: none !important;
  height: 52px !important;
  max-height: 52px !important;
  max-width: 52px !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: 52px !important;
}

/* Elementor editor: keep C6/C6NK specification tables visible for editing. */
body.elementor-editor-active .elementor-54 .c6-spec .elementor-widget-text-editor,
body.elementor-editor-active .elementor-85 .c6-spec .elementor-widget-text-editor,
body.e-preview--show-hidden-elements .elementor-54 .c6-spec .elementor-widget-text-editor,
body.e-preview--show-hidden-elements .elementor-85 .c6-spec .elementor-widget-text-editor,
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec .elementor-widget-text-editor,
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec .elementor-widget-text-editor {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

body.elementor-editor-active .elementor-54 .c6-spec .elementor-widget-text-editor table,
body.elementor-editor-active .elementor-85 .c6-spec .elementor-widget-text-editor table,
body.e-preview--show-hidden-elements .elementor-54 .c6-spec .elementor-widget-text-editor table,
body.e-preview--show-hidden-elements .elementor-85 .c6-spec .elementor-widget-text-editor table,
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec .elementor-widget-text-editor table,
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec .elementor-widget-text-editor table {
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1120px !important;
  width: 100% !important;
}

@media (min-width: 981px) {
  body.single-product .elementor-54 .c6-touchless,
  body.single-product .elementor-85 .c6-touchless,
  body.single-product .elementor-54 .c6-card-distance,
  body.single-product .elementor-85 .c6-card-distance,
  .elementor-54 .c6-touchless,
  .elementor-85 .c6-touchless,
  .elementor-54 .c6-card-distance,
  .elementor-85 .c6-card-distance {
    height: 665px !important;
    min-height: 665px !important;
    overflow: hidden !important;
  }

  body.single-product .elementor-54 .c6-touchless > .elementor-container,
  body.single-product .elementor-85 .c6-touchless > .elementor-container,
  body.single-product .elementor-54 .c6-card-distance > .elementor-container,
  body.single-product .elementor-85 .c6-card-distance > .elementor-container,
  .elementor-54 .c6-touchless > .elementor-container,
  .elementor-85 .c6-touchless > .elementor-container,
  .elementor-54 .c6-card-distance > .elementor-container,
  .elementor-85 .c6-card-distance > .elementor-container {
    height: 665px !important;
    min-height: 665px !important;
    width: 100% !important;
  }

  body.single-product .elementor-54 .c6-touchless .elementor-column,
  body.single-product .elementor-85 .c6-touchless .elementor-column,
  body.single-product .elementor-54 .c6-card-distance .elementor-column,
  body.single-product .elementor-85 .c6-card-distance .elementor-column,
  .elementor-54 .c6-touchless .elementor-column,
  .elementor-85 .c6-touchless .elementor-column,
  .elementor-54 .c6-card-distance .elementor-column,
  .elementor-85 .c6-card-distance .elementor-column,
  body.single-product .elementor-54 .c6-touchless .elementor-widget-wrap,
  body.single-product .elementor-85 .c6-touchless .elementor-widget-wrap,
  body.single-product .elementor-54 .c6-card-distance .elementor-widget-wrap,
  body.single-product .elementor-85 .c6-card-distance .elementor-widget-wrap,
  .elementor-54 .c6-touchless .elementor-widget-wrap,
  .elementor-85 .c6-touchless .elementor-widget-wrap,
  .elementor-54 .c6-card-distance .elementor-widget-wrap,
  .elementor-85 .c6-card-distance .elementor-widget-wrap {
    height: 665px !important;
    min-height: 665px !important;
  }

  body.single-product .elementor-54 .c6-touchless .elementor-widget-image,
  body.single-product .elementor-85 .c6-touchless .elementor-widget-image,
  body.single-product .elementor-54 .c6-card-distance .elementor-widget-image,
  body.single-product .elementor-85 .c6-card-distance .elementor-widget-image,
  .elementor-54 .c6-touchless .elementor-widget-image,
  .elementor-85 .c6-touchless .elementor-widget-image,
  .elementor-54 .c6-card-distance .elementor-widget-image,
  .elementor-85 .c6-card-distance .elementor-widget-image,
  body.single-product .elementor-54 .c6-touchless .elementor-widget-image .elementor-widget-container,
  body.single-product .elementor-85 .c6-touchless .elementor-widget-image .elementor-widget-container,
  body.single-product .elementor-54 .c6-card-distance .elementor-widget-image .elementor-widget-container,
  body.single-product .elementor-85 .c6-card-distance .elementor-widget-image .elementor-widget-container,
  .elementor-54 .c6-touchless .elementor-widget-image .elementor-widget-container,
  .elementor-85 .c6-touchless .elementor-widget-image .elementor-widget-container,
  .elementor-54 .c6-card-distance .elementor-widget-image .elementor-widget-container,
  .elementor-85 .c6-card-distance .elementor-widget-image .elementor-widget-container {
    height: 665px !important;
    min-height: 665px !important;
  }

  body.single-product .elementor-54 .c6-touchless .elementor-widget-image img,
  body.single-product .elementor-85 .c6-touchless .elementor-widget-image img,
  body.single-product .elementor-54 .c6-card-distance .elementor-widget-image img,
  body.single-product .elementor-85 .c6-card-distance .elementor-widget-image img,
  .elementor-54 .c6-touchless .elementor-widget-image img,
  .elementor-85 .c6-touchless .elementor-widget-image img,
  .elementor-54 .c6-card-distance .elementor-widget-image img,
  .elementor-85 .c6-card-distance .elementor-widget-image img {
    height: 665px !important;
    min-height: 665px !important;
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
  }

  body.single-product .elementor-54 .c6-card-distance > .elementor-container,
  body.single-product .elementor-85 .c6-card-distance > .elementor-container,
  .elementor-54 .c6-card-distance > .elementor-container,
  .elementor-85 .c6-card-distance > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.single-product .elementor-54 .c6-card-distance > .elementor-container > .elementor-column,
  body.single-product .elementor-85 .c6-card-distance > .elementor-container > .elementor-column,
  .elementor-54 .c6-card-distance > .elementor-container > .elementor-column,
  .elementor-85 .c6-card-distance > .elementor-container > .elementor-column {
    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
    width: 100% !important;
  }

  body.single-product .elementor-54 .c6-card-distance .elementor-widget-heading,
  body.single-product .elementor-85 .c6-card-distance .elementor-widget-heading,
  .elementor-54 .c6-card-distance .elementor-widget-heading,
  .elementor-85 .c6-card-distance .elementor-widget-heading {
    left: auto !important;
    max-width: 520px !important;
    position: absolute !important;
    right: max(72px, calc((100vw - 1120px) / 2 + 24px)) !important;
    top: calc(50% - 104px) !important;
    transform: none !important;
    width: min(520px, calc(50vw - 96px)) !important;
    z-index: 5 !important;
  }

  body.single-product .elementor-54 .c6-card-distance .elementor-widget-text-editor,
  body.single-product .elementor-85 .c6-card-distance .elementor-widget-text-editor,
  .elementor-54 .c6-card-distance .elementor-widget-text-editor,
  .elementor-85 .c6-card-distance .elementor-widget-text-editor {
    left: auto !important;
    max-width: 520px !important;
    position: absolute !important;
    right: max(72px, calc((100vw - 1120px) / 2 + 24px)) !important;
    top: calc(50% + 80px) !important;
    transform: none !important;
    width: min(520px, calc(50vw - 96px)) !important;
    z-index: 5 !important;
  }

  body.single-product .elementor-54 .c6-card-distance .elementor-heading-title,
  body.single-product .elementor-85 .c6-card-distance .elementor-heading-title,
  .elementor-54 .c6-card-distance .elementor-heading-title,
  .elementor-85 .c6-card-distance .elementor-heading-title {
    color: #fff !important;
  }

  body.single-product .elementor-54 .c6-touchless .c6-overlay-copy,
  body.single-product .elementor-85 .c6-touchless .c6-overlay-copy,
  .elementor-54 .c6-touchless .c6-overlay-copy,
  .elementor-85 .c6-touchless .c6-overlay-copy {
    top: calc(50% - 92px) !important;
  }

  body.single-product .elementor-54 .c6-touchless .c6-reveal,
  body.single-product .elementor-85 .c6-touchless .c6-reveal,
  body.single-product .elementor-54 .c6-card-distance .c6-reveal,
  body.single-product .elementor-85 .c6-card-distance .c6-reveal,
  .elementor-54 .c6-touchless .c6-reveal,
  .elementor-85 .c6-touchless .c6-reveal,
  .elementor-54 .c6-card-distance .c6-reveal,
  .elementor-85 .c6-card-distance .c6-reveal {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}

@media (min-width: 981px) {
  body.single-product.cyberoce-c6-template-product .c6-touchless {
    position: relative !important;
  }

  body.single-product.cyberoce-c6-template-product .c6-touchless .c6-overlay-copy,
  body.elementor-editor-active .cyberoce-c6-template-root .c6-touchless .c6-overlay-copy,
  body.elementor-editor-active .c6-touchless .c6-overlay-copy {
    left: max(84px, calc((100vw - 1120px) / 2 + 24px)) !important;
    max-width: 520px !important;
    overflow: visible !important;
    position: absolute !important;
    right: auto !important;
    top: calc(50% - 112px) !important;
    transform: none !important;
    width: min(520px, calc(50vw - 88px)) !important;
    z-index: 8 !important;
  }

  body.single-product.cyberoce-c6-template-product .c6-touchless .c6-overlay-copy .elementor-widget-container,
  body.elementor-editor-active .cyberoce-c6-template-root .c6-touchless .c6-overlay-copy .elementor-widget-container,
  body.elementor-editor-active .c6-touchless .c6-overlay-copy .elementor-widget-container {
    overflow: visible !important;
  }

  body.single-product.cyberoce-c6-template-product .c6-touchless .c6-overlay-copy h1,
  body.single-product.cyberoce-c6-template-product .c6-touchless .c6-overlay-copy h2,
  body.single-product.cyberoce-c6-template-product .c6-touchless .c6-overlay-copy h3,
  body.elementor-editor-active .cyberoce-c6-template-root .c6-touchless .c6-overlay-copy h1,
  body.elementor-editor-active .cyberoce-c6-template-root .c6-touchless .c6-overlay-copy h2,
  body.elementor-editor-active .cyberoce-c6-template-root .c6-touchless .c6-overlay-copy h3,
  body.elementor-editor-active .c6-touchless .c6-overlay-copy h1,
  body.elementor-editor-active .c6-touchless .c6-overlay-copy h2,
  body.elementor-editor-active .c6-touchless .c6-overlay-copy h3 {
    color: #000 !important;
    font-size: clamp(28px, 2.25vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    margin: 0 0 28px !important;
    max-width: 500px !important;
    white-space: normal !important;
  }

  body.single-product.cyberoce-c6-template-product .c6-touchless .c6-overlay-copy,
  body.single-product.cyberoce-c6-template-product .c6-touchless .c6-overlay-copy p,
  body.elementor-editor-active .cyberoce-c6-template-root .c6-touchless .c6-overlay-copy,
  body.elementor-editor-active .cyberoce-c6-template-root .c6-touchless .c6-overlay-copy p,
  body.elementor-editor-active .c6-touchless .c6-overlay-copy,
  body.elementor-editor-active .c6-touchless .c6-overlay-copy p {
    color: #fff !important;
    font-size: clamp(15px, 1.1vw, 18px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    max-width: 520px !important;
    overflow: visible !important;
    white-space: normal !important;
  }
}

body.single-product.cyberoce-c6-template-product .c6-spec table,
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec table,
body.elementor-editor-active .c6-spec table,
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec table {
  border-collapse: collapse !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec td,
body.single-product.cyberoce-c6-template-product .c6-spec th,
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec td,
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec th,
body.elementor-editor-active .c6-spec td,
body.elementor-editor-active .c6-spec th,
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec td,
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec th {
  background: transparent !important;
  border: 0 !important;
  padding: 14px 24px !important;
  text-align: left !important;
  vertical-align: middle !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec tr:nth-child(even) > td,
body.single-product.cyberoce-c6-template-product .c6-spec tr:nth-child(even) > th,
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec tr:nth-child(even) > td,
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec tr:nth-child(even) > th,
body.elementor-editor-active .c6-spec tr:nth-child(even) > td,
body.elementor-editor-active .c6-spec tr:nth-child(even) > th,
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec tr:nth-child(even) > td,
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec tr:nth-child(even) > th {
  background: #f5f5f5 !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec td[colspan],
body.single-product.cyberoce-c6-template-product .c6-spec th[colspan],
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec td[colspan],
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec th[colspan],
body.elementor-editor-active .c6-spec td[colspan],
body.elementor-editor-active .c6-spec th[colspan],
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec td[colspan],
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec th[colspan] {
  background: #d6e1f3 !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > td[colspan],
body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > th[colspan],
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec table tbody tr > td[colspan],
body.elementor-editor-active .cyberoce-c6-template-root .c6-spec table tbody tr > th[colspan],
body.elementor-editor-active .c6-spec table tbody tr > td[colspan],
body.elementor-editor-active .c6-spec table tbody tr > th[colspan],
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec table tbody tr > td[colspan],
body.e-preview--show-hidden-elements .cyberoce-c6-template-root .c6-spec table tbody tr > th[colspan] {
  background: #d6e1f3 !important;
  background-color: #d6e1f3 !important;
  background-image: none !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec > .elementor-container > .elementor-column,
body.single-product.cyberoce-c6-template-product .c6-spec .elementor-widget-wrap,
body.single-product.cyberoce-c6-template-product .c6-spec .elementor-widget-text-editor,
body.single-product.cyberoce-c6-template-product .c6-spec .elementor-widget-text-editor .elementor-widget-container,
body.elementor-editor-active .c6-spec > .elementor-container > .elementor-column,
body.elementor-editor-active .c6-spec .elementor-widget-wrap,
body.elementor-editor-active .c6-spec .elementor-widget-text-editor,
body.elementor-editor-active .c6-spec .elementor-widget-text-editor .elementor-widget-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 1120px !important;
  width: 100% !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec .c6-reveal,
body.single-product.cyberoce-c6-template-product .c6-spec .reveal,
body.elementor-editor-active .c6-spec .c6-reveal,
body.elementor-editor-active .c6-spec .reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > td[colspan]:not(:only-child),
body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > th[colspan]:not(:only-child),
body.elementor-editor-active .c6-spec table tbody tr > td[colspan]:not(:only-child),
body.elementor-editor-active .c6-spec table tbody tr > th[colspan]:not(:only-child) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr:nth-child(even) > td[colspan]:not(:only-child),
body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr:nth-child(even) > th[colspan]:not(:only-child),
body.elementor-editor-active .c6-spec table tbody tr:nth-child(even) > td[colspan]:not(:only-child),
body.elementor-editor-active .c6-spec table tbody tr:nth-child(even) > th[colspan]:not(:only-child) {
  background: #f5f5f5 !important;
  background-color: #f5f5f5 !important;
}

body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > td[colspan]:only-child,
body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > th[colspan]:only-child,
body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > td:only-child,
body.single-product.cyberoce-c6-template-product .c6-spec table tbody tr > th:only-child,
body.elementor-editor-active .c6-spec table tbody tr > td[colspan]:only-child,
body.elementor-editor-active .c6-spec table tbody tr > th[colspan]:only-child,
body.elementor-editor-active .c6-spec table tbody tr > td:only-child,
body.elementor-editor-active .c6-spec table tbody tr > th:only-child {
  background: #d6e1f3 !important;
  background-color: #d6e1f3 !important;
  background-image: none !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

body.elementor-editor-active .c6-detail-recognition .c6-recognition-media .elementor-widget-wrap,
body.e-preview--show-hidden-elements .c6-detail-recognition .c6-recognition-media .elementor-widget-wrap {
  align-items: start !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-height: 0 !important;
}

body.elementor-editor-active .c6-detail-recognition .c6-recognition-media .elementor-widget-image,
body.elementor-editor-active .c6-detail-recognition .c6-recognition-source,
body.e-preview--show-hidden-elements .c6-detail-recognition .c6-recognition-media .elementor-widget-image,
body.e-preview--show-hidden-elements .c6-detail-recognition .c6-recognition-source {
  inset: auto !important;
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
  visibility: visible !important;
  z-index: 1 !important;
}

body.elementor-editor-active .c6-detail-recognition .c6-recognition-media .elementor-widget-image img,
body.elementor-editor-active .c6-detail-recognition .c6-recognition-source img,
body.e-preview--show-hidden-elements .c6-detail-recognition .c6-recognition-media .elementor-widget-image img,
body.e-preview--show-hidden-elements .c6-detail-recognition .c6-recognition-source img {
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
}

/* CR10 has three protocol cards (Wiegand / RS232 / RS485). Keep this override
   page-scoped so the already approved two-card reader layouts do not move. */
@media (min-width: 981px) {
  body.single-product.postid-1071 .c6-communication > .elementor-container {
    gap: 70px !important;
    grid-template-columns: 650px 400px !important;
  }

  body.single-product.postid-1071 .c6-protocol-cards .elementor-widget-wrap {
    align-items: stretch !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: start !important;
  }

  body.single-product.postid-1071 .c6-protocol-cards .elementor-widget-image {
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
  }

body.single-product.postid-1071 .c6-protocol-cards .elementor-widget-image img {
    height: auto !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: contain !important;
    width: 100% !important;
  }
}

/* Editable Elementor home page built from the 2026 home slices. */
body.home .site-main.cyberoce-home-elementor {
  background: #fff;
  overflow: hidden;
}

body.home .site-main.cyberoce-home-elementor + .site-footer,
body.home .site-footer {
  display: none;
}

.cyberoce-home-elementor .elementor-section {
  overflow: hidden;
}

.cy-home-hero {
  background: #f6f6f6;
  min-height: 770px;
  position: relative;
}

.cy-home-hero > .elementor-container,
.cy-home-scenario > .elementor-container {
  max-width: none !important;
  min-height: inherit;
  width: 100% !important;
}

.cy-home-hero .elementor-column,
.cy-home-scenario .elementor-column {
  min-height: inherit;
}

.cy-home-hero .elementor-widget-wrap,
.cy-home-scenario .elementor-widget-wrap {
  min-height: inherit;
  position: relative;
}

.cy-home-bg {
  inset: 0;
  margin: 0 !important;
  position: absolute !important;
  z-index: 0;
}

.cy-home-bg .elementor-widget-container,
.cy-home-bg img {
  height: 100% !important;
  width: 100% !important;
}

.cy-home-bg img {
  display: block;
  object-fit: cover;
  object-position: center top;
}

.cy-home-hero-badges {
  left: 150px;
  position: absolute !important;
  top: 145px;
  z-index: 2;
}

.cy-home-hero-badges .elementor-widget-container,
.cy-home-tabs .elementor-widget-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 38px;
}

.cy-home-hero-badges p {
  align-items: center;
  color: #101828;
  display: flex;
  font-size: 21px;
  font-weight: 800;
  gap: 10px;
  margin: 0;
}

.cy-home-hero-badges p::before {
  background: #168af3;
  border-radius: 50%;
  color: #fff;
  content: "✓";
  display: inline-grid;
  font-size: 15px;
  height: 24px;
  place-items: center;
  width: 24px;
}

.cy-home-hero-title {
  left: 145px;
  max-width: 980px;
  position: absolute !important;
  top: 345px;
  width: 980px !important;
  z-index: 2;
}

.cy-home-hero-title .elementor-heading-title {
  color: #f1ff52 !important;
  font-size: 112px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: .95 !important;
}

.cy-home-hero-subtitle {
  left: 145px;
  max-width: 960px;
  position: absolute !important;
  top: 470px;
  width: 960px !important;
  z-index: 2;
}

.cy-home-hero-subtitle .elementor-heading-title {
  color: #fff !important;
  font-size: 50px !important;
  font-weight: 800 !important;
  line-height: 1.24 !important;
}

.cy-home-products {
  padding: 78px 0 95px;
}

.cy-home-container > .elementor-container,
.cy-home-products > .elementor-container,
.cy-home-news > .elementor-container,
.cy-home-why > .elementor-container,
.cy-home-footer > .elementor-container {
  max-width: 1328px !important;
}

.cy-home-title .elementor-heading-title {
  color: #111 !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  text-align: center;
}

.cy-home-intro {
  margin: 16px auto 0 !important;
  max-width: 720px;
}

.cy-home-intro,
.cy-home-intro p {
  color: #555 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  text-align: center;
}

.cy-home-tabs {
  margin: 45px auto 42px !important;
  max-width: 1000px;
}

.cy-home-tabs .elementor-widget-container {
  border-bottom: 1px solid #e6eaf0;
  justify-content: center;
}

.cy-home-tabs a {
  color: #555;
  display: inline-block;
  font-size: 15px;
  padding: 0 28px 17px;
  position: relative;
}

.cy-home-tabs a:first-child {
  color: #168af3;
}

.cy-home-tabs a:first-child::after {
  background: #168af3;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.cy-home-product-row > .elementor-container {
  align-items: end;
  display: grid !important;
  gap: 42px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  max-width: 1328px !important;
}

.cy-home-product-card .elementor-widget-wrap {
  align-content: end;
  display: grid !important;
  gap: 20px;
  justify-items: center;
}

.cy-home-product-card .elementor-widget-image {
  align-items: end;
  display: flex;
  height: 170px;
  justify-content: center;
}

.cy-home-product-card img {
  max-height: 170px;
  object-fit: contain;
  width: auto !important;
}

.cy-home-product-card .elementor-heading-title {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-align: center;
}

.cy-home-scenario {
  min-height: 900px;
  position: relative;
}

.cy-home-scenario-nav {
  bottom: 0;
  left: 50%;
  max-width: 1328px;
  position: absolute !important;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}

.cy-home-scenario-nav .elementor-widget-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.cy-home-scenario-nav a {
  align-items: center;
  background: rgba(0, 0, 0, .44);
  color: #fff;
  display: grid;
  font-size: 13px;
  gap: 9px;
  justify-items: center;
  min-height: 112px;
  text-align: center;
}

.cy-home-scenario-nav a:first-child {
  background: #168af3;
}

.cy-home-news {
  background: #eee;
  padding: 94px 0 118px;
}

.cy-home-news-feature > .elementor-container {
  display: grid !important;
  gap: 28px;
  grid-template-columns: 1.55fr .9fr .9fr;
  max-width: 1328px !important;
}

.cy-home-news-card,
.cy-home-why-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
  overflow: hidden;
}

.cy-home-news-card .elementor-widget-wrap,
.cy-home-why-card .elementor-widget-wrap {
  align-content: start;
  display: grid !important;
}

.cy-home-news-card img {
  display: block;
  height: 245px !important;
  object-fit: cover;
  width: 100% !important;
}

.cy-home-news-card .elementor-heading-title,
.cy-home-news-card .elementor-widget-text-editor,
.cy-home-news-card .elementor-widget-text-editor p,
.cy-home-why-card .elementor-heading-title,
.cy-home-why-card .elementor-widget-text-editor,
.cy-home-why-card .elementor-widget-text-editor p {
  padding-left: 24px;
  padding-right: 24px;
}

.cy-home-news-card .elementor-heading-title {
  color: #111 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.cy-home-news-card .elementor-widget-text-editor p {
  color: #555 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.cy-home-news-grid > .elementor-container {
  display: grid !important;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 32px;
  max-width: 1328px !important;
}

.cy-home-why {
  background: #fff;
  padding: 105px 0 118px;
}

.cy-home-why-grid > .elementor-container {
  display: grid !important;
  gap: 34px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 58px;
  max-width: 1328px !important;
}

.cy-home-why-card {
  background: #f3f3f3;
}

.cy-home-why-card img {
  display: block;
  height: 260px !important;
  object-fit: cover;
  width: 100% !important;
}

.cy-home-why-card .elementor-heading-title {
  color: #111 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  padding-top: 30px;
}

.cy-home-why-card .elementor-widget-text-editor p {
  color: #333 !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  padding-bottom: 36px;
}

.cy-home-footer {
  background: #030303;
  color: #fff;
  padding: 82px 0 54px;
}

.cy-home-footer .elementor-heading-title,
.cy-home-footer .elementor-widget-text-editor,
.cy-home-footer .elementor-widget-text-editor p,
.cy-home-footer a {
  color: #fff !important;
}

.cy-home-footer .cy-home-title .elementor-heading-title {
  color: #fff !important;
}

.cy-home-newsletter {
  margin: 0 auto 52px !important;
  max-width: 560px;
}

.cy-home-newsletter p {
  color: #aaa !important;
  text-align: center;
}

.cy-home-footer-links > .elementor-container {
  display: grid !important;
  gap: 42px;
  grid-template-columns: repeat(6, 1fr);
  max-width: 1328px !important;
}

.cy-home-footer-links .elementor-heading-title {
  font-size: 15px !important;
  font-weight: 800 !important;
}

.cy-home-footer-links p,
.cy-home-footer-links a {
  color: #c9c9c9 !important;
  font-size: 13px !important;
  line-height: 2 !important;
}

.cy-home-footer-structured {
  background: #030303;
  color: #fff;
  padding: 84px 0 24px;
}

.cy-home-footer-structured > .elementor-container {
  display: block !important;
  max-width: 1328px !important;
  margin: 0 auto;
}

.cy-home-footer-structured .elementor-widget-wrap {
  display: block !important;
}

.cy-home-footer-newsletter {
  max-width: 620px;
  margin: 0 auto 68px !important;
  text-align: center;
}

.cy-home-footer-newsletter .elementor-heading-title {
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 22px !important;
}

.cy-home-footer-newsletter .elementor-widget-text-editor,
.cy-home-footer-newsletter .elementor-widget-text-editor p {
  color: #bdbdbd !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 0 26px !important;
  text-align: center;
}

.cy-home-newsletter-form {
  align-items: center;
  background: #fff;
  border-radius: 999px;
  display: flex;
  height: 54px;
  margin: 0 auto;
  max-width: 535px;
  overflow: hidden;
  text-align: left;
}

.cy-home-newsletter-form span {
  color: #a3a3a3;
  flex: 1;
  font-size: 17px;
  padding: 0 36px;
}

.cy-home-newsletter-form a {
  align-items: center;
  align-self: stretch;
  background: #168ef3;
  color: #fff !important;
  display: inline-flex;
  font-size: 16px;
  font-weight: 800;
  justify-content: center;
  min-width: 188px;
  padding: 0 28px;
}

.cy-home-footer-columns > .elementor-container {
  display: grid !important;
  gap: 58px;
  grid-template-columns: 1.5fr 0.85fr 0.8fr 0.9fr 1fr 0.8fr;
  max-width: 1328px !important;
  margin: 0 auto;
}

.cy-home-footer-columns > .elementor-container > .cy-home-footer-column {
  flex: none !important;
  max-width: none !important;
  min-width: 0 !important;
  width: auto !important;
}

.cy-home-footer-column .elementor-widget-wrap {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
}

.cy-home-footer-column .elementor-widget,
.cy-home-footer-column .elementor-widget-container {
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

.cy-home-footer-column .elementor-heading-title {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 26px !important;
}

.cy-home-footer-column .elementor-widget-text-editor,
.cy-home-footer-column .elementor-widget-text-editor p,
.cy-home-footer-column a {
  color: #c8c8c8 !important;
  display: block;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0;
  max-width: none !important;
  overflow-wrap: normal;
  white-space: normal;
  width: 100% !important;
  word-break: normal;
}

.cy-home-footer-column a:hover {
  color: #168ef3 !important;
}

.cy-home-footer-bottom {
  background: #030303;
  color: #aaa;
  padding: 46px 0 40px;
}

.cy-home-footer-bottom > .elementor-container {
  display: block !important;
  max-width: 1328px !important;
  margin: 0 auto;
}

.cy-home-social-row,
.cy-home-footer-copy-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.cy-home-social-icons {
  display: flex;
  gap: 18px;
}

.cy-home-social-icons a {
  align-items: center;
  background: #168ef3;
  border-radius: 999px;
  color: #fff !important;
  display: inline-flex;
  font-size: 17px;
  font-weight: 800;
  height: 37px;
  justify-content: center;
  width: 37px;
}

.cy-home-contact-pill {
  align-items: center;
  background: #168ef3;
  border-radius: 999px;
  color: #fff !important;
  display: inline-flex;
  font-size: 18px;
  gap: 10px;
  min-height: 52px;
  padding: 0 28px;
}

.cy-home-footer-divider {
  border-top: 1px solid rgba(255,255,255,.18);
  margin: 58px 0 28px;
}

.cy-home-footer-copy-row,
.cy-home-footer-copy-row a,
.cy-home-footer-copy-row p {
  color: #bdbdbd !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  margin: 0;
}

@media (max-width: 980px) {
  .cy-home-hero {
    min-height: 640px;
  }

  .cy-home-hero-badges,
  .cy-home-hero-title,
  .cy-home-hero-subtitle {
    left: 24px;
    right: 24px;
  }

  .cy-home-hero-badges {
    top: 110px;
  }

  .cy-home-hero-title {
    top: 260px;
  }

  .cy-home-hero-title .elementor-heading-title {
    font-size: 58px !important;
  }

  .cy-home-hero-subtitle {
    top: 340px;
  }

  .cy-home-hero-subtitle .elementor-heading-title {
    font-size: 30px !important;
  }

  .cy-home-product-row > .elementor-container,
  .cy-home-news-feature > .elementor-container,
  .cy-home-news-grid > .elementor-container,
  .cy-home-why-grid > .elementor-container,
  .cy-home-footer-links > .elementor-container,
  .cy-home-footer-columns > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cy-home-footer-structured,
  .cy-home-footer-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cy-home-social-row,
  .cy-home-footer-copy-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }

  .cy-home-scenario {
    min-height: 560px;
  }

  .cy-home-scenario-nav .elementor-widget-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 640px) {
  .cy-home-footer-columns > .elementor-container {
    grid-template-columns: 1fr;
  }

  .cy-home-newsletter-form {
    align-items: stretch;
    border-radius: 22px;
    flex-direction: column;
    height: auto;
  }

  .cy-home-newsletter-form span,
  .cy-home-newsletter-form a {
    min-height: 48px;
    width: 100%;
  }
}

/* Exact editable home rebuild: one Elementor image module per design slice. */
body.home {
  background: #fff;
}

body.home .site-header,
body.home .site-header.home-header,
body.home .site-header.home-header:not(.is-scrolled) {
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 1px 18px rgba(15, 23, 42, .08);
}

body.home .home-header:not(.is-scrolled) .brand,
body.home .home-header:not(.is-scrolled) .primary-nav > ul > li > a,
body.home .home-header:not(.is-scrolled) .site-icon-link {
  color: var(--ink);
}

body.home .home-header:not(.is-scrolled) .primary-nav > ul > li > a:hover,
body.home .home-header:not(.is-scrolled) .primary-nav > ul > li.is-mega-active > a,
body.home .home-header:not(.is-scrolled) .primary-nav > ul > li.current-menu-item > a {
  color: var(--accent);
}

body.home .site-footer {
  display: none;
}

.cyberoce-home-elementor,
.cyberoce-home-elementor .elementor,
.cyberoce-home-elementor .elementor-section,
.cyberoce-home-elementor .elementor-container,
.cyberoce-home-elementor .elementor-column,
.cyberoce-home-elementor .elementor-widget-wrap,
.cyberoce-home-elementor .elementor-widget,
.cyberoce-home-elementor .elementor-widget-image {
  margin: 0;
  max-width: none;
  padding: 0;
  width: 100%;
}

.cyberoce-home-elementor .cy-home-exact-section {
  --cy-home-parallax: 0px;
  --cy-home-pointer-x: 0px;
  --cy-home-pointer-y: 0px;
  display: block;
  line-height: 0;
  max-width: 100vw;
  opacity: 0;
  overflow: hidden;
  position: relative;
  clip-path: inset(0 0 12% 0);
  transform: translateY(34px);
  transition: opacity .82s ease, transform .82s ease, clip-path 1.05s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform, clip-path;
}

.cyberoce-home-elementor .cy-home-exact-section::after {
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, .16) 46%, rgba(255, 255, 255, .38) 50%, rgba(255, 255, 255, .12) 54%, transparent 100%);
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-120%);
  transition: opacity .35s ease;
  z-index: 2;
}

.cyberoce-home-elementor .cy-home-hotspot {
  border: 0;
  border-radius: 4px;
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  z-index: 4;
}

.cyberoce-home-elementor .cy-home-hotspot:focus-visible {
  box-shadow: 0 0 0 3px rgba(24, 142, 243, .55);
  outline: 0;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-edit-source {
  display: none !important;
}

.elementor-editor-active .cyberoce-home-elementor .cy-home-edit-source {
  background: #f6fbff;
  border: 2px dashed rgba(24, 142, 243, .45);
  line-height: normal;
  margin: 24px auto;
  padding: 28px;
  width: min(1180px, calc(100% - 72px));
}

.elementor-editor-active .cyberoce-home-elementor .cy-home-edit-source::before {
  color: #188ef3;
  content: "Editable source";
  display: block;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.cyberoce-home-elementor .cy-home-hero-edit-carousel {
  inset: 0;
  line-height: normal;
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  z-index: 7;
}

.cyberoce-home-elementor .cy-home-hero-edit-track,
.cyberoce-home-elementor .cy-home-hero-edit-slide {
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.cyberoce-home-elementor .cy-home-hero-edit-slide {
  color: #111827;
  opacity: 0;
  text-decoration: none;
  transform: scale(1.018);
  transition: opacity .72s ease, transform 1.05s cubic-bezier(.22, 1, .36, 1);
}

.cyberoce-home-elementor .cy-home-hero-edit-slide.is-active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

.cyberoce-home-elementor .cy-home-hero-edit-slide img {
  display: block;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  width: 100% !important;
}

.cyberoce-home-elementor .cy-home-hero-edit-copy {
  display: grid;
  gap: clamp(14px, 1.6vw, 26px);
  left: 8.4%;
  max-width: 520px;
  position: absolute;
  top: 28%;
  width: 35%;
  z-index: 2;
}

.cyberoce-home-elementor .cy-home-hero-edit-copy strong {
  color: #0f172a;
  display: block;
  font-size: clamp(34px, 4.2vw, 72px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.05;
}

.cyberoce-home-elementor .cy-home-hero-edit-copy small {
  color: #273142;
  display: block;
  font-size: clamp(14px, 1.12vw, 20px);
  line-height: 1.7;
}

.cyberoce-home-elementor .cy-home-hero-edit-copy small p {
  margin: 0;
}

.cyberoce-home-elementor .cy-home-hero-edit-copy em {
  align-items: center;
  background: #188ef3;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-style: normal;
  font-weight: 800;
  height: 44px;
  justify-content: center;
  padding: 0 28px;
  width: fit-content;
}

.cyberoce-home-elementor .cy-home-hero-edit-dots {
  align-items: center;
  bottom: 7.4%;
  display: flex;
  gap: 10px;
  justify-content: center;
  left: 8.4%;
  position: absolute;
  z-index: 4;
}

.cyberoce-home-elementor .cy-home-hero-edit-dots button {
  appearance: none;
  background: rgba(15, 23, 42, .18);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 9px;
  padding: 0;
  transition: background .22s ease, transform .22s ease, width .22s ease;
  width: 9px;
}

.cyberoce-home-elementor .cy-home-hero-edit-dots button:hover,
.cyberoce-home-elementor .cy-home-hero-edit-dots button.is-active {
  background: #188ef3;
  transform: scale(1.1);
  width: 28px;
}

.elementor-editor-active .cyberoce-home-elementor .cy-home-hero-edit-carousel,
.elementor-editor-preview .cyberoce-home-elementor .cy-home-hero-edit-carousel {
  display: none !important;
}

.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="category"]::before {
  background: rgba(24, 142, 243, .08);
  border-radius: 999px;
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  transform: scaleX(.72);
  transition: opacity .25s ease, transform .25s ease;
}

.cyberoce-home-elementor .cy-home-scenario-focus {
  background: linear-gradient(180deg, rgba(24, 142, 243, .98), rgba(0, 126, 238, .92));
  box-shadow: 0 12px 26px rgba(24, 142, 243, .18);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(4px) scale(.98);
  transition: opacity .24s ease, transform .32s cubic-bezier(.22, 1, .36, 1), left .32s ease, top .32s ease, width .32s ease, height .32s ease;
  z-index: 1;
}

.cyberoce-home-elementor .cy-home-scenario-focus.is-active {
  animation: cyHomeScenarioTabPulse 1.45s ease-in-out infinite alternate;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.cyberoce-home-elementor .cy-home-news-control {
  align-items: center;
  background: rgba(255, 255, 255, .86);
  border: 1px solid rgba(221, 226, 232, .9);
  border-radius: 4px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
  display: flex;
  gap: 7px;
  justify-content: center;
  min-height: 32px;
  pointer-events: auto;
  position: absolute;
  transform: translateZ(0);
  z-index: 5;
}

.cyberoce-home-elementor .cy-home-news-control button {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: #b9c2cc;
  cursor: pointer;
  display: inline-flex;
  font: 700 18px/1 Arial, sans-serif;
  height: 26px;
  justify-content: center;
  padding: 0;
  transition: color .22s ease, transform .22s ease;
  width: 24px;
}

.cyberoce-home-elementor .cy-home-news-control button:hover,
.cyberoce-home-elementor .cy-home-news-control button:focus-visible {
  color: #188ef3;
  outline: 0;
  transform: translateX(2px);
}

.cyberoce-home-elementor .cy-home-news-dots button {
  border: 1px solid #cfd7df;
  border-radius: 999px;
  height: 8px;
  width: 8px;
}

.cyberoce-home-elementor .cy-home-news-control.cy-home-news-dots {
  background: transparent;
  border: 0;
  box-shadow: none;
  gap: 8px;
  min-height: 14px;
}

.cyberoce-home-elementor .cy-home-news-dots button.is-active {
  background: #188ef3;
  border-color: #188ef3;
  box-shadow: 0 0 0 4px rgba(24, 142, 243, .12);
}

.cyberoce-home-elementor .cy-home-news-focus {
  background: transparent;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(8px) scale(.985);
  transition: left .32s ease, top .32s ease, width .32s ease, height .32s ease;
  z-index: 3;
}

.cyberoce-home-elementor .cy-home-news-focus.is-active {
  animation: none;
  opacity: 0;
  transform: translateY(0) scale(1);
}

.cyberoce-home-elementor .cy-home-exact-news.cy-home-news-live-ready .cy-home-exact-image {
  opacity: 0;
  pointer-events: none;
}

.cyberoce-home-elementor .cy-home-exact-news.cy-home-news-live-ready {
  background: #f1f1f1;
}

.cyberoce-home-elementor .cy-home-news-live {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 6;
}

.cyberoce-home-elementor .cy-home-news-live a {
  color: #111827;
  pointer-events: auto;
  position: absolute;
  text-decoration: none;
}

.cyberoce-home-elementor .cy-home-news-feature-live,
.cyberoce-home-elementor .cy-home-news-case-live,
.cyberoce-home-elementor .cy-home-news-grid-live a {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
  overflow: hidden;
  transition: transform .32s ease, box-shadow .32s ease;
}

.cyberoce-home-elementor .cy-home-news-feature-live:hover,
.cyberoce-home-elementor .cy-home-news-case-live:hover,
.cyberoce-home-elementor .cy-home-news-grid-live a:hover {
  box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
  transform: translateY(-4px);
}

.cyberoce-home-elementor .cy-home-news-feature-live {
  animation: cyHomeNewsLiveIn .42s cubic-bezier(.22, 1, .36, 1) both;
  display: grid;
  grid-template-columns: 67% 33%;
  transform-origin: center;
}

.cyberoce-home-elementor .cy-home-news-feature-photo,
.cyberoce-home-elementor .cy-home-news-feature-photo img,
.cyberoce-home-elementor .cy-home-news-case-live img,
.cyberoce-home-elementor .cy-home-news-grid-live img {
  display: block;
  height: 100%;
  width: 100%;
}

.cyberoce-home-elementor .cy-home-news-feature-photo img,
.cyberoce-home-elementor .cy-home-news-case-live img,
.cyberoce-home-elementor .cy-home-news-grid-live img {
  object-fit: cover;
}

.cyberoce-home-elementor .cy-home-news-feature-copy {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(16px, 2.2vw, 38px);
  position: relative;
  text-align: right;
}

.cyberoce-home-elementor .cy-home-news-feature-copy b,
.cyberoce-home-elementor .cy-home-news-case-tag,
.cyberoce-home-elementor .cy-home-news-grid-tag {
  color: #188ef3;
  font-size: clamp(11px, .8vw, 15px);
  font-weight: 800;
  letter-spacing: 0;
}

.cyberoce-home-elementor .cy-home-news-feature-copy strong,
.cyberoce-home-elementor .cy-home-news-case-copy strong,
.cyberoce-home-elementor .cy-home-news-grid-live strong {
  color: #111827;
  display: block;
  font-size: clamp(15px, 1.55vw, 30px);
  font-weight: 800;
  line-height: 1.1;
}

.cyberoce-home-elementor .cy-home-news-feature-copy small,
.cyberoce-home-elementor .cy-home-news-case-copy small,
.cyberoce-home-elementor .cy-home-news-grid-live small {
  color: #4b5563;
  display: block;
  font-size: clamp(10px, .75vw, 14px);
  line-height: 1.55;
  margin-top: 12px;
}

.cyberoce-home-elementor .cy-home-news-case-live {
  animation: cyHomeNewsLiveIn .42s cubic-bezier(.22, 1, .36, 1) both;
  display: flex;
  flex-direction: column;
}

.cyberoce-home-elementor .cy-home-news-case-tag {
  background: #188ef3;
  color: #fff;
  left: 0;
  padding: 8px 24px;
  position: absolute;
  top: 0;
  z-index: 2;
}

.cyberoce-home-elementor .cy-home-news-case-live img {
  height: 56%;
}

.cyberoce-home-elementor .cy-home-news-case-copy {
  background: #fff;
  display: block;
  flex: 1;
  padding: clamp(12px, 1.25vw, 22px);
  position: relative;
}

.cyberoce-home-elementor .cy-home-news-case-copy em,
.cyberoce-home-elementor .cy-home-news-grid-live em {
  color: #188ef3;
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  margin-top: 12px;
}

.cyberoce-home-elementor .cy-home-news-grid-live {
  display: grid;
  gap: 3.5%;
  grid-template-columns: repeat(3, 1fr);
  pointer-events: none;
  position: absolute;
}

.cyberoce-home-elementor .cy-home-news-grid-live a {
  animation: cyHomeNewsLiveIn .42s cubic-bezier(.22, 1, .36, 1) both;
  min-width: 0;
  position: relative;
}

.cyberoce-home-elementor .cy-home-news-feature-dots,
.cyberoce-home-elementor .cy-home-news-card-arrows {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  pointer-events: auto;
}

.cyberoce-home-elementor .cy-home-news-feature-dots {
  margin-top: clamp(18px, 2.4vw, 42px);
}

.cyberoce-home-elementor .cy-home-news-feature-dots button {
  appearance: none;
  background: transparent;
  border: 1px solid #cfd7df;
  border-radius: 999px;
  cursor: pointer;
  height: 8px;
  padding: 0;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
  width: 8px;
}

.cyberoce-home-elementor .cy-home-news-feature-dots button.is-active,
.cyberoce-home-elementor .cy-home-news-feature-dots button:hover {
  background: #188ef3;
  border-color: #188ef3;
  box-shadow: 0 0 0 4px rgba(24, 142, 243, .12);
}

.cyberoce-home-elementor .cy-home-news-card-arrows {
  background: rgba(255, 255, 255, .9);
  border-radius: 6px;
  bottom: 8%;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
  min-height: 36px;
  padding: 0 10px;
  position: absolute;
  right: 8%;
}

.cyberoce-home-elementor .cy-home-news-card-arrows button {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: #b9c2cc;
  cursor: pointer;
  display: inline-flex;
  font: 700 22px/1 Arial, sans-serif;
  height: 28px;
  justify-content: center;
  padding: 0;
  transition: color .22s ease, transform .22s ease;
  width: 24px;
}

.cyberoce-home-elementor .cy-home-news-card-arrows button:hover,
.cyberoce-home-elementor .cy-home-news-card-arrows button:focus-visible {
  color: #188ef3;
  outline: 0;
  transform: translateX(2px);
}

.cyberoce-home-elementor .cy-home-news-grid-arrows {
  bottom: 3%;
  right: 0;
}

.cyberoce-home-elementor .cy-home-news-grid-live img {
  height: 52%;
}

.cyberoce-home-elementor .cy-home-news-grid-live strong,
.cyberoce-home-elementor .cy-home-news-grid-live small,
.cyberoce-home-elementor .cy-home-news-grid-live em {
  margin-left: 7%;
  margin-right: 7%;
}

.cyberoce-home-elementor .cy-home-news-grid-live strong {
  font-size: clamp(12px, 1vw, 18px);
  margin-top: 14px;
}

.cyberoce-home-elementor .cy-home-news-grid-tag {
  background: #188ef3;
  color: #fff;
  left: 0;
  padding: 6px 16px;
  position: absolute;
  top: 0;
  z-index: 2;
}

.cyberoce-home-elementor .cy-home-exact-news .cy-home-news-control {
  z-index: 9;
}

.cyberoce-home-elementor .cy-home-exact-news.is-switching .cy-home-exact-image img {
  animation: cyHomeNewsSwitch .58s cubic-bezier(.22, 1, .36, 1) both;
}

.cyberoce-home-elementor .cy-home-why-control {
  align-items: center;
  background: rgba(255, 255, 255, .88);
  border-radius: 999px;
  display: flex;
  gap: 10px;
  justify-content: center;
  min-height: 34px;
  position: absolute;
  z-index: 5;
}

.cyberoce-home-elementor .cy-home-why-control button {
  appearance: none;
  background: transparent;
  border: 1px solid #cdd5df;
  border-radius: 999px;
  cursor: pointer;
  height: 9px;
  padding: 0;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
  width: 9px;
}

.cyberoce-home-elementor .cy-home-why-control button:hover,
.cyberoce-home-elementor .cy-home-why-control button:focus-visible,
.cyberoce-home-elementor .cy-home-why-control button.is-active {
  background: #188ef3;
  border-color: #188ef3;
  box-shadow: 0 0 0 5px rgba(24, 142, 243, .12);
  outline: 0;
  transform: scale(1.08);
}

.cyberoce-home-elementor .cy-home-why-focus {
  border: 2px solid rgba(24, 142, 243, .72);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(24, 142, 243, .18);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.985);
  transition: opacity .26s ease, transform .32s cubic-bezier(.22, 1, .36, 1), left .32s ease, top .32s ease, width .32s ease, height .32s ease;
  z-index: 3;
}

.cyberoce-home-elementor .cy-home-why-focus.is-active {
  animation: cyHomeWhyFocusPulse 1.45s ease-in-out infinite alternate;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.cyberoce-home-elementor .cy-home-exact-why.is-switching .cy-home-exact-image img {
  animation: cyHomeWhySwitch .62s cubic-bezier(.22, 1, .36, 1) both;
}

.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="scenario"] {
  border-radius: 0;
  transition: background .22s ease, box-shadow .22s ease;
}

.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="scenario"]:hover,
.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="scenario"]:focus-visible {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}

.cyberoce-home-elementor .cy-home-exact-scenario.is-scenario-hover .cy-home-exact-image img {
  animation-play-state: paused;
  filter: saturate(1.05) contrast(1.02);
  transform: translate3d(var(--cy-home-pointer-x), var(--cy-home-parallax), 0) scale(1.012);
}

.cyberoce-home-elementor .cy-home-scenario-switcher {
  align-items: stretch;
  --cy-scenario-index: 0;
  background: linear-gradient(180deg, #2b2e32, #121417);
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  height: 20%;
  left: 0;
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  right: 0;
  z-index: 8;
}

.cyberoce-home-elementor .cy-home-scenario-switcher::before {
  background: #188ef3;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(calc(var(--cy-scenario-index, 0) * 100%));
  transition: transform .22s cubic-bezier(.22, 1, .36, 1);
  width: 16.666666%;
  z-index: 1;
}

.cyberoce-home-elementor .cy-home-exact-product .cy-home-hotspot,
.cyberoce-home-elementor .cy-home-exact-scenario .cy-home-hotspot,
.cyberoce-home-elementor .cy-home-exact-product .cy-home-product-focus,
.cyberoce-home-elementor .cy-home-exact-scenario .cy-home-scenario-focus {
  display: none !important;
  pointer-events: none !important;
}

.cyberoce-home-elementor .cy-home-scenario-switcher a {
  align-items: center;
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: grid;
  font-size: clamp(12px, 1vw, 17px);
  gap: 7px;
  justify-items: center;
  padding: 14px 8px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .32);
  transition: background .25s ease, transform .25s ease;
  z-index: 2;
}

.cyberoce-home-elementor .cy-home-scenario-switcher a .icon {
  align-items: center;
  border: 2px solid rgba(255, 255, 255, .78);
  border-radius: 999px;
  display: inline-flex;
  font-size: clamp(16px, 1.25vw, 22px);
  height: clamp(30px, 2.7vw, 42px);
  justify-content: center;
  width: clamp(30px, 2.7vw, 42px);
}

.cyberoce-home-elementor .cy-home-scenario-switcher a .icon img {
  display: block;
  filter: brightness(0) invert(1);
  height: clamp(16px, 1.35vw, 24px);
  object-fit: contain;
  opacity: .92;
  width: clamp(16px, 1.35vw, 24px);
}

.cyberoce-home-elementor .cy-home-scenario-switcher a .icon,
.cyberoce-home-elementor .cy-home-scenario-switcher a > span:not(.icon) {
  opacity: .66;
  transition: opacity .18s ease;
}

.cyberoce-home-elementor .cy-home-scenario-switcher a:hover .icon,
.cyberoce-home-elementor .cy-home-scenario-switcher a:hover > span:not(.icon),
.cyberoce-home-elementor .cy-home-scenario-switcher a.is-active .icon,
.cyberoce-home-elementor .cy-home-scenario-switcher a.is-active > span:not(.icon) {
  opacity: 1;
}

.cyberoce-home-elementor .cy-home-scenario-switcher a:hover,
.cyberoce-home-elementor .cy-home-scenario-switcher a.is-active {
  background: transparent !important;
  transform: none !important;
}

.cyberoce-home-elementor .cy-home-scenario-switcher:hover a.is-active:not(:hover) {
  background: transparent !important;
  transform: none !important;
}

.cyberoce-home-elementor .cy-home-scenario-switcher:has(a:hover) a.is-active:not(:hover) {
  background: transparent !important;
  transform: none !important;
}

.cyberoce-home-elementor .cy-home-exact-scenario.is-tab-switching .cy-home-exact-image img {
  animation: cyHomeScenarioRealSwitch .62s cubic-bezier(.22, 1, .36, 1) both;
}

.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="category"]::after {
  background: #188ef3;
  border-radius: 999px;
  bottom: 5px;
  content: "";
  height: 2px;
  left: 18%;
  opacity: 0;
  position: absolute;
  right: 18%;
  transform: scaleX(.2);
  transition: opacity .25s ease, transform .25s ease;
}

.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="category"]:hover::before,
.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="category"]:focus-visible::before,
.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="category"]:hover::after,
.cyberoce-home-elementor .cy-home-hotspot[data-home-kind="category"]:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

.cyberoce-home-elementor .cy-home-product-focus {
  border: 2px solid rgba(24, 142, 243, .78);
  border-radius: 16px;
  box-shadow: 0 18px 46px rgba(24, 142, 243, .18), inset 0 0 0 999px rgba(255, 255, 255, .04);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.985);
  transition: opacity .26s ease, transform .32s cubic-bezier(.22, 1, .36, 1), left .32s ease, top .32s ease, width .32s ease, height .32s ease;
  z-index: 3;
}

.cyberoce-home-elementor .cy-home-product-focus.is-active {
  animation: cyHomeProductFocusPulse 1.55s ease-in-out infinite alternate;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.cyberoce-home-elementor .cy-home-exact-product.is-category-hover .cy-home-exact-image img {
  animation-play-state: paused;
  filter: saturate(1.04) contrast(1.02);
  transform: translate3d(0, var(--cy-home-parallax), 0) scale(1.006);
}

.cyberoce-home-elementor .cy-home-product-title-fix {
  align-content: center;
  background: #fff;
  box-sizing: border-box;
  display: grid;
  height: 34.5%;
  left: 0;
  line-height: normal;
  padding: 0 24px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 7;
}

.cyberoce-home-elementor .cy-home-product-title-fix h2 {
  color: #111;
  font-size: clamp(24px, 2.5vw, 38px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0 0 18px;
}

.cyberoce-home-elementor .cy-home-product-title-fix p {
  color: #4f5966;
  font-size: clamp(11px, .82vw, 15px);
  line-height: 1.55;
  margin: 0;
}

.cyberoce-home-elementor .cy-home-product-switcher {
  background: #fff;
  display: grid;
  gap: clamp(20px, 2.2vw, 36px);
  grid-template-rows: auto 1px 1fr;
  bottom: 0;
  left: 7.5%;
  min-height: 0;
  pointer-events: auto;
  position: absolute;
  top: 34.5%;
  width: 85%;
  z-index: 8;
}

.cyberoce-home-elementor .cy-home-product-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}

.cyberoce-home-elementor .cy-home-product-tabs button {
  appearance: none;
  background: transparent;
  border: 0;
  color: #252a31;
  cursor: pointer;
  font-size: clamp(12px, 1vw, 18px);
  line-height: 1.2;
  padding: 8px 6px 14px;
  position: relative;
  transition: color .24s ease, transform .24s ease;
}

.cyberoce-home-elementor .cy-home-product-tabs button::after {
  background: #188ef3;
  border-radius: 999px;
  bottom: 2px;
  content: "";
  height: 2px;
  left: 28%;
  opacity: 0;
  position: absolute;
  right: 28%;
  transform: scaleX(.2);
  transition: opacity .24s ease, transform .24s ease;
}

.cyberoce-home-elementor .cy-home-product-tabs button:hover,
.cyberoce-home-elementor .cy-home-product-tabs button.is-active {
  color: #188ef3;
  transform: translateY(-2px);
}

.cyberoce-home-elementor .cy-home-product-tabs button:hover::after,
.cyberoce-home-elementor .cy-home-product-tabs button.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

.cyberoce-home-elementor .cy-home-product-divider {
  background: #e5e8ec;
  display: block;
  width: 100%;
}

/* lcz begin */
.cyberoce-home-elementor .cy-home-product-grid {
  align-items: center;
  display: grid;
  gap: clamp(16px, 2.4vw, 48px);
  grid-template-columns: repeat(var(--cy-home-product-columns, 7), minmax(0, 1fr));
  min-height: 0;
  margin-top:30px
}
/* lcz end */

.cyberoce-home-elementor .cy-home-product-card {
  align-items: center;
  color: #2d3138;
  display: grid;
  gap: 20px;
  justify-items: center;
  text-align: center;
  text-decoration: none;
}

.cyberoce-home-elementor .cy-home-product-card img {
  height: clamp(96px, 10.8vw, 158px);
  object-fit: contain;
  transition: filter .28s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
  width: 100%;
}

.cyberoce-home-elementor .cy-home-product-card span {
  font-size: clamp(11px, .95vw, 16px);
  line-height: 1.2;
}

.cyberoce-home-elementor .cy-home-product-card:hover img {
  filter: drop-shadow(0 18px 20px rgba(24, 142, 243, .18));
  transform: translateY(-10px) scale(1.045);
}

.cyberoce-home-elementor .cy-home-product-grid.is-switching .cy-home-product-card {
  animation: cyHomeProductCardIn .48s cubic-bezier(.22, 1, .36, 1) both;
}

.cyberoce-home-elementor .cy-home-exact-section.is-visible::after {
  animation: cyHomeLightSweep 1.1s cubic-bezier(.22, 1, .36, 1) .12s both;
}

.cyberoce-home-elementor .cy-home-exact-section:first-child,
.cyberoce-home-elementor .cy-home-exact-section.is-visible,
.cyberoce-home-elementor .cy-home-exact-section.reveal.is-visible {
  clip-path: inset(0 0 0 0);
  opacity: 1;
  transform: none;
}

.cyberoce-home-elementor .cy-home-exact-image,
.cyberoce-home-elementor .cy-home-exact-image .elementor-widget-container,
.cyberoce-home-elementor .cy-home-exact-image picture {
  display: block;
  line-height: 0;
  width: 100%;
}

.cyberoce-home-elementor .cy-home-exact-image img {
  display: block;
  height: auto !important;
  max-width: 100vw !important;
  object-fit: contain;
  transform: scale(1.035);
  transform-origin: center center;
  transition: transform 1.15s cubic-bezier(.22, 1, .36, 1), filter 1.15s ease;
  width: 100% !important;
  will-change: transform;
}

body.home,
body.home .site,
body.home .site-main,
body.home .cyberoce-home-elementor {
  max-width: 100vw;
  overflow-x: hidden;
}

.cyberoce-home-elementor .cy-home-exact-section.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-section:first-child .cy-home-exact-image img {
  transform: translate3d(var(--cy-home-pointer-x), calc(var(--cy-home-parallax) + var(--cy-home-pointer-y)), 0) scale(1);
}

/* lcz begin*/
.cyberoce-home-elementor .cy-home-exact-section:first-child img {
  /* margin-top: var(--header-height); */
  margin-top: 10px;
}
/* lcz end*/

.cyberoce-home-elementor .cy-home-exact-hero .cy-home-exact-image img {
  animation: cyHomeHeroSlideIn 1.05s cubic-bezier(.22, 1, .36, 1) both, cyHomeHeroBreath 7.5s ease-in-out 1.1s infinite alternate;
}

.cyberoce-home-elementor .cy-home-exact-product.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-news.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-why.is-visible .cy-home-exact-image img {
  animation: cyHomeSectionSettle 1.15s cubic-bezier(.22, 1, .36, 1) both;
}

.cyberoce-home-elementor .cy-home-exact-scenario.is-visible .cy-home-exact-image img {
  animation: cyHomeScenarioPan 7s ease-in-out infinite alternate;
}

.cyberoce-home-elementor .cy-home-exact-product.is-visible .cy-home-exact-image img {
  animation: cyHomeProductCarousel 6.5s ease-in-out infinite alternate;
}

.cyberoce-home-elementor .cy-home-exact-news.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-why.is-visible .cy-home-exact-image img {
  transform-origin: center top;
}

.cyberoce-home-elementor .cy-home-exact-news:hover .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-why:hover .cy-home-exact-image img {
  filter: saturate(1.04) contrast(1.03);
  transform: translate3d(0, -8px, 0) scale(1.012);
}

.cyberoce-home-elementor .cy-home-exact-footer.is-visible .cy-home-exact-image img {
  animation: cyHomeFooterGlow 1.2s ease both;
}

/* Exact homepage slice images must stay 1:1 with the design artboard. */
.cyberoce-home-elementor .cy-home-exact-section .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-section.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-section:first-child .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-product.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-scenario.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-news.is-visible .cy-home-exact-image img,
.cyberoce-home-elementor .cy-home-exact-footer.is-visible .cy-home-exact-image img {
  animation: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

@keyframes cyHomeHeroBreath {
  from {
    transform: translate3d(var(--cy-home-pointer-x), calc(var(--cy-home-parallax) + var(--cy-home-pointer-y)), 0) scale(1);
  }
  to {
    transform: translate3d(var(--cy-home-pointer-x), calc(var(--cy-home-parallax) + var(--cy-home-pointer-y)), 0) scale(1.018);
  }
}

@keyframes cyHomeHeroSlideIn {
  0% {
    filter: saturate(.9) contrast(.96);
    transform: translate3d(54px, 0, 0) scale(1.035);
  }
  100% {
    filter: saturate(1) contrast(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes cyHomeSectionSettle {
  0% {
    filter: saturate(.92) contrast(.96);
    transform: scale(1.035) translateY(18px);
  }
  100% {
    filter: saturate(1) contrast(1);
    transform: scale(1) translateY(0);
  }
}

@keyframes cyHomeScenarioPan {
  from {
    transform: translate3d(calc(var(--cy-home-pointer-x) - 8px), calc(var(--cy-home-parallax) + var(--cy-home-pointer-y)), 0) scale(1.012);
  }
  to {
    transform: translate3d(calc(var(--cy-home-pointer-x) + 8px), calc(var(--cy-home-parallax) + var(--cy-home-pointer-y)), 0) scale(1.012);
  }
}

@keyframes cyHomeProductCarousel {
  0%, 12% {
    transform: translate3d(-10px, var(--cy-home-parallax), 0) scale(1.006);
  }
  46%, 58% {
    transform: translate3d(0, var(--cy-home-parallax), 0) scale(1.012);
  }
  100% {
    transform: translate3d(10px, var(--cy-home-parallax), 0) scale(1.006);
  }
}

@keyframes cyHomeFooterGlow {
  from {
    filter: brightness(.78);
    transform: scale(1.025);
  }
  to {
    filter: brightness(1);
    transform: scale(1);
  }
}

@keyframes cyHomeLightSweep {
  0% {
    opacity: 0;
    transform: translateX(-120%);
  }
  20% {
    opacity: .85;
  }
  100% {
    opacity: 0;
    transform: translateX(120%);
  }
}

@keyframes cyHomeProductFocusPulse {
  from {
    box-shadow: 0 14px 36px rgba(24, 142, 243, .14), inset 0 0 0 999px rgba(255, 255, 255, .03);
  }
  to {
    box-shadow: 0 22px 58px rgba(24, 142, 243, .28), inset 0 0 0 999px rgba(24, 142, 243, .045);
  }
}

@keyframes cyHomeProductCardIn {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes cyHomeScenarioRealSwitch {
  0% {
    filter: saturate(.94) contrast(.96);
    transform: translate3d(18px, var(--cy-home-parallax), 0) scale(1.012);
  }
  100% {
    filter: saturate(1.04) contrast(1.02);
    transform: translate3d(0, var(--cy-home-parallax), 0) scale(1);
  }
}

@keyframes cyHomeScenarioTabPulse {
  from {
    box-shadow: 0 16px 34px rgba(24, 142, 243, .18);
  }
  to {
    box-shadow: 0 24px 52px rgba(24, 142, 243, .34);
  }
}

@keyframes cyHomeNewsSwitch {
  0% {
    filter: saturate(.96) contrast(.98);
    transform: translate3d(18px, var(--cy-home-parallax), 0) scale(1.012);
  }
  100% {
    filter: saturate(1.03) contrast(1.02);
    transform: translate3d(0, var(--cy-home-parallax), 0) scale(1);
  }
}

@keyframes cyHomeNewsLiveIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes cyHomeNewsFocusPulse {
  from {
    box-shadow: 0 14px 34px rgba(24, 142, 243, .16);
  }
  to {
    box-shadow: 0 22px 54px rgba(24, 142, 243, .3);
  }
}

@keyframes cyHomeWhySwitch {
  0% {
    filter: saturate(.96) contrast(.98);
    transform: translate3d(22px, var(--cy-home-parallax), 0) scale(1.01);
  }
  100% {
    filter: saturate(1.03) contrast(1.02);
    transform: translate3d(0, var(--cy-home-parallax), 0) scale(1);
  }
}

@keyframes cyHomeWhyFocusPulse {
  from {
    box-shadow: 0 14px 34px rgba(24, 142, 243, .14);
  }
  to {
    box-shadow: 0 22px 56px rgba(24, 142, 243, .28);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cyberoce-home-elementor .cy-home-exact-section,
  .cyberoce-home-elementor .cy-home-exact-image img {
    animation: none !important;
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* About Us exact page */
.page-id-8 .site-footer {
  display: none !important;
}

.cy-about-page {
  --cy-blue: #168ef3;
  --cy-dark: #070b12;
  --cy-text: #101826;
  color: var(--cy-text);
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  background: #fff;
}

.cy-about-page * {
  box-sizing: border-box;
}

.cy-about-hero img {
  display: block;
  width: 100%;
  height: auto;
}

.cy-about-breadcrumb {
  height: 54px;
  border-bottom: 1px solid #eceff4;
  color: #848d9d;
  font-size: 14px;
}

.cy-about-inner {
  width: min(1320px, calc(100% - 72px));
  margin: 0 auto;
}

.cy-about-breadcrumb .cy-about-inner {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 10px;
}

.cy-about-breadcrumb a {
  color: #7d8796;
  text-decoration: none;
}

.cy-about-section {
  padding: 72px 0;
}

.cy-about-title {
  margin: 0 0 34px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
  color: #111;
}

.cy-about-copy {
  max-width: 1120px;
  margin: 0 auto;
  color: #4f5968;
  font-size: 16px;
  line-height: 1.9;
  text-align: center;
}

.cy-about-copy p {
  margin: 0 0 16px;
}

.cy-about-concept {
  margin-top: 28px;
  color: #2e3948;
  font-weight: 600;
}

.cy-about-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px 72px;
  max-width: 1120px;
  margin: 62px auto 0;
}

.cy-about-stat {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 86px;
  padding: 8px 0;
}

.cy-about-stat img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  flex: 0 0 auto;
}

.cy-about-stat strong {
  display: block;
  color: var(--cy-blue);
  font-size: 28px;
  line-height: 1;
  margin-bottom: 8px;
}

.cy-about-stat span {
  display: block;
  color: #364252;
  font-size: 15px;
  line-height: 1.35;
}

.cy-about-product {
  background: #f6f7f9;
}

.cy-about-product .cy-about-copy {
  text-align: left;
  max-width: 1180px;
}

.cy-about-product .cy-about-copy strong {
  color: #111;
}

.cy-about-projects {
  position: relative;
  padding: 78px 0 92px;
  background: #fff;
}

.cy-about-map {
  position: absolute;
  inset: 110px 0 0;
  background-position: center 58%;
  background-repeat: no-repeat;
  background-size: min(1465px, 92vw) auto;
  opacity: .92;
  pointer-events: none;
}

.cy-about-project-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  margin-top: 42px;
}

.cy-about-project-card {
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 34px rgba(17, 28, 45, .08);
  transform: translateY(0);
  transition: transform .45s ease, box-shadow .45s ease, opacity .45s ease;
}

.cy-about-project-card img {
  display: block;
  width: 100%;
  aspect-ratio: 315 / 225;
  object-fit: cover;
}

.cy-about-project-card:hover,
.cy-about-project-card.is-active {
  transform: translateY(-12px);
  box-shadow: 0 24px 54px rgba(17, 28, 45, .18);
}

.cy-about-project-controls {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}

.cy-about-project-controls button {
  border: 0;
  background: transparent;
  color: #b9c1ce;
  cursor: pointer;
  font: 700 26px/1 Arial, Helvetica, sans-serif;
  transition: color .25s ease, transform .25s ease;
}

.cy-about-project-controls button:hover {
  color: var(--cy-blue);
  transform: translateY(-2px);
}

.cy-about-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
  background: #cbd4df !important;
}

.cy-about-dot.is-active {
  background: var(--cy-blue) !important;
}

.cy-about-cta {
  position: relative;
  padding: 78px 0;
  background-color: #06090f;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cy-about-cta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}

.cy-about-cta-card {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 423px;
  color: #fff;
  text-decoration: none;
  background: #111;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .22);
}

.cy-about-cta-card img {
  width: 100%;
  height: 100%;
  min-height: 423px;
  object-fit: cover;
  display: block;
  transition: transform .7s ease, filter .7s ease;
}

.cy-about-cta-card:hover img {
  transform: scale(1.045);
  filter: saturate(1.08) contrast(1.04);
}

.cy-about-cta-card span {
  position: absolute;
  right: 40px;
  bottom: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 34px;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1;
  letter-spacing: .04em !important;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
}

/* Editable Support pages, matched to the Civintec support structure. */
.cy-support-ui {
  --cy-support-blue: #168ef3;
  --cy-support-red: #b80b16;
  --cy-support-ink: #171b22;
  --cy-support-muted: #5f6672;
  --cy-support-page: #e9eaeb;
  background: var(--cy-support-page);
  color: var(--cy-support-ink);
  font-family: Arial, Helvetica, sans-serif;
}

.cy-support-ui .elementor-widget:not(:last-child) {
  margin-bottom: 0;
}

.cy-support-hero {
  background: #1d2733;
  height: 260px;
  overflow: hidden;
  position: relative;
}

.cy-support-hero .elementor-container,
.cy-support-hero .elementor-column,
.cy-support-hero .elementor-widget-wrap {
  height: 100%;
}

.cy-support-hero .elementor-widget-image,
.cy-support-hero .elementor-widget-image .elementor-widget-container {
  height: 100%;
}

.cy-support-hero .elementor-widget-image img {
  display: block;
  filter: brightness(.58);
  height: 260px;
  object-fit: cover;
  width: 100%;
}

.cy-support-hero .elementor-widget-heading {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  z-index: 2;
}

.cy-support-hero .elementor-heading-title {
  color: #fff;
  font-size: 38px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.cy-support-breadcrumb {
  background: var(--cy-support-page);
  padding: 22px 0 14px;
}

.cy-support-breadcrumb .elementor-widget-container {
  color: #20242c;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 auto;
  width: min(1180px, calc(100% - 72px));
}

.cy-support-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.cy-support-tabs {
  background: var(--cy-support-page);
  padding: 28px 0 20px;
  text-align: center;
}

.cy-support-tabs .elementor-container,
.cy-support-content .elementor-container {
  margin: 0 auto;
  width: min(1180px, calc(100% - 72px));
}

.cy-support-tabs .elementor-widget-heading .elementor-heading-title {
  color: #171b22;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 26px;
}

.cy-support-tab-buttons .elementor-widget-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  justify-content: center;
}

.cy-support-tab-buttons .elementor-button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #242932;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  padding: 8px 12px;
  transition: color .2s ease, transform .2s ease;
}

.cy-support-tab-buttons .elementor-button:hover,
.cy-support-tab-buttons .elementor-widget-button.is-current .elementor-button {
  color: var(--cy-support-blue);
  transform: translateY(-2px);
}

.cyberoce-support-page .cy-support-tab-buttons {
  background: var(--cy-support-page) !important;
  padding: 0 0 46px !important;
}

.cyberoce-support-page .cy-support-tab-buttons > .elementor-container {
  display: block !important;
  margin: 0 auto !important;
  width: min(1180px, calc(100% - 72px)) !important;
}

.cyberoce-support-page .cy-support-tab-buttons .elementor-widget-wrap {
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 18px 28px !important;
  justify-content: center !important;
  padding: 0 !important;
}

.cyberoce-support-page .cy-support-tab-buttons .elementor-widget-button {
  flex: 0 0 auto !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
}

.cyberoce-support-page .cy-support-tab-buttons .elementor-button {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #242932 !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  padding: 8px 12px !important;
}

.cyberoce-support-page .cy-support-tab-buttons .elementor-button:hover,
.cyberoce-support-page .cy-support-tab-buttons .elementor-widget-button.is-current .elementor-button {
  color: var(--cy-support-blue) !important;
}

.cy-support-content {
  background: var(--cy-support-page);
  padding: 18px 0 74px;
}

.cy-support-content-title .elementor-heading-title {
  color: #171b22;
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 34px;
  text-align: left;
}

.cy-support-panel {
  background: #fff;
  padding: 44px 48px 52px;
}

.cy-support-download-layout > .elementor-container {
  align-items: stretch;
  display: grid;
  gap: 54px;
  grid-template-columns: 260px minmax(0, 1fr);
}

.cy-support-sidebar {
  border-right: 1px solid #dedede;
  padding-right: 34px;
}

.cy-support-sidebar .elementor-widget-heading .elementor-heading-title {
  color: #111;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 14px;
}

.cy-support-sidebar .elementor-widget-text-editor {
  color: #353b45;
  font-size: 14px;
  line-height: 1.8;
}

.cy-support-sidebar .elementor-widget-text-editor a {
  color: #353b45;
  display: block;
  margin: 7px 0;
  text-decoration: none;
}

.cy-support-sidebar .elementor-widget-text-editor a:hover {
  color: var(--cy-support-blue);
}

.cy-support-search {
  margin-bottom: 20px;
}

.cy-support-search .elementor-widget-container {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr 330px;
}

.cy-support-search strong {
  color: #303642;
  font-size: 16px;
}

.cy-support-search span {
  background: #eee;
  border-radius: 999px;
  color: #7b818a;
  display: block;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  padding: 0 42px 0 20px;
  position: relative;
}

.cy-support-search span:after {
  content: "\2315";
  font-size: 20px;
  position: absolute;
  right: 18px;
  top: 0;
}

.cy-support-row {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}

.cy-support-row > .elementor-container {
  align-items: center;
  display: grid;
  gap: 22px;
  grid-template-columns: 1fr 120px 90px 150px;
}

.cy-support-row .elementor-widget-heading .elementor-heading-title {
  color: #171b22;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.22;
  margin: 0 0 8px;
}

.cy-support-row .elementor-widget-text-editor {
  color: #303642;
  font-size: 14px;
  line-height: 1.4;
}

.cy-support-row .elementor-widget-text-editor em {
  color: var(--cy-support-red);
  font-style: normal;
}

.cy-support-row .elementor-button {
  align-items: center;
  background: var(--cy-support-red);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  padding: 0 24px;
}

.cy-support-card-grid > .elementor-container {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-support-card {
  background: #fff;
  min-height: 260px;
  padding: 42px 34px;
  text-align: center;
  transition: box-shadow .28s ease, transform .28s ease;
}

.cy-support-card:hover {
  box-shadow: 0 20px 42px rgba(0, 0, 0, .08);
  transform: translateY(-6px);
}

.cy-support-card .elementor-icon {
  color: #777;
  font-size: 42px;
  margin-bottom: 24px;
}

.cy-support-card .elementor-heading-title {
  color: #171b22;
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 22px;
}

.cy-support-card .elementor-widget-text-editor {
  color: var(--cy-support-muted);
  font-size: 14px;
  line-height: 1.7;
}

.cy-support-faq-item {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 32px;
}

.cy-support-faq-item .elementor-heading-title {
  color: #171b22;
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 10px;
}

.cy-support-faq-item .elementor-widget-text-editor {
  color: var(--cy-support-muted);
  font-size: 15px;
  line-height: 1.75;
}

@media (max-width: 900px) {
  .cy-support-tabs .elementor-container,
  .cy-support-content .elementor-container,
  .cy-support-breadcrumb .elementor-widget-container {
    width: min(92%, 760px);
  }
  .cy-support-download-layout > .elementor-container,
  .cy-support-search .elementor-widget-container,
  .cy-support-row > .elementor-container,
  .cy-support-card-grid > .elementor-container {
    grid-template-columns: 1fr;
  }
  .cy-support-sidebar {
    border-bottom: 1px solid #dedede;
    border-right: 0;
    padding: 0 0 28px;
  }
  .cy-support-panel {
    padding: 34px 24px 42px;
  }
}

.cy-about-footer {
  padding: 72px 0 42px;
  background: #020304;
  color: #fff;
  text-align: center;
}

.cy-about-footer h2 {
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.2;
}

.cy-about-footer p {
  margin: 0;
  color: #aeb7c3;
}

.cy-about-newsletter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 28px auto 58px;
  width: min(430px, 100%);
  height: 42px;
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
}

.cy-about-newsletter input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  padding: 0 18px;
  outline: none;
  font-size: 14px;
}

.cy-about-newsletter button {
  height: 100%;
  border: 0;
  padding: 0 24px;
  color: #fff;
  background: var(--cy-blue);
  font-weight: 700;
  cursor: pointer;
}

.cy-about-footer-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 26px;
  text-align: left;
}

.cy-about-footer-grid h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 15px;
}

.cy-about-footer-grid a {
  display: block;
  margin: 0 0 9px;
  color: #98a2b3;
  text-decoration: none;
  font-size: 13px;
}

.cy-about-footer-grid a:hover {
  color: var(--cy-blue);
}

.cy-about-copyright {
  margin-top: 46px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #7f8896 !important;
  font-size: 12px;
}

.cy-about-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.cy-about-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1024px) {
  .cy-about-inner {
    width: min(92%, 760px);
  }

  .cy-about-stats,
  .cy-about-project-grid,
  .cy-about-cta-grid,
  .cy-about-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .cy-about-section,
  .cy-about-projects,
  .cy-about-cta,
  .cy-about-footer {
    padding: 48px 0;
  }

  .cy-about-title {
    font-size: 26px;
  }

  .cy-about-copy {
    text-align: left;
  }

  .cy-about-stats,
  .cy-about-project-grid,
  .cy-about-cta-grid,
  .cy-about-footer-grid {
    grid-template-columns: 1fr;
  }

  .cy-about-cta-card,
  .cy-about-cta-card img {
    min-height: 280px;
  }
}

/* 2026-06-24 Why CYBEROCE rebuild */
.cy-why-page {
  --cy-blue: #168ef3;
  --cy-dark: #111827;
  --cy-muted: #5d6673;
  background: #fff;
  color: #111827;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.cy-why-page * {
  box-sizing: border-box;
}

.cy-why-hero {
  min-height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  place-items: center;
  text-align: center;
}

.cy-why-hero h1 {
  color: #fff;
  font-size: clamp(38px, 4.1vw, 66px);
  font-weight: 800;
  letter-spacing: 0;
  margin: 0;
  text-shadow: 0 14px 34px rgba(0, 58, 116, .2);
}

.cy-why-breadcrumb {
  border-bottom: 1px solid #eceff4;
  color: #7c8592;
  font-size: 14px;
  height: 54px;
}

.cy-why-inner {
  margin: 0 auto;
  width: min(1260px, calc(100% - 72px));
}

.cy-why-breadcrumb .cy-why-inner {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 100%;
}

.cy-why-breadcrumb a {
  color: #7c8592;
  text-decoration: none;
}

.cy-why-section {
  padding: 78px 0;
}

.cy-why-title {
  color: #111;
  font-size: clamp(28px, 2.4vw, 38px);
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 42px;
  text-align: center;
}

.cy-why-points {
  display: grid;
  gap: 28px 34px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-why-point {
  align-items: flex-start;
  display: grid;
  gap: 18px;
  grid-template-columns: 88px 1fr;
}

.cy-why-point img {
  display: block;
  height: auto;
  width: 88px;
}

.cy-why-point h3 {
  color: #111;
  font-size: 18px;
  line-height: 1.3;
  margin: 2px 0 8px;
}

.cy-why-point p {
  color: var(--cy-muted);
  font-size: 14px;
  line-height: 1.72;
  margin: 0;
}

.cy-why-platform {
  background: #f6f7f9;
}

.cy-why-platform-grid {
  display: grid;
  gap: 28px 34px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cy-why-platform-item {
  align-items: center;
  background: #fff;
  display: flex;
  gap: 18px;
  min-height: 96px;
  padding: 24px 28px;
  transition: transform .28s ease, box-shadow .28s ease;
}

.cy-why-platform-item:hover {
  box-shadow: 0 20px 48px rgba(24, 142, 243, .13);
  transform: translateY(-6px);
}

.cy-why-platform-item img {
  height: 49px;
  object-fit: contain;
  width: 49px;
}

.cy-why-platform-item strong {
  color: #172033;
  font-size: 15px;
  line-height: 1.35;
}

.cy-why-service {
  background: #fff;
}

.cy-why-service-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: 1.05fr .95fr;
}

.cy-why-service-panel {
  background: #f2f3f5;
  min-height: 310px;
  padding: 44px 48px;
}

.cy-why-service-panel h3 {
  font-size: 26px;
  line-height: 1.22;
  margin: 0 0 20px;
}

.cy-why-service-panel p,
.cy-why-values p {
  color: var(--cy-muted);
  font-size: 15px;
  line-height: 1.82;
  margin: 0;
}

.cy-why-values {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  min-height: 520px;
  padding: 84px 0;
}

.cy-why-values .cy-why-title,
.cy-why-values p {
  color: #fff;
}

.cy-why-values-grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 52px;
}

.cy-why-value {
  background: rgba(255, 255, 255, .95);
  color: #162033;
  min-height: 138px;
  padding: 30px;
}

.cy-why-value img {
  height: 43px;
  margin-bottom: 18px;
  object-fit: contain;
  width: 43px;
}

.cy-why-value strong {
  display: block;
  font-size: 17px;
  margin-bottom: 8px;
}

.cy-why-value span {
  color: #667085;
  display: block;
  font-size: 13px;
  line-height: 1.65;
}

.cy-why-card-carousel,
.cy-home-why-real {
  background: #fff;
  position: relative;
}

.cy-why-card-track,
.cy-home-why-real-track {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-home-why-real-inner {
  margin: 0 auto;
  max-width: 1280px;
  overflow: hidden;
  padding: 0 24px;
}

.cy-home-why-real-track {
  display: flex;
  gap: 30px;
  transform: translate3d(0, 0, 0);
  transition: transform .68s cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}

.cy-why-card,
.cy-home-why-real-card {
  background: #f2f3f5;
  color: #111827;
  display: block;
  flex: 0 0 calc((100% - 60px) / 3);
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
  transition: transform .32s ease, box-shadow .32s ease;
}

.cy-why-card:hover,
.cy-home-why-real-card:hover {
  box-shadow: 0 24px 56px rgba(17, 24, 39, .14);
  transform: translateY(-8px);
}

.cy-why-page .cy-why-card:nth-child(n+4) {
  display: none;
}

.cy-why-page.is-page-2 .cy-why-card {
  display: none;
}

.cy-why-page.is-page-2 .cy-why-card:nth-child(n+4) {
  display: block;
}

.cy-why-card img,
.cy-home-why-real-card img {
  aspect-ratio: 557 / 389;
  display: block;
  object-fit: cover;
  width: 100%;
}

.cy-why-card span,
.cy-home-why-real-card span {
  display: block;
  min-height: 230px;
  padding: 36px 38px 42px;
}

.cy-why-card strong,
.cy-home-why-real-card strong {
  display: block;
  font-size: 20px;
  line-height: 1.35;
  margin-bottom: 18px;
}

.cy-why-card small,
.cy-home-why-real-card small {
  color: #5f6876;
  display: block;
  font-size: 14px;
  line-height: 1.85;
}

.cy-why-carousel-controls,
.cy-home-why-real-controls {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 34px;
  position: relative;
  z-index: 2;
}

.cy-why-carousel-controls button,
.cy-home-why-real-controls button {
  align-items: center;
  background: #fff;
  border: 1px solid #d8dee6;
  border-radius: 999px;
  color: #a8b1bd;
  cursor: pointer;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  transition: background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease;
  width: 30px;
}

.cy-why-carousel-controls [data-cy-why-dir],
.cy-home-why-real-controls [data-home-why-dir] {
  font-size: 0;
}

.cy-why-carousel-controls [data-cy-why-dir]::before,
.cy-home-why-real-controls [data-home-why-dir]::before {
  font-size: 18px;
  line-height: 1;
}

.cy-why-carousel-controls [data-cy-why-dir="prev"]::before,
.cy-home-why-real-controls [data-home-why-dir="prev"]::before {
  content: "\2039";
}

.cy-why-carousel-controls [data-cy-why-dir="next"]::before,
.cy-home-why-real-controls [data-home-why-dir="next"]::before {
  content: "\203A";
}

.cy-why-carousel-controls span,
.cy-home-why-real-controls span {
  display: inline-flex;
  gap: 8px;
}

.cy-why-carousel-controls span button,
.cy-home-why-real-controls span button {
  height: 9px;
  padding: 0;
  width: 9px;
}

.cy-why-carousel-controls button:hover,
.cy-why-carousel-controls button.is-active,
.cy-home-why-real-controls button:hover,
.cy-home-why-real-controls button.is-active {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  transform: translateY(-2px);
}

.cy-why-contact {
  background: #f6f7f9;
}

.cy-why-contact-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(360px, .9fr) repeat(2, minmax(0, .55fr));
}

.cy-why-contact-form {
  background: #fff;
  padding: 38px;
}

.cy-why-contact-form h3 {
  font-size: 26px;
  margin: 0 0 22px;
}

.cy-why-contact-form input,
.cy-why-contact-form textarea {
  border: 1px solid #dfe4ea;
  display: block;
  font: inherit;
  margin-bottom: 14px;
  padding: 13px 15px;
  width: 100%;
}

.cy-why-contact-form textarea {
  min-height: 118px;
  resize: vertical;
}

.cy-why-contact-form button {
  background: var(--accent);
  border: 0;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 13px 30px;
}

.cy-why-contact-card {
  background: #fff;
  color: #111827;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.cy-why-contact-card img {
  aspect-ratio: 419 / 198;
  display: block;
  object-fit: cover;
  width: 100%;
}

.cy-why-contact-card span {
  display: block;
  padding: 24px;
}

.cy-why-footer {
  background: #020304;
  color: #fff;
  padding: 72px 0 34px;
  text-align: center;
}

.cy-why-footer h2 {
  font-size: 30px;
  margin: 0 0 10px;
}

.cy-why-footer p {
  color: #aeb7c3;
  margin: 0;
}

.cy-why-newsletter {
  background: #fff;
  border-radius: 999px;
  display: flex;
  height: 42px;
  margin: 28px auto 58px;
  max-width: 430px;
  overflow: hidden;
}

.cy-why-newsletter input {
  border: 0;
  flex: 1 1 auto;
  min-width: 0;
  outline: 0;
  padding: 0 18px;
}

.cy-why-newsletter button {
  background: var(--accent);
  border: 0;
  color: #fff;
  font-weight: 700;
  padding: 0 22px;
}

.cy-why-footer-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 20px;
  text-align: left;
}

.cy-why-footer-grid h3 {
  color: #fff;
  font-size: 15px;
  margin: 0 0 16px;
}

.cy-why-footer-grid a {
  color: #98a2b3;
  display: block;
  font-size: 13px;
  margin-bottom: 9px;
  text-decoration: none;
}

.cy-why-footer-grid a:hover {
  color: var(--accent);
}

.cy-why-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}

.cy-why-reveal.is-visible {
  opacity: 1;
  transform: none;
}

.cy-home-why-real {
  line-height: normal;
  padding: 86px 0 92px;
}

body.home .cyberoce-home-elementor .cy-home-exact-why-replaced,
body.home .cyberoce-home-elementor .cy-home-why-card-source {
  display: none !important;
}

.cy-home-why-real > .cy-home-hotspot,
.cy-home-why-real > .cy-home-why-control,
.cy-home-why-real > .cy-home-why-focus {
  display: none !important;
  pointer-events: none !important;
}

.cy-home-why-real-inner {
  margin: 0 auto;
  overflow: hidden;
  width: min(1280px, calc(100% - 72px));
}

.cy-home-why-real h2 {
  font-size: clamp(28px, 2.2vw, 36px);
  line-height: 1.2;
  margin: 0 0 42px;
  text-align: center;
}

.cy-home-why-real-track {
  overflow: visible;
}

.cy-home-why-real .cy-home-why-real-card {
  display: block;
}

.cy-home-why-real-card span {
  min-height: 190px;
  padding: 28px 30px 34px;
}

.cy-home-why-real.is-single-page .cy-home-why-real-controls {
  display: none !important;
}

.cy-home-why-real-controls {
  position: relative;
  z-index: 2;
}

/* Homepage interaction corrections: keep controls inside their own control areas. */
.cyberoce-home-elementor .cy-home-news-feature-copy {
  padding-bottom: clamp(56px, 4.2vw, 82px) !important;
}

.cyberoce-home-elementor .cy-home-news-feature-dots {
  bottom: clamp(18px, 1.9vw, 30px) !important;
  margin-top: 0 !important;
  position: absolute !important;
  right: clamp(20px, 2vw, 34px) !important;
}

.cyberoce-home-elementor .cy-home-news-card-arrows {
  bottom: clamp(16px, 1.8vw, 28px) !important;
  right: clamp(18px, 2vw, 34px) !important;
}

.cyberoce-home-elementor .cy-home-news-grid-arrows {
  bottom: clamp(10px, 1.4vw, 20px) !important;
  right: 0 !important;
}

.cyberoce-home-elementor .cy-home-scenario-switcher {
  isolation: isolate;
}

.cyberoce-home-elementor .cy-home-scenario-switcher::before {
  left: 0 !important;
  transform: translateX(calc(var(--cy-scenario-index, 0) * 100%));
  width: calc(100% / 6) !important;
}

.mega-panel-product-columns .mega-products-inner {
  gap: clamp(30px, 5vw, 68px);
  padding: 38px 0 42px;
  width: min(1040px, calc(100% - 80px));
}

.mega-product-column-visual {
  height: 118px;
  margin-bottom: 22px;
}

.mega-product-column-title {
  font-size: clamp(1.05rem, 1.28vw, 1.32rem);
  margin-bottom: 18px;
}

.mega-product-list {
  gap: 11px;
}

.mega-product-list a {
  font-size: .94rem;
}

/* 2026-07-08: compact global product dropdown to match the unified header scale. */
.site-header .mega-panel-product-columns {
  padding: 0 !important;
  max-height: 430px !important;
  overflow: hidden !important;
}

.site-header .mega-panel-product-columns .mega-products-inner {
  width: min(980px, calc(100% - 72px)) !important;
  padding: 22px 0 24px !important;
  gap: clamp(38px, 6vw, 82px) !important;
  align-items: flex-start !important;
}

.site-header .mega-product-column {
  min-width: 0 !important;
}

.site-header .mega-product-column-visual {
  height: 72px !important;
  margin-bottom: 10px !important;
}

.site-header .mega-product-column-visual img {
  max-height: 70px !important;
  object-fit: contain !important;
}

.site-header .mega-product-column-title {
  font-size: 17px !important;
  line-height: 1.28 !important;
  margin-bottom: 10px !important;
}

.site-header .mega-product-list {
  gap: 6px !important;
}

.site-header .mega-product-list a {
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.site-header .mega-product-list a:before {
  border-width: 5px 0 5px 7px !important;
  margin-right: 11px !important;
}

@media (max-width: 1024px) {
  .cy-why-points,
  .cy-why-platform-grid,
  .cy-why-values-grid,
  .cy-why-card-track,
  .cy-home-why-real-track,
  .cy-why-contact-grid,
  .cy-why-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cy-why-service-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .cy-why-inner,
  .cy-home-why-real-inner {
    width: min(92%, 560px);
  }

  .cy-why-section,
  .cy-home-why-real {
    padding: 52px 0;
  }

  .cy-why-points,
  .cy-why-platform-grid,
  .cy-why-values-grid,
  .cy-why-card-track,
  .cy-home-why-real-track,
  .cy-why-contact-grid,
  .cy-why-footer-grid {
    grid-template-columns: 1fr;
  }

  .cy-why-point {
    grid-template-columns: 68px 1fr;
  }

  .cy-why-point img {
    width: 68px;
  }
}

.cy-solution-builder {
  font-family: Arial, Helvetica, sans-serif;
}

.cy-sol-app-title,
.cy-sol-app-grid {
  background: #f3f3f3;
}

.cy-sol-case-title,
.cy-sol-case-grid {
  background: #fff;
}

.cy-sol-app-title,
.cy-sol-case-title {
  padding: 60px 0 42px;
}

.cy-sol-app-grid,
.cy-sol-case-grid {
  padding: 0 0 60px;
}

.cy-solution-builder.cy-sol-hero {
  align-items: center;
  background-position: center;
  background-size: cover;
  display: flex;
  min-height: 260px;
  position: relative;
}

.cy-solution-builder.cy-sol-hero::before {
  background: rgba(0, 0, 0, .46);
  content: "";
  inset: 0;
  position: absolute;
}

.cy-solution-builder.cy-sol-hero > .elementor-container {
  position: relative;
  z-index: 1;
}

.cy-solution-builder.cy-sol-hero .elementor-heading-title {
  color: #fff;
  font-size: 42px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cy-sol-title .elementor-heading-title {
  color: #111;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0;
  text-align: center;
}

.cy-sol-app-grid > .elementor-container,
.cy-sol-case-grid > .elementor-container {
  display: grid !important;
  gap: 22px;
  max-width: 1180px;
  width: min(1180px, calc(100% - 72px)) !important;
}

.cy-sol-app-grid > .elementor-container {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cy-sol-case-grid > .elementor-container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-sol-app-grid .elementor-column,
.cy-sol-case-grid .elementor-column {
  display: block !important;
  width: auto !important;
}

.cy-sol-app-card > .elementor-widget-wrap {
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  color: #111827;
  display: flex;
  justify-content: center;
  min-height: 160px;
  padding: 24px;
  text-align: center;
  transition: color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.cy-sol-app-card:hover > .elementor-widget-wrap {
  box-shadow: 0 18px 38px rgba(0, 0, 0, .08);
  color: #168ef3;
  transform: translateY(-6px);
}

.cy-sol-app-card .elementor-button {
  background: transparent;
  border: 0;
  color: inherit;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.32;
  padding: 0;
}

.cy-sol-app-card .elementor-button-wrapper,
.cy-sol-app-card .elementor-widget-button,
.cy-sol-app-card .elementor-widget-button .elementor-widget-container {
  display: flex !important;
  justify-content: center;
  width: 100%;
}

.cy-sol-app-card .elementor-button-text,
.cy-sol-app-grid a.cy-sol-app-card {
  color: inherit !important;
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.cy-sol-case-card > .elementor-widget-wrap {
  background: #ddd;
  border-radius: 8px;
  display: block !important;
  height: 190px;
  min-height: 190px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.cy-sol-case-card > .elementor-widget-wrap::after {
  background: linear-gradient(transparent, rgba(0, 0, 0, .72));
  content: "";
  inset: 40% 0 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.cy-sol-case-card .elementor-widget-image,
.cy-sol-case-card .elementor-widget-image .elementor-widget-container,
.cy-sol-case-card .elementor-widget-image a,
.cy-sol-case-card .elementor-widget-image img {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

.cy-sol-case-card .elementor-widget-image {
  inset: 0;
  position: absolute !important;
  width: 100% !important;
}

.cy-sol-case-card .elementor-widget-image .elementor-widget-container,
.cy-sol-case-card .elementor-widget-image a {
  position: relative !important;
  width: 100% !important;
}

.cy-sol-case-card .elementor-widget-image img {
  height: 190px !important;
  max-width: none !important;
  object-fit: cover !important;
  transition: transform .45s ease;
}

.cy-sol-case-card:hover .elementor-widget-image img {
  transform: scale(1.06);
}

.cy-sol-case-card .elementor-widget-heading {
  bottom: 18px;
  left: 20px;
  margin: 0;
  position: absolute;
  right: 20px;
  text-align: center;
  z-index: 2;
}

.cy-sol-case-card .elementor-heading-title,
.cy-sol-case-card .elementor-heading-title a {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}

.cy-sol-case-card .elementor-widget-image img,
.cy-sol-case-card .elementor-heading-title,
.cy-sol-case-card .elementor-heading-title a {
  opacity: 1 !important;
  visibility: visible !important;
}

.cy-sol-app-grid .cy-sol-grid-inner,
.cy-sol-case-grid .cy-sol-case-inner {
  display: grid;
  gap: 22px;
  margin: 0 auto;
  max-width: 1180px;
}

.cy-sol-app-grid .cy-sol-grid-inner {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cy-sol-case-grid .cy-sol-case-inner {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-sol-app-grid a.cy-sol-app-card {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  color: #111827 !important;
  display: flex !important;
  font-size: 18px;
  font-weight: 800;
  justify-content: center;
  line-height: 1.32;
  min-height: 160px;
  padding: 24px;
  text-align: center;
  text-decoration: none;
  transition: color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.cy-sol-app-grid a.cy-sol-app-card:hover {
  box-shadow: 0 18px 38px rgba(0, 0, 0, .08);
  color: #168ef3 !important;
  transform: translateY(-6px);
}

.cy-sol-case-grid a.cy-sol-case-card {
  background: #ddd;
  border-radius: 8px;
  display: block;
  min-height: 190px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

.cy-sol-case-grid a.cy-sol-case-card::after {
  background: linear-gradient(transparent, rgba(0, 0, 0, .72));
  content: "";
  inset: 40% 0 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.cy-sol-case-grid a.cy-sol-case-card img {
  display: block;
  height: 190px;
  object-fit: cover;
  opacity: 1 !important;
  transition: transform .45s ease;
  visibility: visible !important;
  width: 100%;
}

.cy-sol-case-grid a.cy-sol-case-card:hover img {
  transform: scale(1.06);
}

.cy-sol-case-grid a.cy-sol-case-card strong {
  bottom: 18px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 800;
  left: 20px;
  line-height: 1.25;
  position: absolute;
  right: 20px;
  text-align: center;
  z-index: 2;
}

@media (max-width: 900px) {
  .cy-sol-app-grid > .elementor-container,
  .cy-sol-case-grid > .elementor-container,
  .cy-sol-app-grid .cy-sol-grid-inner,
  .cy-sol-case-grid .cy-sol-case-inner {
    grid-template-columns: 1fr;
    max-width: min(92%, 760px);
  }
}

/* Civintec-style editable subpage blocks used inside Elementor text modules. */
.cy-civ {
  --red: #b80b16;
  --blue: #168ef3;
  --text: #161616;
  --muted: #5f6470;
  --page: #eee;
  --line: #dedede;
  background: var(--page);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.cy-civ *,
.cy-civ *::before,
.cy-civ *::after {
  box-sizing: border-box;
}

.cy-civ a {
  color: inherit;
  text-decoration: none;
}

.cy-civ-wrap {
  margin: 0 auto;
  width: min(1180px, calc(100% - 72px));
}

.cy-civ-hero {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  height: 260px;
  isolation: isolate;
  justify-items: center;
  position: relative;
}

.cy-civ-hero::before {
  background: rgba(0, 0, 0, .48);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.cy-civ-hero h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

.cy-civ-contact .cy-civ-hero {
  background-image: url("https://qrcodeaccess.com/wp-content/uploads/2026/06/S-3-1.jpg");
  background-position: center;
}

.cy-civ-service .cy-civ-hero {
  background-image: url("https://qrcodeaccess.com/wp-content/uploads/2026/06/S-3-1.jpg");
  background-position: center;
}

.cy-civ-contact .cy-info-card .bigicon {
  align-items: center;
  border-color: #168ef3;
  color: #168ef3;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  letter-spacing: 0;
}

.cy-civ-contact .cy-info-card:nth-child(1) .bigicon::before {
  content: "TEL";
}

.cy-civ-contact .cy-info-card:nth-child(2) .bigicon::before {
  content: "@";
  font-size: 20px;
}

.cy-civ-contact .cy-info-card:nth-child(3) .bigicon::before {
  content: "LOC";
}

.cy-civ-contact .cy-form-panel.cy-contact-enhanced {
  padding: 66px 88px 58px;
}

.cy-civ-contact .cy-contact-generated-form {
  display: grid;
  gap: 28px 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cy-civ-contact .cy-contact-field {
  min-width: 0;
}

.cy-civ-contact .cy-contact-field.full {
  grid-column: 1 / -1;
}

.cy-civ-contact .cy-contact-field label {
  color: #5a606b;
  display: block;
  font-size: 17px;
  line-height: 1.2;
  margin: 0 0 14px;
}

.cy-civ-contact .cy-contact-field input,
.cy-civ-contact .cy-contact-field select,
.cy-civ-contact .cy-contact-field textarea {
  background: #eee;
  border: 0;
  border-radius: 4px;
  color: #4a515d;
  display: block;
  font: inherit;
  height: 50px;
  outline: none;
  padding: 0 22px;
  width: 100%;
}

.cy-civ-contact .cy-contact-field textarea {
  height: 150px;
  padding-top: 18px;
  resize: vertical;
}

.cy-civ-contact .cy-contact-consent {
  align-items: flex-start;
  color: #3d434d;
  display: flex;
  font-size: 14px;
  gap: 14px;
  line-height: 1.5;
}

.cy-civ-contact .cy-contact-consent input {
  flex: 0 0 18px;
  height: 18px;
  margin: 2px 0 0;
  width: 18px;
}

.cy-civ-contact .cy-contact-generated-submit {
  background: var(--red);
  border: 0;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  height: 58px;
  justify-content: center;
  min-width: 200px;
  padding: 0 32px;
}

.cy-civ-contact .cy-civ-news {
  display: none;
}

.cy-civ-service .cy-civ-news {
  display: none;
}

.cy-civ-bread {
  background: var(--page);
  color: #20242c;
  font-size: 14px;
  padding: 22px 0 16px;
}

.cy-civ-bread span {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.cy-civ-section {
  background: var(--page);
  padding: 54px 0;
}

.cy-civ-section.white {
  background: #fff;
}

.cy-civ-title {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 42px;
  text-align: center;
}

.cy-civ-reveal {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .65s ease, transform .65s ease;
}

.cy-civ-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.js-enabled .cy-civ .cy-civ-reveal {
  opacity: 0;
  transform: translateY(24px);
}

.js-enabled .cy-civ .cy-civ-reveal.is-visible,
body.elementor-editor-active .cy-civ .cy-civ-reveal {
  opacity: 1;
  transform: translateY(0);
}

.cy-civ-btn {
  align-items: center;
  background: var(--red);
  border: 0;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  height: 56px;
  justify-content: center;
  min-width: 190px;
  transition: box-shadow .25s ease, transform .25s ease;
}

.cy-civ-btn:hover {
  box-shadow: 0 14px 26px rgba(184, 11, 22, .26);
  transform: translateY(-2px);
}

.cy-service-intro {
  color: #252a32;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 44px;
}

.cy-service-cards {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cy-service-card {
  background: #eee;
  border-radius: 12px;
  min-height: 320px;
  padding: 48px 50px;
}

.cy-service-card h3 {
  font-size: 26px;
  margin: 0 0 56px;
}

.cy-service-card p {
  color: #313742;
  font-size: 17px;
  line-height: 1.75;
  margin: 0;
}

.cy-value-grid {
  display: grid;
  gap: 54px 62px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-value {
  align-items: start;
  display: grid;
  gap: 22px;
  grid-template-columns: 74px 1fr;
}

.cy-value .vicon {
  background: #f0f0f0;
  border-radius: 50%;
  color: #d04752;
  display: grid;
  font-weight: 800;
  height: 54px;
  place-items: center;
  width: 54px;
}

.cy-value h3 {
  font-size: 18px;
  margin: 8px 0 26px;
}

.cy-value p,
.cy-work p {
  color: #252a32;
  font-size: 14px;
  line-height: 1.75;
  margin: 0;
}

.cy-work {
  background: #efefef;
}

.cy-work p {
  font-size: 15px;
  margin-bottom: 46px;
}

.cy-work-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cy-work-card {
  align-items: center;
  background: #fff;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 800;
  height: 168px;
  justify-content: center;
  padding: 18px;
  text-align: center;
  transition: box-shadow .25s ease, transform .25s ease;
}

.cy-work-card:hover {
  box-shadow: 0 18px 34px rgba(0, 0, 0, .08);
  transform: translateY(-6px);
}

.cy-line-icon {
  border: 2px solid #555;
  border-radius: 10px;
  height: 36px;
  margin-bottom: 28px;
  position: relative;
  width: 36px;
}

.cy-line-icon.round {
  border-radius: 50%;
}

.cy-line-icon::after {
  border: 2px solid currentColor;
  border-radius: 4px;
  bottom: 10px;
  content: "";
  left: 10px;
  opacity: .75;
  position: absolute;
  right: 10px;
  top: 10px;
}

.cy-civ-service .cy-line-icon {
  align-items: center;
  border-color: #9aa1aa;
  color: #168ef3;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  justify-content: center;
  letter-spacing: 0;
}

.cy-civ-service .cy-line-icon::after {
  border: 0;
  bottom: auto;
  content: "ID";
  left: auto;
  opacity: 1;
  position: static;
  right: auto;
  top: auto;
}

.cy-civ-service .cy-work-card:nth-child(2) .cy-line-icon::after {
  content: "EE";
}

.cy-civ-service .cy-work-card:nth-child(3) .cy-line-icon::after {
  content: "MD";
}

.cy-civ-service .cy-work-card:nth-child(4) .cy-line-icon::after {
  content: "PCB";
  font-size: 9px;
}

.cy-civ-service .cy-work-card:nth-child(5) .cy-line-icon::after {
  content: "TOOL";
  font-size: 8px;
}

.cy-civ-service .cy-work-card:nth-child(6) .cy-line-icon::after {
  content: "FW";
}

.cy-civ-service .cy-work-card:nth-child(7) .cy-line-icon::after {
  content: "SDK";
  font-size: 9px;
}

.cy-civ-service .cy-work-card:nth-child(8) .cy-line-icon::after {
  content: "QA";
}

.cy-civ-service .cy-work-card:nth-child(9) .cy-line-icon::after {
  content: "MFG";
  font-size: 9px;
}

.cy-civ-service .cy-work-card:nth-child(10) .cy-line-icon::after {
  content: "QC";
}

.cy-info-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cy-info-card {
  background: #fff;
  border-radius: 12px;
  min-height: 340px;
  padding: 48px 36px;
  text-align: center;
}

.cy-info-card .bigicon {
  border: 2px solid #777;
  border-radius: 50%;
  height: 42px;
  margin: 0 auto 26px;
  width: 42px;
}

.cy-info-card h3 {
  font-size: 18px;
  margin: 0 0 28px;
}

.cy-info-card hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 0 0 30px;
}

.cy-info-card p {
  color: #5a606b;
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 18px;
}

.cy-socials {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 26px;
}

.cy-socials span {
  border: 1px solid #666;
  border-radius: 50%;
  display: grid;
  height: 40px;
  place-items: center;
  width: 40px;
}

.cy-form-panel {
  background: #fff;
  border-radius: 12px;
  padding: 72px 88px;
}

.cy-contact-form {
  display: grid;
  gap: 28px 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cy-contact-form label {
  color: #5a606b;
  display: block;
  font-size: 17px;
  margin-bottom: 14px;
}

.cy-contact-form input,
.cy-contact-form select,
.cy-contact-form textarea {
  background: #eee;
  border: 0;
  border-radius: 4px;
  color: #4a515d;
  font: inherit;
  height: 50px;
  outline: none;
  padding: 0 28px;
  width: 100%;
}

.cy-contact-form textarea {
  height: 150px;
  padding-top: 18px;
  resize: vertical;
}

.cy-contact-form .full {
  grid-column: 1 / -1;
}

.cy-submit-row {
  margin-top: 12px;
  text-align: center;
}

.cy-submit-row button {
  background: var(--red);
  border: 0;
  border-radius: 30px;
  color: #fff;
  font-weight: 800;
  height: 58px;
  width: 200px;
}

.cy-civ .center {
  text-align: center;
}

.cy-mt-large {
  margin-top: 74px;
}

@media (max-width: 900px) {
  .cy-civ-wrap {
    width: min(92%, 760px);
  }

  .cy-service-cards,
  .cy-value-grid,
  .cy-work-grid,
  .cy-info-grid,
  .cy-contact-form,
  .cy-civ-contact .cy-contact-generated-form {
    grid-template-columns: 1fr;
  }

  .cy-civ-hero {
    height: 220px;
  }

  .cy-civ-title {
    font-size: 24px;
  }

  .cy-service-card,
  .cy-form-panel,
  .cy-civ-contact .cy-form-panel.cy-contact-enhanced {
    padding: 36px 30px;
  }
}

/* 2026-07-09 homepage delivery polish: keep editable sources, fix public rendering. */
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-hero > .elementor-container {
  display: none !important;
}

/* lcz begin*/
/* body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-hero {
  background: #f5f6f8;
  min-height: clamp(560px, 52.2vw, 820px);
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
} */
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-hero {
  background: #f5f6f8;
  overflow: hidden;
  position: relative;
  aspect-ratio: 17 / 9;
  min-height: 560px;
  max-height: 100vh;
}
/* lcz end*/

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-carousel,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-track,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-slide {
  min-height: clamp(560px, 52.2vw, 820px);
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-slide {
  opacity: 0 !important;
  pointer-events: none;
  transition: transform .7s cubic-bezier(.22, 1, .36, 1) !important;
  visibility: hidden;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-slide.is-active {
  opacity: 1 !important;
  pointer-events: auto;
  visibility: visible;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-product {
  background: #fff;
  min-height: clamp(650px, 47vw, 760px);
  overflow: hidden;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-title-fix {
  height: 30%;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-switcher {
  gap: clamp(18px, 1.9vw, 30px);
  top: 30%;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-grid {
  align-items: end;
  gap: clamp(14px, 2vw, 36px);
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card {
  gap: 16px;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card img {
  height: clamp(88px, 9.4vw, 145px);
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario {
  background: #111418;
  height: clamp(520px, 47.2vw, 860px);
  min-height: clamp(520px, 47.2vw, 860px);
  overflow: hidden;
  position: relative;
}

.cy-home-exact-scenario::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px; /* 控制渐变高度 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent);
  pointer-events: none; /* 不影响点击 */
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario > .elementor-container,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario > .elementor-container > .elementor-column,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario > .elementor-container > .elementor-column > .elementor-widget-wrap,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario .cy-home-exact-image,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario .cy-home-exact-image .elementor-widget-container,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario .cy-home-exact-image picture {
  display: block !important;
  height: 100% !important;
  inset: 0 !important;
  max-width: none !important;
  min-height: 100% !important;
  position: absolute !important;
  width: 100% !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-scenario .cy-home-exact-image img {
  display: block !important;
  height: 100% !important;
  left: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher {
  bottom: 0 !important;
  height: clamp(132px, 10.8vw, 170px) !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: auto !important;
  z-index: 12 !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher a {
  min-height: clamp(132px, 10.8vw, 170px);
  padding: clamp(18px, 1.5vw, 28px) 8px 18px;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher a .icon {
  height: clamp(38px, 3.3vw, 54px);
  width: clamp(38px, 3.3vw, 54px);
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher a .icon img {
  height: clamp(20px, 1.55vw, 28px);
  width: clamp(20px, 1.55vw, 28px);
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-news-feature-copy {
  padding-bottom: clamp(48px, 3.8vw, 72px) !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-news-feature-dots,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-news-card-arrows,
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-news-grid-arrows {
  transform: none !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-news-feature-dots {
  bottom: clamp(18px, 1.8vw, 30px) !important;
  left: auto !important;
  right: clamp(20px, 2vw, 34px) !important;
  top: auto !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-news-card-arrows {
  bottom: clamp(18px, 1.7vw, 28px) !important;
  left: auto !important;
  right: clamp(18px, 2vw, 34px) !important;
  top: auto !important;
}

/* 2026-07-14 mobile launch acceptance fixes. */
@media (max-width: 767px) {
  .site-header .header-actions,
  .site-header .header-search-form {
    display: none !important;
  }

  .site-header .header-row {
    justify-content: space-between;
  }

  .site-header .nav-toggle {
    color: #162033 !important;
    display: block;
    flex: 0 0 31px;
    margin-left: auto;
    opacity: 1;
    visibility: visible;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-product {
    min-height: 1100px;
    overflow: hidden;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-title-fix {
    height: 190px;
    padding: 22px 20px 12px;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-title-fix p {
    margin-left: auto;
    margin-right: auto;
    max-width: 330px;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-switcher {
    bottom: auto;
    gap: 14px;
    grid-template-rows: auto 1px auto;
    left: 20px;
    top: 190px;
    width: calc(100% - 40px);
  }

  .cyberoce-home-elementor .cy-home-product-tabs {
    gap: 4px 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cyberoce-home-elementor .cy-home-product-tabs > a,
  .cyberoce-home-elementor .cy-home-product-tabs > button {
    align-items: center;
    color: #252a31;
    display: flex;
    font-size: 11px;
    justify-content: center;
    line-height: 1.3;
    min-height: 48px;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 8px 4px 12px;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    word-break: break-word;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-grid {
    align-items: start;
    gap: 22px 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px 0 32px;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card {
    gap: 10px;
    min-width: 0;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card img {
    height: 104px;
  }

  .cyberoce-home-elementor .cy-home-product-card span {
    font-size: 11px;
    overflow-wrap: anywhere;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher {
    display: flex !important;
    height: 122px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher::-webkit-scrollbar {
    display: none;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher::before {
    display: none !important;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-switcher a {
    flex: 0 0 98px;
    min-height: 122px;
    min-width: 98px;
    padding: 14px 6px 12px;
    scroll-snap-align: start;
  }

  .cy-home-why-real-inner {
    overflow: hidden;
    padding: 0;
    width: 100%;
  }

  .cy-home-why-real-track {
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 20px 10px;
    scroll-padding-left: 20px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    transform: none !important;
  }

  .cy-home-why-real-track::-webkit-scrollbar {
    display: none;
  }

  .cy-home-why-real .cy-home-why-real-card {
    flex: 0 0 min(82vw, 320px) !important;
    scroll-snap-align: start;
  }

  .cy-home-why-real-card span {
    min-height: 210px;
    padding: 24px 24px 30px;
  }

  .cy-home-why-real-controls {
    display: none !important;
  }
}

/* CY HOME PRODUCT LAYOUT FIX 2026-07-16 START */
body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-product {
  background: #fff !important;
  height: clamp(560px, 39vw, 650px) !important;
  min-height: clamp(560px, 39vw, 650px) !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-product > .elementor-container {
  display: none !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-title-fix {
  height: 28% !important;
  padding: 18px 24px 12px !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-switcher {
  bottom: 20px !important;
  gap: clamp(14px, 1.35vw, 22px) !important;
  grid-template-rows: auto 1px minmax(0, 1fr) !important;
  top: 28% !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-grid {
  align-content: start !important;
  align-items: start !important;
  gap: clamp(14px, 1.8vw, 30px) !important;
  padding-top: clamp(10px, 1vw, 18px) !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card {
  align-self: start !important;
  gap: 12px !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card img {
  height: clamp(92px, 8.2vw, 136px) !important;
}

@media (max-width: 767px) {
  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-product {
    height: 820px !important;
    min-height: 820px !important;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-title-fix {
    height: 170px !important;
    padding: 20px 18px 10px !important;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-switcher {
    bottom: 18px !important;
    left: 18px !important;
    top: 170px !important;
    width: calc(100% - 36px) !important;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-grid {
    align-content: start !important;
    gap: 18px 14px !important;
    padding: 8px 0 18px !important;
  }
}
/* CY HOME PRODUCT LAYOUT FIX 2026-07-16 END */

/* CY SITEWIDE MOTION BANNER ALIGNMENT 2026-07-16 START */
.cyberoce-home-elementor .cy-home-product-tabs > a,
.cyberoce-home-elementor .cy-home-product-tabs > button {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: #252a31;
  cursor: pointer;
  display: flex;
  font-size: clamp(12px, 1vw, 18px);
  justify-content: center;
  line-height: 1.25;
  min-height: 54px;
  padding: 8px 8px 14px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color .24s ease, transform .24s ease;
}

.cyberoce-home-elementor .cy-home-product-tabs > a::after,
.cyberoce-home-elementor .cy-home-product-tabs > button::after {
  background: #188ef3;
  border-radius: 999px;
  bottom: 2px;
  content: "";
  height: 2px;
  left: 28%;
  opacity: 0;
  position: absolute;
  right: 28%;
  transform: scaleX(.2);
  transition: opacity .24s ease, transform .24s ease;
}

.cyberoce-home-elementor .cy-home-product-tabs > a:hover,
.cyberoce-home-elementor .cy-home-product-tabs > a:focus-visible,
.cyberoce-home-elementor .cy-home-product-tabs > a.is-active,
.cyberoce-home-elementor .cy-home-product-tabs > button:hover,
.cyberoce-home-elementor .cy-home-product-tabs > button:focus-visible,
.cyberoce-home-elementor .cy-home-product-tabs > button.is-active {
  color: #188ef3;
  transform: translateY(-2px);
}

.cyberoce-home-elementor .cy-home-product-tabs > a:hover::after,
.cyberoce-home-elementor .cy-home-product-tabs > a:focus-visible::after,
.cyberoce-home-elementor .cy-home-product-tabs > a.is-active::after,
.cyberoce-home-elementor .cy-home-product-tabs > button:hover::after,
.cyberoce-home-elementor .cy-home-product-tabs > button:focus-visible::after,
.cyberoce-home-elementor .cy-home-product-tabs > button.is-active::after {
  opacity: 1;
  transform: scaleX(1);
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-grid.is-switching .cy-home-product-card {
  animation: cyHomeProductCardIn .48s cubic-bezier(.22, 1, .36, 1) both !important;
}

body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card img {
  will-change: filter, transform;
}

@media (hover: hover) and (pointer: fine) {
  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-product-card:hover img {
    filter: drop-shadow(0 18px 20px rgba(24, 142, 243, .2));
    transform: translateY(-10px) scale(1.045);
  }
}

body:not(.elementor-editor-active) .cy-support-hero {
  height: clamp(340px, 29vw, 420px) !important;
}

body:not(.elementor-editor-active) .cy-support-hero .elementor-widget-image img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 46% !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-exact-hero {
    aspect-ratio: auto !important;
    height: calc(46.354vw + var(--header-height)) !important;
    min-height: 0 !important;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-carousel,
  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-track,
  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-slide {
    height: 100% !important;
    min-height: 0 !important;
  }

  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-hero-edit-slide img {
    background: #f5f6f8;
    height: calc(100% - var(--header-height)) !important;
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
  }

  body:not(.elementor-editor-active) .cy-support-hero {
    height: 240px !important;
  }

  body:not(.elementor-editor-active) .cy-support-hero .elementor-widget-image img {
    object-position: center center !important;
  }

  body.single-product .cr07-elementor-product-page .cr07-editable-apps > .elementor-container,
  body.single-product .c6-apps > .elementor-container {
    column-gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 20px !important;
    width: min(100% - 32px, 720px) !important;
  }

  body.single-product .cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column,
  body.single-product .c6-apps > .elementor-container > .elementor-column {
    min-width: 0 !important;
    width: auto !important;
  }

  body.single-product .cr07-elementor-product-page .cr07-editable-apps > .elementor-container > .elementor-column:first-child,
  body.single-product .c6-apps .c6-section-title {
    grid-column: 1 / -1 !important;
  }

  body.single-product .cr07-elementor-product-page .cr07-editable-apps .elementor-widget-image img,
  body.single-product .c6-app-card img {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    object-fit: cover !important;
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  body.single-product .cr07-elementor-product-page .cr07-editable-apps > .elementor-container,
  body.single-product .c6-apps > .elementor-container {
    column-gap: 10px !important;
    width: calc(100% - 24px) !important;
  }
}
/* CY SITEWIDE MOTION BANNER ALIGNMENT 2026-07-16 END */

/* CY SOLUTION BANNER RATIO FIX 2026-07-17 START */
body:not(.elementor-editor-active).post-type-archive-solution #content
  .elementor-1279 .cy-solution-builder.cy-sol-hero {
  height: clamp(250px, 18.229vw, 350px) !important;
  min-height: clamp(250px, 18.229vw, 350px) !important;
  background-position: center 16% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (max-width: 768px) {
  body:not(.elementor-editor-active).post-type-archive-solution #content
    .elementor-1279 .cy-solution-builder.cy-sol-hero {
    height: clamp(188px, 50vw, 350px) !important;
    min-height: clamp(188px, 50vw, 350px) !important;
  }

  body:not(.elementor-editor-active).post-type-archive-solution #content
    .elementor-1279 .cy-solution-builder.cy-sol-hero .elementor-heading-title {
    font-size: clamp(28px, 8vw, 34px) !important;
  }
}
/* CY SOLUTION BANNER RATIO FIX 2026-07-17 END */

/* lcz bengin */

/* ---- 首页案例字体悬浮 ---- */
@media (max-width: 640px) {
  .cyberoce-home-elementor .cy-home-scenario-floating {
    bottom: 22%;
    left: 16px;
    max-width: 65%;
  }
  .cyberoce-home-elementor .cy-home-scenario-floating-title {
    font-size: 20px;
  }
  .cyberoce-home-elementor .cy-home-scenario-floating-desc {
    font-size: 12px;
  }
}
/* ---- 场景切换悬浮文字样式 ---- */
.cyberoce-home-elementor .cy-home-scenario-floating {
  top: 10%;
  color: #000000;
  left: clamp(24px, 5vw, 80px);
  max-width: clamp(260px, 30vw, 450px);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(12px);
  transition: opacity .4s ease, transform .4s ease;
  z-index: 10;
}
.cyberoce-home-elementor .cy-home-scenario-floating.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.cyberoce-home-elementor .cy-home-scenario-floating-title {
  font-size: clamp(22px, 2.8vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 clamp(8px, 1vw, 16px);
}
.cyberoce-home-elementor .cy-home-scenario-floating-desc {
  font-size: clamp(13px, 1.1vw, 18px);
  line-height: 1.6;
  margin: 0 0 clamp(12px, 1.4vw, 24px);
  opacity: .88;
}
.cyberoce-home-elementor .cy-home-scenario-floating-link {
  height: 40px;
	display: flex;
	align-content: center;
	justify-content: center;
	border: 1px solid #188EF3;
	color: #188EF3;
	display: inline-block;
	font-size: clamp(12px, 1vw, 16px);
	font-weight: 600;
	letter-spacing: .3px;
	padding: 20px;
	text-decoration: none;
	border-radius: 35px;
	transition: background .25s ease, transform .25s ease;
}
.cyberoce-home-elementor .cy-home-scenario-floating-link:hover {
  background: #1474d4;
  color: #ffffff;
  transform: translateY(-1px);
}
.elementor-editor-active .cyberoce-home-elementor .cy-home-scenario-floating {
  display: none !important;
}



/* 产品页 上下布局：分类标题 + 产品卡片 */
.product-category-group {
  margin-bottom: 50px;
}
.product-category-title {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 25px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--accent, #0073aa);
}
.product-card h3 {
	font-size:15px;
}
.product-card .product-card-desc{
	font-weight: 400;
	color: #4e4e4e;
	margin-top: 5px;
}
.product-category-title a {
  color: inherit;
  text-decoration: none;
}
.product-category-title a:hover {
  color: var(--accent, #0073aa);
}
.product-card-image{
	padding:40px
}
/* 案例页 */
.cy-sol-app-card .elementor-button .elementor-button-text{
	font-weight: 400 !important;
}
.cy-sol-app-card .elementor-widget-wrap>.elementor-element{
	width: auto !important;
}

/* lcz end */

/* CY HOME MOBILE SCENARIO LAYOUT FIX 2026-07-24 START */
@media (max-width: 767px) {
  body:not(.elementor-editor-active) .cyberoce-home-elementor .cy-home-scenario-floating {
    display: none !important;
  }
}
/* CY HOME MOBILE SCENARIO LAYOUT FIX 2026-07-24 END */

/* CY SOLUTION CIVINTEC BENCHMARK 2026-07-26 START */
body.single-solution:not(.elementor-editor-active) {
  --cy-sol-accent: #168ff0;
  --cy-sol-accent-strong: #0873cf;
  --cy-sol-ink: #102a43;
  --cy-sol-copy: #52677a;
  --cy-sol-soft: #f3f6f9;
  --cy-sol-line: #dce6ef;
  background: #fff;
  overflow-x: hidden;
}

body.single-solution:not(.elementor-editor-active) main {
  overflow: clip;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"],
body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section,
body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section > .elementor-container,
body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section > .elementor-container > .elementor-column,
body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
  max-width: none !important;
  width: 100% !important;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section {
  padding: 0 !important;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section > .elementor-container {
  margin: 0 !important;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding: 0 !important;
}

body.single-solution:not(.elementor-editor-active) .elementor-widget-heading,
body.single-solution:not(.elementor-editor-active) .elementor-widget-text-editor {
  width: 100% !important;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-widget-heading {
  isolation: isolate;
  min-height: clamp(350px, 38vw, 510px);
  overflow: hidden;
  padding: clamp(92px, 10vw, 148px) clamp(28px, 7vw, 110px);
  position: relative;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-widget-heading::before,
body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-widget-heading::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-widget-heading::before {
  background:
    radial-gradient(circle at 78% 36%, rgba(82, 178, 255, .24), transparent 0 18%, transparent 40%),
    linear-gradient(126deg, #071b2e 0%, #0d3759 54%, #0f78ba 100%);
  inset: 0;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-widget-heading::after {
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  height: clamp(260px, 34vw, 520px);
  right: clamp(-140px, -8vw, -40px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(260px, 34vw, 520px);
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-heading-title {
  color: #fff !important;
  font-size: clamp(42px, 5vw, 76px) !important;
  font-weight: 650 !important;
  letter-spacing: -.045em;
  line-height: 1.04 !important;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  text-wrap: balance;
}

body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-heading-title::before {
  color: #83c9ff;
  content: "CYBEROCE SOLUTION";
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .22em;
  margin-bottom: 24px;
}

body.single-solution:not(.elementor-editor-active) .cy-solution-index {
  backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, .92);
  border-bottom: 1px solid rgba(16, 42, 67, .1);
  box-shadow: 0 12px 35px rgba(16, 42, 67, .08);
  overflow-x: auto;
  position: sticky;
  scrollbar-width: none;
  top: 0;
  z-index: 80;
}

body.single-solution:not(.elementor-editor-active) .cy-solution-index::-webkit-scrollbar {
  display: none;
}

body.single-solution:not(.elementor-editor-active) .cy-solution-index__inner {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 auto;
  max-width: 1240px;
  min-width: max-content;
  padding: 14px 24px;
}

body.single-solution:not(.elementor-editor-active) .cy-solution-index a {
  border-radius: 999px;
  color: var(--cy-sol-copy);
  font-size: 13px;
  font-weight: 600;
  padding: 10px 15px;
  transition: background-color .3s ease, color .3s ease, transform .3s ease;
  white-space: nowrap;
}

body.single-solution:not(.elementor-editor-active) .cy-solution-index a:hover,
body.single-solution:not(.elementor-editor-active) .cy-solution-index a:focus-visible {
  background: var(--cy-sol-accent);
  color: #fff;
  transform: translateY(-2px);
}

/* Solution overview page: eight scenario rows. */
body.postid-117:not(.elementor-editor-active) .elementor-element-b5041f4 {
  background: #fff;
  padding: clamp(72px, 8vw, 118px) clamp(24px, 5vw, 72px);
}

body.postid-117:not(.elementor-editor-active) .elementor-element-b5041f4 > .visual_plugins_container {
  margin: 0 auto 72px !important;
  max-width: 1200px;
}

body.postid-117:not(.elementor-editor-active) .elementor-element-b5041f4 > .visual_plugins_container:last-child {
  margin-bottom: 0 !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .wide,
body.postid-117:not(.elementor-editor-active) .ly_poster_106 .section,
body.postid-117:not(.elementor-editor-active) .ly_poster_106 .s_box,
body.postid-117:not(.elementor-editor-active) .ly_poster_106 .list,
body.postid-117:not(.elementor-editor-active) .ly_poster_106 .poster_box {
  float: none !important;
  height: auto !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .top_info {
  margin: 0 auto clamp(46px, 6vw, 76px) !important;
  max-width: 860px;
  text-align: center;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .top_title {
  color: var(--cy-sol-ink) !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  font-weight: 650 !important;
  letter-spacing: -.035em;
  line-height: 1.12 !important;
  margin: 0 !important;
  text-wrap: balance;
}

body.postid-117:not(.elementor-editor-active) .visual_plugins_container + .visual_plugins_container .top_info {
  display: none !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .arrow_box {
  display: none !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .swiper-wrapper {
  display: grid !important;
  gap: clamp(42px, 6vw, 76px);
  height: auto !important;
  transform: none !important;
  width: 100% !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .item_box {
  align-items: stretch;
  background: var(--cy-sol-soft);
  border: 1px solid rgba(16, 42, 67, .08);
  border-radius: 18px;
  box-shadow: 0 18px 55px rgba(16, 42, 67, .08);
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(290px, .92fr);
  height: auto !important;
  min-height: 420px;
  overflow: hidden;
  position: relative;
  width: 100% !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .item_box:nth-child(even) .img_box {
  order: 2;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .item_box:nth-child(even) .info_box {
  order: 1;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .img_box,
body.postid-117:not(.elementor-editor-active) .ly_poster_106 .compute_item_img,
body.postid-117:not(.elementor-editor-active) .ly_poster_106 .compute_process_img {
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  width: 100% !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .img_box img {
  display: block;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1.025);
  transition: transform .8s cubic-bezier(.2, .72, .2, 1);
  width: 100% !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .item_box:hover .img_box img {
  transform: scale(1.075);
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .info_box {
  align-content: center;
  background:
    radial-gradient(circle at 100% 0, rgba(22, 143, 240, .1), transparent 48%),
    #fff;
  display: grid !important;
  justify-items: start;
  padding: clamp(34px, 5vw, 68px) !important;
  position: relative !important;
  text-align: left !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .info_box::before {
  color: var(--cy-sol-accent);
  content: "SCENARIO";
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .2em;
  margin-bottom: 20px;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .i_title {
  color: var(--cy-sol-ink) !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  font-weight: 650 !important;
  letter-spacing: -.03em;
  line-height: 1.15 !important;
  margin: 0 0 30px !important;
  max-width: 430px;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .button {
  display: block !important;
  margin: 0 !important;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .button a {
  align-items: center;
  background: var(--cy-sol-accent);
  border: 1px solid var(--cy-sol-accent);
  border-radius: 999px;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 14px;
  font-weight: 650;
  gap: 10px;
  justify-content: center;
  min-height: 46px;
  padding: 11px 24px;
  transition: background-color .3s ease, border-color .3s ease, transform .3s ease;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .button a::after {
  content: "鈫?;
  font-size: 18px;
  transition: transform .3s ease;
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .button a:hover {
  background: var(--cy-sol-accent-strong);
  border-color: var(--cy-sol-accent-strong);
  transform: translateY(-2px);
}

body.postid-117:not(.elementor-editor-active) .ly_poster_106 .button a:hover::after {
  transform: translateX(4px);
}

/* Individual scenario pages: alternating editorial sections. */
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor > .visual_plugins_container[data-type="article"] {
  display: none !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor > .visual_plugins_container[data-type="about"] {
  background: #fff;
  margin: 0 !important;
  padding: clamp(66px, 8vw, 108px) clamp(24px, 5vw, 72px) !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor > .visual_plugins_container[data-type="about"]:nth-child(odd) {
  background: var(--cy-sol-soft);
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .wide,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .section {
  float: none !important;
  height: auto !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  padding: 0 !important;
  width: 100% !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .poster_box {
  align-items: center !important;
  display: grid !important;
  gap: clamp(40px, 6vw, 82px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 !important;
  width: 100% !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .ly_about_3 .left_side,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .ly_about_16 .text_info {
  align-self: center;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .ly_about_3 .right_side,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .ly_about_16 .poster_box > .img_box {
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(16, 42, 67, .12);
  height: clamp(330px, 36vw, 470px) !important;
  margin: 0 !important;
  overflow: hidden;
  width: auto !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .img_box,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .compute_item_img,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .compute_process_img,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .img_box a {
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .img_box a[href=";"],
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .right_side a[href=";"] {
  pointer-events: none;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .img_box img,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .right_side img {
  display: block;
  height: 100% !important;
  object-fit: cover;
  transform: scale(1.025);
  transition: transform .8s cubic-bezier(.2, .72, .2, 1);
  width: 100% !important;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .visual_plugins_container[data-type="about"]:hover img {
  transform: scale(1.065);
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .themes_box_title h2,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .i_title h2 {
  color: var(--cy-sol-ink) !important;
  font-size: clamp(29px, 3.1vw, 44px) !important;
  font-weight: 650 !important;
  letter-spacing: -.035em;
  line-height: 1.15 !important;
  margin: 0 0 24px !important;
  text-wrap: balance;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .themes_box_title::before,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .i_title::before {
  background: var(--cy-sol-accent);
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-bottom: 24px;
  width: 46px;
}

body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .themes_text_content,
body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .i_content {
  color: var(--cy-sol-copy) !important;
  font-size: clamp(16px, 1.5vw, 18px) !important;
  line-height: 1.75 !important;
}

/* Visitor Management currently contains a single visual; present it as a clean feature panel. */
body.postid-1278:not(.elementor-editor-active) .elementor-1278 {
  background:
    radial-gradient(circle at 78% 20%, rgba(22, 143, 240, .13), transparent 36%),
    var(--cy-sol-soft);
  padding: clamp(70px, 9vw, 128px) clamp(24px, 6vw, 84px);
}

body.postid-1278:not(.elementor-editor-active) .elementor-1278 .elementor-section,
body.postid-1278:not(.elementor-editor-active) .elementor-1278 .elementor-container {
  background: transparent !important;
  margin: 0 auto !important;
  max-width: 1120px !important;
  padding: 0 !important;
}

body.postid-1278:not(.elementor-editor-active) .elementor-1278 .elementor-widget-image {
  background: #fff;
  border: 1px solid rgba(16, 42, 67, .08);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(16, 42, 67, .12);
  overflow: hidden;
  padding: clamp(28px, 5vw, 70px);
  width: 100% !important;
}

body.postid-1278:not(.elementor-editor-active) .elementor-1278 .elementor-widget-image img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 760px;
  width: 100%;
}

/* Reveal and hover motion inspired by the reference site, with a safe no-JS fallback. */
body.cy-solution-motion-ready .cy-solution-reveal {
  opacity: 0;
  transform: translate3d(0, 46px, 0);
  transition:
    opacity .72s ease,
    transform .82s cubic-bezier(.2, .72, .2, 1);
  will-change: opacity, transform;
}

body.cy-solution-motion-ready .cy-solution-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.cy-solution-motion-ready .cy-solution-reveal[data-cy-reveal="left"] {
  transform: translate3d(-54px, 0, 0);
}

body.cy-solution-motion-ready .cy-solution-reveal[data-cy-reveal="right"] {
  transform: translate3d(54px, 0, 0);
}

body.cy-solution-motion-ready .cy-solution-reveal[data-cy-reveal="left"].is-visible,
body.cy-solution-motion-ready .cy-solution-reveal[data-cy-reveal="right"].is-visible {
  transform: translate3d(0, 0, 0);
}

body.single-solution:not(.elementor-editor-active) .cy-solution-scroll-cue {
  align-items: center;
  bottom: 28px;
  color: rgba(255, 255, 255, .78);
  display: flex;
  font-size: 11px;
  font-weight: 650;
  gap: 12px;
  left: max(28px, calc((100vw - 1200px) / 2));
  letter-spacing: .18em;
  position: absolute;
  text-transform: uppercase;
  z-index: 2;
}

body.single-solution:not(.elementor-editor-active) .cy-solution-scroll-cue::before {
  background: currentColor;
  content: "";
  height: 1px;
  transform-origin: left center;
  width: 44px;
}

@media (max-width: 767px) {
  body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-widget-heading {
    min-height: 330px;
    padding: 86px 24px 76px;
  }

  body.single-solution:not(.elementor-editor-active) [data-elementor-type="wp-post"] > .elementor-top-section .elementor-heading-title {
    font-size: clamp(36px, 11vw, 52px) !important;
    line-height: 1.08 !important;
  }

  body.single-solution:not(.elementor-editor-active) .cy-solution-index {
    top: 0;
  }

  body.single-solution:not(.elementor-editor-active) .cy-solution-index__inner {
    padding: 11px 16px;
  }

  body.postid-117:not(.elementor-editor-active) .elementor-element-b5041f4 {
    padding: 64px 18px 78px;
  }

  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .top_info {
    margin-bottom: 38px !important;
    padding: 0 8px;
  }

  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .swiper-wrapper {
    gap: 28px;
  }

  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .item_box {
    display: flex !important;
    flex-direction: column;
    min-height: 0;
  }

  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .item_box:nth-child(even) .img_box,
  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .item_box:nth-child(even) .info_box {
    order: initial;
  }

  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .img_box {
    aspect-ratio: 4 / 3;
  }

  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .info_box {
    min-height: 250px;
    padding: 34px 28px !important;
  }

  body.postid-117:not(.elementor-editor-active) .ly_poster_106 .i_title {
    font-size: 28px !important;
  }

  body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor > .visual_plugins_container[data-type="about"] {
    padding: 58px 20px !important;
  }

  body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .elementor-widget-text-editor .poster_box {
    display: flex !important;
    flex-direction: column;
    gap: 34px;
  }

  body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .ly_about_3 .right_side,
  body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .ly_about_16 .poster_box > .img_box {
    aspect-ratio: 4 / 3;
    height: auto !important;
    order: -1;
    width: 100% !important;
  }

  body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .themes_box_title h2,
  body.single-solution:not(.postid-117):not(.postid-1278):not(.elementor-editor-active) .i_title h2 {
    font-size: clamp(28px, 8vw, 36px) !important;
  }

  body.single-solution:not(.elementor-editor-active) .cy-solution-scroll-cue {
    bottom: 22px;
    left: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.single-solution:not(.elementor-editor-active) *,
  body.single-solution:not(.elementor-editor-active) *::before,
  body.single-solution:not(.elementor-editor-active) *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  body.cy-solution-motion-ready .cy-solution-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}
/* CY SOLUTION CIVINTEC BENCHMARK 2026-07-26 END */

/* CY FLOATING CONTACT 2026-07-31 START */
.cy-floating-contact {
  bottom: 116px;
  display: grid;
  gap: 8px;
  position: fixed;
  right: 18px;
  z-index: 9997;
}

.cy-floating-contact__button {
  align-items: center;
  appearance: none;
  background: #188ef3;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(16, 45, 78, .16);
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 0;
  position: relative;
  text-decoration: none;
  transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
  width: 48px;
}

.cy-floating-contact__button:hover,
.cy-floating-contact__button:focus-visible {
  background: #0878d5;
  box-shadow: 0 10px 28px rgba(24, 142, 243, .3);
  color: #fff;
  outline: 2px solid #fff;
  outline-offset: 2px;
  transform: translateX(-3px);
}

.cy-floating-contact__button svg,
.cy-floating-contact__close svg {
  fill: none;
  height: 23px;
  pointer-events: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 23px;
}

.cy-floating-contact__label {
  background: #17202b;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  opacity: 0;
  padding: 9px 11px;
  pointer-events: none;
  position: absolute;
  right: 58px;
  top: 50%;
  transform: translate(8px, -50%);
  transition: opacity .18s ease, transform .18s ease;
  white-space: nowrap;
}

.cy-floating-contact__button:hover .cy-floating-contact__label,
.cy-floating-contact__button:focus-visible .cy-floating-contact__label {
  opacity: 1;
  transform: translate(0, -50%);
}

.cy-floating-contact__backdrop {
  background: rgba(15, 23, 42, .48);
  inset: 0;
  position: fixed;
  z-index: 9998;
}

.cy-floating-contact__panel {
  background: #fff;
  box-shadow: -20px 0 54px rgba(15, 23, 42, .2);
  height: 100dvh;
  max-width: 100%;
  overflow-y: auto;
  padding: 34px 30px 30px;
  position: fixed;
  right: 0;
  top: 0;
  width: min(540px, calc(100vw - 24px));
  z-index: 9999;
}

.cy-floating-contact__panel[hidden],
.cy-floating-contact__backdrop[hidden] {
  display: none !important;
}

.cy-floating-contact__panel-head {
  align-items: flex-start;
  border-bottom: 1px solid #e7eaf0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 16px;
}

.cy-floating-contact__panel-head span {
  color: #188ef3;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.cy-floating-contact__panel-head h2 {
  color: #121926;
  font-size: 28px;
  line-height: 1.15;
  margin: 0;
}

.cy-floating-contact__close {
  align-items: center;
  appearance: none;
  background: #f3f5f8;
  border: 0;
  border-radius: 4px;
  color: #17202b;
  cursor: pointer;
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  padding: 0;
}

.cy-floating-contact__close:hover,
.cy-floating-contact__close:focus-visible {
  background: #e5e9ef;
  outline: 2px solid #188ef3;
  outline-offset: 2px;
}

.cy-floating-contact__intro,
.cy-floating-contact__privacy {
  color: #596273;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px;
}

.cy-floating-contact__privacy {
  border-top: 1px solid #e7eaf0;
  font-size: 12px;
  margin: 18px 0 0;
  padding-top: 14px;
}

.cy-floating-contact__form .elementor,
.cy-floating-contact__form .elementor-section,
.cy-floating-contact__form .elementor-container,
.cy-floating-contact__form .elementor-column,
.cy-floating-contact__form .elementor-widget-wrap {
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

.cy-floating-contact__form .elementor-form {
  column-gap: 14px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 14px;
}

.cy-floating-contact__form .elementor-field-group {
  margin: 0 !important;
  padding: 0 !important;
}

.cy-floating-contact__form .elementor-col-50 {
  width: calc(50% - 7px) !important;
}

.cy-floating-contact__form .elementor-col-100 {
  width: 100% !important;
}

.cy-floating-contact__form .elementor-field-label {
  color: #17202b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 7px !important;
}

.cy-floating-contact__form .elementor-field-textual {
  background: #fff !important;
  border: 1px solid #cfd6df !important;
  border-radius: 3px !important;
  color: #17202b !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
}

.cy-floating-contact__form .elementor-field-textual:focus {
  border-color: #188ef3 !important;
  box-shadow: 0 0 0 3px rgba(24, 142, 243, .13) !important;
  outline: 0 !important;
}

.cy-floating-contact__form .elementor-button {
  background: #188ef3 !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  cursor: pointer;
  font-size: 15px !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  width: 100% !important;
}

.cy-floating-contact__form .elementor-button:hover,
.cy-floating-contact__form .elementor-button:focus-visible {
  background: #0878d5 !important;
}

body.cy-contact-panel-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .cy-floating-contact {
    bottom: max(12px, env(safe-area-inset-bottom));
    display: flex;
    gap: 6px;
    right: 12px;
  }

  .cy-floating-contact__button {
    height: 44px;
    width: 44px;
  }

  .cy-floating-contact__label {
    display: none;
  }

  .cy-floating-contact__panel {
    padding: 24px 18px;
    width: calc(100vw - 12px);
  }

  .cy-floating-contact__panel-head h2 {
    font-size: 24px;
  }

  .cy-floating-contact__form .elementor-col-50 {
    width: 100% !important;
  }
}
/* CY FLOATING CONTACT 2026-07-31 END */