/* CARESSIA_VISUAL_SCAN_FIXES_20260523 */

:root {
  --caressia-safe-card-x: max(30px, 5ch);
  --caressia-safe-card-y: max(24px, 2em);
  --caressia-safe-card-x-mobile: max(26px, 5ch);
  --caressia-safe-card-y-mobile: max(22px, 1.75em);
}

body .cn-native *,
body .cn-home *,
body .cn-products *,
body .cn-design *,
body .cn-oem *,
body .cn-factory *,
body .cnr *,
body .cnq * {
  min-width: 0;
}

body .cn-home img,
body .cn-products img,
body .cn-design img,
body .cn-oem img,
body .cn-factory img,
body .cnr img,
body .cnq img,
body .cn-native img {
  max-width: 100%;
}

body .cn-products,
body .cn-design,
body .cn-oem,
body .cn-factory,
body .cnr,
body .cnq {
  width: 100% !important;
  max-width: 100% !important;
}

body .cn-home .cn-home-proof article,
body .cn-home .cn-home-path-grid article,
body .cn-home .cn-home-metrics div,
body .cnp-hero-facts article,
body .cnf-hero-facts article,
body .cnp-logic-list article,
body .cnp-highlight-grid article,
body .cno-route-card,
body .cno-offer-card,
body .cno-step,
body .cno-entry-card,
body .cnd-checklist-grid article,
body .cnd-pathway-grid article,
body .cnd-card-grid article,
body .cnd-capability-grid article,
body .cnq-contact-list > div,
body .cnr-guide-card > div,
body .cnr-statement-panel,
body .cn-native .cn-card,
body .cn-native .cn-note,
body .cn-native .cn-panel,
body .cn-native .cn-route,
body .cn-native .cn-process-step,
body .cn-native .cn-step {
  padding-inline: var(--caressia-safe-card-x) !important;
  padding-block: var(--caressia-safe-card-y) !important;
}

body .cn-home .cn-home-proof span,
body .cn-home .cn-home-metrics span,
body .cnp-hero-facts span,
body .cnf-hero-facts span {
  max-width: 42ch;
}

body .cn-home .cn-home-path-line {
  overflow: hidden !important;
}

body .cn-home .cn-home-path-grid span,
body .cnp-direction-card > span {
  margin-bottom: 14px;
}

body .cnp-direction-card > span {
  left: max(30px, 5ch) !important;
  top: max(28px, 2em) !important;
}

body .cnp-hero,
body .cnd-hero,
body .cno-hero,
body .cnf-hero,
body .cnr-hero,
body .cnq-hero,
body .cn-native .cn-hero,
body .cn-native .cn-section,
body .cn-native .cn-band,
body .cn-native .cn-final {
  overflow: hidden;
}

body .cnp-hero > *,
body .cnd-hero > *,
body .cno-hero > *,
body .cnf-hero > *,
body .cnr-hero > *,
body .cnq-hero > *,
body .cn-native .cn-hero > * {
  max-width: 100%;
}

body .cn-oem {
  overflow-x: hidden !important;
}

body .cn-oem p,
body .cn-oem li,
body .cn-oem span,
body .cn-oem a,
body .cnq-contact-list strong,
body .cnq-contact-list span,
body .cnr-guide-card h3,
body .cnr-guide-card p,
body .cn-native p,
body .cn-native li,
body .cn-native span {
  overflow-wrap: break-word;
  word-break: normal;
}

body .cnq-contact-list strong,
body .cnq-contact-list span {
  display: block;
  max-width: 100%;
}

@media (min-width: 1181px) {
  body .cno-process-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body .cno-step {
    min-height: 0 !important;
  }
}

@media (max-width: 1120px) {
  body .cnr-hero,
  body .cnr-hero-hub,
  body .cnr-hero-reverse,
  body .cnr-hero-editorial,
  body .cno-hero,
  body .cno-editorial,
  body .cno-split {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body .cn-home .cn-home-proof article,
  body .cn-home .cn-home-path-grid article,
  body .cn-home .cn-home-metrics div,
  body .cnp-hero-facts article,
  body .cnf-hero-facts article,
  body .cnp-logic-list article,
  body .cnp-highlight-grid article,
  body .cno-route-card,
  body .cno-offer-card,
  body .cno-step,
  body .cno-entry-card,
  body .cnd-checklist-grid article,
  body .cnd-pathway-grid article,
  body .cnd-card-grid article,
  body .cnd-capability-grid article,
  body .cnq-contact-list > div,
  body .cnr-guide-card > div,
  body .cnr-statement-panel,
  body .cn-native .cn-card,
  body .cn-native .cn-note,
  body .cn-native .cn-panel,
  body .cn-native .cn-route,
  body .cn-native .cn-process-step,
  body .cn-native .cn-step {
    padding-inline: var(--caressia-safe-card-x-mobile) !important;
    padding-block: var(--caressia-safe-card-y-mobile) !important;
  }

  body .cn-products h1,
  body .cn-design h1,
  body .cn-oem h1,
  body .cn-factory h1,
  body .cnr h1,
  body .cnq h1,
  body .cn-native .cn-hero h1 {
    font-size: clamp(30px, 8.8vw, 38px) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
  }

  body .cn-products h2,
  body .cn-design h2,
  body .cn-oem h2,
  body .cn-factory h2,
  body .cnr h2,
  body .cnq h2,
  body .cn-native h2 {
    font-size: clamp(24px, 7.4vw, 32px) !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
  }

  body .cn-products,
  body .cn-design,
  body .cn-oem,
  body .cn-factory,
  body .cnr,
  body .cnq,
  body .cn-native {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

  body .cnp-hero,
  body .cnd-hero,
  body .cno-hero,
  body .cnf-hero,
  body .cnr-hero,
  body .cnq-hero,
  body .cn-native .cn-hero,
  body .cn-native .cn-section,
  body .cn-native .cn-band,
  body .cn-native .cn-final {
    max-width: calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
    margin-inline: auto !important;
  }

  body .cn-native .cn-hero figure {
    width: min(100%, 320px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  body .cno-route-grid,
  body .cno-offer-grid,
  body .cno-process-grid,
  body .cno-entry-grid,
  body .cnp-hero-facts,
  body .cnf-hero-facts,
  body .cn-home .cn-home-proof,
  body .cn-home .cn-home-metrics {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  body .cnp-hero,
  body .cnd-hero,
  body .cno-hero,
  body .cnf-hero,
  body .cnr-hero,
  body .cnq-hero,
  body .cn-native .cn-hero,
  body .cn-native .cn-section,
  body .cn-native .cn-band,
  body .cn-native .cn-final {
    max-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
  }
}