/* Small additions for the PHP runtime (the markup is otherwise identical to the Next build) */
[hidden] { display: none !important; }
.ct-form { position: static; }
/* particles canvas is sized to innerWidth (incl. scrollbar) — never let it widen the page */
#rm-particles { overflow: hidden; }
#rm-particles canvas { display: block; }

/* Short desktop screens (e.g. 1920x1080 laptop at Windows 150% scale = 1280x585
   CSS px): keep the "first screen" blocks within the screen height so the hero
   title / popup are visible without zooming out. Backgrounds are `cover`, so a
   shorter box only crops the image; text sizes stay width-based. */
@media (min-width: 769px) {
  /* width must be explicit, otherwise aspect-ratio shrinks the width to honour max-height */
  .hb, .s-hero { width: 100%; max-height: 100vh; max-height: 100svh; }
  .ct-panel { width: min(1500px, 96vw, calc(94vh * 16 / 9)); }
}

/* Tin tức — ảnh trong bài căn giữa; chú thích (chữ ngay sau ảnh) sát ảnh */
.art-body .bd img { display: block; margin: 16px auto 6px; }
.art-body .bd p[style*="center"] { line-height: 1.5; }

/* Tiến độ — trang chi tiết dạng album ảnh */
.pa-sapo { font-family: 'Gilroy', system-ui, Arial, sans-serif; font-weight: 400; color: #1a1a1a;
  font-size: clamp(15px, 1.15vw, 18px); line-height: 1.8; margin: 0 0 26px; }
.pa-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.pa-item { display: block; border-radius: 10px; overflow: hidden; background: #e9e5da; aspect-ratio: 4/3; }
.pa-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.pa-item:hover img { transform: scale(1.04); }
.pa-grid + .bd { margin-top: 30px; }
@media (max-width: 900px) { .pa-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
@media (max-width: 560px) { .pa-grid { grid-template-columns: 1fr; } }

/* 404 */
.rm-404 { min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 18px; padding: 140px 20px 80px; text-align: center; background: #04291a; color: #fff7b5;
  font-family: 'Gilroy', system-ui, Arial, sans-serif; }
.rm-404 h1 { margin: 0; font-family: 'BlushingRoseVN', Georgia, serif; font-weight: 400; font-size: clamp(64px, 12vw, 160px); line-height: 1.1; }
.rm-404 p { margin: 0; opacity: .85; }

/* Home fade in/out (bidirectional, IntersectionObserver toggles .vis) */
html.fx-on .hfade{opacity:0;transform:translateY(54px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
html.fx-on .hfade.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.fx-on .hfade{opacity:1!important;transform:none!important}}

/* Motherland (script) — cho CMS chọn font ở mọi trang */
@font-face{font-family:'Motherland';src:url(/fonts/motherland-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}

/* ===== Helvetica Neue (cài mới) ===== */
@font-face{font-family:'HelveticaNeue';src:url(/fonts/hn-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'HelveticaNeue';src:url(/fonts/hn-light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'HelveticaNeue';src:url(/fonts/hn-light-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'HelveticaNeue';src:url(/fonts/hn-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

/* ===== Liên hệ popup remake (PSD 1920x1080) ===== */
.ct-panel{background-color:#001f11}
.cl-logo{position:absolute;height:auto;display:block;object-fit:contain}
/* Quản lý kinh doanh & Marketing: trắng, Gilroy Light */
.cl-glexcap{position:absolute;white-space:nowrap;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:1.2}
/* Dự án Royal Mansion: #fdf6c2, Blushing Rose regular */
.cl-htitle{position:absolute;margin:0;line-height:1.1;text-transform:uppercase;font-family:'BlushingRoseVN',Georgia,serif;font-weight:400;letter-spacing:.01em;color:#fdf6c2}
/* subtitle + nhãn: Helvetica Light, #fdf6c2 */
.cl-sub,.cl-lbl{position:absolute;text-transform:uppercase;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.06em;color:#fdf6c2;line-height:1.3}
/* dòng đậm: Helvetica Medium */
.cl-val{position:absolute;text-transform:uppercase;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:.04em;color:#fdf6c2;line-height:1.3}
.cl-social{position:absolute;display:flex;align-items:center}
.cl-social a{display:block;line-height:0}
.cl-social img{display:block;height:auto}
/* text trong box: Helvetica Regular, #fdf6c2; nền #4b543a viền #c2b582 */
.cl-in{position:absolute;box-sizing:border-box;background:#4b543a;border:1px solid #c2b582;border-radius:5px;color:#fdf6c2;text-align:center;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.04em;outline:none;padding:0 1cqw}
.cl-in::placeholder{color:#fdf6c2;opacity:1;text-transform:uppercase}
.cl-in:focus{border-color:#e9d79b;background:#545e42}
.cl-area{text-align:center;padding:1.1cqw 1cqw 0;resize:none;line-height:1.4}
.cl-area::placeholder{text-align:center}
/* note: Helvetica Light nghiêng */
.cl-note{position:absolute;text-align:center;font-style:italic;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;color:#fdf6c2}
/* privacy: Helvetica Light */
/* khung giới hạn (tới trên nút) để autofit tự co, không đè nút */
.cl-privacy{position:absolute;margin:0;text-align:center;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;color:#fdf6c2;line-height:1.3}
/* nút Gửi thông tin: khung ảnh, Helvetica Neue Light 14.99pt */
.ct-panel .cl-submit{background:url(/assets/contact/btn-submit.png) center/100% 100% no-repeat;background-color:transparent;border:0;border-radius:0;letter-spacing:.1em;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;text-transform:uppercase;-webkit-text-fill-color:#fdf6c2;color:#fdf6c2}
.ct-panel .cl-submit:hover{background-color:transparent;filter:brightness(1.12)}
/* LIÊN HỆ title: solid #fdf6c2 (bỏ gradient global) */
.ct-panel .ct-title{background:none;-webkit-text-fill-color:#fdf6c2;color:#fdf6c2;font-weight:400;text-transform:uppercase}

/* ===== Sidebar: click nút chính -> xổ 4 nút lên (fb→mess→zalo→đt) ===== */
/* phải 58/2880=2.014vw, đáy 142/1600=8.875vh, nút 90/2880=3.125vw */
.rm-fab{position:fixed;right:2.014vw;bottom:8.875vh;z-index:80;width:3.125vw;min-width:56px;max-width:90px;aspect-ratio:1}
/* nút chính = khung tròn xanh + 4 icon trượt luân phiên bên trong */
.rm-fab-main{position:relative;z-index:2;width:100%;height:100%;border:0;cursor:pointer;border-radius:50%;overflow:hidden;background:url('/assets/contact/sb-frame.png') center/cover no-repeat;color:#fdf6c2;box-shadow:0 8px 22px rgba(0,0,0,.45);transition:transform .25s}
.rm-fab-main:hover{transform:scale(1.07)}
.rm-fab-track{display:flex;width:100%;height:100%;will-change:transform}
.rm-fab-track img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;padding:24%;box-sizing:border-box;display:block}
.rm-fab-x{position:absolute;inset:0;display:none;place-items:center;font-size:2.2vw;line-height:1;background:rgba(10,30,18,.4)}
.rm-fab.open .rm-fab-track{opacity:0}
.rm-fab.open .rm-fab-x{display:grid}
/* 4 nút con: ẩn chồng sau nút chính, mở ra xổ lên (cách nhau 44px = ~149% nút) */
.rm-fab-b{position:absolute;left:0;bottom:0;width:100%;z-index:1;line-height:0;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.4);
  opacity:0;transform:translateY(0) scale(.35);pointer-events:none;transition:opacity .3s,transform .34s cubic-bezier(.34,1.3,.5,1)}
.rm-fab-b img{width:100%;height:auto;display:block;border-radius:50%}
.rm-fab.open .rm-fab-b{opacity:1;pointer-events:auto}
.rm-fab.open .rm-fab-b:nth-child(4){transform:translateY(-149%) scale(1)}   /* đt (gần main) */
.rm-fab.open .rm-fab-b:nth-child(3){transform:translateY(-298%) scale(1)}   /* zalo */
.rm-fab.open .rm-fab-b:nth-child(2){transform:translateY(-447%) scale(1)}   /* mess */
.rm-fab.open .rm-fab-b:nth-child(1){transform:translateY(-596%) scale(1)}   /* fb */
.rm-fab.open .rm-fab-b:nth-child(4){transition-delay:.02s}
.rm-fab.open .rm-fab-b:nth-child(3){transition-delay:.07s}
.rm-fab.open .rm-fab-b:nth-child(2){transition-delay:.12s}
.rm-fab.open .rm-fab-b:nth-child(1){transition-delay:.17s}
.rm-fab-b:hover{filter:brightness(1.1)}
@media(max-width:768px){.rm-fab{right:12px;bottom:72px;width:54px}.rm-fab-x{font-size:28px}}

/* ===== Footer + form Liên hệ (thay popup) — nền trong suốt để lộ nền xanh tổng ===== */
/* footer nối tiếp dải nền Background.png (phần đáy) -> liền mạch với section 10 */
.rmft{background:#001f11 url('/assets/home/bg-footer.jpg') center/100% 100% no-repeat;color:#fdf6c2;padding:72px 24px 60px;
  font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300}
.rmft-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* Bề ngang footer khóa theo tỉ lệ thiết kế 1920 (1480/1920≈77%): PC inset đẹp,
   Mac/laptop cũng inset cùng tỉ lệ (không giãn sát 2 lề); màn ≥1920 giữ 1480px. */
.rmft-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;max-width:min(1480px,77vw);margin:0 auto;align-items:start}

/* ---- cột trái: thông tin ---- */
.rmft-info{display:flex;flex-direction:column}
.rmft-dev{display:flex;gap:40px;align-items:flex-end;margin-bottom:26px}
.rmft-devcol{display:flex;flex-direction:column;gap:6px}
.rmft-devcap{font-size:clamp(9px,.62vw,11px);letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1.2}
.rmft-dev img{height:clamp(30px,2.6vw,42px);width:auto;object-fit:contain;display:block}
.rmft-brand{margin:0;font-family:'BlushingRoseVN',Georgia,serif;font-weight:400;text-transform:uppercase;
  letter-spacing:.01em;color:#fdf6c2;font-size:clamp(24px,2.2vw,38px);line-height:1.05}
.rmft-sub{margin:6px 0 0;font-size:clamp(12px,.9vw,15px);letter-spacing:.03em;color:#eee6c2;text-transform:uppercase}
.rmft-blk{margin:28px 0 0;display:flex;flex-direction:column;gap:7px}
.rmft-lbl{font-size:clamp(11px,.85vw,14px);letter-spacing:.05em;text-transform:uppercase;color:#cfc9a6}
.rmft-val{font-size:clamp(13px,1vw,16px);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#fdf6c2;line-height:1.4}
.rmft-soclbl{margin:34px 0 14px}
.rmft-soc{display:flex;gap:clamp(12px,1.1vw,18px);flex-wrap:wrap}
.rmft-soc a{display:block;width:clamp(38px,3.1vw,46px);line-height:0;transition:transform .2s}
.rmft-soc a:hover{transform:translateY(-2px)}
.rmft-soc img{width:100%;height:auto;display:block}

/* ---- cột phải: form ---- */
.rmft-form-wrap{width:100%}
.rmft-title{margin:0 0 22px;text-align:center;font-family:'BlushingRoseVN',Georgia,serif;font-weight:400;
  text-transform:uppercase;letter-spacing:.02em;color:#fdf6c2;font-size:clamp(28px,2.6vw,46px);line-height:1.05}
.rmft-form{display:flex;flex-direction:column;gap:16px}
.rmft-in{box-sizing:border-box;display:block;width:100%;background:#4b543a;border:1px solid #c2b582;
  border-radius:5px;color:#fdf6c2;text-align:center;text-transform:uppercase;letter-spacing:.04em;
  padding:0 14px;height:52px;font-family:inherit;font-weight:400;font-size:clamp(12px,.95vw,15px);outline:none}
.rmft-area{height:124px;padding:16px 14px;resize:none;line-height:1.4}
.rmft-in::placeholder{color:#fdf6c2;opacity:1;text-transform:uppercase}
.rmft-in:focus{border-color:#e9d79b;background:#545e42}
.rmft-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.rmft-note{font-size:clamp(11px,.8vw,13px);font-style:italic;color:#eee6c2;text-align:center}
.rmft-priv{margin:2px 0 0;text-align:center;font-weight:300;color:#eee6c2;line-height:1.4;font-size:clamp(11px,.82vw,13px)}
.rmft-thanks{text-align:center;color:#fdf6c2;font-size:clamp(15px,1.3vw,22px);padding:30px 0}
.rmft-err{display:block;text-align:center;color:#ffb4a4;font-size:13px}
.rmft-submit{position:static;align-self:center;margin-top:6px;background:url(/assets/contact/btn-submit.png) center/100% 100% no-repeat;
  background-color:transparent;border:0;border-radius:0;cursor:pointer;color:#fdf6c2;-webkit-text-fill-color:#fdf6c2;
  text-transform:uppercase;letter-spacing:.1em;font-family:inherit;font-weight:300;font-size:clamp(12px,.95vw,15px);
  padding:14px 52px;min-width:210px;transition:filter .2s}
.rmft-submit:hover{filter:brightness(1.12)}

@media(max-width:860px){
  .rmft-grid{grid-template-columns:1fr;gap:48px}
  .rmft-two{grid-template-columns:1fr}
  .rmft-title{text-align:center}
  .rmft-soc{justify-content:flex-start}
}

/* Popup Liên hệ: cụm logo giống footer (2 logo cùng cao, caption trên, canh đáy) */
.cl-dev{position:absolute;display:flex;align-items:flex-end}
.cl-dev .cl-devcol{display:flex;flex-direction:column;gap:.4cqw}
.cl-dev .cl-devcap{white-space:nowrap;font-family:'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.05em;text-transform:uppercase;color:#fff;line-height:1.2}
.cl-dev img{width:auto;object-fit:contain;display:block}

/* Footer: đồng bộ size text với popup Liên hệ */
.rmft-val{font-size:clamp(11px,.86vw,13px)}
.rmft-sub{font-size:clamp(11px,.86vw,13px)}
.rmft-brand{font-size:clamp(20px,1.92vw,29px)}

/* ===== Footer MOBILE: S10 (logo+text căn giữa) + S11 (form bg + title 25px) ===== */
@media(max-width:768px){
  .rmft-info{align-items:center!important;text-align:center!important}
  .rmft-dev{justify-content:center!important;gap:26px!important;margin-bottom:22px!important}
  .rmft-devcap{text-align:center!important}
  .rmft-soclbl{text-align:center!important}
  .rmft-soc{justify-content:center!important;gap:12px!important;flex-wrap:nowrap!important}
  .rmft-soc a{width:40px!important}
  .rmft-blk{align-items:center}
  /* Footer mobile ĐỒNG BỘ MỌI TRANG: Section 10 bg = footer-info (logo+text+social); Section 11 bg = form — FULL WIDTH */
  .rmft{background:transparent none}
  .rmft{padding:0!important}
  .rmft-grid{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;gap:0!important}
  .rmft-info{background:#04291a url('/assets/home/bg-s10-mobile-v1.jpg') center bottom/100% 606px no-repeat;padding:18px 16px 24px;box-sizing:border-box}
  .rmft-form-wrap{background:#04140c url('/assets/home/bg-s11-mobile-v1.jpg') center/100% 100% no-repeat!important;border-radius:0!important;padding:18px 18px 28px!important}
  .rmft-title{font-size:20px!important;text-align:center!important;margin-bottom:16px}
  .rmft-submit{min-width:0!important;padding:12px 26px!important}
  /* ===== Kiến trúc (vi-tri) mobile: dựng lại coordinate-exact trong mobile.css ===== */
  /* ===== Sản phẩm — Section 3: accordion (card đầu mở, click đổi) + title 25/16/10 ===== */
  /* ===== Sản phẩm — Section 2: list 3 card phòng + popup album (mobile) ===== */
  /* popup album */
  /* ===== Tiện ích — Section 2 (ti2): bg2 + title 3 dòng 25px căn giữa (không đè) + text 10px ===== */
  /* ===== Tiện ích — Section 3 (ti3): cột 3 ảnh + caption; bg3 + size theo bg; title 2 dòng 25px ===== */
  body[data-page="home"] .s-matbang .mbs-head{margin-top:-2px !important}
  /* ===== Sản phẩm (san-pham) — Section 1 hero: bg theo size + title 3 dòng (vị trí theo CSS) ===== */
  /* ===== Tiện ích (tien-ich) — Section 1 hero: Tổ hợp(25) + TIỆN ÍCH ĐẶC QUYỀN(40) trên, theo CSS ===== */
  /* Big title (2 dòng blushing) căn phải trong khối fit-content, khối căn giữa.
     Tổ hợp (absolute) neo theo CENTER (left:50% + translateX cố định) = left của ĐẶC QUYỀN
     ở MỌI bề rộng màn (vì ĐẶC left = center - nửa bề rộng khối; bề rộng khối ~const theo font 40px) */
  /* ===== Tiến độ (tien-do) — Section 1 hero: bg theo size + title 25px căn giữa trên ===== */
  /* ===== Thư viện — Section 1 hero: lề trên title = chuẩn Sản phẩm (82px) ===== */
  /* ===== Thư viện — Section 1 hero: bg (ảnh đã có hiệu ứng, bỏ gradient) + title 40px căn giữa ===== */
  /* 2 button Ảnh/Video: lề trên = chuẩn home S2 (22px). tv2 vốn padding-top 100px -> giảm còn 22 */
  /* album = slider ngang 1 thẻ/màn + peek (khớp Figma mobile) */
  /* ===== Tiến độ — Section 2 (td2): card căn giữa, title 20px (xuống dòng THÁNG), nút Xem chi tiết viền vàng ===== */
  /* chữ + nút đậm màu xanh rêu trên nền kem (khớp Figma) */
}

/* ===== Popup Liên hệ (ct-overlay / ct-panel) — MOBILE: dựng dọc như footer ===== */
@media(max-width:768px){
  .ct-overlay{padding:0 !important}
  .ct-panel{position:relative !important;width:100vw !important;max-width:100vw !important;height:100dvh !important;max-height:100dvh !important;aspect-ratio:auto !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;background:#04291a !important;background-image:none !important;padding:52px 18px 34px !important;border-radius:0 !important;display:block !important}
  .ct-panel .ct-x{position:fixed !important;top:10px !important;right:14px !important;left:auto !important;width:38px !important;height:38px !important;z-index:6 !important;font-size:30px !important;line-height:1 !important;color:#fdf6c2 !important;background:none !important;border:0 !important}
  .ct-panel .cl-dev{position:static !important;left:auto !important;top:auto !important;width:auto !important;transform:none !important;display:flex !important;justify-content:center !important;align-items:flex-end !important;gap:26px !important;margin:0 0 16px !important}
  .ct-panel .cl-devcol{display:flex !important;flex-direction:column !important;align-items:center !important}
  .ct-panel .cl-devcap{font-size:10px !important;text-align:center !important}
  .ct-panel .cl-devcol img{height:34px !important;width:auto !important}
  .ct-panel .cl-htitle,.ct-panel .cl-sub,.ct-panel .cl-lbl,.ct-panel .cl-val,.ct-panel .ct-title,.ct-panel .cl-note,.ct-panel .cl-privacy,.ct-panel .ct-thanks,.ct-panel .ct-err{position:static !important;left:auto !important;top:auto !important;width:auto !important;height:auto !important;transform:none !important;display:block !important;text-align:center !important}
  .ct-panel .cl-htitle{font-size:22px !important;margin:2px 0 2px !important}
  .ct-panel .cl-sub{font-size:12px !important;margin:0 0 14px !important}
  .ct-panel .cl-lbl{font-size:12px !important;margin:10px 0 2px !important}
  .ct-panel .cl-val{font-size:13px !important;font-weight:600 !important}
  .ct-panel .cl-social{position:static !important;left:auto !important;top:auto !important;width:auto !important;height:auto !important;transform:none !important;display:flex !important;justify-content:center !important;flex-wrap:nowrap !important;gap:12px !important;margin:12px 0 20px !important}
  .ct-panel .cl-social a{width:40px !important}
  .ct-panel .cl-social img{width:40px !important;height:auto !important}
  .ct-panel .ct-title{font-size:20px !important;margin:6px 0 14px !important;line-height:1.1 !important}
  .ct-panel .ct-form{position:static !important;display:block !important;width:100% !important}
  .ct-panel .cl-in{position:static !important;left:auto !important;top:auto !important;width:100% !important;height:auto !important;transform:none !important;display:block !important;font-size:14px !important;padding:12px 14px !important;margin:0 0 12px !important;box-sizing:border-box !important}
  .ct-panel .cl-area{min-height:92px !important}
  .ct-panel .cl-note{font-size:11px !important;margin-top:4px !important}
  .ct-panel .cl-privacy{font-size:11px !important;line-height:1.5 !important;margin-top:6px !important}
  .ct-panel [hidden]{display:none !important}
  .ct-panel .ct-submit{position:static !important;left:auto !important;top:auto !important;width:fit-content !important;height:auto !important;transform:none !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:10px auto 0 !important;font-size:13px !important;padding:12px 30px !important;min-width:0 !important}
}

/* ===== Đổi TOÀN BỘ font Gilroy -> Helvetica Neue (redefine @font-face, php.css load cuối nên override global.css) ===== */
@font-face{font-family:Gilroy;font-weight:200;font-style:normal;font-display:swap;src:url(/fonts/hn-light.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/hn-light.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/hn-regular.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/hn-medium.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/hn-medium.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/hn-medium.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:200;font-style:italic;font-display:swap;src:url(/fonts/hn-light-italic.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:300;font-style:italic;font-display:swap;src:url(/fonts/hn-light-italic.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/hn-light-italic.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:500;font-style:italic;font-display:swap;src:url(/fonts/hn-light-italic.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:600;font-style:italic;font-display:swap;src:url(/fonts/hn-light-italic.woff2) format("woff2")}
@font-face{font-family:Gilroy;font-weight:700;font-style:italic;font-display:swap;src:url(/fonts/hn-light-italic.woff2) format("woff2")}

/* ===== MOBILE: bỏ hero ảnh Tiến độ + Thư viện (theo Figma mobile mới) — chỉ còn tiêu đề trên nền tối. KHÔNG ảnh hưởng PC (trong @media max-width:768). ===== */
@media(max-width:768px){
}

/* ===== MOBILE: Tin tức — dựng lại coordinate-exact trong mobile.css (nạp cuối). ===== */

/* ===== MOBILE: Video section (trang chủ) chỉ để lại khung video (bỏ tiêu đề "VIDEO DỰ ÁN") theo yêu cầu. KHÔNG đụng PC. ===== */
@media(max-width:768px){
  body[data-page="home"] .s-video::before{display:none !important}
  body[data-page="home"] .s-video{padding-top:40px !important}
}

/* Khối "Mã HTML" của trang con tự tạo + iframe/bảng trong nội dung bài viết */
.rm-htmlblk{background:#00160a}
.rm-htmlblk-h{max-width:1180px;margin:0 auto;padding:56px 24px 0;text-align:center}
.rm-htmlblk.is-frame .rm-htmlblk-h{padding-bottom:28px}
.rm-htmlframe{display:block;width:100%;height:600px;border:0;background:#fff}
.rm-htmlblk-in{max-width:960px;margin:0 auto;padding:40px 24px 64px;color:rgba(246,243,234,.9);font-family:var(--font-gilroy,inherit);font-weight:300;line-height:1.75}
.rm-htmlblk-in p{margin:0 0 1em}
.rm-htmlblk-in a{color:#c9a24e}
.rm-htmlblk-in img,.rm-htmlblk-in iframe{max-width:100%;height:auto}
.rm-htmlblk-in iframe,.art-body .bd iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;margin:1em 0}
.rm-htmlblk-in table{width:100%;border-collapse:collapse;margin:1em 0}
.rm-htmlblk-in td,.rm-htmlblk-in th{border:1px solid rgba(201,162,78,.35);padding:6px 10px}
/* H1 chữ cho Google/trình đọc màn hình (tiêu đề hiển thị là ảnh). Ẩn bằng clip, không chiếm chỗ.
   Độ ưu tiên cao hơn "body > *{display:none!important}" của mobile.css để không bị ẩn hẳn trên mobile. */
body > h1.rm-h1{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}