/* ==========================================================================
   LẠC VIỆT — RESPONSIVE
   Desktop (> 1180px): giữ nguyên giao diện gốc, file này không đổi gì.
   <= 1180px  : co dần (lề, cỡ chữ, cột) theo bề ngang màn hình.
   <= 1024px  : header gọn + menu ☰ toàn màn hình.
   <= 768px   : giao diện mobile (một cột, vuốt ngang, footer thu gọn).
   File nạp SAU các <style> của từng trang, dùng !important để đè style inline.
   ========================================================================== */

:root{ --lv-px:96px; }

/* ---------- Thành phần chỉ dành cho mobile: ẩn trên desktop ---------- */
.lv-burger,#lv-m-menu,.lv-m-only{ display:none; }

/* ======================================================================
   <= 1180px : CO DẦN
   ====================================================================== */
@media (max-width:1180px){
  :root{ --lv-px:clamp(20px,calc(20px + (100vw - 390px) * .0962),96px); }

  html,body{ overflow-x:hidden; overflow-x:clip; }

  /* Lề trái/phải của mọi section, header, footer co theo bề ngang (96px ở 1180 → 20px ở ≤ 246) */
  body > div > :is(section,footer,header,div)[style*="96px"]{
    padding-left:var(--lv-px) !important;
    padding-right:var(--lv-px) !important;
  }

  /* Tiêu đề lớn co dần */
  :is(h1,h2,h3,.serif)[style*="font-size:44px"],
  :is(h1,h2,h3,.serif)[style*="font-size: 44px"]{ font-size:clamp(26px,4.2vw,44px) !important; }
  :is(h1,h2,h3,.serif)[style*="font-size:48px"]{ font-size:clamp(26px,4.4vw,48px) !important; }
  :is(h1,h2,h3,.serif)[style*="font-size:36px"]{ font-size:clamp(24px,3.6vw,36px) !important; }

  img,video,iframe{ max-width:100%; }
  [style*="margin-right:-96px"]{ margin-right:calc(var(--lv-px) * -1) !important; }
}

/* ======================================================================
   <= 1024px : HEADER GỌN + MENU ☰
   ====================================================================== */
@media (max-width:1024px){
  .lv-header{
    height:64px;
    padding-top:0 !important; padding-bottom:0 !important;
    padding-left:20px !important; padding-right:8px !important;
    gap:4px;
  }
  .lv-header{ transition:transform .32s cubic-bezier(.4,0,.2,1), box-shadow .3s ease !important; will-change:transform; }
  .lv-header.lv-hdr-hide{ transform:translateY(-101%); box-shadow:none !important; }
  .lv-header > nav{ display:none !important; }
  .lv-header{ display:grid !important; grid-template-columns:1fr auto 1fr; align-items:center; }
  .lv-header > a{ grid-column:2; grid-row:1; order:0; margin:0; justify-self:center; }
  .lv-header > .lv-burger{ grid-column:3; grid-row:1; justify-self:end; }
  .lv-m-lang{ display:none !important; }
  .lv-header img{ height:34px !important; }
  .lv-header .lv-nav-dropdown-panel{ display:none !important; }

  .lv-m-lang{
    display:flex; align-items:center; justify-content:center; height:44px; padding:0 8px;
    font-size:12px; font-weight:600; letter-spacing:.12em; color:#0C2C1E; text-decoration:none;
  }
  .lv-burger{
    display:flex; align-items:center; justify-content:center; width:44px; height:44px;
    padding:0; border:0; background:transparent; color:#0C2C1E; cursor:pointer;
  }

  /* Menu toàn màn hình */
  #lv-m-menu{
    display:flex; flex-direction:column; position:fixed; inset:0; z-index:1000; background:#fff;
    opacity:0; visibility:hidden; transform:translateY(-8px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s;
    overflow:hidden; color:#0C2C1E; font-family:'Montserrat',sans-serif;
  }
  #lv-m-menu.is-open{ opacity:1; visibility:visible; transform:none; }
  #lv-m-menu .lv-mm-head{
    flex:0 0 64px; height:64px; box-sizing:border-box; border-bottom:1px solid #E3DCC9;
    display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 8px 0 20px;
  }
  #lv-m-menu .lv-mm-head > a{ grid-column:2; justify-self:center; }
  #lv-m-menu .lv-mm-head > .lv-mm-close{ grid-column:3; justify-self:end; }
  #lv-m-menu .lv-mm-head img{ height:34px; width:auto; display:block; }
  #lv-m-menu .lv-mm-close{
    width:44px; height:44px; padding:0; border:0; background:transparent; color:#0C2C1E;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
  }
  #lv-m-menu nav{ flex:1 1 auto; overflow-y:auto; padding:8px 20px 0; display:flex; flex-direction:column; }
  #lv-m-menu nav a, #lv-m-menu .lv-mm-sub-btn{
    display:flex; align-items:center; justify-content:space-between; min-height:60px;
    border-bottom:1px solid #E3DCC9; font-size:22px; font-weight:700; color:#0C2C1E; text-decoration:none;
    background:transparent; border-left:0; border-right:0; border-top:0; padding:0; width:100%;
    font-family:inherit; text-align:left; cursor:pointer;
  }
  #lv-m-menu nav a.is-current{ color:#8A6D20; }
  #lv-m-menu .lv-mm-sub-btn svg{ transition:transform .25s ease; transform:rotate(180deg); }
  #lv-m-menu .lv-mm-sub{ border-bottom:1px solid #E3DCC9; }
  #lv-m-menu .lv-mm-sub .lv-mm-sub-btn{ border-bottom:0; }
  #lv-m-menu .lv-mm-sub.is-closed .lv-mm-sub-btn svg{ transform:none; }
  #lv-m-menu .lv-mm-sub-list{ display:flex; flex-direction:column; gap:4px; padding:0 0 16px; }
  #lv-m-menu .lv-mm-sub.is-closed .lv-mm-sub-list{ display:none; }
  #lv-m-menu .lv-mm-sub-list a{
    display:block; min-height:0; padding:10px 0; border:0; font-size:15px; line-height:1.4; font-weight:700;
  }
  #lv-m-menu .lv-mm-sub-list a small{ display:block; margin-top:2px; font-size:12px; font-weight:400; color:#5F6A65; }
  #lv-m-menu .lv-mm-foot{ flex:0 0 auto; padding:20px 20px 32px; background:#F7F4EC; }
  #lv-m-menu .lv-mm-foot{ display:flex; align-items:center; gap:20px; }
  #lv-m-menu .lv-mm-foot span{ font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#8A6D20; margin-right:auto; }
  #lv-m-menu .lv-mm-foot a{ font-size:13px; font-weight:600; letter-spacing:.12em; color:#8a8a8a; text-decoration:none; padding:8px 2px; border-bottom:2px solid transparent; }
  #lv-m-menu .lv-mm-foot a.is-on{ color:#0C2C1E; border-bottom-color:#C2A357; }
  html.lv-menu-open, html.lv-menu-open body{ overflow:hidden !important; }
}

/* ======================================================================
   <= 768px : MOBILE — Footer + Kết nối (dùng chung)
   ====================================================================== */
@media (max-width:768px){
  /* ---- Kết nối ---- */
  body > div > section[style*="background:#0C2C1E"] > div,
  body > div > section[style*="background:#F7F4EC"][style*="border-top:1px solid #E3DCC9"] > div{ gap:28px !important; }
  body > div > section[style*="background:#0C2C1E"] > div > div,
  body > div > section[style*="background:#F7F4EC"][style*="border-top:1px solid #E3DCC9"] > div > div{ min-width:0 !important; max-width:none !important; flex:1 1 100% !important; }
  body > div > section [style*="grid-template-columns:1fr 1fr"]{ grid-template-columns:1fr !important; gap:12px !important; }

  /* ---- Footer ---- */
  #lv-footer{ padding:48px 20px 32px !important; }
  #lv-footer .lv-ft-top{ flex-direction:column !important; flex-wrap:nowrap !important; gap:0 !important; }
  #lv-footer .lv-ft-top > div:first-child img{ height:38px !important; }
  #lv-footer .lv-ft-top > div:first-child [style*="white-space:nowrap"]{ white-space:normal !important; }
  #lv-footer .lv-social{ width:44px; height:44px; box-sizing:border-box; border:1px solid #6F8A7C; border-radius:50%; align-items:center; justify-content:center; }
  #lv-footer .lv-ft-top > div:first-child > div:last-child{ gap:10px !important; }
  #lv-footer .lv-ft-cols{ flex-direction:column !important; flex-wrap:nowrap !important; gap:0 !important; margin-top:32px; width:100%; border-top:1px solid #2F4D3F; }
  #lv-footer .lv-ft-cols > div{ white-space:normal !important; flex:0 0 auto !important; width:100%; }
  #lv-footer .lv-acc{ border-bottom:1px solid #2F4D3F; }
  #lv-footer .lv-acc > .eyebrow{ display:flex; align-items:center; justify-content:space-between; height:56px; margin:0 !important; cursor:pointer; letter-spacing:.16em !important; color:#EFEAE0; }
  #lv-footer .lv-acc > .eyebrow::after{ content:"+"; font-size:22px; font-weight:400; line-height:1; color:#C2A357; }
  #lv-footer .lv-acc.is-open > .eyebrow::after{ content:"\2013"; }
  #lv-footer .lv-acc > div:not(.eyebrow){ display:none !important; padding-bottom:12px; }
  #lv-footer .lv-acc.is-open > div:not(.eyebrow){ display:flex !important; }
  #lv-footer .lv-acc a{ display:flex; align-items:center; min-height:44px; font-size:14px; line-height:1.4; color:#D5DDD8; }
  #lv-footer .lv-ft-contact{ margin-top:32px; }
  #lv-footer .lv-ft-contact > .eyebrow{ margin-bottom:16px !important; }
  #lv-footer .lv-ft-contact > div:not(.eyebrow){ gap:14px !important; font-size:14px !important; line-height:1.6; }
  #lv-footer > div:last-child{ margin-top:36px !important; padding-top:20px !important; }
  #lv-back-to-top{ right:16px !important; bottom:16px !important; width:44px !important; height:44px !important; }
}

/* ======================================================================
   TRANG CON — Tin tức / Tuyển dụng / Chi tiết
   ====================================================================== */
@media (max-width:1024px){
  body[data-page="news"] [style*="grid-template-columns:repeat(3,minmax(0,1fr))"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:36px 24px !important; }
}
@media (max-width:768px){
  /* tiêu đề trang */
  h1{ font-size:clamp(26px,7.4vw,34px) !important; line-height:1.22 !important; }
  .lv-m-only{ display:block; }

  /* ---- Tin tức ---- */
  body[data-page="news"] [style*="grid-template-columns:repeat(3,minmax(0,1fr))"]{ grid-template-columns:1fr !important; gap:36px !important; }
  body[data-page="news"] section[style*="padding:74px"]{ padding-top:40px !important; padding-bottom:56px !important; }
  body[data-page="news"] a .serif{ font-size:19px !important; line-height:1.35; }
  .lv-filter{ flex-wrap:wrap !important; }
  body[data-page="news"] .lv-filter{ padding-top:24px !important; padding-bottom:24px !important; }
  body[data-page="news"] .lv-filter > label{ flex:1 1 100% !important; }
  .lv-chips{ display:flex !important; gap:8px; overflow-x:auto; scrollbar-width:none; flex:1 1 100%; margin-right:calc(var(--lv-px) * -1); padding-right:var(--lv-px); }
  .lv-chips::-webkit-scrollbar{ display:none; }
  .lv-chips > div{ flex:0 0 auto; white-space:nowrap; }

  /* ---- Tuyển dụng ---- */
  body[data-page="jobs"] .lv-filter{ flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; gap:8px !important; }
  body[data-page="jobs"] .lv-spacer{ display:none; }
  body[data-page="jobs"] .lv-chips{ flex:0 0 auto; }
  .lv-lbl{ font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#8A6D20; }
  body[data-page="jobs"] .lv-lbl ~ .lv-lbl{ margin-top:8px; }
  body[data-page="jobs"] section[style*="padding:74px"]{ padding-top:24px !important; padding-bottom:48px !important; }
  .lv-job{ flex-direction:column !important; align-items:flex-start !important; gap:14px; }
  .lv-job .serif{ font-size:19px !important; line-height:1.3; }
  .lv-job-act{ gap:14px !important; }
  .lv-apply{ display:flex !important; align-items:center; justify-content:center; height:40px; padding:0 20px; border-radius:999px; background:#0C2C1E; color:#fff !important; border:0 !important; font-size:12px !important; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
  .lv-or{ display:none; }
  body[data-page="jobs"] section[style*="background:#0C2C1E"][style*="padding:37px"]{ padding-top:48px !important; padding-bottom:48px !important; }
  body[data-page="jobs"] section[style*="background:#0C2C1E"][style*="padding:37px"] > div{ flex-direction:column !important; align-items:stretch !important; gap:24px !important; }
  body[data-page="jobs"] section[style*="background:#0C2C1E"][style*="padding:37px"] .serif{ font-size:20px !important; line-height:1.5; max-width:none !important; }
  body[data-page="jobs"] section[style*="background:#0C2C1E"][style*="padding:37px"] a{ display:flex; align-items:center; justify-content:center; height:52px; padding:0 !important; border-radius:999px; }

  /* ---- Chi tiết tin tức ---- */
  body[data-page="news-detail"] [style*="text-align:center;"]{ text-align:left !important; }
  body[data-page="news-detail"] [style*="justify-content:center;align-items:center;gap:16px"]{ justify-content:flex-start !important; flex-wrap:wrap; gap:12px !important; }
  body[data-page="news-detail"] section[style*="padding:64px"]{ padding-top:36px !important; }
  body[data-page="news-detail"] section[style*="padding:40px 96px 0"]{ padding-left:0 !important; padding-right:0 !important; padding-top:28px !important; }
  body[data-page="news-detail"] section[style*="padding:40px 96px 0"] > div:last-child{ padding:0 20px; }
  body[data-page="news-detail"] section[style*="padding:56px"]{ padding-top:32px !important; padding-bottom:0 !important; }
  body[data-page="news-detail"] p.serif{ font-size:18px !important; line-height:1.6 !important; }
  body[data-page="news-detail"] section p[style*="font-size:16px"]{ font-size:15px !important; }
  body[data-page="news-detail"] blockquote{ padding:22px 20px !important; font-size:17px !important; margin-bottom:0 !important; }
  body[data-page="news-detail"] [style*="padding:18px 96px"]{ line-height:1.6; }
  body[data-page="news-detail"] section[style*="padding:74px 96px"]{ padding-left:0 !important; padding-right:0 !important; padding-top:48px !important; padding-bottom:48px !important; margin-top:48px !important; }
  body[data-page="news-detail"] section[style*="padding:74px 96px"] > .eyebrow, body[data-page="news-detail"] section[style*="padding:74px 96px"] > h2{ margin-left:20px !important; margin-right:20px !important; }
  body[data-page="news-detail"] section[style*="padding:74px 96px"] > h2{ font-size:24px !important; margin-bottom:24px !important; }
  body[data-page="news-detail"] [style*="repeat(3,minmax(0,1fr))"]{ display:flex !important; gap:16px !important; overflow-x:auto; scrollbar-width:none; padding:0 20px; scroll-snap-type:x mandatory; padding:0 20px !important; scroll-padding:0 20px; }
  body[data-page="news-detail"] [style*="repeat(3,minmax(0,1fr))"]::-webkit-scrollbar{ display:none; }
  body[data-page="news-detail"] [style*="repeat(3,minmax(0,1fr))"] > a{ flex:0 0 260px; scroll-snap-align:start; }
  body[data-page="news-detail"] [style*="repeat(3,minmax(0,1fr))"] .serif{ font-size:17px !important; }
  body[data-page="job-detail"] a.lv-link > span{ white-space:nowrap; flex:0 0 auto; margin-left:12px; }
  body[data-page="job-detail"] a.lv-link > div{ min-width:0; }

  /* ---- Chi tiết tuyển dụng ---- */
  body[data-page="job-detail"] section[style*="padding:24px 96px 40px"]{ padding-bottom:32px !important; }
  body[data-page="job-detail"] [style*="display:flex;align-items:center;gap:16px;"]:has(.lv-cta-btn){ flex-direction:column; align-items:stretch !important; gap:16px !important; }
  body[data-page="job-detail"] .lv-cta-btn{ display:flex !important; align-items:center; justify-content:center; height:52px; padding:0 !important; }
  body[data-page="job-detail"] [style*="flex-wrap:wrap;gap:40px"]{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 20px !important; }
  body[data-page="job-detail"] [style*="grid-template-columns:1fr 480px"]{ grid-template-columns:1fr !important; gap:40px !important; }
  body[data-page="job-detail"] #form-ung-tuyen{ position:static !important; padding:32px 20px !important; }
  body[data-page="job-detail"] section[style*="padding:56px 96px"]{ padding-top:40px !important; padding-bottom:40px !important; }
  body[data-page="job-detail"] .job-h2{ font-size:20px; }
  body[data-page="job-detail"] a[style*="padding:22px 0"]{ gap:12px; }
}

/* ======================================================================
   TRANG CHỦ (index.html)
   ====================================================================== */
@media (max-width:1024px){
  body[data-page="home"] .lv-hero2-frame{ height:clamp(219px,56.25vw,560px) !important; min-height:0 !important; max-height:none !important; }
  body[data-page="home"] .lv-hero2-frame > div{ padding-left:var(--lv-px) !important; padding-right:var(--lv-px) !important; }
  body[data-page="home"] .lv-hero2 h1{ font-size:clamp(18px,4.2vw,56px) !important; line-height:1.3 !important; }
}
@media (max-width:768px){
  body[data-page="home"] section[style*="padding:45px 96px 0"],
  body[data-page="home"] section[style*="padding:34px 96px 0"]{ padding-top:40px !important; }
  body[data-page="home"] section[style*="padding:45px 96px 37px"]{ padding-top:40px !important; padding-bottom:40px !important; }

  /* Nền tảng: 1 thẻ + phần ló, vuốt ngang; mũi tên chuyển lên cạnh tiêu đề */
  body[data-page="home"] #lv-principles-viewport{ margin-right:calc(var(--lv-px) * -1); }
  body[data-page="home"] #lv-principles-track{ gap:16px !important; }
  body[data-page="home"] .lv-principle{ flex:0 0 calc(100% - 16px - 28px) !important; }
  body[data-page="home"] .lv-principle .lv-img-box{ margin-bottom:16px !important; }
  body[data-page="home"] .lv-principle .serif{ font-size:22px !important; margin-bottom:8px !important; }
  body[data-page="home"] .lv-principle p{ font-size:14px !important; line-height:1.6 !important; }
  .lv-prin-nav{ top:-56px !important; left:auto !important; right:0 !important; width:40px !important; height:40px !important; }
  #lv-principles-prev{ right:48px !important; }
  .lv-dots{ display:flex !important; justify-content:center; gap:8px; margin-top:20px; }
  .lv-dots i{ width:6px; height:6px; border-radius:50%; background:#D9D2C3; transition:background .3s,width .3s; }
  .lv-dots i.is-on{ background:#0C2C1E; width:18px; border-radius:3px; }

  /* Dự án: xếp dọc, ảnh trên – chữ dưới, rút gọn 6 dòng */
  body[data-page="home"] #lv-du-an-noi-bat > .lv-reveal[style*="display:flex"]{ flex-direction:column !important; align-items:stretch !important; gap:0 !important; padding:32px 0 !important; }
  body[data-page="home"] #lv-du-an-noi-bat > .lv-reveal[style*="display:flex"] > div{ flex:0 0 auto !important; width:100% !important; }
  body[data-page="home"] #lv-du-an-noi-bat > .lv-reveal[style*="display:flex"] > div:last-child{ margin-top:20px; }
  body[data-page="home"] #lv-du-an-noi-bat > .lv-reveal[style*="display:flex"] .serif{ font-size:22px !important; line-height:1.3; }
  body[data-page="home"] .lv-dan-text:not(.is-open){ display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
  body[data-page="home"] .lv-dan-text p{ font-size:14px !important; line-height:1.7 !important; }
  .lv-more{ background:none; border:0; padding:0; margin:0 0 4px; font:600 13px 'Montserrat',sans-serif; color:#0C2C1E; text-decoration:underline; cursor:pointer; min-height:36px; }
  .lv-more[hidden]{ display:none !important; }
  body[data-page="home"] #lv-du-an-noi-bat a.lv-link{ display:flex !important; align-items:center; justify-content:space-between; height:48px; margin-top:12px; border-top:1px solid #E3DCC9; border-bottom:1px solid #E3DCC9 !important; font-size:12px !important; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }

  /* Tin tức: tiêu đề trên, thẻ vuốt ngang bên dưới */
  body[data-page="home"] section[style*="background:#F7F4EC"][style*="padding:45px 96px 0"] > div{ flex-direction:column !important; gap:24px !important; }
  body[data-page="home"] section[style*="background:#F7F4EC"][style*="padding:45px 96px 0"] > div > div:first-child{ flex:0 0 auto !important; width:100%; }
  body[data-page="home"] section[style*="background:#F7F4EC"][style*="padding:45px 96px 0"] > div > div:last-child{ margin-right:calc(var(--lv-px) * -1) !important; width:calc(100% + var(--lv-px)); flex:0 0 auto !important; }
  #lv-news-prev,#lv-news-next{ display:none !important; }
  #lv-news-viewport{ scroll-snap-type:x proximity; }
  body[data-page="home"] .lv-news-card{ flex:0 0 300px !important; scroll-snap-align:start; }
  body[data-page="home"] #lv-news-track{ gap:16px !important; padding-right:var(--lv-px); }
  body[data-page="home"] .lv-news-card .lv-img-box{ height:auto !important; aspect-ratio:4/3; margin-bottom:14px !important; }
  body[data-page="home"] .lv-news-card .serif{ font-size:18px !important; line-height:1.35 !important; }
  body[data-page="home"] .lv-news-card p{ font-size:14px !important; max-width:none !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  body[data-page="home"] #lv-news-progress{ }

  /* Đối tác: lưới 3 cột thay cho dải chạy */
  #lv-partner-prev,#lv-partner-next{ display:none !important; }
  body[data-page="home"] #lv-partner-track{ width:100% !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 12px; transform:none !important; }
  body[data-page="home"] #lv-partner-track > div{ flex:none !important; height:56px !important; min-height:0; overflow:hidden; position:relative; }
  body[data-page="home"] #lv-partner-track > div:nth-child(n+12){ display:none !important; }
  body[data-page="home"] #lv-partner-track img{ max-width:100% !important; max-height:48px !important; width:auto; height:auto; object-fit:contain; }
  body[data-page="home"] #lv-partner-track img[style*="height:100px"]{ height:84px !important; max-height:none !important; max-width:none !important; width:auto !important; }
  body[data-page="home"] section h2.serif[style*="margin: 0 0 48px"]{ margin-bottom:28px !important; }
}

/* ======================================================================
   TRANG LẠC VIỆT CORP (lac-viet-corpV2.html)
   ====================================================================== */
@media (max-width:1180px){
  body[data-page="corp"] section[style*="aspect-ratio:1440/560"]{ aspect-ratio:auto !important; height:clamp(219px,calc(219px + (100vw - 390px) * .304),460px); }
  body[data-page="corp"] #lv-ck-stage{ width:calc(100% + 2 * var(--lv-px)) !important; margin-left:calc(var(--lv-px) * -1) !important; }
  body[data-page="corp"] svg[style*="left:-96px"]{ left:calc(var(--lv-px) * -1) !important; right:calc(var(--lv-px) * -1) !important; width:calc(100% + 2 * var(--lv-px)) !important; }
}
@media (max-width:1024px){
  body[data-page="corp"] section[data-lv-stats] > div > div{ padding-left:20px !important; padding-right:20px !important; }
  body[data-page="corp"] section[style*="background:#F7F4EC"] [style*="padding:32px 40px 0"]{ padding:24px 24px 0 !important; }
  body[data-page="corp"] section[style*="background:#F7F4EC"] [style*="padding:16px 40px 44px"]{ padding:12px 24px 32px !important; }
}
@media (max-width:900px){
  /* Nguyên tắc: 1 thẻ — ảnh 16:9, mũi tên đè lên ảnh, số + tiêu đề + diễn giải bên dưới, chấm trang */
  body[data-page="corp"] #lv-ck-stage{ width:100% !important; margin-left:0 !important; height:auto !important; display:flex; flex-direction:column; visibility:visible !important; }
  body[data-page="corp"] svg[style*="left:-"]{ display:none !important; }
  body[data-page="corp"] #lv-ck-stage > *{ position:static !important; left:auto !important; top:auto !important; width:auto !important; height:auto !important; transition:none !important; pointer-events:auto !important; margin:0 !important; text-wrap:wrap !important; }
  body[data-page="corp"] #lv-ck-stage{ overflow:hidden; }
  body[data-page="corp"] #lv-ck-stage .lv-ck-arrow{ transform:none !important; opacity:1 !important; }
  body[data-page="corp"] #lv-ck-stage:not(.lv-ck-anim) > .is-on{ transform:none !important; opacity:1 !important; }
  body[data-page="corp"] #lv-ck-stage.lv-ck-anim > .lv-ck-item.is-on{ animation:lvCkIn .5s cubic-bezier(.22,.8,.3,1) both; }
  body[data-page="corp"] #lv-ck-stage.lv-ck-anim > .is-on:not(.lv-ck-item){ animation:lvCkIn .5s cubic-bezier(.22,.8,.3,1) .08s both; }
  body[data-page="corp"] #lv-ck-stage .lv-ck-item:not(.is-on),
  body[data-page="corp"] #lv-ck-stage .lv-ck-title:not(.is-on),
  body[data-page="corp"] #lv-ck-stage .lv-ck-cap:not(.is-on),
  body[data-page="corp"] #lv-ck-stage .lv-ck-num:not(.is-on){ display:none !important; }
  body[data-page="corp"] #lv-ck-stage .lv-ck-item{ order:1; width:100% !important; aspect-ratio:16/9; cursor:default !important; }
  body[data-page="corp"] #lv-ck-stage .lv-ck-num{ order:2; margin-top:20px !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.2em; color:#8A6D20 !important; line-height:1 !important; }
  body[data-page="corp"] #lv-ck-stage .lv-ck-title{ order:3; margin-top:8px !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.16em; line-height:1.4 !important; }
  body[data-page="corp"] #lv-ck-stage .lv-ck-cap{ order:4; margin-top:10px !important; font-size:clamp(18px,3vw,24px) !important; font-weight:700 !important; line-height:1.4 !important; color:#0C2C1E !important; white-space:normal !important; display:block !important; }
  body[data-page="corp"] #lv-ck-stage .lv-ck-arrow{ position:absolute !important; top:calc((100vw - 2 * var(--lv-px)) * .28125 - 22px) !important; width:44px !important; height:44px !important; background:#fff; border:0; z-index:5; display:flex; }
  body[data-page="corp"] #lv-ck-stage #lv-ck-prev-btn{ left:10px !important; }
  body[data-page="corp"] #lv-ck-stage #lv-ck-next-btn{ right:10px !important; left:auto !important; }
  body[data-page="corp"] #lv-ck-stage ~ .lv-dots{ margin-top:28px; }
}
@media (max-width:768px){
  body[data-page="corp"] section[style*="padding:45px 96px 22px"]:not(:has(h2)){ flex-direction:column !important; align-items:stretch !important; gap:16px !important; padding-top:36px !important; padding-bottom:12px !important; }
  body[data-page="corp"] section[style*="padding:45px 96px 22px"]:not(:has(h2)) > div{ flex:0 0 auto !important; width:100%; }
  body[data-page="corp"] section[style*="padding:45px 96px 22px"] h1{ font-size:clamp(24px,6.8vw,30px) !important; margin-top:0 !important; }
  body[data-page="corp"] section[style*="padding:45px 96px 22px"] p.serif{ font-size:17px !important; line-height:1.7 !important; margin-top:0 !important; }

  /* Chỉ số 2x2 */
  body[data-page="corp"] section[data-lv-stats]{ padding-top:12px !important; padding-bottom:40px !important; }
  body[data-page="corp"] section[data-lv-stats] > div{ display:grid !important; grid-template-columns:1fr 1fr; gap:12px !important; }
  body[data-page="corp"] section[data-lv-stats] > div > div{ min-height:200px !important; padding:24px 16px 20px !important; }
  body[data-page="corp"] section[data-lv-stats] > div > div > div:first-child > div:first-child{ font-size:34px !important; }
  body[data-page="corp"] section[data-lv-stats] > div > div > div:first-child > div:last-child{ font-size:15px !important; margin-top:8px !important; }
  body[data-page="corp"] section[data-lv-stats] > div > div > div:last-child{ font-size:14px !important; margin-top:28px !important; }

  /* Tầm nhìn / Sứ mệnh / Giá trị: ảnh tràn lề, 3 khối xếp dọc */
  body[data-page="corp"] section[style*="padding:45px 96px 74px"]{ padding-top:0 !important; padding-bottom:40px !important; }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] > div{ flex-direction:column !important; gap:0 !important; }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] > div > div:first-child{ flex:0 0 auto !important; margin:0 calc(var(--lv-px) * -1); }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] > div > div:first-child > div:first-child{ display:none; }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] > div > div:first-child > div:last-child{ min-height:0 !important; height:auto !important; aspect-ratio:4/3; }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] > div > div:last-child{ flex:0 0 auto !important; }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] .lv-reveal[style*="padding:40px 0"]{ flex-direction:column !important; gap:8px !important; padding:28px 0 !important; }
  body[data-page="corp"] .v2-num{ font-size:12px !important; font-weight:600 !important; letter-spacing:.2em; flex:0 0 auto !important; color:#8A6D20 !important; }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] h3{ font-size:26px !important; margin-bottom:10px !important; }
  body[data-page="corp"] section[style*="padding:45px 96px 74px"] .serif[style*="font-size:26px"]{ font-size:16px !important; line-height:1.9 !important; margin-top:0 !important; font-weight:400 !important; color:#4B5D57 !important; }

  /* Nguyên tắc */
  body[data-page="corp"] section[style*="padding:45px 96px 37px"][style*="overflow:hidden"]{ padding-top:40px !important; padding-bottom:40px !important; }
  body[data-page="corp"] section[style*="overflow:hidden"] > .serif[style*="margin-bottom:56px"]{ margin-bottom:24px !important; font-size:26px !important; }

  /* Tiêu đề các section */
  body[data-page="corp"] section > div[style*="margin-bottom:56px"]{ margin-bottom:24px !important; }
  body[data-page="corp"] section h2.serif[style*="font-size:48px"]{ font-size:26px !important; line-height:1.15; }
  body[data-page="corp"] section[style*="padding:45px 96px 22px"]:has(h2){ padding-top:40px !important; }
  body[data-page="corp"] section[style*="padding:23px 96px 37px"], body[data-page="corp"] section[style*="padding:45px 96px 37px"]:not([style*="overflow:hidden"]):not([style*="border-top"]){ padding-top:40px !important; padding-bottom:40px !important; }

  /* Ban lãnh đạo */
  body[data-page="corp"] section > div[style*="margin-top:72px"]{ margin-top:44px !important; overflow-x:auto; scrollbar-width:none; gap:12px !important; margin-right:calc(var(--lv-px) * -1); padding-right:var(--lv-px); scroll-snap-type:x proximity; }
  body[data-page="corp"] section > div[style*="margin-top:72px"]::-webkit-scrollbar{ display:none; }
  body[data-page="corp"] section > div[style*="margin-top:72px"] > div{ flex:0 0 calc((100% + var(--lv-px) - 52px) / 2) !important; scroll-snap-align:start; }
  body[data-page="corp"] section > div[style*="margin-top:72px"] [style*="font-size:20px"]{ font-size:clamp(14px,3.4vw,18px) !important; line-height:1.3; }
  body[data-page="corp"] section > div[style*="margin-top:72px"]{ cursor:grab; scroll-snap-type:x mandatory; }
  body[data-page="corp"] section > div[style*="margin-top:72px"].is-drag{ cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; }
  body[data-page="corp"] section > div[style*="margin-top:72px"] img{ -webkit-user-drag:none; user-select:none; }
  body[data-page="corp"] section > div[style*="margin-top:72px"] > .lv-reveal{ opacity:1 !important; transform:none !important; }
  body[data-page="corp"] section > div[style*="margin-top:72px"] [style*="padding:20px 0 0"]{ padding-top:14px !important; }

  /* Lĩnh vực hoạt động */

  /* Giải thưởng */
  body[data-page="corp"] section > div[style*="grid-template-columns:repeat(3,minmax(0,1fr))"]{ display:flex !important; flex-direction:column; gap:16px; }
  body[data-page="corp"] section > div[style*="grid-template-columns:repeat(3,minmax(0,1fr))"] > div{ display:block !important; grid-row:auto !important; }
  body[data-page="corp"] section > div[style*="grid-template-columns:repeat(3,minmax(0,1fr))"] .lv-img-box{ height:auto !important; aspect-ratio:16/10; }
  body[data-page="corp"] section > div[style*="grid-template-columns:repeat(3,minmax(0,1fr))"] [style*="font-size:22px"]{ font-size:18px !important; padding:20px 20px 0 !important; }
  body[data-page="corp"] section > div[style*="grid-template-columns:repeat(3,minmax(0,1fr))"] [style*="font-size:16px"]{ font-size:14px !important; padding:10px 20px 24px !important; }

  /* Đối tác: lưới 3 cột */
  body[data-page="corp"] section[style*="border-top:1px solid #E3DCC9"][style*="border-bottom"] > h2{ margin:0 0 24px !important; }
  #lv-du-an-partner-prev,#lv-du-an-partner-next{ display:none !important; }
  body[data-page="corp"] #lv-du-an-partner-track{ width:100% !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; transform:none !important; }
  body[data-page="corp"] #lv-du-an-partner-track > div{ flex:none !important; height:76px !important; min-height:0; border:1px solid #E3DCC9; box-sizing:border-box; padding:12px; overflow:hidden; }
  body[data-page="corp"] #lv-du-an-partner-track > div:nth-child(n+12){ display:none !important; }
  body[data-page="corp"] #lv-du-an-partner-track img{ max-width:100% !important; max-height:44px !important; }
  body[data-page="corp"] #lv-du-an-partner-track img[style*="height:100px"]{ height:80px !important; max-height:none !important; max-width:none !important; width:auto !important; }
  body[data-page="corp"] #lv-du-an-partner-track ~ *{ }
}

@media (max-width:560px){
  body[data-page="corp"] section > div:has(> .lv-reveal > .lv-img-box[style*="aspect-ratio:1/1"]){ flex-direction:column !important; gap:28px !important; }
  body[data-page="corp"] section > div:has(> .lv-reveal > .lv-img-box[style*="aspect-ratio:1/1"]) [style*="font-size:30px"]{ font-size:20px !important; line-height:1.3; }
  body[data-page="corp"] section > div:has(> .lv-reveal > .lv-img-box[style*="aspect-ratio:1/1"]) [style*="padding:28px 0 0"]{ padding-top:14px !important; }
  body[data-page="corp"] section > div:has(> .lv-reveal > .lv-img-box[style*="aspect-ratio:4/3"]){ flex-direction:column !important; gap:28px !important; }
  body[data-page="corp"] section > div:has(> .lv-reveal > .lv-img-box[style*="aspect-ratio:4/3"]) [style*="font-size:30px"]{ font-size:20px !important; padding-top:14px !important; }
}

/* ======================================================================
   3 TRANG DỰ ÁN (dam-de-gi / imperial-oasis / newtown)
   ====================================================================== */
@media (max-width:1180px){
  body[data-page="project"] section[style*="background:#D9D2C3"][style*="overflow:hidden"][style*="position:relative"]{ height:clamp(244px,calc(244px + (100vw - 390px) * .6),720px) !important; aspect-ratio:auto !important; }
  body[data-page="project"] section[style*="aspect-ratio:16/9"][style*="background:#D9D2C3"]{ height:clamp(244px,calc(244px + (100vw - 390px) * .532),664px) !important; }
  body[data-page="project"] section[style*="height:743px"]{ height:auto !important; min-height:743px; }
  body[data-page="project"] section[style*="padding:45px 0 24px"] > .lv-reveal[style*="padding:0 96px"]{ padding-left:var(--lv-px) !important; padding-right:var(--lv-px) !important; }
  body[data-page="project"] .lv-amenity-slide{ padding-left:var(--lv-px) !important; padding-right:var(--lv-px) !important; }
  body[data-page="project"] section[style*="column-gap:72px"]{ column-gap:clamp(24px,calc(24px + (100vw - 768px) * .116),72px) !important; }
}
@media (max-width:1024px){
  :root{ --lv-gal-sw:285px; --lv-gal-sh:214px; --lv-gal-cw:480px; --lv-gal-ch:360px; }
  body[data-page="project"] .lv-gallery-panel[data-panel="photo"]{ gap:24px !important; }
  body[data-page="project"] #lv-gallery-track-inner{ gap:40px !important; }
  body[data-page="project"] .lv-scroll-hint{ display:none !important; }
  body[data-page="project"] section[style*="height:743px"]{ min-height:0; }
  body[data-page="project"] section[style*="height:743px"] .lv-gallery-panel[data-panel="photo"]{ min-height:420px; }
}
@media (max-width:768px){
  :root{ --lv-gal-sw:200px; --lv-gal-sh:150px; --lv-gal-cw:290px; --lv-gal-ch:218px; }
  body[data-page="project"] p{ text-align:left; }

  /* Tên dự án */
  body[data-page="project"] section[style*="text-align:center"]{ text-align:left !important; padding-top:32px !important; padding-bottom:28px !important; }
  body[data-page="project"] section[style*="text-align:center"] > div[style*="fit-content"]{ width:100% !important; margin:0 !important; }
  body[data-page="project"] section[style*="text-align:center"] .eyebrow{ font-size:11px !important; letter-spacing:.16em; color:#8A6D20; }
  body[data-page="project"] section[style*="text-align:center"] h1{ font-size:clamp(26px,7.4vw,32px) !important; text-wrap:wrap !important; margin-bottom:16px !important; }
  body[data-page="project"] section[style*="text-align:center"] p, body[data-page="project"] section[style*="text-align:center"] li{ font-size:15px !important; }
  body[data-page="project"] .lv-intro-row{ text-align:left; }
  /* Mô tả đầu trang bị cắt gọn nên IntersectionObserver của hiệu ứng reveal không bao giờ kích hoạt (đoạn quá cao) → luôn hiện */
  body[data-page="project"] .lv-intro-clamp p.lv-reveal{ opacity:1 !important; transform:none !important; }
  body[data-page="project"] [style*="animation:lvScrollHint"]{ display:none !important; }
  body[data-page="project"] > div > div[style*="padding:18px 96px"], body[data-page="project"] div[style*="padding:18px 96px"]{ padding-top:14px !important; padding-bottom:14px !important; line-height:1.6; }

  /* Hai cột -> một cột (Tổng quan, Vị trí) */
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"]{ grid-template-columns:minmax(0,1fr) !important; column-gap:0 !important; row-gap:20px; padding-top:40px !important; padding-bottom:40px !important; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal{ grid-column:1 !important; grid-row:auto !important; max-width:none !important; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="aspect-ratio"]{ aspect-ratio:4/3 !important; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] h3.serif{ font-size:26px !important; line-height:1.15; margin:0 0 20px !important; }
  /* Tổng quan: tiêu đề -> ảnh -> bảng thông số */
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="grid-column:2"]:not([style*="aspect-ratio"]),
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="grid-column:2"]:not([style*="aspect-ratio"]) > div{ display:contents; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="grid-column:2"] h3{ order:1; margin-bottom:0 !important; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="grid-column:1"][style*="aspect-ratio"]{ order:2; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="grid-column:2"] > div > div[style*="flex-direction:column"]{ order:3; border-top:1px solid #E3DCC9; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="grid-column:2"] a.lv-cta-btn{ order:4; display:inline-flex !important; align-items:center; justify-content:center; justify-self:center; width:auto !important; height:48px; padding:0 28px !important; margin-top:28px !important; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] div[style*="flex:0 0 180px"]{ flex:0 0 auto !important; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] div[style*="gap:24px"][style*="padding:11px 0"]{ flex-direction:column !important; gap:6px !important; padding:16px 0 !important; border-bottom:1px solid #E3DCC9; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] div[style*="gap:24px"][style*="padding:11px 0"] > div:last-child{ font-size:15px !important; line-height:1.6 !important; }

  /* Những phân khu nổi bật: vuốt ngang */
  body[data-page="project"] section[style*="padding:45px 0 24px"]{ padding-top:40px !important; padding-bottom:40px !important; }
  body[data-page="project"] section[style*="padding:45px 0 24px"] > .lv-reveal[style*="padding:0 96px"]{ margin-bottom:24px !important; }
  body[data-page="project"] section[style*="padding:45px 0 24px"] h3{ font-size:26px !important; line-height:1.15; max-width:240px; }
  body[data-page="project"] section[style*="padding:45px 0 24px"] .lv-amenity-nav{ display:none !important; }
  body[data-page="project"] #lv-amenity-counter{ font-size:12px !important; font-weight:600; letter-spacing:.16em !important; color:#8A6D20 !important; }
  body[data-page="project"] #lv-amenity-track{ flex-direction:row !important; overflow-x:auto !important; overflow-y:hidden !important; height:auto !important; gap:12px !important; padding:0 var(--lv-px); scroll-snap-type:x mandatory; scroll-padding-left:var(--lv-px); align-items:flex-start; -webkit-overflow-scrolling:touch; }
  body[data-page="project"] #lv-amenity-track{ cursor:grab; }
  body[data-page="project"] #lv-amenity-track.is-drag{ cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; }
  body[data-page="project"] #lv-amenity-track img{ -webkit-user-drag:none; user-select:none; }
  body[data-page="project"] .lv-amenity-slide{ display:block !important; flex:0 0 calc(100% + var(--lv-px) - 40px) !important; height:auto !important; padding:0 !important; background:transparent !important; overflow:visible !important; }
  body[data-page="project"] .lv-amenity-slide > div:first-child{ width:100%; aspect-ratio:4/3; }
  body[data-page="project"] .lv-amenity-slide h4{ font-size:18px !important; line-height:1.3 !important; margin:16px 0 8px !important; }
  body[data-page="project"] :is(.lv-amenity-text,.lv-m-text){ max-height:none !important; padding-right:0 !important; overflow:visible; }
  body[data-page="project"] :is(.lv-amenity-text,.lv-m-text):not(.is-open){ display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
  body[data-page="project"] :is(.lv-amenity-text,.lv-m-text) p{ font-size:14px !important; line-height:1.7 !important; opacity:.85 !important; }

  /* Thư viện dự án */
  body[data-page="project"] section[style*="height:743px"]{ padding-top:40px !important; padding-bottom:40px !important; }
  body[data-page="project"] section[style*="height:743px"] > h3{ font-size:26px !important; line-height:1.15; margin-bottom:20px !important; }
  body[data-page="project"] section[style*="height:743px"] > div:nth-of-type(1){ gap:20px !important; margin-bottom:20px !important; overflow-x:auto; scrollbar-width:none; }
  body[data-page="project"] .lv-gallery-tab{ white-space:nowrap; }
  body[data-page="project"] .lv-gallery-panel[data-panel="photo"]{ flex:0 0 auto !important; flex-wrap:wrap !important; gap:16px !important; min-height:0 !important; }
  body[data-page="project"] #lv-gallery-track{ order:-1; flex:0 0 calc(100% + 2 * var(--lv-px)) !important; max-width:none !important; width:calc(100% + 2 * var(--lv-px)); margin:0 calc(var(--lv-px) * -1); }
  body[data-page="project"] #lv-gallery-track-inner{ gap:12px !important; }
  body[data-page="project"] .lv-gallery-panel[data-panel="video"][style*="display:grid"], body[data-page="project"] .lv-gallery-panel[data-panel="video"][style*="display: grid"]{ grid-template-columns:1fr !important; grid-template-rows:auto !important; }
  body[data-page="project"] .lv-video-local{ aspect-ratio:16/9; }
  body[data-page="project"] .lv-gallery-panel[data-panel="docs"]{ overflow:visible !important; }
  body[data-page="project"] .lv-gallery-panel[data-panel="docs"] a{ font-size:14px !important; gap:12px; }
  /* Lightbox */
  .lv-lb-fig{ max-width:calc(100vw - 24px) !important; }
  .lv-lb-btn{ width:44px !important; height:44px !important; }
  .lv-lb-close{ top:12px !important; right:12px !important; }
  .lv-lb-prev{ left:12px !important; top:auto !important; bottom:20px !important; margin-top:0 !important; }
  .lv-lb-next{ right:12px !important; top:auto !important; bottom:20px !important; margin-top:0 !important; }

  /* Đối tác: dải logo vẫn chạy ngang, ô nhỏ lại */
  #lv-du-an-partner-prev,#lv-du-an-partner-next{ display:none !important; }
  body[data-page="project"] section[style*="border-top:1px solid #E3DCC9"][style*="border-bottom"]{ padding-top:36px !important; padding-bottom:36px !important; }
  body[data-page="project"] section[style*="border-top:1px solid #E3DCC9"][style*="border-bottom"] > h2{ font-size:26px !important; margin:0 0 20px !important; }
  body[data-page="project"] #lv-du-an-partner-track > div{ flex:0 0 150px !important; height:56px !important; }
  body[data-page="project"] #lv-du-an-partner-track img{ max-width:110px !important; }

  /* Đăng ký khách hàng */
  body[data-page="project"] section[style*="background:#0C2C1E"][style*="display:flex"]{ flex-direction:column !important; gap:24px !important; padding-top:40px !important; padding-bottom:40px !important; }
  body[data-page="project"] section[style*="background:#0C2C1E"][style*="display:flex"] > .lv-reveal{ flex:0 0 auto !important; width:100%; }
  body[data-page="project"] section[style*="background:#0C2C1E"][style*="display:flex"] h3{ font-size:26px !important; }
}

/* Imperial — Tiện ích: lưới 6 cột co dần 4 → 3 → 2 cột */
@media (max-width:1180px){
  body[data-page="project"] [style*="grid-template-columns:repeat(6,minmax(0,1fr))"]{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; column-gap:32px !important; }
}
@media (max-width:900px){
  body[data-page="project"] [style*="grid-template-columns:repeat(6,minmax(0,1fr))"]{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:768px){
  body[data-page="project"] [style*="grid-template-columns:repeat(6,minmax(0,1fr))"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:16px !important; row-gap:0 !important; }
  body[data-page="project"] [style*="grid-template-columns:repeat(6,minmax(0,1fr))"] > div{ min-height:0 !important; padding:14px 0 !important; gap:10px !important; }
  body[data-page="project"] [style*="grid-template-columns:repeat(6,minmax(0,1fr))"] > div > div[aria-hidden]{ width:28px !important; height:28px !important; font-size:11px !important; }
  body[data-page="project"] [style*="grid-template-columns:repeat(6,minmax(0,1fr))"] span{ font-size:14px !important; line-height:1.4 !important; }
  body[data-page="project"] section[style*="padding:45px 96px 37px"][style*="background:#F7F4EC"]{ padding-top:40px !important; padding-bottom:40px !important; }
  body[data-page="project"] section[style*="padding:45px 96px 37px"][style*="background:#F7F4EC"] h3{ font-size:26px !important; margin:0 0 20px !important; }
}

/* Bản đồ Google (My Maps) ở mobile: khung dọc 3:4, cắt bỏ thanh tiêu đề / nút zoom / chân trang, khoá thao tác để không "kẹt" cuộn trang */
@media (max-width:768px){
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal[style*="grid-column:2"][style*="aspect-ratio"]:has(iframe){ aspect-ratio:3/4 !important; overflow:hidden !important; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal:has(iframe) > div{ top:0 !important; height:100% !important; overflow:hidden; }
  body[data-page="project"] section[style*="grid-template-columns:repeat(2,minmax(0,1fr))"] > .lv-reveal:has(iframe) iframe{ position:absolute !important; left:-90px !important; top:-140px !important; width:calc(100% + 120px) !important; height:calc(100% + 200px) !important; margin:0 !important; max-width:none !important; pointer-events:none; }
}

/* Trang chủ — mobile: clip hero luôn full-bleed, không thu hẹp lề khi cuộn */
@media (max-width:768px){
  body[data-page="home"] .lv-hero2{ padding-left:0 !important; padding-right:0 !important; }
}

@keyframes lvCkIn{ from{ opacity:0; transform:translateX(var(--lv-ck-dir,60px)); } to{ opacity:1; transform:translateX(0); } }

/* Thư viện dự án — ảnh giữa to trên mobile, ảnh hai bên chỉ ló nhẹ (giá trị px cố định vì JS đọc trực tiếp) */
@media (max-width:768px){ :root{ --lv-gal-sw:210px; --lv-gal-sh:158px; --lv-gal-cw:342px; --lv-gal-ch:257px; } }
@media (max-width:380px){ :root{ --lv-gal-sw:190px; --lv-gal-sh:143px; --lv-gal-cw:312px; --lv-gal-ch:234px; } }
@media (min-width:561px) and (max-width:768px){ :root{ --lv-gal-sw:250px; --lv-gal-sh:188px; --lv-gal-cw:480px; --lv-gal-ch:360px; } }
@media (min-width:681px) and (max-width:768px){ :root{ --lv-gal-sw:260px; --lv-gal-sh:195px; --lv-gal-cw:560px; --lv-gal-ch:420px; } }