#zcks-page {
  --zck-ink: #211f1d;
  --zck-charcoal: #302d2a;
  --zck-forest: #1d302a;
  --zck-forest-soft: #29433a;
  --zck-orange: #c44903;
  --zck-orange-bright: #ee681c;
  --zck-cream: #f7f1e9;
  --zck-cream-light: #fcf9f5;
  --zck-paper: #fff;
  --zck-muted: #6d6863;
  --zck-line: rgba(33, 31, 29, .14);
  width: 100%;
  min-width: 320px;
  padding-top: 0;
  overflow: clip;
  background: var(--zck-paper);
  color: var(--zck-ink);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

#zcks-page,
#zcks-page * { box-sizing: border-box; }

#zcks-page h1,
#zcks-page h2,
#zcks-page h3,
#zcks-page p,
#zcks-page ul,
#zcks-page ol,
#zcks-page figure { margin: 0; }

#zcks-page h1,
#zcks-page h2,
#zcks-page h3,
#zcks-page strong,
#zcks-page th {
  font-family: var(--font-zapara-heading, "Bai Jamjuree"), Arial, sans-serif;
}

#zcks-page a { color: inherit; text-decoration: none; }
#zcks-page img { display: block; max-width: 100%; }

#zcks-page a:focus-visible,
#zcks-page summary:focus-visible,
#zcks-page [tabindex="0"]:focus-visible {
  outline: 3px solid var(--zck-orange-bright);
  outline-offset: 5px;
}

#zcks-page .zck-wrap {
  width: min(1460px, calc(100% - clamp(40px, 7vw, 120px)));
  margin-inline: auto;
}

#zcks-page .zck-section { padding-block: clamp(80px, 8vw, 132px); }

#zcks-page .zck-eyebrow {
  color: var(--zck-orange);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15em;
  line-height: 1.35;
  text-transform: uppercase;
}

#zcks-page .zck-eyebrow--light { color: #f3bc96; }

#zcks-page .zck-button {
  display: inline-flex;
  min-height: 55px;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 750;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

#zcks-page .zck-button:hover { transform: translateY(-3px); }
#zcks-page .zck-button--orange { background: var(--zck-orange-bright); color: #fff; }
#zcks-page .zck-button--orange:hover { background: var(--zck-orange); }
#zcks-page .zck-button--ghost { border-color: rgba(255, 255, 255, .42); background: rgba(255, 255, 255, .06); color: #fff; }
#zcks-page .zck-button--ghost:hover { background: rgba(255, 255, 255, .14); }
#zcks-page .zck-button--cream { background: var(--zck-cream-light); color: var(--zck-ink); }
#zcks-page .zck-button--cream:hover { background: #fff; }

#zcks-page .zck-hero {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 18%, rgba(196, 73, 3, .17), transparent 31%),
    linear-gradient(112deg, #172721 0%, #1f342c 52%, #15241f 100%);
  color: #fff;
}

#zcks-page .zck-hero::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.027) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.027) 1px, transparent 1px);
  background-size: 54px 54px;
  content: "";
  mask-image: linear-gradient(90deg, transparent, #000 52%, #000);
}

#zcks-page .zck-hero__inner {
  position: relative;
  display: grid;
  width: min(1540px, calc(100% - clamp(40px, 6vw, 104px)));
  min-height: 680px;
  grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr);
  align-items: center;
  gap: clamp(36px, 5vw, 92px);
  margin-inline: auto;
}

#zcks-page .zck-hero__copy { position: relative; z-index: 3; padding: 64px 0 74px; }

#zcks-page .zck-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  margin-bottom: clamp(42px, 6vw, 78px);
  color: rgba(255, 255, 255, .62);
  font-size: 11px;
}

#zcks-page .zck-breadcrumbs a { transition: color .18s ease; }
#zcks-page .zck-breadcrumbs a:hover { color: #fff; }

#zcks-page .zck-hero h1 {
  max-width: 800px;
  margin-top: 18px;
  font-size: clamp(52px, 5.6vw, 88px);
  font-weight: 550;
  letter-spacing: -.061em;
  line-height: .94;
  text-wrap: balance;
}

#zcks-page .zck-hero__lede {
  max-width: 670px;
  margin-top: 27px;
  color: rgba(255, 255, 255, .75);
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.65;
}

#zcks-page .zck-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }

#zcks-page .zck-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 25px;
  padding: 0;
  margin-top: 34px;
  color: rgba(255, 255, 255, .67);
  font-size: 12px;
  list-style: none;
}

#zcks-page .zck-hero__facts li { display: flex; align-items: center; gap: 9px; }
#zcks-page .zck-hero__facts li > span { width: 6px; height: 6px; border-radius: 50%; background: #e76720; box-shadow: 0 0 0 5px rgba(238, 104, 28, .1); }

#zcks-page .zck-hero__visual {
  position: relative;
  align-self: stretch;
  min-height: 680px;
  animation: zck-reveal .8s cubic-bezier(.22,.75,.22,1) both;
}

#zcks-page .zck-hero__glow {
  position: absolute;
  width: 440px;
  height: 440px;
  top: 14%;
  left: 21%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(238,104,28,.18), rgba(238,104,28,0) 68%);
  animation: zck-glow 4s ease-in-out infinite;
}

#zcks-page .zck-hero-route {
  position: absolute;
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .2);
  backdrop-filter: blur(10px);
}

#zcks-page .zck-hero-route figcaption {
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 19px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .9);
  font-size: 12px;
}

#zcks-page .zck-hero-route figcaption span { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; color: #efad83; font-size: 9px; }
#zcks-page .zck-hero-route figcaption strong { font-weight: 600; }
#zcks-page .zck-hero-route img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 24px 28px rgba(0,0,0,.2)); }
#zcks-page .zck-hero-route--top { top: 50px; right: 12%; width: 59%; height: 590px; border-radius: 190px 190px 12px 12px; }
#zcks-page .zck-hero-route--top img { padding: 58px 2% 0; }
#zcks-page .zck-hero-route--side { right: -2%; bottom: 44px; width: 42%; height: 385px; border-radius: 12px 130px 12px 12px; background: rgba(246, 235, 223, .14); }
#zcks-page .zck-hero-route--side img { padding: 48px 0 0; }

#zcks-page .zck-hero__note {
  position: absolute;
  z-index: 4;
  right: 43%;
  bottom: 42px;
  padding: 14px 17px;
  border-left: 2px solid var(--zck-orange-bright);
  background: rgba(18, 30, 26, .76);
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
  line-height: 1.55;
  backdrop-filter: blur(8px);
}

#zcks-page .zck-route-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--zck-line);
  background: var(--zck-cream-light);
}

#zcks-page .zck-route-nav a {
  position: relative;
  display: grid;
  min-height: 124px;
  grid-template-columns: auto 1fr;
  align-content: center;
  gap: 2px 17px;
  padding: 27px clamp(25px, 4vw, 70px);
  border-right: 1px solid var(--zck-line);
  transition: background .2s ease, color .2s ease;
}

#zcks-page .zck-route-nav a:last-child { border-right: 0; }
#zcks-page .zck-route-nav a:hover { background: #fff; color: var(--zck-orange); }
#zcks-page .zck-route-nav a > span { grid-row: 1 / 3; align-self: center; color: var(--zck-orange); font-size: 11px; font-weight: 800; }
#zcks-page .zck-route-nav strong { font-size: 17px; font-weight: 600; }
#zcks-page .zck-route-nav small { color: var(--zck-muted); font-size: 11px; }

#zcks-page .zck-section-heading { max-width: 920px; margin-bottom: clamp(38px, 5vw, 64px); }
#zcks-page .zck-section-heading h2,
#zcks-page .zck-fit h2,
#zcks-page .zck-context h2,
#zcks-page .zck-faq h2,
#zcks-page .zck-expert h2 {
  margin-top: 13px;
  font-size: clamp(39px, 4.55vw, 68px);
  font-weight: 550;
  letter-spacing: -.052em;
  line-height: 1.01;
  text-wrap: balance;
}

#zcks-page .zck-section-heading > p:last-child { max-width: 720px; margin-top: 19px; color: var(--zck-muted); line-height: 1.78; }

#zcks-page .zck-section-heading--split {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .55fr);
  align-items: end;
  gap: clamp(50px, 9vw, 150px);
}

#zcks-page .zck-section-heading--split > p:last-child { padding-bottom: 5px; }

#zcks-page .zck-route-guide { background: #fff; }
#zcks-page .zck-route-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }

#zcks-page .zck-route-card {
  position: relative;
  display: grid;
  min-height: 320px;
  grid-template-columns: .65fr 1.1fr;
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
  overflow: hidden;
  padding: clamp(34px, 4vw, 65px);
  background: var(--zck-cream);
  transition: transform .25s ease, box-shadow .25s ease;
}

#zcks-page .zck-route-card:hover { transform: translateY(-4px); box-shadow: 0 24px 55px rgba(42, 31, 23, .09); }
#zcks-page .zck-route-card--wall { background: #edf1ec; }

#zcks-page .zck-route-card__icon { display: grid; aspect-ratio: 1; place-items: center; border-radius: 50%; background: rgba(255,255,255,.56); }
#zcks-page .zck-route-card__icon svg { width: 55%; fill: none; stroke: var(--zck-orange); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#zcks-page .zck-route-card p { color: var(--zck-orange); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
#zcks-page .zck-route-card h3 { margin-top: 7px; font-size: clamp(30px, 3vw, 46px); font-weight: 550; letter-spacing: -.045em; line-height: 1; }
#zcks-page .zck-route-card div > span { display: block; margin-top: 17px; color: var(--zck-muted); font-size: 14px; line-height: 1.7; }
#zcks-page .zck-route-card a { display: inline-flex; gap: 28px; margin-top: 22px; padding-bottom: 7px; border-bottom: 1px solid #a9a096; font-size: 12px; font-weight: 750; transition: color .18s, border-color .18s; }
#zcks-page .zck-route-card a:hover { border-color: var(--zck-orange); color: var(--zck-orange); }

#zcks-page .zck-products { background: var(--zck-cream-light); }
#zcks-page .zck-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }

#zcks-page .zck-product-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--zck-line);
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  scroll-margin-top: 190px;
}

#zcks-page .zck-product-card:hover { transform: translateY(-6px); border-color: rgba(196,73,3,.45); box-shadow: 0 24px 60px rgba(42, 31, 23, .1); }
#zcks-page .zck-product-card--featured { border-top: 3px solid var(--zck-orange); }

#zcks-page .zck-product-card__topline {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px;
  border-bottom: 1px solid var(--zck-line);
  color: var(--zck-orange);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#zcks-page .zck-product-card__topline small { color: #817a74; font-size: 9px; font-weight: 700; letter-spacing: .06em; }

#zcks-page .zck-product-card__image {
  position: relative;
  display: block;
  height: clamp(360px, 30vw, 490px);
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.5), transparent 62%),
    #eee8e0;
}

#zcks-page #zck-product-elbow .zck-product-card__image { background-color: #e7ece7; }
#zcks-page #zck-product-side .zck-product-card__image { background-color: #ece7e1; }
#zcks-page .zck-product-card__image::after { position: absolute; inset: auto 0 0; height: 34%; background: linear-gradient(transparent, rgba(70,51,39,.09)); content: ""; pointer-events: none; }
#zcks-page .zck-product-card__image > picture { display: block; width: 100%; height: 100%; }
#zcks-page .zck-product-card__image > img,
#zcks-page .zck-product-card__image > picture > img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 22px 3% 12px; filter: drop-shadow(0 22px 20px rgba(50,34,24,.14)); transform: scale(.985); transition: transform .42s cubic-bezier(.2,.75,.2,1); }
#zcks-page .zck-product-card:hover .zck-product-card__image > img,
#zcks-page .zck-product-card:hover .zck-product-card__image > picture > img { transform: scale(1); }

#zcks-page .zck-product-card__route {
  position: absolute;
  z-index: 2;
  top: 17px;
  left: 17px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid rgba(33,31,29,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: #4d4843;
  font-size: 10px;
  font-weight: 750;
  backdrop-filter: blur(8px);
}

#zcks-page .zck-product-card__route svg { width: 17px; fill: none; stroke: var(--zck-orange); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#zcks-page .zck-product-card__body { padding: clamp(25px, 3vw, 38px); }
#zcks-page .zck-product-card__type { color: var(--zck-orange); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
#zcks-page .zck-product-card h3 { margin-top: 8px; font-size: clamp(27px, 2.5vw, 39px); font-weight: 550; letter-spacing: -.045em; line-height: 1.05; }
#zcks-page .zck-product-card h3 a { transition: color .18s ease; }
#zcks-page .zck-product-card h3 a:hover { color: var(--zck-orange); }
#zcks-page .zck-product-card__body > p:not(.zck-product-card__type) { min-height: 77px; margin-top: 17px; color: var(--zck-muted); font-size: 13px; line-height: 1.72; }

#zcks-page .zck-product-card ul { display: grid; gap: 10px; padding: 18px 0 0; margin-top: 18px; border-top: 1px solid var(--zck-line); list-style: none; }
#zcks-page .zck-product-card li { position: relative; padding-left: 18px; color: #56514d; font-size: 12px; }
#zcks-page .zck-product-card li::before { position: absolute; top: .58em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--zck-orange); content: ""; }

#zcks-page .zck-product-card__purchase { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-top: 27px; }
#zcks-page .zck-product-card__purchase p { display: grid; gap: 5px; }
#zcks-page .zck-product-card__purchase small { color: var(--zck-muted); font-size: 9px; }
#zcks-page .zck-product-card__purchase strong { font-size: clamp(27px, 2.4vw, 37px); font-weight: 550; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
#zcks-page .zck-product-card__purchase strong .zck-currency { margin-left: 4px; color: var(--zck-muted); font-size: 12px; letter-spacing: 0; }

#zcks-page .zck-card-arrow { display: grid; flex-shrink: 0; place-items: center; width: 49px; height: 49px; border: 1px solid #bcb2a8; border-radius: 50%; transition: background .2s, border-color .2s, color .2s, transform .2s; }
#zcks-page .zck-card-arrow span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
#zcks-page .zck-card-arrow b { font-size: 22px; font-weight: 400; }
#zcks-page .zck-card-arrow:hover { transform: rotate(6deg); border-color: var(--zck-orange); background: var(--zck-orange); color: #fff; }

#zcks-page .zck-comparison { background: #fff; }
#zcks-page .zck-table-shell { overflow-x: auto; border-block: 1px solid var(--zck-line); }
#zcks-page .zck-table-shell table { width: 100%; min-width: 1060px; border-collapse: collapse; text-align: left; }
#zcks-page .zck-table-shell caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
#zcks-page .zck-table-shell th,
#zcks-page .zck-table-shell td { padding: 23px 18px; border-bottom: 1px solid var(--zck-line); vertical-align: middle; }
#zcks-page .zck-table-shell tr:last-child th,
#zcks-page .zck-table-shell tr:last-child td { border-bottom: 0; }
#zcks-page .zck-table-shell thead th { color: var(--zck-muted); font-family: inherit; font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
#zcks-page .zck-table-shell tbody th { width: 23%; font-size: 16px; font-weight: 600; }
#zcks-page .zck-table-shell tbody th a { transition: color .18s; }
#zcks-page .zck-table-shell tbody th a:hover { color: var(--zck-orange); }
#zcks-page .zck-table-shell tbody td { color: #5e5853; font-size: 12px; line-height: 1.55; }
#zcks-page .zck-table-shell tbody td:last-child { color: var(--zck-ink); font-weight: 750; white-space: nowrap; }
#zcks-page .zck-table-route { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
#zcks-page .zck-table-route::before { width: 8px; height: 8px; border: 2px solid var(--zck-orange); border-radius: 50%; content: ""; }
#zcks-page .zck-table-route--side::before { border-color: var(--zck-forest-soft); }
#zcks-page .zck-table-hint { display: none; margin-top: 12px; color: var(--zck-muted); font-size: 11px; }

#zcks-page .zck-fit { padding-block: clamp(82px, 8vw, 128px); background: var(--zck-forest); color: #fff; }
#zcks-page .zck-fit__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(500px, 1.15fr); gap: clamp(60px, 10vw, 175px); }
#zcks-page .zck-fit__intro > p:not(.zck-eyebrow) { max-width: 620px; margin-top: 24px; color: rgba(255,255,255,.68); font-size: 15px; line-height: 1.78; }
#zcks-page .zck-fit__intro .zck-button { margin-top: 30px; }
#zcks-page .zck-fit__steps { padding: 0; list-style: none; counter-reset: zck-step; }
#zcks-page .zck-fit__steps li { display: grid; grid-template-columns: 57px 1fr; gap: 23px; padding: 25px 0; border-top: 1px solid rgba(255,255,255,.17); }
#zcks-page .zck-fit__steps li:last-child { border-bottom: 1px solid rgba(255,255,255,.17); }
#zcks-page .zck-fit__steps li > span { color: #e8a579; font-family: var(--font-zapara-heading, "Bai Jamjuree"), Arial, sans-serif; font-size: 13px; font-weight: 500; }
#zcks-page .zck-fit__steps h3 { font-size: 23px; font-weight: 550; letter-spacing: -.025em; }
#zcks-page .zck-fit__steps p { max-width: 580px; margin-top: 7px; color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.75; }

#zcks-page .zck-safety-note { display: grid; grid-template-columns: auto 1fr; gap: 19px; margin-top: 56px; padding: 24px 27px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.045); }
#zcks-page .zck-safety-note svg { width: 28px; fill: none; stroke: #e8a579; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#zcks-page .zck-safety-note strong { font-size: 15px; font-weight: 600; }
#zcks-page .zck-safety-note p { margin-top: 6px; color: rgba(255,255,255,.62); font-size: 11px; line-height: 1.72; }

#zcks-page .zck-context { background: var(--zck-cream); }
#zcks-page .zck-context__grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(560px, 1.18fr); align-items: center; gap: clamp(55px, 9vw, 145px); }
#zcks-page .zck-context__copy > p:not(.zck-eyebrow) { max-width: 690px; margin-top: 22px; color: var(--zck-muted); font-size: 14px; line-height: 1.8; }
#zcks-page .zck-context__links { display: flex; flex-wrap: wrap; gap: 15px 30px; margin-top: 28px; }
#zcks-page .zck-context__links a { padding-bottom: 7px; border-bottom: 1px solid #aaa097; font-size: 12px; font-weight: 750; transition: color .18s, border-color .18s; }
#zcks-page .zck-context__links a:hover { border-color: var(--zck-orange); color: var(--zck-orange); }

#zcks-page .zck-context__diagram { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; }
#zcks-page .zck-context__diagram > i { color: #a69d94; font-style: normal; font-size: 24px; }
#zcks-page .zck-context__node { display: grid; min-height: 205px; align-content: space-between; padding: 24px; border: 1px solid var(--zck-line); background: rgba(255,255,255,.5); }
#zcks-page .zck-context__node small { color: var(--zck-orange); font-size: 10px; font-weight: 800; }
#zcks-page .zck-context__node strong { font-size: clamp(20px, 2vw, 27px); font-weight: 550; letter-spacing: -.035em; line-height: 1.05; }
#zcks-page .zck-context__node--accent { border-color: var(--zck-orange); background: var(--zck-orange); color: #fff; }
#zcks-page .zck-context__node--accent small { color: rgba(255,255,255,.7); }

#zcks-page .zck-faq { background: #fff; }
#zcks-page .zck-faq__layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(55px, 10vw, 170px); }
#zcks-page .zck-faq header { position: sticky; top: 190px; align-self: start; }
#zcks-page .zck-faq header > p:not(.zck-eyebrow) { max-width: 510px; margin-top: 22px; color: var(--zck-muted); font-size: 14px; line-height: 1.75; }
#zcks-page .zck-faq header > a { display: inline-flex; gap: 30px; margin-top: 25px; padding-bottom: 7px; border-bottom: 1px solid #aaa097; color: var(--zck-orange); font-size: 12px; font-weight: 750; }
#zcks-page .zck-faq__list details { border-bottom: 1px solid var(--zck-line); }
#zcks-page .zck-faq__list details:first-child { border-top: 1px solid var(--zck-line); }
#zcks-page .zck-faq__list summary { position: relative; display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 48px 20px 0; font-size: 15px; font-weight: 750; line-height: 1.4; list-style: none; cursor: pointer; }
#zcks-page .zck-faq__list summary::-webkit-details-marker { display: none; }
#zcks-page .zck-faq__list summary > span::before,
#zcks-page .zck-faq__list summary > span::after { position: absolute; top: 50%; right: 4px; width: 16px; height: 1px; background: var(--zck-ink); content: ""; transition: transform .2s; }
#zcks-page .zck-faq__list summary > span::after { transform: rotate(90deg); }
#zcks-page .zck-faq__list details[open] summary > span::after { transform: rotate(0); }
#zcks-page .zck-faq__list details[open] summary { color: var(--zck-orange); }
#zcks-page .zck-faq__list details > p { max-width: 740px; padding: 0 55px 24px 0; color: var(--zck-muted); font-size: 13px; line-height: 1.78; }

#zcks-page .zck-expert {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 50px;
  overflow: hidden;
  padding: clamp(55px, 7vw, 96px) clamp(34px, 7vw, 120px);
  background:
    radial-gradient(circle at 8% 50%, rgba(255,255,255,.12), transparent 25%),
    linear-gradient(105deg, #963500, var(--zck-orange) 54%, #df5c13);
  color: #fff;
}

#zcks-page .zck-expert::after { position: absolute; right: 17%; width: 340px; height: 340px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; }
#zcks-page .zck-expert > div { position: relative; z-index: 2; }
#zcks-page .zck-expert h2 { max-width: 980px; font-size: clamp(38px, 4.8vw, 70px); }
#zcks-page .zck-expert > div > p:last-child { max-width: 800px; margin-top: 19px; color: rgba(255,255,255,.75); font-size: 14px; line-height: 1.72; }
#zcks-page .zck-expert .zck-button { position: relative; z-index: 2; min-width: 250px; }
#zcks-page .zck-expert__pulse { position: absolute; right: 21%; width: 14px; height: 14px; border-radius: 50%; background: #ffd6bd; box-shadow: 0 0 0 0 rgba(255,214,189,.6); animation: zck-pulse 2s ease-out infinite; }

@keyframes zck-reveal { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes zck-glow { 0%, 100% { opacity: .7; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes zck-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,214,189,.55); } 75%, 100% { box-shadow: 0 0 0 22px rgba(255,214,189,0); } }

@media (max-width: 1180px) {
  #zcks-page .zck-hero__inner { grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr); }
  #zcks-page .zck-hero-route--top { right: 8%; width: 65%; }
  #zcks-page .zck-product-card__body { padding-inline: 24px; }
  #zcks-page .zck-product-card__purchase { align-items: center; }
  #zcks-page .zck-context__grid { grid-template-columns: .8fr 1.2fr; gap: 55px; }
  #zcks-page .zck-context__node { padding: 18px; }
}

@media (max-width: 980px) {
  #zcks-page { padding-top: 0; }
  #zcks-page .zck-hero__inner { grid-template-columns: 1fr; min-height: auto; }
  #zcks-page .zck-hero__copy { padding-bottom: 8px; }
  #zcks-page .zck-breadcrumbs { margin-bottom: 45px; }
  #zcks-page .zck-hero__visual { min-height: 570px; }
  #zcks-page .zck-hero-route--top { top: 12px; left: 4%; right: auto; width: 55%; height: 530px; }
  #zcks-page .zck-hero-route--side { right: 5%; width: 47%; height: 365px; }
  #zcks-page .zck-hero__note { right: 42%; bottom: 35px; }
  #zcks-page .zck-route-nav a { padding-inline: 25px; }
  #zcks-page .zck-section-heading--split { grid-template-columns: 1fr; gap: 12px; }
  #zcks-page .zck-route-grid { grid-template-columns: 1fr; }
  #zcks-page .zck-route-card { grid-template-columns: 190px 1fr; }
  #zcks-page .zck-product-grid { grid-template-columns: repeat(2, 1fr); }
  #zcks-page .zck-product-card:nth-child(3) { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  #zcks-page .zck-product-card:nth-child(3) .zck-product-card__topline { grid-column: 1 / -1; }
  #zcks-page .zck-product-card:nth-child(3) .zck-product-card__image { height: 100%; min-height: 430px; }
  #zcks-page .zck-fit__layout { grid-template-columns: 1fr; gap: 55px; }
  #zcks-page .zck-context__grid { grid-template-columns: 1fr; }
  #zcks-page .zck-context__diagram { max-width: 680px; }
  #zcks-page .zck-faq__layout { grid-template-columns: 1fr; gap: 48px; }
  #zcks-page .zck-faq header { position: static; }
  #zcks-page .zck-expert { grid-template-columns: 1fr; gap: 30px; }
  #zcks-page .zck-expert .zck-button { justify-self: start; }
}

@media (max-width: 700px) {
  #zcks-page { padding-top: 0; }
  #zcks-page .zck-wrap,
  #zcks-page .zck-hero__inner { width: min(100% - 32px, 1460px); }
  #zcks-page .zck-section { padding-block: 70px; }
  #zcks-page .zck-hero__copy { padding-top: 43px; }
  #zcks-page .zck-breadcrumbs { margin-bottom: 39px; font-size: 10px; }
  #zcks-page .zck-hero h1 { font-size: clamp(44px, 13vw, 64px); }
  #zcks-page .zck-hero__lede { font-size: 16px; }
  #zcks-page .zck-actions { display: grid; }
  #zcks-page .zck-button { width: 100%; }
  #zcks-page .zck-hero__facts { display: grid; gap: 10px; }
  #zcks-page .zck-hero__visual { min-height: 470px; }
  #zcks-page .zck-hero-route--top { left: 0; width: 66%; height: 440px; border-radius: 120px 120px 10px 10px; }
  #zcks-page .zck-hero-route--side { right: 0; bottom: 34px; width: 49%; height: 295px; border-radius: 10px 80px 10px 10px; }
  #zcks-page .zck-hero-route figcaption { top: 12px; left: 12px; }
  #zcks-page .zck-hero-route figcaption strong { display: none; }
  #zcks-page .zck-hero__note { right: auto; bottom: 13px; left: 11px; font-size: 9px; }
  #zcks-page .zck-route-nav { grid-template-columns: 1fr; }
  #zcks-page .zck-route-nav a { min-height: 86px; border-right: 0; border-bottom: 1px solid var(--zck-line); }
  #zcks-page .zck-route-nav a:last-child { border-bottom: 0; }
  #zcks-page .zck-section-heading h2,
  #zcks-page .zck-fit h2,
  #zcks-page .zck-context h2,
  #zcks-page .zck-faq h2,
  #zcks-page .zck-expert h2 { font-size: clamp(37px, 11.5vw, 53px); }
  #zcks-page .zck-route-card { grid-template-columns: 1fr; padding: 30px; }
  #zcks-page .zck-route-card__icon { width: 130px; }
  #zcks-page .zck-product-grid { grid-template-columns: 1fr; }
  #zcks-page .zck-product-card:nth-child(3) { display: block; grid-column: auto; }
  #zcks-page .zck-product-card:nth-child(3) .zck-product-card__image { height: 390px; min-height: 0; }
  #zcks-page .zck-product-card__image { height: 390px; }
  #zcks-page .zck-product-card__body > p:not(.zck-product-card__type) { min-height: 0; }
  #zcks-page .zck-table-hint { display: block; }
  #zcks-page .zck-fit__steps li { grid-template-columns: 42px 1fr; }
  #zcks-page .zck-safety-note { padding: 20px; }
  #zcks-page .zck-context__diagram { grid-template-columns: 1fr; }
  #zcks-page .zck-context__diagram > i { transform: rotate(90deg); justify-self: center; }
  #zcks-page .zck-context__node { min-height: 130px; }
  #zcks-page .zck-faq__list summary { min-height: 70px; padding-right: 38px; font-size: 14px; }
  #zcks-page .zck-faq__list details > p { padding-right: 25px; }
  #zcks-page .zck-expert { padding-inline: 24px; }
  #zcks-page .zck-expert .zck-button { min-width: 0; }
}

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