/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

/* HỌ VĂN VIỆT NAM • tintuc2026 • NukeViet 4.6.02 • safe visual overrides */
:root{--hv-red:#b8171e;--hv-deep:#7b0c16;--hv-gold:#c89b43;--hv-ink:#20272f;--hv-paper:#f8f9fb}
html{scroll-behavior:smooth}body{background:var(--hv-paper);color:var(--hv-ink);font-size:15px;line-height:1.65;font-family:Arial,"Helvetica Neue",sans-serif}a{transition:color .18s ease}a:hover{color:var(--hv-red)}.wraper{max-width:1240px;margin-left:auto;margin-right:auto}
.section-header-bar{background:#202329!important;color:#f9f9f9;border:0!important}.section-header-bar a{color:#fff}.section-header{background:linear-gradient(115deg,#fff 0%,#fffaf2 100%);border-bottom:2px solid #e6d6bb;box-shadow:0 6px 25px rgba(34,24,16,.06)}
#header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px}#header .logo{display:flex;align-items:center;gap:15px;padding:12px 0}#header .logo>a img{max-height:94px;max-width:96px;width:auto;height:auto;object-fit:contain}#header .logo .site_description{color:#665847;font-size:13px;line-height:1.5}
.hv-brand{display:flex;align-items:center;gap:14px;max-width:100%;text-decoration:none!important}.hv-brand img{width:82px;height:82px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.13))}.hv-brand strong{display:block;color:#921018;font:700 clamp(19px,2.2vw,31px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.04em}.hv-brand small{display:block;color:#876623;letter-spacing:.045em;font-size:11px;margin-top:5px;text-transform:uppercase}
.section-nav{background:#20242a}.second-nav .bg{background:linear-gradient(180deg,#d62529 0%,#b61119 52%,#7b0d17 100%)!important;border-radius:10px 10px 6px 6px;box-shadow:0 4px 0 #292b2e,0 8px 20px rgba(0,0,0,.15);border:1px solid #76141a!important}.second-nav a{font-weight:700;letter-spacing:.02em}.second-nav a:hover{background-color:rgba(0,0,0,.18)!important}
.section-body{padding-top:20px}.section-body>.wraper>section>.container{background:white;border-radius:14px;box-shadow:0 12px 36px rgba(22,28,35,.06);padding:18px 20px}.third-nav{margin-bottom:12px}.breadcrumbs-wrap{font-size:12px}
.panel{border-radius:9px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 4px 14px rgba(29,36,46,.04)}.panel-heading{background:linear-gradient(180deg,#f13231 0%,#cb181e 48%,#921018 100%)!important;color:#fff!important;font-weight:700!important;border:0!important;position:relative;padding:11px 16px!important;text-shadow:0 1px 1px rgba(0,0,0,.25)}.panel-heading:after{content:'';display:block;position:absolute;right:0;top:0;bottom:0;width:24%;background:linear-gradient(180deg,#5b5e61,#181a1d 63%,#08090a);border-radius:26px 0 0 0;box-shadow:inset 0 2px 2px rgba(255,255,255,.23);pointer-events:none}.panel-heading a,.panel-heading a:hover{color:#fff!important}.panel-body{padding:17px}.panel-title{font-weight:700}
/* Article cards and news listings: preserve original NukeViet template markup */
.news_column,.news-groups,.news-list,.news-viewcat{line-height:1.7}#body img{max-width:100%;height:auto}#body .thumbnail,#body .thumbnail img{border-radius:8px}#body h1,#body h2{letter-spacing:-.015em}#body h1{line-height:1.3}#body .btn-primary{background:var(--hv-red);border-color:var(--hv-deep);border-radius:6px}#body .btn-primary:hover{background:var(--hv-deep)}
.section-footer-top{background:#26292e!important;color:#efefef;margin-top:30px;padding:32px 0}.section-footer-top a{color:#f2d9a8}.section-footer-bottom{background:#17191d!important;color:#eee}.section-footer-bottom a{color:#fff}
@media(max-width:991px){#header{min-height:88px}#header .logo>a img{max-height:70px}.hv-brand img{width:68px;height:68px}.hv-brand strong{font-size:22px}.section-body>.wraper>section>.container{padding:14px}}
@media(max-width:767px){body{font-size:15px}.section-header{padding:5px 0}.hv-brand{gap:10px}.hv-brand img{width:52px;height:52px}.hv-brand strong{font-size:17px}.hv-brand small{font-size:9px;line-height:1.35}#header{min-height:70px}#header .right-ads{display:none}.section-body>.wraper>section>.container{padding:10px;border-radius:0}.panel-heading:after{width:17%}.section-footer-top{padding:24px 0}}


/* === HO VAN 2026 · heritage visual system · 2026-10-11 === */
:root{--hv-red:#71302f;--hv-deep:#512422;--hv-gold:#b88a4a;--hv-ink:#2d3034;--hv-paper:#faf8f4;--hv-line:#e8e1d7}
body{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:var(--hv-paper);color:var(--hv-ink)}
.wraper{max-width:1160px}
.section-header-bar{background:#512422!important;border:0!important;min-height:27px}
.section-header{background:#fff;border:0;border-bottom:1px solid var(--hv-line);box-shadow:0 3px 18px rgba(0,0,0,.045)}
.section-header .wraper #header{min-height:84px;align-items:center}
#header .logo{padding:8px 0;flex-wrap:wrap}
.hv-brand img{width:54px;height:54px;max-height:54px!important;border:2px solid var(--hv-gold);background:#fcf6ea;border-radius:50%}
.hv-brand strong{font-family:Georgia,'Times New Roman',serif;color:#71302f;font-size:22px;letter-spacing:.02em}
.hv-brand small{font-size:10px;color:#7f746b;letter-spacing:.13em}
#header .logo .site_description{color:#7a7470;font-size:12px;font-style:italic}
.section-nav{background:#fff;border-bottom:1px solid var(--hv-line)}
.second-nav .bg{background:#fff!important;color:#323232;box-shadow:none!important;border:0!important;border-radius:0}
.second-nav a{font-size:14px;font-weight:650;letter-spacing:0;color:#37302f!important}
.second-nav a:hover{background:#f6eee9!important;color:#71302f!important}
.hv-heritage-home{background:linear-gradient(115deg,#fbf9f4,#f0e9dd);padding:43px 0 0}
.hv-hidden{display:none!important}
.hv-hero-inner{padding:0 24px 38px}
.hv-hero-copy{max-width:730px}
.hv-eyebrow{color:var(--hv-red);font-weight:750;letter-spacing:2px;font-size:11px}
.hv-hero-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(34px,4.5vw,56px);line-height:1.12;letter-spacing:-1px;margin:15px 0;color:#2d3034}
.hv-hero-copy h2 span{color:#71302f}
.hv-hero-copy p{max-width:650px;color:#646462;font-size:16px;line-height:1.7;margin:0}
.hv-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hv-button-primary,.hv-button-outline{padding:12px 19px;border-radius:9px;font-size:14px;font-weight:650;text-decoration:none!important;display:inline-block}
.hv-button-primary{background:#71302f;color:#fff!important}
.hv-button-primary:hover{background:#512422;color:white!important}
.hv-button-outline{background:#fff;color:#71302f!important;border:1px solid #dbc8bf}
.hv-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 24px 30px}
.hv-shortcut{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid var(--hv-line);border-radius:14px;box-shadow:0 6px 25px #48201e08;text-decoration:none!important}
.hv-shortcut:hover{border-color:#bf9b86;text-decoration:none!important}
.hv-shortcut-icon{width:48px;height:48px;flex:0 0 48px;background:#f7f0e6;border-radius:12px;display:grid;place-items:center;font-size:26px;color:#71302f}
.hv-shortcut strong{display:block;color:#71302f;font-size:15px;margin-bottom:4px}
.hv-shortcut small{display:block;color:#6d7479;line-height:1.5;font-size:12px}
.section-body{padding-top:24px}
.section-body>.wraper>section>.container{border-radius:14px;box-shadow:0 5px 26px #48201e08;border:1px solid var(--hv-line)}
.panel{border:1px solid var(--hv-line);border-radius:12px;box-shadow:0 5px 18px #48201e08}
.panel-heading{background:#71302f!important;color:#fff!important;text-shadow:none!important;border-radius:11px 11px 0 0!important}
.panel-heading:after{display:none!important}
.panel-heading a{color:#fff!important}
#body h1,#body h2,#body h3{font-family:Georgia,'Times New Roman',serif}
#body .btn-primary{background:#71302f;border-color:#71302f}
.section-footer-top{background:#352c2b!important;color:#f8f4eb}
.section-footer-bottom{background:#241f1e!important}
@media(max-width:991px){.hv-hero-inner{padding:0 20px 30px}.hv-shortcuts{padding:0 20px 25px;gap:9px}.hv-shortcut{padding:15px}.hv-hero-copy h2{font-size:40px}}
@media(max-width:767px){.hv-heritage-home{padding-top:30px}.hv-hero-inner{padding:0 15px 25px}.hv-hero-copy h2{font-size:35px}.hv-hero-copy p{font-size:14px}.hv-shortcuts{grid-template-columns:1fr;padding:0 15px 22px}.hv-shortcut{padding:13px}.section-body>.wraper>section>.container{border-radius:0;padding:10px}#header .logo .site_description{display:none}.hv-brand strong{font-size:17px}.hv-brand img{height:45px;width:45px}}

/* Họ Văn: Vietnamese-friendly hero typography and optional right-side photo. */
.hv-hero-copy h2 {font-family: 'Times New Roman', Georgia, serif;letter-spacing:normal;word-spacing:normal;overflow-wrap:normal;font-kerning:normal;}
.hv-hero-inner.hv-with-image {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,0.8fr);align-items:center;gap:28px;}
.hv-hero-image img {display:block;width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(60,35,30,.15);}
@media(max-width:767px){.hv-hero-inner.hv-with-image{grid-template-columns:1fr;gap:20px}.hv-hero-image img{max-height:290px}}

/* Site description is driven by Admin > Site configuration > Site description. */
#header .logo .hv-brand .hv-site-slogan{display:block;max-width:510px;color:#806e55;font-size:11px;line-height:1.45;letter-spacing:.015em;font-style:normal;text-transform:none;white-space:normal;margin-top:5px}
#header .logo .hv-brand .hv-site-slogan:empty{display:none}
@media(max-width:767px){#header .logo .hv-brand .hv-site-slogan{display:block;font-size:9px;line-height:1.4;letter-spacing:0}}

/* 12-10-2026: mềm mại như mô tả site cũ, không thay dữ liệu */
#header .logo .hv-brand .hv-site-slogan {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px; font-style: italic; font-weight: 400;
  letter-spacing: 0; text-transform: none; color: #76695e;
  line-height: 1.45; margin-top: 3px;
}
@media(max-width:767px) {#header .logo .hv-brand .hv-site-slogan{font-size:10px;}}


/* HOVAN – 12/10/2026: mo rong anh banner, khong cat mat cong/chu */
@media (min-width: 992px) {
  .hv-hero-inner.hv-with-image {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 18px;
  }
  .hv-hero-image { min-width: 0; width: 100%; }
  .hv-hero-image img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center;
  }
}
/* Khau hieu duoi logo lay tu Mo ta cua site; chi thay font, khong sua noi dung */
#header .logo .hv-brand .hv-site-slogan {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  word-spacing: normal;
  text-transform: none;
  color: #805b49;
}
@media (max-width: 767px) {
  #header .logo .hv-brand .hv-site-slogan {
    font-size: 10px;
    line-height: 1.4;
  }
  .hv-hero-image img { object-fit: contain; height: auto; max-height: none; }
}


/* HOVAN 12-10-2026: anh banner rong toi 600px tren desktop */
@media (min-width: 1200px) {
  .hv-hero-inner.hv-with-image {
    width: 100%;
    max-width: 1160px;
    box-sizing: border-box;
    position: static;
    left: auto;
    transform: none;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 600px);
    gap: 24px;
  }
  .hv-hero-inner.hv-with-image .hv-hero-image,
  .hv-hero-inner.hv-with-image .hv-hero-image img {
    width: 100%;
    max-width: 600px;
  }
  .hv-hero-inner.hv-with-image .hv-hero-image img {height: auto; max-height: none; object-fit: contain;}
}
/* Dòng mô tả site ngay dưới tên họ: mềm nhưng đủ rõ */
#header .logo .hv-brand .hv-site-slogan {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0;
  word-spacing: normal;
  line-height: 1.45;
  color: #71302f;
}
@media (max-width: 767px) {
  #header .logo .hv-brand .hv-site-slogan {font-size: 11px;}
}

/* 12-10-2026: can lai banner khong day sang phai */
@media (min-width: 1200px) {
  .hv-heritage-home > .wraper { width: 100%; max-width: 1160px; margin-inline: auto; }
  .hv-hero-inner.hv-with-image .hv-hero-copy { min-width: 0; }
}

/* ================= 12/10/2026 : NEWS UNDER BANNER ================= */
body.hv-news-home .section-body{padding-top:20px;background:#faf8f4}
body.hv-news-home .section-body>.wraper>section>.container{max-width:1160px;margin:auto;background:#fff;border:1px solid #e8e1d7;border-radius:16px;padding:20px;box-shadow:0 4px 18px #452a2110}
body.hv-news-home #body{width:100%;min-width:0;}
body.hv-news-home #body .panel{border-radius:12px;overflow:hidden;border:1px solid #e8e1d7;background:#fff;margin-bottom:18px;box-shadow:0 6px 22px #4623210c}
body.hv-news-home #body .panel-heading{background:#71302f!important;color:#fff!important;border-radius:11px 11px 0 0!important}
body.hv-news-home #body .panel-heading a{color:#fff!important}
body.hv-news-home #body .panel-body{padding:18px}
body.hv-news-home #body .panel img{max-width:100%;height:auto;object-fit:cover}
body.hv-news-home #body a{overflow-wrap:anywhere}
body.hv-news-home #body .hv-news-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:22px}
body.hv-news-home #body .hv-news-category-grid>.panel{margin:0;min-width:0;height:100%}
body.hv-news-home .section-footer-top{min-height:0!important;padding:25px 0;background:#352c2b!important}
body.hv-news-home .section-footer-top:empty{display:none}
body.hv-news-home .section-footer-bottom{background:#241f1e!important}
@media(max-width:991px){body.hv-news-home #body .hv-news-category-grid{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:767px){body.hv-news-home #body .hv-news-category-grid{grid-template-columns:1fr}body.hv-news-home .section-body>.wraper>section>.container{padding:12px}}

/* News layout fix 12-10-2026: preserve approved hero. */
body.hv-news-home #body > .row.hv-news-main-row { margin-left:-10px; margin-right:-10px; }
body.hv-news-home #body > .row.hv-news-main-row > .hv-news-primary { width:100%; float:none; }
body.hv-news-home #body > .row.hv-news-main-row > .hv-news-secondary:empty { display:none; }
body.hv-news-home .hv-news-category-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:22px;}
body.hv-news-home .hv-news-category-grid > .panel { margin:0!important;min-width:0;overflow:hidden;}
body.hv-news-home .hv-news-category-grid .panel-body{min-width:0;overflow-wrap:anywhere}
body.hv-news-home .hv-news-category-grid .panel-body img{max-width:100%;height:auto;}
body.hv-news-home #body .hv-news-category-grid a{overflow-wrap:anywhere}
body.hv-news-home .section-footer-top {min-height:0!important;height:auto!important;margin-top:28px!important;padding:0!important;background:#352c2b!important}
body.hv-news-home .section-footer-top > .wraper > .container{padding:0!important}
body.hv-news-home .section-footer-top .hv-footer-credit{padding:16px 12px;text-align:center;color:#f1e6d4;font-size:13px;line-height:1.6}
body.hv-news-home .section-footer-top .hv-footer-credit strong{color:#fff;letter-spacing:.5px}
@media(max-width:767px){body.hv-news-home .hv-news-category-grid{grid-template-columns:1fr;gap:12px}body.hv-news-home #body>.row.hv-news-main-row{margin-left:0;margin-right:0}}

/* Trang chu: giu banner + slider + footer; an cac khoi danh muc News. */
/* Disabled: category grid hiding could also conceal newly added blocks. */
body.hv-news-home .section-footer-top {
  height:auto!important;min-height:0!important;padding:0!important;
}
body.hv-news-home .section-footer-top .container:empty,
body.hv-news-home .section-footer-top .wraper:empty {display:none!important;}

/* 12/10 - Preserve NukeViet user-managed BOTTOM and FOOTER blocks.
   News main content is handled server-side in layout.main.tpl, not hidden via JS. */
body.hv-news-home .hv-news-category-grid {display:block!important;}
body.hv-news-home .section-footer-top .wraper:not(:empty) {display:block;}


/* Integrated Featured News block CSS (complete file, no manual append). */
/* Họ Văn Việt Nam – News 2026; isolated styles, no existing banner changes */
.hv-featured-news{position:relative;left:50%;margin-left:-50vw;width:100vw;max-width:100vw;box-sizing:border-box;background:#faf8f4;padding:44px 20px 54px;color:#28313b;clear:both}
.hv-featured-news *{box-sizing:border-box}.hv-fn-wrap{max-width:1160px;margin:0 auto}.hv-fn-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 22px}.hv-fn-overline{font:700 11px/1.5 Arial,sans-serif;color:#71302f;letter-spacing:2px}.hv-fn-heading h2{font:700 32px/1.2 Georgia,'Times New Roman',serif;margin:3px 0 0;color:#28313b}.hv-fn-all{font-weight:700;color:#71302f;white-space:nowrap}.hv-fn-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:stretch}.hv-fn-feature{background:#fff;border:1px solid #e9ded5;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 7px 22px rgba(56,36,31,.04)}.hv-fn-large-image{display:block;background:linear-gradient(140deg,#869785,#d7c19c);height:265px;overflow:hidden}.hv-fn-large-image img{display:block;width:100%;height:100%;object-fit:cover}.hv-fn-feature-text{padding:20px 24px 24px}.hv-fn-chip{display:inline-block;background:#f6e8e3;color:#71302f;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:700}.hv-fn-feature h3{font:700 25px/1.33 Georgia,'Times New Roman',serif;margin:12px 0}.hv-featured-news a{color:inherit;text-decoration:none}.hv-featured-news a:hover{color:#71302f}.hv-fn-feature p{font-size:14px;color:#6b6b6b;line-height:1.6;margin:0}.hv-fn-side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.hv-fn-small{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border:1px solid #e9ded5;border-radius:16px;min-width:0;box-shadow:0 7px 22px rgba(56,36,31,.03)}.hv-fn-thumb{flex:none;width:87px;height:83px;border-radius:10px;overflow:hidden;background:#f2e7d9}.hv-fn-thumb img{display:block;width:100%;height:100%;object-fit:cover}.hv-fn-small-body{min-width:0}.hv-fn-small h3{margin:0 0 8px;font:bold 15px/1.45 Arial,sans-serif;color:#28313b}.hv-fn-small p{font-size:12px;line-height:1.5;color:#77808b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:850px){.hv-fn-grid{grid-template-columns:1fr}.hv-fn-side{grid-template-columns:1fr;grid-template-rows:auto}.hv-fn-large-image{height:250px}}@media(max-width:540px){.hv-featured-news{padding:30px 16px 38px}.hv-fn-heading h2{font-size:26px}.hv-fn-feature h3{font-size:21px}.hv-fn-large-image{height:190px}.hv-fn-feature-text{padding:17px}.hv-fn-small{gap:12px}.hv-fn-thumb{width:78px;height:72px}}


/* 12-10-2026 – Final adjustments for home News header and spacing */
body.hv-news-home .headerSearch {display:none!important;}
/* Time is moved by custom.js into the Featured News heading; no grey strip. */
body.hv-news-home .third-nav {display:none!important;}
body.hv-news-home .hv-fn-heading {position:relative;align-items:flex-end;flex-wrap:wrap;}
body.hv-news-home .hv-fn-clock {display:inline-block;margin-left:auto;margin-right:14px;align-self:center;color:#71302f!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font:500 13px/1.4 Arial,sans-serif!important;white-space:nowrap;}
body.hv-news-home .hv-fn-all {align-self:center;}
body.hv-news-home .section-body>.wraper>section>.container {padding-bottom:0!important;}
body.hv-news-home .hv-featured-news {margin-top:0!important;padding-top:30px!important;padding-bottom:40px!important;}
/* Block wrappers should not leave an extra white lip below content. */
body.hv-news-home #body>.row:last-child:empty,
body.hv-news-home #body>.clearfix:last-child {display:none!important;}
@media (max-width:700px){body.hv-news-home .hv-fn-heading{gap:7px 12px;}body.hv-news-home .hv-fn-clock{order:3;flex-basis:100%;margin:0;font-size:12px!important;}body.hv-news-home .hv-fn-all{margin-left:auto;}}


/* 12/10/2026 - Can dong ho vao giua dong tieu de Tin tuc noi bat.
   Cot trai: tieu de, cot giua: dong ho, cot phai: Xem tat ca. */
@media (min-width: 851px) {
  body.hv-news-home .hv-featured-news .hv-fn-heading {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:18px!important;
  }
  body.hv-news-home .hv-fn-heading .hv-fn-clock {
    grid-column:2!important;justify-self:center!important;
    margin:0!important;align-self:center!important;
    position:static!important;transform:none!important;
  }
  body.hv-news-home .hv-fn-heading .hv-fn-all {
    grid-column:3!important;justify-self:end!important;
    align-self:center!important;margin:0!important;
  }
}
@media (max-width:850px) {
  body.hv-news-home .hv-fn-heading .hv-fn-clock {
    margin:0!important;position:static!important;transform:none!important;
  }
}

/* 12-10-2026: bo nen khung trang thua phia tren Tin tuc noi bat.
   Giu nguyen cac the tin, baner, Gia pha va Footer. */
body.hv-news-home .section-body > .wraper > section > .container {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}
body.hv-news-home .section-body > .wraper > section > .container > .row:empty,
body.hv-news-home .section-body > .wraper > section > .container > .clearfix:empty {
  display: none !important;
}

/* 12/10/2026 - Dua nut Xem tat ca vao trong, can doi voi cot tin ben phai. */
@media (min-width: 851px) {
  body.hv-news-home .hv-featured-news .hv-fn-heading .hv-fn-all {
    margin-right: 62px !important;
  }
}

/* 12/10/2026 – thin top accent and coordinated footer colors. */
.section-header-bar {
  background: #71302f !important;
  height: 3px !important;
  min-height: 3px !important;
  max-height: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.section-header-bar > * { visibility: hidden !important; }
.section-footer-top, .section-footer-bottom,
body.hv-news-home .section-footer-top,
body.hv-news-home .section-footer-bottom {
  background-color: #352c2b !important;
  border-color: #352c2b !important;
}
.section-footer-bottom { border-top: 0 !important; box-shadow: none !important; }

/* 12-10: footer mau nau ruou vang thong nhat, giu vien tren 3px */
html body .section-footer-top,html body .section-footer-bottom.footerNav2,
html body.hv-news-home .section-footer-top,html body.hv-news-home .section-footer-bottom.footerNav2 {
  background: #49312f !important; background-color: #49312f !important;
  border-color: #49312f !important; color: #f8f2eb !important;
}
html body .section-footer-bottom.footerNav2 {border-top:0!important;box-shadow:none!important;}
html body .section-footer-bottom.footerNav2 .container,
html body .section-footer-bottom.footerNav2 .wraper {background:transparent!important;}



/* 12/10/2026 - Banner review: minimal, non-destructive corrections.
   Retain all other existing sections and full-width GIAPHA_WIDE layout. */
@media (min-width: 768px) {
  #header .logo .hv-brand {max-width: none !important; align-items:center !important;}
  #header .logo .hv-brand .hv-site-slogan {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    line-height:1.2 !important;
    font-weight: 600 !important;
    font-style:normal !important;
    letter-spacing:-.2px !important;
    margin-top:2px !important;
    max-width:none !important;
    white-space:nowrap !important;
    text-transform:none !important;
    color:#71302f !important;
  }
}
#header .logo .hv-brand img {
  box-sizing:border-box !important;
  width:70px !important;
  height:70px !important;
  max-width:70px !important;
  max-height:70px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
.hv-hero-inner.hv-with-image .hv-hero-image img {
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 9%, #000 100%) !important;
  mask-image:linear-gradient(to right, transparent 0%, #000 9%, #000 100%) !important;
  border-radius:12px !important;
  object-fit:contain !important;
  box-shadow:none !important;
}
@media(max-width:767px){
  #header .logo .hv-brand img {width:52px !important;height:52px !important;max-width:52px !important;max-height:52px !important;}
  #header .logo .hv-brand .hv-site-slogan{font-size:9px !important;white-space:normal !important;}
  .hv-hero-inner.hv-with-image .hv-hero-image img{-webkit-mask-image:none!important;mask-image:none!important;}
}
/* Never hide a registered block position based on empty wrapper styling. */
body.hv-news-home .section-footer-top .container:empty,
body.hv-news-home .section-footer-top .wraper:empty {display:block;}

/* HV blocks 13-10-2026: independent slots, no footer modifications */
.section-header{width:100%!important;}
.section-header>.wraper{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;}
.section-header #header{box-sizing:border-box;max-width:1160px!important;width:100%!important;padding:8px 24px!important;margin:0 auto!important;display:flex;align-items:center;}
.section-header #header .hv-logo-block-slot{min-width:0;flex:1;}
.section-header #header .hv-logo-block-slot .panel,.section-header #header .hv-logo-block-slot .panel-body{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;}
.section-header #header .hv-logo-block-slot .panel-heading{display:none!important;}
.section-header #header .hv-brand-block{display:inline-flex!important;align-items:center!important;gap:14px;text-decoration:none!important;}
.section-header #header .hv-brand-block img{width:var(--hv-brand-logo-size,54px)!important;height:var(--hv-brand-logo-size,54px)!important;max-width:none!important;max-height:none!important;object-fit:contain;border-radius:50%;flex:0 0 auto;}
.section-header #header .hv-brand-block strong{display:block;font:700 var(--hv-brand-title-size,22px)/1.2 Georgia,'Times New Roman',serif;color:#71302f!important;}
.section-header #header .hv-brand-block small{display:block;margin-top:3px;font-size:var(--hv-brand-slogan-size,11px)!important;line-height:1.4;color:#846c5f!important;}
.hv-block-hero-band,.hv-block-hero-position{width:100%;clear:both;}
.hv-block-hero-position .panel{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.hv-block-hero-position .panel-heading{display:none!important;}
.hv-block-hero-position .panel-body{padding:0!important;border:0!important;}
.hv-hero-block{position:relative;width:100%;min-height:410px;display:flex;align-items:center;overflow:hidden;background:#f1e8da;isolation:isolate;}
.hv-hero-block-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 45%;z-index:-2;}
.hv-hero-block:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(250,246,238,.98) 0%,rgba(250,246,238,.90) 28%,rgba(250,246,238,.52) 48%,rgba(250,246,238,0) 77%);}
.hv-hero-block-inner{position:relative;box-sizing:border-box;width:100%;max-width:1160px;margin:0 auto;padding:58px 24px;color:#303036;}
.hv-hero-block-eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#71302f;margin-bottom:15px;}
.hv-hero-block h2{max-width:580px;font:700 clamp(34px,4.1vw,58px)/1.12 Georgia,'Times New Roman',serif;color:#292c2e!important;margin:0 0 18px;white-space:pre-line;}
.hv-hero-block p{max-width:530px;font-size:16px;line-height:1.75;color:#594b46!important;margin:0 0 22px;}
.hv-hero-block-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hv-hero-block-actions a{display:inline-block;background:#71302f;border:1px solid #71302f;color:#fff!important;border-radius:9px;padding:12px 18px;text-decoration:none;font-weight:700;}
.hv-hero-block-actions a+a{background:#fff;color:#71302f!important;}
.hv-block-shortcut-band{width:100%;clear:both;background:#f0e8dc;padding:22px 20px 32px;box-sizing:border-box;}
.hv-block-shortcut-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}
.hv-block-shortcut-position{min-width:0;display:flex;flex-direction:column;}
.hv-block-shortcut-position .panel{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;flex:1;}
.hv-block-shortcut-position .panel-heading{display:none!important;}
.hv-block-shortcut-position .panel-body{padding:0!important;background:transparent!important;}
.hv-block-shortcut-position .hv-lienket-card{height:100%;min-height:84px;}
@media(max-width:767px){.section-header #header{padding:7px 14px!important}.hv-hero-block{min-height:370px}.hv-hero-block-inner{padding:38px 18px}.hv-hero-block:after{background:linear-gradient(90deg,rgba(250,246,238,.98),rgba(250,246,238,.82) 75%,rgba(250,246,238,.35))}.hv-hero-block h2{font-size:35px}.hv-hero-block p{font-size:14px}.hv-block-shortcut-band{padding:16px}.hv-block-shortcut-grid{grid-template-columns:1fr;gap:10px}}

.hv-hero-block h2 .hv-hero-title-accent{color:#71302f!important;}

/* 13-10: tinh chinh rieng banner va ba vi tri shortcut, khong anh huong Footer/Gia pha. */
.hv-hero-block .hv-hero-block-eyebrow {font-size:var(--hv-bn-small,12px)!important}
.hv-hero-block .hv-hero-title-main {font-size:var(--hv-bn-title1,56px)!important;line-height:1.12;display:inline}
.hv-hero-block .hv-hero-title-accent {font-size:var(--hv-bn-title2,56px)!important;line-height:1.12;display:inline}
.hv-hero-block .hv-hero-block-inner>p {font-size:var(--hv-bn-description,16px)!important}
.hv-hero-block .hv-hero-block-actions a {font-size:var(--hv-bn-button,14px)!important}
.hv-block-shortcut-band {padding-left:24px!important;padding-right:24px!important}
.hv-block-shortcut-grid {
  width:100%!important;max-width:1160px!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;align-items:stretch!important
}
.hv-block-shortcut-grid>.hv-block-shortcut-position {min-width:0;width:100%;max-width:none;box-sizing:border-box}
.hv-block-shortcut-position .panel,
.hv-block-shortcut-position .panel-body,
.hv-block-shortcut-position .hv-lienket-card {width:100%;max-width:none;box-sizing:border-box}
@media(max-width:767px){
 .hv-block-shortcut-grid{grid-template-columns:1fr!important;gap:10px!important}
 .hv-block-shortcut-band{padding-left:16px!important;padding-right:16px!important}
 .hv-hero-block .hv-hero-title-main,.hv-hero-block .hv-hero-title-accent {font-size:clamp(24px,7.5vw,var(--hv-bn-title1,56px))!important}
 .hv-hero-block .hv-hero-title-accent{font-size:clamp(24px,7.5vw,var(--hv-bn-title2,56px))!important}
}

/* 13-10 / final: equal NukeViet editable slots; no changes to community/footer cards */
.hv-block-shortcut-band{box-sizing:border-box!important;width:100%!important;padding:20px 24px 28px!important}
.hv-block-shortcut-band .hv-block-shortcut-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:1160px!important;margin:0 auto!important;gap:14px!important;align-items:stretch!important}
.hv-block-shortcut-grid>.hv-block-shortcut-position{display:block!important;float:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.hv-block-shortcut-position>.panel,.hv-block-shortcut-position>.panel>.panel-body,.hv-block-shortcut-position .hv-lienket-card{display:block;box-sizing:border-box!important;width:100%!important;max-width:100%!important}
.hv-block-shortcut-position .hv-lienket-card{display:flex!important;height:100%!important}
.hv-block-shortcut-position .panel,.hv-block-shortcut-position .panel-body{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important}
.hv-clock-source{display:none!important}
@media(max-width:767px){.hv-block-shortcut-band .hv-block-shortcut-grid{grid-template-columns:1fr!important;gap:10px!important}.hv-block-shortcut-band{padding:15px!important}}


/* HV 13-10-2026: refined hero outer band + exact 3-column content alignment */
.hv-block-hero-band {background:#f0e8dc!important;}
.hv-block-hero-position {background:#f0e8dc!important;}
.hv-block-shortcut-band {background:#f0e8dc!important;}
.hv-block-shortcut-band .hv-block-shortcut-grid {
    box-sizing:border-box!important;
    max-width:1000px!important;
    width:calc(100% - 0px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}
.hv-block-shortcut-band .hv-block-shortcut-position {
    box-sizing:border-box!important;min-width:0!important;
    width:100%!important;max-width:none!important;margin:0!important;
}
.hv-block-shortcut-band .hv-block-shortcut-position .hv-lienket-card {
    box-sizing:border-box!important;width:100%!important;margin:0!important;
}
/* White rim was left by the generic NukeViet body/nav container */
body:has(.hv-block-shortcut-band) .section-body>.wraper>section>.container#body {
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;padding-top:0!important;
}
body:has(.hv-block-shortcut-band) .section-body .third-nav {display:none!important;}
body:has(.hv-block-shortcut-band) .section-body>.wraper {background:transparent!important;}
body:has(.hv-block-shortcut-band) .hv-fn-heading .hv-fn-clock {
    display:block!important;visibility:visible!important;
    align-self:center!important;
    white-space:nowrap!important;color:#71302f!important;
    font-size:13px!important;
}
@media(max-width:767px) {
    .hv-block-shortcut-band .hv-block-shortcut-grid {
      grid-template-columns:1fr!important;gap:10px!important;
    }
    body:has(.hv-block-shortcut-band) .hv-fn-heading .hv-fn-clock {
      white-space:normal!important;font-size:12px!important;
    }
}

/* HOVAN 13-10: one 1000px alignment for banner and shortcut row.
   Target ONLY named block areas; do not change Admin drag/drop slots. */
.hv-block-hero-band,
.hv-block-shortcut-band { background-color:#f0e8dc !important; }
.hv-block-hero-band {width:100% !important;box-sizing:border-box!important;padding:0 !important;}
/* Banner rộng 1198px; 3 ô shortcut bên dưới giữ 1000px. */
.hv-block-hero-band > .hv-block-hero-position {
    box-sizing:border-box!important;
    width:1198px!important;max-width:100%!important;
    margin:0 auto!important;padding:0!important;
}
.hv-block-hero-position > .panel,
.hv-block-hero-position > .panel > .panel-body,
.hv-block-hero-position .hv-hero-block {
    box-sizing:border-box!important;width:100%!important;max-width:none!important;
    margin-left:0!important;margin-right:0!important;padding-left:0;
}
.hv-block-hero-position .hv-hero-block {background-color:#f0e8dc!important;}
/* Rebalance gradient without changing the approved image or text geometry */
.hv-block-shortcut-band {box-sizing:border-box!important;width:100%!important;padding:20px 0 28px!important;}
.hv-block-shortcut-band > .hv-block-shortcut-grid {
    box-sizing:border-box!important;width:1000px!important;max-width:100%!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;margin:0 auto!important;padding:0!important;
}
.hv-block-shortcut-band > .hv-block-shortcut-grid > .hv-block-shortcut-position,
.hv-block-shortcut-band .hv-block-shortcut-position > .panel,
.hv-block-shortcut-band .hv-block-shortcut-position > .panel > .panel-body,
.hv-block-shortcut-band .hv-block-shortcut-position .hv-lienket-card {
    box-sizing:border-box!important;width:100%!important;max-width:none!important;
    min-width:0!important;margin:0!important;
}
/* Vietnamese glyph shaping: no global font changes, preserve per-row font sizes */
.hv-hero-block h2,
.hv-hero-block h2 .hv-hero-title-main,
.hv-hero-block h2 .hv-hero-title-accent {
    font-family:'Times New Roman',Georgia,serif!important;
    font-kerning:normal!important;
    font-variant-ligatures:normal!important;
    letter-spacing:normal!important;
    word-spacing:normal!important;
    font-stretch:normal!important;
    text-transform:none!important;
    overflow-wrap:normal!important;
}
@media(max-width:1031px){
  .hv-block-hero-band>.hv-block-hero-position{max-width:calc(100% - 32px)!important;}
  .hv-block-shortcut-band>.hv-block-shortcut-grid{max-width:calc(100% - 32px)!important;}
}
@media(max-width:767px){
 .hv-block-shortcut-band>.hv-block-shortcut-grid{grid-template-columns:1fr!important;gap:10px!important;}
 .hv-block-hero-band>.hv-block-hero-position{max-width:100%!important;}
}

/* 13-10-2026: khop mau hai mep banner voi nen 3 the phia duoi. */
.hv-block-hero-band,
.hv-block-hero-band > .hv-block-hero-position,
.hv-block-shortcut-band { background-color:#f0e8dc!important; }


/* HOVAN 13-10: ONE adjustable content width shared across independent NukeViet slots.
   To change all widths together, edit ONLY --hv-shared-block-width below. */
:root { --hv-shared-block-width: 1198px; }

/* Common inner alignment; full-width background strips remain full bleed */
.hv-block-hero-band,
.hv-block-shortcut-band,
.hv-giapha-wide,
.hv-community-band {
    background-color:#f0e8dc!important;
    box-sizing:border-box!important;
}
.hv-block-hero-band > .hv-block-hero-position,
.hv-block-shortcut-band > .hv-block-shortcut-grid,
.hv-giapha-wide > .hv-giapha-wide-inner,
.hv-community-band > .hv-community-positions {
    box-sizing:border-box!important;
    width:var(--hv-shared-block-width)!important;
    max-width:calc(100% - 40px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.hv-block-hero-band > .hv-block-hero-position {
    padding:0!important;
}
.hv-block-shortcut-band > .hv-block-shortcut-grid,
.hv-community-band > .hv-community-positions {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
}
.hv-block-shortcut-grid > .hv-block-shortcut-position,
.hv-community-positions > .hv-community-position {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
}
/* Remove extra horizontal padding on bands; same shared width governs each inner area. */
.hv-block-shortcut-band {padding-left:0!important;padding-right:0!important;}
.hv-community-band {padding-left:0!important;padding-right:0!important;}
.hv-giapha-wide {padding-left:0!important;padding-right:0!important;}
@media(max-width:767px){
    .hv-block-hero-band > .hv-block-hero-position,
    .hv-block-shortcut-band > .hv-block-shortcut-grid,
    .hv-giapha-wide > .hv-giapha-wide-inner,
    .hv-community-band > .hv-community-positions {
        max-width:calc(100% - 28px)!important;
    }
    .hv-block-shortcut-band > .hv-block-shortcut-grid,
    .hv-community-band > .hv-community-positions {
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
}

/* 13-10-2026: Keep readability for left text; clear church photo from left stone pillar onwards. */
.hv-block-hero-position .hv-hero-block::after {
  background:linear-gradient(to right,
    rgba(250,246,238,.97) 0%,
    rgba(250,246,238,.94) 17%,
    rgba(250,246,238,.70) 25%,
    rgba(250,246,238,.18) 32%,
    rgba(250,246,238,0) 38%,
    rgba(250,246,238,0) 100%) !important;
}
@media (max-width:767px) {
  .hv-block-hero-position .hv-hero-block::after {
    background:linear-gradient(to right,rgba(250,246,238,.95) 0%,rgba(250,246,238,.72) 48%,rgba(250,246,238,.08) 100%) !important;
  }
}

/* 14-10-2026 - Gioi han rieng dong MO TA banner trong vung ben trai cot da.
   Tieu de, anh, nut bam, kich thuoc chung va 3 block khong thay doi. */
@media (min-width: 768px) {
  .hv-block-hero-position .hv-hero-block .hv-hero-block-inner > p {
    display: block !important;
    box-sizing: border-box !important;
    width: 280px !important;
    max-width: 280px !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.5 !important;
  }
}
@media (max-width: 767px) {
  .hv-block-hero-position .hv-hero-block .hv-hero-block-inner > p {
    width: auto !important;
    max-width: min(100%, 350px) !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
}

/* 14-10-2026: Font tieng Viet cho TIEU DE BAI VIET va khoi Tin tuc noi bat.
   Khong thay HTML, noi dung CSDL, Banner, Gia pha hoac Footer. */
#body .news_column h1.title[itemprop="headline"],
#body .news_column h1.title,
#body .hv-featured-news .hv-fn-feature h3,
#body .hv-featured-news .hv-fn-small h3,
.hv-featured-news .hv-fn-feature h3,
.hv-featured-news .hv-fn-small h3 {
  font-family: "Times New Roman", "DejaVu Serif", serif !important;
  font-kerning: normal !important;
  font-variant-ligatures: normal !important;
  font-feature-settings: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none !important;
}


/* ===== HOVAN 14-10-2026: NEWS DETAIL VIEW (scoped; preserves all NukeViet features) ===== */
body:has(.hv-article-page) .section-body {
  background:#faf8f4!important;
  padding-top:28px!important;
}
body:has(.hv-article-page) .section-body > .wraper > section > .container#body {
  max-width:none!important;width:100%!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
  padding:0 16px 32px!important;
}
body:has(.hv-article-page) .section-body .third-nav {display:none!important;}
body:has(.hv-article-page) .section-body > .wraper {max-width:1198px!important;}
.hv-article-page {box-sizing:border-box;max-width:1020px;margin:0 auto 32px;color:#343133;font-family:Arial,'Helvetica Neue',sans-serif;}
.hv-article-page *, .hv-article-page *::before,.hv-article-page *::after {box-sizing:border-box;}
.hv-article-kicker{font-size:11px;font-weight:700;color:#71302f;letter-spacing:1.7px;margin:0 0 14px 10px;line-height:1.5;}
.hv-article-kicker-dot{padding:0 7px;color:#b1a296;}
.hv-article-page > .news_column.panel,.hv-article-page > .hv-article-main{
  border:1px solid #e9ded4!important;border-radius:15px!important;background:#fff!important;
  box-shadow:0 8px 30px rgba(65,40,30,.055)!important;
  margin:0 0 16px!important;overflow:visible!important;
}
.hv-article-page > .news_column.panel > .panel-body{padding:20px 28px!important;}
.hv-article-page > .hv-article-main > .panel-body{padding:32px 44px 40px!important;}
.hv-article-main h1.title{font-family:'Times New Roman',Georgia,serif!important;
 font-size:clamp(27px,3vw,40px)!important;line-height:1.23!important;color:#282c32!important;
 letter-spacing:0!important;word-spacing:normal!important;font-weight:700!important;
 margin:0 0 18px!important;overflow-wrap:break-word!important;}
.hv-article-main .row.margin-bottom-lg {margin:0 0 22px!important;padding:0 0 13px!important;
 border-bottom:1px solid #eee4dc;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.hv-article-main .row.margin-bottom-lg > div{float:none!important;width:auto!important;padding:0!important;}
.hv-article-main .row.margin-bottom-lg .h5{font:13px/1.5 Arial,sans-serif!important;color:#7d6c63!important;}
.hv-article-main .row.margin-bottom-lg ul{margin:0!important;display:flex;gap:7px;}
.hv-article-main .row.margin-bottom-lg ul li {padding:0!important;margin:0!important;}
.hv-article-main .row.margin-bottom-lg ul a{display:inline-flex;align-items:center;justify-content:center;
 width:36px;height:34px;background:#f8f2ed;border:1px solid #e9ded4;border-radius:8px;color:#71302f!important;text-decoration:none;}
.hv-article-main .row.margin-bottom-lg ul a:hover{background:#71302f;color:#fff!important;}
.hv-article-main .hometext{font:700 17px/1.75 Arial,'Helvetica Neue',sans-serif!important;
 color:#463b36!important;margin:0 0 22px!important;overflow-wrap:anywhere;}
.hv-article-main #news-bodyhtml{font:16px/1.85 Arial,'Helvetica Neue',sans-serif!important;color:#403c39!important;
 overflow-wrap:anywhere;word-break:normal!important;}
.hv-article-main #news-bodyhtml p{margin:0 0 19px!important;line-height:1.85!important;}
.hv-article-main #news-bodyhtml h2,.hv-article-main #news-bodyhtml h3{font-family:'Times New Roman',Georgia,serif!important;line-height:1.3!important;color:#71302f!important;}
.hv-article-main #news-bodyhtml img,.hv-article-main .article img,
.hv-article-main img.img-thumbnail{display:block;max-width:100%!important;height:auto!important;margin:16px auto!important;
 border-radius:9px!important;border:0!important;box-shadow:none!important;}
.hv-article-main #news-bodyhtml table{max-width:100%!important;}
.hv-article-main .article.center,.hv-article-main figure.article{max-width:100%!important;}
.hv-article-main figcaption{color:#81746d;text-align:center;font-size:12px;line-height:1.5;}
.hv-article-main a:not(.btn){color:#7b302e;}
.hv-article-page .hv-article-section-label {font:700 12px/1.5 Arial,sans-serif;
 letter-spacing:1.4px;color:#71302f;margin:24px 0 10px 7px;}
.hv-article-page .hv-article-section-label .fa{margin-right:6px;}
.hv-article-page .other-news .detail-related{margin-bottom:15px!important;}
.hv-article-page .other-news .detail-related li{padding:10px 0;border-bottom:1px solid #efe7e1;}
.hv-article-page .other-news .detail-related a{font:700 16px/1.45 'Times New Roman',Georgia,serif!important;color:#342f31!important;}
.hv-article-page input[type=text],.hv-article-page textarea,.hv-article-page select {max-width:100%;}
.hv-article-page textarea{min-height:125px;border-radius:7px;}
.hv-article-page .panel-heading{border-radius:9px 9px 0 0!important;}
@media(max-width:767px){
 body:has(.hv-article-page) .section-body {padding-top:15px!important;}
 body:has(.hv-article-page) .section-body > .wraper > section > .container#body{padding:0 10px 25px!important;}
 .hv-article-page > .hv-article-main > .panel-body{padding:22px 18px 26px!important;}
 .hv-article-page > .news_column.panel > .panel-body{padding:16px!important;}
 .hv-article-main h1.title{font-size:29px!important;line-height:1.27!important;}
 .hv-article-main #news-bodyhtml{font-size:15px!important;line-height:1.78!important;}
 .hv-article-main .hometext{font-size:16px!important;}
 .hv-article-main .row.margin-bottom-lg{align-items:flex-start;}
 .hv-article-main .row.margin-bottom-lg>div{width:100%!important;}
 .hv-article-kicker{margin-left:4px;}
}
/* ===== END HOVAN NEWS DETAIL VIEW ===== */

/* 14/10/2026: NEWS category styling, scoped to NukeViet viewcat templates. */
.hv-news-category-page{max-width:1100px;margin:14px auto 45px;padding:0 18px;box-sizing:border-box;color:#302d2a;}
.hv-news-category-page *{box-sizing:border-box;}
.hv-news-category-page .news_column{width:100%;float:none;clear:both;min-width:0;margin:0 0 18px;}
.hv-news-category-page .news_column:after{content:'';display:table;clear:both;}
.hv-news-category-page h1,.hv-news-category-page h2,.hv-news-category-page h3,.hv-news-category-page h4,
.hv-news-category-page h1 a,.hv-news-category-page h2 a,.hv-news-category-page h3 a,.hv-news-category-page h4 a{
  font-family:'Times New Roman',Arial,serif!important;font-kerning:normal!important;
  letter-spacing:normal!important;word-spacing:normal!important;text-decoration:none!important;
  color:#292d35!important;overflow-wrap:break-word;
}
.hv-news-category-page h1{font-size:32px;line-height:1.22;margin:0 0 12px;}
.hv-news-category-page h2{font-size:25px;line-height:1.34;margin:2px 0 12px;}
.hv-news-category-page h3{font-size:21px;line-height:1.35;margin:2px 0 12px;}
.hv-news-category-page a:hover{color:#71302f!important;}
.hv-news-category-page .news_column>.panel,.hv-news-category-page .news_column .panel-default,
.hv-news-category-page .thumbnail,.hv-news-category-page .hv-cat-list-item {
  background:#fff!important;border:1px solid #e9dfd6!important;border-radius:15px!important;
  box-shadow:0 7px 22px rgba(70,38,29,.05)!important;overflow:hidden;
}
.hv-news-category-page .panel-body{padding:22px!important;line-height:1.7;color:#4f4b49;}
.hv-news-category-page .panel-body a img.imghome,.hv-news-category-page .news_column img.imghome{
  max-width:240px!important;width:35%;height:auto!important;aspect-ratio:4/3;object-fit:cover;
  margin:0 22px 12px 0!important;border:0!important;border-radius:10px!important;float:left;
}
.hv-news-category-page .text-muted{font-size:12px;color:#847b73!important;margin:4px 0 12px;}
.hv-news-category-page .alert-info{background:#fff8f0;color:#47413d;border:1px solid #ebdfd4;border-radius:14px;padding:22px;}
.hv-news-category-page .related{padding-left:20px;line-height:1.9;}
.hv-news-category-page .thumbnail{margin:0 0 20px;padding:0!important;}
.hv-news-category-page .thumbnail>a>img{display:block;width:100%!important;height:165px!important;object-fit:cover;margin:0!important;border:0!important;border-radius:0!important;}
.hv-news-category-page .thumbnail .caption{padding:14px!important;}
.hv-news-category-page .thumbnail h4{font-size:17px;line-height:1.35;}
.hv-news-category-page .col-sm-12.col-md-8{min-width:0;}
.hv-news-category-page .pagination{display:inline-flex;flex-wrap:wrap;gap:5px;margin:18px 0;}
.hv-news-category-page .pagination>li>a,.hv-news-category-page .pagination>li>span{border-radius:6px!important;border:1px solid #e9dfd6;color:#71302f;}
.hv-news-category-page .pagination>.active>a,.hv-news-category-page .pagination>.active>span{background:#71302f;border-color:#71302f;color:#fff;}
.hv-cat-intro{background:#fff;border:1px solid #e9dfd6;border-radius:14px;padding:23px;margin-bottom:19px;}
.hv-cat-icon{max-width:100px;max-height:100px;object-fit:contain;float:left;margin:0 18px 12px 0;}
.hv-cat-summary{font-size:14px;line-height:1.65;color:#666;}
.hv-cat-list{display:grid;gap:13px;}
.hv-cat-list-item{display:flex;align-items:center;gap:15px;padding:19px 20px;min-width:0;}
.hv-cat-number{width:34px;height:34px;border-radius:9px;background:#f6ede5;color:#71302f;font-size:13px;font-weight:bold;display:grid;place-items:center;flex:0 0 34px;}
.hv-cat-list-body{min-width:0;flex:1;}
.hv-cat-list-item h2{font-size:20px;margin:0 0 6px;}
.hv-cat-list-summary{color:#6f6b67;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hv-cat-arrow{font-size:26px;line-height:1;color:#71302f!important;}
.hv-cat-pages{text-align:center;margin:22px 0;}
@media(max-width:767px){
  .hv-news-category-page{padding:0 12px;margin-top:12px;}
  .hv-news-category-page .panel-body{padding:15px!important;}
  .hv-news-category-page h1{font-size:26px;}.hv-news-category-page h2{font-size:21px;}.hv-news-category-page h3{font-size:19px;}
  .hv-news-category-page .panel-body a img.imghome,.hv-news-category-page .news_column img.imghome{float:none;width:100%;max-width:100%!important;max-height:240px;margin:0 0 12px!important;}
  .hv-news-category-page .col-sm-12.col-md-8{width:100%;float:none;}
  .hv-cat-list-item{padding:14px;gap:10px;}.hv-cat-list-item h2{font-size:18px;}
}


/* 14-10-2026 — NEWS category cards: cream-white raised 3D headers.
   Scoped to category groups; never hide banners or override block visibility. */
body.hv-news-home #body .hv-news-category-grid > .panel,
body.hv-news-home #body .hv-news-category-grid .panel,
.hv-news-category-page .panel {
    border:1px solid #e7ddd1 !important;
    background:#fffdfa !important;
    border-radius:15px !important;
    box-shadow:0 10px 26px rgba(75,46,28,.11),0 2px 5px rgba(75,46,28,.06) !important;
    overflow:hidden;
}
body.hv-news-home #body .hv-news-category-grid .panel > .panel-heading,
.hv-news-category-page .panel > .panel-heading {
    background:#fffaf2 !important;
    background-image:none !important;
    color:#71302f !important;
    border:0 !important;
    border-bottom:1px solid #eadfd1 !important;
    text-shadow:none !important;
    border-radius:14px 14px 0 0 !important;
    padding:14px 20px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.hv-news-home #body .hv-news-category-grid .panel > .panel-heading:after,
.hv-news-category-page .panel > .panel-heading:after {display:none !important;}
body.hv-news-home #body .hv-news-category-grid .panel > .panel-heading a,
body.hv-news-home #body .hv-news-category-grid .panel > .panel-heading .panel-title,
.hv-news-category-page .panel > .panel-heading a,
.hv-news-category-page .panel > .panel-heading .panel-title {
    color:#71302f !important;
    font-family:'Times New Roman',Georgia,serif !important;
    font-weight:700 !important;
    text-decoration:none !important;
    letter-spacing:normal !important;
    text-shadow:none !important;
}
body.hv-news-home #body .hv-news-category-grid .panel > .panel-heading a:hover,
.hv-news-category-page .panel > .panel-heading a:hover {color:#9d4b37 !important;}
@media(max-width:767px) {
 body.hv-news-home #body .hv-news-category-grid .panel > .panel-heading,
 .hv-news-category-page .panel > .panel-heading {padding:12px 15px !important;}
}


/* HOVAN 14-10-2026 | NEWS HOME category editorial cards.
 * Inspired by modern newspaper section listings: image + headline + metadata + digest.
 * Scope strictly to News category cards; do not alter block placement or article detail. */
body.hv-news-home #body .hv-news-category-grid{
  max-width:1198px; margin:28px auto 40px!important;
  display:grid!important;grid-template-columns:1fr!important;gap:16px!important;
  align-items:stretch;box-sizing:border-box;
}
body.hv-news-home #body .hv-news-category-grid > .panel{
  width:100%!important;max-width:100%!important;min-width:0;
  margin:0!important;background:#fff!important;
  border:1px solid #e5ded3!important;border-radius:15px!important;
  box-shadow:0 7px 22px rgba(73,45,34,.075),0 1px 2px rgba(73,45,34,.035)!important;
  overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;
}
body.hv-news-home #body .hv-news-category-grid > .panel:hover{
  transform:translateY(-2px);box-shadow:0 12px 30px rgba(73,45,34,.115)!important;
}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-heading{
  background:#fffaf2!important;background-image:none!important;
  padding:15px 25px!important;min-height:0!important;
  border:0!important;border-bottom:1px solid #eee7df!important;
  border-radius:0!important;box-shadow:none!important;
  color:#71302f!important;text-shadow:none!important;
}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-heading:after{display:none!important;}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-heading,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-heading a,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-heading .panel-title{
  font-family:'Times New Roman',Georgia,serif!important;
  color:#71302f!important;font-size:19px!important;font-weight:700!important;
  line-height:1.3!important;letter-spacing:normal!important;
  text-decoration:none!important;
}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body{
  padding:18px 24px 21px!important;background:#fff!important;
  color:#5b5856!important;line-height:1.65!important;
  min-width:0;display:flow-root;
}
/* Article image inside a category summary. Preserve image natural crop, avoid stretched thumbnails. */
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body img{
  box-sizing:border-box;max-width:220px!important;width:31%!important;
  height:145px!important;object-fit:cover!important;object-position:center;
  border-radius:10px!important;border:1px solid #eee7dc!important;
  margin:0 20px 6px 0!important;float:left;
}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h2,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h3,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h4{
  font:700 23px/1.32 'Times New Roman',Georgia,serif!important;
  margin:0 0 9px!important;letter-spacing:normal!important;color:#2f2928!important;
}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h2 a,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h3 a,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h4 a{
  color:#302c2b!important;text-decoration:none!important;
}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h2 a:hover,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h3 a:hover,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h4 a:hover{color:#71302f!important;}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body .text-muted,
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body .small{
  color:#897d71!important;font-size:12px!important;line-height:1.5!important;
}
body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body p{
  color:#675f59;font-size:14px;line-height:1.62;margin:0 0 7px;
}
@media (max-width:767px){
  body.hv-news-home #body .hv-news-category-grid{gap:13px!important;margin:19px auto 28px!important;}
  body.hv-news-home #body .hv-news-category-grid > .panel > .panel-heading{padding:12px 16px!important;}
  body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body{padding:15px 16px 17px!important;}
  body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body img{
    float:left;width:35%!important;max-width:150px!important;height:106px!important;
    margin:0 12px 7px 0!important;
  }
  body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h2,
  body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h3,
  body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body h4{font-size:18px!important;}
  body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body p{font-size:13px;}
}
@media (max-width:400px){
 body.hv-news-home #body .hv-news-category-grid > .panel > .panel-body img{height:88px!important;max-width:115px!important;}
}
@media (prefers-reduced-motion:reduce){
 body.hv-news-home #body .hv-news-category-grid > .panel{transition:none!important;}
 body.hv-news-home #body .hv-news-category-grid > .panel:hover{transform:none!important;}
}

/* 14-10-2026: Banner nha tho - net mau, cao hon de thay dong nuoc.
   Chi tac dong banner HOVAN; giu nguyen text, nut, 3 shortcut. */
@media (min-width: 768px) {
  .hv-block-hero-position .hv-hero-block {
    min-height: 500px !important;
  }
  .hv-block-hero-position .hv-hero-block-picture {
    object-fit: cover !important;
    object-position: center bottom !important;
    filter: none !important;
    image-rendering: auto !important;
  }
  .hv-block-hero-position .hv-hero-block::after {
    background: linear-gradient(to right,
      rgba(250,246,238,.96) 0%,
      rgba(250,246,238,.86) 14%,
      rgba(250,246,238,.36) 23%,
      rgba(250,246,238,0) 30%,
      rgba(250,246,238,0) 100%) !important;
  }
}
@media (max-width: 767px) {
  .hv-block-hero-position .hv-hero-block {min-height: 450px !important;}
  .hv-block-hero-position .hv-hero-block-picture {
    object-position: center bottom !important;
    filter: none !important;
  }
}

/* 14-10-2026 – Chi trang gui bai News. Khong tac dong banner/trang chu. */
body:has(.hv-news-submit) { background:#faf8f4!important; }
body:has(.hv-news-submit) .section-body,
body:has(.hv-news-submit) .section-body>.wraper,
body:has(.hv-news-submit) .section-body>.wraper>section>.container,
body:has(.hv-news-submit) #body {background:#faf8f4!important;background-image:none!important;}
body:has(.hv-news-submit) .section-body>.wraper>section>.container {border:0!important;box-shadow:none!important;padding-top:0!important;}
body:has(.hv-news-submit) #body::before,
body:has(.hv-news-submit) #body::after {background-image:none!important;}
.hv-news-submit {max-width:1020px;margin:26px auto 48px;padding:0 20px;color:#302e2b;isolation:isolate;}
.hv-news-submit,.hv-news-submit * {box-sizing:border-box;}
.hv-news-submit-head {background:#f0e8dc!important;background-image:none!important;border:1px solid #e5d9ca;border-radius:18px 18px 0 0;padding:29px 38px 26px;}
.hv-news-submit-kicker {display:block;color:#71302f;font:700 11px/1.4 Arial,sans-serif;letter-spacing:1.8px;margin-bottom:9px;}
.hv-news-submit-head h1 {font:700 34px/1.24 'Times New Roman',Georgia,serif!important;color:#71302f!important;margin:0 0 8px;}
.hv-news-submit-head p {font-size:14px;line-height:1.65;color:#6a615a;margin:0;}
.hv-news-submit-card {padding:28px 38px 34px;background:#fff;border:1px solid #e8ded3;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 10px 32px rgba(67,37,28,.09);}
.hv-news-submit-form-title {font:700 21px/1.35 'Times New Roman',serif!important;color:#322c29!important;text-align:left!important;margin:4px 0 22px;padding-bottom:12px;border-bottom:1px solid #eee5da;}
.hv-news-submit .margin-top.margin-bottom {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;}
.hv-news-submit .margin-top.margin-bottom .btn {margin:0!important;}
.hv-news-submit #fsea.form-horizontal .form-group {margin:0 0 19px!important;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 0;}
.hv-news-submit #fsea .form-group>.col-sm-8,.hv-news-submit #fsea .form-group>.col-sm-16,
.hv-news-submit #fsea .form-group>.col-sm-24 {float:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;}
.hv-news-submit #fsea .control-label {display:block;text-align:left!important;font-size:13px!important;font-weight:700!important;line-height:1.5!important;padding:0 0 7px!important;color:#473c36!important;}
.hv-news-submit #fsea .form-control {min-height:43px;border:1px solid #dfd8d0!important;border-radius:9px!important;box-shadow:none!important;color:#302e2b;background:#fff!important;padding:9px 12px;font-size:14px;}
.hv-news-submit #fsea .form-control:focus {border-color:#ad8272!important;box-shadow:0 0 0 3px rgba(113,48,47,.08)!important;}
.hv-news-submit #fsea textarea.form-control {height:auto;min-height:115px;}
.hv-news-submit #fsea .col-sm-16>div[style*="overflow: auto"] {border-radius:9px!important;border-color:#dfd8d0!important;background:#fff!important;}
.hv-news-submit #fsea [name="alias"] {max-width:calc(100% - 32px)!important;}
.hv-news-submit #fsea .btn-primary,.hv-news-submit .btn-primary {background:#71302f!important;border:1px solid #71302f!important;border-radius:9px!important;color:#fff!important;padding:10px 19px!important;font-weight:650;}
.hv-news-submit #fsea .btn-primary:hover,.hv-news-submit .btn-primary:hover {background:#542321!important;}
.hv-news-submit #fsea ul.list-inline {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:20px 0 0;border-top:1px solid #eee5da;margin-top:22px;}
.hv-news-submit #fsea ul.list-inline li {padding:0;margin:0;}
@media(max-width:767px){
 .hv-news-submit{margin:14px auto 30px;padding:0 10px;}
 .hv-news-submit-head{padding:23px 20px;}
 .hv-news-submit-head h1{font-size:28px!important;}
 .hv-news-submit-card{padding:21px 18px 24px;}
 .hv-news-submit #fsea .form-control{font-size:16px;}
}


/* HOVAN 14-10-2026 – Trang “Bài viết của bạn” dùng cùng thiết kế với “Gửi bài viết”.
   Không thay phần Header, Banner trang chủ hay chức năng News. */
body:has(.hv-news-my-articles) {background:#faf8f4!important;}
body:has(.hv-news-my-articles) .section-body,
body:has(.hv-news-my-articles) .section-body>.wraper,
body:has(.hv-news-my-articles) .section-body>.wraper>section>.container,
body:has(.hv-news-my-articles) #body {
  background:#faf8f4!important;background-image:none!important;
}
body:has(.hv-news-my-articles) .section-body>.wraper>section>.container {
  border:0!important;box-shadow:none!important;padding-top:0!important;
}
body:has(.hv-news-my-articles) #body::before,
body:has(.hv-news-my-articles) #body::after {background-image:none!important;}
.hv-news-my-articles{max-width:1020px;margin:26px auto 8px;padding:0 20px;color:#302e2b;box-sizing:border-box;}
.hv-news-my-articles *{box-sizing:border-box;}
.hv-news-my-articles-head{background:#f0e8dc!important;background-image:none!important;border:1px solid #e5d9ca;border-radius:18px 18px 0 0;padding:29px 38px 26px;}
.hv-news-my-articles-head h1{font:700 34px/1.24 'Times New Roman',Georgia,serif!important;color:#71302f!important;margin:0 0 8px;}
.hv-news-my-articles-head p{font-size:14px;line-height:1.65;color:#6a615a;margin:0;}
.hv-news-my-articles-card{background:#fff;border:1px solid #e8ded3;border-top:0;border-radius:0 0 18px 18px;padding:25px 38px;box-shadow:0 10px 32px rgba(67,37,28,.09);}
.hv-news-my-articles-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.hv-news-my-articles-actions .btn-primary{background:#71302f!important;border:1px solid #71302f!important;border-radius:9px!important;color:#fff!important;padding:10px 19px!important;font-weight:650;}
.hv-news-my-articles-actions .btn-primary:hover{background:#542321!important;}
.hv-news-my-articles-author-link{margin-left:auto;color:#71302f!important;font-weight:600;font-size:14px;}
@media(max-width:767px){
 .hv-news-my-articles{margin:14px auto 8px;padding:0 10px;}
 .hv-news-my-articles-head{padding:23px 20px;}
 .hv-news-my-articles-head h1{font-size:28px!important;}
 .hv-news-my-articles-card{padding:21px 18px;}
 .hv-news-my-articles-author-link{margin-left:0;width:100%;}
}

/* 14-10-2026: Xoa anh banner XANH mac dinh NukeViet, chi trong trang News/content.
   Anh nay duoc in tu .site-banner trong header_extended.tpl.
   Giu logo, menu, giao dien Gia Pha, footer va cac block khac. */
body:has(.hv-news-my-articles) .site-banner,
body:has(.hv-news-submit) .site-banner { display:none!important; background:none!important; }
body:has(.hv-news-my-articles) .section-body,
body:has(.hv-news-submit) .section-body { background:#faf8f4!important; background-image:none!important; }

/* 14-10-2026: Banner den tho - bo HOAN TOAN lop phu.
   Chi ap dung banner HV; giu anh goc, chieu cao va cac block khac. */
.hv-block-hero-position .hv-hero-block::after,
.hv-block-hero-position .hv-hero-block::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}
.hv-block-hero-position .hv-hero-block-picture {
  filter: none !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* 15-10-2026: Chi thu gon khoang cach CHU tren banner Ho Van.
   Khong doi anh, lop phu, chieu cao, vi tri block hay cac trang khac. */
.hv-block-hero-position .hv-hero-block .hv-hero-block-eyebrow {
  margin-bottom: 8px !important;
}
.hv-block-hero-position .hv-hero-block h2 {
  line-height: 1.06 !important;
  margin-top: 0 !important;
  margin-bottom: 11px !important;
}
.hv-block-hero-position .hv-hero-block h2 .hv-hero-title-main,
.hv-block-hero-position .hv-hero-block h2 .hv-hero-title-accent {
  line-height: 1.06 !important;
}
.hv-block-hero-position .hv-hero-block .hv-hero-block-inner > p {
  line-height: 1.52 !important;
  margin-bottom: 15px !important;
}

/* 15-10-2026 - Tai khoan HEADER/HEAD_RIGHT, doc lap voi banner va Gia pha. */
.section-header #header .right-ads{display:flex!important;align-items:center;justify-content:flex-end;min-width:0;position:relative;z-index:30}
.section-header #header .right-ads .panel,
.section-header #header .right-ads .panel-body{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;overflow:visible!important}
.section-header #header .right-ads .panel-heading{display:none!important}
.hv-account{font-family:Arial,sans-serif;font-size:13px;color:#71302f;position:relative;max-width:100%}
.hv-account-guest{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hv-account-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9c6b9;border-radius:9px;padding:9px 13px;background:#fff;color:#71302f!important;font-weight:700;text-decoration:none!important;white-space:nowrap}
.hv-account-register{background:#71302f;color:#fff!important;border-color:#71302f}
.hv-account-link:hover{box-shadow:0 3px 12px #71302f22}
.hv-account-toggle{display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #e6d9ce;background:#fff;padding:5px 10px 5px 5px;border-radius:999px;list-style:none;box-shadow:0 2px 9px rgba(64,30,25,.07);color:#71302f}
.hv-account-toggle::-webkit-details-marker{display:none}
.hv-account-avatar{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important;flex:none;border:2px solid #f3e4cb;background:#fff}
.hv-account-name{font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv-account-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:9999;width:235px;max-width:90vw;background:#fff;border:1px solid #e6d9ce;border-radius:12px;box-shadow:0 12px 28px rgba(44,25,19,.18);padding:8px;display:flex;flex-direction:column}
.hv-account:not([open]) .hv-account-menu{display:none}
.hv-account-menu-head{padding:10px;border-bottom:1px solid #eee6dd;margin-bottom:4px;display:flex;flex-direction:column;gap:3px}
.hv-account-menu-head small{font-size:11px;color:#7c716a}
.hv-account-menu a,.hv-account-logout{display:block;padding:10px 12px!important;text-align:left!important;color:#49302d!important;text-decoration:none!important;background:transparent!important;border:0!important;border-radius:7px!important;width:100%;font:600 13px Arial,sans-serif;cursor:pointer}
.hv-account-menu a:hover,.hv-account-logout:hover{background:#f5eee8!important;color:#71302f!important}
.hv-account-logout{border-top:1px solid #eee6dd!important;border-radius:0!important;margin-top:4px;color:#9c2828!important}
@media(max-width:767px){.section-header #header .right-ads{display:flex!important}.hv-account-link{padding:7px 9px;font-size:11px}.hv-account-guest{gap:5px}.hv-account-avatar{width:32px!important;height:32px!important}.hv-account-name{max-width:85px;font-size:11px}.hv-account-toggle{gap:5px;padding-right:6px}}

/* 15-10-2026: fix avatar phong to la vo hang HEADER. Chi tac dong block Users/HEAD_RIGHT. */
.section-header #header .right-ads {height:auto!important;max-height:76px!important;align-self:center!important;flex:0 0 auto!important;}
.section-header #header .right-ads .hv-account,
.section-header #header .right-ads .hv-account-toggle {height:auto!important;max-height:54px!important;min-height:0!important;}
.section-header #header .right-ads img.hv-account-avatar {
  display:block!important;width:38px!important;height:38px!important;
  min-width:38px!important;min-height:38px!important;
  max-width:38px!important;max-height:38px!important;
  object-fit:cover!important;object-position:center!important;
  border-radius:50%!important;box-sizing:border-box!important;
  transform:none!important;float:none!important;margin:0!important;
}
.section-header #header {height:auto!important;min-height:84px!important;}
@media(max-width:767px){
  .section-header #header .right-ads img.hv-account-avatar {
    width:32px!important;height:32px!important;min-width:32px!important;
    min-height:32px!important;max-width:32px!important;max-height:32px!important;
  }
  .section-header #header .right-ads{max-height:64px!important;}
}

/* 15-10-2026 - Hide ONLY legacy NukeViet system banner on every tintuc2026 page.
   The independently managed heritage banner (.hv-hero-block) is untouched. */
html body .site-banner {display:none!important;background-image:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;}
/* User avatar size matches the left-hand brand logo without changing profile image. */
.section-header #header .right-ads img.hv-account-avatar {width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;}
.section-header #header .right-ads .hv-account-toggle{max-height:70px!important;}
.section-header #header .right-ads{max-height:84px!important;}
@media(max-width:767px){
 .section-header #header .right-ads img.hv-account-avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;}
 .section-header #header .right-ads .hv-account-toggle{max-height:60px!important;}
 .section-header #header .right-ads{max-height:72px!important;}
}

/* HOVAN USERS UI, 15/10/2026. Scoped to registration form only. */
body .hv-users-register-page {margin-top:34px!important;margin-bottom:40px!important;}
body .hv-users-register-page>div {width:100%!important;max-width:620px!important;margin:0 auto;}
body .hv-users-register-page .hv-register-card {background:#fff!important;border:1px solid #e9dfd4!important;border-radius:18px!important;box-shadow:0 12px 35px rgba(69,41,33,.1)!important;overflow:hidden;}
body .hv-users-register-page .hv-register-card>.panel-body {padding:0 26px 26px!important;}
body .hv-users-register-page .hv-register-intro {margin:0 -26px 25px;padding:28px 26px 22px;background:#f1e8dc;border-bottom:1px solid #e4d6c8;text-align:center;}
body .hv-users-register-page .hv-register-eyebrow {font:700 11px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#71302f;}
body .hv-users-register-page .hv-register-intro h2 {font:700 30px/1.2 'Times New Roman',Georgia,serif!important;color:#71302f;margin:8px 0!important;}
body .hv-users-register-page .hv-register-intro p {font-size:13px;color:#695b53;margin:0;}
body .hv-users-register-page .user-reg-form .form-control {border-radius:9px;min-height:41px;border:1px solid #ded1c6;background:#fff;box-shadow:none;}
body .hv-users-register-page .user-reg-form .form-control:focus {border-color:#a67464;box-shadow:0 0 0 3px rgba(113,48,47,.09);}
body .hv-users-register-page .user-reg-form .form-group{margin-bottom:14px;}
body .hv-users-register-page .user-reg-form input[type=submit]{background:#71302f!important;border:1px solid #71302f!important;border-radius:9px;padding:10px 22px;}
body .hv-users-register-page .user-reg-form input[type=button]{background:#fbf7f2;border:1px solid #decfc2;border-radius:9px;padding:10px 18px;color:#71302f;}
body .hv-users-register-page .user-reg-form .nv-info {border-radius:9px;}
@media(max-width:767px){body .hv-users-register-page{margin-top:12px!important;}body .hv-users-register-page .hv-register-card>.panel-body{padding:0 14px 20px!important;}body .hv-users-register-page .hv-register-intro{margin:0 -14px 20px;padding:22px 14px;}body .hv-users-register-page .hv-register-intro h2{font-size:26px!important;}}

/* HOVAN 15-10-2026: 4 independently managed shortcuts under hero.
   Apply 400:200:200:200 proportions only after slot 4 contains a block.
   Pages still using 3 slots keep the existing approved 3-column layout. */
@media (min-width: 1000px) {
  .hv-block-shortcut-band > .hv-block-shortcut-grid:has(> .hv-block-shortcut-position:nth-child(4) .panel) {
    width: 1042px !important;
    max-width: calc(100% - 40px) !important;
    grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .hv-block-shortcut-band > .hv-block-shortcut-grid:has(> .hv-block-shortcut-position:nth-child(4) .panel) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 767px) {
  .hv-block-shortcut-band > .hv-block-shortcut-grid {
    grid-template-columns: 1fr !important;
  }
}