/* Bảng màu theo logo In Hoàng Gia — navy + vàng đồng dịu (12/11/2026). Nạp cuối cùng. */
html:root{--hx-blue:#1A2B6D;--hx-blue-d:#24377F;--hx-dark:#121E4E;--hx-ink:#1B2236;--hx-text:#1B2236;--hx-muted:#5B6478;--hx-accent:#C9A24A;--hx-accent-d:#B08A34;--hx-gold-soft:#FBF5E6;--hx-soft:#F3F5FA;--hx-tint:#E9EDF6;--hx-line:#E3E7F0;--hx-zalo:#1A2B6D}
html body .ivh,html body .ivf,html body .ivp{--b:#1A2B6D;--b2:#2E4290;--o:#C9A24A;--t:#1B2236;--m:#5B6478;--l:#E3E7F0;--s:#F3F5FA;--ic:#4A5B95;--ics:#EEF1F8}
html body .ivh svg,html body .ivf svg,html body .ivp svg{stroke-width:1.6}
html body .ivf .ivf-ic,html body .ivf .ivf-sites__ic,html body .ivp .ivp-perk__ic,html body .ivp .ivp-consult__ic,html body .ivh .ivh-steps__ic,html body .ivh .ivh-post__go,html body .ivh .ivh-proj__t svg,html body .ivp .ivp-sample__name i,html body .ivp .ivp-faq summary i{background:var(--ics)!important;color:var(--ic)!important}
html body .ivp .ivp-consult__ic.is-call,html body .ivp .ivp-consult__ic.is-msg,html body .ivp .ivp-consult__ic.is-quote{background:var(--ics)!important;color:var(--ic)!important}
html body .ivh .ivh-steps__ic{border-color:#E3E7F0;box-shadow:0 0 0 8px #fff,0 4px 14px rgba(26,43,109,.08)}
html body .ivh .ivh-steps__ic b{background:#C9A24A}
html body .ivh .ivh-steps li:hover .ivh-steps__ic{background:#1A2B6D!important;color:#fff!important}
html body .ivh .ivh-steps:before{border-top-color:#D9DFEC}
html body .ivp .ivp-faq details[open] summary i{background:#1A2B6D!important;color:#fff!important}
html body .ivf .ivf-social a{color:var(--ic)}
html body .ivf .ivf-sites li a,html body .ivp .ivp-consult b,html body .ivh .ivh-sub__form button{background:var(--ics);color:#1A2B6D}
html body .ivh .ivh-ban--a{background:linear-gradient(120deg,#16255F 0%,#1F3279 55%,#34489A 100%)}
html body .ivh .ivh-ban--b{background:linear-gradient(120deg,#F6EEDB 0%,#EEDFB8 60%,#E5CF95 100%)}
html body .ivh .ivh-ban--b .ivh-ban__txt strong,html body .ivh .ivh-ban--b .ivh-ban__txt small{color:#1A2B6D!important;text-shadow:none}
html body .ivh .ivh-ban--b .ivh-ban__txt small{background:rgba(26,43,109,.08)}
html body .ivh .ivh-ban--b .ivh-ban__tags em{color:#8A6A1F;background:#fff}
html body .ivh .ivh-ban--a .ivh-ban__tags em{color:#1A2B6D}
html body .ivh .ivh-ban__btn{background:#C9A24A;color:#fff}
html body .ivh .ivh-ban--b .ivh-ban__btn{background:#1A2B6D}
html body .ivh .ivh-ban:before{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.5px) 0 0/18px 18px}
html body .ivh .ivh-pane{background:#EEF1F8;border:1px solid #E3E7F0}
html body .ivh .ivh-tabs__nav button.is-on{background:#1A2B6D}
html body .ivh .ivh-pane__intro p{color:#1B2236}
html body .ivh .ivh-pane__intro:after{background:#FBF5E6}
html body .ivh .ivh-card,html body .ivp .ivp-card{border:1px solid #E3E7F0}
html body .ivh .ivh-card__price,html body .ivp .ivp-card__price{background:#F6F7FB}
html body .ivh .ivh-logos{background:#F7F8FC}
html body .ivh .ivh-sub{background:linear-gradient(90deg,#16255F,#24377F)}
html body .ivh .ivh-sub__ic{background:rgba(201,162,74,.18);color:#E6C982}
html body .ivh .ivh-sub__form button:hover{background:#C9A24A;color:#fff}
html body .ivd-trust li:before{background:#F3F5FA;color:#C9A24A}
html body .ivp .ivp-hero{background:linear-gradient(160deg,#121E4E 0%,#1A2B6D 50%,#2B3F88 100%)}
html body .ivp .ivp-hero:before{background:radial-gradient(circle at 85% 15%,rgba(201,162,74,.16),transparent 40%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.07),transparent 35%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px) 0 0/20px 20px}
html body .ivp .ivp-box__ribbon{background:linear-gradient(90deg,#FBF3DF,#FDF9EF);border-bottom-color:#C9A24A}
html body .ivp .ivp-box__ribbon p{color:#6B5520}
html body .ivp .ivp-box__tag{background:#C9A24A}
html body .ivp .ivp-perk em{color:#3E8E63}
html body .ivp .ivp-contact>p svg{color:#C9A24A}
html body .ivp .ivp-gal__thumbs button.is-active,html body .ivp .ivp-gal__thumbs button:hover{box-shadow:0 0 0 2px #C9A24A}
html body .ivp .ivp-sec--blur{background:radial-gradient(circle at 15% 0,rgba(26,43,109,.05),transparent 40%),radial-gradient(circle at 90% 100%,rgba(201,162,74,.07),transparent 40%),#fff}
html body .hx-float__b--zalo{background:#C9A24A!important;color:#fff!important}
html body .hx-float__b--call,html body .hx-mbar__a--main{background:#1A2B6D!important;color:#fff!important}
html body .hx-btn--accent{background:#C9A24A!important;color:#fff!important}

/* Trang sản phẩm tràn full chiều ngang */
html body main.ivp,html body main.ivh{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
html body .ivp .ivp-contact__row{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
/* Icon header: nền nhạt, icon navy */
html body .hx-act__ic{background:#F3F5FA!important;color:#4A5B95!important;border:1px solid #E3E7F0}
html body .hx-act:hover .hx-act__ic{background:#1A2B6D!important;color:#fff!important}

/* ===== Căn lề thống nhất 1240px (12/11/2026) ===== */
html body .hx-wrap,html body .ivh-wrap,html body .ivp-wrap,html body .ivf-wrap,html body .ivd-trust ul{max-width:1288px!important;padding-left:24px!important;padding-right:24px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html body .ivd-trust ul{justify-content:space-between;gap:16px}
@media(max-width:767px){html body .hx-wrap,html body .ivh-wrap,html body .ivp-wrap,html body .ivf-wrap,html body .ivd-trust ul{padding-left:16px!important;padding-right:16px!important}html body .ivd-trust ul{justify-content:flex-start}}

/* Thanh trên cùng */
html body .hx-topbar{background:#F7F8FC!important;border-bottom:1px solid #EEF1F6;color:#5B6478!important}

/* ===== Mobile gọn (12/11/2026) ===== */
@media(max-width:767px){
html body .ivh .ivh-head{margin-bottom:18px}
html body .ivh .ivh-head h2{font-size:22px}
html body .ivh .ivh-head p{font-size:13.5px}
html body .ivh .ivh-logos{padding:16px 0}
html body .ivh .ivh-logos__track{gap:28px}
html body .ivh .ivh-logos span{width:84px;height:40px}
html body .ivh .ivh-logos img{max-height:40px!important}
/* Quy trình: dạng danh sách gọn */
html body .ivh .ivh-steps{grid-template-columns:1fr;gap:0;row-gap:0}
html body .ivh .ivh-steps li{display:grid;grid-template-columns:52px 1fr;grid-template-areas:"ic t" "ic d";text-align:left;column-gap:14px;row-gap:2px;align-items:start;padding:12px 0;border-bottom:1px dashed #E3E7F0}
html body .ivh .ivh-steps li:last-child{border-bottom:0}
html body .ivh .ivh-steps__ic{grid-area:ic;width:48px;height:48px;margin:0;box-shadow:none}
html body .ivh .ivh-steps__ic svg{width:22px;height:22px}
html body .ivh .ivh-steps__ic b{width:20px;height:20px;font-size:11px;top:-5px;right:-5px}
html body .ivh .ivh-steps strong{grid-area:t;font-size:15px}
html body .ivh .ivh-steps span:last-child{grid-area:d;max-width:none;font-size:13px}
/* Kiến thức: bài nhỏ dạng hàng ngang */
html body .ivh .ivh-news{gap:10px}
html body .ivh .ivh-post:not(.is-big){flex-direction:row;align-items:center;padding:8px}
html body .ivh .ivh-post:not(.is-big) .ivh-post__img{flex:0 0 104px;aspect-ratio:4/3}
html body .ivh .ivh-post:not(.is-big) .ivh-post__body{padding-right:4px}
html body .ivh .ivh-post:not(.is-big) .ivh-post__go{display:none}
html body .ivh .ivh-post:not(.is-big) .ivh-post__body strong{font-size:13.5px;-webkit-line-clamp:3}
html body .ivh .ivh-post.is-big .ivh-post__img{aspect-ratio:16/10}
html body .ivh .ivh-post.is-big .ivh-post__body strong{font-size:16px}
/* Dự án, thẻ sản phẩm */
html body .ivh .ivh-proj{flex-basis:160px;padding:8px}
html body .ivh .ivh-proj__t{font-size:12.5px;padding:8px 2px 2px}
html body .ivh .ivh-card,html body .ivp .ivp-card{padding:8px;gap:6px}
html body .ivh .ivh-card h3,html body .ivp .ivp-card h3{font-size:13px}
html body .ivh .ivh-card__price,html body .ivp .ivp-card__price{font-size:12px;padding:7px 8px}
html body .ivh .ivh-card__price strong,html body .ivp .ivp-card__price strong{font-size:14px}
html body .ivh .ivh-card__btn,html body .ivp .ivp-card__btn{font-size:13px;padding:8px}
html body .ivh .ivh-tabs__nav button{padding:12px 16px;font-size:14px}
/* Trang sản phẩm */
html body .ivp .ivp-hero h1{font-size:21px}
html body .ivp .ivp-logos__track span{width:84px;height:40px}
html body .ivp .ivp-logos__track img{max-height:40px!important}
html body .ivp .ivp-h2{font-size:21px}
html body .ivp .ivp-sample__name{font-size:12.5px;padding:8px 2px 2px}
html body .ivp .ivp-sample__name i{display:none}
html body .ivp .ivp-consult a{padding:12px 8px}
html body .ivp .ivp-consult__ic{width:42px;height:42px}
html body .ivp .ivp-faq summary{font-size:14px;padding:13px 12px}
html body .ivp .ivp-gal__main{padding:6px;border-radius:14px}
html body .ivp .ivp-gal__thumbs{gap:6px}
}
@media(max-width:767px){
html body .ivp .ivp-perks{grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}
html body .ivp .ivp-perk{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 6px}
html body .ivp .ivp-perk__ic{width:34px;height:34px}
html body .ivp .ivp-perk strong{font-size:12.5px;line-height:1.3}
html body .ivp .ivp-perk small{font-size:11px}
html body .ivp .ivp-perk em{display:none}
html body .ivp .ivp-price__ask span{font-size:12.5px;text-align:left}
html body .ivp .ivp-btn{white-space:nowrap;font-size:13px;padding:8px 8px 8px 14px}
html body .ivp .ivp-btn i{width:22px;height:22px}
html body .ivp .ivp-contact>p{font-size:13px}
}
/* Mobile: thanh gọi 2 số, bỏ nút gọi trên header (13/11/2026) */
html body .hx-mbar.hx-mbar--tel{display:grid;grid-template-columns:1fr 1fr!important}
html body .hx-mbar--tel .hx-mbar__a{flex-direction:row!important;justify-content:center;gap:8px;font-size:15px!important;font-weight:700!important;letter-spacing:.01em}
html body .hx-mbar--tel .hx-mbar__a span{font-size:15px!important}
html body .hx-mbar--tel .hx-mbar__a:not(.hx-mbar__a--main){background:#C9A24A!important;color:#fff!important}
@media(max-width:1023px){html body header .hx-act--hot{display:none!important}}
@media(max-width:1023px){html body #hx-header .hx-acts a.hx-act.hx-act--hot,html body header.hx-hd .hx-act--hot{display:none!important}}
/* Logo đối tác hiển thị màu gốc */
html body .ivh .ivh-logos img,html body .ivp .ivp-logos__track img,html body .hx-clients img{filter:none!important;opacity:1!important}
/* Khối tư vấn: các thẻ dàn đều (thẻ ẩn không chiếm chỗ) */
html body .ivp .ivp-consult{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
@media(max-width:767px){html body .ivp .ivp-consult{grid-template-columns:1fr 1fr!important}}
/* Mô tả sản phẩm: rộng, chữ to, hiện đầy đủ (13/11/2026) */
html body .ivp .ivp-article{max-width:1240px!important;padding:36px 48px!important}
html body .ivp .ivp-article .ivp-article__in{max-height:none!important;overflow:visible!important}
html body .ivp .ivp-article .ivp-article__in:after,html body .ivp .ivp-article__more{display:none!important}
html body .ivp .ivp-article,html body .ivp .ivp-article p,html body .ivp .ivp-article li,html body .ivp .ivp-article td{font-size:17px!important;line-height:1.75!important;color:#1B2236}
html body .ivp .ivp-article h2{font-size:26px!important;margin:32px 0 14px!important;color:#1A2B6D;text-align:left}
html body .ivp .ivp-article h3{font-size:21px!important;margin:26px 0 12px!important;color:#1A2B6D}
html body .ivp .ivp-article h4{font-size:18px!important}
html body .ivp .ivp-article img{display:block;margin:20px auto!important;border-radius:12px}
@media(max-width:767px){
html body .ivp .ivp-article{padding:20px 16px!important}
html body .ivp .ivp-article,html body .ivp .ivp-article p,html body .ivp .ivp-article li,html body .ivp .ivp-article td{font-size:16px!important;line-height:1.7!important}
html body .ivp .ivp-article h2{font-size:21px!important}
html body .ivp .ivp-article h3{font-size:18px!important}
}
/* Nút nổi 2 số – desktop & mobile (13/11/2026) */
html body .hx-mbar{display:none!important}
html body .ivf-float{display:flex!important;flex-direction:column;gap:10px}
@media(max-width:767px){
html body .ivf-float{left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
html body .ivf-float .hx-float__b{display:flex!important;min-width:0;padding:6px 10px 6px 6px!important;border-radius:999px;gap:8px}
html body .ivf-float .hx-float__b svg{width:18px;height:18px}
html body .ivf-float .hx-float__b>span{font-size:14px!important;line-height:1.15}
html body .ivf-float .hx-float__b small{font-size:10.5px!important}
html body .ivf-bottom,html body body{padding-bottom:0}
html body #page{padding-bottom:118px}
}

/* ===== Menu mới (13/11/2026) – thay toàn bộ hiệu ứng cũ ===== */
html body .hx-nav{border-top:1px solid #EEF1F6!important;border-bottom:1px solid #EEF1F6!important;background:#fff!important}
html body .hx-nav .hx-nav__list{justify-content:flex-start!important;gap:4px!important;margin:0 -12px!important;padding:6px 0!important}
html body .hx-nav .hx-nav__list>li>a{min-height:38px!important;height:38px;padding:0 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;font-size:14.5px!important;font-weight:600!important;color:#1B2236!important;transition:background .2s,color .2s!important}
html body .hx-nav .hx-nav__list>li:hover>a,html body .hx-nav .hx-nav__list>li:focus-within>a{background:#EEF1F8!important;color:#1A2B6D!important}
html body .hx-nav .hx-nav__list>li.current-menu-item>a,html body .hx-nav .hx-nav__list>li.current-menu-ancestor>a{color:#1A2B6D!important;background:transparent!important;box-shadow:inset 0 -2px 0 #C9A24A;border-radius:0!important}
html body .hx-nav .hx-nav__list>li.current-menu-ancestor:hover>a{border-radius:999px!important;box-shadow:none;background:#EEF1F8!important}
html body .hx-nav .hx-nav__list>li.menu-item-has-children>a:after{content:""!important;position:static!important;display:inline-block!important;width:6px!important;height:6px!important;margin:-3px 0 0 8px!important;border:solid #9AA3B8!important;border-width:0 1.5px 1.5px 0!important;background:none!important;transform:rotate(45deg)!important;transition:transform .2s,border-color .2s!important;border-radius:0!important;left:auto;right:auto;bottom:auto}
html body .hx-nav .hx-nav__list>li.menu-item-has-children:hover>a:after{transform:rotate(-135deg) translate(-2px,-2px)!important;border-color:#1A2B6D!important}
/* Dropdown */
html body .hx-nav .sub-menu{top:calc(100% + 8px)!important;border:1px solid #E6EAF2!important;border-top:1px solid #E6EAF2!important;border-radius:14px!important;padding:8px!important;background:#fff!important;box-shadow:0 18px 40px rgba(26,43,109,.12),0 2px 6px rgba(26,43,109,.05)!important;opacity:0;visibility:hidden;transform:translateY(8px)!important;transition:opacity .18s ease,transform .18s ease,visibility 0s .18s!important;transition-delay:0s!important}
html body .hx-nav .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
html body .hx-nav li:hover>.sub-menu,html body .hx-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)!important;transition:opacity .18s ease,transform .18s ease,visibility 0s!important}
html body .hx-nav .sub-menu a{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px!important;border-radius:10px!important;font-size:14px!important;font-weight:500;color:#1B2236!important;background:transparent!important;transition:background .15s,color .15s,padding .15s!important}
html body .hx-nav .sub-menu a:before{display:none!important}
html body .hx-nav .sub-menu a:after{content:"›";font-size:16px;line-height:1;color:#C9A24A;opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .15s}
html body .hx-nav .sub-menu a:hover{background:#F3F5FA!important;color:#1A2B6D!important;padding-left:16px!important}
html body .hx-nav .sub-menu a:hover:after{opacity:1;transform:none}
html body .hx-nav .hx-nav__list>li>a>i,html body .hx-nav .hx-nav__list>li>a>svg{display:none!important}
html body .hx-nav .hx-nav__list>li:has(>.sub-menu)>a:after{content:""!important;position:static!important;display:inline-block!important;width:6px!important;height:6px!important;margin:-3px 0 0 8px!important;border:solid #9AA3B8!important;border-width:0 1.5px 1.5px 0!important;background:none!important;transform:rotate(45deg)!important;transition:transform .2s,border-color .2s!important}
html body .hx-nav .hx-nav__list>li:has(>.sub-menu):hover>a:after{transform:rotate(-135deg) translate(-2px,-2px)!important;border-color:#1A2B6D!important}