/* =====================================================================
   GIAO DIỆN THỬ "SHOWROOM" — mảng tối/sáng xen kẽ, chữ in hoa khổ hẹp, 0 bo góc, vàng là điểm nhấn duy nhất
   Chỉ nạp khi option xd_variant = 'lambo'. Xem bản gốc: ?giao-dien=goc
   ===================================================================== */
:root {
  --gi:#ffc000; --gio:#917300; --c2:#202020; --c1:#181818; --k:#000; --w:#fff; --mb:#f5f5f5;
  --gb:#494949; --sm:#7d7d7d; --ab:#969696; --an:#313131; --line:#e2e2e2;
  --fh:'Barlow Condensed', 'Arial Narrow', ui-sans-serif, system-ui, sans-serif;
  --fb:'Barlow', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tr:.023em; --ease:cubic-bezier(.77,0,.175,1); --out:cubic-bezier(.16,1,.3,1);
}

/* ---------- Nền tảng ---------- */
html, body, #wrapper, #main, .page-wrapper, .blog-wrapper { background:var(--w)!important; }
body { font-family:var(--fb)!important; color:var(--k)!important; font-size:16px; line-height:1.56; }
body *:not(svg):not(path):not(polygon):not(circle) { border-radius:0!important; box-shadow:none!important; }
html:root body .button.button, html:root body a.button, html:root body .button *, html:root body button.button, html:root body input, html:root body .img-inner, html:root body .img-inner img, html:root body .box-image, html:root body .col-inner, html:root body .header-button .button { border-radius:0!important; }
h1,h2,h3,h4,h5,h6,.heading-font,.section-title,.entry-title,.post-title,.box-text h5 {
  font-family:var(--fh)!important; font-weight:400!important; text-transform:uppercase!important; letter-spacing:var(--tr)!important; color:var(--c1)!important;
}
h1 { font-size:80px; line-height:1; } h2 { font-size:54px; line-height:1.05; } h3 { font-size:27px; line-height:1.2; } h4, h5 { font-size:18px; line-height:1.3; }
p, li, td { color:var(--k); }
.lead, p.lead { color:var(--sm)!important; font:400 18px/1.5 var(--fh)!important; text-transform:uppercase; letter-spacing:var(--tr); }
strong, b { font-weight:600; color:var(--k); }
a { color:var(--c2); text-decoration:none; background-image:linear-gradient(currentColor, currentColor); background-size:0 1px; background-position:0 100%; background-repeat:no-repeat; transition:background-size .5s var(--out), color .3s ease; }
a:hover { color:var(--k); background-size:100% 1px; }
.button, .nav a, .img a, .box-image a, .social-icons a, .logo a, .header-button a, .accordion-title, .page-numbers, a.plain { background-image:none; }
hr, .is-divider { background-color:var(--line)!important; height:1px!important; }
.xd-kicker { font:400 12px/1.5 var(--fh)!important; text-transform:uppercase!important; letter-spacing:.12em!important; color:var(--sm)!important; }
.xd-hl { color:var(--k)!important; font-weight:600; }
[style*="color:#0c8767"], [style*="color: #0c8767"], [style*="color:#0f9e78"], [style*="color:#23a455"], [style*="color:#0a6b52"] { color:var(--gb)!important; }
h1[style*="color"], h2[style*="color"], h3[style*="color"], h4[style*="color"] { color:var(--c1)!important; }
::selection { background:var(--gi); color:var(--k); }

/* ---------- Header tối ---------- */
.header-wrapper, .header-main, .header-bg-color, #masthead { background:var(--c2)!important; }
.header-main { border-bottom:0!important; }
.header-bg-image { display:none; }
.header-wrapper { transition:transform .7s var(--ease); }
.header-wrapper.stuck.xl-hidden { transform:translateY(-100%); }
.header-main .nav > li > a, .nav-dark .nav > li > a { color:var(--w)!important; font:400 13px var(--fh)!important; text-transform:uppercase; letter-spacing:.12em!important; }
.header-main .nav > li > a:hover, .header-main .nav > li.active > a { color:var(--w)!important; opacity:.65; }
.header-main .nav > li { margin:0 12px; }
.nav-dropdown { background:var(--c1)!important; border:0!important; padding:12px 0!important; }
.nav-dropdown li a { color:var(--ab)!important; font:400 14px var(--fh)!important; text-transform:uppercase; letter-spacing:var(--tr); border:0!important; }
.nav-dropdown li a:hover { color:var(--w)!important; background:transparent!important; }
.header-button .button, .header-button .button.white, .header-button .button.primary {
  background:transparent!important; color:var(--w)!important; border:1px solid var(--sm)!important; font:400 13px var(--fh)!important;
  letter-spacing:.12em!important; text-transform:uppercase!important; min-height:36px; padding:0 18px!important; display:inline-flex!important; align-items:center; line-height:1!important;
}
.header-button .button:hover { border-color:var(--w)!important; }
.header-button .button::after { content:none!important; }
.icon-menu, .nav-icon a, .header-main .nav-icon i { color:var(--w)!important; }
.off-canvas .mfp-content, .mobile-sidebar { background:var(--c1)!important; }
.nav-sidebar li a, .off-canvas .nav-sidebar > li > a { color:var(--w)!important; font:400 26px var(--fh)!important; text-transform:uppercase!important; letter-spacing:var(--tr)!important; border-color:var(--gb)!important; }
.nav-sidebar > li { border-color:var(--gb)!important; }
.nav-sidebar .children li a, .nav-sidebar .sub-menu li a { color:var(--ab)!important; font-size:18px!important; }
.mfp-close { color:var(--w)!important; }
.mfp-bg { background:#000!important; opacity:.85!important; }

/* ---------- Nút ---------- */
.button, button, input[type="submit"], .wpcf7-submit {
  font:500 15px var(--fh)!important; text-transform:uppercase!important; letter-spacing:.08em!important; min-height:52px; padding:0 26px!important;
  display:inline-flex!important; align-items:center; justify-content:center; gap:12px; transition:color .45s var(--out), border-color .45s ease, background-position .6s var(--ease)!important;
}
.button::after { content:"→"; font-family:var(--fb); font-size:16px; display:inline-block; transition:transform .5s var(--out); }
.button:has(i)::after { content:none; }
.button:hover::after, .button:hover i { transform:translateX(6px); }
.button i { transition:transform .5s var(--out); }
/* nút vàng: quét màu khi rê chuột */
.button.secondary, .xl-giallo, input[type="submit"], .wpcf7-submit {
  color:var(--k)!important; border:0!important;
  background:linear-gradient(90deg, var(--c2) 0 50%, var(--gi) 50% 100%)!important; background-size:201% 100%!important; background-position:100% 0!important;
}
.button.secondary:hover, .xl-giallo:hover, .wpcf7-submit:hover { background-position:0 0!important; color:var(--w)!important; }
.button.secondary i { color:inherit!important; }
.button.primary:not(.is-outline) { background:var(--c2)!important; color:var(--w)!important; border:0!important; }
.button.primary:not(.is-outline):hover { background:var(--gb)!important; }
.button.white { background:transparent!important; color:var(--c2)!important; border:1px solid var(--sm)!important; }
.button.white:hover { border-color:var(--c2)!important; }
.button.is-small:not(.secondary) { background:transparent!important; border:0!important; padding:0!important; min-height:0; color:var(--c2)!important; font-size:14px!important; }
.button.is-small:not(.secondary) span { background-image:linear-gradient(currentColor,currentColor); background-size:0 1px; background-position:0 100%; background-repeat:no-repeat; transition:background-size .5s var(--out); }
.button.is-small:not(.secondary):hover span { background-size:100% 1px; }

/* ---------- Section: nhịp tối/sáng ---------- */
.section, .section > .section-bg { background-color:transparent!important; background-image:none!important; }
.section:has(.xd-card), .section:has(.xd-price), .section:has(.xd-blog), .section:has(.xd-note) { background:var(--mb)!important; }
.section { padding-top:80px!important; padding-bottom:80px!important; }
.dark, .dark p, .dark li { color:var(--w)!important; }

/* Đầu trang chủ — sân khấu điện ảnh */
.xd-hero { position:relative; overflow:hidden; background:var(--k)!important; min-height:100vh; min-height:100svh; display:flex!important; align-items:flex-end; padding:0 0 110px!important; }
.xd-hero > .section-bg { display:none; }
.xd-hero .section-content { position:relative; z-index:3; width:100%; }
.xl-stage { position:absolute; inset:0; z-index:0; overflow:hidden; }
.xl-slide { position:absolute; inset:-4%; background-size:cover; background-position:center 30%; opacity:0; transform:scale(1.14); transition:opacity 1.8s var(--ease); will-change:transform, opacity; }
.xl-slide.is-active { opacity:1; animation:xl-kenburns 9s linear forwards; }
@keyframes xl-kenburns { from { transform:scale(1.14) translateX(0); } to { transform:scale(1.02) translateX(-1.5%); } }
.xl-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; opacity:0; transition:opacity 1.2s var(--ease); }
.xl-stage.has-video .xl-video { opacity:1; }
.xl-stage.has-video .xl-slide { opacity:0!important; animation:none!important; }
.xl-shade { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.55) 48%, rgba(0,0,0,.12) 100%), linear-gradient(0deg, rgba(0,0,0,.75) 0%, transparent 45%); }
.xd-hero .col.xl-hide { display:none!important; }
.xd-hero .row > .col:not(.xl-hide) { flex-basis:62%!important; max-width:62%!important; }
.xd-hero .col-inner { display:flex; flex-direction:column; }
.xd-hero h2 { order:1; font-size:120px!important; line-height:1!important; color:var(--w)!important; margin:0 0 24px; }
.xd-hero .col-inner > h2 + p { order:0; font:400 14px var(--fh)!important; letter-spacing:.2em; text-transform:uppercase; color:var(--w)!important; margin-bottom:18px; }
.xd-hero .col-inner > h2 + p span { font:inherit!important; color:var(--gi)!important; letter-spacing:inherit!important; text-transform:uppercase; }
.xd-hero .col-inner > h2 + p + p { order:2; color:rgba(255,255,255,.72)!important; max-width:560px; font-size:17px; }
.xd-hero h3, .xd-hero h3 + p { display:none!important; }
.xd-hero .xl-giallo { order:3; align-self:flex-start; margin-top:12px; }
.xl-controls { position:absolute; right:48px; bottom:48px; z-index:4; display:flex; align-items:center; gap:24px; color:var(--w); }
.xl-count { font:400 13px var(--fh); letter-spacing:.2em; color:rgba(255,255,255,.8); min-width:64px; }
.xl-pips { display:flex; gap:12px; }
.xl-pip { width:40px; height:2px; background:rgba(255,255,255,.28); position:relative; overflow:hidden; border:0; padding:0; cursor:pointer; min-height:0; }
.xl-pip i { position:absolute; inset:0; background:var(--w); transform:scaleX(0); transform-origin:left; }
.xl-pip.is-done i { transform:scaleX(1); }
.xl-pip.is-active i { animation:xl-pip var(--xl-dur, 7s) linear forwards; }
@keyframes xl-pip { to { transform:scaleX(1); } }
.xd-hero.xl-paused .xl-pip.is-active i, .xd-hero.xl-paused .xl-slide.is-active { animation-play-state:paused; }
.xl-hex { width:46px; height:50px; background:none!important; border:0; padding:0; color:var(--w); cursor:pointer; min-height:0; display:inline-flex; align-items:center; justify-content:center; transition:opacity .3s; }
.xl-hex:hover { opacity:.7; }
.xl-hex::after { content:none!important; }
.xl-scroll { position:absolute; left:48px; bottom:40px; z-index:4; display:flex; align-items:center; gap:14px; font:400 12px var(--fh); letter-spacing:.2em; color:rgba(255,255,255,.7); text-transform:uppercase; }
.xl-scroll i { width:1px; height:48px; background:rgba(255,255,255,.25); position:relative; overflow:hidden; display:block; }
.xl-scroll i::after { content:""; position:absolute; left:0; top:-40%; width:1px; height:40%; background:var(--w); animation:xl-scrollcue 2.2s var(--ease) infinite; }
@keyframes xl-scrollcue { to { top:100%; } }

/* Đầu trang con — sân khấu tối */
.xd-page-hero { background:var(--c2)!important; min-height:66vh; display:flex!important; align-items:flex-end; padding:120px 0 72px!important; }
.xd-page-hero .col-inner { text-align:left!important; }
.xd-page-hero h1 { font-size:110px!important; line-height:1!important; color:var(--w)!important; text-align:left!important; margin-bottom:18px; }
.xd-page-hero .lead { color:var(--ab)!important; text-align:left!important; max-width:640px; }
.xd-page-hero .col { flex-basis:100%!important; max-width:100%!important; }
.xd-page-hero .row { justify-content:flex-start!important; }
.xd-page-hero .button, .xd-page-hero .button.white { color:var(--k)!important; border:0!important; background:linear-gradient(90deg, var(--w) 0 50%, var(--gi) 50% 100%)!important; background-size:201% 100%!important; background-position:100% 0!important; }
.xd-page-hero .button:hover { background-position:0 0!important; }
.xd-page-hero .xl-crumb { display:block; font:400 13px var(--fh); letter-spacing:.2em; text-transform:uppercase; color:var(--sm); margin-bottom:22px; }

/* Trích dẫn */
.xd-quote { font:400 46px/1.08 var(--fh)!important; text-transform:uppercase; letter-spacing:var(--tr); color:var(--c1)!important; text-align:left!important; }
.xd-quote strong { font-weight:400; color:var(--c1)!important; background:linear-gradient(transparent 82%, var(--gi) 82%); }
.xd-quote .xd-quote-mark { display:none; }

/* Thẻ dịch vụ */
.xd-card > .col-inner { background:var(--w)!important; border:0!important; padding:40px!important; }
.xd-card h3 { font-size:32px!important; }
.xd-lead { font:400 40px/1.1 var(--fh)!important; text-transform:uppercase; letter-spacing:var(--tr); }

/* Ảnh: trắng đen -> màu khi rê chuột (không áp cho ảnh người) */
.section .img:not(.xd-avatar):not(.xd-photo):not(.xd-cta-person) .img-inner img, .box-blog-post .box-image img, .entry-content figure img, .icon-box-img img, .entry-image img, .entry-header .entry-image img {
  filter:grayscale(1) contrast(1.05); transition:filter .9s var(--out), transform 1.4s var(--out);
}
.section .img:not(.xd-avatar):not(.xd-photo):not(.xd-cta-person):hover .img-inner img, .box-blog-post:hover .box-image img, .xd-proj > .col-inner:hover img, .entry-content figure:hover img, .xd-card:hover img { filter:none; }
.box-blog-post .box-image, .xd-proj .img-inner, .section .img-inner { overflow:hidden; }
.box-blog-post:hover .box-image img, .xd-proj > .col-inner:hover .img-inner img { transform:scale(1.05); }

/* Mảng tối "một đầu mối", quy trình, số liệu */
.xd-grad, .xd-grad > .section-bg { background:var(--c2)!important; }
.xd-grad, .xd-grad p, .xd-grad li, .xd-grad h1, .xd-grad h2, .xd-grad h3, .xd-grad h4, .xd-grad strong { color:var(--w)!important; }
.xd-grad p { color:var(--ab)!important; }
.xd-grad .xd-lead, .xd-grad .xd-lead strong { color:var(--w)!important; font-weight:400; }
.xd-grad .button, .xd-grad .button.white { background:transparent!important; color:var(--w)!important; border:1px solid var(--sm)!important; }
.xd-grad .button:hover { border-color:var(--w)!important; }
.xd-grad img, .xd-photo img, .xd-cta-person img { border:0!important; }
.xd-step { text-align:left; border-top:1px solid var(--gb); padding:24px 0 0; }
.xd-step span { display:block; width:auto; height:auto; background:none!important; border:0!important; color:var(--gb)!important; font:400 54px/1 var(--fh); margin-bottom:12px; }
.xd-step h4 { font-size:22px!important; } .xd-step p { font-size:15px; }
.xd-stat { text-align:left; border-top:1px solid var(--gb); padding-top:20px; }
.xd-stat strong { display:block; font:400 80px/1 var(--fh); color:var(--w)!important; letter-spacing:var(--tr); }
.xd-stat span { color:var(--ab)!important; font:400 14px var(--fh); text-transform:uppercase; letter-spacing:.12em; }

/* Dải CTA — băng rôn sự kiện có ảnh */
.xd-grad-radial { position:relative; overflow:hidden; background:var(--c1)!important; padding:120px 0!important; }
.xd-grad-radial::before { content:""; position:absolute; inset:-10% 0; background:var(--xl-banner, none) center/cover no-repeat; transform:translateY(var(--xl-par, 0px)); z-index:0; }
.xd-grad-radial::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.25) 100%); z-index:1; }
.xd-grad-radial > .section-bg { display:none; }
.xd-grad-radial .section-content { position:relative; z-index:2; }
.xd-grad-radial .col { flex-basis:100%!important; max-width:100%!important; }
.xd-grad-radial .row { justify-content:flex-start!important; }
.xd-grad-radial h2, .xd-grad-radial p, .xd-grad-radial .col-inner { text-align:left!important; color:var(--w)!important; }
.xd-grad-radial h2 { font-size:80px!important; line-height:1!important; max-width:900px; }
.xd-grad-radial small, .xd-grad-radial em { color:var(--ab)!important; font-style:normal; font-family:var(--fh); text-transform:uppercase; letter-spacing:.12em; }

/* Bảng giá */
.xd-price-title { font-size:80px!important; text-align:left!important; }
.section:has(.xd-price) p[style*="center"] { text-align:left!important; color:var(--sm)!important; }
.xd-price > .col-inner { background:var(--w)!important; border:0!important; padding:0!important; height:100%; transition:background-color .5s ease; }
.xd-price .xd-price-head { background:transparent!important; text-align:left; padding:32px 32px 0; }
.xd-price .xd-price-head h3 { color:var(--c1)!important; font-size:27px!important; margin:0; }
.xd-price .xd-price-head small { color:var(--sm); font-style:normal; font-family:var(--fh); text-transform:uppercase; letter-spacing:.12em; }
.xd-price .xd-price-num { font:400 80px/1 var(--fh); color:var(--c1)!important; text-align:left; padding:24px 32px 8px; letter-spacing:var(--tr); }
.xd-price .xd-price-body { padding:8px 32px 32px; color:var(--k)!important; }
.xd-price .divider, .xd-price .is-divider { display:none!important; }
.xd-price .xd-check { list-style:none; margin:0 0 24px; }
.xd-price .xd-check li { color:var(--k)!important; border-bottom:1px solid var(--line)!important; padding:10px 0 10px 24px; position:relative; }
.xd-price .xd-check li:before { content:""; position:absolute; left:0; top:19px; width:12px; height:1px; background:var(--c2); }
.xd-price.is-featured > .col-inner { background:var(--c2)!important; }
.xd-price.is-featured h3, .xd-price.is-featured .xd-price-num, .xd-price.is-featured .xd-price-body, .xd-price.is-featured li { color:var(--w)!important; }
.xd-price.is-featured .xd-check li { border-color:var(--gb)!important; }
.xd-price.is-featured .xd-check li:before { background:var(--w); }
.xd-price.is-featured .xd-price-head::after { content:"Phổ biến"; display:block; margin-top:10px; color:var(--gi); font:400 13px var(--fh); letter-spacing:.2em; text-transform:uppercase; }
.xd-price.is-featured .button.is-small, .xd-price.is-featured .button.white { color:var(--w)!important; }
.xd-tip .icon-box { background:var(--w)!important; border:0!important; padding:24px; }

/* FAQ */
.accordion { border-top:1px solid var(--ab); }
.accordion-title { background:transparent!important; border:0!important; border-bottom:1px solid var(--ab)!important; color:var(--c1)!important; font:400 20px var(--fh)!important; text-transform:uppercase; letter-spacing:var(--tr); padding:20px 40px 20px 0!important; margin:0!important; position:relative; }
.accordion-title .toggle { display:none!important; }
.accordion-title::after { content:"+"; position:absolute; right:4px; top:50%; font:300 28px/1 var(--fb); transform:translateY(-50%); transition:transform .5s var(--out); }
.accordion-title.active::after { transform:translateY(-50%) rotate(45deg); }
.accordion-inner { border:0!important; border-bottom:1px solid var(--ab)!important; background:transparent!important; padding:16px 0 24px!important; color:var(--an)!important; }

/* Footer */
.xd-footer, .xd-footer > .section-bg { background:var(--c1)!important; }
.xd-footer .xd-foot-title { background:none!important; color:var(--sm)!important; text-align:left; font:400 13px var(--fh)!important; letter-spacing:.2em; text-transform:uppercase; padding:0; margin-bottom:18px; }
.xd-footer li { margin-bottom:10px; } .xd-footer li:before { content:none!important; }
.xd-footer a { color:var(--w)!important; font:400 16px var(--fh); text-transform:uppercase; letter-spacing:var(--tr); }
.xd-footer p { color:var(--sm)!important; }
.absolute-footer, .absolute-footer.dark { background:var(--k)!important; color:var(--sm)!important; font-family:var(--fh); text-transform:uppercase; letter-spacing:.1em; }
.absolute-footer a, .footer-secondary a, .absolute-footer strong { color:var(--w)!important; }
.back-to-top { background:var(--c2)!important; color:var(--w)!important; border:0!important; }

/* Dự án, ghi chú, cho thuê, liên hệ */
.xd-proj > .col-inner { background:var(--mb)!important; border:0!important; padding-bottom:24px!important; }
.xd-proj .xd-proj-tag { text-align:left!important; padding:0 24px; color:var(--sm)!important; font:400 12px var(--fh); letter-spacing:.14em; text-transform:uppercase; margin-top:20px; }
.xd-proj h4 { text-align:left!important; padding:0 24px; font-size:22px!important; margin:6px 0 4px; }
.xd-proj .xd-proj-desc { text-align:left!important; padding:0 24px; color:var(--sm)!important; font-size:14px; min-height:0; }
.xd-proj p[style*="center"] { text-align:left!important; padding:0 24px; }
.xd-note > .col-inner, div.xd-note { background:var(--w)!important; border:0!important; padding:32px!important; }
.xd-alert > .col-inner { background:var(--c2)!important; color:var(--w)!important; font:400 18px var(--fh)!important; text-transform:uppercase; letter-spacing:var(--tr); font-style:normal!important; }
.xd-alert p { color:var(--w)!important; }
.xd-big-title { font-size:110px!important; line-height:1!important; color:var(--c1)!important; }
.xd-domain { background:var(--mb)!important; border:0!important; border-left:2px solid var(--c2)!important; padding:14px 18px; }
.xd-domain strong { font:400 18px var(--fh); letter-spacing:var(--tr); text-transform:uppercase; }
.xd-domain small { color:var(--sm)!important; }
.xd-title-mark { background:none!important; color:var(--c1)!important; font-size:90px!important; line-height:1!important; padding:0!important; }
.xd-side-av img { border:0!important; }
.section-title b { background-color:var(--line)!important; }
.section-title-center span, .section-title span { text-transform:uppercase; font-family:var(--fh); letter-spacing:var(--tr); font-weight:400; font-size:40px; }

/* Blog */
.box-blog-post { background:transparent!important; border:0!important; }
.box-blog-post .box-text { padding:18px 0 0!important; text-align:left!important; }
.box-blog-post .box-text-inner { display:flex; flex-direction:column; }
.box-blog-post .post-meta, .box-blog-post .post-date { order:-1; color:var(--sm)!important; font:400 12px var(--fh)!important; letter-spacing:.14em; text-transform:uppercase; margin-bottom:6px; }
.box-blog-post .post-title, .box-blog-post .post-title a { font-size:22px!important; line-height:1.15!important; color:var(--c1)!important; }
.box-blog-post .from_the_blog_excerpt { color:var(--an)!important; font-size:15px; }
.box-blog-post .is-divider { display:none; }
.badge.post-date { display:none; }
.entry-category a, .entry-meta, .entry-meta a { color:var(--sm)!important; font-family:var(--fh); text-transform:uppercase; letter-spacing:.12em; font-size:13px; }
.entry-title { font-size:64px!important; line-height:1!important; }
.entry-content { font-size:18px; line-height:1.7; color:var(--k); }
.entry-content h2 { font-size:40px!important; margin-top:48px; }
.entry-content h3 { font-size:27px!important; }
.entry-content a { color:var(--k); background-size:100% 1px; }
.entry-content a:hover { color:var(--gio); }
.entry-content blockquote { border-left:2px solid var(--c2); background:var(--mb); padding:24px 28px; font-style:normal; }
.entry-content table { border:0; } .entry-content th { background:var(--c2); color:var(--w); font-family:var(--fh); text-transform:uppercase; letter-spacing:var(--tr); font-weight:400; }
.entry-content th, .entry-content td { border-color:var(--line)!important; }
.entry-content figcaption { color:var(--sm); font:400 12px var(--fh); text-transform:uppercase; letter-spacing:.12em; text-align:left; }
.widget-title, span.widget-title { font:400 13px var(--fh)!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--sm)!important; }
.widget a { color:var(--c2)!important; } .widget ul li { border-color:var(--line)!important; }

/* Form */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select, textarea {
  background:transparent!important; border:0!important; border-bottom:1px solid var(--ab)!important; color:var(--k)!important; padding-left:0!important; transition:border-color .4s ease;
}
input:focus, select:focus, textarea:focus { border-bottom-color:var(--c2)!important; outline:none; }
textarea { border:1px solid var(--ab)!important; padding:12px!important; }
label, .wpcf7 label { font:400 13px var(--fh)!important; text-transform:uppercase; letter-spacing:.14em; color:var(--gb); }
.icon-box h3, .icon-box h4, .icon-box h5 { color:var(--c1)!important; }

/* =====================================================================
   CHUYỂN CẢNH & HIỆU ỨNG (JS: assets/xd-lambo.js)
   ===================================================================== */
/* màn chuyển trang */
.xl-curtain { position:fixed; inset:0; z-index:2147483000; background:var(--c1); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:28px; transform:translateY(0); transition:transform .95s var(--ease); pointer-events:all; }
.xl-curtain img { width:180px; height:auto; opacity:0; transform:translateY(12px); animation:xl-fadeup .7s var(--out) .1s forwards; }
.xl-curtain .xl-bar { width:180px; height:2px; background:var(--gb); position:relative; overflow:hidden; display:block; }
.xl-curtain .xl-bar i { position:absolute; inset:0; background:var(--gi); transform:scaleX(0); transform-origin:left; animation:xl-bar .8s var(--ease) .15s forwards; }
.xl-curtain.is-out { transform:translateY(-100%); }
.xl-curtain.is-enter { transform:translateY(100%); }
.xl-curtain.is-enter.is-on { transform:translateY(0); }
.xl-curtain.is-enter img, .xl-curtain.is-enter .xl-bar { display:none; }
@keyframes xl-fadeup { to { opacity:1; transform:none; } }
@keyframes xl-bar { to { transform:scaleX(1); } }

/* vạch tiến độ cuộn */
.xl-progress { position:fixed; top:0; left:0; width:100%; height:2px; background:var(--gi); transform:scaleX(0); transform-origin:left; z-index:2147482000; pointer-events:none; }

/* chữ đầu trang chủ vào sau màn */
.xl-js .xd-hero .col-inner > * { opacity:0; transform:translateY(48px); }
.xl-loaded .xd-hero .col-inner > * { opacity:1; transform:none; transition:opacity 1s var(--out), transform 1.2s var(--out); }
.xl-loaded .xd-hero .col-inner > h2 + p { transition-delay:.15s; }
.xl-loaded .xd-hero .col-inner > h2 { transition-delay:.3s; }
.xl-loaded .xd-hero .col-inner > h2 + p + p { transition-delay:.5s; }
.xl-loaded .xd-hero .col-inner > .xl-giallo { transition-delay:.7s; }
.xl-js .xd-page-hero .col-inner > * { opacity:0; transform:translateY(40px); }
.xl-loaded .xd-page-hero .col-inner > * { opacity:1; transform:none; transition:opacity 1s var(--out), transform 1.2s var(--out); }
.xl-loaded .xd-page-hero .col-inner > *:nth-child(2) { transition-delay:.15s; }
.xl-loaded .xd-page-hero .col-inner > *:nth-child(3) { transition-delay:.3s; }
.xl-loaded .xd-page-hero .col-inner > *:nth-child(4) { transition-delay:.45s; }

/* tiêu đề trồi lên sau mặt nạ */
.xl-js .xl-h { clip-path:inset(0 0 100% 0); transform:translateY(36px); transition:clip-path 1.2s var(--ease), transform 1.2s var(--out); }
.xl-js .xl-h.is-in { clip-path:inset(-40% -10% -30% -10%); transform:none; }
/* thẻ hiện dần */
.xl-js .xl-up { opacity:0; transform:translateY(56px); transition:opacity 1s var(--out), transform 1.2s var(--out); }
.xl-js .xl-up.is-in { opacity:1; transform:none; }
/* ảnh mở như rèm */
.xl-js .xl-wipe { clip-path:inset(0 100% 0 0); transition:clip-path 1.4s var(--ease); }
.xl-js .xl-wipe img { transform:scale(1.25)!important; transition:transform 2s var(--out), filter .9s var(--out)!important; }
.xl-js .xl-wipe.is-in { clip-path:inset(0 0 0 0); }
.xl-js .xl-wipe.is-in img { transform:scale(1)!important; }
.xl-js .xl-wipe.is-in:hover img { transform:scale(1.05)!important; }
.xl-par { will-change:transform; }


/* =====================================================================
   TĂNG ĐỘ NỔI BẬT (vòng soát màu & nội dung)
   ===================================================================== */
/* Tiêu đề mục: căn trái + số thứ tự dẫn nhịp */
.page-wrapper, #content, .blog-wrapper { counter-reset:xls; }
.section:not(.xd-hero):not(.xd-page-hero):not(.xd-footer) > .section-content > .row:first-child > .col:first-child > .col-inner > h2:first-child::before {
  counter-increment:xls; content:counter(xls, decimal-leading-zero) "  —"; display:block; font:400 14px var(--fh); letter-spacing:.24em; color:var(--gio); margin-bottom:16px;
}
.section h2[style*="center"], .section .section-title-center { text-align:left!important; }
.section-title-container .section-title-center { justify-content:flex-start!important; }
.section-title-center b:first-of-type { display:none; }

/* Dịch vụ: sân khấu đen + số vàng */
.section:has(.xd-card) { background:var(--c1)!important; counter-reset:xlc; }
.section:has(.xd-card) h2, .section:has(.xd-card) h3, .section:has(.xd-card) h4 { color:var(--w)!important; }
.section:has(.xd-card) h2::before { color:var(--gi)!important; }
.section:has(.xd-card) p, .section:has(.xd-card) em { color:var(--ab)!important; }
.section:has(.xd-card) strong, .section:has(.xd-card) a:not(.button) { color:var(--w)!important; }
.section:has(.xd-card) .xd-kicker, .section:has(.xd-card) p[style*="center"] { color:var(--ab)!important; text-align:left!important; font-style:normal!important; }
.xd-card > .col-inner, .section:has(.xd-card) .xd-card > .col-inner { background:var(--c2)!important; padding:48px!important; border-top:1px solid var(--gb)!important; transition:border-color .6s var(--out), background-color .6s ease; }
.xd-card > .col-inner:hover { border-top-color:var(--gi)!important; background:#262626!important; }
.xd-card > .col-inner::before { counter-increment:xlc; content:counter(xlc, decimal-leading-zero); display:block; font:400 72px/1 var(--fh); color:var(--gi); letter-spacing:var(--tr); margin-bottom:20px; }
.section:has(.xd-card) .icon-box-img img, .section:has(.xd-card) .img img { filter:none!important; }
.section:has(.xd-card) .button.white { color:var(--w)!important; border-color:var(--sm)!important; }
/* thẻ tính năng đã có số vàng lớn -> ẩn icon ảnh nhỏ (nhìn không rõ trên nền đen) */
.xd-card .icon-box-img { display:none!important; }
.xd-card .icon-box.icon-top .icon-box-text, .xd-card .icon-box .icon-box-text { padding:0!important; text-align:left!important; }
.xd-card .icon-box { text-align:left!important; }

/* Dải "một đầu mối" / quy trình / số liệu: sân khấu VÀNG (điểm nhấn mạnh nhất trang) */
.xd-grad, .xd-grad > .section-bg { background:var(--gi)!important; }
.xd-grad, .xd-grad p, .xd-grad li, .xd-grad h1, .xd-grad h2, .xd-grad h3, .xd-grad h4, .xd-grad strong, .xd-grad span, .xd-grad a:not(.button) { color:var(--k)!important; }
.xd-grad p { color:var(--an)!important; }
.xd-grad h2::before { color:var(--k)!important; opacity:.55; }
.xd-grad .xd-lead { font-size:56px!important; line-height:1.02!important; color:var(--k)!important; }
.xd-grad .xd-lead strong { color:var(--k)!important; background:linear-gradient(transparent 86%, var(--k) 86%); }
.xd-grad .button, .xd-grad .button.white { color:var(--k)!important; border:1px solid var(--k)!important; background:transparent!important; }
.xd-grad .button:hover { background:var(--k)!important; color:var(--gi)!important; }
.xd-grad .img img, .xd-grad .xd-cta-person img, .xd-grad .xd-photo img { filter:grayscale(1) contrast(1.2) brightness(.95)!important; mix-blend-mode:multiply; }
.xd-grad .img:hover img { filter:grayscale(1) contrast(1.25)!important; }
.xd-grad .xd-step, .xd-grad .xd-stat { border-top-color:rgba(0,0,0,.28)!important; }
.xd-grad .xd-step span { color:rgba(0,0,0,.32)!important; }
.xd-grad .xd-stat strong { color:var(--k)!important; font-size:96px!important; }
.xd-grad .xd-stat span { color:var(--an)!important; }

/* Đầu trang Liên hệ: sân khấu tối */
.section:has(.xd-title-mark) { background:var(--c2)!important; padding:120px 0 80px!important; }
.section:has(.xd-title-mark) h1, .section:has(.xd-title-mark) h2, .section:has(.xd-title-mark) .xd-title-mark { color:var(--w)!important; text-align:left!important; }
.section:has(.xd-title-mark) p { color:var(--ab)!important; text-align:left!important; }
.section:has(.xd-title-mark) strong { color:var(--w)!important; }
.section:has(.xd-title-mark) .col-inner { text-align:left!important; }
.section:has(.xd-title-mark) h1::before, .section:has(.xd-title-mark) h2::before { content:none!important; }

/* Ghi chú & cảnh báo: tối, vạch vàng */
.section:has(.xd-note) { background:var(--c1)!important; }
.xd-note > .col-inner, div.xd-note { background:var(--c2)!important; border-left:4px solid var(--gi)!important; }
.xd-note p, .xd-note li { color:var(--ab)!important; text-align:left!important; }
.xd-note strong, .xd-note h3 { color:var(--w)!important; }
.xd-note .button { color:var(--w)!important; }
.xd-alert > .col-inner { background:var(--c2)!important; border-left:4px solid var(--gi)!important; text-align:left!important; }
/* form & chữ trong mảng tối có hộp ghi chú (trang Liên hệ) */
.section:has(.xd-note) h1, .section:has(.xd-note) h2, .section:has(.xd-note) h3, .section:has(.xd-note) h4 { color:var(--w)!important; }
.section:has(.xd-note) p, .section:has(.xd-note) li { color:var(--ab)!important; }
.section:has(.xd-note) strong, .section:has(.xd-note) a:not(.button) { color:var(--w)!important; }
.section:has(.xd-note) label, .section:has(.xd-note) .wpcf7 label { color:var(--ab)!important; }
.section:has(.xd-note) input[type="text"], .section:has(.xd-note) input[type="email"], .section:has(.xd-note) input[type="tel"], .section:has(.xd-note) select, .section:has(.xd-note) textarea {
  color:var(--w)!important; border-color:var(--gb)!important; background:transparent!important;
}
.section:has(.xd-note) input::placeholder, .section:has(.xd-note) textarea::placeholder { color:var(--sm)!important; }
.section:has(.xd-note) input:focus, .section:has(.xd-note) textarea:focus, .section:has(.xd-note) select:focus { border-color:var(--gi)!important; }
.section:has(.xd-note) select option { color:var(--k); }

/* Dự án: giữ màu thật, thẻ chắc hơn */
.xd-proj img, .xd-proj .img-inner img { filter:none!important; }
.xd-proj > .col-inner { border-bottom:2px solid transparent!important; transition:border-color .6s var(--out)!important; }
.xd-proj > .col-inner:hover { border-bottom-color:var(--gi)!important; }

/* Bảng giá: gói nổi bật có vạch vàng */
.xd-price.is-featured > .col-inner { border-top:4px solid var(--gi)!important; }
.xd-price-title::before { color:var(--gio)!important; }

/* Ảnh nền điện ảnh cho đầu trang con & đầu trang Liên hệ */
.xl-has-bg { position:relative; overflow:hidden; }
.xl-has-bg::before { content:""; position:absolute; inset:-6% 0; z-index:0; background:var(--xl-pagebg) 70% center/cover no-repeat; animation:xl-bgzoom 22s ease-out both; }
.xl-has-bg::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.6) 50%, rgba(0,0,0,.2) 100%), linear-gradient(0deg, rgba(0,0,0,.6) 0%, transparent 50%); }
.xl-has-bg > .section-bg { display:none!important; }
.xl-has-bg > .section-content { position:relative; z-index:2; }
@keyframes xl-bgzoom { from { transform:scale(1.12); } to { transform:scale(1); } }

/* Ảnh tối mới (bản Showroom) không làm xám */
img[src*="dark-ui-"], img[srcset*="dark-ui-"] { filter:none!important; }

@media only screen and (max-width: 48em) {
  .xd-grad .xd-lead { font-size:34px!important; }
  .xd-grad .xd-stat strong { font-size:60px!important; }
  .xd-card > .col-inner, .section:has(.xd-card) .xd-card > .col-inner { padding:32px!important; }
  .xd-card > .col-inner::before { font-size:52px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation:none!important; transition:none!important; }
  .xl-js .xl-h, .xl-js .xl-up, .xl-js .xl-wipe, .xl-js .xd-hero .col-inner > *, .xl-js .xd-page-hero .col-inner > * { opacity:1!important; transform:none!important; clip-path:none!important; }
  .xl-curtain { display:none!important; }
}

@media only screen and (max-width: 48em) {
  h1 { font-size:48px; } h2 { font-size:38px; }
  .xd-hero { padding-bottom:120px!important; }
  .xd-hero .row > .col:not(.xl-hide) { flex-basis:100%!important; max-width:100%!important; }
  .xd-hero h2 { font-size:64px!important; }
  .xl-controls { right:20px; bottom:28px; gap:14px; } .xl-pip { width:28px; } .xl-count { display:none; }
  .xl-scroll { left:20px; bottom:30px; }
  .xd-page-hero { min-height:52vh; padding:100px 0 48px!important; }
  .xd-page-hero h1, .xd-big-title, .xd-title-mark { font-size:56px!important; }
  .xd-grad-radial h2, .xd-price-title { font-size:48px!important; }
  .xd-quote { font-size:30px!important; }
  .xd-stat strong, .xd-price .xd-price-num { font-size:56px; }
  .entry-title { font-size:42px!important; }
  .section { padding-top:56px!important; padding-bottom:56px!important; }
}

/* Màn hình hẹp: kéo khung nhìn video sang phần có nội dung */
@media (max-width: 849px) {
  .xl-video.is-pc { object-position: 70% center; }   /* chỉ khi phải dùng bản ngang */
  .xl-video.is-mb { object-position: center center; }
  .xl-stage.has-video .xl-shade { background: linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.55) 52%, rgba(0,0,0,.35) 100%); }
}

/* ---------- Nút "Web Ô Tô" trên header: vàng, luôn thắng luật .button.is-small ---------- NUT WEB O TO */
html:root body .header-button a.button,
html:root body .header-button a.button.white,
html:root body .header-button a.button.is-small {
  background:var(--gi)!important; color:var(--c1)!important; border:1px solid var(--gi)!important;
  font:600 13px var(--fh)!important; letter-spacing:.14em!important; text-transform:uppercase!important;
  min-height:38px; padding:0 20px!important; display:inline-flex!important; align-items:center; line-height:1!important;
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
html:root body .header-button a.button span { color:inherit!important; }
html:root body .header-button a.button:hover { background:transparent!important; color:var(--gi)!important; border-color:var(--gi)!important; }
@media (max-width: 549px) {
  html:root body .header-button a.button { font-size:12px!important; padding:0 12px!important; min-height:34px; letter-spacing:.1em!important; }
}