/* Supervised slice reconstruction: unique ultrasound page, isolated from other products. */
.cs-sliced { --accent:#af1d25; --cs-width:1068px; color:#111; overflow-x:visible!important; }
.cs-wrap { width:min(var(--cs-width),calc(100% - 48px)); margin-inline:auto; }
.cs-sliced h2 { font-size:25px; font-weight:600; line-height:1.5; margin:0 0 22px; text-wrap:balance; }
.cs-sliced p { text-wrap:pretty; line-break:strict; word-break:normal; overflow-wrap:normal; }
.cs-unit { display:inline-block; white-space:nowrap; }
.cs-sliced .pv-header { border:0; }
.cs-sliced .pv-header__inner { width:min(1068px,calc(100% - 48px)); }
.cs-sliced .pv-logo img { width:116px; }
.cs-sliced .pv-products__menu { width:330px; }
.cs-hero { height:clamp(560px,37.2vw,650px); position:relative; isolation:isolate; background:radial-gradient(ellipse at 60% 80%,#420b0c,transparent 60%),#070303; color:#fff; }
.cs-hero-art { position:absolute; right:0; top:0; width:auto; height:100%; max-width:60%; object-fit:contain; object-position:right center; z-index:-1; mask-image:linear-gradient(90deg,transparent,#000 24%); }
.cs-hero-layout { height:100%; display:flex; align-items:center; }
.cs-hero-copy { width:60%; padding-top:60px; }
.cs-category { font-size:15px; letter-spacing:.18em; color:#e4a1a4; margin:0 0 24px; }
.cs-hero h1 { font-size:clamp(34px,3.3vw,54px); line-height:1.3; font-style:italic; letter-spacing:-.03em; margin:0 0 18px; white-space:nowrap; }
.cs-hero-lead { margin:0 0 34px; font-size:clamp(14px,1.2vw,19px); line-height:1.8; }
.cs-hero-line { font-size:15px; line-height:1.8; margin:8px 0; }
.cs-note { font-size:11px; color:#c7b2b3; margin-top:25px; }
.cs-orbit { position:relative; isolation:isolate; overflow:clip; background:#fff; }
.cs-orbit-layout { position:relative; width:min(1600px,100%); aspect-ratio:1600/611; margin:auto; }
.cs-orbit-ring { position:absolute; width:min(59vw,944px); aspect-ratio:1; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #f0e7e7; background:radial-gradient(circle,transparent 63%,#fff9f9 69%,#e6b9bc 70%,transparent 70.3%); z-index:-1; }
.cs-orbit-device { position:absolute; left:33.7%; bottom:0; width:29%; height:77%; object-fit:contain; }
.cs-features { display:contents; margin:0; padding:0; list-style:none; font-size:clamp(11px,1.05vw,17px); line-height:1.8; }
.cs-features li { position:absolute; display:flex; align-items:center; gap:2.3vw; width:29%; }
.cs-features img { width:11.7%; height:auto; flex:0 0 11.7%; }
.cs-features li>span { white-space:nowrap; }
.cs-feature-line { display:block; }
.cs-features-left li { flex-direction:row-reverse; text-align:right; }
.cs-features-left li:nth-child(1) { right:67.4%;top:25.5%; }
.cs-features-left li:nth-child(2) { right:70.9%;top:48%; }
.cs-features-left li:nth-child(3) { right:69.4%;top:71%; }
.cs-features-right li:nth-child(1) { left:65.8%;top:25.5%; }
.cs-features-right li:nth-child(2) { left:68.8%;top:48%; }
.cs-features-right li:nth-child(3) { left:66.3%;top:70%; }
.cs-overview { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:76px; align-items:center; padding-block:60px 28px; position:relative; background:#fff; }
.cs-copy { min-width:0; }
.cs-copy p { font-size:14px; line-height:1.9; margin:0 0 14px; }
.cs-copy p:last-child { margin-bottom:0; }
.cs-sliced .cs-brand-title { font-size:37px; font-style:italic; font-weight:750; margin-bottom:26px; white-space:nowrap; }
.cs-overview-device { width:240px; height:382px; object-fit:contain; }
.cs-two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px; align-items:center; padding-block:0; }
.cs-panel { width:100%; height:auto; }
.cs-matrix { padding-block:10px 0; }
.cs-imaging { padding-block:0 75px; }
.cs-heads { background:#f4f4f4; text-align:center; padding:50px 0 60px; }
.cs-heads-intro { margin:26px 0 70px; font-size:14px; line-height:1.9; }
.cs-head-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px; }
.cs-head-grid figure { margin:0; min-width:0; }
.cs-head-grid img { width:100%; height:auto; border-radius:50%; }
.cs-head-grid figcaption { margin-top:22px; white-space:nowrap; font-size:14px; line-height:1.8; }
.cs-depth { padding:58px 0 65px; text-align:center; }
.cs-sliced .cs-depth h2 { font-size:24px; }
.cs-depth-copy { font-size:14px; line-height:1.9; margin:22px 0 48px; }
.cs-depth-motion { display:block; width:min(800px,100%); margin:auto; }
.cs-depth-motion img { width:100%; height:auto; }
.cs-highlights { background:#000; color:white; position:relative; isolation:isolate; min-height:650px; padding-top:45px; }
.cs-highlights h2 { text-align:center; position:relative; z-index:2; }
.cs-highlights-motion { display:block; position:absolute; width:min(480px,43%); top:90px; left:50%; transform:translateX(-50%); z-index:-1; mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); }
.cs-highlights-motion img { width:100%; height:auto; }
.cs-highlights-copy { display:grid; grid-template-columns:1fr 1fr; gap:34%; padding-top:70px; }
.cs-highlights-copy p { font-size:14px; line-height:1.95; margin:0; }
.cs-highlights-copy strong { font-size:23px; display:block; font-weight:600; margin-bottom:14px; white-space:nowrap; }
.cs-pulse { grid-column:2; grid-row:1; margin-top:0!important; }
.cs-temperature { grid-column:1; grid-row:2; padding-top:50px; }
.cs-sliced .pv-footer__links { background:#000; padding:48px 0; }
.cs-sliced .pv-footer__brand { position:relative; isolation:isolate; background:#000; padding:70px 0; overflow:hidden; }
.cs-sliced .pv-footer__brand::before { content:""; position:absolute; right:0; top:0; bottom:0; width:64%; background:linear-gradient(90deg,#000,transparent 35%),url("../../images/products/chaoshengwang/sliced/footer-art.webp") center/cover; z-index:-1; }
.cs-sliced .pv-footer__brand h2 { font-size:28px; }
.cs-sliced .pv-footer__brand p { font-size:13px; }
.cs-sliced a:focus-visible,.cs-sliced summary:focus-visible { outline:2px solid #ef9398; outline-offset:4px; }
@media (min-width:761px) and (max-width:1100px) {
 .cs-overview { gap:40px;grid-template-columns:minmax(0,1fr) 200px; }
 .cs-overview-device { width:200px; }
 .cs-two { gap:28px; }
 .cs-highlights-copy { gap:25%; }
 .cs-features { font-size:1.05vw; }
}
@media (max-width:760px) {
 .cs-wrap { width:calc(100% - 40px); }
 .cs-sliced .pv-header__inner { width:calc(100% - 40px); }
 .cs-sliced .pv-products__menu { width:auto; }
 .cs-hero { height:740px; }
 .cs-hero-art { width:100%; max-width:100%; height:420px; top:auto; bottom:0; object-position:center bottom; mask-image:linear-gradient(0deg,#000 70%,transparent); }
 .cs-hero-layout { align-items:flex-start; }
 .cs-hero-copy { width:100%; padding-top:105px; text-align:center; }
 .cs-category { margin-bottom:18px;font-size:12px; }
 .cs-hero h1 { font-size:clamp(27px,7.3vw,42px); margin-bottom:18px; }
 .cs-hero-lead { font-size:14px; margin-bottom:14px; }
 .cs-hero-lead .cs-unit { display:block; }
 .cs-hero-line { font-size:12px; margin:5px 0; }
 .cs-note { font-size:10px; margin-top:12px; }
 .cs-orbit { padding-top:35px; }
 .cs-orbit-ring { width:90%; top:40px; transform:translateX(-50%); }
 .cs-orbit-layout { width:calc(100% - 40px); display:grid; grid-template-columns:1fr 1fr; gap:28px 18px; aspect-ratio:auto; }
 .cs-orbit-device { position:static; grid-column:1/-1; width:270px; height:auto; justify-self:center; }
 .cs-features { display:grid; font-size:12px; gap:26px; }
 .cs-features-left { grid-column:1; }
 .cs-features-right { grid-column:2; }
 .cs-features li,.cs-features-left li { position:static; flex-direction:column; width:auto; min-height:118px; gap:12px; text-align:center; }
 .cs-features li>span { white-space:normal; text-wrap:balance; }
 .cs-features img { width:45px; height:45px; flex-basis:45px; }
 .cs-feature-line { text-wrap:balance; }
 .cs-overview { grid-template-columns:1fr; gap:24px; padding-block:45px 38px; }
 .cs-overview-device { width:190px; height:auto; justify-self:center; }
 .cs-sliced .cs-brand-title { font-size:29px; margin-bottom:22px; }
 .cs-copy p { font-size:14px; line-height:1.95; }
 .cs-sliced h2 { font-size:22px; }
 .cs-two { grid-template-columns:1fr; gap:26px; }
 .cs-matrix { padding-bottom:42px; }
 .cs-imaging { padding-bottom:45px; }
 .cs-heads { padding-block:38px 42px; }
 .cs-heads-intro { font-size:13px; margin:20px 0 34px; }
 .cs-head-grid { grid-template-columns:1fr 1fr; gap:30px 20px; }
 .cs-head-grid figcaption { font-size:13px; margin-top:14px; }
 .cs-depth { padding-block:38px 42px; }
 .cs-sliced .cs-depth h2 { font-size:18px; }
 .cs-depth-copy { font-size:12px; margin:22px 0 30px; }
 .cs-highlights { min-height:0; padding:36px 0 40px; display:flex; flex-direction:column; }
 .cs-highlights-motion { position:static; width:100%; height:auto; transform:none; mask-image:none; }
 .cs-highlights-motion img { height:auto; }
 .cs-highlights-copy { grid-template-columns:1fr; gap:28px; padding-top:28px; }
 .cs-pulse,.cs-temperature { grid-column:auto; grid-row:auto; padding:0; }
 .cs-highlights-copy strong { font-size:21px; margin-bottom:8px; }
 .cs-sliced .pv-footer__brand { padding:45px 0; }
 .cs-sliced .pv-footer__brand::before { width:100%;opacity:.35; }
 .cs-sliced .pv-footer__brand h2 { font-size:23px; }
}
