/* Shared SVS detail theme. Product art and gallery geometry remain source-owned. */
:root {
 --svs-navy:#071525; --svs-panel:#102238; --svs-red:#d82632;
 --svs-text:#edf2f7; --svs-muted:#b8c4d3; --svs-link:#edf2f7;
 --svs-line:#42536a;
 --svs-font:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
 --font-cn:var(--svs-font); --font-serif:var(--svs-font); --font-display:var(--svs-font);
 --serif-display:var(--svs-font); --sans:var(--svs-font);
 --accent:var(--svs-red); --accent-dark:var(--svs-red); --accent-hover:var(--svs-red); --accent-soft:var(--svs-red);
 --accent-muted:rgba(216,38,50,.12); --accent-dim:rgba(216,38,50,.12);
 --ember-500:#d82632; --ember-400:var(--svs-red); --ember-300:var(--svs-red);
 --steel-400:#aebed1; --steel-300:#b8c4d3; --text-3:#aebed1; --text-2:#b8c4d3;
 --mist:#b8c4d3; --ink-muted:#b8c4d3; --line:rgba(184,196,211,.25);
 --navy-950:#071525; --navy-900:#071525; --navy-800:#0b1e33;
 --bg:#071525; --bg-card:#102238; --bg-elev:#162b43;
 --bg-0:#071525; --bg-1:#0b1e33; --bg-2:#102238; --bg-3:#162b43;
}
body.svs-detail {font-family:var(--svs-font);background:var(--svs-navy);color:var(--svs-text);font-size:16px;line-height:1.75;overflow-x:visible;}
body.svs-detail[data-model="cike"] {--ink:#071525;--ink-2:#0b1e33;--ink-3:#102238;--paper:#0b1e33;}
.svs-detail :is(h1,h2,h3,h4,.hero-title,.hero-tagline,.hero-slogan,.section-title,.cta-headline,.cta-main,.font-display,.hero-series-badge,.series-badge,.eyebrow,.price-amount) {font-family:var(--svs-font);text-wrap:balance;}
.svs-detail :is(p,li) {text-wrap:pretty;}
.svs-detail :is(h1,h2,h3,h4) {color:#f7f9fc;}
.svs-detail h1 {font-size:clamp(38px,5vw,64px);line-height:1.14;}
.svs-detail .hero :is(h1,.hero-title) {font-family:var(--svs-font);font-size:clamp(38px,5vw,64px);}
.svs-detail :is(.hero,.hero-section-wrap) {background:var(--svs-navy);padding-top:56px;min-height:0;}
.svs-detail .container {width:min(1200px,calc(100% - 64px));max-width:1200px;padding-left:0;padding-right:0;}
.svs-detail :is(.section,.benefits-section,.pain-section,.who-section,.compare-section,.kit-section,.specs-section,.faq-section,.cta-section) {scroll-margin-top:100px;}
.svs-detail :is(a,button,summary):focus-visible {outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #071525;}
.svs-detail :is(button,summary) {font-family:var(--svs-font);}
.svs-detail :is(.btn-primary,.cta-btn,.cta-big-btn) {background:var(--svs-red)!important;color:#fff!important;border:1px solid var(--svs-red);font-family:var(--svs-font);font-size:15px;font-weight:700;min-height:48px;border-radius:0;box-shadow:none;transform:none;text-decoration:none;}
.svs-detail :is(.btn-primary,.cta-btn,.cta-big-btn):hover {background:#b91f2a!important;border-color:#b91f2a;transform:none;box-shadow:none;}
.svs-detail :is(.btn-secondary,.btn-outline,.btn-ghost) {background:transparent;color:var(--svs-text);border:1px solid #6e7f94;min-height:48px;border-radius:0;}
.svs-detail :is(.btn-secondary,.btn-outline,.btn-ghost):hover {color:#fff;border-color:var(--svs-red);transform:none;}
.svs-detail :is(.epp-entry-links,.cta-crosslink,.crosslink) a:not(.crosslink-card),.svs-detail td a {color:var(--svs-link);text-decoration:underline;text-underline-offset:5px;}
.svs-detail .epp-entry-links a {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-block:8px;}
.svs-detail .epp-entry-links a:hover {color:#fff;}
.svs-detail :is(.pain-num,.who-num) {color:#aebed1;}
.svs-detail :is(.compare-section-note,.table-note,.spec-label,.specs-footnote,.scene-caption) {color:var(--svs-muted);}
.svs-detail .price,.svs-detail .spec-grid {font-variant-numeric:tabular-nums;}
.svs-detail .hero .strike::after {display:none;}
.svs-header {position:sticky;top:0;z-index:110;display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px;padding:0 36px;background:var(--svs-navy);border-bottom:1px solid #ffffff1f;color:#fff;}
.svs-brand {display:flex;align-items:center;flex-shrink:0;}
.svs-brand img {width:112px;height:44px;object-fit:contain;}
.svs-global-nav {display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.5vw,36px);flex:1;}
.svs-global-nav a {color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;}
.svs-global-nav a:hover,.svs-global-nav a[aria-current] {color:var(--svs-red);}
.svs-header-contact {display:flex;align-items:center;align-self:stretch;padding:0 28px;background:var(--svs-red);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap;}
.svs-mobile-menu {display:none;}
.svs-detail-bar {display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;width:calc(100% - 64px);margin:0 auto;padding:20px 0;border-bottom:1px solid #ffffff1f;color:var(--svs-muted);font-size:14px;}
.svs-detail-bar nav {display:flex;align-items:center;gap:20px;}
.svs-detail-bar a {color:var(--svs-muted);text-decoration:none;min-height:32px;display:inline-flex;align-items:center;}
.svs-detail-bar a:hover {color:#fff;text-decoration:underline;}
.svs-footer {padding:40px max(24px,calc((100% - 1200px)/2));margin-top:48px;background:#0b1e33;border-top:1px solid var(--svs-line);color:var(--svs-muted);font-size:14px;}
.svs-footer-top {display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.svs-footer nav {display:flex;gap:24px;flex-wrap:wrap;}
.svs-footer a {color:#edf2f7;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;}
.svs-footer a:hover {text-decoration:underline;}
@media(max-width:1000px) {
 .svs-header {padding:0 24px;gap:16px;} .svs-global-nav {gap:16px;} .svs-global-nav a {font-size:13px;} .svs-header-contact {padding:0 18px;}
}
@media(max-width:760px) {
 .svs-header {height:64px;padding:0 20px;} .svs-brand img {width:92px;height:38px;}
 .svs-global-nav,.svs-header-contact {display:none;}
 .svs-mobile-menu {display:block;} .svs-mobile-menu summary {display:flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;list-style:none;color:#fff;cursor:pointer;font-size:15px;}
 .svs-mobile-menu summary::-webkit-details-marker {display:none;}
 .svs-mobile-menu[open] summary {color:var(--svs-red);}
 .svs-mobile-menu nav {position:absolute;top:64px;left:0;right:0;display:grid;background:#0b1e33;padding:16px 24px;border-bottom:1px solid #61758e;max-height:70vh;overflow:auto;}
 .svs-mobile-menu nav a {color:#fff;text-decoration:none;padding:12px 0;min-height:44px;}
 .svs-detail-bar {width:calc(100% - 40px);gap:8px;flex-wrap:wrap;padding:12px 0;}
 .svs-detail-bar nav {gap:18px;} .svs-detail .container {width:calc(100% - 40px);}
 .svs-detail :is(.hero,.hero-section-wrap) {padding-top:32px;}
 .svs-detail :is(.hero h1,.hero .hero-title) {font-size:38px;}
 .svs-detail .epp-entry-links {display:flex;gap:24px;flex-wrap:wrap;}
 .svs-footer {padding:28px 20px;}
}
@media(prefers-reduced-motion:reduce) {
 .svs-detail,.svs-detail * {scroll-behavior:auto!important;animation:none!important;transition:none!important;}
}
/* Treat the model name as the same primary heading on all four pages. */
.svs-detail .hero h1 {display:block;border:0;padding:0;margin:0 0 20px;font-family:var(--svs-font);font-size:clamp(38px,5vw,60px);font-weight:800;line-height:1.15;letter-spacing:normal;}
.svs-detail .hero :is(.hero-title,.hero-h1,.hero-tagline) {font-family:var(--svs-font);font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1.3;letter-spacing:normal;margin:0 0 24px;}
.svs-detail :is(.hero-price,.hero-price-val,.cta-price) {font-family:var(--svs-font);font-variant-numeric:tabular-nums;}
/* Content is readable immediately; do not gate it behind legacy entrance animations. */
.svs-detail :is(.fade-up,.reveal) {opacity:1!important;transform:none!important;animation:none!important;transition:none!important;}
.svs-detail :is(.hero-ctas,.hero-buttons) {flex-wrap:wrap;}
.svs-detail :is(.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.cta-btn,.cta-big-btn) {white-space:nowrap;flex-shrink:0;justify-content:center;gap:10px;}
.svs-detail :is(.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.cta-btn,.cta-big-btn) svg {width:16px;height:16px;flex-shrink:0;}
.svs-detail .hero::before,.svs-detail .hero-paddle-wrap::before,.svs-detail .hero-paddle-bg {display:none;}
.svs-detail .hero img {filter:none;}
.svs-detail .hero-paddle-img {box-shadow:none;}
/* Match the mobile container gutter while retaining the local gallery scroll. */
@media(max-width:760px) {
 .svs-detail[data-model="bianhua"] .scene-scroller {margin-inline:-20px;}
 .svs-detail[data-model="bianhua"] .scene-track {padding-inline:20px;}
}
.svs-detail[data-model="chidao"] .rotate-frame {max-width:420px;margin-inline:auto;}

/* Small dark-surface links stay legible; the underline carries brand red. */
.svs-detail :is(.epp-entry-links,.cta-crosslink,.crosslink) a:not(.crosslink-card),.svs-detail td a {text-decoration-color:var(--svs-red);}
.svs-global-nav a:hover,.svs-global-nav a[aria-current],.svs-mobile-menu[open] summary {color:#fff;text-decoration:underline;text-decoration-color:var(--svs-red);text-decoration-thickness:2px;text-underline-offset:8px;}
/* Small copy on navy uses neutral text; brand red remains on large accents and rules. */
.svs-detail :is(.eyebrow,.hero-eyebrow,.who-card-num,.who-notice-tag,.who-notice-link,.pain-label,.response-label,.benefit-tag,.benefit-sub,.guide-link,.section-label,.pain-closing,.q-mark,.line-tag,.arrow,.badge-high,.hero-price-cur,.hero-badge-label,.core-feature-tag,.selector-card-label,.faq-q-mark,.crosslink-tag),.svs-detail strong {color:var(--svs-text);}
.svs-detail :is(.who-notice-link,.guide-link) {text-decoration:underline;text-decoration-color:var(--svs-red);text-underline-offset:5px;}
.svs-detail .response-block {border-color:var(--svs-line);background:var(--svs-panel);}
.svs-detail th.mpp-col {color:var(--svs-text);}
.svs-detail[data-model="hongtianlei"] :is(th,td) {color:var(--svs-text);}
.svs-detail[data-model="hongtianlei"] p>a {color:var(--svs-text);text-decoration-color:var(--svs-red);}

/* Keep every product scene rail on one shared card geometry. */
.svs-detail :is(.scroller-track,.scene-track,.scene-gallery-track,.gallery-track) {align-items:flex-start;}
.svs-detail :is(.scene-card,.scene-cell,.scene-gallery-card,.gallery-slide) {
 flex:0 0 280px!important;
 width:280px;
 height:auto!important;
 min-height:0!important;
 aspect-ratio:3/4;
 align-self:flex-start;
 overflow:hidden;
}
.svs-detail :is(.scene-card,.scene-cell,.scene-gallery-card,.gallery-slide)>img {
 display:block;
 width:100%;
 height:100%!important;
 object-fit:cover;
 object-position:center;
}
.svs-image-loading{background:linear-gradient(100deg,#102238 25%,#1a3049 40%,#102238 55%);background-size:220% 100%;animation:svs-image-loading 1.4s ease infinite}
.svs-image-loaded{background:none}
.svs-image-error{background:#102238}
.svs-bundle-price-note{display:inline-block;margin-left:.5em;font:600 14px/1.4 var(--svs-font);letter-spacing:0;color:var(--svs-text)}
.svs-comparison-source{max-width:920px;margin:28px auto 0;padding:14px 18px;border-left:3px solid var(--svs-red);background:rgba(255,255,255,.05);color:var(--svs-muted);font-size:14px;line-height:1.7}
@keyframes svs-image-loading{to{background-position-x:-220%}}
@media(prefers-reduced-motion:reduce){.svs-image-loading{animation:none}}
@media(max-width:760px) {
 .svs-detail :is(.scene-card,.scene-cell,.scene-gallery-card,.gallery-slide) {
  flex-basis:min(78vw,300px)!important;
  width:min(78vw,300px);
 }
}