/* lotuz.vn design system — site.css (wp_head 200). Chỉ dùng var() từ tokens.css; góc vuông tuyệt đối; vàng chỉ cho nhấn/CTA, nút vàng = viền + nền tint, không có nền vàng đặc. */

:root{
  --ds-ink:var(--ink);
  --ds-gold:var(--gold);
  --ds-sans:var(--sans);
  --ds-line:var(--line);
  --ds-paper:var(--paper);
  --measure:none;
}

/* 1. Base */
html{background:var(--ink);-webkit-text-size-adjust:100%}
/* Trang chủ snap mandatory từng tầng: scroll-padding ở đó đẩy mọi tầng xuống 100px */
html:not(:has(body.lz-ds-home)){scroll-padding-top:calc(var(--hh) + var(--sp-4))}
html body,html body.site-light,html body.site-dark{background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:var(--fs-body);line-height:1.7;-webkit-font-smoothing:antialiased}
/* Trang chủ giữ nhịp chữ của demo (lệch là màn deck 375 tràn): dòng 1.6; JS thebe gắn .h cho mọi heading và .h{margin:10px 0}
   đè reset của home.css. Luật dưới cùng độ ưu tiên .h (0,1,0): thắng theme vì nạp sau, thua luật riêng của home.css nạp sau nữa. */
html body.lz-ds-home{line-height:1.6}
:where(body.lz-ds-home main :is(h1,h2,h3,h4,h5,h6)).h{margin-top:0;margin-bottom:0}
html body .main-content,html body .ajax-content,html body .ajax-target{background:transparent;color:var(--paper)}
::selection{background:var(--gold-tint-2);color:var(--paper)}
img,video,iframe,svg{max-width:100%}
img{height:auto}
a{color:var(--paper);text-decoration-color:var(--line);text-underline-offset:3px;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
a:hover,a:focus-visible{color:var(--gold)}
:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
hr{border:0;border-top:1px solid var(--line);margin:var(--sp-7) 0;height:0}
h1,h2,h3,h4,h5,h6,.h,.title{font-family:var(--display);font-weight:300;color:var(--paper);text-wrap:balance;letter-spacing:0}
html body :is(h1,h2,h3,h4,h5,h6){font-weight:300}
b,strong{font-family:inherit;font-weight:600;color:var(--paper)}
mark{background:var(--gold-tint-2);color:var(--paper)}

/* 2. Form controls */
html input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
html textarea,html select{background:var(--stone);color:var(--paper);border:1px solid var(--line);padding:var(--sp-3) var(--sp-4);font:inherit;font-size:var(--fs-body);line-height:1.5;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
html input:not([type=submit]):not([type=button]):focus,html textarea:focus,html select:focus{border-color:var(--gold);outline:0;background:var(--slate)}
html input::placeholder,html textarea::placeholder{color:var(--mute);opacity:1}
html label,html legend{color:var(--mute);font-size:var(--fs-small)}
html input[type=checkbox],html input[type=radio]{accent-color:var(--gold)}

/* 3. Nút. Chính (vàng) = viền gold + nền tint + blur; không có nền vàng đặc */
html input[type=submit],html input[type=button],html .button,html .btn-gold,html .wp-block-button__link,html .wpcf7-submit,html .search-submit,
html .lz404-search button,html .comment-root input[type=submit],html .default-template-page input[type=submit],html .text-area input[type=submit],
html .lsv .lsv-btn-1,html .lsv .lsv-step-n,html .lz .lz-cta-btn,html .lz-contact .lz-cf-submit,html .lz-service-page .lz-sp-cta a,
html .careers-page .cr-btn-gold,html .bds-page .btn-primary,html .lai .lai-btn-gold,html .lai .lai-rel-active,
html .mppg .mp-cbtn,html .vrpg .vr-cbtn,html body .mbtt .mkbtn--solid{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  border:1px solid var(--gold);background:var(--gold-tint);color:var(--gold);-webkit-text-fill-color:currentColor;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  padding:var(--sp-3) var(--sp-5);font-family:var(--sans);font-size:var(--fs-small);font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:none;filter:none;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
html input[type=submit]:hover,html input[type=button]:hover,html .button:hover,html .btn-gold:hover,html .wp-block-button__link:hover,html .wpcf7-submit:hover,html .search-submit:hover,
html .lz404-search button:hover,html .comment-root input[type=submit]:hover,html .default-template-page input[type=submit]:hover,html .text-area input[type=submit]:hover,
html .lsv .lsv-btn-1:hover,html .lz .lz-cta-btn:hover,html .lz-contact .lz-cf-submit:hover,html .lz-service-page .lz-sp-cta a:hover,
html .careers-page .cr-btn-gold:hover,html .bds-page .btn-primary:hover,html .lai .lai-btn-gold:hover,html .lai .lai-rel-active:hover,
html .mppg .mp-cbtn:hover,html .vrpg .vr-cbtn:hover,html body .mbtt .mkbtn--solid:hover{
  background:var(--gold-tint-2);color:var(--paper);-webkit-text-fill-color:currentColor;transform:none;box-shadow:none;filter:none}
html .lz .lz-cta-btn::after{display:none}
html .lsv .lsv-btn-1,html .lz .lz-cta-btn,html .lz-contact .lz-cf-submit,html .careers-page .cr-btn-gold,html .bds-page .btn-primary,html body .mbtt .mkbtn--solid{color:var(--gold)!important}
html .lsv .lsv-btn-1:hover,html .lz .lz-cta-btn:hover,html .lz-contact .lz-cf-submit:hover,html .careers-page .cr-btn-gold:hover,html .bds-page .btn-primary:hover,html body .mbtt .mkbtn--solid:hover{color:var(--paper)!important}
html body .mbtt .mkbtn--solid{background:var(--gold-tint)!important;border-color:var(--gold)!important}
html body .mbtt .mkbtn--solid:hover{background:var(--gold-tint-2)!important}
html .lsv .lsv-step-n{width:40px;height:40px;padding:0}

html .lsv .lsv-btn-2,html .lsv .lsv-hero .lsv-btn-2,html .careers-page .cr-btn-glass,html .bds-page .btn-secondary,html body .mbtt .mkbtn--line{
  border:1px solid var(--line);background:transparent;color:var(--paper);box-shadow:none;backdrop-filter:none;font-size:var(--fs-small);font-weight:500;letter-spacing:.12em;text-transform:uppercase}
html .lsv .lsv-btn-2:hover,html .lsv .lsv-hero .lsv-btn-2:hover,html .careers-page .cr-btn-glass:hover,html .bds-page .btn-secondary:hover,html body .mbtt .mkbtn--line:hover{
  border-color:var(--gold);background:var(--gold-tint);color:var(--gold)}
html .lz .lz-view-all{border:1px solid var(--line);background:transparent;color:var(--paper)}
html .lz .lz-view-all:hover{border-color:var(--gold);background:var(--gold-tint);color:var(--gold)}
html .lz .lz-view-all::before{display:none}

/* 4. Ẩn header/footer cũ (header/footer mới do lotuz-ds.php in) */
.pt-header,.lotuz-seo-footer,.pt-footer,.footer-widgets{display:none!important}

/* 5. Khung trang: nhường chỗ cho header cố định */
.lotuz-breadcrumbs{padding:calc(var(--hh) + var(--sp-4)) var(--gx) var(--sp-3);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);background:transparent;border-bottom:1px solid var(--line)}
.lotuz-breadcrumbs a{color:var(--mute);text-decoration:none}
.lotuz-breadcrumbs a:hover{color:var(--gold)}
.lotuz-breadcrumbs .separator{margin:0 var(--sp-2);color:var(--line)}
/* Khung chung: mọi trang bám 2 rail A–B = --rail (tối đa --wmax). Khung ngoài lấy rail, khung con bỏ max-width/padding riêng để chữ, box, media tràn sát rail */
html body :is(.default-template-page,.single-inner,.archive-list,.pic-list,.title-group .text,.page-other .wrap){width:var(--rail)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
html body .default-template-page{margin-top:var(--sp-8);margin-bottom:var(--sp-8)}
html body .default-template-page>.wrap,html body .single-inner>*,html body .default-template-page .text-area>:is(.lsv,.mbtt,.lai,.lz,.lz-contact,.bds-page){max-width:none!important;width:auto;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
html body .single-inner>.text-area{padding-left:0!important;padding-right:0!important}
html body .single-inner .wrap,html body :is(.single-main-intro .title,h1.title,.lz404-desc){max-width:none}
html body .lsv :is(.lsv-in,.lsv-hero-in,.lsv-lede,.lsv-sub){max-width:none}
html body .lsv>section:not(.has-bg){padding-left:0;padding-right:0}
html body .lsv>section:not(.has-bg) :is(.lsv-in,.lsv-hero-in){padding-left:0;padding-right:0}
html body .mbtt>section,html body .mbtt .wrap{max-width:none;padding-left:0;padding-right:0}
html body .mbtt :is(.stack,.narrow,.vfig,.lead,.mid,.dev,.dev__base,.faq,.faq__a,.h,.dim),html body .mbtt [style*="max-width"]{max-width:none!important}
html body .careers-page>section{padding-left:max(var(--gx),(100% - var(--wmax))/2);padding-right:max(var(--gxr),(100% - var(--wmax))/2)}
html body .careers-page>section>:is([class$="-wrap"],.cr-hero-content){max-width:none;width:auto;margin-left:0;margin-right:0}
html body .careers-page :is(.cr-hero-sub,.cr-section-desc,.cr-reveal){max-width:none}
body:not(.lz-ds-home) .ft>*{max-width:var(--wmax);margin-left:auto;margin-right:auto}
html body .default-template-page>.wrap>.h.title,html body .single-main-intro .title,html body .lz-archive-title{font-family:var(--display);font-size:var(--fs-h1);font-weight:300;line-height:1.1;color:var(--paper);max-width:none;margin-bottom:var(--sp-7);text-wrap:balance}
html body .default-template-page>.wrap>.h.title:after{height:1px;width:48px;background:var(--gold);bottom:calc(-1 * var(--sp-4))}
.lz-archive-title::first-letter{color:inherit}
html body .single-main-intro,html body .single-main-content,html body .single-footer,html body .single-extend .text{color:var(--paper);background:transparent}
html body .single-meta,html body .single-meta .item>div,html body .category a,html body .single-tags a,html body .post-footer-info{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:500}
html body .category a:hover,html body .single-tags a:hover{color:var(--gold)}
html body .single-tags a,html body .category a{border:1px solid var(--line);background:transparent;padding:var(--sp-1) var(--sp-3)}
html body .single-tags a:hover,html body .category a:hover{border-color:var(--gold);background:var(--gold-tint)}

/* 6. Bài viết / trang thường. Chỉ nhắm con TRỰC TIẾP của vùng nội dung để không lọt vào landing (.lsv, .lz, .lai, .mbtt...) nằm trong the_content */
html body :is(.text-area,.single-main-content,.entry-content,.default-template-page .text-area){font-family:var(--sans);font-size:17px;line-height:1.75;color:var(--paper)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(p,ul,ol,blockquote,pre,figure,table,h2,h3,h4,h5,h6){max-width:var(--measure)}
html body :is(.text-area,.single-main-content,.entry-content)>p{margin:0 0 1.2em;color:var(--paper)}
html body :is(.text-area,.single-main-content,.entry-content)>p:first-of-type{font-size:var(--fs-lead)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(p,ul,ol,blockquote,table,figure) a:not(.button):not(.btn){color:var(--paper);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
html body :is(.text-area,.single-main-content,.entry-content)>:is(p,ul,ol,blockquote,table,figure) a:not(.button):not(.btn):hover{color:var(--gold)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(h2,h3,h4,h5,h6){font-family:var(--display);font-weight:300;color:var(--paper);text-wrap:balance;line-height:1.2;margin:var(--sp-8) 0 var(--sp-4)}
html body :is(.text-area,.single-main-content,.entry-content)>h2{position:relative;font-size:var(--fs-h2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}
html body :is(.text-area,.single-main-content,.entry-content)>h2::after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:1px;background:var(--gold)}
html body :is(.text-area,.single-main-content,.entry-content)>h3{font-size:var(--fs-h3);padding-left:var(--sp-4);border-left:1px solid var(--gold)}
html body :is(.text-area,.single-main-content,.entry-content)>h4{font-family:var(--sans);font-size:var(--fs-small);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(h5,h6){font-size:var(--fs-body)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(ul,ol){margin:0 0 1.4em;padding-left:var(--sp-5)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(ul,ol) li{margin:0 0 var(--sp-2) 0;padding-left:var(--sp-1)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(ul,ol) li::marker{color:var(--gold)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(p,figure)>img,html body :is(.text-area,.single-main-content,.entry-content)>img{border:0;margin-top:var(--sp-5);margin-bottom:var(--sp-5)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(figure,.wp-caption){margin:var(--sp-6) 0}
html body :is(.text-area,.single-main-content,.entry-content) :is(figcaption,.wp-caption-text){margin-top:var(--sp-2);font-size:var(--fs-eyebrow);letter-spacing:.08em;color:var(--mute);text-align:left}

html body :is(.text-area,.single-main-content,.entry-content)>blockquote{margin:var(--sp-6) 0;padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border-left:1px solid var(--gold);background:transparent;font-family:var(--display);font-size:var(--fs-h3);font-weight:300;font-style:normal;line-height:1.4;color:var(--paper)}
html body :is(.text-area,.single-main-content,.entry-content)>blockquote p{font-size:inherit;color:inherit;margin:0 0 .6em}
html body :is(.text-area,.single-main-content,.entry-content)>blockquote cite{display:block;font-family:var(--sans);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--mute)}
html body :is(.text-area,.single-main-content,.entry-content)>:is(p,ul,ol,table,blockquote) :is(code,kbd,samp){font-family:var(--mono);font-size:.9em;background:var(--slate);color:var(--brass);border:1px solid var(--line);padding:1px 6px}
html body :is(.text-area,.single-main-content,.entry-content)>pre{margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);background:var(--stone);border:1px solid var(--line);overflow-x:auto;line-height:1.6;font-size:var(--fs-small)}
html body :is(.text-area,.single-main-content,.entry-content)>pre code{background:transparent;border:0;padding:0;color:var(--paper);font-family:var(--mono)}
html body :is(.text-area,.single-main-content,.entry-content)>table,html body :is(.text-area,.single-main-content,.entry-content)>.wp-block-table>table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;border:1px solid var(--line);margin:var(--sp-6) 0;font-size:var(--fs-small)}
html body :is(.text-area,.single-main-content,.entry-content)>table :is(th,td),html body :is(.text-area,.single-main-content,.entry-content)>.wp-block-table>table :is(th,td){padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);text-align:left;vertical-align:top;color:var(--paper)}
html body :is(.text-area,.single-main-content,.entry-content)>table th,html body :is(.text-area,.single-main-content,.entry-content)>.wp-block-table>table th{font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);background:var(--stone)}
html body :is(.text-area,.single-main-content,.entry-content)>table tbody tr:nth-child(even) td,html body :is(.text-area,.single-main-content,.entry-content)>.wp-block-table>table tbody tr:nth-child(even) td{background:var(--stone)}

/* 7. Callout, tag, TOC, bài liên quan */
.lotuz-callout{display:flex;gap:var(--sp-4);margin:var(--sp-6) 0;padding:var(--sp-5);background:var(--stone);border:1px solid var(--line);border-left:1px solid var(--gold);color:var(--paper)}
.lotuz-callout .callout-icon{flex:0 0 auto;color:var(--gold)}
.lotuz-callout .callout-title{font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-1)}
.lotuz-callout .callout-text{font-size:var(--fs-small);line-height:1.65;color:var(--paper)}
.lotuz-tag,.lotuz-tag.teal,.lotuz-tag.purple,.lotuz-tag.green,.lotuz-tag.red{display:inline-block;padding:var(--sp-1) var(--sp-3);margin:0 var(--sp-2) var(--sp-2) 0;border:1px solid var(--line);background:transparent;color:var(--mute);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase}
.lotuz-tag:hover{border-color:var(--gold);color:var(--gold)}
html #ez-toc-container,html div#ez-toc-container{background:var(--stone)!important;border:1px solid var(--line)!important;color:var(--paper)!important;box-shadow:none!important}
html #ez-toc-container .ez-toc-title{color:var(--paper)!important;font-family:var(--display)!important;font-weight:300!important;border-bottom:1px solid var(--line)!important}
html #ez-toc-container .ez-toc-title::before{background:var(--gold)!important;width:1px!important}
html #ez-toc-container .ez-toc-list>li>a,html #ez-toc-container .ez-toc-list ul li a{color:var(--mute)!important;text-decoration:none!important}
html #ez-toc-container .ez-toc-list>li>a:hover,html #ez-toc-container .ez-toc-list ul li a:hover{color:var(--gold)!important;background:var(--gold-tint)!important}
html #ez-toc-container .ez-toc-list ul{border-left:1px solid var(--line)!important}
html .lotuz-toc-toggle{color:var(--mute)!important;background:transparent!important}
html .lotuz-toc-toggle:hover,html .lotuz-toc-open>.lotuz-toc-toggle{color:var(--gold)!important;background:var(--gold-tint)!important}
.lzil{max-width:none;padding:var(--sp-6) var(--sp-5);background:var(--stone);border:1px solid var(--line)}
.lzil-h{font-family:var(--display);font-size:var(--fs-h3);font-weight:300;color:var(--paper);letter-spacing:0}
.lzil-sub,.lzil-more{color:var(--mute);font-size:var(--fs-small)}
.lzil-card{background:var(--slate);border:1px solid var(--line);padding:var(--sp-4);transition:border-color var(--dur) var(--ease)}
.lzil-card:hover{border-color:var(--gold);transform:none}
.lzil-card-t{color:var(--paper);font-weight:500}
.lzil-card-d{color:var(--mute)}
.lzil-more a{color:var(--gold);text-decoration-color:var(--gold)}

/* 8. Phân trang, lọc, danh sách bài / portfolio */
html .pages li .page-numbers,html .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;line-height:1;padding:0 var(--sp-3);background:transparent;color:var(--mute);border:1px solid var(--line);font-size:var(--fs-small);text-decoration:none}
html .pages li .page-numbers:after{display:none}
html .pages li .page-numbers:hover,html .page-numbers:hover{border-color:var(--gold);color:var(--gold);background:transparent}
html .pages li .page-numbers.current,html .page-numbers.current{border-color:var(--gold);background:var(--gold-tint);color:var(--gold)}
html body .filter .filter-ctrl li{background:transparent!important;border:1px solid var(--line)!important;color:var(--mute)!important;font-size:var(--fs-eyebrow)!important;letter-spacing:.14em;text-transform:uppercase;border-radius:0}
html body .filter .filter-ctrl li:hover{background:var(--gold-tint)!important;border-color:var(--gold)!important;color:var(--gold)!important}
html body .filter .filter-ctrl li.active{background:var(--gold-tint)!important;border-color:var(--gold)!important;color:var(--gold)!important;font-weight:500}
html body .category-nav a,html body .category-nav li{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--mute)}
html body .category-nav a:hover,html body .category-nav .active a{color:var(--gold)}
html body .blog-list .item .h a,html body .grid-list .item .h a{font-family:var(--display);font-weight:300;color:var(--paper)}
html body .blog-list .item .h a:hover,html body .grid-list .item .h a:hover{color:var(--gold)}
html body .blog-list .item,html body .grid-list .item .inner-wrap{background:transparent;border:0}
html body .blog-list .item .text,html body .blog-list .item .intro{color:var(--mute)}
html body .grid-list .wrap .item .inner-wrap,html body .grid-list .wrap .item .img,html body .grid-list .wrap .item .bg-full img{overflow:hidden}
html body .pt-title-area .title,html body .pt-title-area .h{font-family:var(--display);font-weight:300;color:var(--paper)}

/* 9. Bình luận, tìm kiếm, 404 */
html body .comment-root,html body .comment-area{color:var(--paper)}
html body .comment-root .title{font-family:var(--display);font-weight:300;font-size:var(--fs-h3);color:var(--paper)}
html body .comment-root .reply a{color:var(--mute);border:1px solid var(--line);background:transparent;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase}
html body .comment-root .reply a:hover{color:var(--gold);border-color:var(--gold)}
html body .comment-root p:not(.form-submit) input:focus,html body .comment-root textarea:focus{border-color:var(--gold)}
.lz404{padding:calc(var(--hh) + var(--sp-8)) 0 var(--sp-8)}
.lz404 .wrap{max-width:900px;padding-inline:var(--gx)}
.lz404-code{font-family:var(--display);font-weight:300;color:var(--gold);opacity:.3;letter-spacing:0}
.lz404-title{font-family:var(--display);font-weight:300;color:var(--paper);letter-spacing:0;text-wrap:balance}
.lz404-desc,.lz404-contact{color:var(--mute)}
.lz404-contact a{color:var(--gold)}
html .lz404-search input[type=search]{flex:1 1 260px;background:var(--stone);border:1px solid var(--line);color:var(--paper)}
html .lz404-search input[type=search]:focus{border-color:var(--gold);outline:0}
.lz404-card{background:var(--stone);border:1px solid var(--line);transition:border-color var(--dur) var(--ease)}
.lz404-card:hover{border-color:var(--gold);transform:none}
.lz404-card-label{color:var(--paper);font-weight:500}
.lz404-card-desc{color:var(--mute)}

/* 10. Chat FAB (lotuz-chat-fab.php) */
html .lzchat-fab{width:56px;height:56px;border:1px solid var(--gold);background:var(--gold-tint);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:none}
html .lzchat-fab:hover{background:var(--gold-tint-2);transform:none;box-shadow:none}
html .lzchat-fab svg{fill:var(--gold)}
html .lzchat-fab::after{border:1px solid var(--gold)}
html .lzchat-dot{background:var(--gold);border:2px solid var(--ink)}
html .lzchat-panel{background:var(--stone);border:1px solid var(--line);box-shadow:none}
html .lzchat-item:hover,html .lzchat-item:focus-visible{background:var(--slate)}
html .lzchat-item:focus-visible{box-shadow:inset 1px 0 0 var(--gold)}
html .lzchat-tx b{color:var(--paper);font-weight:500}
html .lzchat-tx span,html .lzchat-ar{color:var(--mute)}
html .lzchat-zalo,html .lzchat-wa{background:var(--slate);border:1px solid var(--line)}
html .lzchat-ic svg{fill:var(--paper)}

/* 11. Trang dịch vụ (engine lotuz-services.php, .lsv) */
html .lsv{--g:var(--ds-gold);--g2:var(--brass);--ink:var(--ds-ink);--pap:var(--stone);--card:var(--slate);--mut:var(--mute);--hd:var(--paper);--tx:var(--paper);--bd:var(--ds-line);--bd2:var(--ds-line);font-family:var(--ds-sans);color:var(--paper)}
html .lsv :is(.lsv-h1,.lsv-h2,.lsv-h3,.lsv-h4){font-family:var(--display);font-weight:300;text-wrap:balance;color:var(--paper)}
html .lsv .lsv-hero{padding-top:calc(var(--hh) + var(--sp-7))}
html .lsv .lsv-label{font-size:var(--fs-eyebrow);letter-spacing:.14em;font-weight:500;color:var(--gold)}
html .lsv .lsv-line{width:48px;height:1px;background:var(--gold)}
html .lsv .lsv-stat-n{font-family:var(--display);font-weight:300;color:var(--paper)}
html .lsv .lsv-hero .lsv-btn-2{color:var(--paper)}
html .lsv :is(.lsv-card,.lsv-pcard,.lsv-step,.lsv-two-c,.lsv-faq-i,.lsv-tour,.lsv-embed,.lsv-note){background:var(--stone);border-color:var(--line)}
html .lsv .lsv-two-c.lsv-yes{border-left:1px solid var(--gold)}
html .lsv .lsv-two-c.lsv-no{border-left:1px solid var(--mute)}
html .lsv .lsv-tour-go{color:var(--gold)}
html .lsv .lsv-btn{font-family:var(--sans)}

/* 12. Landing .lz (trang chủ footer SEO, trang liên hệ, trang dịch vụ cũ) */
html .lz{--gold:var(--ds-gold);--gold-light:var(--brass);--gold-deep:var(--brass);--gold-rose:var(--brass);--dark:var(--ds-ink);--dark2:var(--stone);--dark3:var(--slate);--dark4:var(--slate);
  --text:var(--paper);--text-dim:var(--mute);--text-muted:var(--mute);--serif:var(--display);--sans:var(--ds-sans);
  --gold-gradient:var(--ds-gold);--glass-bg:var(--stone);--glass-border:var(--ds-line);--glass-hover:var(--gold-tint);--radius:0;--radius-sm:0;
  font-family:var(--ds-sans);color:var(--paper)}
html .lz :is(.lz-title,.lz-sp-cta h3){font-family:var(--display);font-weight:300;color:var(--paper);text-shadow:none;text-wrap:balance}
html .lz .lz-label{background:none;-webkit-text-fill-color:currentColor;color:var(--gold);font-size:var(--fs-eyebrow);letter-spacing:.14em;font-weight:500}
html .lz .lz-line{width:48px;height:1px;background:var(--gold)}
html .lz .lz-line::after{display:none}
html .lz .lz-stat-num{font-family:var(--display);font-weight:300;background:none;-webkit-text-fill-color:currentColor;color:var(--paper)}
html .lz .lz-tag{background:transparent;border:1px solid var(--line);color:var(--mute)}
html .lz .lz-tag:hover{border-color:var(--gold);color:var(--gold)}
html .lz :is(.lz-svc,.lz-proj,.lz-about-card,.lz-stat,.lz-tech-item){background:var(--stone);border:1px solid var(--line)}
html .lz :is(.lz-svc,.lz-proj):hover{border-color:var(--gold)}
html .lz .lz-svc-icon{background:var(--gold-tint);border:1px solid var(--gold);color:var(--gold)}
html .lz .lz-cta{background:var(--stone);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html .lz .lz-cta-btn{font-family:var(--sans);margin-top:var(--sp-6)}
html .lz::-webkit-scrollbar-thumb{background:var(--line)}
html .lz-service-page{font-family:var(--sans);color:var(--paper)}
html .lz-service-page :is(h1,h2,h3,.lz-sp-cta h3){font-family:var(--display);font-weight:300;color:var(--paper);text-wrap:balance}
html .lz-service-page :is(.lz-sp-card,.lz-sp-highlight,.lz-sp-cta){background:var(--stone);border:1px solid var(--line)}
html .lz-service-page .lz-sp-line{height:1px;width:48px;background:var(--gold)}
html .lz-contact{padding-top:calc(var(--hh) + var(--sp-7));font-family:var(--sans);color:var(--paper)}
html .lz-contact :is(.lz-contact-title,h1,h2){font-family:var(--display);font-weight:300;color:var(--paper);text-wrap:balance}
html .lz-contact :is(.lz-contact-hero,.lz-contact-bar,.lz-contact-form-wrap,.lz-cb-item){background:var(--stone);border:1px solid var(--line)}
html .lz-contact .lz-contact-line{height:1px;width:48px;background:var(--gold)}
html .lz-contact :is(.lz-contact-label,.lz-cb-label){color:var(--mute);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase}
html .lz-contact :is(.lz-cb-value,.lz-cf-field label){color:var(--paper)}
html .lz-contact .lz-cb-icon{color:var(--gold)}
html .lz-contact .lz-cf-field :is(input,textarea,select){background:var(--ink);border:1px solid var(--line);color:var(--paper)}
html .lz-contact .lz-cf-field :is(input,textarea,select):focus{border-color:var(--gold)}

/* 13. Tuyển dụng (page-tuyen-dung.php, :root --cr-*) */
html:root{--cr-gold:var(--gold);--cr-gold-light:var(--brass);--cr-gold-dim:var(--gold-tint);--cr-dark:var(--ink);--cr-dark2:var(--stone);--cr-dark3:var(--slate);--cr-dark4:var(--slate);
  --cr-glass:transparent;--cr-glass-border:var(--line);--cr-text:var(--paper);--cr-text-dim:var(--mute);--cr-accent-teal:var(--gold);--cr-accent-violet:var(--brass);--cr-accent-rose:var(--gold);
  --cr-serif:var(--display);--cr-sans:var(--sans)}
html body .careers-page{background:var(--ink);font-family:var(--sans);color:var(--paper)}
html body .careers-page :is(.cr-hero,.cr-cta){background:var(--ink)}
html body .careers-page .cr-hero{padding-top:calc(var(--hh) + var(--sp-7))}
html body .careers-page .cr-hero::before,html body .careers-page .cr-cta::before{display:none}
html body .careers-page :is(h1,h2,h3,h4){font-family:var(--display)!important;font-weight:300!important;text-wrap:balance}
html body .careers-page .cr-hero h1{background:none!important;-webkit-text-fill-color:currentColor;color:var(--paper)!important}
html body .careers-page .cr-stat-num{background:none;-webkit-text-fill-color:currentColor;color:var(--paper);font-family:var(--display);font-weight:300}
html body .careers-page .cr-why-card::before{height:1px;background:var(--gold)}
html body .careers-page :is(.cr-why-icon,.cr-why-icon-2,.cr-why-icon-3,.cr-why-icon-4,.cr-job-icon,.cr-job-icon-account,.cr-job-icon-designer){background:var(--gold-tint);border:1px solid var(--line);color:var(--gold)}
html body .careers-page :is(.cr-jobs-count,.cr-tag-type,.cr-tag-level,.cr-tag-location){background:transparent;border:1px solid var(--line);color:var(--mute)}
html body .careers-page .cr-job-salary-value{background:none;-webkit-text-fill-color:currentColor;color:var(--gold)}
html body .careers-page .cr-culture-visual-overlay{background:linear-gradient(180deg,transparent 50%,var(--ink) 100%)}
html body .careers-page .cr-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* 14. BĐS premium (page-bds-premium.php): :root --gold của trang đè token toàn cục */
html:has(.bds-page){--gold:#fcc83a}
html .bds-page{--gold:#fcc83a;--gold-light:var(--brass);--dark:var(--ink);--dark2:var(--stone);--dark3:var(--slate);--glass:transparent;--glass-border:var(--line);--text:var(--paper);--text-dim:var(--mute);--accent:var(--gold);
  background:var(--ink);font-family:var(--sans);color:var(--paper)}
html .bds-page :is(.bds-hero,.bds-cta){background:var(--ink)}
html .bds-page .bds-hero{padding-top:calc(var(--hh) + var(--sp-7))}
html .bds-page .bds-hero::before{display:none}
html .bds-page :is(h1,h2,h3,h4){font-family:var(--display)!important;font-weight:300!important;text-wrap:balance}
html .bds-page .bds-hero h1{background:none!important;-webkit-text-fill-color:currentColor;color:var(--paper)!important}
html .bds-page :is(.stat-number,.benefit-stat){background:none;-webkit-text-fill-color:currentColor;color:var(--paper);font-family:var(--display);font-weight:300}
html .bds-page .phase-card::before{height:1px;background:var(--gold)}
html .bds-page .benefit-card{background:var(--stone);border:1px solid var(--line)}
html .bds-page .bds-hero-badge{background:var(--gold-tint);border:1px solid var(--gold);color:var(--gold)}

/* 15. Trang dựng sẵn khác: .lai, .mppg/.vrpg, mbtt-demo */
html .lai{--gold:var(--ds-gold);--gold2:var(--brass);font-family:var(--ds-sans)}
html .lai .lai-line{height:1px;width:48px;background:var(--gold)}
html :is(.mppg,.vrpg){font-family:var(--sans);color:var(--paper)}
html :is(.mp-hline,.mp-line,.vr-hline,.vr-line){height:1px;background:var(--gold)}
html :is(.mp-label,.vr-label){background:none;-webkit-text-fill-color:currentColor;color:var(--gold);font-size:var(--fs-eyebrow);letter-spacing:.14em;font-weight:500}
html .mbtt{--ink:var(--ds-ink);--block:var(--stone);--card:var(--slate);--card-2:var(--slate);--bez:var(--ds-ink);--line:var(--ds-line);--line-2:var(--ds-line);--fg:var(--paper);--fg-2:var(--mute);--fg-3:var(--mute);
  --gold:var(--ds-gold);--gold-2:var(--gold-tint-2);--gold-3:var(--gold-tint);--sans:var(--ds-sans);--disp:var(--display);--mono:var(--ds-sans);font-family:var(--ds-sans)}
html body .mbtt .tblock__no{background:var(--gold-tint);border:1px solid var(--gold);color:var(--gold)}
html body .mbtt .af__dot{background:var(--gold)}
html body .mbtt .mkbtn{font-family:var(--sans)}

/* 16. Góc vuông tuyệt đối. Allowlist: chấm tải trang của theme */
*,*::before,*::after{border-radius:0!important}
.loader-icon i,.pic-loader i{border-radius:50%!important}

/* 17. 375px: không tràn ngang */
html body{overflow-x:clip}
@media (max-width:767px){
  html body .default-template-page{margin:var(--sp-7) auto;width:calc(100% - var(--gx) - var(--gxr));min-width:0;padding:0}
  html body :is(.text-area,.single-main-content,.entry-content){font-size:16px}
  html body :is(.text-area,.single-main-content,.entry-content) h2{font-size:var(--fs-h3)}
  html body :is(.text-area,.single-main-content,.entry-content) blockquote{font-size:var(--fs-lead);padding-left:var(--sp-4)}
  .lotuz-breadcrumbs{padding-left:var(--gx);padding-right:var(--gxr)}
  html .lsv .lsv-btn,html .lz .lz-cta-btn,html .lz-contact .lz-cf-submit,html .careers-page .cr-btn,html .bds-page .btn-primary,html .bds-page .btn-secondary{width:100%}
  html .lzchat-fab{width:48px;height:48px}
  html :is(.lsv,.lz,.lz-contact,.careers-page,.bds-page,.mbtt) :is(table,pre){max-width:100%;overflow-x:auto}
}