/* CHISAGE Sản phẩm — dùng biến màu của site (--cs-*) nếu có. */
.csp-single{--r:var(--cs-red,#bf0008);--rd:var(--cs-red-dark,#8f0006);--dk:var(--cs-dark,#15191e);--gr:var(--cs-gray,#5b6770);--rad:var(--cs-radius,16px);--sh:var(--cs-shadow,0 10px 30px rgba(20,30,40,.08));padding:28px 0 60px}
.csp-container{max-width:1180px;margin:0 auto}
.csp-crumb{font-size:13px;color:var(--gr);margin-bottom:22px}.csp-crumb a{color:var(--gr);text-decoration:none}.csp-crumb a:hover{color:var(--r)}.csp-crumb span{color:var(--dk);font-weight:600}
.csp-hero{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:44px;align-items:center}
.csp-gallery-main{background:#fafbfc;border-radius:var(--rad);box-shadow:var(--sh);padding:22px;display:flex;align-items:center;justify-content:center;min-height:320px}
.csp-gallery-main img{width:100%;max-height:480px;object-fit:contain;display:block}
.csp-noimg{color:#c9ced3;font-weight:800;letter-spacing:.2em;font-size:22px}
.csp-gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.csp-thumb{border:2px solid transparent;border-radius:10px;background:#fafbfc;padding:4px;cursor:pointer;width:72px;height:72px}.csp-thumb img{width:100%;height:100%;object-fit:contain;display:block}.csp-thumb.active,.csp-thumb:hover{border-color:var(--r)}
.csp-summary .cs-kicker{margin:0 0 6px}
.csp-summary h1{font-size:clamp(30px,4vw,44px);font-weight:800;margin:4px 0 14px;line-height:1.15;color:var(--dk)}
.csp-lead{color:var(--gr);font-size:17px;line-height:1.65;margin:0 0 18px}
.csp-summary .cs-feature{margin:0 0 24px}
.csp-actions{display:flex;flex-wrap:wrap;gap:12px}
.csp-btn{display:inline-block;background:var(--r);color:#fff!important;border:2px solid var(--r);border-radius:50px;padding:.8em 2em;font-weight:600;text-decoration:none!important;box-shadow:0 8px 20px rgba(191,0,8,.25);transition:transform .25s,box-shadow .25s}
.csp-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(191,0,8,.35)}
.csp-btn-outline{background:transparent;color:var(--r)!important;box-shadow:none}
.csp-tabs{margin-top:54px}
.csp-tab-nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid #eef1f4;margin-bottom:28px}
.csp-tab-btn{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:12px 22px;font-size:16px;font-weight:700;color:var(--gr);cursor:pointer}
.csp-tab-btn:hover{color:var(--dk)}.csp-tab-btn.active{color:var(--r);border-bottom-color:var(--r)}
.csp-pane{display:none}.csp-pane.active{display:block}
.csp-spec{max-width:980px;margin:0 auto}
.csp-spec figure{margin:0}
.csp-spec table{border-collapse:separate;border-spacing:0;width:100%;border:none;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh);background:#fff}
.csp-spec thead th{background:var(--dk);color:#fff;text-align:left;padding:14px 22px;border:none;font-weight:600}
.csp-spec td{border:none;border-bottom:1px solid #eef1f4;padding:14px 22px;vertical-align:top}
.csp-spec tbody tr:last-child td{border-bottom:none}.csp-spec tbody tr:nth-child(even) td{background:#fafbfc}
.csp-spec td:first-child{font-weight:600;color:var(--dk);width:38%}
.csp-spec tr.section-row td{background:#f2f5f7!important;color:var(--r);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.csp-downloads{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.csp-dl{display:inline-flex;align-items:center;gap:12px;background:#fff;border-radius:50px;padding:14px 26px;box-shadow:var(--sh);color:var(--dk)!important;font-weight:600;text-decoration:none!important;border:1px solid #eef1f4;transition:transform .25s,box-shadow .25s}
.csp-dl:hover{transform:translateY(-3px);box-shadow:var(--cs-shadow-hover,0 18px 36px rgba(20,30,40,.16));border-color:var(--r)}
.csp-dl-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(191,0,8,.1);color:var(--r)}
.csp-related{margin-top:64px}.csp-related h2{text-align:center;margin-bottom:26px;font-weight:700}
.csp-group{margin:0 0 56px}.csp-group-head{text-align:center;margin-bottom:26px}.csp-group-head .cs-kicker{margin:0 0 4px}.csp-group-head h2,.csp-group-head h1{margin:0;font-weight:700}
.csp-group-head-page{margin-bottom:34px}.csp-group-head-page h1{font-size:clamp(30px,4vw,44px);font-weight:800}
.csp-empty{text-align:center;color:var(--gr)}
.csp-list .cs-pgrid .csp-noimg{height:200px;display:flex;align-items:center}
@media(max-width:860px){.csp-hero{grid-template-columns:1fr;gap:24px}.csp-gallery-main{min-height:240px}.csp-tab-btn{padding:10px 14px;font-size:15px}.csp-spec td,.csp-spec thead th{padding:11px 14px}}

.csp-list .cs-pcard2,.csp-list .cs-pcard2 *,.csp-related .cs-pcard2,.csp-related .cs-pcard2 *,.csp-container .cs-pcard2,.csp-container .cs-pcard2 *{text-decoration:none!important}