{"product_id":"cpr-clancy","title":"CPR Clancy","description":"\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Inter:wght@200;300;400;500;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  :root {\n    --neon-mint: #32FFC8;\n    --deep-navy: #222F41;\n    --bronzed-aussie: #A87F62;\n    --neon-lime: #C8FF32;\n    --prussian-green: #3C6364;\n    --tiffany-blue: #81D8D0;\n    --greige: #D7D7D2;\n    --white: #FFFFFF;\n    --off-white: #F4F4F1;\n    --font-display: 'Bebas Neue', sans-serif;\n    --font-body: 'Inter', sans-serif;\n  }\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  body { font-family: var(--font-body); background: var(--white); color: var(--deep-navy); overflow-x: hidden; }\n\n\n  \/* ─── HERO ─── *\/\n  .hero {\n    margin-top: 0;\n    min-height: 90vh;\n    background: var(--deep-navy);\n    display: flex;\n    align-items: stretch;\n    position: relative; overflow: hidden;\n  }\n  .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 50% 70% at 72% 50%, rgba(50,255,200,0.07) 0%, transparent 65%); pointer-events: none; }\n  \/* Inner wrapper constrains the two columns to a max width and centres them *\/\n  .hero-inner {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    position: relative;\n    z-index: 1;\n  }\n  .hero-left { padding: 80px 52px 80px 60px; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; }\n  .eyebrow { font-weight: 500; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--neon-mint); margin-bottom: 16px; display: flex; align-items: center; gap: 12px; }\n  .eyebrow::before { content: ''; display: block; width: 28px; height: 1px; background: var(--neon-mint); }\n  .hero-tagline { font-weight: 200; font-size: 17px; color: var(--tiffany-blue); letter-spacing: 0.3px; margin-bottom: 12px; font-style: italic; }\n  .hero-title { font-family: var(--font-display); font-size: clamp(46px, 5.2vw, 76px); line-height: 0.95; color: var(--white); letter-spacing: 1px; margin-bottom: 26px; }\n  .hero-title span { color: var(--neon-mint); }\n  .hero-desc { font-weight: 300; font-size: 14.5px; line-height: 1.8; color: rgba(215,215,210,0.8); max-width: 450px; margin-bottom: 36px; }\n  .hero-desc strong { color: white; font-weight: 600; }\n  .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-bottom: 36px; }\n  .btn-primary { background: var(--neon-mint); color: var(--deep-navy); font-weight: 700; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; padding: 17px 38px; border: none; cursor: pointer; text-decoration: none; transition: background 0.2s, transform 0.15s; display: inline-block; }\n  .btn-primary:hover { background: var(--neon-lime); transform: translateY(-2px); }\n  .btn-secondary { background: transparent; color: var(--white); font-weight: 500; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; padding: 17px 34px; border: 1.5px solid rgba(255,255,255,0.22); cursor: pointer; text-decoration: none; transition: border-color 0.2s, color 0.2s; display: inline-block; }\n  .btn-secondary:hover { border-color: var(--neon-mint); color: var(--neon-mint); }\n  .hero-price-block { padding-top: 26px; border-top: 1px solid rgba(255,255,255,0.09); display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }\n  .price-label { font-weight: 300; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: rgba(215,215,210,0.45); }\n  .price-value { font-family: var(--font-display); font-size: 50px; color: var(--white); letter-spacing: 1px; line-height: 1; }\n  .price-sub-wrap { display: flex; flex-direction: column; gap: 2px; }\n  .price-sub { font-size: 11px; color: rgba(215,215,210,0.42); font-weight: 300; }\n  .hero-compliance { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px; }\n  .compliance-tag { font-weight: 700; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(50,255,200,0.65); display: flex; align-items: center; gap: 5px; }\n  .compliance-tag::before { content: '✓'; }\n  .hero-right { position: relative; display: flex; align-items: center; justify-content: center; padding: 48px 36px; overflow: hidden; }\n  .hero-gif-wrap { position: relative; width: 100%; max-width: 460px; }\n  .hero-gif-wrap::before { content: ''; position: absolute; inset: -60px; background: radial-gradient(circle at 50% 44%, rgba(50,255,200,0.09) 0%, transparent 65%); pointer-events: none; }\n  .hero-gif { width: 100%; display: block; position: relative; z-index: 1; filter: drop-shadow(0 48px 80px rgba(0,0,0,0.6)); animation: float 7s ease-in-out infinite; }\n  @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\n  .hero-badge { position: absolute; top: 20px; right: 0; background: var(--neon-mint); color: var(--deep-navy); font-family: var(--font-display); font-size: 12px; letter-spacing: 1.5px; padding: 10px 16px; z-index: 2; line-height: 1.3; text-align: center; }\n  .hero-badge span { display: block; font-family: var(--font-body); font-weight: 700; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 2px; opacity: 0.6; }\n\n  \/* ─── MAX WIDTH CONTAINER for all sections ─── *\/\n  \/* Caps content width on ultrawide screens, same as hero *\/\n  .clancy-pdp-breakout .mechanism,\n  .clancy-pdp-breakout .scenarios,\n  .clancy-pdp-breakout .benefits,\n  .clancy-pdp-breakout .audience,\n  .clancy-pdp-breakout .inbox,\n  .clancy-pdp-breakout .specs,\n  .clancy-pdp-breakout .atc-section,\n  .clancy-pdp-breakout .detail-callout,\n  .clancy-pdp-breakout .arc-banner,\n  .clancy-pdp-breakout .inclusivity,\n  .clancy-pdp-breakout .quote-section,\n  .clancy-pdp-breakout .neck-detail-content,\n  .clancy-pdp-breakout .compression-content {\n    max-width: 1400px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \/* Full-bleed sections still fill 100% width but cap their inner grid *\/\n  .clancy-pdp-breakout .showcase,\n  .clancy-pdp-breakout .dual-image,\n  .clancy-pdp-breakout .neck-detail,\n  .clancy-pdp-breakout .compression-section {\n    max-width: 100%;\n  }\n\n  \/* ─── STATS ─── *\/\n  .stats-strip { background: var(--neon-mint); display: grid; grid-template-columns: repeat(4, 1fr); }\n  .stat-item { padding: 30px 32px; border-right: 1px solid rgba(34,47,65,0.1); text-align: center; transition: background 0.2s; }\n  .stat-item:last-child { border-right: none; }\n  .stat-item:hover { background: rgba(34,47,65,0.07); }\n  .stat-num { font-family: var(--font-display); font-size: 48px; color: var(--deep-navy); line-height: 1; letter-spacing: 1px; }\n  .stat-label { font-weight: 500; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(34,47,65,0.6); margin-top: 5px; }\n\n  \/* ─── IMAGE SHOWCASE ─── *\/\n  .showcase {\n    background: var(--deep-navy); padding: 0;\n    display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 400px 400px; gap: 3px;\n  }\n  .showcase-item { overflow: hidden; position: relative; background: #111; }\n  .showcase-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; display: block; }\n  .showcase-item:hover img { transform: scale(1.04); }\n  .showcase-item.tall { grid-row: span 2; }\n  .showcase-label {\n    position: absolute; bottom: 0; left: 0; right: 0;\n    padding: 20px 24px 18px;\n    background: linear-gradient(transparent, rgba(34,47,65,0.85));\n    font-weight: 500; font-size: 10px; letter-spacing: 2px; text-transform: uppercase;\n    color: rgba(215,215,210,0.7); opacity: 0; transition: opacity 0.3s;\n  }\n  .showcase-item:hover .showcase-label { opacity: 1; }\n\n  \/* ─── ARC BANNER ─── *\/\n  .arc-banner { background: var(--prussian-green); padding: 48px 80px; display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }\n  .arc-left { display: flex; align-items: center; gap: 22px; }\n  .arc-icon { width: 60px; height: 60px; background: var(--neon-mint); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .arc-label { font-weight: 700; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 4px; }\n  .arc-title { font-family: var(--font-display); font-size: 22px; color: var(--white); letter-spacing: 1px; }\n  .arc-codes { display: flex; gap: 7px; flex-wrap: wrap; }\n  .arc-code { border: 1px solid rgba(50,255,200,0.3); color: var(--neon-mint); font-weight: 700; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; padding: 8px 13px; }\n\n  \/* ─── SECTION BASE ─── *\/\n  section { position: relative; }\n  .section-eyebrow { font-weight: 500; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--neon-mint); margin-bottom: 14px; display: flex; align-items: center; gap: 12px; }\n  .section-eyebrow::before { content: ''; display: block; width: 26px; height: 1px; background: var(--neon-mint); }\n  .section-title { font-family: var(--font-display); font-size: clamp(34px, 4.2vw, 62px); line-height: 0.95; color: var(--deep-navy); letter-spacing: 1px; margin-bottom: 18px; }\n  .section-title.light { color: var(--white); }\n  .section-body { font-weight: 300; font-size: 14.5px; line-height: 1.8; color: rgba(34,47,65,0.7); max-width: 560px; }\n  .section-body.light { color: rgba(215,215,210,0.75); }\n\n  \/* ─── MECHANISM ─── *\/\n  .mechanism { background: var(--off-white); padding: 110px 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }\n  .mechanism-visual { position: relative; }\n  .mechanism-img { width: 100%; display: block; object-fit: cover; aspect-ratio: 4\/3; }\n  .mech-tag { position: absolute; bottom: -16px; left: -16px; background: var(--deep-navy); color: var(--neon-mint); font-family: var(--font-display); font-size: 12px; letter-spacing: 2px; padding: 13px 20px; z-index: 2; text-transform: uppercase; }\n  .mechanism-features { margin-top: 40px; display: flex; flex-direction: column; gap: 22px; }\n  .mech-feature { display: flex; gap: 16px; align-items: flex-start; }\n  .mech-icon { width: 40px; height: 40px; background: var(--deep-navy); flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--neon-mint); font-size: 16px; }\n  .mech-feature-title { font-weight: 700; font-size: 12px; letter-spacing: 0.5px; color: var(--deep-navy); margin-bottom: 5px; text-transform: uppercase; }\n  .mech-feature-desc { font-weight: 300; font-size: 13px; line-height: 1.7; color: rgba(34,47,65,0.6); }\n\n  \/* ─── NECK MECHANISM DETAIL HERO ─── *\/\n  .neck-detail {\n    background: #0A0F14;\n    display: grid; grid-template-columns: 1fr 1fr;\n    min-height: 560px;\n  }\n  .neck-detail-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .neck-detail-content { padding: 80px 72px; display: flex; flex-direction: column; justify-content: center; }\n\n  \/* ─── SCENARIOS ─── *\/\n  .scenarios { background: var(--deep-navy); padding: 110px 80px; }\n  .scenarios-header { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 64px; align-items: end; }\n  .scenarios-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }\n  .scenario-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); padding: 34px 28px; transition: background 0.3s, border-color 0.3s, transform 0.3s; position: relative; overflow: hidden; }\n  .scenario-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--neon-mint); transform: scaleX(0); transform-origin: left; transition: transform 0.3s; }\n  .scenario-card:hover { background: rgba(50,255,200,0.04); border-color: rgba(50,255,200,0.16); transform: translateY(-3px); }\n  .scenario-card:hover::before { transform: scaleX(1); }\n  .scenario-num { font-family: var(--font-display); font-size: 42px; color: rgba(50,255,200,0.11); line-height: 1; margin-bottom: 12px; }\n  .scenario-title { font-weight: 700; font-size: 12.5px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--white); margin-bottom: 9px; }\n  .scenario-desc { font-weight: 300; font-size: 12.5px; line-height: 1.65; color: rgba(215,215,210,0.52); }\n\n  \/* ─── BENEFITS ─── *\/\n  .benefits { padding: 110px 80px; background: var(--white); }\n  .benefits-header { text-align: center; max-width: 660px; margin: 0 auto 64px; }\n  .benefits-header .section-eyebrow { justify-content: center; }\n  .benefits-header .section-eyebrow::before { display: none; }\n  .benefits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; }\n  .benefit-card { background: var(--off-white); padding: 52px 48px; position: relative; transition: background 0.3s; overflow: hidden; }\n  .benefit-card:hover { background: var(--greige); }\n  .benefit-card.dark { background: var(--deep-navy); }\n  .benefit-card.dark:hover { background: var(--prussian-green); }\n  .benefit-card.accent { background: var(--neon-mint); }\n  .benefit-card.accent:hover { background: var(--neon-lime); }\n  .benefit-number { font-family: var(--font-display); font-size: 72px; line-height: 1; color: rgba(34,47,65,0.06); position: absolute; top: 32px; right: 32px; }\n  .benefit-card.dark .benefit-number { color: rgba(255,255,255,0.04); }\n  .benefit-card.accent .benefit-number { color: rgba(34,47,65,0.08); }\n  .benefit-icon { width: 46px; height: 46px; background: var(--deep-navy); display: flex; align-items: center; justify-content: center; color: var(--neon-mint); font-size: 19px; margin-bottom: 22px; }\n  .benefit-card.dark .benefit-icon { background: rgba(50,255,200,0.1); }\n  .benefit-card.accent .benefit-icon { background: var(--deep-navy); }\n  .benefit-title { font-family: var(--font-display); font-size: 28px; letter-spacing: 1px; color: var(--deep-navy); margin-bottom: 12px; line-height: 1.05; }\n  .benefit-card.dark .benefit-title { color: var(--white); }\n  .benefit-card.accent .benefit-title { color: var(--deep-navy); }\n  .benefit-text { font-weight: 300; font-size: 14px; line-height: 1.75; color: rgba(34,47,65,0.66); max-width: 360px; }\n  .benefit-card.dark .benefit-text { color: rgba(215,215,210,0.66); }\n  .benefit-card.accent .benefit-text { color: rgba(34,47,65,0.7); }\n\n  \/* ─── DETAIL CALLOUT ─── *\/\n  .detail-callout { padding: 110px 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }\n  .detail-callout.flipped \u003e :first-child { order: 2; }\n  .detail-callout.flipped \u003e :last-child { order: 1; }\n  .detail-img-wrap { position: relative; }\n  .detail-img { width: 100%; display: block; aspect-ratio: 16\/10; object-fit: cover; }\n  .detail-img.portrait { aspect-ratio: 4\/5; }\n  .detail-tag { position: absolute; bottom: -14px; right: -14px; background: var(--deep-navy); color: var(--neon-mint); font-family: var(--font-display); font-size: 11px; letter-spacing: 2px; padding: 12px 18px; text-transform: uppercase; }\n  .detail-tag.mint { background: var(--neon-mint); color: var(--deep-navy); left: -14px; right: auto; }\n  .detail-list { margin-top: 32px; display: flex; flex-direction: column; }\n  .detail-list-item { padding: 16px 0; border-bottom: 1px solid rgba(34,47,65,0.09); display: flex; align-items: flex-start; gap: 14px; }\n  .detail-list-item:first-child { border-top: 1px solid rgba(34,47,65,0.09); }\n  .detail-dot { width: 6px; height: 6px; background: var(--neon-mint); flex-shrink: 0; margin-top: 7px; }\n  .detail-list-text { font-weight: 300; font-size: 13.5px; color: rgba(34,47,65,0.68); line-height: 1.55; }\n  .detail-list-text strong { font-weight: 600; color: var(--deep-navy); }\n\n  \/* dark callout variant *\/\n  .detail-callout.dark-bg { background: var(--deep-navy); }\n  .detail-callout.dark-bg .section-title { color: var(--white); }\n  .detail-callout.dark-bg .section-body { color: rgba(215,215,210,0.72); }\n  .detail-callout.dark-bg .detail-list-item { border-color: rgba(255,255,255,0.07); }\n  .detail-callout.dark-bg .detail-list-item:first-child { border-color: rgba(255,255,255,0.07); }\n  .detail-callout.dark-bg .detail-list-text { color: rgba(215,215,210,0.7); }\n  .detail-callout.dark-bg .detail-list-text strong { color: var(--white); }\n\n  \/* ─── COMPRESSION CALLOUT (full-width) ─── *\/\n  .compression-section {\n    background: #0A0F14;\n    display: grid; grid-template-columns: 1fr 1fr;\n    min-height: 580px; overflow: hidden;\n  }\n  .compression-img-wrap { position: relative; overflow: hidden; }\n  .compression-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .compression-content { padding: 80px 72px; display: flex; flex-direction: column; justify-content: center; }\n\n  \/* ─── INCLUSIVITY ─── *\/\n  .inclusivity { background: var(--bronzed-aussie); padding: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n  .inclusivity-left {}\n  .inclusivity-title { font-family: var(--font-display); font-size: clamp(34px, 3.8vw, 56px); line-height: 0.95; color: var(--white); letter-spacing: 1px; }\n  .skin-tones { display: flex; gap: 10px; margin-top: 26px; flex-wrap: wrap; }\n  .skin-swatch { width: 42px; height: 42px; border: 2.5px solid rgba(255,255,255,0.28); }\n  .inclusivity-body { font-weight: 300; font-size: 14.5px; line-height: 1.8; color: rgba(255,255,255,0.85); }\n\n  \/* ─── DUAL IMAGE ─── *\/\n  .dual-image { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; height: 500px; }\n  .dual-img-wrap { overflow: hidden; position: relative; }\n  .dual-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; }\n  .dual-img-wrap:hover img { transform: scale(1.03); }\n  .dual-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 28px; background: linear-gradient(transparent, rgba(10,15,20,0.75)); }\n  .dual-caption-text { font-family: var(--font-display); font-size: 20px; color: var(--white); letter-spacing: 1px; }\n  .dual-caption-sub { font-weight: 300; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--neon-mint); margin-top: 3px; }\n\n  \/* ─── AUDIENCE ─── *\/\n  .audience { background: var(--off-white); padding: 110px 80px; }\n  .audience-header { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 52px; align-items: end; }\n  .audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }\n  .audience-item { background: var(--white); padding: 26px 22px; border-bottom: 2px solid transparent; transition: border-color 0.2s, transform 0.2s; }\n  .audience-item:hover { border-color: var(--neon-mint); transform: translateY(-3px); }\n  .audience-category { font-weight: 700; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--neon-mint); margin-bottom: 9px; }\n  .audience-name { font-weight: 500; font-size: 13.5px; color: var(--deep-navy); line-height: 1.5; }\n\n  \/* ─── QUOTE ─── *\/\n  .quote-section { background: var(--prussian-green); padding: 90px 80px; text-align: center; position: relative; overflow: hidden; }\n  .quote-section::before { content: '\"'; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); font-family: var(--font-display); font-size: 260px; color: rgba(255,255,255,0.04); line-height: 1; pointer-events: none; }\n  .quote-text { font-weight: 200; font-size: clamp(17px, 2.3vw, 26px); line-height: 1.6; color: var(--white); max-width: 820px; margin: 0 auto 28px; position: relative; z-index: 1; }\n  .quote-attr { font-weight: 500; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--neon-mint); }\n\n  \/* ─── INBOX ─── *\/\n  .inbox { padding: 110px 80px; background: var(--white); }\n  .inbox-header { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 52px; align-items: end; }\n  .inbox-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; }\n  .inbox-item { background: var(--off-white); padding: 34px 30px; display: flex; flex-direction: column; gap: 12px; transition: background 0.2s; }\n  .inbox-item:hover { background: var(--greige); }\n  .inbox-item-icon { font-size: 24px; color: var(--deep-navy); }\n  .inbox-item-name { font-weight: 700; font-size: 12.5px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--deep-navy); }\n  .inbox-item-desc { font-weight: 300; font-size: 13px; line-height: 1.6; color: rgba(34,47,65,0.56); }\n\n  \/* ─── SPECS ─── *\/\n  .specs { background: var(--deep-navy); padding: 110px 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }\n  .specs-table { margin-top: 40px; }\n  .spec-row { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid rgba(255,255,255,0.07); padding: 15px 0; }\n  .spec-row:first-child { border-top: 1px solid rgba(255,255,255,0.07); }\n  .spec-key { font-weight: 500; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: rgba(215,215,210,0.4); }\n  .spec-val { font-weight: 300; font-size: 13px; color: var(--white); }\n\n  \/* ─── ATC ─── *\/\n  .atc-section { background: var(--neon-mint); padding: 90px 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n  .atc-title { font-family: var(--font-display); font-size: clamp(34px, 4.2vw, 66px); line-height: 0.95; color: var(--deep-navy); letter-spacing: 1px; }\n  .atc-body { font-weight: 300; font-size: 14.5px; line-height: 1.75; color: rgba(34,47,65,0.7); margin-bottom: 32px; }\n  .atc-price { font-family: var(--font-display); font-size: 62px; color: var(--deep-navy); line-height: 1; margin-bottom: 5px; letter-spacing: 1px; }\n  .atc-price-note { font-weight: 500; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(34,47,65,0.52); margin-bottom: 28px; }\n  .atc-actions { display: flex; flex-direction: column; gap: 10px; }\n  .btn-cart { background: var(--deep-navy); color: var(--neon-mint); font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; padding: 20px 48px; border: none; cursor: pointer; text-align: center; transition: background 0.2s, transform 0.15s; display: block; text-decoration: none; }\n  .btn-cart:hover { background: var(--prussian-green); transform: translateY(-2px); }\n  .btn-quote { background: transparent; color: var(--deep-navy); font-weight: 500; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; padding: 17px 48px; border: 2px solid rgba(34,47,65,0.26); cursor: pointer; text-align: center; transition: border-color 0.2s; display: block; text-decoration: none; }\n  .btn-quote:hover { border-color: var(--deep-navy); }\n  .trust-icons { margin-top: 22px; display: flex; gap: 14px; flex-wrap: wrap; }\n  .trust-badge { font-weight: 700; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(34,47,65,0.55); display: flex; align-items: center; gap: 5px; }\n  .trust-badge::before { content: '✓'; color: var(--deep-navy); }\n\n  \/* ─── REVEAL ─── *\/\n  .reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.65s ease, transform 0.65s ease; }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n  .delay-1 { transition-delay: 0.1s; }\n  .delay-2 { transition-delay: 0.2s; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"clancy-pdp-breakout\"\u003e\n\u003cstyle\u003e\n  \/* ── SHOPIFY BREAKOUT ── *\/\n  \/* Escape the product description column and go full width *\/\n  .clancy-pdp-breakout {\n    position: relative;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    \/* Centred breakout — works regardless of which column we started in *\/\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    margin-top: 0 !important;\n    left: 0 !important;\n    box-sizing: border-box;\n    overflow-x: hidden;\n    \/* Ensure nothing from parent clips us *\/\n    clear: both;\n    float: none;\n  }\n  \/* When our div is a direct child of main, ensure main doesn't constrain it *\/\n  main \u003e .clancy-pdp-breakout,\n  #MainContent \u003e .clancy-pdp-breakout {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    left: 0 !important;\n  }\n  \/* Force parent containers to not clip us *\/\n  .clancy-pdp-breakout,\n  .clancy-pdp-breakout ~ *,\n  body { overflow-x: hidden; }\n  \/* Hide our custom nav — Shopify already has one *\/\n  .clancy-pdp-breakout nav {\n    display: none !important;\n  }\n  \/* Prevent Bebas Neue from being overridden by theme *\/\n  .clancy-pdp-breakout * {\n    box-sizing: border-box;\n  }\n  \/* Fix hero layout — full width responsive *\/\n  .clancy-pdp-breakout .hero {\n    margin-top: 0 !important;\n    min-height: 85vh;\n  }\n  \/* Ensure all grid sections don't overflow on mobile *\/\n  @media (max-width: 900px) {\n    .clancy-pdp-breakout .hero { \n      min-height: auto !important;\n    }\n    .clancy-pdp-breakout .hero-inner {\n      grid-template-columns: 1fr !important;\n      display: flex !important;\n      flex-direction: column !important;\n    }\n    .clancy-pdp-breakout .hero-right { \n      padding: 32px 24px 0 24px !important;\n      order: -1;\n    }\n    .clancy-pdp-breakout .hero-left { \n      padding: 32px 24px 48px 24px !important;\n    }\n    .clancy-pdp-breakout .hero-gif {\n      max-height: 340px !important;\n      width: auto !important;\n      margin: 0 auto !important;\n      display: block !important;\n    }\n    .clancy-pdp-breakout .hero-badge { display: none !important; }\n    .clancy-pdp-breakout .hero-title { font-size: 48px !important; }\n    .clancy-pdp-breakout .stats-strip { grid-template-columns: repeat(2, 1fr) !important; }\n    .clancy-pdp-breakout .stat-item { padding: 20px 16px !important; }\n    .clancy-pdp-breakout .stat-num { font-size: 36px !important; }\n    .clancy-pdp-breakout .showcase { grid-template-columns: 1fr 1fr !important; grid-template-rows: auto !important; }\n    .clancy-pdp-breakout .showcase-item.tall { grid-row: span 1 !important; }\n    .clancy-pdp-breakout .mechanism { grid-template-columns: 1fr !important; padding: 60px 32px !important; gap: 48px !important; }\n    .clancy-pdp-breakout .neck-detail { grid-template-columns: 1fr !important; }\n    .clancy-pdp-breakout .neck-detail-content { padding: 48px 32px !important; }\n    .clancy-pdp-breakout .scenarios { padding: 60px 32px !important; }\n    .clancy-pdp-breakout .scenarios-header { grid-template-columns: 1fr !important; gap: 24px !important; }\n    .clancy-pdp-breakout .scenarios-grid { grid-template-columns: 1fr 1fr !important; }\n    .clancy-pdp-breakout .benefits { padding: 60px 32px !important; }\n    .clancy-pdp-breakout .benefits-grid { grid-template-columns: 1fr !important; }\n    .clancy-pdp-breakout .compression-section { grid-template-columns: 1fr !important; }\n    .clancy-pdp-breakout .detail-callout { grid-template-columns: 1fr !important; padding: 60px 32px !important; gap: 48px !important; }\n    .clancy-pdp-breakout .detail-callout.flipped \u003e :first-child { order: 1 !important; }\n    .clancy-pdp-breakout .detail-callout.flipped \u003e :last-child { order: 2 !important; }\n    .clancy-pdp-breakout .dual-image { grid-template-columns: 1fr !important; height: auto !important; }\n    .clancy-pdp-breakout .dual-img-wrap { height: 300px; }\n    .clancy-pdp-breakout .inclusivity { grid-template-columns: 1fr !important; padding: 60px 32px !important; gap: 40px !important; }\n    .clancy-pdp-breakout .audience-header { grid-template-columns: 1fr !important; gap: 24px !important; }\n    .clancy-pdp-breakout .audience-grid { grid-template-columns: repeat(2, 1fr) !important; }\n    .clancy-pdp-breakout .inbox-header { grid-template-columns: 1fr !important; gap: 24px !important; }\n    .clancy-pdp-breakout .inbox-grid { grid-template-columns: 1fr 1fr !important; }\n    .clancy-pdp-breakout .specs { grid-template-columns: 1fr !important; padding: 60px 32px !important; }\n    .clancy-pdp-breakout .atc-section { grid-template-columns: 1fr !important; padding: 60px 32px !important; }\n    .clancy-pdp-breakout .arc-banner { padding: 40px 32px !important; }\n    .clancy-pdp-breakout .audience { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .mechanism { padding: 48px 20px !important; gap: 36px !important; }\n    .clancy-pdp-breakout .scenarios { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .benefits { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .inbox { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .specs { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .atc-section { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .arc-banner { padding: 32px 20px !important; }\n    .clancy-pdp-breakout .inclusivity { padding: 48px 20px !important; gap: 32px !important; }\n    .clancy-pdp-breakout .quote-section { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .audience { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .detail-callout { padding: 48px 20px !important; gap: 36px !important; }\n    .clancy-pdp-breakout .neck-detail-content { padding: 40px 20px !important; }\n    .clancy-pdp-breakout .compression-content { padding: 48px 20px !important; }\n    .clancy-pdp-breakout .inbox { padding: 60px 32px !important; }\n    .clancy-pdp-breakout .quote-section { padding: 60px 32px !important; }\n    .clancy-pdp-breakout footer { grid-template-columns: 1fr 1fr !important; padding: 48px 32px 32px !important; gap: 32px !important; }\n  }\n  @media (max-width: 540px) {\n    .clancy-pdp-breakout .scenarios-grid { grid-template-columns: 1fr !important; }\n    .clancy-pdp-breakout .inbox-grid { grid-template-columns: 1fr !important; }\n    .clancy-pdp-breakout .audience-grid { grid-template-columns: 1fr !important; }\n    .clancy-pdp-breakout .stats-strip { grid-template-columns: repeat(2,1fr) !important; }\n    .clancy-pdp-breakout footer { grid-template-columns: 1fr !important; }\n    .clancy-pdp-breakout .hero-title { font-size: 44px !important; }\n    .clancy-pdp-breakout .arc-codes { gap: 5px !important; }\n  }\n\n  \/* ── SHOPIFY THEME OVERRIDE ── *\/\n  \/* Target common Shopify theme product layout containers *\/\n  \/* Dawn theme *\/\n  .product__info-wrapper .clancy-pdp-breakout,\n  .product__description .clancy-pdp-breakout { display: block; }\n  \n  \/* Make Shopify's product info column full width when our content is present *\/\n  body:has(.clancy-pdp-breakout) .product__media-wrapper {\n    display: none !important;\n  }\n  body:has(.clancy-pdp-breakout) .product__info-wrapper,\n  body:has(.clancy-pdp-breakout) .product__column-sticky {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    grid-column: 1 \/ -1 !important;\n  }\n  body:has(.clancy-pdp-breakout) .product,\n  body:has(.clancy-pdp-breakout) .product--large,\n  body:has(.clancy-pdp-breakout) .page-width,\n  body:has(.clancy-pdp-breakout) .product__grid {\n    display: block !important;\n    max-width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    grid-template-columns: 1fr !important;\n  }\n  \/* Prestige \/ Empire \/ other common themes *\/\n  body:has(.clancy-pdp-breakout) .ProductMeta,\n  body:has(.clancy-pdp-breakout) .Product__Info,\n  body:has(.clancy-pdp-breakout) .product-single__meta {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\u003c\/style\u003e\n\n\u003c!-- NAV — Remove or comment out if using inside Shopify theme (theme nav already exists) --\u003e\n\u003cnav\u003e\n  \u003ca href=\"https:\/\/cprclancy.com.au\"\u003e\n    \u003cimg src=\"https:\/\/cprclancy.com.au\/cdn\/shop\/files\/CPR_CLANCY_LOGO_LONG-Neon_MInt-No_Background.png?v=1777831798\u0026amp;width=400\" alt=\"CPR CLANCY\" style=\"height:30px;\"\u003e\n  \u003c\/a\u003e\n  \u003cul class=\"nav-links\"\u003e\n    \u003cli\u003e\u003ca href=\"https:\/\/cprclancy.com.au\/pages\/about-us\"\u003eAbout Us\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"https:\/\/cprclancy.com.au\/pages\/why-choose-cpr-clancy\"\u003eWhy Clancy?\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"https:\/\/cprclancy.com.au\/collections\/all\"\u003eOrder\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"https:\/\/cprclancy.com.au\/pages\/fleet\"\u003eFleet\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"https:\/\/cprclancy.com.au\/pages\/press\"\u003ePress\u003c\/a\u003e\u003c\/li\u003e\n  \u003c\/ul\u003e\n  \u003ca href=\"#atc\" class=\"nav-cta\"\u003eAdd to Cart — $890\u003c\/a\u003e\n\u003c\/nav\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"hero-inner\"\u003e\n  \u003cdiv class=\"hero-left reveal\"\u003e\n    \u003cp class=\"eyebrow\"\u003ePatented Head-Turn · Twist \u0026amp; Tilt Mechanism\u003c\/p\u003e\n    \u003cp class=\"hero-tagline\"\u003eTurning Heads\u003c\/p\u003e\n    \u003ch1 class=\"hero-title\"\u003eTHE WORLD'S ONLY\u003cbr\u003eTRULY \u003cspan\u003eREALISTIC\u003c\/span\u003e\u003cbr\u003eCPR TRAINING\u003cbr\u003eMANIKIN.\u003c\/h1\u003e\n    \u003cp class=\"hero-desc\"\u003e\u003cstrong\u003eAustralia's next-generation CPR training manikin\u003c\/strong\u003e — designed to elevate realism, durability, and learner engagement. Developed and assembled in Queensland, Clancy's patented neck mechanism tilts, twists and turns in ways traditional manikins simply cannot.\u003c\/p\u003e\n    \u003cdiv class=\"hero-actions\"\u003e\n      \u003ca href=\"#atc\" class=\"btn-primary\"\u003eAdd to Cart\u003c\/a\u003e\n      \u003ca href=\"#benefits\" class=\"btn-secondary\"\u003eExplore Features\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-price-block\"\u003e\n      \u003cspan class=\"price-label\"\u003ePrice\u003c\/span\u003e\n      \u003cspan class=\"price-value\"\u003e$890\u003c\/span\u003e\n      \u003cdiv class=\"price-sub-wrap\"\u003e\n        \u003cspan class=\"price-sub\"\u003eAUD exc. GST\u003c\/span\u003e\n        \u003cspan class=\"price-sub\"\u003eFree Shipping Australia-wide\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-compliance\"\u003e\n      \u003cspan class=\"compliance-tag\"\u003eARC Guidelines\u003c\/span\u003e\n      \u003cspan class=\"compliance-tag\"\u003eHLTAID009–015\u003c\/span\u003e\n      \u003cspan class=\"compliance-tag\"\u003eAustralian Made\u003c\/span\u003e\n      \u003cspan class=\"compliance-tag\"\u003ePatented\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hero-right\"\u003e\n    \u003cdiv class=\"hero-gif-wrap\"\u003e\n      \u003cdiv class=\"hero-badge\"\u003e\n\u003cspan\u003ePatented\u003c\/span\u003eHEAD-TURN\u003cbr\u003eMECHANISM\u003c\/div\u003e\n      \u003cimg class=\"hero-gif\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/CPR-DEMO_1.gif?v=1779885716\" alt=\"CPR CLANCY — Patented Head-Turn Mechanism in action\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c!-- end hero-inner --\u003e\n\u003c\/section\u003e\n\n\u003c!-- STATS --\u003e\n\u003cdiv class=\"stats-strip reveal\"\u003e\n  \u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e20+\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eTraining Scenarios\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e120°\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eL–R Head Movement\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eDevice. Everything.\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003eQLD\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eDesigned \u0026amp; Assembled\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- IMAGE SHOWCASE GRID --\u003e\n\u003cdiv class=\"showcase reveal\"\u003e\n  \u003cdiv class=\"showcase-item tall\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_001.png?v=1779885845\" alt=\"CPR CLANCY front and back\"\u003e\n    \u003cdiv class=\"showcase-label\"\u003eFront \u0026amp; Back View\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"showcase-item\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_003.png?v=1779885845\" alt=\"Neck mechanism detail\"\u003e\n    \u003cdiv class=\"showcase-label\"\u003eNeck Mechanism\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"showcase-item\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/CDG360_STG3_01_copy.png?v=1779885845\" alt=\"CPR CLANCY dual render\"\u003e\n    \u003cdiv class=\"showcase-label\"\u003eDual Skin Tone Option\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"showcase-item\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_005.png?v=1779885846\" alt=\"Neck mechanism close-up\"\u003e\n    \u003cdiv class=\"showcase-label\"\u003ePatented Mechanism\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"showcase-item\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_007.png?v=1779885846\" alt=\"Compression adjustment dial\"\u003e\n    \u003cdiv class=\"showcase-label\"\u003eCompression Adjustment\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ARC BANNER --\u003e\n\u003cdiv class=\"arc-banner reveal\"\u003e\n  \u003cdiv class=\"arc-left\"\u003e\n    \u003cdiv class=\"arc-icon\"\u003e\n      \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\u003cpath d=\"M16 4L4 10V18C4 23.5 9.4 28.7 16 30C22.6 28.7 28 23.5 28 18V10L16 4Z\" stroke=\"#222F41\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M11 16L14.5 19.5L21 13\" stroke=\"#222F41\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"arc-label\"\u003eCertified \u0026amp; Compliant With\u003c\/div\u003e\n      \u003cdiv class=\"arc-title\"\u003eAUSTRALIAN RESUSCITATION COUNCIL GUIDELINES\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"arc-codes\"\u003e\n    \u003cdiv class=\"arc-code\"\u003eHLTAID009\u003c\/div\u003e\n    \u003cdiv class=\"arc-code\"\u003eHLTAID010\u003c\/div\u003e\n    \u003cdiv class=\"arc-code\"\u003eHLTAID011\u003c\/div\u003e\n    \u003cdiv class=\"arc-code\"\u003eHLTAID012\u003c\/div\u003e\n    \u003cdiv class=\"arc-code\"\u003eHLTAID013\u003c\/div\u003e\n    \u003cdiv class=\"arc-code\"\u003eHLTAID014\u003c\/div\u003e\n    \u003cdiv class=\"arc-code\"\u003eHLTAID015\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- MECHANISM SECTION --\u003e\n\u003csection class=\"mechanism\"\u003e\n  \u003cdiv class=\"mechanism-visual reveal\"\u003e\n    \u003cimg class=\"mechanism-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_005.png?v=1779885846\" alt=\"Patented neck mechanism tiffany blue close-up\"\u003e\n    \u003cdiv class=\"mech-tag\"\u003ePATENTED TECHNOLOGY\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"reveal delay-1\"\u003e\n    \u003cp class=\"section-eyebrow\"\u003eThe Innovation\u003c\/p\u003e\n    \u003ch2 class=\"section-title\"\u003eTHE HEAD-TURN TWIST \u0026amp; TILT MECHANISM\u003c\/h2\u003e\n    \u003cp class=\"section-body\"\u003eCPR CLANCY – KD2, the world's foremost truly realistic, demonstrative, interactive and inclusive first-aid and CPR training manikin. One device — 20+ First-Aid and CPR training scenarios.\u003c\/p\u003e\n    \u003cdiv class=\"mechanism-features\"\u003e\n      \u003cdiv class=\"mech-feature\"\u003e\n        \u003cdiv class=\"mech-icon\"\u003e↻\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"mech-feature-title\"\u003e120° Left–Right Lateral Head Movement\u003c\/div\u003e\n          \u003cdiv class=\"mech-feature-desc\"\u003e120° left-to-right lateral head movement, along with defined ranges of back extension and lateral flexion.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mech-feature\"\u003e\n        \u003cdiv class=\"mech-icon\"\u003e⤢\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"mech-feature-title\"\u003eHead-Tilt \/ Chin-Lift \u0026amp; Jaw Thrust\u003c\/div\u003e\n          \u003cdiv class=\"mech-feature-desc\"\u003eAllowing the head to be manipulated into realistic positions that reflect real-world patient presentation and airway management scenarios.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mech-feature\"\u003e\n        \u003cdiv class=\"mech-icon\"\u003e⊕\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"mech-feature-title\"\u003eSpinal Precaution Training\u003c\/div\u003e\n          \u003cdiv class=\"mech-feature-desc\"\u003eSupports the demonstration of appropriate spinal care, including in-line head stabilisation and log-roll techniques, with a realistic range of neck movement essential for First Aid scenarios.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- NECK DETAIL FULL-WIDTH --\u003e\n\u003cdiv class=\"neck-detail\"\u003e\n  \u003cimg class=\"neck-detail-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_003.png?v=1779885845\" alt=\"Neck mechanism rear view with tiffany blue mechanism\"\u003e\n  \u003cdiv class=\"neck-detail-content reveal\"\u003e\n    \u003cp class=\"section-eyebrow\"\u003eEngineering Detail\u003c\/p\u003e\n    \u003ch2 class=\"section-title light\"\u003eBUILT FOR\u003cbr\u003eREALISM.\u003c\/h2\u003e\n    \u003cp class=\"section-body light\" style=\"margin-top:16px;\"\u003eThe patented neck mechanism is engineered to replicate head and neck articulation for training purposes. It provides controlled left-to-right lateral rotation through approximately 120°, along with defined ranges of back extension and lateral flexion. This facilitates demonstration of airway positioning and head control techniques within a stable, repeatable training platform.\u003c\/p\u003e\n    \u003cdiv style=\"margin-top:32px; display:flex; gap:20px; flex-wrap:wrap;\"\u003e\n      \u003cdiv style=\"border-left:2px solid var(--neon-mint); padding-left:16px;\"\u003e\n        \u003cdiv style=\"font-family:var(--font-display);font-size:36px;color:var(--white);line-height:1;\"\u003e120°\u003c\/div\u003e\n        \u003cdiv style=\"font-weight:500;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(215,215,210,0.5);margin-top:3px;\"\u003eL–R Lateral\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"border-left:2px solid var(--neon-mint); padding-left:16px;\"\u003e\n        \u003cdiv style=\"font-family:var(--font-display);font-size:36px;color:var(--white);line-height:1;\"\u003e3-Axis\u003c\/div\u003e\n        \u003cdiv style=\"font-weight:500;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(215,215,210,0.5);margin-top:3px;\"\u003eMovement\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"border-left:2px solid var(--neon-mint); padding-left:16px;\"\u003e\n        \u003cdiv style=\"font-family:var(--font-display);font-size:36px;color:var(--white);line-height:1;\"\u003e20+\u003c\/div\u003e\n        \u003cdiv style=\"font-weight:500;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(215,215,210,0.5);margin-top:3px;\"\u003eScenarios\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- TRAINING SCENARIOS --\u003e\n\u003csection class=\"scenarios\"\u003e\n  \u003cdiv class=\"scenarios-header\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n      \u003cp class=\"section-eyebrow\" style=\"color:var(--neon-mint);\"\u003eWhat You Can Simulate\u003c\/p\u003e\n      \u003ch2 class=\"section-title light\"\u003e20+ TRAINING\u003cbr\u003eSCENARIOS.\u003cbr\u003eONE DEVICE.\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"reveal delay-1\"\u003e\n      \u003cp class=\"section-body light\"\u003eDesigned to build clinical competence and practical skills in first responders for confident performance in real-world emergency situations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"scenarios-grid reveal\"\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eHelmet Removal\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eClancy enables safe, realistic motorcycle and bicycle helmet removal, supporting cervical stabilisation and airway protection practice in suspected spinal injury scenarios.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eDual Chest AED Training\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eChampioning inclusive, gender-neutral training, Clancy features interchangeable overlays to support best-practice CPR and AED placement across diverse anatomies.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eNeffy™ Spray Capability\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eClancy's anatomically designed nostrils support demonstration of Neffy™ intranasal spray placement and administration, enabling realistic anaphylaxis response training.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eEpistaxis Simulation via NasoPort™\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eThe NasoPort™ is a nasal fluid reservoir for simulating nosebleed scenarios, with Clancy able to be positioned upright for realistic trauma response training.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eEye Irrigation\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eUsing Clancy's head-turning capability, trainers can safely demonstrate eye irrigation techniques with real fluids, supporting practice in chemical exposure and foreign body management.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e06\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eEar Foreign Body Removal\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eThe OtoCav™ port supports realistic simulation of ear foreign body removal, with Clancy's head able to be tilted to facilitate drainage positioning, providing a practical platform for ear-care training.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e07\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eAsthma Puffer Administration\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eClancy's durable lips and flexible oral cavity support direct asthma puffer use without a spacer, enabling practice of correct technique, hand placement, and timing.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e08\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eBullet Wound Upper Chest\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003eSupporting advanced trauma interventions, Clancy's upper-torso wound provides a reliable surface for chest-seal application, ensuring first responders can practise rapid, life-saving techniques to prevent tension pneumothorax.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"scenario-card\"\u003e\n\u003cdiv class=\"scenario-num\"\u003e09+\u003c\/div\u003e\n\u003cdiv class=\"scenario-title\"\u003eGuedel Airway Insertion\u003c\/div\u003e\n\u003cdiv class=\"scenario-desc\"\u003ePurpose-built for airway training, Clancy is designed to accommodate correct insertion of an oropharyngeal (Guedel) airway, including use in BVM ventilation scenarios.\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"benefits\" id=\"benefits\"\u003e\n  \u003cdiv class=\"benefits-header reveal\"\u003e\n    \u003cp class=\"section-eyebrow\"\u003eWhy CPR CLANCY\u003c\/p\u003e\n    \u003ch2 class=\"section-title\"\u003eTHE BENEFITS OF\u003cbr\u003eREAL TRAINING\u003c\/h2\u003e\n    \u003cp class=\"section-body\" style=\"margin:0 auto; text-align:center;\"\u003eGeneric manikins build generic confidence. CPR CLANCY – KD2 strengthens confidence through multifunctional, scenario-driven training that reflects real-world emergency complexity.\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefits-grid reveal\"\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eTRUE-TO-LIFE REALISM\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003eA lifelike chest feel with audible feedback and anatomically accurate landmarks. Trainees train as they'll perform — because genuine muscle memory requires realistic stimulus, not plastic approximations.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"benefit-card dark\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"benefit-icon\"\u003e◎\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eMULTIFUNCTIONAL PLATFORM\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003eOne device. Twenty-plus real-world scenarios. For RTOs, corporations, and defence training units, CPR Clancy delivers a complete training solution in a single, advanced platform — streamlining delivery, expanding capability, and elevating the realism of every session.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"benefit-card accent\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"benefit-icon\"\u003e♡\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eGENUINE CONFIDENCE\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003eWhen responders train on CPR CLANCY, they experience real scenarios. The result isn't just certification — it's clinical confidence that holds under pressure when a life hangs in the balance.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"benefit-icon\"\u003e◈\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003ePREMIUM ENGINEERING\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003eCrafted from high-performance silicone for a soft, skin-like feel, designed for repeated use and easy cleaning. Engineered for reliable performance in everyday training environments.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"benefit-card dark\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eINCLUSIVE BY DESIGN\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003eEach CPR Clancy has dual torso configurations — flat and raised chest — supporting a more representative and adaptable training experience. These variations help reflect a range of body types, supporting inclusive, real-world training scenarios for all learners.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-number\"\u003e06\u003c\/div\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⊞\u003c\/div\u003e\n\u003cdiv class=\"benefit-title\"\u003eCONSISTENT DESIGN FINISH\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003eThe manikin features a consistent, neutral finish to keep training focused on skills and real-world application across all learning environments.\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPRESSION CALLOUT --\u003e\n\u003cdiv class=\"compression-section\"\u003e\n  \u003cdiv class=\"compression-img-wrap\"\u003e\n    \u003cimg class=\"compression-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_007.png?v=1779885846\" alt=\"Compression adjustment dial — Adult\/Child setting\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"compression-content reveal\"\u003e\n    \u003cp class=\"section-eyebrow\"\u003eAdjustable Compression System\u003c\/p\u003e\n    \u003ch2 class=\"section-title light\"\u003eADULT \u0026amp;\u003cbr\u003eCHILD\u003cbr\u003eCOMPRESSION.\u003c\/h2\u003e\n    \u003cp class=\"section-body light\" style=\"margin-top:16px;\"\u003eA rear-mounted compression dial allows quick switching between Adult and Child resistance settings, with an additional lock mode for safe transport after packing Clancy inside the torso. Compression resistance is supported by audible and haptic feedback to assist technique and build learner confidence.\u003c\/p\u003e\n    \u003cdiv class=\"detail-list\" style=\"margin-top:28px;\"\u003e\n      \u003cdiv class=\"detail-list-item\" style=\"border-color:rgba(255,255,255,0.08)\"\u003e\n\u003cdiv class=\"detail-dot\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"detail-list-text\" style=\"color:rgba(215,215,210,0.7)\"\u003e\n\u003cstrong style=\"color:white;\"\u003eADULT mode\u003c\/strong\u003e — calibrated to simulate adult compression depth, supported by audible and haptic feedback\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"detail-list-item\" style=\"border-color:rgba(255,255,255,0.08)\"\u003e\n\u003cdiv class=\"detail-dot\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"detail-list-text\" style=\"color:rgba(215,215,210,0.7)\"\u003e\n\u003cstrong style=\"color:white;\"\u003eCHILD mode\u003c\/strong\u003e — calibrated to simulate child compression depth, supported by audible and haptic feedback\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"detail-list-item\" style=\"border-color:rgba(255,255,255,0.08)\"\u003e\n\u003cdiv class=\"detail-dot\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"detail-list-text\" style=\"color:rgba(215,215,210,0.7)\"\u003e\n\u003cstrong style=\"color:white;\"\u003eLOCK mode\u003c\/strong\u003e — CPR Clancy's unique pack-down into torso system allows for safe transport and storage\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- DUAL IMAGE — INSIDE \/ LOGO --\u003e\n\u003cdiv class=\"dual-image\"\u003e\n  \u003cdiv class=\"dual-img-wrap\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/CDG360_STG3_06.png?v=1779885845\" alt=\"CPR CLANCY inner body shell — rear view\"\u003e\n    \u003cdiv class=\"dual-caption\"\u003e\n      \u003cdiv class=\"dual-caption-text\"\u003eENGINEERED INSIDE \u0026amp; OUT\u003c\/div\u003e\n      \u003cdiv class=\"dual-caption-sub\"\u003eRemovable lung bag system\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"dual-img-wrap\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/Clancy_004.png?v=1779885846\" alt=\"CPR CLANCY logo embossed on torso\"\u003e\n    \u003cdiv class=\"dual-caption\"\u003e\n      \u003cdiv class=\"dual-caption-text\"\u003ePREMIUM FINISH\u003c\/div\u003e\n      \u003cdiv class=\"dual-caption-sub\"\u003eEmbossed branding detail\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- DETAIL: HYGIENE --\u003e\n\u003csection class=\"detail-callout dark-bg flipped\"\u003e\n  \u003cdiv class=\"detail-img-wrap reveal\"\u003e\n    \u003cimg class=\"detail-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/CDG360_STG3_05.png?v=1779885845\" alt=\"CPR CLANCY internal components — hygiene system\"\u003e\n    \u003cdiv class=\"detail-tag mint\"\u003eHYGIENE SYSTEM\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"reveal delay-1\"\u003e\n    \u003cp class=\"section-eyebrow\"\u003eHygiene \u0026amp; Maintenance\u003c\/p\u003e\n    \u003ch2 class=\"section-title light\"\u003eCLINICAL-GRADE\u003cbr\u003eHYGIENE.\u003cbr\u003eBUILT IN.\u003c\/h2\u003e\n    \u003cp class=\"section-body light\"\u003eIn high-throughput training environments, hygiene is non-negotiable.\u003c\/p\u003e\n\n    \u003cdiv class=\"detail-list\"\u003e\n      \u003cdiv class=\"detail-list-item\" style=\"border-color:rgba(255,255,255,0.08)\"\u003e\n        \u003cdiv class=\"detail-dot\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"detail-list-text\" style=\"color:rgba(215,215,210,0.7)\"\u003e\n          \u003cstrong style=\"color:white;\"\u003eVentilFlow Single-Use Airway System\u003c\/strong\u003e — CPR Clancy uses VentilFlow disposable lung bags designed for hygienic, single-use airway practice, maintaining barrier protection across every student and every training session.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"detail-list-item\" style=\"border-color:rgba(255,255,255,0.08)\"\u003e\n        \u003cdiv class=\"detail-dot\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"detail-list-text\" style=\"color:rgba(215,215,210,0.7)\"\u003e\n          \u003cstrong style=\"color:white;\"\u003eEasy-to-Clean Surfaces\u003c\/strong\u003e — all components feature non-porous, wipeable surfaces supporting quick and efficient cleaning between training sessions.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"detail-list-item\" style=\"border-color:rgba(255,255,255,0.08)\"\u003e\n        \u003cdiv class=\"detail-dot\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"detail-list-text\" style=\"color:rgba(215,215,210,0.7)\"\u003e\n          \u003cstrong style=\"color:white;\"\u003eFull spare parts range\u003c\/strong\u003e — contact \u003ca href=\"mailto:info@cprclancy.com.au\" style=\"color:var(--neon-mint);\"\u003einfo@cprclancy.com.au\u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- INCLUSIVITY --\u003e\n\u003csection class=\"inclusivity reveal\"\u003e\n  \u003cdiv class=\"inclusivity-left\"\u003e\n    \u003cp class=\"section-eyebrow\" style=\"color:rgba(255,255,255,0.5);\"\u003eDesigned for Everyone\u003c\/p\u003e\n    \u003ch2 class=\"inclusivity-title\"\u003eINCLUSIVE BY DESIGN.\u003cbr\u003eREALISTIC BY NATURE.\u003c\/h2\u003e\n    \u003cdiv class=\"skin-tones\"\u003e\n      \u003cdiv class=\"skin-swatch\" style=\"background:#F5D5A0;\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"skin-swatch\" style=\"background:#E8B87A;\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"skin-swatch\" style=\"background:#D4995A;\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"skin-swatch\" style=\"background:#A87F62;\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"skin-swatch\" style=\"background:#7D5A3C;\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv\u003e\n    \u003cp class=\"inclusivity-body\"\u003eCPR CLANCY features multi-gender torso options and interchangeable face skins, reflecting Australia's multicultural community. Every trainee sees themselves represented — building confidence and relatability across every cohort.\u003c\/p\u003e\n    \u003cp class=\"inclusivity-body\" style=\"margin-top:16px;\"\u003eBecause the best training is training that feels real. And real means everyone.\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/CDG360_STG3_01_copy.png?v=1779885845\" alt=\"CPR CLANCY dual skin tone — front and back\" style=\"width:100%;margin-top:32px;display:block;border:1px solid rgba(255,255,255,0.1);\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- AUDIENCE --\u003e\n\u003csection class=\"audience\"\u003e\n  \u003cdiv class=\"audience-header\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n\u003cp class=\"section-eyebrow\"\u003eWho We Serve\u003c\/p\u003e\n\u003ch2 class=\"section-title\"\u003eBUILT FOR HIGH-COMPLIANCE INDUSTRIES.\u003c\/h2\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"reveal delay-1\"\u003e\u003cp class=\"section-body\"\u003eFrom RTOs to government bodies, defence units and corporate enterprises — CPR CLANCY is the trusted choice wherever clinical precision matters most.\u003c\/p\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"audience-grid reveal\"\u003e\n    \u003cdiv class=\"audience-item\"\u003e\n\u003cdiv class=\"audience-category\"\u003eEducation\u003c\/div\u003e\n\u003cdiv class=\"audience-name\"\u003eRTOs · Schools · Universities · TAFE\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"audience-item\"\u003e\n\u003cdiv class=\"audience-category\"\u003eEmergency Services\u003c\/div\u003e\n\u003cdiv class=\"audience-name\"\u003eAmbulance · Police · Fire · Lifesavers\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"audience-item\"\u003e\n\u003cdiv class=\"audience-category\"\u003eDefence \u0026amp; Government\u003c\/div\u003e\n\u003cdiv class=\"audience-name\"\u003eDefence · Air Services · Airlines · Government\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"audience-item\"\u003e\n\u003cdiv class=\"audience-category\"\u003eIndustry\u003c\/div\u003e\n\u003cdiv class=\"audience-name\"\u003eMines · Corporate · Small Business · Homes\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"audience-item\"\u003e\n\u003cdiv class=\"audience-category\"\u003eHealthcare\u003c\/div\u003e\n\u003cdiv class=\"audience-name\"\u003eRFDS · Medical Centres · Hospitals\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"audience-item\"\u003e\n\u003cdiv class=\"audience-category\"\u003eCommunity\u003c\/div\u003e\n\u003cdiv class=\"audience-name\"\u003eCommunity Groups · Sports Clubs · Gyms\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"audience-item\"\u003e\n\u003cdiv class=\"audience-category\"\u003eTransport\u003c\/div\u003e\n\u003cdiv class=\"audience-name\"\u003eAviation · Marine · Rail · Road\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"audience-item\" style=\"background:var(--deep-navy);\"\u003e\n\u003cdiv class=\"audience-category\" style=\"color:rgba(50,255,200,0.65);\"\u003eAny Workplace\u003c\/div\u003e\n\u003cdiv class=\"audience-name\" style=\"color:rgba(215,215,210,0.8);\"\u003eIf your team needs first aid trained staff — Clancy is your solution.\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUOTE --\u003e\n\u003csection class=\"quote-section reveal\"\u003e\n  \u003cp class=\"quote-text\"\u003e\"A modern CPR manikin for modern training — inclusive, Australian-engineered. CPR Clancy bridges the gap between classroom theory and high-pressure, real-world execution.\"\u003c\/p\u003e\n  \u003cp class=\"quote-attr\"\u003eCPR CLANCY · Queensland, Australia\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- WHATS IN THE BOX --\u003e\n\u003csection class=\"inbox\"\u003e\n  \u003cdiv class=\"inbox-header\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n\u003cp class=\"section-eyebrow\"\u003eWhat's Included\u003c\/p\u003e\n\u003ch2 class=\"section-title\"\u003eEVERYTHING YOU NEED. OUT OF THE BOX.\u003c\/h2\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"reveal delay-1\"\u003e\u003cp class=\"section-body\"\u003eCPR CLANCY ships complete and training-ready. No additional equipment purchases required for your first session. Introductory offer includes dual chest overlay and 100 VentilFlow single-use airway bags.\u003c\/p\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"inbox-grid reveal\"\u003e\n    \u003cdiv class=\"inbox-item\"\u003e\n\u003cdiv class=\"inbox-item-icon\"\u003e◉\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-name\"\u003eCPR CLANCY – KD2\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-desc\"\u003eFull manikin packed inside torso — includes head and neck, face and one chest overlay.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"inbox-item\"\u003e\n\u003cdiv class=\"inbox-item-icon\"\u003e◌\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-name\"\u003eNasoPort™\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-desc\"\u003eNasoPort™ attached to face, stored inside torso.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"inbox-item\"\u003e\n\u003cdiv class=\"inbox-item-icon\"\u003e▽\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-name\"\u003e100 VentilFlow Lung Bags\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-desc\"\u003eIntroductory offer — 100 VentilFlow single-use lung bags, unique to CPR Clancy, included per manikin.\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"inbox-item\"\u003e\n\u003cdiv class=\"inbox-item-icon\"\u003e▭\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-name\"\u003eLung Bag Introducer\u003c\/div\u003e\n\u003cdiv class=\"inbox-item-desc\"\u003eOne introducer per manikin — for easy insertion of VentilFlow lung bags.\u003c\/div\u003e\n\u003c\/div\u003e\n    \n    \n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SPECS --\u003e\n\u003csection class=\"specs\"\u003e\n  \u003cdiv class=\"reveal\"\u003e\n\u003cp class=\"section-eyebrow\"\u003eTechnical Specifications\u003c\/p\u003e\n\u003ch2 class=\"section-title light\"\u003eENGINEERED TO SPEC.\u003c\/h2\u003e\n\u003cp class=\"section-body light\" style=\"margin-top:16px;\"\u003eEvery dimension, every material choice, every component toleranced for maximum clinical realism and durability in intensive training environments.\u003c\/p\u003e\n\u003c\/div\u003e\n  \u003cdiv class=\"reveal delay-1\"\u003e\n    \u003cdiv class=\"specs-table\"\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eProduct\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eCPR CLANCY Training Manikin\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003ePrice\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003e$890.00 AUD inc. GST\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eForm Factor\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eAdult Torso + Head Assembly\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eMechanism\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003ePatented Head-Turn, Twist \u0026amp; Tilt\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eRotation\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003e120° L–R Lateral + Back Extension \u0026amp; Lateral Flexion\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eChest Feedback\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eAudible Click + Lifelike Recoil\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eCompression\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eAdult + Child Adjustable Dial\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eSkin Material\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eSoft-touch Silicone Skins\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eOptions\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eMulti-gender, Interchangeable Torso Skin Overlays\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eScenarios\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003e20+ Clinical Training Scenarios\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eCurriculum\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eHLTAID009–015 Compliant\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eOrigin\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eEngineered — Queensland, AU\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eShipping\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eAustralia-wide shipping\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ADD TO CART --\u003e\n\u003csection class=\"atc-section\" id=\"atc\"\u003e\n  \u003cdiv class=\"reveal\"\u003e\u003ch2 class=\"atc-title\"\u003eREADY TO TRAIN LIKE IT'S REAL?\u003c\/h2\u003e\u003c\/div\u003e\n  \u003cdiv class=\"reveal delay-1\"\u003e\n    \u003cp class=\"atc-body\"\u003eDeveloping confidence, competence, and capability through realistic, hands-on emergency response training. Engineered in Australia, CPR Clancy is designed to deliver immersive, practical learning experiences that better prepare people for real-world emergencies.\u003c\/p\u003e\n    \u003cdiv class=\"atc-price\"\u003e$890.00\u003c\/div\u003e\n    \u003cdiv class=\"atc-price-note\"\u003eAUD · Exc. GST · Fast Shipping Australia-wide\u003c\/div\u003e\n    \u003cdiv class=\"atc-actions\"\u003e\n      \u003ca href=\"https:\/\/cprclancy.com.au\/products\/cpr-clancy\" class=\"btn-cart\"\u003eADD TO CART\u003c\/a\u003e\n      \u003ca href=\"https:\/\/cprclancy.com.au\/pages\/contact\" class=\"btn-quote\"\u003eREQUEST A QUOTE\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"trust-icons\"\u003e\n      \u003cdiv class=\"trust-badge\"\u003eAustralian Designed\u003c\/div\u003e\n      \u003cdiv class=\"trust-badge\"\u003ePatented\u003c\/div\u003e\n      \u003cdiv class=\"trust-badge\"\u003e100 VentilFlow Bags Included\u003c\/div\u003e\n      \u003cdiv class=\"trust-badge\"\u003eDual Chest Overlay Included\u003c\/div\u003e\n      \u003cdiv class=\"trust-badge\"\u003eFast Shipping AU\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n  const obs = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(e =\u003e { if (e.isIntersecting) e.target.classList.add('visible'); });\n  }, { threshold: 0.07 });\n  document.querySelectorAll('.reveal').forEach(el =\u003e obs.observe(el));\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c!-- end .clancy-pdp-breakout --\u003e\n\u003cscript\u003e\n(function() {\n  var pdp = document.querySelector('.clancy-pdp-breakout');\n  if (!pdp) return;\n\n  \/\/ ── STEP 1: Insert invisible placeholder where the div currently lives ──\n  var placeholder = document.createElement('div');\n  placeholder.style.cssText = 'display:none!important;height:0!important;margin:0!important;padding:0!important;';\n  pdp.parentNode.insertBefore(placeholder, pdp);\n\n  \/\/ ── STEP 2: Move to \u003cmain\u003e so we're completely outside the product grid ──\n  var main = document.querySelector('#MainContent')\n           || document.querySelector('main[id]')\n           || document.querySelector('main')\n           || document.querySelector('.main-content')\n           || document.body;\n  main.appendChild(pdp);\n\n  \/\/ ── STEP 3: Nuke everything that causes the half-width layout ──\n\n  \/\/ Kill the product media column (right side images)\n  var toHide = [\n    '.product__media-wrapper', '.product__media-list', '.product-media-container',\n    '.product-single__photos', '.Product__SlideshowNav', '.Product__Slideshow',\n    '[data-product-media-list]', '.product__media', '.product-single__media-group',\n    '.product-images', '.product__sticky-column'\n  ];\n  toHide.forEach(function(s) {\n    var el = document.querySelector(s);\n    if (el) el.style.cssText = 'display:none!important;width:0!important;';\n  });\n\n  \/\/ Kill the empty description wrapper left behind\n  var toCollapse = [\n    '.product__description', '.product-single__description',\n    '.Product__Description', '.ProductMeta__Description',\n    '[data-product-description]', '.product__info-stack'\n  ];\n  toCollapse.forEach(function(s) {\n    var el = document.querySelector(s);\n    if (el) el.style.cssText = 'display:none!important;height:0!important;margin:0!important;padding:0!important;';\n  });\n\n  \/\/ Make product info column (title\/price\/ATC) go full width\n  var toExpand = [\n    '.product__info-wrapper', '.product__info-container', '.product-single__meta',\n    '.Product__Info', '.ProductMeta', '[data-product-form]', '.product__column-sticky'\n  ];\n  toExpand.forEach(function(s) {\n    var el = document.querySelector(s);\n    if (el) { el.style.width = '100%'; el.style.maxWidth = '100%'; el.style.padding = '0'; }\n  });\n\n  \/\/ Force the product section itself to single-column \/ block layout\n  var toBlock = [\n    '.product', '.product--large', '.product-section', '.Product',\n    '[data-section-type=\"product\"]', '.product__grid', '.product-single',\n    '.shopify-section--product', '.product-page'\n  ];\n  toBlock.forEach(function(s) {\n    var el = document.querySelector(s);\n    if (el) {\n      el.style.cssText = el.style.cssText + ';display:block!important;grid-template-columns:1fr!important;max-width:100%!important;padding:0!important;';\n    }\n  });\n\n  \/\/ Also force main and its direct section wrappers to full width\n  [main].forEach(function(el) {\n    if (el) { el.style.maxWidth = '100%'; el.style.padding = '0'; el.style.overflowX = 'hidden'; }\n  });\n\n  \/\/ ── STEP 4: After a short tick, re-check layout in case theme uses JS to set widths ──\n  setTimeout(function() {\n    toHide.forEach(function(s) {\n      var el = document.querySelector(s);\n      if (el) el.style.cssText = 'display:none!important;width:0!important;';\n    });\n    toBlock.forEach(function(s) {\n      var el = document.querySelector(s);\n      if (el) el.style.cssText = el.style.cssText + ';display:block!important;grid-template-columns:1fr!important;';\n    });\n  }, 100);\n\n})();\n\u003c\/script\u003e","brand":"Manikins","offers":[{"title":"Default Title","offer_id":53165312671855,"sku":"CPRC002","price":890.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0674\/1888\/2159\/files\/CDG360_STG3_01_copy.png?v=1779885845","url":"https:\/\/cprclancy.com.au\/products\/cpr-clancy","provider":"CPR Clancy","version":"1.0","type":"link"}