/* ===== malloca.com.vn – bổ sung giao diện (giữ bố cục roborocks) ===== */
:root{--gold:#D9961A;--gold2:#B97C10}
.lg-ml img{height:34px;width:auto;display:block}
@media(max-width:480px){.hd .lg-ml img{height:26px}}
@media(max-width:370px){.hd .lg-ml img{height:22px}}
.mn-hd .lg-ml img{height:24px}
.hx h1 span{color:var(--gold)}
.hx-k .dot{background:var(--gold)}
.dl-k,.ct2-k{color:var(--gold2)}
/* nội dung gốc từ web cũ (có style inline): luôn vừa khung, không tràn ngang */
.seo img,.lp-clamp img{max-width:100%!important;height:auto!important}
.seo table{display:block;max-width:100%;overflow-x:auto}
.seo iframe{max-width:100%}
.seo [style*="width"]{max-width:100%!important}
.seo *{font-family:inherit!important}
.seo h2,.seo h3{line-height:1.35}

/* ===== Mô tả sản phẩm dạng landing page (mlp) ===== */
.mlp{--mk:#15171C;--mk2:#232730;--mg:#F2B43C;--mr:#C8102E;--mt:#C9CED6;--mb:#F5F6F8;--ml:#E3E5E8;font-size:16px;line-height:1.8;color:#262A31}
.mlp h2{font-size:clamp(21px,2.8vw,28px);line-height:1.3;letter-spacing:-.3px;font-weight:800;margin:0;color:var(--mk)}
.mlp h3{font-size:17px;line-height:1.4;margin:0 0 6px;font-weight:800;color:var(--mk)}
.mlp p{margin:0 0 12px}
.mlp a{color:var(--mr);font-weight:600}
.mlp strong{color:var(--mk)}
.mlp-hero{display:flex;flex-wrap:wrap;gap:22px;align-items:center;border-radius:22px;padding:clamp(18px,3.6vw,32px);margin:0 0 20px;color:#fff;
 background:radial-gradient(circle at 88% 12%,rgba(200,16,46,.30),transparent 42%),radial-gradient(circle at 6% 96%,rgba(242,180,60,.22),transparent 40%),linear-gradient(135deg,#1B1E25,#0E1014)}
.mlp-hero-t{flex:1 1 380px;min-width:0}.mlp-hero-i{flex:0 1 260px;min-width:0;margin:0 auto}
.mlp-hero-i img{width:100%;max-width:260px;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:18px;padding:10px;display:block;margin:auto;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);animation:mlpBob 4s ease-in-out infinite}
.mlp-hero strong{color:#fff}.mlp-hero a{color:var(--mg)}
.mlp-bd{margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}
.mlp-bd span{display:inline-block;font-size:11.5px;font-weight:900;letter-spacing:.8px;padding:5px 12px;border-radius:999px;border:1px solid rgba(242,180,60,.55);color:var(--mg)}
.mlp-bd span:first-child{background:linear-gradient(135deg,#FFE27A,#FF9A14);color:#5a3300;border-color:transparent}
.mlp-lead{font-size:16px;color:#DDE2EA;margin:0 0 14px}
.mlp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.mlp-chips span{display:inline-flex;flex-direction:column;background:var(--mb);border:1px solid var(--ml);border-radius:12px;padding:7px 12px;font-size:14px;font-weight:700;color:var(--mk);line-height:1.35;max-width:100%}
.mlp-chips i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8A6416}
.mlp-hero .mlp-chips span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}
.mlp-hero .mlp-chips i{color:var(--mg)}
.mlp-hero-c{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mlp-price{display:flex;flex-direction:column;line-height:1.2;margin-right:6px}
.mlp-price small{font-size:12px;color:var(--mt)}.mlp-price b{font-size:26px;font-weight:900;color:var(--mg)}
.mlp-price span{font-size:12.5px;color:var(--mt)}.mlp-price s{opacity:.8}.mlp-price i{font-style:normal;background:var(--mr);color:#fff;border-radius:6px;padding:0 6px;margin-left:6px;font-weight:800}
.mlp a.mlp-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;color:#fff;transition:transform .15s}
.mlp a.mlp-btn:hover{transform:translateY(-2px)}
.mlp-btn.r{background:linear-gradient(135deg,#E0213F,#A50D25);box-shadow:0 10px 22px -10px rgba(200,16,46,.8)}
.mlp-btn.z{background:#0068FF}
.mlp-toc{background:var(--mb);border:1px solid var(--ml);border-radius:18px;padding:14px 20px;margin:0 0 10px}
.mlp-toc p{margin:0 0 6px;font-weight:900;color:var(--mk)}
.mlp-toc ol{margin:0;padding-left:22px;columns:2 260px;column-gap:28px;font-size:15px;line-height:1.95}
.mlp-toc a{color:#1F2937;text-decoration:none}.mlp-toc a:hover{color:var(--mr)}
.mlp-sh{display:flex;gap:14px;align-items:center;margin:36px 0 14px;scroll-margin-top:130px}
.mlp-ic{flex:0 0 52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,#FFF4D6,#fff);box-shadow:0 10px 22px -10px rgba(21,23,28,.5)}
.mlp-ic span{display:inline-block;animation:mlpBob 2.6s ease-in-out infinite}
.mlp-eb{margin:0 0 3px!important;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#B8862B}
.mlp-eb b{color:var(--mr)}
.mlp-dark{display:flex;flex-wrap:wrap;gap:22px;align-items:center;border-radius:22px;padding:clamp(18px,3.4vw,30px);margin:28px 0 18px;color:#fff;scroll-margin-top:130px;
 background:radial-gradient(circle at 88% 10%,rgba(200,16,46,.28),transparent 42%),linear-gradient(135deg,#0E1014,#1F232B 55%,#121418)}
.mlp-dark h2{color:#fff;margin:0 0 10px}.mlp-dark p{color:#C9CED6}.mlp-dark strong{color:#fff}
.mlp-dark-t{flex:1 1 340px;min-width:0}.mlp-dark-b{flex:1 1 260px;min-width:0}
.mlp-k{margin:0 0 6px!important;font-size:12px;font-weight:900;letter-spacing:1.6px;color:var(--mg)!important}
.mlp-score{display:inline-flex!important;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(242,180,60,.35);border-radius:14px;padding:10px 16px;margin:6px 0 0!important}
.mlp-score b{font-size:34px;font-weight:900;color:var(--mg);line-height:1}.mlp-score span{font-size:13px;line-height:1.4}
.mlp-bar{margin:0 0 10px}.mlp-bar div{display:flex;justify-content:space-between;font-size:13.5px;font-weight:800;color:#fff}.mlp .mlp-bar b{color:var(--mg)}.mlp-dark .mlp-score b{color:var(--mg)}
.mlp-bar i{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;margin-top:4px}
.mlp-bar em{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--mg),#FF8A50);transform-origin:left;animation:mlpFill 1.4s ease-out both}
.mlp-bar:nth-child(2) em{background:linear-gradient(90deg,#5FE0A0,#3BB37C)}.mlp-bar:nth-child(3) em{background:linear-gradient(90deg,#5FA8F0,#3C7DD9)}.mlp-bar:nth-child(4) em{background:linear-gradient(90deg,#C084FC,#9B5DE5)}
.mlp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:6px 0 14px}
.mlp-grid.g4{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.mlp-card{background:#fff;border:1px solid var(--ml);border-radius:18px;padding:16px 18px;box-shadow:0 8px 24px -18px rgba(21,23,28,.45);transition:transform .2s,box-shadow .2s}
.mlp-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(21,23,28,.5)}
.mlp-card p{margin:0;font-size:15px;line-height:1.7;color:#3A3F48}
.mlp-ci{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;font-size:21px;background:var(--mb);margin-bottom:8px}
.mlp-fig{margin:14px 0 18px;text-align:center}
.mlp-fig img{width:100%;max-width:760px;height:auto;border-radius:16px;box-shadow:0 16px 40px -22px rgba(21,23,28,.45);background:#fff}
.mlp-fig.w img{max-width:900px}
.mlp-fig figcaption{font-size:13px;color:#6E747E;font-style:italic;margin-top:6px}
.mlp-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.mlp-gal .mlp-fig{margin:0}
.mlp-vid{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin:0 0 14px;background:#000}.mlp-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mlp-ul{margin:0 0 12px;padding-left:20px}.mlp-ul li{margin-bottom:4px}
.mlp-pc{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin:0 0 12px}
.mlp-pro,.mlp-con{border-radius:18px;padding:16px 18px}
.mlp-pro{background:#F0FAF4;border:1px solid #BFE5CD}.mlp-con{background:#FFF8E8;border:1px solid #F5DB9C}
.mlp-pro ul,.mlp-con ul,.mlp-fit ul{margin:0;padding-left:20px;font-size:15px}.mlp-pro li,.mlp-con li,.mlp-fit li{margin-bottom:6px}
.mlp-pro li b{color:#14633A}
.mlp-fit{background:#FFFCFC;border:1px dashed var(--mr);border-top:4px solid var(--mr);border-radius:18px;padding:16px 20px;margin:0 0 10px}
.mlp-steps{list-style:none;counter-reset:s;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.mlp-steps li{counter-increment:s;position:relative;background:var(--mb);border-radius:16px;padding:14px 16px 14px 56px;font-size:15px;line-height:1.65}
.mlp-steps li::before{content:counter(s);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--mk);color:var(--mg);font-weight:900;display:flex;align-items:center;justify-content:center}
.mlp-steps b{display:block;color:var(--mk)}
.mlp-end{background:linear-gradient(135deg,#FFFBEB,#fff);border:1px solid #FDE68A;border-radius:18px;padding:clamp(16px,3vw,24px);margin:28px 0 18px}
.mlp-end h2{margin:0 0 8px}
.mlp-lk{font-size:14.5px;line-height:1.9;margin:0 0 6px!important}
.mlp-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;border-radius:22px;padding:clamp(18px,3.4vw,28px);margin:0 0 10px;color:#fff;
 background:radial-gradient(circle at 10% 0%,rgba(242,180,60,.25),transparent 45%),linear-gradient(135deg,#1B1E25,#0E1014)}
.mlp-cta>div:first-child{flex:1 1 320px}.mlp-cta h2{color:#fff;margin:0 0 6px}.mlp-cta p{color:#C9CED6;margin:0}
.mlp .lp-tw{overflow-x:auto}
@keyframes mlpBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mlpFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.mlp *{animation:none!important;transition:none!important}}
@media(max-width:600px){.mlp{font-size:15.5px}.mlp-hero-i{display:none}.mlp-price b{font-size:22px}.mlp a.mlp-btn{flex:1 1 auto;justify-content:center}.mlp-sh{gap:10px}.mlp-ic{flex-basis:44px;height:44px;font-size:22px}}

/* hero video Malloca: giữ nguyên khung hình */
.hx-video{transform:none!important}