/* A-version extension: full, uncropped principle animations. */
.section.animation-showcase{padding:0}
.animation-stage-container{max-width:none;padding:0}
.animation-product-list{grid-template-columns:minmax(0,1fr);gap:0}
.animation-product-list>.card,.animation-product-list>.card:hover{border:0;border-radius:0;box-shadow:none;transform:none}
.animation-showcase .filter-bar{margin:0;padding:18px 24px;background:var(--bg)}
.animation-showcase .filter-btn{color:var(--ink-700);border-color:var(--line);background:var(--bg);box-shadow:none}
.animation-showcase .filter-btn:hover{color:var(--blue-600);border-color:var(--blue-600);background:var(--bg-soft)}
.animation-showcase .filter-btn.active{color:#fff;background:var(--blue-600);border-color:var(--blue-600);box-shadow:none}
.animation-showcase .section-head{max-width:none;margin:0;padding:40px 24px;background:var(--bg)}
.animation-showcase .section-head .section-title{color:var(--ink-900)}
.animation-showcase .section-head .section-lead{max-width:760px;margin-inline:auto;color:var(--ink-500)}
.animation-product-list .cat-card-body,.animation-product-list .prod-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:10px 48px;padding:30px 36px 34px}
.animation-product-list .cat-card-title,.animation-product-list .prod-card-body h3{font-size:25px;line-height:1.5;grid-column:1}
.animation-product-list .cat-card-en,.animation-product-list .prod-card-body>.en{grid-column:1;font-size:12px;margin:0}
.animation-product-list .cat-card-desc,.animation-product-list .prod-card-body>p{grid-column:1;margin:0;font-size:15px}
.animation-product-list .cat-card-list{grid-column:2;grid-row:1/span 3;margin:0;align-self:center}
.animation-product-list .prod-specs{grid-column:2;grid-row:2/span 3;margin:0;align-self:center}
.animation-product-list .prod-card-tags{grid-column:1/-1;margin:0 0 4px}
.animation-product-list .cat-card-foot,.animation-product-list .prod-card-foot{grid-column:1/-1;margin:4px 0 0;padding-top:8px;border:0}
.system-player{margin:0;background:var(--navy-900);color:#d5e5f5;overflow:hidden;isolation:isolate}
.system-player-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px;background:var(--bg);color:var(--ink-900)}
.system-player-name{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;letter-spacing:.02em}
.system-index{font:12px Consolas,monospace;letter-spacing:.1em;color:var(--blue-600);border-right:1px solid var(--line);padding-right:13px}
.system-interact{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:40px;padding:8px 13px;border:1px solid var(--blue-600);border-radius:6px;color:var(--blue-600);font-size:13px;background:var(--bg);transition:background .18s,border-color .18s}
.system-interact:hover{background:var(--bg-soft);border-color:var(--blue-500)}
.system-interact:active{background:var(--bg-soft-2)}
.system-interact svg{width:16px;height:16px}
.system-player-screen{position:relative;aspect-ratio:16/9;background:#030912}
.system-video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
.system-video-error{position:absolute;inset:auto 16px 50px;padding:12px;background:var(--navy-800);font-size:14px}
.system-video-error[hidden]{display:none}
.system-player-caption{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:18px 24px 8px}
.system-player-caption p{font-size:14px;line-height:1.8;color:#d5e5f5;max-width:850px}
.system-duration{font-size:11px;white-space:nowrap;color:#8faac4}
.system-player-note{padding:0 24px 17px;font-size:11px;line-height:1.8;color:#8faac4}
.animation-product-detail .page-hero{padding:calc(var(--header-h) + 30px) 0 36px;min-height:0}
.animation-product-detail .page-hero-inner{max-width:none}
.animation-product-detail .page-hero h1{font-size:clamp(27px,3.1vw,42px);margin-top:10px}
.animation-product-detail .page-hero .sub-en{font-size:12px;margin-top:7px}
.animation-product-detail .page-hero .lead{max-width:1000px;font-size:14px;margin-top:12px}
.animation-product-detail .page-hero-chips{margin-top:17px;gap:8px}
.animation-product-detail .ph-chip{font-size:12px;padding:5px 10px}
.animation-product-detail .breadcrumb{margin-bottom:16px}
.product-main-view{padding:0;background:var(--navy-900)}
.system-player--hero{border-radius:0;border:0;box-shadow:none}
.animation-dialog{position:fixed;inset:0;width:min(1440px,96vw);max-width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #42617c;border-radius:12px;color:#d5e5f5;background:var(--navy-900);box-shadow:0 30px 100px #0009;overflow:auto}
.animation-dialog::backdrop{background:rgba(4,11,24,.85)}
.animation-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;background:var(--navy-800);border-bottom:1px solid #234260}
.animation-dialog-header strong{font-size:16px;font-weight:600}
.animation-dialog-header p{font-size:12px;color:#a7bfd4;margin-top:3px}
.animation-close{display:flex;align-items:center;gap:13px;flex-shrink:0;min-height:44px;padding:7px 12px;border:1px solid #45647d;border-radius:6px;color:#e7f4ff;font-size:13px}
.animation-close:hover{background:#244660;border-color:var(--cyan-400)}
.animation-close>span:last-child{font-size:23px;line-height:1}
.animation-frame-slot{background:#030912;min-height:240px}
.animation-frame-slot iframe{display:block;border:0;width:100%;height:760px;min-height:240px}
.animation-dialog-footer{display:flex;justify-content:space-between;gap:18px;padding:12px 22px;border-top:1px solid #234260;font-size:12px;color:#a7bfd4}
.animation-dialog-footer a{color:var(--cyan-400);text-decoration:underline;text-underline-offset:4px}
html.animation-dialog-open{overflow:hidden}
@media(max-width:900px){.animation-product-list .cat-card-body,.animation-product-list .prod-card-body{display:flex;gap:10px;padding:24px}.animation-product-list .cat-card-list,.animation-product-list .prod-specs{align-self:stretch;margin-top:12px}.animation-product-list .cat-card-title,.animation-product-list .prod-card-body h3{font-size:22px}.system-player-caption{display:block}.system-duration{display:block;margin-top:6px}.animation-dialog-header p{max-width:430px}}
@media(max-width:600px){.animation-product-list{gap:32px}.system-player-bar{gap:10px;padding:10px 12px;align-items:center}.system-player-name{font-size:12px;gap:7px}.system-index{display:none}.system-interact{font-size:11px;padding:8px;min-height:44px;gap:5px}.system-interact svg{width:14px;height:14px}.system-player-caption{padding:13px 15px 7px}.system-player-caption p{font-size:12px}.system-player-note{padding:0 15px 14px;font-size:10px}.system-duration{font-size:10px}.product-main-view .container{padding:0 12px}.product-main-view{padding:16px 0 22px}.animation-product-detail .page-hero{padding-top:calc(var(--header-h) + 24px)}.animation-product-detail .page-hero h1{font-size:27px}.animation-dialog{width:98vw;max-width:98vw;max-height:98dvh;border-radius:8px}.animation-dialog-header{padding:12px;gap:10px}.animation-dialog-header strong{font-size:13px}.animation-dialog-header p{font-size:11px}.animation-close{font-size:11px;padding:6px 8px;gap:7px}.animation-dialog-footer{padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.system-interact{transition:none}}
/* Full bleed also on small screens; only text and controls retain inner padding. */
.product-main-view,.product-main-view .animation-stage-container{padding:0}
.animation-product-list{gap:0}