/* Trang dịch vụ kiểu cũ [sv_…] — dựng lại đúng bố cục trang HTML tay, gom kiểu vào một tệp */
.svp{font-family:Tahoma,Verdana,sans-serif;max-width:1380px;margin:0 auto;color:#35404d;line-height:1.65;box-sizing:border-box}
.svp *,.svp *::before,.svp *::after{box-sizing:border-box}
.svp h1,.svp h2,.svp h3{font-family:inherit;letter-spacing:0;text-transform:none}
.svp p{margin:0}
/* Đầu trang */
.svp-hero{position:relative;overflow:hidden;border-radius:20px;padding:56px 40px 0;margin-bottom:40px;min-height:460px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(201,164,92,.35);box-shadow:0 22px 50px rgba(10,21,43,.28);background-color:#0f1e3a;
  background-image:linear-gradient(90deg,#0F1E3A 0%,rgba(15,30,58,.97) 28%,rgba(15,30,58,.80) 46%,rgba(15,30,58,.30) 68%,rgba(15,30,58,0) 86%),linear-gradient(0deg,rgba(15,30,58,.92) 0%,rgba(15,30,58,.3) 24%,rgba(15,30,58,0) 45%),var(--svp-img,none);
  background-size:cover,cover,cover;background-position:center,center,right center;background-repeat:no-repeat}
.svp-hero-in{position:relative;max-width:780px}
.svp-kicker{display:inline-block;padding:7px 16px;border-radius:999px;background:rgba(201,164,92,.14);border:1px solid rgba(201,164,92,.55);color:#e6cd93;font-size:12.5px;font-weight:bold;letter-spacing:.7px;margin-bottom:18px}
.svp-hero h1{color:#fff!important;font-size:36px;font-weight:800;line-height:1.25;margin:0 0 16px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.svp-hero h1 span{color:#e6cd93}
.svp-lead{color:#F7F3EA;font-size:16.5px;margin:0 0 30px!important;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.svp-btns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}
.svp-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 30px;border-radius:12px;font-size:15px;font-weight:bold;text-decoration:none!important}
.svp-btn.is-gold{background:linear-gradient(135deg,#B8924A 0%,#E6CD93 50%,#C9A45C 100%);color:#0f1e3a!important;font-weight:800;box-shadow:0 10px 24px rgba(184,146,74,.35)}
.svp-btn.is-glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.45);color:#fff!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.svp-facts{position:relative;display:flex;flex-wrap:wrap;border-radius:16px 16px 0 0;overflow:hidden;background:rgba(15,30,58,.58);border:1px solid rgba(201,164,92,.3);border-bottom:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.svp-fact{flex:1 1 160px;padding:20px;text-align:center;border-right:1px solid rgba(201,164,92,.2)}
.svp-fact:last-child{border-right:0}
.svp-fact b{display:block;color:#e6cd93;font-size:28px;font-weight:800;line-height:1.2}
.svp-fact span{display:block;color:#c3cddc;font-size:12.8px;margin-top:2px}
/* Phần */
.svp-sec{margin-bottom:38px;scroll-margin-top:160px}
.svp-sec>h2{color:#1f2a37!important;font-size:25px;font-weight:800;margin:0 0 6px;line-height:1.35}
.svp-sub{font-size:15px;color:#6b7684;margin:0 0 20px!important}
.svp-body>p{font-size:15.5px;margin:0 0 14px}
.svp-body>p:last-child{margin-bottom:0}
.svp-body a:not([class]){color:#0F1E3A;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,164,92,.85)}
.svp-sec.is-box{background:linear-gradient(180deg,#F7F3EA,#fff);border:1px solid #F7F3EA;border-radius:18px;padding:32px}
.svp-sec.is-box>h2,.svp-sec.is-card>h2{font-size:23px}
.svp-sec.is-box .svp-sub{font-size:14.5px;margin-bottom:30px!important}
.svp-sec.is-card{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:30px;box-shadow:0 6px 20px rgba(10,21,43,.05)}
.svp-sec.is-card>h2{margin-bottom:22px}
/* Bảng so sánh */
.svp-tbl{overflow-x:auto;border:1px solid #e6e9ee;border-radius:16px;box-shadow:0 6px 20px rgba(10,21,43,.05)}
.svp-tbl table{width:100%;border-collapse:collapse;background:#fff;min-width:680px;table-layout:fixed;margin:0}
.svp-tbl th,.svp-tbl td{border:0;border-bottom:1px solid #F7F3EA;vertical-align:top;text-align:left}
.svp-tbl thead th{padding:16px 20px;background:#F7F3EA;color:#8a94a1;font-size:13.5px;font-weight:bold;border-bottom:1px solid #e6e9ee}
.svp-tbl thead th:first-child{padding:16px 14px;color:#55606d;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase}
.svp-tbl thead th.is-us{color:#0A152B;font-weight:800;border-bottom-color:#F7F3EA}
.svp-tbl tbody th{padding:15px 14px;color:#1f2a37;font-size:13.5px;font-weight:bold;background:transparent}
.svp-tbl td{padding:15px 20px;color:#6b7684;font-size:14px}
.svp-tbl td.is-us{background:#F7F3EA;color:#35404d}
.svp-tbl td.is-strong{color:#146c3e;font-weight:bold}
.svp-tbl tbody tr:last-child>*{border-bottom:0}
/* Phong cách */
.svp-styles{display:flex;flex-wrap:wrap;gap:16px}
.svp-style{flex:1 1 320px;background:#fff;border:1px solid #e6e9ee;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(10,21,43,.05)}
.svp-style img{display:block;width:100%;height:190px;object-fit:cover;margin:0}
.svp-style-b{padding:20px}
.svp-style-b>strong{display:block;color:#1f2a37;font-size:16.5px;margin-bottom:3px}
.svp-en{display:block;color:#8a94a1;font-size:12px;font-weight:bold;letter-spacing:.6px;margin-bottom:12px}
.svp-style-b p{font-size:14px;color:#6b7684;margin:0 0 14px}
.svp-srow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #F7F3EA;font-size:13.3px}
.svp-srow:last-child{padding-bottom:0}
.svp-srow>span{flex:0 0 88px;color:#8a94a1}
.svp-srow>b{flex:1;color:#35404d;font-weight:normal}
.svp-sw{display:flex;gap:5px}
.svp-sw i{width:22px;height:22px;border-radius:5px;box-shadow:inset 0 0 0 1px #e6e9ee}
.svp-note{margin:16px 0 0!important;padding:13px 17px;background:#F7F3EA;border-left:4px solid #0F1E3A;border-radius:10px;font-size:13.8px;color:#0A152B}
.svp-note a{color:#0F1E3A;font-weight:700;border-bottom:1px solid rgba(201,164,92,.85);text-decoration:none}
/* Dòng thời gian ngang */
.svp-tl{position:relative}
.svp-tl-line{position:absolute;left:0;right:0;top:20px;height:2px;background:linear-gradient(90deg,rgba(15,30,58,0) 0%,#0F1E3A 7%,#E6CD93 78%,#a5e0c2 93%,rgba(165,224,194,0) 100%)}
.svp-tl-row{position:relative;display:flex;flex-wrap:wrap;gap:20px}
.svp-ts{flex:1 1 150px;min-width:150px;text-align:center}
.svp-ts-n{width:42px;height:42px;margin:0 auto 14px;border-radius:50%;background:#0F1E3A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;border:4px solid #fff;box-shadow:0 3px 10px rgba(15,30,58,.3)}
.svp-ts:last-child .svp-ts-n{background:#1e9e5a;box-shadow:0 3px 10px rgba(30,158,90,.3)}
.svp-ts>strong{display:block;color:#1f2a37;font-size:14.5px;margin-bottom:4px}
.svp-ts>span{display:block;font-size:13.3px;color:#6b7684}
.svp-ts>em{display:block;margin-top:8px;font-size:12.5px;color:#0F1E3A;font-weight:bold;font-style:normal}
.svp-ts:last-child>em{color:#1e9e5a}
@media (max-width:849px){.svp-tl-line{display:none}}
/* Hạng mục + chi phí */
.svp-duo{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.svp-panel{flex:1 1 330px;background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:26px;box-shadow:0 6px 20px rgba(10,21,43,.05)}
.svp-panel>h2{color:#1f2a37!important;font-size:20px;font-weight:800;margin:0 0 16px;line-height:1.35}
.svp-li{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #F7F3EA;font-size:14px;color:#6b7684}
.svp-li:last-child{border-bottom:0}
.svp-li i{width:7px;height:7px;border-radius:50%;background:#0F1E3A;flex:0 0 auto}
.svp-li strong{color:#1f2a37}
.svp-panel.is-navy{background:linear-gradient(160deg,#0A152B,#0F1E3A);border:0;padding:28px;color:#fff;box-shadow:0 10px 28px rgba(15,30,58,.2)}
.svp-panel.is-navy>h2{color:#fff!important;margin-bottom:6px}
.svp-psub{color:#E9E1CF;font-size:13.8px;margin:0 0 22px!important}
.svp-price{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.svp-price:last-of-type{border-bottom:0;padding-bottom:0}
.svp-price:first-of-type{padding-top:0}
.svp-price-t{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.svp-price-t strong{font-size:15px;color:#fff}
.svp-price-t>span{font-size:19px;font-weight:800;white-space:nowrap;color:#fff}
.svp-price-t small{font-size:13px;color:#E9E1CF;font-weight:600}
.svp-price.is-hl .svp-price-t>span{color:#a7f3c4}
.svp-price-d{display:block;color:#E9E1CF;font-size:13.3px;margin-top:4px}
.svp-pnote{margin-top:22px;padding:13px 16px;background:rgba(255,255,255,.12);border-radius:11px;font-size:13.3px;color:#F7F3EA}
/* Dự án */
.svp-projs{display:flex;flex-wrap:wrap;gap:16px}
.svp-proj{flex:1 1 330px;background:#fff;border:1px solid #e6e9ee;border-radius:16px;overflow:hidden}
.svp-proj-m{position:relative}
.svp-proj-m img{display:block;width:100%;height:240px;object-fit:cover;margin:0}
.svp-tag{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:999px;background:rgba(15,30,58,.9);color:#fff;font-size:11.5px;font-weight:800}
.svp-proj-b{padding:18px}
.svp-proj-b strong{display:block;color:#1f2a37;font-size:15.5px;margin-bottom:6px}
.svp-proj-b strong a{color:inherit;text-decoration:none}
.svp-proj-b span{font-size:13px;color:#6b7684}
/* Câu hỏi */
.svp-q{display:flex;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #F7F3EA}
.svp-q:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.svp-qi{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#F7F3EA;color:#0F1E3A;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.svp-q h3{color:#1f2a37!important;font-size:15px;font-weight:bold;margin:0 0 6px;line-height:1.45}
.svp-q p{font-size:14px;color:#55606d}
/* Liên hệ */
.svp-contact{display:flex;flex-wrap:wrap;gap:22px;align-items:stretch;margin-bottom:22px}
.svp-ct-l{flex:1 1 380px;background:#0F1E3A;border-radius:16px;padding:32px;color:#fff}
.svp-ct-l h2{color:#fff!important;font-size:23px;font-weight:800;margin:0 0 10px;line-height:1.35}
.svp-ct-l>p{color:#F7F3EA;font-size:14.5px;margin:0 0 24px!important}
.svp-ok{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:14.5px}
.svp-ok:last-of-type{margin-bottom:26px}
.svp-ok>span{flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
.svp-ct-tel{padding:16px 18px;background:rgba(255,255,255,.12);border-radius:12px}
.svp-ct-tel span{display:block;font-size:13px;color:#F7F3EA;margin-bottom:4px}
.svp-ct-tel a{color:#fff!important;font-size:23px;font-weight:800;text-decoration:none!important}
.svp-ct-r{flex:1 1 380px;background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:32px;box-shadow:0 6px 20px rgba(10,21,43,.05)}
.svp-ct-r .nxlf{max-width:none}
@media (max-width:849px){
  .svp-hero{padding:36px 20px 0;min-height:0;border-radius:16px}
  .svp-hero h1{font-size:27px}.svp-lead{font-size:15px}.svp-btns{margin-bottom:28px}.svp-btn{flex:1 1 100%;justify-content:center;padding:14px 20px}
  .svp-fact{flex:1 1 50%;padding:14px 10px;border-bottom:1px solid rgba(201,164,92,.2)}.svp-fact b{font-size:22px}
  .svp-sec.is-box,.svp-sec.is-card{padding:22px 18px}.svp-sec>h2{font-size:21px}
  .svp-ct-l,.svp-ct-r{padding:24px 20px}
}
.svp-sec>h2+.svp-body{margin-top:14px}
.svp-ok>div{flex:1;min-width:0}
.svp-ok strong{color:#E6CD93}
.svp-by{color:#0F1E3A}
.svp-q p+p{margin-top:8px}
/* Ghi chú có tiêu đề */
.svp-note.has-title{display:block}
.svp-note.has-title strong{display:block;margin-bottom:4px;font-size:13px;letter-spacing:.4px;color:#0F1E3A}
.svp-note.has-title p{margin:0}
.svp-note.is-navy{background:linear-gradient(120deg,#0F1E3A,#172B52);border-left-color:#C9A45C;color:#E9E1CF}
.svp-note.is-navy strong{color:#E6CD93}
/* Thẻ 3 lớp */
.svp-cards{display:flex;flex-wrap:wrap;gap:16px}
.svp-card{position:relative;flex:1 1 280px;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9ee;border-top:3px solid #0F1E3A;border-radius:16px;padding:22px;box-shadow:0 6px 18px rgba(10,21,43,.05)}
.svp-card:nth-child(2){border-top-color:#C9A45C}.svp-card:nth-child(3){border-top-color:#1e9e5a}
.svp-card-n{position:absolute;top:18px;right:20px;font-size:30px;font-weight:800;color:#F1ECE0;line-height:1}
.svp-card h3{color:#0F1E3A!important;font-size:16.5px;font-weight:800;margin:0 0 10px;line-height:1.4}
.svp-card p{font-size:14px;color:#6b7684;margin:0 0 16px}
.svp-card-meta{margin-top:auto;display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #F7F3EA;font-size:13.3px}
.svp-card-meta span{color:#8a94a1}.svp-card-meta b{color:#1f2a37}
/* Bảng nhiều cột */
.svp-tbl-n thead th{color:#55606d;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase}
.svp-tbl-n tbody th{padding:15px 14px}
.svp-tbl-n td i{font-style:normal;color:#C9A45C;font-weight:700}
.svp-tbl-n tr.is-hl>*{background:#F7F3EA}
.svp-tbl-n tr.is-hl th{box-shadow:inset 3px 0 0 #C9A45C}
.svp-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#0F1E3A;color:#E6CD93;font-size:10.5px;font-weight:800;letter-spacing:.3px;vertical-align:1px;white-space:nowrap}
/* Rủi ro */
.svp-risks{display:flex;flex-wrap:wrap;gap:16px}
.svp-risk{flex:1 1 300px;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:22px;box-shadow:0 6px 18px rgba(10,21,43,.05)}
.svp-risk h3{color:#9a2f28!important;font-size:16px;font-weight:800;margin:0 0 10px;line-height:1.4}
.svp-risk-p{font-size:14px;color:#6b7684;margin:0 0 16px!important}
.svp-risk-f{margin-top:auto;padding:13px 15px;border-radius:12px;background:#F0FAF4;border:1px solid #cdecda}
.svp-risk-f span{display:block;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#146c3e;margin-bottom:4px}
.svp-risk-f p{font-size:13.8px;color:#1f2a37}
/* Quy trình dọc */
.svp-vs{position:relative}
.svp-v{position:relative;display:flex;gap:16px;padding-bottom:22px}
.svp-v:not(:last-child)::before{content:"";position:absolute;left:20px;top:44px;bottom:0;width:2px;background:linear-gradient(180deg,#0F1E3A,#E6CD93)}
.svp-v-n{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#0F1E3A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;border:4px solid #fff;box-shadow:0 3px 10px rgba(15,30,58,.3)}
.svp-v.is-bonus .svp-v-n{background:linear-gradient(135deg,#B8924A,#E6CD93);color:#0F1E3A}
.svp-v-b{flex:1;min-width:0;background:#fff;border:1px solid #e6e9ee;border-radius:14px;padding:16px 18px}
.svp-v.is-bonus .svp-v-b{background:#F7F3EA;border-color:#E4D3AE}
.svp-v-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.svp-v-h h3{color:#1f2a37!important;font-size:15.5px;font-weight:800;margin:0;line-height:1.4}
.svp-v-h em{font-style:normal;font-size:12.5px;font-weight:bold;color:#A8843F;white-space:nowrap}
.svp-v-b p{font-size:14px;color:#6b7684}
/* Đầu trang không ảnh: nền navy có quầng vàng, không chừa khoảng trống cho ảnh */
.svp-hero.is-plain.no-facts{min-height:0}
.svp-hero.is-plain{background-image:radial-gradient(60% 90% at 100% 0%,rgba(201,164,92,.22),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(34,59,107,.9),transparent 60%),linear-gradient(135deg,#0F1E3A 0%,#172B52 55%,#0F1E3A 100%);background-size:auto}
.svp-hero.no-facts{padding-bottom:4px}
/* Đánh số bước bằng bộ đếm CSS (đúng cả trong UX Builder) */
.svp-tl-row,.svp-vs{counter-reset:svn}
.svp-ts,.svp-v:not(.is-bonus){counter-increment:svn}
.svp-ts-n.is-auto::before,.svp-v-n.is-auto::before{content:counter(svn)}
/* Ảnh đầu trang dạng <img>: ảnh nằm dưới, hai lớp phủ navy vẽ bằng ::before, chữ nằm trên */
.svp-hero.has-img{background-image:none}
.svp-hero-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:right center;margin:0!important;z-index:0}
.svp-hero.has-img::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#0F1E3A 0%,rgba(15,30,58,.97) 28%,rgba(15,30,58,.80) 46%,rgba(15,30,58,.30) 68%,rgba(15,30,58,0) 86%),linear-gradient(0deg,rgba(15,30,58,.92) 0%,rgba(15,30,58,.3) 24%,rgba(15,30,58,0) 45%)}
.svp-hero-in,.svp-facts{z-index:2}
@media (max-width:849px){.svp-hero.has-img::before{background:linear-gradient(0deg,rgba(15,30,58,.96) 0%,rgba(15,30,58,.86) 55%,rgba(15,30,58,.55) 100%)}}
/* Đầu trang không có thanh số liệu: chữ nằm giữa như trang cũ */
.svp-hero.no-facts{justify-content:center;padding-bottom:24px}
.svp-lead.has-note{margin-bottom:10px!important}
.svp-lead2{color:#b9c4d6;font-size:14.5px;margin:0 0 30px!important;text-shadow:0 1px 10px rgba(0,0,0,.35)}
/* Ô điểm mạnh */
.svp-feats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.svp-feat{flex:1 1 230px;background:#fff;border:1px solid #e6e9ee;border-radius:14px;padding:20px}
.svp-feat-i{width:42px;height:42px;border-radius:11px;background:#F7F3EA;color:#A8843F;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:inset 0 0 0 1px #E9E1CF}
.svp-feat>strong{display:block;color:#1f2a37;font-size:15px;margin-bottom:5px}
.svp-feat>span:not(.svp-feat-i){font-size:13.5px;color:#6b7684}
/* Hai phương án */
.svp-opts{display:flex;flex-wrap:wrap;gap:16px}
.svp-opt{flex:1 1 320px;background:#f8fafd;border:1px solid #e6e9ee;border-radius:14px;padding:22px}
.svp-opt.is-on{background:#FBF8F1;border:1.5px solid #C9A45C}
.svp-opt-b{display:inline-block;padding:4px 12px;border-radius:999px;background:#e9edf3;color:#55606d;font-size:11.5px;font-weight:800;letter-spacing:.4px;margin-bottom:12px}
.svp-opt.is-on .svp-opt-b{background:#0F1E3A;color:#E6CD93}
.svp-opt h3{color:#1f2a37!important;font-size:16px;font-weight:bold;margin:0 0 10px;line-height:1.4}
.svp-opt ul,.svp-mat ul{list-style:none;margin:0;padding:0}
.svp-opt li{position:relative;margin:0;padding-left:16px;font-size:14px;color:#6b7684;line-height:2}
.svp-opt.is-on li{color:#35404d}
.svp-opt li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:#C9A45C}
.svp-opt-f{margin-top:14px;padding:11px 14px;background:#fff;border-radius:9px;font-size:13.5px;color:#55606d}
.svp-opt.is-on .svp-opt-f{color:#0F1E3A}
.svp-opt-l{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:bold;color:#A8843F!important;text-decoration:none!important}
/* Thẻ vật liệu */
.svp-mats{display:flex;flex-wrap:wrap;gap:16px}
.svp-mat{flex:1 1 340px;background:#fff;border:1px solid #e6e9ee;border-radius:14px;padding:24px;transition:border-color .2s}
.svp-mat:hover{border-color:#C9A45C}
.svp-mat-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.svp-mat-h h3{color:#1f2a37!important;font-size:16.5px;font-weight:bold;margin:0;line-height:1.4}
.svp-mat-h h3 a{color:inherit!important;text-decoration:none!important;border-bottom:1px solid rgba(201,164,92,.85)}
.svp-mat-h>span{color:#0F1E3A;font-size:18px;font-weight:800;white-space:nowrap}
.svp-mat-h small{font-size:13.5px;color:#6b7684;font-weight:600}
.svp-mat>p{font-size:14px;color:#6b7684;margin:0 0 12px}
.svp-mat li{position:relative;margin:0;padding-left:18px;font-size:13.5px;color:#35404d;line-height:1.9}
.svp-mat li::before{content:"✓";position:absolute;left:0;color:#A8843F;font-weight:800}
/* Cảnh báo cam */
.svp-sec.is-warn{background:linear-gradient(180deg,#fff8f2,#fff);border:1px solid #f5d0bd;border-radius:16px;padding:28px}
.svp-sec.is-warn>h2{color:#9a3b12!important;font-size:21px}
.svp-sec.is-warn .svp-sub{color:#8a5a3b}
.svp-sec.is-warn .svp-card{border:1px solid #f0dcd0;border-top:1px solid #f0dcd0;box-shadow:none;padding:18px;border-radius:12px}
.svp-sec.is-warn .svp-card h3{font-size:14.5px;color:#1f2a37!important;margin-bottom:5px}
.svp-sec.is-warn .svp-card p{font-size:13.5px;margin:0}
.svp-note.is-warn{background:#fff8f2;border:1px solid #f5d0bd;border-left:4px solid #e0662b;color:#9a3b12}
/* Quy trình kiểu thẻ rời */
.svp-tl.is-cards .svp-tl-line{display:none}
.svp-tl.is-cards .svp-tl-row{gap:14px}
.svp-tl.is-cards .svp-ts{flex:1 1 230px;text-align:left;background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:20px}
.svp-tl.is-cards .svp-ts-n{width:34px;height:34px;margin:0 0 12px;font-size:15px;border:0;box-shadow:none}
@media (max-width:849px){.svp-sec.is-warn{padding:22px 18px}}
