/* ============================================================
   HAM NEW THEME (port từ ham-theme.zip) chạy trên Flatsome child
   Palette: xanh nông nghiệp đậm + vàng lúa + nền trắng ngà
   Font: "Be Vietnam Pro"
   Base typography được scope dưới body.ham-newtheme để thắng
   các style cũ (ham-demo.css / .ham-safe-home / Flatsome).
   ============================================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ham-newtheme{
  /* Design tokens — đặt trên body.ham-newtheme để thắng mọi :root cũ */
  --ham-green-900:#9A6A1D;
  --ham-green-800:#A97822;
  --ham-green-700:#B78327;
  --ham-green-600:#C6963E;
  --ham-green-500:#D5AC5A;
  --ham-green-100:#E8D2AA;
  --ham-green-50:#FAF4E9;
  --ham-gold:#B78327;
  --ham-gold-soft:#E8D2AA;
  --ham-ink:#142B47;
  --ham-muted:#68717A;
  --ham-line:#E6D8BE;
  --ham-bg:#FBF7EF;
  --ham-white:#FFFFFF;
  --ham-shadow:0 18px 50px -28px rgba(183,131,39,.35);
  --ham-shadow-sm:0 8px 24px -16px rgba(183,131,39,.30);
  --ham-radius:16px;
  --ham-radius-sm:10px;
  --ham-maxw:1200px;
  --ham-font-body:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ham-font-display:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  margin:0;
  font-family:var(--ham-font-body);
  color:var(--ham-ink);
  background:var(--ham-bg);
  line-height:1.65;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.ham-newtheme img{max-width:100%;height:auto;display:block}
/* KHÔNG đặt màu link toàn cục (sẽ đè mất màu chữ của nút). Chỉ tô link trong vùng nội dung. */
.ham-newtheme a{text-decoration:none;transition:color .2s,background .2s,transform .2s,box-shadow .2s}
.ham-content a:not(.ham-btn){color:var(--ham-green-700)}
.ham-content a:not(.ham-btn):hover{color:var(--ham-green-600);text-decoration:underline}
.ham-newtheme h1,.ham-newtheme h2,.ham-newtheme h3,.ham-newtheme h4{font-family:var(--ham-font-display);color:var(--ham-green-900);line-height:1.2;font-weight:800;letter-spacing:-.02em}
.ham-newtheme p{margin:0 0 1rem}

.ham-container{max-width:var(--ham-maxw);margin:0 auto;padding:0 22px}
.ham-section{padding:84px 0}
.ham-section--tight{padding:54px 0}
.ham-eyebrow{
  display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ham-green-600);
  padding:6px 14px;border:1px solid var(--ham-green-100);border-radius:40px;
  background:var(--ham-green-50);margin-bottom:16px;
}
.ham-section-title{font-size:clamp(1.7rem,3.4vw,2.6rem);margin:0 0 14px}
.ham-section-lead{color:var(--ham-muted);max-width:680px;font-size:1.05rem}

/* ---------- Buttons ---------- */
.ham-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:50px;font-weight:600;font-size:.95rem;
  cursor:pointer;border:1.5px solid transparent;transition:.22s;white-space:nowrap;
  line-height:1;
}
.ham-btn--primary{background:var(--ham-green-700);color:#fff}
.ham-btn--primary:hover{background:var(--ham-green-800);color:#fff;transform:translateY(-2px);box-shadow:var(--ham-shadow-sm)}
.ham-btn--gold{background:var(--ham-gold);color:#3a2c08}
.ham-btn--gold:hover{background:#caa033;color:#2a2006;transform:translateY(-2px)}
.ham-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.ham-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.ham-btn--outline{background:#fff;color:var(--ham-green-700);border-color:var(--ham-line)}
.ham-btn--outline:hover{border-color:var(--ham-green-500);color:var(--ham-green-700)}

/* ============================================================
   SOLUTIONS BLOCK (promo + 2 tab) — trang chủ
   ============================================================ */
.ham-sol{display:grid;grid-template-columns:300px 1fr;gap:0;background:#fff;border:1px solid var(--ham-line);border-radius:20px;box-shadow:var(--ham-shadow);overflow:hidden;max-width:1080px;margin:0 auto}
.ham-sol__promo{background:linear-gradient(155deg,var(--ham-green-700),var(--ham-green-900));color:#fff;padding:36px 30px;display:flex;flex-direction:column;justify-content:flex-end;gap:11px;position:relative;overflow:hidden;min-height:340px}
.ham-sol__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:0}
.ham-sol__tag{position:relative;z-index:1;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ham-gold-soft)}
.ham-sol__promo h3{position:relative;z-index:1;color:#fff;font-size:1.5rem;line-height:1.25;margin:0}
.ham-sol__promo p{position:relative;z-index:1;color:#cfe6d8;font-size:.92rem;line-height:1.6;margin:0}
.ham-sol__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;background:var(--ham-gold);color:#3a2c08;font-weight:600;font-size:.9rem;padding:12px 22px;border-radius:30px;align-self:flex-start;margin-top:8px;transition:.2s}
.ham-sol__btn:hover{background:var(--ham-gold-soft);color:#2a2006;transform:translateX(3px)}
.ham-sol__main{display:flex;flex-direction:column}
.ham-sol__tabs{display:flex;border-bottom:1px solid var(--ham-line)}
.ham-sol__tabs button{flex:1;padding:20px 18px;border:0;background:transparent;font-family:var(--ham-font-body);font-weight:700;font-size:1rem;color:var(--ham-muted);cursor:pointer;transition:.2s;position:relative;display:flex;align-items:center;justify-content:center;gap:9px}
.ham-sol__tabs button>span{font-size:1.15rem}
.ham-sol__tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--ham-green-700);transform:scaleX(0);transition:transform .25s}
.ham-sol__tabs button.is-active{color:var(--ham-green-800)}
.ham-sol__tabs button.is-active::after{transform:scaleX(1)}
.ham-sol__tabs button:not(.is-active):hover{color:var(--ham-green-700);background:var(--ham-green-50)}
.ham-sol__panel{display:none;padding:22px;animation:hamSolFade .35s ease}
.ham-sol__panel.is-active{display:block}
@keyframes hamSolFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ham-sol__list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ham-sol__item{display:flex;align-items:flex-start;gap:13px;padding:14px;border-radius:12px;transition:.18s}
.ham-sol__item:hover{background:var(--ham-green-50);transform:translateX(2px)}
.ham-sol__item .ic{width:40px;height:40px;border-radius:11px;background:var(--ham-green-100);display:grid;place-items:center;font-size:1.15rem;flex-shrink:0;transition:.18s}
.ham-sol__item:hover .ic{background:var(--ham-green-700);transform:scale(1.05)}
.ham-sol__item .tx b{display:block;font-size:.94rem;font-weight:600;color:var(--ham-ink);margin-bottom:2px}
.ham-sol__item:hover .tx b{color:var(--ham-green-700)}
.ham-sol__item .tx span{font-size:.78rem;color:var(--ham-muted);line-height:1.4}
.ham-sol__foot{border-top:1px solid var(--ham-line);background:var(--ham-bg);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ham-sol__note{font-size:.88rem;color:var(--ham-muted)}
.ham-sol__note b{color:var(--ham-green-700)}
.ham-sol__cta{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;color:#fff;background:var(--ham-green-700);padding:11px 22px;border-radius:30px;transition:.2s}
.ham-sol__cta:hover{background:var(--ham-green-800);color:#fff;transform:translateY(-1px)}
@media (max-width:860px){.ham-sol{grid-template-columns:1fr}.ham-sol__promo{min-height:200px;padding:28px 24px}}
@media (max-width:600px){.ham-sol__list{grid-template-columns:1fr}.ham-sol__tabs button{font-size:.86rem;padding:16px 10px}.ham-sol__tabs button>span{display:none}}

/* ============================================================
   TOP BAR
   ============================================================ */
.ham-topbar{background:var(--ham-green-900);color:#cfe6d8;font-size:.84rem}
.ham-topbar .ham-container{display:flex;justify-content:space-between;align-items:center;height:42px;gap:18px}
.ham-topbar a{color:#cfe6d8}
.ham-topbar a:hover{color:#fff}
.ham-topbar__info{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.ham-topbar__info span{display:inline-flex;align-items:center;gap:7px}

/* ============================================================
   HEADER / NAV
   ============================================================ */
.ham-header{background:#fff;border-bottom:1px solid var(--ham-line);position:sticky;top:0;z-index:900;box-shadow:0 2px 14px -10px rgba(12,59,37,.3)}
.ham-header .ham-container{display:flex;align-items:center;min-height:80px;gap:20px}
.ham-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.ham-brand img{height:52px;width:auto;border-radius:8px}
.ham-brand__txt{display:flex;flex-direction:column;line-height:1.1}
.ham-brand__sub{font-size:.72rem;color:var(--ham-muted);letter-spacing:.02em;font-weight:500;margin-bottom:2px}
.ham-brand__txt strong{display:block;font-family:var(--ham-font-display);color:var(--ham-green-900);font-size:1.2rem;line-height:1.1;font-weight:800;letter-spacing:.02em;white-space:nowrap}

.ham-nav{display:flex;align-items:stretch;margin-left:auto}
.ham-nav ul{list-style:none;display:flex;gap:0;margin:0;padding:0}
.ham-nav li{position:relative;display:flex}
.ham-nav>ul>li>a{display:flex;align-items:center;gap:5px;padding:0 14px;min-height:80px;font-weight:600;font-size:.93rem;color:var(--ham-ink);cursor:pointer;white-space:nowrap}
.ham-nav>ul>li>a:hover,.ham-nav .current-menu-item>a{color:var(--ham-green-700)}
.ham-caret{font-size:.6rem;color:var(--ham-muted)}
/* dropdown */
.ham-dd{position:absolute;top:80px;left:0;min-width:300px;background:#fff;border:1px solid var(--ham-line);border-radius:14px;box-shadow:var(--ham-shadow);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.99);transform-origin:top left;transition:opacity .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1),visibility .24s;z-index:50}
.ham-has-dd:hover .ham-dd{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.ham-dd a{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:10px;color:var(--ham-ink);font-weight:500;line-height:1.3;transition:background .18s,transform .18s}
.ham-dd a:hover{background:var(--ham-green-50);transform:translateX(2px)}
.ham-dd a .di{width:34px;height:34px;border-radius:9px;background:var(--ham-green-100);display:grid;place-items:center;font-size:1rem;flex-shrink:0;transition:.18s}
.ham-dd a:hover .di{background:var(--ham-green-700);transform:scale(1.05)}
.ham-dd a .dt{display:flex;flex-direction:column;gap:1px;min-width:0}
.ham-dd a .dt b{font-size:.92rem;font-weight:600}
.ham-dd a:hover .dt b{color:var(--ham-green-700)}
.ham-dd a .dt span{font-size:.74rem;color:var(--ham-muted)}
.ham-header__cta{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:20px}
.ham-burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.ham-burger span{width:24px;height:2.5px;background:var(--ham-green-900);border-radius:2px;transition:.3s}
@media (max-width:1180px){.ham-nav>ul>li>a{padding:0 11px;font-size:.9rem}.ham-brand__txt strong{font-size:1.12rem}}
@media (max-width:1080px){.ham-nav>ul>li>a{padding:0 9px}}

/* ============================================================
   HERO
   ============================================================ */
.ham-hero{position:relative;overflow:hidden;color:#fff;background:var(--ham-green-900)}
.ham-hero__bg{position:absolute;inset:0;z-index:0}
.ham-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.42}
.ham-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(12,59,37,.96) 0%,rgba(17,76,48,.86) 42%,rgba(23,98,57,.55) 100%)}
.ham-hero__inner{position:relative;z-index:2;padding:96px 0 104px;max-width:720px}
.ham-hero h1{color:#fff;font-size:clamp(2.1rem,5vw,3.55rem);margin:0 0 20px;line-height:1.12}
.ham-hero h1 em{color:var(--ham-gold-soft);font-style:normal}
.ham-hero p{font-size:1.16rem;color:#d4e8da;margin-bottom:30px;max-width:600px}
.ham-hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.ham-hero__stats{display:flex;gap:38px;margin-top:54px;flex-wrap:wrap}
.ham-hero__stats div strong{display:block;font-family:var(--ham-font-display);font-size:2.1rem;color:var(--ham-gold-soft)}
.ham-hero__stats div span{font-size:.86rem;color:#bcd6c4}

/* quick service strip under hero (Vinacontrol-style) */
.ham-quickbar{background:#fff;border-bottom:1px solid var(--ham-line);position:relative;z-index:5}
.ham-quickbar .ham-container{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ham-quickbar a{display:flex;gap:14px;align-items:center;padding:26px 22px;border-right:1px solid var(--ham-line)}
.ham-quickbar a:last-child{border-right:0}
.ham-quickbar a:hover{background:var(--ham-green-50)}
.ham-quickbar__ic{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--ham-green-100);display:grid;place-items:center;font-size:1.4rem}
.ham-quickbar strong{display:block;color:var(--ham-green-900);font-size:.98rem;font-family:var(--ham-font-display)}
.ham-quickbar span{font-size:.8rem;color:var(--ham-muted)}

/* ============================================================
   SERVICE CARDS
   ============================================================ */
.ham-services{background:var(--ham-bg)}
.ham-grid{display:grid;gap:22px}
.ham-grid--3{grid-template-columns:repeat(3,1fr)}
.ham-grid--2{grid-template-columns:repeat(2,1fr)}
.ham-grid--4{grid-template-columns:repeat(4,1fr)}
.ham-card{
  background:#fff;border:1px solid var(--ham-line);border-radius:var(--ham-radius);
  padding:30px 26px;transition:.25s;position:relative;overflow:hidden;
}
.ham-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--ham-green-500);transform:scaleX(0);transform-origin:left;transition:.3s}
.ham-card:hover{transform:translateY(-5px);box-shadow:var(--ham-shadow);border-color:var(--ham-green-100)}
.ham-card:hover::before{transform:scaleX(1)}
.ham-card--feature::before{background:var(--ham-gold)}
.ham-card__ic{width:58px;height:58px;border-radius:14px;background:var(--ham-green-100);display:grid;place-items:center;font-size:1.7rem;margin-bottom:18px}
.ham-card--feature .ham-card__ic{background:var(--ham-gold-soft)}
.ham-card h3{font-size:1.22rem;margin:0 0 10px}
.ham-card p{color:var(--ham-muted);font-size:.95rem;margin:0 0 14px}
.ham-card ul{margin:0;padding-left:18px;color:var(--ham-muted);font-size:.9rem}
.ham-card ul li{margin-bottom:5px}
.ham-card__more{font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;margin-top:6px}

.ham-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:30px;background:var(--ham-gold-soft);color:#5a4408;margin-bottom:14px}

/* ============================================================
   FEATURE SPLIT (agriculture priority block)
   ============================================================ */
.ham-split{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center}
.ham-split--rev{grid-template-columns:1fr 1.05fr}
.ham-split__media{position:relative}
.ham-split__media img{border-radius:var(--ham-radius);box-shadow:var(--ham-shadow);aspect-ratio:4/3;object-fit:cover;width:100%}
.ham-split__media .ham-badge-float{position:absolute;bottom:-18px;right:-18px;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:var(--ham-shadow);border:1px solid var(--ham-line)}
.ham-split__media .ham-badge-float strong{font-family:var(--ham-font-display);font-size:1.8rem;color:var(--ham-green-700);display:block}
.ham-split__media .ham-badge-float span{font-size:.8rem;color:var(--ham-muted)}
.ham-checklist{list-style:none;padding:0;margin:18px 0 26px}
.ham-checklist li{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px;color:var(--ham-ink)}
.ham-checklist li::before{content:"\2713";flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--ham-green-100);color:var(--ham-green-700);display:grid;place-items:center;font-weight:700;font-size:.85rem}

/* ============================================================
   PROJECTS / GALLERY
   ============================================================ */
.ham-projects{background:linear-gradient(180deg,#fff 0%,var(--ham-green-50) 100%)}
.ham-filter{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 34px}
.ham-filter button{padding:9px 20px;border-radius:40px;border:1.5px solid var(--ham-line);background:#fff;font-weight:600;font-size:.9rem;cursor:pointer;color:var(--ham-muted);transition:.2s}
.ham-filter button.is-active,.ham-filter button:hover{background:var(--ham-green-700);border-color:var(--ham-green-700);color:#fff}
.ham-proj-card{background:#fff;border-radius:var(--ham-radius);overflow:hidden;border:1px solid var(--ham-line);transition:.25s;display:flex;flex-direction:column}
.ham-proj-card:hover{transform:translateY(-5px);box-shadow:var(--ham-shadow)}
.ham-proj-card__img{aspect-ratio:16/10;overflow:hidden;position:relative}
.ham-proj-card__img img{width:100%;height:100%;object-fit:cover;transition:.5s}
.ham-proj-card:hover .ham-proj-card__img img{transform:scale(1.07)}
.ham-proj-card__tag{position:absolute;top:14px;left:14px;background:rgba(12,59,37,.85);color:#fff;font-size:.74rem;font-weight:600;padding:5px 12px;border-radius:30px;backdrop-filter:blur(4px)}
.ham-proj-card__tag--gold{background:rgba(216,169,58,.92);color:#3a2c08}
.ham-proj-card__body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.ham-proj-card__body h3{font-size:1.12rem;margin:0 0 8px}
.ham-proj-card__body p{color:var(--ham-muted);font-size:.9rem;margin:0 0 14px;flex:1}
.ham-proj-meta{display:flex;gap:14px;font-size:.82rem;color:var(--ham-muted);border-top:1px solid var(--ham-line);padding-top:13px}
.ham-proj-meta span{display:inline-flex;align-items:center;gap:5px}

/* ============================================================
   STATS BAND
   ============================================================ */
.ham-band{background:var(--ham-green-800);color:#fff;position:relative;overflow:hidden}
.ham-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(216,169,58,.18),transparent 55%)}
.ham-band .ham-container{position:relative}
.ham-band__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.ham-band__grid strong{display:block;font-family:var(--ham-font-display);font-size:2.7rem;color:var(--ham-gold-soft);line-height:1}
.ham-band__grid span{font-size:.92rem;color:#cfe6d8;margin-top:8px;display:block}

/* ===== Stats band (chuyên nghiệp, có icon) — shortcode [ham_stats] ===== */
.ham-statband{background:linear-gradient(180deg,var(--ham-green-900),var(--ham-green-800));color:#fff;overflow:hidden;padding:58px 0;position:relative}
.ham-statband::before{background:radial-gradient(circle at 84% 16%,rgba(216,169,58,.18),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}
.ham-statband::after{background:linear-gradient(90deg,transparent,var(--ham-gold),transparent);content:"";height:3px;left:50%;max-width:260px;opacity:.5;position:absolute;top:0;transform:translateX(-50%);width:60%}
.ham-statband__inner{display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:var(--ham-maxw);padding:0 22px;position:relative;z-index:1}
.ham-statband__item{align-items:center;display:flex;gap:18px;justify-content:center;padding:8px 26px;position:relative;transition:transform .3s ease}
.ham-statband__item+.ham-statband__item::before{background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent);content:"";height:66px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}
.ham-statband__item:hover{transform:translateY(-4px)}
.ham-statband__ic{align-items:center;background:rgba(216,169,58,.13);border:1px solid rgba(216,169,58,.32);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);color:var(--ham-gold-soft);display:flex;flex:0 0 auto;height:62px;justify-content:center;transition:background .3s ease,border-color .3s ease,transform .3s ease;width:62px}
.ham-statband__item:hover .ham-statband__ic{background:rgba(216,169,58,.22);border-color:rgba(216,169,58,.55);transform:scale(1.06)}
.ham-statband__ic .material-symbols-outlined{font-size:31px;line-height:1}
.ham-statband__tx{display:flex;flex-direction:column;line-height:1;min-width:0}
.ham-statband__num{color:var(--ham-gold-soft);font-family:var(--ham-font-display);font-size:2.6rem;font-weight:800;letter-spacing:0;line-height:1}
.ham-statband__label{color:#d3e7db;font-size:.95rem;letter-spacing:.01em;margin-top:7px}
@media(max-width:849px){
  .ham-statband{padding:42px 0}
  .ham-statband__inner{grid-template-columns:1fr 1fr;gap:30px 0}
  .ham-statband__item{flex-direction:column;gap:12px;padding:6px 14px;text-align:center}
  .ham-statband__item+.ham-statband__item::before{display:none}
  .ham-statband__tx{align-items:center}
  .ham-statband__num{font-size:2.15rem}
}
@media(max-width:420px){
  .ham-statband__num{font-size:1.9rem}
  .ham-statband__label{font-size:.85rem}
}

/* ============================================================
   PROCESS
   ============================================================ */
.ham-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step}
.ham-step{background:#fff;border:1px solid var(--ham-line);border-radius:var(--ham-radius);padding:30px 24px;position:relative}
.ham-step::before{counter-increment:step;content:"0" counter(step);font-family:var(--ham-font-display);font-size:2.3rem;color:var(--ham-green-100);font-weight:700;line-height:1;display:block;margin-bottom:12px}
.ham-step h3{font-size:1.1rem;margin:0 0 8px}
.ham-step p{color:var(--ham-muted);font-size:.9rem;margin:0}

/* ============================================================
   PARTNERS / TESTIMONIAL
   ============================================================ */
.ham-partners{text-align:center}
.ham-partner-list{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.ham-partner-list span{background:#fff;border:1px solid var(--ham-line);border-radius:12px;padding:14px 24px;font-weight:600;color:var(--ham-green-800);font-size:.92rem}

/* ============================================================
   CTA
   ============================================================ */
.ham-cta{background:var(--ham-green-900);color:#fff;border-radius:24px;padding:56px;text-align:center;position:relative;overflow:hidden}
.ham-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(47,158,92,.3),transparent 50%)}
.ham-cta>*{position:relative}
.ham-cta h2{color:#fff;font-size:clamp(1.7rem,3.5vw,2.5rem);margin:0 0 14px}
.ham-cta p{color:#cfe6d8;max-width:560px;margin:0 auto 28px}
.ham-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ============================================================
   FOOTER
   ============================================================ */
.ham-footer{background:var(--ham-green-900);color:#bcd6c4;padding:64px 0 0;font-size:.92rem}
.ham-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px}
.ham-footer h4{color:#fff;font-size:1rem;margin:0 0 18px;font-family:var(--ham-font-display)}
.ham-footer a{color:#bcd6c4;display:block;padding:5px 0}
.ham-footer a:hover{color:var(--ham-gold-soft)}
.ham-footer__brand img{height:50px;border-radius:8px;margin-bottom:16px}
.ham-footer__brand p{color:#9bc0a7;font-size:.9rem;max-width:320px}
.ham-footer__contact li{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start;list-style:none}
.ham-footer__contact ul{padding:0;margin:0}
.ham-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.84rem;color:#8fb39c}

/* ============================================================
   PAGE / POST CONTENT
   ============================================================ */
.ham-page-hero{background:var(--ham-green-800);color:#fff;padding:60px 0;position:relative;overflow:hidden}
.ham-page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 30%,rgba(216,169,58,.16),transparent 55%)}
.ham-page-hero .ham-container{position:relative}
.ham-page-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 10px}
.ham-breadcrumb{font-size:.86rem;color:#bcd6c4}
.ham-breadcrumb a{color:#bcd6c4}
.ham-breadcrumb a:hover{color:#fff}
.ham-content{padding:64px 0}
.ham-content h2{font-size:1.6rem;margin:2rem 0 1rem}
.ham-content h3{font-size:1.25rem;margin:1.6rem 0 .8rem}
.ham-content ul,.ham-content ol{padding-left:22px;color:var(--ham-ink)}
.ham-content li{margin-bottom:8px}
.ham-content table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.93rem}
.ham-content th,.ham-content td{border:1px solid var(--ham-line);padding:11px 14px;text-align:left}
.ham-content th{background:var(--ham-green-50);color:var(--ham-green-900);font-family:var(--ham-font-display)}
.ham-content tr:nth-child(even) td{background:#fafcfa}
.ham-content img{border-radius:12px;margin:1.2rem 0}
.ham-layout{display:grid;grid-template-columns:1fr 320px;gap:48px}
.ham-sidebar .widget{background:#fff;border:1px solid var(--ham-line);border-radius:14px;padding:24px;margin-bottom:22px}
.ham-sidebar h4{margin:0 0 14px;font-size:1.05rem}

/* posts list */
.ham-post-card{display:flex;gap:20px;background:#fff;border:1px solid var(--ham-line);border-radius:14px;overflow:hidden;margin-bottom:22px;transition:.2s}
.ham-post-card:hover{box-shadow:var(--ham-shadow-sm);transform:translateY(-3px)}
.ham-post-card__img{width:240px;flex-shrink:0;overflow:hidden}
.ham-post-card__img img{width:100%;height:100%;object-fit:cover}
.ham-post-card__body{padding:22px}
.ham-post-card__body h3{margin:0 0 8px;font-size:1.2rem}
.ham-post-card__meta{font-size:.82rem;color:var(--ham-muted);margin-bottom:10px}

/* lightbox */
.ham-lightbox{position:fixed;inset:0;background:rgba(12,59,37,.94);z-index:9999;display:none;align-items:center;justify-content:center;padding:30px}
.ham-lightbox.is-open{display:flex}
.ham-lightbox img{max-width:90vw;max-height:88vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ham-lightbox__close{position:absolute;top:24px;right:30px;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer;line-height:1}

/* gallery grid in single project */
.ham-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:1.5rem 0}
.ham-gallery img{aspect-ratio:4/3;object-fit:cover;cursor:pointer;border-radius:12px;transition:.2s;margin:0}
.ham-gallery img:hover{transform:scale(1.02);opacity:.92}

/* floating contact dock */
.ham-dock{position:fixed;right:18px;bottom:18px;z-index:800;display:flex;flex-direction:column;gap:11px}
.ham-dock a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:var(--ham-shadow-sm);font-size:1.3rem;transition:.2s}
.ham-dock a:hover{transform:scale(1.08)}
.ham-dock .d-phone{background:var(--ham-green-600)}
.ham-dock .d-zalo{background:#0068ff;font-weight:700}
.ham-dock .d-mail{background:var(--ham-gold)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .ham-footer__grid{grid-template-columns:1fr 1fr}
  .ham-quickbar .ham-container{grid-template-columns:repeat(2,1fr)}
  .ham-quickbar a:nth-child(2){border-right:0}
  .ham-band__grid{grid-template-columns:repeat(2,1fr);gap:36px}
  .ham-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .ham-nav{display:none}
  .ham-header__cta .ham-btn{display:none}
  .ham-burger{display:flex}
  .ham-nav.is-open{display:flex;position:fixed;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:14px;box-shadow:var(--ham-shadow);border-top:1px solid var(--ham-line);max-height:calc(100vh - 80px);overflow-y:auto;margin-left:0;z-index:950}
  .ham-nav.is-open ul{flex-direction:column;width:100%;gap:0}
  .ham-nav.is-open li{display:block}
  .ham-nav.is-open>ul>li>a{min-height:auto;padding:13px 10px}
  .ham-nav.is-open .ham-dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}
  .ham-nav.is-open .ham-caret{display:none}
  .ham-split,.ham-split--rev{grid-template-columns:1fr;gap:32px}
  .ham-grid--3,.ham-grid--4{grid-template-columns:1fr}
  .ham-layout{grid-template-columns:1fr}
  .ham-topbar__info{display:none}
  .ham-topbar__info:first-child{display:flex}
  .ham-post-card{flex-direction:column}
  .ham-post-card__img{width:100%;height:200px}
  .ham-gallery{grid-template-columns:repeat(2,1fr)}
  .ham-hero__inner{padding:64px 0 72px}
  .ham-hero__actions{flex-wrap:wrap}
}
@media (max-width:560px){
  .ham-section{padding:52px 0}
  .ham-grid--2{grid-template-columns:1fr}
  .ham-band__grid{grid-template-columns:1fr 1fr;gap:22px}
  .ham-cta{padding:34px 20px}
  .ham-hero__inner{padding:54px 0 60px}
  .ham-hero h1{font-size:clamp(1.6rem,7vw,2.2rem)}
  .ham-hero p{font-size:1rem}
  .ham-hero__actions{flex-direction:column;align-items:stretch}
  .ham-hero__actions .ham-btn{width:100%;justify-content:center}
  .ham-hero__stats{gap:20px}
  .ham-hero__stats div strong{font-size:1.7rem}
  .ham-cta__actions{flex-direction:column;align-items:stretch}
  .ham-cta__actions .ham-btn{width:100%;justify-content:center}
  .ham-quickbar .ham-container{grid-template-columns:1fr}
  .ham-quickbar a{border-right:0;border-bottom:1px solid var(--ham-line)}
  .ham-dock{right:12px;bottom:12px;gap:9px}
  .ham-dock a{width:46px;height:46px;font-size:1.1rem}
  .ham-gallery{grid-template-columns:1fr 1fr}
  .ham-content table{display:block;overflow-x:auto;white-space:nowrap}
  .ham-brand__txt span{display:none}
  .ham-brand img{height:44px}
  .ham-footer__grid{grid-template-columns:1fr}
}

/* ============================================================
   REDESIGN v2 — hệ icon monochrome, palette gọn (xanh + vàng + trung tính),
   sửa layout Quy trình & Footer, nút tương phản, spacing hiện đại.
   Khối này nằm cuối file nên thắng các rule cùng độ ưu tiên ở trên.
   ============================================================ */

/* --- Material Symbols (icon đường nét, 1 màu) --- */
.ham-newtheme .material-symbols-outlined{
  font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;
  line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;
  white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
}

/* --- Nút: đảm bảo chữ luôn tương phản (độ ưu tiên cao) --- */
.ham-newtheme a.ham-btn,.ham-newtheme button.ham-btn{font-weight:700;letter-spacing:.01em}
.ham-newtheme a.ham-btn--primary,.ham-newtheme button.ham-btn--primary{color:#fff}
.ham-newtheme a.ham-btn--gold,.ham-newtheme button.ham-btn--gold{color:#3a2c08}
.ham-newtheme a.ham-btn--ghost,.ham-newtheme button.ham-btn--ghost{color:#fff}
.ham-newtheme a.ham-btn--outline,.ham-newtheme button.ham-btn--outline{color:var(--ham-green-700)}
.ham-card__more{color:var(--ham-green-700)}
.ham-card__more:hover{color:var(--ham-green-600)}

/* --- Icon chip đồng bộ: nền xanh nhạt, icon xanh; hover xanh đậm + icon trắng --- */
.ham-card__ic,.ham-quickbar__ic,.ham-sol__item .ic,.ham-dd a .di{
  background:var(--ham-green-50);color:var(--ham-green-700);
  border:1px solid var(--ham-green-100);
}
.ham-card__ic .material-symbols-outlined{font-size:30px;color:inherit}
.ham-quickbar__ic .material-symbols-outlined{font-size:26px;color:inherit}
.ham-sol__item .ic .material-symbols-outlined{font-size:22px;color:inherit}
.ham-dd a .di .material-symbols-outlined{font-size:20px;color:inherit}
.ham-card--feature .ham-card__ic{background:#fbf1d6;color:#9a7b16;border-color:#f0d68a}
.ham-card:hover .ham-card__ic,
.ham-quickbar a:hover .ham-quickbar__ic,
.ham-sol__item:hover .ic,
.ham-dd a:hover .di{background:var(--ham-green-700);color:#fff;border-color:var(--ham-green-700)}
.ham-card--feature:hover .ham-card__ic{background:var(--ham-gold);color:#3a2c08;border-color:var(--ham-gold)}
/* icon nhỏ trong meta/nút */
.ham-proj-meta .material-symbols-outlined,
.ham-topbar .material-symbols-outlined,
.ham-footer__contact .material-symbols-outlined,
.ham-btn .material-symbols-outlined{font-size:18px;vertical-align:-3px}

/* --- QUY TRÌNH HỢP TÁC (sửa layout) --- */
.ham-steps{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.ham-step{padding:34px 24px 26px;display:flex;flex-direction:column}
.ham-step::before{
  counter-increment:step;content:counter(step,decimal-leading-zero);
  position:absolute;top:14px;right:20px;left:auto;
  font-family:var(--ham-font-display);font-size:2.6rem;font-weight:800;
  color:var(--ham-green-50);line-height:1;margin:0;
}
.ham-step::after{content:"";position:absolute;top:0;left:0;width:46px;height:4px;background:var(--ham-gold)}
.ham-step h3{position:relative;margin:6px 0 8px;font-size:1.06rem}
.ham-step p{position:relative}

/* --- FOOTER (sửa layout) --- */
.ham-footer ul,.ham-footer__contact{list-style:none;margin:0;padding:0}
.ham-footer__grid{grid-template-columns:1.7fr 1fr 1fr 1.5fr;align-items:start;gap:36px}
.ham-footer__contact li{align-items:flex-start}
.ham-footer__contact .material-symbols-outlined{color:var(--ham-gold-soft);flex-shrink:0;margin-top:1px}
@media (max-width:1024px){.ham-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ham-footer__grid{grid-template-columns:1fr}}

/* --- Spacing / polish hiện đại --- */
.ham-section{padding:80px 0}
.ham-card{border-radius:14px}
.ham-card:hover{box-shadow:0 24px 48px -28px rgba(12,59,37,.42)}
.ham-eyebrow{background:var(--ham-green-50);border-color:var(--ham-green-100);color:var(--ham-green-700)}

/* --- Reset phòng vệ: không để CSS Flatsome chèn bullet/đệm vào component --- */
.ham-newtheme #main{max-width:none}
.ham-quickbar ul,.ham-nav ul,.ham-partner-list{list-style:none}
.ham-topbar .material-symbols-outlined{color:var(--ham-gold-soft)}

/* --- Utility: tiêu đề section căn giữa, section nền phụ, CTA giữa --- */
.ham-head-center{text-align:center;max-width:720px;margin:0 auto 44px}
.ham-head-center--narrow{max-width:640px;margin-bottom:36px}
.ham-head-center .ham-section-lead{margin-left:auto;margin-right:auto}
.ham-section--alt{background:var(--ham-green-50)}
.ham-center-cta{text-align:center;margin-top:40px}
.ham-eyebrow--ondark{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important;color:var(--ham-gold-soft)!important}
.ham-footer__slogan{margin-top:10px;color:var(--ham-gold-soft);font-weight:600}
.ham-dock .material-symbols-outlined{font-size:24px}

/* ============================================================
   v3 — theo feedback: badge, vàng nhạt đồng bộ, footer icon, UX section
   ============================================================ */
/* 1) Badge "Mũi nhọn" đặt góc trên-phải, không đẩy icon/title xuống */
.ham-card{position:relative}
.ham-card--feature .ham-badge{position:absolute;top:16px;right:16px;margin:0;z-index:2}

/* 4) Đồng bộ VÀNG NHẠT (pale gold #f0d68a) cho toàn site */
body.ham-newtheme{--ham-gold:#f0d68a;--ham-gold-soft:#f0d68a}
.ham-newtheme a.ham-btn--gold,.ham-newtheme button.ham-btn--gold{background:#f0d68a;color:#4a3608}
.ham-newtheme a.ham-btn--gold:hover,.ham-newtheme button.ham-btn--gold:hover{background:#ead07e;color:#3a2c08}
.ham-sol__btn{background:#f0d68a;color:#4a3608}
.ham-sol__btn:hover{background:#f7e6b8;color:#3a2c08}
.ham-proj-card__tag--gold{background:rgba(240,214,138,.96);color:#4a3608}
.ham-dock .d-mail{background:#f0d68a;color:#4a3608}
.ham-step::after{background:#f0d68a}
.ham-badge{background:#f7e8c2;color:#7a5e10}
.ham-card--feature .ham-card__ic{background:#fbf3d8;color:#9a7b16;border-color:#f0d68a}
.ham-card--feature:hover .ham-card__ic{background:#f0d68a;color:#4a3608;border-color:#f0d68a}

/* 2) Footer: icon canh thẳng hàng với dòng text đầu */
.ham-footer__contact li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin-bottom:14px}
.ham-footer__contact li .material-symbols-outlined{font-size:18px;line-height:1.5;margin-top:1px;color:var(--ham-gold-soft)}
.ham-footer__contact li>span{min-width:0}

/* 3) Section bọc trong UX Builder: bỏ padding của Flatsome section, giữ padding của .ham-* */
.ham-ux-sec,.ham-ux-sec.section{padding:0!important;margin:0!important}
.ham-ux-sec .section-content{padding:0!important}
.ham-ux-sec .section-bg,.ham-ux-sec .section-content{min-height:0}
/* Footer render qua UX block: bỏ margin wrapper .text của ux_text */
.ham-footer .text{margin:0}
.ham-footer>.ham-container>.text{margin:0}

/* ============================================================
   HOMEPAGE NATIVE UX BUILDER (hux-*) — phối màu xanh + vàng nhạt
   cho các phần tử native Flatsome (section/row/col/ux_text/button/tabs).
   ============================================================ */
.hux .hux-eyebrow{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ham-green-600);background:var(--ham-green-50);border:1px solid var(--ham-green-100);border-radius:40px;padding:6px 14px;margin:0 0 14px}
.hux-h1{color:#fff;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.12;margin:0 0 18px;font-weight:800}
.hux-h1 span{color:#f0d68a}
.hux-lead{font-size:1.12rem;color:#d4e8da;max-width:600px;margin:0 0 8px}
.hux-hero .hux-eyebrow{color:#f0d68a;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
/* Hero stats */
.hux-stats{margin-top:42px!important}
.hux-stats .hux-num{display:block;font-size:2rem;font-weight:800;color:#f0d68a;font-family:var(--ham-font-display);line-height:1}
.hux-stats .hux-lbl{font-size:.85rem;color:#bcd6c4}
/* Section heads */
.hux-head{text-align:center;max-width:760px;margin:0 auto 34px}
.hux-head .hux-eyebrow{margin-left:auto;margin-right:auto}
.hux-h2{font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--ham-green-900);margin:0 0 12px;font-weight:800}
.hux-sub{color:var(--ham-muted);font-size:1.05rem;margin:0}
/* Quickbar */
.hux-quick{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--ham-line);border-radius:14px;background:#fff;color:var(--ham-ink);height:100%}
.hux-quick:hover{border-color:var(--ham-green-100);box-shadow:var(--ham-shadow-sm)}
.hux-quick .material-symbols-outlined{font-size:28px;color:var(--ham-green-700);background:var(--ham-green-50);border-radius:12px;width:50px;height:50px;display:grid;place-items:center;flex-shrink:0}
.hux-quick strong{display:block;color:var(--ham-green-900);font-size:.98rem}
.hux-quick small{color:var(--ham-muted);font-size:.82rem}
/* Service cards */
.hux-services .col,.hux-process .col{display:flex}
.hux-cardcol .col-inner{flex:1;background:#fff;border:1px solid var(--ham-line);border-radius:14px;padding:28px 26px;transition:.25s;position:relative;overflow:hidden}
.hux-cardcol .col-inner:hover{box-shadow:var(--ham-shadow);transform:translateY(-4px);border-color:var(--ham-green-100)}
.hux-card .material-symbols-outlined{font-size:30px;color:var(--ham-green-700);background:var(--ham-green-50);border-radius:12px;width:56px;height:56px;display:grid;place-items:center;margin-bottom:16px}
.hux-card--feature .material-symbols-outlined{background:#fbf3d8;color:#9a7b16}
.hux-card h4{font-size:1.16rem;margin:0 0 8px;color:var(--ham-green-900);font-weight:800}
.hux-card>p{color:var(--ham-muted);font-size:.93rem;margin:0 0 10px}
.hux-card ul{padding-left:18px;color:var(--ham-muted);font-size:.9rem;margin:0 0 14px}
.hux-card ul li{margin-bottom:5px}
.hux-card a.more{font-weight:700;color:var(--ham-green-700)}
.hux-badge{position:absolute;top:16px;right:16px;background:#f7e8c2;color:#7a5e10;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:30px}
/* Feature checklist */
.hux-check{list-style:none;padding:0;margin:16px 0 24px}
.hux-check li{display:flex;gap:12px;margin-bottom:12px;color:var(--ham-ink)}
.hux-check li::before{content:"\2713";flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--ham-green-100);color:var(--ham-green-700);display:grid;place-items:center;font-weight:700;font-size:.82rem}
/* Stats band */
.hux-band [class*="col"]{text-align:center}
.hux-band .hux-num{display:block;font-size:2.6rem;font-weight:800;color:#f0d68a;font-family:var(--ham-font-display);line-height:1}
.hux-band .hux-lbl{color:#cfe6d8;font-size:.92rem}
/* Process */
.hux-step .col-inner{flex:1;background:#fff;border:1px solid var(--ham-line);border-radius:14px;padding:30px 24px;position:relative}
.hux-step .hux-stepnum{font-size:2.2rem;font-weight:800;color:var(--ham-green-100);font-family:var(--ham-font-display);display:block;margin-bottom:6px;line-height:1}
.hux-step h4{margin:0 0 8px;color:var(--ham-green-900);font-weight:800}
.hux-step p{color:var(--ham-muted);font-size:.92rem;margin:0}
/* Partners */
.hux-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}
.hux-pills span{background:#fff;border:1px solid var(--ham-line);border-radius:12px;padding:12px 22px;font-weight:600;color:var(--ham-green-800);font-size:.92rem}
/* Partners – lưới logo (UX Builder ux_image) */
.hux-partners-grid{margin-top:18px}
.hux-partners-grid .col{margin-bottom:0;padding-bottom:24px}
.hux-partners-grid .hux-logo{margin:0}
.hux-partners-grid .hux-logo img{width:100%;height:84px;object-fit:contain;background:#fff;border:1px solid var(--ham-line);border-radius:12px;padding:14px;filter:grayscale(1);opacity:.78;transition:filter .25s,opacity .25s,box-shadow .25s,transform .25s}
.hux-partners-grid .hux-logo:hover img{filter:grayscale(0);opacity:1;box-shadow:0 8px 20px rgba(12,59,37,.1);transform:translateY(-2px)}
@media (max-width:549px){.hux-partners-grid .hux-logo img{height:64px;padding:10px}}
/* Solutions promo + tabs */
.hux-promo .col-inner{background:linear-gradient(155deg,var(--ham-green-700),var(--ham-green-900));color:#fff;border-radius:16px;padding:32px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.hux-promo .col-inner h3{color:#fff;font-size:1.4rem;margin:0 0 8px}
.hux-promo .col-inner p{color:#cfe6d8;font-size:.92rem;margin:0 0 14px}
.hux-promo .col-inner a{color:#f0d68a;font-weight:700}
.hux-sol-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hux-sol-list a{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:10px;color:var(--ham-ink)}
.hux-sol-list a:hover{background:var(--ham-green-50)}
.hux-sol-list .material-symbols-outlined{color:var(--ham-green-700);background:var(--ham-green-50);border-radius:9px;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;font-size:20px}
.hux-sol-list b{display:block;font-size:.92rem;color:var(--ham-ink)}
.hux-sol-list small{font-size:.78rem;color:var(--ham-muted)}
@media (max-width:600px){.hux-sol-list{grid-template-columns:1fr}}
/* CTA */
.hux-cta-box{text-align:center}
.hux-cta-box h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.4rem);margin:0 0 12px}
.hux-cta-box p{color:#cfe6d8;max-width:560px;margin:0 auto 8px}
/* Nút vàng nhạt native */
.button.hux-btn-gold,.hux-btn-gold.button{background:#f0d68a;color:#4a3608;border-color:#f0d68a}
.button.hux-btn-gold:hover{background:#ead07e;color:#3a2c08}

/* ===== Widget NATIVE (ux_banner / featured_box icon box / title) ===== */
/* Hero banner */
.hux-hero .text-box-content,.hux-hero .text-box{color:#fff}
.hux-hero .hux-h1{color:#fff;text-align:left}
.hux-hero .hux-lead,.hux-hero .hux-eyebrow{text-align:left}
.hux-stats-row{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px}
.hux-stats-row span{display:flex;flex-direction:column;font-size:.84rem;color:#bcd6c4;line-height:1.3}
.hux-stats-row b{font-size:1.9rem;color:#f0d68a;font-family:var(--ham-font-display);line-height:1.1}
/* Icon chip cho mọi featured_box trong .hux */
.hux .icon-box .icon-box-img{background:var(--ham-green-50);border-radius:14px;padding:10px}
.hux .icon-box .icon-inner,.hux .icon-box .icon-inner svg{color:var(--ham-green-700)}
.hux .icon-box-text h5{text-transform:none;color:var(--ham-green-900);font-weight:800;margin:.5rem 0 .5rem}
.hux .icon-box-text p{color:var(--ham-muted)}
.hux .icon-box-text ul{padding-left:18px;color:var(--ham-muted);font-size:.9rem;margin:0 0 12px;text-align:left}
.hux .icon-box-text ul li{margin-bottom:5px}
.hux .icon-box-text a.more{font-weight:700;color:var(--ham-green-700)}
/* Quickbar: icon box ngang trong card trắng */
.hux-quickbar .row{margin-bottom:0}
.hux-qcol .icon-box{background:#fff;border:1px solid var(--ham-line);border-radius:14px;padding:18px 18px;height:100%;align-items:center}
.hux-qcol .icon-box-text h5{font-size:1rem;margin:0 0 2px}
.hux-qcol .icon-box-text p{font-size:.82rem;margin:0}
/* Service: mỗi col là 1 card */
.hux-services .col,.hux-process .col{display:flex}
.hux-cardcol .col-inner{flex:1;background:#fff;border:1px solid var(--ham-line);border-radius:14px;padding:28px 26px;transition:.25s;position:relative;overflow:hidden}
.hux-cardcol .col-inner:hover{box-shadow:var(--ham-shadow);transform:translateY(-4px);border-color:var(--ham-green-100)}
.hux-cardcol .icon-box{padding:0}
.hux-cardcol--feature .col-inner{border-color:#f0d68a}
.hux-cardcol--feature .icon-box .icon-box-img{background:#fbf3d8}
.hux-cardcol--feature .icon-box .icon-inner,.hux-cardcol--feature .icon-box .icon-inner svg{color:#9a7b16}
.hux-cardcol--feature .col-inner::before{content:"Mũi nhọn";position:absolute;top:14px;right:14px;background:#f7e8c2;color:#7a5e10;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:30px;z-index:2}
/* Flatsome [title]: căn giữa, màu xanh */
.hux .is-section-title,.hux .section-title-container{justify-content:center}
.hux h2.section-title,.hux .is-section-title span{color:var(--ham-green-900)}

/* ============================================================
   HUX DESIGN SYSTEM — ĐỒNG BỘ font · cỡ chữ · title · khoảng cách
   (đặt cuối file để thắng các rule trên — nguồn chân lý cho trang chủ)
   ============================================================ */
/* 1) Font: ép Be Vietnam Pro cho mọi phần tử native trên trang chủ */
.hux,.hux p,.hux span,.hux a,.hux li,.hux b,.hux small,
.hux h1,.hux h2,.hux h3,.hux h4,.hux h5,.hux h6,
.hux .button,.hux .icon-box-text h5,.hux .text{font-family:var(--ham-font-body)}

/* 2) Eyebrow — đồng nhất */
.hux .hux-eyebrow{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ham-green-700);background:var(--ham-green-50);border:1px solid var(--ham-green-100);border-radius:40px;padding:6px 14px;margin:0 0 16px;line-height:1}
.hux .hux-eyebrow--light{color:#f0d68a!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.3)!important}

/* 3) Thang cỡ TIÊU ĐỀ — thống nhất toàn trang */
.hux .hux-h1{font-size:clamp(2.1rem,4.6vw,3.15rem);line-height:1.14;font-weight:800;color:#fff;margin:0 0 18px;letter-spacing:-.02em}
.hux .hux-h1 span{color:#f0d68a}
.hux .hux-h2{font-size:clamp(1.55rem,3vw,2.05rem);line-height:1.22;font-weight:800;color:var(--ham-green-900);margin:0 0 12px;letter-spacing:-.02em}
.hux .hux-h2--light{color:#fff}
.hux .hux-sub{font-size:1.02rem;line-height:1.65;color:var(--ham-muted);margin:0}
.hux .hux-lead{font-size:1.1rem;line-height:1.6;color:#d4e8da;margin:0 0 4px;max-width:600px}

/* 4) Head block — căn giữa, khoảng cách đều ở MỌI mục */
.hux-head{text-align:center;max-width:740px;margin:0 auto 42px}
.hux-head .hux-sub{margin-left:auto;margin-right:auto;max-width:640px}
.hux-head--left{text-align:left;margin:0 0 22px;max-width:none}
.hux-head--left .hux-sub{margin:0;max-width:none}

/* 5) Icon Box title — bỏ uppercase, cỡ thống nhất */
.hux .icon-box-text h5{text-transform:none;font-size:1.16rem;font-weight:800;color:var(--ham-green-900);line-height:1.3;margin:.55rem 0 .5rem;letter-spacing:0}
.hux-qcol .icon-box-text h5{font-size:1.02rem;margin:0 0 3px}
.hux .icon-box-text p,.hux .icon-box-text li{font-size:.92rem;line-height:1.6}

/* 6) Nút — đồng nhất cỡ chữ */
.hux .button{font-size:.95rem;font-weight:700;letter-spacing:.01em;margin-bottom:0}
.hux-hero .button{margin-right:10px;margin-top:6px}

/* 7) Khoảng cách dọc đồng đều giữa head và nội dung */
.hux-services .row,.hux-process .row,.hux-quickbar .row,.hux-band .row,.hux-sol .row{margin-bottom:0}
.hux .hux-projwrap{max-width:var(--ham-maxw);margin:0 auto;padding:0 22px}
.hux-projwrap .ham-grid{margin-top:0}

/* 7b) News slider: Flatsome Blog Posts element, editable in UX Builder */
.hux-news-slider-section{background:linear-gradient(180deg,#fbfaf6 0 29%,#eef8f2 29% 77%,#fbfaf6 77% 100%)!important;overflow:hidden;position:relative}
.hux-news-slider-section .section-content{position:relative;z-index:1}
.hux-news-head{max-width:var(--ham-maxw);margin:0 auto 18px!important;padding:0 22px;text-align:center}
.hux-news-head>.col{padding-bottom:0}
.hux-news-head .hux-head{margin:0 auto;max-width:800px;text-align:center}
.hux-news-head .hux-eyebrow{background:transparent;border:0;color:var(--ham-green-700);font-size:.68rem;letter-spacing:.08em;margin:0 0 6px;padding:0;text-transform:uppercase}
.hux-news-head .hux-h2{font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:0;margin-bottom:7px}
.hux-news-head .hux-sub{color:var(--ham-muted);font-size:.9rem;line-height:1.5;margin:0 auto;max-width:680px}
/* Make the slider row genuinely full-width so the carousel spans the whole
   section (the default Flatsome row is max-width capped + left-aligned). */
.hux-news-slider-wrap{margin:0!important;max-width:none!important;padding:0!important;width:100%!important}
.hux-news-slider-wrap>.col,.hux-news-slider-wrap>.col>.col-inner{max-width:none!important;padding:0!important;width:100%!important}
.hux-news-slider-wrap .ham-home-news-slider{background:transparent!important;border:0;border-radius:0;box-shadow:none;left:auto;margin:0!important;max-width:none!important;overflow:visible;padding:26px 0 150px;position:relative;transform:none;width:100%!important}
.hux-news-slider-wrap .ham-home-news-slider.flickity-enabled{display:block}
.hux-news-slider-wrap .ham-home-news-slider .flickity-viewport{overflow:visible}
.hux-news-slider-wrap .ham-home-news-slider .flickity-slider{align-items:center;display:flex}
/* Custom center-carousel (ham-cz): viewport clips horizontally (so side cards
   bleed off the screen edges like the demo) but stays open vertically so the
   featured card can overhang. Track is a flex row moved by translateX. */
.hux-news-slider-wrap .ham-cz-viewport{overflow-x:clip;overflow-y:visible;position:relative;width:100%}
.hux-news-slider-wrap .ham-cz-track{align-items:center;display:flex;transition:transform .6s cubic-bezier(.45,.05,.2,1);will-change:transform}
.hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .post-item{flex:0 0 auto;left:auto!important;position:relative!important}
.hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .flickity-prev-next-button{align-items:center;color:var(--ham-green-700);cursor:pointer;display:flex;justify-content:center}
.hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .flickity-prev-next-button svg{height:18px;width:18px}
.hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .flickity-page-dots .dot{cursor:pointer}
.hux-news-slider-wrap .post-item{display:block;max-width:560px;min-width:380px;opacity:.98;padding:0 12px!important;transform:scale(.86);transition:opacity .4s ease,transform .4s ease;width:38vw!important;z-index:1}
.hux-news-slider-wrap .post-item.is-selected{opacity:1;transform:scale(1.12);z-index:4}
.hux-news-slider-wrap .post-item>.col-inner{height:100%;width:100%}
.hux-news-slider-wrap .box-blog-post{background:transparent;border:0;border-radius:20px;box-shadow:none;display:block;height:300px;overflow:visible;position:relative;width:100%}
.hux-news-slider-wrap .box-blog-post:before,.hux-news-slider-wrap .box-blog-post:after{background:var(--ham-green-600);border-radius:999px;content:"";height:150px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .25s ease;width:9px;z-index:4}
.hux-news-slider-wrap .box-blog-post:before{left:-4px}
.hux-news-slider-wrap .box-blog-post:after{right:-4px}
.hux-news-slider-wrap .post-item.is-selected .box-blog-post:before,.hux-news-slider-wrap .post-item.is-selected .box-blog-post:after{opacity:1}
.hux-news-slider-wrap .box-blog-post .box-image{background:var(--ham-green-50);border-radius:20px;box-shadow:0 22px 44px rgba(12,59,37,.18);height:300px;margin:0!important;overflow:hidden;width:100%!important}
.hux-news-slider-wrap .box-blog-post .box-image .image-cover{height:300px;padding-top:300px!important}
.hux-news-slider-wrap .box-blog-post .box-image img{height:100%;object-fit:cover;transition:transform .45s ease,filter .35s ease;width:100%}
.hux-news-slider-wrap .box-blog-post:hover .box-image img{transform:scale(1.045)}
/* Side (non-featured) cards sit slightly back: dimmed like the demo */
.hux-news-slider-wrap .post-item:not(.is-selected) .box-image img{filter:brightness(.84) saturate(.95)}
.hux-news-slider-wrap .post-item.is-selected .box-image img{filter:none}
.hux-news-slider-wrap .box-blog-post .box-text{background:#070707;border-radius:15px;bottom:-54px;box-shadow:0 22px 44px rgba(0,0,0,.32);display:block!important;left:50%;opacity:0;padding:18px 82px 20px 26px!important;pointer-events:none;position:absolute!important;text-align:left!important;top:auto!important;transform:translateX(-50%) translateY(10px);transition:opacity .25s ease,transform .25s ease;width:min(348px,calc(100% - 56px));z-index:5}
.hux-news-slider-wrap .post-item.is-selected .box-text{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.hux-news-slider-wrap .box-blog-post .box-text-inner{min-width:0}
.hux-news-slider-wrap .box-blog-post .cat-label{background:transparent;border:0;color:var(--ham-gold);display:block;font-size:.7rem;font-weight:800;letter-spacing:.06em;line-height:1.2;margin:0 0 7px;padding:0;text-transform:uppercase}
.hux-news-slider-wrap .box-blog-post .post-title{font-size:1.2rem;font-weight:800;letter-spacing:0;line-height:1.24;margin:0;text-align:left;text-transform:none}
.hux-news-slider-wrap .box-blog-post .post-title a{color:#fff}
.hux-news-slider-wrap .box-blog-post .post-title a:hover{color:var(--ham-gold-soft)}
.hux-news-slider-wrap .box-blog-post .post-meta,.hux-news-slider-wrap .box-blog-post .is-divider,.hux-news-slider-wrap .box-blog-post .from_the_blog_excerpt{display:none!important}
.hux-news-slider-wrap .box-blog-post .button{align-items:center;background:#1c1c1c!important;border:0!important;border-radius:999px;color:#fff!important;display:inline-flex;font-size:0;height:52px;justify-content:center;margin:0!important;min-height:52px;padding:0!important;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:52px}
.hux-news-slider-wrap .box-blog-post .button:after{content:"\2192";font-size:1.34rem;line-height:1}
.hux-news-slider-wrap .box-blog-post .button:hover{background:var(--ham-green-700)!important;color:#fff!important}
.hux-news-slider-wrap .flickity-prev-next-button{background:#fff;border:0;border-radius:999px;box-shadow:0 10px 28px rgba(12,59,37,.2);height:50px;opacity:1;top:calc(50% - 62px);width:50px;z-index:8}
.hux-news-slider-wrap .flickity-prev-next-button:hover{background:#fff;box-shadow:0 14px 34px rgba(12,59,37,.26)}
.hux-news-slider-wrap .flickity-prev-next-button.previous{left:calc(50% - clamp(250px,24vw,340px))}
.hux-news-slider-wrap .flickity-prev-next-button.next{right:calc(50% - clamp(250px,24vw,340px))}
.hux-news-slider-wrap .flickity-prev-next-button svg,.hux-news-slider-wrap .flickity-prev-next-button .arrow{fill:var(--ham-green-700)}
.hux-news-slider-wrap .flickity-page-dots{align-items:center;bottom:22px;counter-reset:news-dot;display:flex;gap:12px;justify-content:center;left:0;margin:0;text-align:center;width:100%}
.hux-news-slider-wrap .flickity-page-dots:before{background:linear-gradient(90deg,var(--ham-green-700) 0 54%,var(--ham-gold) 54% 80%,#e6e9e5 80% 100%);border-radius:999px;content:"";height:5px;margin-right:24px;width:176px}
.hux-news-slider-wrap .flickity-page-dots .dot{background:transparent!important;border:0;border-radius:0;color:var(--ham-ink);counter-increment:news-dot;font-size:0;height:22px;margin:0!important;opacity:1;width:auto}
.hux-news-slider-wrap .flickity-page-dots .dot:before{content:counter(news-dot);font-size:.88rem;font-weight:800;line-height:22px}
.hux-news-slider-wrap .flickity-page-dots .dot.is-selected:before{color:var(--ham-green-700);font-size:1.05rem}
@media (max-width:849px){
  .hux-news-slider-section{background:linear-gradient(180deg,#fbfaf6 0 30%,#eef8f2 30% 80%,#fbfaf6 80% 100%)!important}
  .hux-news-head{margin-bottom:12px!important;padding:0 18px}
  .hux-news-slider-wrap .ham-home-news-slider{padding:18px 0 100px}
  .hux-news-slider-wrap .post-item{max-width:360px;min-width:280px;transform:scale(.94);width:78vw!important}
  .hux-news-slider-wrap .post-item.is-selected{transform:scale(1)}
  .hux-news-slider-wrap .box-blog-post,.hux-news-slider-wrap .box-blog-post .box-image{height:246px}
  .hux-news-slider-wrap .box-blog-post .box-image .image-cover{height:246px;padding-top:246px!important}
  .hux-news-slider-wrap .box-blog-post:before,.hux-news-slider-wrap .box-blog-post:after{height:86px;width:6px}
  .hux-news-slider-wrap .box-blog-post .box-text{bottom:-42px;padding:14px 58px 15px 16px!important;width:calc(100% - 34px)}
  .hux-news-slider-wrap .box-blog-post .post-title{font-size:.98rem}
  .hux-news-slider-wrap .box-blog-post .button{height:40px;min-height:40px;right:12px;width:40px}
  .hux-news-slider-wrap .flickity-prev-next-button,
  .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .flickity-prev-next-button{display:none}
  .hux-news-slider-wrap .flickity-page-dots{bottom:18px;gap:10px}
  .hux-news-slider-wrap .flickity-page-dots:before{margin-right:14px;width:122px}
}
@media (max-width:600px){
  .hux-news-head .hux-h2{font-size:1.55rem}
  .hux-news-head .hux-sub{font-size:.85rem}
}

/* 8) Thẻ đồng đều chiều cao + lưới đều */
.hux-services .col,.hux-process .col,.hux-quickbar .col{display:flex}
.hux-services .col-inner,.hux-process .col-inner,.hux-quickbar .col-inner{flex:1;display:flex;flex-direction:column}

/* ============================================================
   FIX & POLISH — nút CTA căn giữa · footer native · Solutions
   ============================================================ */
/* (a) Nút mục CTA căn giữa (đang lệch trái) */
.hux-cta .section-content{text-align:center}
.hux-cta .button{margin:6px 6px 0}

/* (b) FOOTER native (ux_image + ux_menu + contact) trên nền xanh đậm */
.ham-footer .ham-ftr-brand img{max-width:150px;height:auto;border-radius:8px;margin-bottom:14px}
.ham-footer .ham-ftr-co{color:#9bc0a7;font-size:.9rem;max-width:320px;margin:0 0 8px;line-height:1.6}
.ham-footer .ham-ftr-slogan{color:var(--ham-gold-soft);font-weight:600;margin:0}
.ham-footer .ux-menu-title{color:#fff!important;font-weight:700;font-size:1rem;margin:0 0 14px;text-transform:none;letter-spacing:0;font-family:var(--ham-font-body)}
.ham-footer .ux-menu{gap:0;margin:0}
.ham-footer .ux-menu-link{border:0;margin:0;padding:0}
.ham-footer .ux-menu-link__link{color:#bcd6c4!important;padding:5px 0;font-size:.92rem;line-height:1.4}
.ham-footer .ux-menu-link__link:hover,.ham-footer .ux-menu-link__link:hover .ux-menu-link__text{color:var(--ham-gold-soft)!important}
.ham-footer .ham-ftr-row{margin-bottom:0}
.ham-footer .ham-ftr-row .col{margin-bottom:18px}
.ham-ftr-contact{list-style:none;margin:0;padding:0}
.ham-ftr-contact li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin-bottom:12px;color:#bcd6c4;font-size:.9rem;line-height:1.55}
.ham-ftr-contact .material-symbols-outlined{font-size:18px;color:var(--ham-gold-soft);margin-top:1px}
.ham-ftr-contact a{color:#bcd6c4}
.ham-ftr-contact a:hover{color:var(--ham-gold-soft)}

/* (c) SOLUTIONS — promo card + tabs + list dạng thẻ */
.hux-promo .col-inner{padding:34px;border-radius:18px}
.hux-promo .col-inner h3{font-size:1.45rem;line-height:1.25;margin:0 0 10px;color:#fff}
.hux-promo .col-inner p{margin:0 0 18px;color:#cfe6d8;font-size:.95rem}
.hux-promo .col-inner a{display:inline-block;background:#f0d68a;color:#4a3608;padding:11px 22px;border-radius:30px;font-weight:700;font-size:.9rem}
.hux-promo .col-inner a:hover{background:#fff;color:var(--ham-green-900)}
/* tab nav */
.hux-sol .nav{border-bottom:2px solid var(--ham-line);margin-bottom:18px;gap:4px}
.hux-sol .nav li.tab>a{color:var(--ham-muted);font-weight:700;font-size:1rem;text-transform:none;padding:12px 20px;border:0;letter-spacing:0}
.hux-sol .nav li.tab.active>a,.hux-sol .nav li.tab>a:hover{color:var(--ham-green-800)}
.hux-sol .tab-panels{padding:0}
/* list items = thẻ nhỏ */
.hux-sol-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hux-sol-list a{display:block;background:#fff;border:1px solid var(--ham-line);border-radius:12px;padding:14px 16px 14px 20px;transition:.2s;position:relative;overflow:hidden}
.hux-sol-list a::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--ham-green-500);opacity:0;transition:.2s}
.hux-sol-list a:hover{border-color:var(--ham-green-100);box-shadow:var(--ham-shadow-sm);transform:translateY(-2px)}
.hux-sol-list a:hover::before{opacity:1}
.hux-sol-list.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0!important;width:100%}
.hux-sol-list.row>.col{width:auto!important;max-width:none!important;flex-basis:auto!important;padding:0!important}
.hux-sol-list.row>.col>.col-inner{height:100%}
.hux-sol-list a.plain{display:block;height:100%;background:transparent;border:0;border-radius:0;padding:0;color:inherit;overflow:visible;box-shadow:none;transform:none}
.hux-sol-list a.plain::before{display:none}
.hux-sol-list a.plain:hover{background:transparent;border:0;box-shadow:none;transform:none}
.hux-sol-list a.plain:hover::before{display:none}
.hux-sol-list .hux-sol-card{height:100%;display:flex;align-items:flex-start;background:#fff;border:1px solid var(--ham-line);border-radius:12px;padding:14px 16px;transition:.2s;position:relative;overflow:hidden}
.hux-sol-list .hux-sol-card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--ham-green-500);opacity:0;transition:.2s}
.hux-sol-list a.plain:hover .hux-sol-card{border-color:var(--ham-green-100);box-shadow:var(--ham-shadow-sm);transform:translateY(-2px)}
.hux-sol-list a.plain:hover .hux-sol-card::before{opacity:1}
.hux-sol-list .hux-sol-card .icon-box-img{width:38px!important;max-width:38px;height:38px!important;flex:0 0 38px;line-height:1;margin:0 12px 0 0!important;display:block}
.hux-sol-list .hux-sol-card .icon{width:38px;height:38px;border-radius:9px;background:var(--ham-green-50);display:grid;place-items:center;line-height:1}
.hux-sol-list .hux-sol-card .icon-inner{display:grid;place-items:center;width:100%;height:100%;color:var(--ham-green-700)}
.hux-sol-list .hux-sol-card .icon-inner img,.hux-sol-list .hux-sol-card .icon-inner svg{width:20px;height:20px;object-fit:contain}
.hux-sol-list .hux-sol-card .icon-box-text{flex:1;min-width:0;padding:0}
.hux-sol-list .hux-sol-card .icon-box-text h5{color:var(--ham-green-900);font-size:.95rem;font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none;margin:0 0 2px}
.hux-sol-list .hux-sol-card .icon-box-text p{color:var(--ham-muted);font-size:.8rem;line-height:1.4;margin:0}
.hux-sol-list b{display:block;color:var(--ham-green-900);font-size:.95rem;margin-bottom:2px;font-weight:700}
.hux-sol-list small{display:block;color:var(--ham-muted);font-size:.8rem;line-height:1.4}
@media (max-width:600px){.hux-sol-list,.hux-sol-list.row{grid-template-columns:1fr}}

/* ============================================================
   FIX v2 — banner hiện ảnh · nút thẳng hàng · SĐT cùng 1 dòng
   ============================================================ */
/* (1) Banner: overlay gradient (đậm trái cho chữ, nhạt phải để THẤY ẢNH) */
.hux-hero .overlay{background:linear-gradient(90deg,rgba(11,46,30,.90) 0%,rgba(12,55,37,.74) 42%,rgba(18,72,46,.40) 100%)!important}

/* (2) Nút: thẳng hàng với nhau, khoảng cách đều, không lệch baseline */
.hux .button{vertical-align:middle;margin:0 10px 0 0;line-height:1.35}
.hux-hero .text-box .button{margin:8px 10px 0 0}
.hux-cta .button{margin:8px 6px 0}

/* (3) Footer: SĐT & link liên hệ trên CÙNG 1 hàng (ghi đè .ham-footer a{display:block}) */
.ham-ftr-contact a{display:inline!important;padding:0!important}
.ham-ftr-contact li span{min-width:0;white-space:normal}

/* ============================================================
   TRANG DỊCH VỤ (native UX Builder) — hero + icon box
   ============================================================ */
.hux-svc-hero .overlay{background:linear-gradient(180deg,rgba(11,46,30,.84) 0%,rgba(12,55,37,.72) 100%)!important}
.hux-svc-hero .hux-h1{color:#fff;font-size:clamp(1.9rem,3.8vw,2.7rem);margin:0 0 12px}
.hux-svc-hero .hux-lead{color:#d4e8da;margin:0 auto;max-width:640px}
.hux-svc-hero .button{vertical-align:middle;margin:10px 6px 0}
.hux-bc{font-size:.82rem;color:#bcd6c4;margin:0 0 12px;letter-spacing:.01em}
.hux-bc a{color:#bcd6c4}
.hux-bc a:hover{color:var(--ham-gold-soft)}
/* icon box trang dịch vụ: dùng lại card .hux-cardcol; canh nội dung trái */
.hux-svc .hux-cardcol .icon-box-text{text-align:left}
.hux-svc .hux-cardcol .icon-box-text ul{margin:6px 0 0;padding-left:18px}
.hux-svc .hux-cardcol .icon-box-text ul li{margin-bottom:5px}
.hux-svc .hux-cardcol .icon-box-text p{margin:0}

/* ============================================================
   FIX v3 — CHỮ TRONG NÚT CĂN GIỮA theo chiều dọc (toàn site)
   Dùng inline-flex để text luôn ở giữa nút dù min-height/line-height bao nhiêu.
   ============================================================ */
.ham-newtheme a.button,.ham-newtheme button.button,.ham-newtheme .button{
  display:inline-flex!important;align-items:center!important;justify-content:center;
  text-align:center;line-height:1.1;
}
.ham-newtheme .button span{line-height:1.1}
/* Nút HAM cũ (header "Tư vấn ngay"...) cũng căn giữa cho chắc */
.ham-newtheme a.ham-btn,.ham-newtheme button.ham-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.1}

/* ============================================================
   TRANG NỘI DUNG (Giới thiệu / Liên hệ / Nhân sự / Năng lực…)
   ============================================================ */
/* Văn bản & bảng phong phú trong trang builder */
.hux-rich h2{color:var(--ham-green-900);font-size:1.5rem;margin:1.6rem 0 .8rem;font-weight:800}
.hux-rich h3{color:var(--ham-green-800);font-size:1.18rem;margin:1.4rem 0 .6rem;font-weight:800}
.hux-rich p,.hux-rich li{color:var(--ham-ink);line-height:1.7}
.hux-rich ul{padding-left:20px;margin:0 0 1rem}
.hux-rich ul li{margin-bottom:6px}
.hux-rich table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.93rem;background:#fff;border:1px solid var(--ham-line);border-radius:12px;overflow:hidden}
.hux-rich th,.hux-rich td{border:1px solid var(--ham-line);padding:11px 14px;text-align:left;vertical-align:top}
.hux-rich th{background:var(--ham-green-50);color:var(--ham-green-900);font-weight:700}
.hux-rich tr:nth-child(even) td{background:#fafcfa}
@media (max-width:600px){.hux-rich table{display:block;overflow-x:auto;white-space:nowrap}}

/* Thông tin liên hệ (icon + nhãn + giá trị) */
.hux-contact-info{list-style:none;margin:0;padding:0}
.hux-contact-info li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;margin-bottom:18px}
.hux-contact-info .material-symbols-outlined{color:var(--ham-green-700);background:var(--ham-green-50);border-radius:10px;width:42px;height:42px;display:grid;place-items:center;font-size:21px}
.hux-contact-info b{display:block;color:var(--ham-green-900);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.hux-contact-info span.v{color:var(--ham-muted);font-size:.95rem;line-height:1.5}
.hux-contact-info a{color:var(--ham-green-700)}

/* Form liên hệ (Contact Form 7) trong card trắng */
.hux-formcard .col-inner{background:#fff;border:1px solid var(--ham-line);border-radius:16px;padding:30px;box-shadow:var(--ham-shadow-sm)}
.hux-form .wpcf7 p{margin:0 0 14px}
.hux-form .wpcf7 input:not([type=submit]),.hux-form .wpcf7 textarea,.hux-form .wpcf7 select{width:100%;border:1px solid var(--ham-line);border-radius:10px;padding:12px 14px;font-family:var(--ham-font-body);font-size:.95rem;background:#fff}
.hux-form .wpcf7 textarea{min-height:120px}
.hux-form .wpcf7 .wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;background:var(--ham-green-700);color:#fff;border:0;border-radius:30px;padding:13px 30px;font-weight:700;width:auto;cursor:pointer;transition:.2s}
.hux-form .wpcf7 .wpcf7-submit:hover{background:var(--ham-green-800)}

/* ============================================================
   FIX v4 — bảng giới hạn bề ngang + form CF7 lấp đầy card
   ============================================================ */
/* (1) Bảng/văn bản dài: khớp bề ngang site (1400px) như các mục khác, không tràn full trang */
.hux-rich{max-width:1400px;margin-left:auto;margin-right:auto;padding:0 15px}
/* Đồng bộ font + cỡ chữ trong vùng rich (bằng các mục khác) */
.hux-rich,.hux-rich p,.hux-rich li,.hux-rich td,.hux-rich th,.hux-rich h2,.hux-rich h3{font-family:var(--ham-font-body)!important}
.hux-rich table{font-size:1rem}
.hux-rich td,.hux-rich th{font-size:1rem;padding:13px 16px}
.hux-rich p,.hux-rich li{font-size:1rem}
/* (2) Form CF7: field full-width, không chồng, lấp đầy card */
.hux-form .wpcf7 p{margin:0}
.hux-form .wpcf7-form-control-wrap{display:block;width:100%;margin-bottom:14px}
.hux-form .wpcf7-form-control{width:100%;display:block;box-sizing:border-box}
.hux-form .wpcf7-submit{width:auto!important;display:inline-flex!important;margin-top:4px}
.hux-form .wpcf7-list-item{display:inline-block}

/* FIX v5 — gốc rễ: style.css cũ ép .ham-contact-form-fields thành grid 2 cột → form nửa card.
   Ghi đè về 1 cột full bề ngang card. */
.hux-form .ham-contact-form-fields,
.ham-newtheme .ham-contact-form-fields{display:block!important;grid-template-columns:none!important;gap:0!important}
.hux-form .ham-contact-form-fields .wpcf7-form-control-wrap{display:block!important;width:100%!important;max-width:100%!important;margin-bottom:14px}
.hux-form .ham-contact-form-fields .wpcf7-form-control{width:100%!important;max-width:100%!important;display:block;box-sizing:border-box;min-height:48px;border-radius:12px}
.hux-form .ham-contact-form-fields .wpcf7-submit{width:auto!important;min-height:0}

/* ============================================================
   SƠ ĐỒ TỔ CHỨC — thẻ phòng tinh tế, đường nối mượt
   ============================================================ */
.ham-org{max-width:1160px;margin:0 auto}
.ham-org-top{display:flex;justify-content:center}
.ham-org-ceo{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--ham-green-700),var(--ham-green-900));color:#fff;font-weight:800;font-size:1.06rem;letter-spacing:.03em;padding:16px 42px;border-radius:14px;box-shadow:0 18px 40px rgba(8,45,34,.22)}
.ham-org-ceo .material-symbols-outlined{font-size:24px;color:var(--ham-gold-soft)}
/* Lưới phòng + đường nối */
.ham-org-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;margin-top:52px;align-items:stretch}
.ham-org-grid::before{content:"";position:absolute;top:-52px;left:50%;transform:translateX(-50%);width:2px;height:28px;background:#bcd6c4}
.ham-org-grid::after{content:"";position:absolute;top:-24px;left:12.5%;right:12.5%;height:2px;background:#bcd6c4;border-radius:2px}
.ham-org-dept{position:relative;background:#fff;border:1px solid var(--ham-line);border-radius:16px;padding:22px 20px;box-shadow:0 6px 20px rgba(12,59,37,.05);display:flex;flex-direction:column;gap:13px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ham-org-dept:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(12,59,37,.12);border-color:rgba(23,98,57,.28)}
.ham-org-dept::before{content:"";position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:2px;height:24px;background:#bcd6c4}
.ham-org-dept::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ham-green-700),var(--ham-gold))}
.ham-org-dept__head{display:flex;align-items:center;gap:12px}
.ham-org-dept__head .ico{width:44px;height:44px;border-radius:12px;background:var(--ham-green-50);color:var(--ham-green-700);display:grid;place-items:center;flex-shrink:0;transition:background .2s ease,color .2s ease}
.ham-org-dept:hover .ham-org-dept__head .ico{background:var(--ham-green-700);color:#fff}
.ham-org-dept__head .ico .material-symbols-outlined{font-size:23px}
.ham-org-dept__head h4{margin:0;font-size:.98rem;font-weight:800;color:var(--ham-green-900);line-height:1.25}
.ham-org-dept__lead{display:flex;align-items:center;gap:7px;background:var(--ham-green-50);border:1px solid var(--ham-green-100);color:var(--ham-green-800);font-weight:700;font-size:.85rem;padding:9px 12px;border-radius:10px}
.ham-org-dept__lead::before{content:"\2605";color:var(--ham-gold);font-size:.8rem}
.ham-org-dept__staff{list-style:none;margin:auto 0 0;padding:10px 0 0;border-top:1px dashed var(--ham-line);display:flex;flex-direction:column;gap:9px}
.ham-org-dept__staff li{position:relative;padding-left:18px;color:var(--ham-muted);font-size:.85rem;line-height:1.4}
.ham-org-dept__staff li::before{content:"";position:absolute;left:3px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--ham-green-500);box-shadow:0 0 0 3px var(--ham-green-50)}
@media(max-width:900px){.ham-org-grid{grid-template-columns:1fr 1fr;gap:18px}.ham-org-grid::after{left:25%;right:25%}.ham-org-dept__staff{margin-top:0}}
@media(max-width:560px){.ham-org-grid{grid-template-columns:1fr;margin-top:34px}.ham-org-grid::before,.ham-org-grid::after,.ham-org-dept::before{display:none}}

/* ============================================================
   ĐỘI NGŨ NHÂN SỰ — thẻ + avatar tròn (chữ cái)
   ============================================================ */
.ham-team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto}
.ham-team--ctv{grid-template-columns:repeat(4,1fr)}
.ham-team-card{background:#fff;border:1px solid var(--ham-line);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center;transition:.2s;text-align:left}
.ham-team-card:hover{box-shadow:var(--ham-shadow-sm);transform:translateY(-3px);border-color:var(--ham-green-100)}
.ham-avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#fff;font-size:1.05rem;background:linear-gradient(135deg,var(--ham-green-600),var(--ham-green-800));font-family:var(--ham-font-display)}
.ham-avatar--gold{background:linear-gradient(135deg,#eccf7a,#caa033);color:#3a2c08}
.ham-team-card .nm{display:block;color:var(--ham-green-900);font-size:1rem;font-weight:800;line-height:1.2}
.ham-team-card .rl{display:block;color:var(--ham-green-700);font-size:.84rem;font-weight:600;margin:3px 0 2px}
.ham-team-card .sp{display:block;color:var(--ham-muted);font-size:.8rem;line-height:1.35}
.ham-team--ctv .ham-team-card{padding:14px}
.ham-team--ctv .ham-avatar{width:46px;height:46px;font-size:.92rem}
@media(max-width:860px){.ham-team,.ham-team--ctv{grid-template-columns:1fr 1fr}}

/* ===== Đội ngũ nhân sự: UX Builder Icon Box (image-selectable) ===== */
.ham-team-boxes{margin:6px auto 0;max-width:var(--ham-maxw)}
.ham-team-boxes>.ham-tm-col{margin-bottom:18px}
.ham-team-boxes .icon-box{align-items:center;background:#fff;border:1px solid var(--ham-line);border-radius:16px;box-shadow:0 6px 20px rgba(12,59,37,.05);gap:15px;height:100%;margin:0;padding:15px 17px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ham-team-boxes .icon-box:hover{border-color:rgba(23,98,57,.28);box-shadow:0 16px 34px rgba(12,59,37,.12);transform:translateY(-3px)}
.ham-team-boxes .icon-box-img{flex:0 0 auto;margin:0!important;width:74px!important}
.ham-team-boxes .icon-box-img .icon,.ham-team-boxes .icon-box-img .icon-inner{height:74px;line-height:0;width:74px}
.ham-team-boxes .icon-box-img img,.ham-team-boxes .icon-box-img svg{background:var(--ham-green-50);border-radius:50%;display:block;height:74px;object-fit:cover;width:74px}
.ham-team-boxes .ham-tm--gold .icon-box-img img,.ham-team-boxes .ham-tm--gold .icon-box-img svg{box-shadow:0 0 0 2px var(--ham-gold)}
.ham-team-boxes .icon-box-text{min-width:0;text-align:left}
.ham-team-boxes .icon-box-text h5{color:var(--ham-green-900);font-size:1.02rem;font-weight:800;letter-spacing:0;line-height:1.25;margin:0 0 2px;text-transform:none}
.ham-team-boxes .ham-tm-role{color:var(--ham-green-700);font-size:.86rem;font-weight:700;line-height:1.3;margin:0}
.ham-team-boxes .ham-tm-spec{color:var(--ham-muted);font-size:.8rem;line-height:1.35;margin:2px 0 0}
@media(max-width:849px){.ham-team-boxes .icon-box{border-radius:13px;padding:13px 14px}}
@media(max-width:520px){.ham-team,.ham-team--ctv{grid-template-columns:1fr}}

/* ============================================================
   NĂNG LỰC TÀI CHÍNH — stat cards
   ============================================================ */
/* ===== Năng lực tài chính (gộp vào "Về chúng tôi") ===== */
.hux-anchor{display:block;height:0;width:0;overflow:hidden;scroll-margin-top:100px}
#nang-luc-tai-chinh{scroll-margin-top:100px}
.ham-fin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:var(--ham-maxw);margin:0 auto}
.ham-fin-card{background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid var(--ham-line);border-radius:18px;padding:30px 22px 26px;text-align:center;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ham-fin-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--ham-green-700),var(--ham-gold))}
.ham-fin-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(12,59,37,.1);border-color:rgba(23,98,57,.25)}
.ham-fin-card .n{display:block;font-family:var(--ham-font-display);font-size:2.3rem;font-weight:800;color:var(--ham-green-800);line-height:1;letter-spacing:0}
.ham-fin-card .l{color:var(--ham-muted);font-size:.9rem;margin-top:10px;display:block;line-height:1.45}
/* Card đầu tiên (Vốn điều lệ) làm điểm nhấn — nền xanh đậm */
.ham-fin-card:first-child{background:linear-gradient(165deg,var(--ham-green-700),var(--ham-green-900));border-color:transparent;box-shadow:0 18px 40px rgba(8,45,34,.22)}
.ham-fin-card:first-child::before{background:var(--ham-gold)}
.ham-fin-card:first-child .n{color:var(--ham-gold-soft)}
.ham-fin-card:first-child .l{color:#cfe6d8}
.ham-fin-card:first-child:hover{transform:translateY(-4px)}
/* Bảng kế hoạch kinh doanh — sạch, nhấn dòng lợi nhuận */
.hux-fin-table table{box-shadow:0 12px 32px rgba(12,59,37,.07);border-radius:14px}
.hux-fin-table th{background:var(--ham-green-800);color:#fff;border-color:rgba(255,255,255,.14);font-weight:700;letter-spacing:.01em}
.hux-fin-table td:first-child,.hux-fin-table th:first-child{text-align:center;width:58px;color:var(--ham-muted)}
.hux-fin-table td:nth-child(2){font-weight:600;color:var(--ham-green-900)}
.hux-fin-table th:nth-child(n+3),.hux-fin-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hux-fin-table tr:nth-child(4) td{background:rgba(216,169,58,.12);font-weight:700;color:var(--ham-green-900)}
@media(max-width:860px){.ham-fin-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ham-fin-stats{grid-template-columns:1fr}}

/* ============================================================
   BLOG / TIN TỨC — đồng bộ thiết kế mới
   ============================================================ */
.hux-blog-hero{position:relative;padding:96px 0;background:linear-gradient(135deg,#0c3b25,#176239);background-size:cover;background-position:center;overflow:hidden}
.hux-blog-hero__ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,46,30,.84),rgba(12,55,37,.74));z-index:1}
.hux-blog-hero .ham-container{position:relative;z-index:2;text-align:center}
.hux-blog-hero .hux-bc{color:#bcd6c4;justify-content:center;margin-bottom:10px}
.hux-blog-hero .hux-bc a{color:#bcd6c4}
.hux-blog-hero h1{color:#fff;font-size:clamp(1.9rem,3.8vw,2.7rem);font-weight:800;margin:0 0 12px;letter-spacing:-.02em}
.hux-blog-hero p{color:#d4e8da;max-width:620px;margin:0 auto;font-size:1.05rem}
/* danh sách bài viết — lưới thẻ */
.hux-blog{padding:72px 0;background:var(--ham-bg)}
.hux-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:0 auto}
.hux-blog-card{background:#fff;border:1px solid var(--ham-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.hux-blog-card:hover{box-shadow:var(--ham-shadow);transform:translateY(-4px);border-color:var(--ham-green-100)}
.hux-blog-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ham-green-50)}
.hux-blog-card__media img{width:100%;height:100%;object-fit:cover;transition:.5s}
.hux-blog-card:hover .hux-blog-card__media img{transform:scale(1.06)}
.hux-blog-card__body{padding:22px;display:flex;flex-direction:column;flex:1}
.hux-blog-card time{color:var(--ham-green-700);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}
.hux-blog-card time .material-symbols-outlined{font-size:16px}
.hux-blog-card h3{font-size:1.12rem;margin:8px 0;line-height:1.32;font-weight:800}
.hux-blog-card h3 a{color:var(--ham-green-900)}
.hux-blog-card h3 a:hover{color:var(--ham-green-700)}
.hux-blog-card p{color:var(--ham-muted);font-size:.92rem;line-height:1.6;margin:0 0 14px;flex:1}
.hux-blog-card .more{font-weight:700;color:var(--ham-green-700);font-size:.9rem;margin-top:auto;display:inline-flex;align-items:center;gap:5px}
.hux-blog .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--ham-line);border-radius:10px;margin:4px;color:var(--ham-green-800);font-weight:600;background:#fff}
.hux-blog .page-numbers.current,.hux-blog .page-numbers:hover{background:var(--ham-green-700);color:#fff;border-color:var(--ham-green-700)}
.hux-blog nav.pagination,.hux-blog .nav-pagination{text-align:center;margin-top:40px}
@media(max-width:900px){.hux-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hux-blog-grid{grid-template-columns:1fr}}
/* bài viết đơn */
.hux-blog-hero--single h1{max-width:860px;margin-left:auto;margin-right:auto}
.hux-post-cats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.hux-post-cat{background:rgba(240,214,138,.18);color:var(--ham-gold-soft);font-size:.72rem;font-weight:700;padding:5px 13px;border-radius:30px;text-transform:uppercase;letter-spacing:.04em}
.hux-post-meta{color:#bcd6c4;font-size:.9rem;margin:12px 0 0}
.hux-post{padding:64px 0;background:#fff}
.hux-post__wrap{max-width:820px;margin:0 auto}
.hux-post__wrap,.hux-post__wrap .ham-post-content{font-size:1.05rem;line-height:1.8;color:var(--ham-ink)}
.hux-post__wrap h2{font-size:1.5rem;color:var(--ham-green-900);margin:1.9rem 0 .8rem;font-weight:800}
.hux-post__wrap h3{font-size:1.25rem;color:var(--ham-green-800);margin:1.5rem 0 .6rem;font-weight:800}
.hux-post__wrap p{margin:0 0 1.15rem}
.hux-post__wrap img{border-radius:14px;margin:1.4rem 0;height:auto}
.hux-post__wrap ul,.hux-post__wrap ol{padding-left:22px;margin:0 0 1.15rem}
.hux-post__wrap li{margin-bottom:8px}
.hux-post__wrap a:not(.ham-btn){color:var(--ham-green-700);text-decoration:underline}
/* bài viết liên quan */
.hux-related{padding:64px 0;background:var(--ham-bg);border-top:1px solid var(--ham-line)}

/* ============================================================
   FIX v6 — THẺ ICON BOX ĐỒNG ĐỀU CHIỀU CAO (mọi trang dùng .hux-cardcol)
   ============================================================ */
.hux-svc .row,.hux-services .row,.hux-process .row,.hux-quickbar .row{display:flex;flex-wrap:wrap;align-items:stretch}
.hux-cardcol,.hux-qcol,.hux-step{display:flex}
.hux-cardcol>.col-inner,.hux-qcol>.col-inner,.hux-step>.col-inner{flex:1 1 auto;display:flex;flex-direction:column}
/* card icon-box lấp đầy chiều cao, link/nội dung trải đều */
.hux-cardcol .icon-box{flex:1 1 auto;display:flex;flex-direction:column}
.hux-cardcol .icon-box-text{flex:1 1 auto;display:flex;flex-direction:column}
.hux-cardcol .icon-box-text a.more{margin-top:auto;align-self:flex-start;padding-top:6px}

/* ============================================================
   HEADER MENU từ WP Menu (wp_nav_menu) — đồng bộ toàn site, sửa ở Appearance→Menus
   ============================================================ */
.ham-nav .ham-menu{list-style:none;display:flex;align-items:stretch;gap:0;margin:0;padding:0}
.ham-nav .ham-menu>li{position:relative;display:flex}
.ham-nav .ham-menu>li>a{display:flex!important;align-items:center;gap:5px;padding:0 13px;min-height:80px;font-weight:600;font-size:15px;color:var(--ham-ink);white-space:nowrap;line-height:1.2}
.ham-nav .ham-menu>li>a:hover,.ham-nav .ham-menu>li.current-menu-item>a,.ham-nav .ham-menu>li.current-menu-parent>a,.ham-nav .ham-menu>li.current-menu-ancestor>a{color:var(--ham-green-700)}
.ham-nav .ham-menu .menu-item-has-children>a::after{content:"\25BE";font-size:9px;color:var(--ham-muted);margin-left:3px}
.ham-nav .ham-menu>li.has-dropdown>a::after{display:none}
.ham-nav .ham-menu>li>a>.icon-angle-down{font-size:12px;margin-left:4px;color:var(--ham-muted)}
.ham-nav .sub-menu{display:block!important;position:absolute;top:80px;left:0;width:max-content;min-width:240px;max-width:300px;max-height:none;background:#fff;border:1px solid var(--ham-line);border-radius:14px;box-shadow:var(--ham-shadow);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s;z-index:60}
.ham-nav .ham-menu>li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.ham-nav .sub-menu li{display:block!important;width:100%;position:relative}
.ham-nav .sub-menu a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--ham-ink);font-size:14px;font-weight:600;line-height:1.3;white-space:normal;transition:.18s}
.ham-nav .sub-menu a:hover{background:var(--ham-green-50);color:var(--ham-green-700);transform:translateX(2px)}
.ham-nav .sub-menu .mi-ico{width:36px;height:36px;border-radius:9px;background:var(--ham-green-50);color:var(--ham-green-700);display:grid;place-items:center;flex-shrink:0;transition:.18s}
.ham-nav .sub-menu .mi-ico .material-symbols-outlined{font-size:19px}
.ham-nav .sub-menu a:hover .mi-ico{background:var(--ham-green-700);color:#fff}
.ham-nav .sub-menu .mi-tx{flex:1;min-width:0}
/* CẤP 3 — flyout dịch vụ mở sang phải khi hover lĩnh vực */
.ham-nav .sub-menu .menu-item-has-children>a::after{content:"\203A";margin-left:auto;font-size:17px;font-weight:700;color:var(--ham-muted);line-height:1}
.ham-nav .sub-menu .menu-item-has-children:hover>a::after{color:var(--ham-green-700)}
.ham-nav .sub-menu .sub-menu{top:-9px;left:100%;margin-left:6px;min-width:236px;max-width:280px}
.ham-nav .sub-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
/* cầu nối vô hình để không mất hover khi rê chuột sang flyout */
.ham-nav .sub-menu .menu-item-has-children>.sub-menu::before{content:"";position:absolute;top:0;left:-12px;width:12px;height:100%}
.ham-nav .sub-menu .sub-menu a{font-weight:500;font-size:13.5px}

/* Mega menu UX Block: Linh vuc hoat dong */
.ham-nav .ham-menu>li.menu-item-has-block{position:static}
.ham-nav .menu-item-has-block>a.nav-top-link{position:relative}
.ham-nav .menu-item-has-block>a.nav-top-link::before{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;background:#fff;border-left:1px solid rgba(15,61,46,.1);border-top:1px solid rgba(15,61,46,.1);opacity:0;transform:translateX(-50%) rotate(45deg);transition:opacity .2s ease;z-index:81}
.ham-nav .menu-item-has-block:hover>a.nav-top-link::before{opacity:1}
.ham-nav .menu-item-has-block:focus-within>a.nav-top-link::before{opacity:1}
.ham-nav .menu-item-has-block>.nav-dropdown{left:50%!important;top:80px;width:min(1120px,calc(100vw - 48px));max-width:none;max-height:none;min-width:0;border:1px solid rgba(15,61,46,.1);border-radius:16px;box-shadow:0 28px 80px rgba(8,45,34,.2);padding:12px!important;background:rgba(255,255,255,.98);overflow:visible;transform:translate(-50%,10px);z-index:80}
.ham-nav .ham-menu>li.menu-item-has-block:hover>.nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ham-nav .ham-menu>li.menu-item-has-block:focus-within>.nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ham-nav .menu-item-has-block>.nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.ham-nav .menu-item-has-block>.nav-dropdown .row{max-width:none}
.ham-nav .menu-item-has-block>.nav-dropdown .row:not(.row-collapse){margin-left:-5px;margin-right:-5px}
.ham-nav .menu-item-has-block>.nav-dropdown .col{min-width:0;padding-left:5px;padding-right:5px;padding-bottom:0}
.ham-nav .menu-item-has-block>.nav-dropdown .col-inner{height:100%}
.ham-mega-menu{align-items:stretch;display:flex!important;flex-wrap:wrap;margin:0!important;width:100%}
.ham-mega-card{box-sizing:border-box;height:100%;min-height:330px;background:#fff;border:1px solid transparent;border-radius:12px;padding:14px;overflow:hidden}
.ham-mega-card.is-featured{background:var(--ham-green-50);border-color:rgba(23,98,57,.14)}
.ham-mega-head{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;min-height:56px;margin-bottom:10px;padding-bottom:13px;border-bottom:1px solid var(--ham-line);color:var(--ham-green-900)!important;text-decoration:none!important}
.ham-mega-icon{width:42px;height:42px;border-radius:12px;background:var(--ham-green-100);color:var(--ham-green-700);display:grid;place-items:center;transition:.18s}
.ham-mega-card.is-featured .ham-mega-icon{background:var(--ham-green-700);color:#fff}
.ham-mega-icon .material-symbols-outlined{font-size:23px}
.ham-mega-title{display:block;color:var(--ham-green-900);font-size:15.5px;font-weight:800;line-height:1.18}
.ham-mega-sub{display:block;color:var(--ham-muted);font-size:12px;font-weight:400;line-height:1.25;margin-top:2px}
.ham-nav .menu-item-has-block>.nav-dropdown ul.ham-mega-list{display:grid!important;grid-template-columns:minmax(0,1fr);flex-direction:initial!important;align-items:stretch;gap:3px;list-style:none;margin:0;padding:0;width:100%;min-width:0}
.ham-nav .menu-item-has-block>.nav-dropdown ul.ham-mega-list>li{display:block!important;flex:none!important;margin:0!important;margin-inline:0!important;margin-block:0!important;margin-left:0!important;margin-right:0!important;padding:0!important;min-width:0;width:100%;max-width:100%}
.ham-nav .nav-dropdown .ham-mega-list a{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;width:100%;margin-left:-1.3rem!important;border-radius:9px;color:var(--ham-ink);font-size:13.5px;font-weight:700;line-height:1.25;padding:9px 8px 9px 10px;text-decoration:none;white-space:normal}
.ham-nav .nav-dropdown .ham-mega-list a:hover,.ham-nav .nav-dropdown .ham-mega-list a.is-current{background:var(--ham-green-100);color:var(--ham-green-700);transform:none}
.ham-mega-arrow{color:var(--ham-green-700);font-size:18px;font-weight:800;line-height:1}

/* Ép Be Vietnam Pro TOÀN SITE — ghi đè body.home{font-family:Hanken Grotesk} cũ
   (lý do trang chủ trước đây chữ/menu khác cỡ so với trang khác) */
body.ham-newtheme,body.ham-newtheme a,body.ham-newtheme li,body.ham-newtheme p,body.ham-newtheme span,
body.ham-newtheme h1,body.ham-newtheme h2,body.ham-newtheme h3,body.ham-newtheme h4,body.ham-newtheme h5,body.ham-newtheme h6,
body.ham-newtheme .button,body.ham-newtheme input,body.ham-newtheme button,body.ham-newtheme textarea,body.ham-newtheme select{font-family:var(--ham-font-body)!important}
/* QUAN TRỌNG: GIỮ font icon Material Symbols — rule ép font ở trên (cho span) KHÔNG được đè icon */
body.ham-newtheme .material-symbols-outlined{font-family:'Material Symbols Outlined'!important}
@media(max-width:860px){
  .ham-nav.is-open .ham-menu{flex-direction:column;width:100%}
  .ham-nav.is-open .ham-menu>li{display:block}
  .ham-nav.is-open .ham-menu>li>a{min-height:auto;padding:13px 10px}
  .ham-nav.is-open .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:2px 0 8px 14px;min-width:0}
  .ham-nav.is-open .menu-item-has-children>a::after{display:none}
  .ham-nav.is-open .menu-item-has-block>a.nav-top-link::before{display:none}
  .ham-nav.is-open .menu-item-has-block>.nav-dropdown{width:100%;max-width:none;max-height:none;background:#fff;border:0;border-radius:0;padding:4px 0 8px 0!important}
  .ham-nav.is-open .menu-item-has-block>.nav-dropdown .row:not(.row-collapse){margin-left:0;margin-right:0}
  .ham-nav.is-open .menu-item-has-block>.nav-dropdown .col{padding:0 0 10px}
  .ham-nav.is-open .ham-mega-card{min-height:0;padding:14px}
}

/* ===== Bài viết đơn: 2 cột (nội dung + sidebar widget) ===== */
.hux-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}
.hux-post-layout .hux-post__wrap{max-width:none;margin:0}
.hux-post-sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px}
.hux-side-card{background:#fff;border:1px solid var(--ham-line);border-radius:16px;padding:22px}
.hux-side-card>h3{font-size:1.05rem;color:var(--ham-green-900);margin:0 0 14px;font-weight:800;padding-bottom:12px;border-bottom:2px solid var(--ham-green-100);display:flex;align-items:center;gap:8px}
.hux-side-card>h3 .material-symbols-outlined{font-size:20px;color:var(--ham-green-700)}
.hux-side-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--ham-line)}
.hux-side-item:last-child{border-bottom:0;padding-bottom:0}
.hux-side-item:first-of-type{padding-top:0}
.hux-side-item__img{width:62px;height:62px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--ham-green-50)}
.hux-side-item__img img{width:100%;height:100%;object-fit:cover}
.hux-side-item .t{display:block;font-size:.88rem;font-weight:700;color:var(--ham-green-900);line-height:1.35;margin-bottom:3px}
.hux-side-item .t:hover{color:var(--ham-green-700)}
.hux-side-item time{font-size:.76rem;color:var(--ham-muted);display:flex;align-items:center;gap:4px}
.hux-side-item time .material-symbols-outlined{font-size:14px}
.hux-side-cta{background:linear-gradient(135deg,var(--ham-green-700),var(--ham-green-900));color:#fff;text-align:center}
.hux-side-cta>h3{color:#fff;border-color:rgba(255,255,255,.22);justify-content:center}
.hux-side-cta>h3 .material-symbols-outlined{color:var(--ham-gold-soft)}
.hux-side-cta p{color:#cfe6d8;font-size:.9rem;margin:0 0 14px}
.hux-side-cta .button{width:100%}
@media(max-width:900px){.hux-post-layout{grid-template-columns:1fr;gap:32px}.hux-post-sidebar{position:static}}


/* ##################################################################
   LIEN HE (CONTACT) - tinh chinh CSS-only 2026-06-25 (append-only,
   dap len rule cu; KHONG xoa rule cu vi con dua display:grid/place-items).
   ################################################################## */
/* =====================================================================
   CONTACT PAGE — refined professional pass (append-only, CSS-only)
   Scope: .hux-contact (section) + .hux-svc-hero (hero).
   Palette variables only (+ very subtle neutrals). Wins by source-order
   and equal/greater specificity vs the earlier rules in this file.
   Synthesis goals:
     (a) circular, high-contrast contact icons
     (b) clear label / value / link color hierarchy
     (c) left column promoted to a tasteful panel that balances the form card
     (d) polished fields: focus ring, custom select caret, real textarea
         height, refined submit
   ===================================================================== */

/* ---- Section rhythm: align the two columns to an equal vertical start
        so the panels read as a matched pair. ----------------------- */
.hux-contact .row{align-items:stretch}
.hux-contact .col > .col-inner{height:100%;box-sizing:border-box}

/* =====================================================================
   LEFT COLUMN — info panel (balances the elevated form card)
   The left col has no class -> target the first col's inner.
   Lighter elevation (--ham-shadow-sm) than the form card so the form
   stays the primary surface.
   ===================================================================== */
.hux-contact .row > .col:first-child > .col-inner{
  position:relative;
  background:linear-gradient(180deg,var(--ham-white) 0%,var(--ham-green-50) 100%);
  border:1px solid var(--ham-line);
  border-radius:var(--ham-radius);
  padding:32px 30px;
  box-shadow:var(--ham-shadow-sm);
  overflow:hidden;
}
/* slim gold accent bar across the top — ties the panel to the brand */
.hux-contact .row > .col:first-child > .col-inner::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--ham-gold) 0%,var(--ham-gold-soft) 100%);
}

/* heading block inside the panel */
.hux-contact .hux-head--left{margin:0 0 22px}
.hux-contact .hux-head--left .hux-h2{color:var(--ham-green-900);margin:0}

/* =====================================================================
   CONTACT INFO — circular solid-green icons + 3-tier text hierarchy
   ===================================================================== */
.hux-contact .hux-contact-info li{
  grid-template-columns:46px 1fr;     /* room for the circular icon */
  gap:16px;
  align-items:center;
  margin-bottom:0;                    /* spacing handled by padding/divider */
  padding:14px 0;
  border-bottom:1px solid rgba(23,98,57,.10);
}
.hux-contact .hux-contact-info li:first-child{padding-top:0}
.hux-contact .hux-contact-info li:last-child{border-bottom:0;padding-bottom:0}

/* ICON: circular deep-green disc, white glyph (strong, guaranteed contrast) */
.hux-contact .hux-contact-info .material-symbols-outlined{
  width:46px;height:46px;
  border-radius:50%;                  /* circular */
  background:linear-gradient(135deg,var(--ham-green-700) 0%,var(--ham-green-600) 100%);
  color:var(--ham-white);
  font-size:22px;
  box-shadow:0 6px 14px -7px rgba(12,59,37,.55);
  transition:transform .2s ease, box-shadow .2s ease;
}
.hux-contact .hux-contact-info li:hover .material-symbols-outlined{
  transform:translateY(-1px);
  box-shadow:0 0 0 4px var(--ham-green-100), 0 8px 16px -7px rgba(12,59,37,.55);
}

/* Tier 1 — LABEL: quiet uppercase green */
.hux-contact .hux-contact-info b{
  color:var(--ham-green-700);
  font-size:.72rem;
  letter-spacing:.07em;
  margin-bottom:3px;
}
/* Tier 2 — VALUE: near-ink for readability (was flat muted gray) */
.hux-contact .hux-contact-info span.v{
  color:var(--ham-ink);
  font-size:.96rem;
  line-height:1.55;
}
/* Tier 3 — LINK: weighted green, warms to gold on hover */
.hux-contact .hux-contact-info a{
  color:var(--ham-green-700);
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s ease, border-color .18s ease;
}
.hux-contact .hux-contact-info a:hover{
  color:var(--ham-gold);
  border-bottom-color:var(--ham-gold);
}

/* =====================================================================
   RIGHT COLUMN — polished form card
   ===================================================================== */
.hux-contact .hux-formcard .col-inner{
  padding:34px 32px;
  border-radius:var(--ham-radius);
  box-shadow:var(--ham-shadow);       /* deeper than the info panel */
}
/* gold underline accent under the form title (echoes the left panel bar) */
.hux-contact .hux-formcard #gui-yeu-cau{
  position:relative;
  padding-bottom:14px;
  margin:0 0 22px;
}
.hux-contact .hux-formcard #gui-yeu-cau::after{
  content:"";
  position:absolute;left:0;bottom:0;width:46px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--ham-gold) 0%,var(--ham-gold-soft) 100%);
}

/* ---- Fields: refined rest state + accessible focus ring ----------- */
.hux-contact .hux-form .wpcf7 input:not([type=submit]),
.hux-contact .hux-form .wpcf7 textarea,
.hux-contact .hux-form .wpcf7 select{
  border:1px solid var(--ham-line);
  border-radius:var(--ham-radius-sm);
  padding:13px 15px;
  font-family:var(--ham-font-body);
  font-size:.95rem;
  color:var(--ham-ink);
  background:#fff;
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.hux-contact .hux-form .wpcf7 input:not([type=submit])::placeholder,
.hux-contact .hux-form .wpcf7 textarea::placeholder{
  color:var(--ham-muted);
  opacity:1;
}
.hux-contact .hux-form .wpcf7 input:not([type=submit]):hover,
.hux-contact .hux-form .wpcf7 textarea:hover,
.hux-contact .hux-form .wpcf7 select:hover{
  border-color:var(--ham-green-500);
}
/* visible, on-brand focus ring */
.hux-contact .hux-form .wpcf7 input:not([type=submit]):focus,
.hux-contact .hux-form .wpcf7 textarea:focus,
.hux-contact .hux-form .wpcf7 select:focus{
  outline:none;
  border-color:var(--ham-green-600);
  box-shadow:0 0 0 3px rgba(47,158,92,.20);   /* soft green halo */
  background:#fff;
}

/* ---- Select: hide OS arrow + CSS-only SVG caret (green chevron) ---- */
.hux-contact .hux-form .wpcf7 select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding-right:42px;                 /* room for the caret */
  cursor:pointer;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23176239' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 15px center;
  background-size:14px 14px;
}
.hux-contact .hux-form .wpcf7 select::-ms-expand{display:none}
/* re-assert the caret on focus so it persists alongside the focus ring */
.hux-contact .hux-form .wpcf7 select:focus{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23114c30' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 15px center;
  background-size:14px 14px;
}

/* ---- Textarea: real multi-line height.
        Beats .ham-contact-form-fields .wpcf7-form-control{min-height:48px}.
        Element-qualified selector already out-specifies it; !important
        added per the brief to be bulletproof against that floor. ----- */
.hux-contact .hux-form .ham-contact-form-fields textarea.wpcf7-form-control,
.hux-contact .hux-form .wpcf7 textarea{
  min-height:150px!important;
  resize:vertical;
  line-height:1.55;
}

/* ---- Submit: refined pill, clearly a button, lift on hover --------
        Kept width:auto (matches existing width:auto!important rule) so
        no extra !important is needed; full-width only on mobile below. */
.hux-contact .hux-form .wpcf7 .wpcf7-submit{
  background:var(--ham-green-700);
  color:#fff;
  border:0;
  border-radius:30px;
  padding:14px 34px;
  font-weight:700;
  letter-spacing:.03em;
  cursor:pointer;
  box-shadow:0 10px 24px -14px rgba(12,59,37,.7);
  transition:background-color .2s ease, transform .15s ease, box-shadow .2s ease;
}
.hux-contact .hux-form .wpcf7 .wpcf7-submit:hover{
  background:var(--ham-green-800);
  transform:translateY(-2px);
  box-shadow:var(--ham-shadow-sm);
}
.hux-contact .hux-form .wpcf7 .wpcf7-submit:active{transform:translateY(0)}
.hux-contact .hux-form .wpcf7 .wpcf7-submit:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(216,169,58,.40), 0 10px 24px -14px rgba(12,59,37,.7);
}

/* =====================================================================
   RESPONSIVE — stacked single column (span__sm = 12)
   ===================================================================== */
@media (max-width:549px){
  .hux-contact .row > .col:first-child > .col-inner{
    padding:26px 20px;
    margin-bottom:18px;             /* breathing room above the form card */
  }
  .hux-contact .hux-formcard .col-inner{padding:26px 20px}
  .hux-contact .hux-contact-info li{
    grid-template-columns:42px 1fr;
    gap:14px;
    padding:13px 0;
  }
  .hux-contact .hux-contact-info .material-symbols-outlined{
    width:42px;height:42px;font-size:21px;
  }
  /* avoid hover-lift jitter on touch */
  .hux-contact .hux-contact-info li:hover .material-symbols-outlined{transform:none}
  /* full-width tap target when stacked (beats width:auto!important) */
  .hux-contact .hux-form .wpcf7 .wpcf7-submit{width:100%!important}
}

/* LIEN HE - cho phep gia tri dai (email...) tu xuong dong tren man hinh hep
   (grid 1fr mac dinh min-width:auto se tran neu khong dat min-width:0). */
.hux-contact .hux-contact-info li > span:last-child{min-width:0}
.hux-contact .hux-contact-info span.v{overflow-wrap:anywhere}


/* ##################################################################
   TRANG CHU (HOMEPAGE) - polish CSS-only 2026-06-25 (append-only,
   skin-only, KHONG doi layout; scoped .hux-quickbar/.hux-process/...).
   ################################################################## */
/* ============================================================
   HOMEPAGE POLISH — SKIN ONLY (append at end; wins by source order)
   One unified design language for the last 15% of finish:
     · one resting shadow (--ham-shadow-sm) + one hover signature
       (translateY(-4px) + --ham-shadow + green-100 border, .25s ease)
       applied to the two flat card families (quickbar, process) so
       they match the already-polished project/solution cards
     · one cohesive circular icon-chip look (radius 50%, green-100
       fill, subtle inset ring) — size/padding untouched
     · striking green->gold gradient step numbers
     · elevated feature image
     · tasteful :focus-visible rings (accessibility)
   NO layout properties. Scoped to homepage section containers only.
   Bare ".hux ..." rules and .hux-partners are intentionally untouched.
   ============================================================ */

/* ------------------------------------------------------------
   1) UNIFIED CARD SYSTEM — resting depth + hover signature
   Give the two previously-flat families a soft base shadow and one
   shared transition, then one hover (lift + deeper shadow + green
   border) identical to .ham-proj-card / .hux-sol-card.
   ------------------------------------------------------------ */
.hux-qcol .icon-box,
.hux-step .col-inner{
  box-shadow:var(--ham-shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hux-quickbar .hux-qcol .icon-box:hover,
.hux-process .hux-step .col-inner:hover{
  border-color:var(--ham-green-100);
  box-shadow:var(--ham-shadow);
  transform:translateY(-4px);
}

/* ------------------------------------------------------------
   2) UNIFIED ICON CHIP — circular, stronger green-100 fill, 1px
   inset ring. Scoped to homepage sections only (the global
   ".hux .icon-box .icon-box-img" stays as-is for other pages).
   border-radius / background / box-shadow only — size unchanged.
   ------------------------------------------------------------ */
.hux-quickbar .icon-box .icon-box-img{
  background:var(--ham-green-100);
  border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(23,98,57,.12);
  transition:background-color .25s ease, box-shadow .25s ease;
  /* FIX méo: svg là display:inline -> line-height đẩy cao 44x55 (elip).
     Ép vuông + canh giữa -> tròn hoàn hảo. */
  aspect-ratio:1;
  display:grid;
  place-items:center;
}
/* svg block + ép vuông để bỏ khoảng trống baseline của inline (nguồn gốc bị méo) */
.hux-quickbar .icon-box .icon-box-img svg,
.hux-quickbar .icon-box .icon-inner{display:block;line-height:0}
.hux-quickbar .icon-box .icon-box-img svg{width:22px;height:22px}
.hux-quickbar .icon-box .icon-inner,
.hux-quickbar .icon-box .icon-inner svg{
  color:var(--ham-green-700);
  transition:color .25s ease;
}
/* On card hover the chip deepens to brand green with a white glyph —
   reusing the chip-on-hover behaviour established elsewhere. */
.hux-quickbar .hux-qcol .icon-box:hover .icon-box-img{
  background:#B78327;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 6px 14px -8px rgba(12,59,37,.6);
}
.hux-quickbar .hux-qcol .icon-box:hover .icon-inner,
.hux-quickbar .hux-qcol .icon-box:hover .icon-inner svg{
  color:var(--ham-white)!important;
}

/* Solutions card chip — rounded to match the unified chip language.
   (Existing hover-lift + left accent bar are left intact.) */
.hux-sol .hux-sol-list .hux-sol-card .icon{
  background:var(--ham-green-100);
  border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(23,98,57,.12);
  transition:background-color .2s ease, box-shadow .2s ease;
}

/* ------------------------------------------------------------
   3) PROCESS STEP NUMBER — faint green-100 -> striking green->gold
   gradient text fill. Color/skin only; size & position unchanged.
   Solid green fallback for browsers without background-clip:text.
   ------------------------------------------------------------ */
.hux-process .hux-step .hux-stepnum{
  color:var(--ham-green-600); /* fallback where text-clip unsupported */
  background-image:linear-gradient(135deg,var(--ham-green-600) 0%,var(--ham-green-800) 50%,var(--ham-gold) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:.95;
  transition:opacity .25s ease, filter .25s ease;
}
.hux-process .hux-step .col-inner:hover .hux-stepnum{
  opacity:1;
  filter:saturate(1.08);
}

/* Decorative gold corner accent — fades in on step-card hover.
   Absolute pseudo on the existing position:relative .col-inner;
   no flow impact, pointer-events disabled. */
.hux-process .hux-step .col-inner::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:36px;
  height:36px;
  background:radial-gradient(circle at top right,rgba(216,169,58,.22),transparent 70%);
  border-top-right-radius:14px;
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.hux-process .hux-step .col-inner:hover::after{opacity:1}

/* ------------------------------------------------------------
   4) FEATURE IMAGE — no prior rule. Rounding + soft brand shadow,
   matching the project/feature media vocabulary. Skin only.
   ------------------------------------------------------------ */
.hux-feature img{
  border-radius:var(--ham-radius);
  box-shadow:var(--ham-shadow);
}

/* ------------------------------------------------------------
   5) HERO — marginal legibility depth (optional, low impact).
   text-shadow only; no overlay/geometry/color/size change.
   ------------------------------------------------------------ */
.hux-hero .hux-h1{
  text-shadow:0 2px 18px rgba(8,40,26,.4);
}
.hux-hero .hux-lead{
  text-shadow:0 1px 10px rgba(8,40,26,.3);
}

/* ------------------------------------------------------------
   6) CTA — trivial premium touch on the gold pill (optional).
   Subtle warm glow + active feedback. No layout impact.
   ------------------------------------------------------------ */
.hux-cta .button.hux-btn-gold{
  box-shadow:0 10px 26px -16px rgba(216,169,58,.7);
  transition:background-color .2s ease, transform .15s ease, box-shadow .2s ease;
}
.hux-cta .button.hux-btn-gold:active{
  transform:translateY(1px);
}

/* ------------------------------------------------------------
   7) ACCESSIBILITY — tasteful :focus-visible rings, per section.
   Green on light sections, gold on dark (hero/cta/promo). outline +
   outline-offset only (no layout). :focus-within parity so card
   keyboard focus echoes the hover state.
   ------------------------------------------------------------ */
.hux-quickbar a:focus-visible,
.hux-quickbar .button:focus-visible,
.hux-process a:focus-visible,
.hux-process .button:focus-visible,
.hux-feature a:focus-visible,
.hux-feature .button:focus-visible,
.hux-sol a:focus-visible,
.hux-sol .button:focus-visible{
  outline:2px solid var(--ham-green-500);
  outline-offset:3px;
  border-radius:var(--ham-radius-sm);
}
.hux-hero a:focus-visible,
.hux-hero .button:focus-visible,
.hux-cta a:focus-visible,
.hux-cta .button:focus-visible,
.hux-promo .col-inner a:focus-visible{
  outline:2px solid var(--ham-gold-soft);
  outline-offset:3px;
  border-radius:var(--ham-radius-sm);
}
.hux-qcol .icon-box:focus-within{
  border-color:var(--ham-green-100);
  box-shadow:var(--ham-shadow-sm);
}
.hux-step .col-inner:focus-within{
  border-color:var(--ham-green-100);
  box-shadow:var(--ham-shadow-sm);
}

/* Codex fix 2026-07-07: prevent the Flatsome page background from showing as neon green. */
body.ham-newtheme #wrapper,
body.ham-newtheme #main{
  background-color:var(--ham-bg)!important;
}
body.home.ham-newtheme .hux-feature{
  background:var(--ham-green-50);
}

/* Builder-friendly stats band: replaces [ham_stats] with editable Flatsome elements. */
.ham-statband--builder .section-content{position:relative;z-index:1}
.ham-statband--builder .ham-statband__inner.row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;margin:0 auto;max-width:var(--ham-maxw);padding:0 22px;width:100%}
.ham-statband--builder .ham-statband__col{align-items:center;display:flex;justify-content:center;max-width:none!important;padding:8px 26px;position:relative;width:auto!important}
.ham-statband--builder .ham-statband__col+.ham-statband__col::before{background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent);content:"";height:66px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}
.ham-statband--builder .ham-statband__col>.col-inner{width:100%}
.ham-statband--builder .ham-statbox.icon-box{margin:0}
.ham-statband--builder .ham-statbox .icon-box-text{align-items:center;display:flex;gap:18px;justify-content:center;padding:0}
.ham-statband--builder .ham-statband__ic i{font-size:29px;line-height:1}
.ham-statband--builder .ham-statbox:hover .ham-statband__ic{background:rgba(216,169,58,.22);border-color:rgba(216,169,58,.55);transform:scale(1.06)}
@media(max-width:849px){
  .ham-statband--builder .ham-statband__inner.row{grid-template-columns:1fr 1fr;gap:30px 0}
  .ham-statband--builder .ham-statband__col{padding:6px 14px;text-align:center}
  .ham-statband--builder .ham-statband__col+.ham-statband__col::before{display:none}
  .ham-statband--builder .ham-statbox .icon-box-text{flex-direction:column;gap:12px}
}

/* Codex 2026-07-14: keep builder stats icon left of number/text. */
.ham-statband--builder .ham-statbox.icon-box{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:100%}
.ham-statband--builder .ham-statbox .icon-box-text{align-items:center!important;display:inline-flex!important;flex-direction:row!important;gap:18px!important;justify-content:flex-start!important;padding:0!important;text-align:left!important}
.ham-statband--builder .ham-statband__ic{flex:0 0 auto!important;margin:0!important}
.ham-statband--builder .ham-statband__tx{align-items:flex-start!important;display:flex!important;flex-direction:column!important;text-align:left!important}
.ham-statband--builder .ham-statband__label{white-space:normal}
@media(max-width:849px){
  .ham-statband--builder .ham-statbox .icon-box-text{flex-direction:row!important;gap:14px!important;justify-content:center!important}
}
@media(max-width:420px){
  .ham-statband--builder .ham-statbox .icon-box-text{gap:10px!important}
  .ham-statband--builder .ham-statband__ic{height:54px!important;width:54px!important}
}

/* Codex 2026-07-14: neutralize wpautop paragraph/br inside builder stats boxes. */
.ham-statband--builder .ham-statbox .icon-box-text>p{align-items:center!important;display:inline-flex!important;flex-direction:row!important;gap:18px!important;margin:0!important;text-align:left!important}
.ham-statband--builder .ham-statbox .icon-box-text br{display:none!important}
@media(max-width:849px){
  .ham-statband--builder .ham-statbox .icon-box-text>p{gap:14px!important}
}
@media(max-width:420px){
  .ham-statband--builder .ham-statbox .icon-box-text>p{gap:10px!important}
}

/* Codex 2026-07-14: center stats band and remove gold tint from green background. */
.ham-statband.ham-statband--builder{
  background:#0c3b25!important;
  background-image:linear-gradient(180deg,#0f4a2f 0%,#0c3b25 100%)!important;
}
.ham-statband.ham-statband--builder::before,
.ham-statband.ham-statband--builder::after{
  display:none!important;
}
.ham-statband--builder .section-bg,
.ham-statband--builder .section-bg.fill{
  background:#0c3b25!important;
  background-image:linear-gradient(180deg,#0f4a2f 0%,#0c3b25 100%)!important;
}
.ham-statband--builder .section-content{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
}
.ham-statband--builder .ham-statband__inner.row{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  left:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:1180px!important;
  padding-left:28px!important;
  padding-right:28px!important;
  right:auto!important;
  width:100%!important;
}
.ham-statband--builder .ham-statband__col{
  justify-content:center!important;
  padding-left:22px!important;
  padding-right:22px!important;
}
.ham-statband--builder .ham-statbox.icon-box{
  justify-content:center!important;
}
@media(max-width:849px){
  .ham-statband--builder .ham-statband__inner.row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:680px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
}
@media(max-width:520px){
  .ham-statband--builder .ham-statband__inner.row{
    grid-template-columns:1fr!important;
    max-width:360px!important;
  }
}

/* Codex 2026-07-14: normalize homepage section content frame. */
body.home.ham-newtheme{
  --ham-home-frame:1200px;
  --ham-home-gutter:22px;
}
body.home.ham-newtheme .section.hux > .section-content > .row:not(.row-full-width),
body.home.ham-newtheme .section.hux .hux-news-head,
body.home.ham-newtheme .section.hux .hux-projwrap,
body.home.ham-newtheme .section.hux .ham-container,
body.home.ham-newtheme .ham-statband--builder .ham-statband__inner.row{
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:var(--ham-home-frame)!important;
  padding-left:var(--ham-home-gutter)!important;
  padding-right:var(--ham-home-gutter)!important;
  width:100%!important;
}
body.home.ham-newtheme .section.hux > .section-content > .row:not(.row-full-width){
  left:auto!important;
  right:auto!important;
}
body.home.ham-newtheme .section.hux .hux-head{
  max-width:760px!important;
}
body.home.ham-newtheme .hux-news-slider-section .hux-news-slider-wrap{
  box-sizing:border-box!important;
  left:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:var(--ham-home-frame)!important;
  padding-left:var(--ham-home-gutter)!important;
  padding-right:var(--ham-home-gutter)!important;
  right:auto!important;
  width:100%!important;
}
body.home.ham-newtheme .hux-news-slider-section .hux-news-slider-wrap > .col,
body.home.ham-newtheme .hux-news-slider-section .hux-news-slider-wrap > .col > .col-inner{
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  width:100%!important;
}
body.home.ham-newtheme .hux-news-slider-section .ham-home-news-slider{
  left:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  right:auto!important;
  transform:none!important;
  width:100%!important;
}
body.home.ham-newtheme .hux-cta > .section-content{
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:var(--ham-home-frame)!important;
  padding-left:var(--ham-home-gutter)!important;
  padding-right:var(--ham-home-gutter)!important;
  width:100%!important;
}
@media(max-width:849px){
  body.home.ham-newtheme{
    --ham-home-gutter:20px;
  }
}
@media(max-width:549px){
  body.home.ham-newtheme{
    --ham-home-gutter:16px;
  }
}

/* Codex 2026-07-14: widen synced homepage layout frame to 1400px. */
body.home.ham-newtheme{
  --ham-home-frame:1400px;
}

/* Codex 2026-07-14: slider card arrow and visible Prev/Next controls. */
body.home.ham-newtheme .hux-news-slider-wrap .box-blog-post .button.ham-cz-card-next{
  cursor:pointer;
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav{
  align-items:center!important;
  background:#fff!important;
  border:1px solid rgba(15,74,47,.14)!important;
  border-radius:999px!important;
  box-shadow:0 16px 34px rgba(12,59,37,.2)!important;
  box-sizing:border-box!important;
  color:var(--ham-green-700)!important;
  display:flex!important;
  font-size:.86rem!important;
  font-weight:800!important;
  gap:8px!important;
  height:48px!important;
  justify-content:center!important;
  line-height:1!important;
  min-width:104px!important;
  opacity:1!important;
  padding:0 18px!important;
  text-transform:none!important;
  top:calc(50% - 62px)!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  z-index:12!important;
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav svg{
  flex:0 0 16px!important;
  height:16px!important;
  left:auto!important;
  position:static!important;
  top:auto!important;
  transform:none!important;
  width:16px!important;
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav.previous{
  left:18px!important;
  right:auto!important;
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav.next{
  left:auto!important;
  right:18px!important;
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav.previous::after{
  content:"Prev";
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav.next::before{
  content:"Next";
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav:hover{
  background:var(--ham-green-700)!important;
  border-color:var(--ham-green-700)!important;
  color:#fff!important;
}
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav:focus-visible{
  outline:3px solid rgba(31,128,82,.28)!important;
  outline-offset:3px!important;
}
@media(max-width:849px){
  body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav{
    bottom:70px!important;
    font-size:.76rem!important;
    height:42px!important;
    min-width:88px!important;
    padding:0 14px!important;
    top:auto!important;
    transform:none!important;
  }
  body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav.previous{
    left:18px!important;
    right:auto!important;
  }
  body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav.next{
    left:auto!important;
    right:18px!important;
  }
}

/* Codex 2026-07-14: hide homepage slider Prev/Next controls. */
body.home.ham-newtheme .hux-news-slider-wrap .ham-home-news-slider.ham-cz-on .ham-cz-nav{
  display:none!important;
}

/* Codex 2026-07-14: restore partner logo colors and alignment. */
body.home.ham-newtheme .hux-partners-grid{
  align-items:stretch!important;
  justify-content:center!important;
  row-gap:24px!important;
}
body.home.ham-newtheme .hux-partners-grid .col{
  display:flex!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}
body.home.ham-newtheme .hux-partners-grid .col > .col-inner{
  display:flex!important;
  width:100%!important;
}
body.home.ham-newtheme .hux-partners-grid .hux-logo{
  display:flex!important;
  margin:0!important;
  width:100%!important;
}
body.home.ham-newtheme .hux-partners-grid .hux-logo .img-inner{
  align-items:center!important;
  background:#fff!important;
  border:1px solid var(--ham-line)!important;
  border-radius:12px!important;
  box-shadow:0 10px 24px rgba(12,59,37,.04)!important;
  display:flex!important;
  height:92px!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:16px 22px!important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
  width:100%!important;
}
body.home.ham-newtheme .hux-partners-grid .hux-logo img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:block!important;
  filter:none!important;
  height:auto!important;
  margin:auto!important;
  max-height:62px!important;
  max-width:88%!important;
  object-fit:contain!important;
  opacity:1!important;
  padding:0!important;
  transform:none!important;
  width:auto!important;
}
body.home.ham-newtheme .hux-partners-grid .hux-logo:hover .img-inner{
  border-color:rgba(23,98,57,.18)!important;
  box-shadow:0 14px 30px rgba(12,59,37,.09)!important;
  transform:translateY(-2px)!important;
}
body.home.ham-newtheme .hux-partners-grid .hux-logo:hover img{
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
@media(max-width:849px){
  body.home.ham-newtheme .hux-partners-grid{
    row-gap:18px!important;
  }
  body.home.ham-newtheme .hux-partners-grid .hux-logo .img-inner{
    height:86px!important;
    padding:14px 18px!important;
  }
  body.home.ham-newtheme .hux-partners-grid .hux-logo img{
    max-height:58px!important;
    max-width:90%!important;
  }
}
@media(max-width:549px){
  body.home.ham-newtheme .hux-partners-grid{
    row-gap:14px!important;
  }
  body.home.ham-newtheme .hux-partners-grid .hux-logo .img-inner{
    height:78px!important;
    padding:12px 14px!important;
  }
  body.home.ham-newtheme .hux-partners-grid .hux-logo img{
    max-height:52px!important;
  }
}

/* Codex 2026-07-14: make HAM Footer block match frontend in UX Builder. */
.ham-ftr-row{
  align-items:flex-start!important;
  box-sizing:border-box!important;
  color:#bcd6c4!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:var(--ham-home-frame,1200px)!important;
  padding:36px 22px 28px!important;
  position:relative!important;
  width:100%!important;
  z-index:1!important;
}
.ham-ftr-row::before{
  background:var(--ham-green-900)!important;
  bottom:0!important;
  content:""!important;
  left:50%!important;
  pointer-events:none!important;
  position:absolute!important;
  top:0!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  z-index:-1!important;
}
.ham-footer .ham-ftr-row{
  background:transparent!important;
  padding:0!important;
}
.ham-footer .ham-ftr-row::before{
  display:none!important;
}
.ham-ftr-row > .col{
  box-sizing:border-box!important;
  margin-bottom:18px!important;
  min-width:0!important;
}
.ham-ftr-row > .col > .col-inner{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
}
.ham-ftr-row .ham-ftr-brand .img,
.ham-ftr-row .ham-ftr-brand [id^="image_"]{
  box-sizing:border-box!important;
  margin:0 0 14px!important;
  max-width:150px!important;
  width:150px!important;
}
.ham-ftr-row .ham-ftr-brand .img-inner{
  display:block!important;
  max-width:150px!important;
  overflow:hidden!important;
  width:150px!important;
}
.ham-ftr-row .ham-ftr-brand img{
  border-radius:8px!important;
  display:block!important;
  height:auto!important;
  margin:0!important;
  max-width:150px!important;
  object-fit:contain!important;
  width:150px!important;
}
.ham-ftr-row .ham-ftr-co{
  color:#9bc0a7!important;
  font-size:.9rem!important;
  line-height:1.6!important;
  margin:0 0 8px!important;
  max-width:320px!important;
}
.ham-ftr-row .ham-ftr-slogan{
  color:var(--ham-gold-soft)!important;
  font-weight:600!important;
  margin:0!important;
}
.ham-ftr-row .ux-menu-title{
  color:#fff!important;
  font-family:var(--ham-font-body)!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:0!important;
  margin:0 0 14px!important;
  text-transform:none!important;
}
.ham-ftr-row iframe{
  border:0!important;
  border-radius:8px!important;
  display:block!important;
  height:200px!important;
  max-width:100%!important;
  width:100%!important;
}
.ham-ftr-row .ux-html,
.ham-ftr-row .ux-html > div,
.ham-ftr-row .text,
.ham-ftr-row .text-inner{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.ham-ftr-row .ham-ftr-contact{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.ham-ftr-row .ham-ftr-contact li{
  align-items:start!important;
  color:#bcd6c4!important;
  display:grid!important;
  font-size:.9rem!important;
  gap:10px!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  line-height:1.55!important;
  margin:0 0 12px!important;
}
.ham-ftr-row .ham-ftr-contact .material-symbols-outlined{
  color:var(--ham-gold-soft)!important;
  font-size:18px!important;
  line-height:1.5!important;
  margin-top:1px!important;
}
.ham-ftr-row .ham-ftr-contact li span{
  min-width:0!important;
  white-space:normal!important;
}
.ham-ftr-row .ham-ftr-contact a{
  color:#bcd6c4!important;
  display:inline!important;
  padding:0!important;
}
.ham-ftr-row .ham-ftr-contact a:hover{
  color:var(--ham-gold-soft)!important;
}
@media(max-width:849px){
  .ham-ftr-row{
    max-width:680px!important;
    padding:32px 20px 22px!important;
  }
  .ham-footer .ham-ftr-row{
    padding:0!important;
  }
  .ham-ftr-row iframe{
    height:220px!important;
  }
}
@media(max-width:549px){
  .ham-ftr-row{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .ham-footer .ham-ftr-row{
    padding-left:0!important;
    padding-right:0!important;
  }
}
/* =====================================================
   BOOK ANY - NEWS PAGE
   FINAL DESIGN
   ===================================================== */


/* =====================================================
   GLOBAL
   ===================================================== */

.bookany-news-hero,
.bookany-news-filter,
.bookany-news-main {

    font-family: inherit !important;
}


/* =====================================================
   NEWS HERO
   ===================================================== */

.bookany-news-hero {

    position: relative !important;

    min-height: 270px !important;

    display: flex !important;

    align-items: center !important;

    padding: 0 !important;

    margin: 0 !important;

    background-color: #FFF8EA !important;

    background-position: center !important;

    background-size: cover !important;

    overflow: hidden !important;
}


/* Overlay */

.bookany-news-hero__overlay {

    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,253,248,.96) 0%,
            rgba(255,253,248,.82) 35%,
            rgba(255,253,248,.30) 72%,
            rgba(255,253,248,.05) 100%
        ) !important;

    pointer-events: none !important;
}


.bookany-news-hero
.ham-container {

    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

    box-sizing: border-box !important;
}


.bookany-news-hero__content {

    max-width: 650px !important;

    padding: 55px 0 !important;
}


/* Breadcrumb */

.bookany-news-breadcrumb {

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    margin: 0 0 12px !important;

    color: #66798A !important;

    font-size: 11px !important;

    line-height: 1.4 !important;
}


.bookany-news-breadcrumb a {

    color: #66798A !important;

    text-decoration: none !important;
}


.bookany-news-breadcrumb a:hover {

    color: #C69232 !important;
}


.bookany-news-breadcrumb span:last-child {

    color: #174A7A !important;

    font-weight: 700 !important;
}


/* Title */

.bookany-news-hero h1 {

    margin: 0 0 10px !important;

    padding: 0 !important;

    color: #174A7A !important;

    font-size: 44px !important;

    line-height: 1.08 !important;

    font-weight: 800 !important;

    letter-spacing: -.8px !important;
}


/* Description */

.bookany-news-hero__content > p {

    margin: 0 !important;

    color: #526B7E !important;

    font-size: 14px !important;

    line-height: 1.55 !important;
}


/* =====================================================
   CATEGORY FILTER
   ===================================================== */

.bookany-news-filter {

    position: relative !important;

    z-index: 5 !important;

    background: #FFFDF8 !important;

    padding: 28px 0 20px !important;
}


.bookany-news-filter
.ham-container {

    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;
}


.bookany-news-categories {

    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 9px !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.bookany-news-category {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 39px !important;

    padding: 0 18px !important;

    background: #FFFFFF !important;

    border: 1px solid #E4DFD5 !important;

    border-radius: 22px !important;

    color: #174A7A !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-shadow:
        0 3px 12px rgba(18,59,99,.04) !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


.bookany-news-category:hover {

    color: #174A7A !important;

    border-color: #D8B76B !important;

    background: #FFF8E8 !important;

    transform: translateY(-1px) !important;
}


.bookany-news-category.is-active {

    color: #FFFFFF !important;

    background: #C69232 !important;

    border-color: #C69232 !important;

    box-shadow:
        0 5px 14px rgba(198,146,50,.20) !important;
}


/* =====================================================
   MAIN
   ===================================================== */

.bookany-news-main {

    background: #FFFDF8 !important;

    padding: 0 0 75px !important;
}


.bookany-news-main
.ham-container {

    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 0 20px !important;

    box-sizing: border-box !important;
}


/* =====================================================
   MAIN + SIDEBAR
   ===================================================== */

.bookany-news-layout {

    display: grid !important;

    grid-template-columns:
        minmax(0, 2.25fr)
        minmax(280px, .75fr) !important;

    gap: 25px !important;

    align-items: start !important;
}


/* =====================================================
   FEATURED POST
   ===================================================== */

.bookany-news-featured {

    display: grid !important;

    grid-template-columns: 1.05fr .95fr !important;

    min-height: 285px !important;

    margin: 0 0 25px !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE5D8 !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 25px rgba(18,59,99,.06) !important;
}


/* Featured image */

.bookany-news-featured__image {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-height: 285px !important;

    overflow: hidden !important;
}


.bookany-news-featured__image img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-height: 285px !important;

    object-fit: cover !important;

    object-position: center !important;

    transition: transform .35s ease !important;
}


.bookany-news-featured:hover
.bookany-news-featured__image img {

    transform: scale(1.03) !important;
}


/* Featured body */

.bookany-news-featured__body {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    padding: 28px !important;

    box-sizing: border-box !important;
}


/* Tag */

.bookany-news-tag {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 27px !important;

    padding: 0 12px !important;

    margin: 0 0 12px !important;

    color: #FFFFFF !important;

    background: #C69232 !important;

    border-radius: 15px !important;

    font-size: 9px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    white-space: nowrap !important;
}


/* Featured title */

.bookany-news-featured__body h2 {

    margin: 0 0 9px !important;

    padding: 0 !important;

    font-size: 24px !important;

    line-height: 1.25 !important;

    font-weight: 800 !important;
}


.bookany-news-featured__body h2 a {

    color: #174A7A !important;

    text-decoration: none !important;
}


.bookany-news-featured__body h2 a:hover {

    color: #C69232 !important;
}


/* Date */

.bookany-news-featured__body time,
.bookany-news-card__body time {

    display: block !important;

    margin: 0 0 9px !important;

    color: #8A969E !important;

    font-size: 10px !important;

    line-height: 1.4 !important;
}


/* Description */

.bookany-news-featured__body p {

    margin: 0 0 17px !important;

    color: #687B8A !important;

    font-size: 12px !important;

    line-height: 1.6 !important;
}


/* Read more */

.bookany-news-readmore {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 36px !important;

    padding: 0 16px !important;

    color: #174A7A !important;

    background: #FFFFFF !important;

    border: 1px solid #C69232 !important;

    border-radius: 20px !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    text-decoration: none !important;
}


.bookany-news-readmore:hover {

    color: #FFFFFF !important;

    background: #C69232 !important;
}


/* =====================================================
   BLOG GRID
   ===================================================== */

.bookany-news-grid {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 18px !important;
}


/* =====================================================
   NEWS CARD
   ===================================================== */

.bookany-news-card {

    min-width: 0 !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE5D8 !important;

    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow:
        0 6px 20px rgba(18,59,99,.045) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


.bookany-news-card:hover {

    transform: translateY(-4px) !important;

    box-shadow:
        0 12px 28px rgba(18,59,99,.09) !important;
}


/* Card image */

.bookany-news-card__image {

    display: block !important;

    width: 100% !important;

    height: 165px !important;

    overflow: hidden !important;

    background: #F3F0EA !important;
}


.bookany-news-card__image img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    transition: transform .35s ease !important;
}


.bookany-news-card:hover
.bookany-news-card__image img {

    transform: scale(1.04) !important;
}


/* Card body */

.bookany-news-card__body {

    padding: 17px 17px 19px !important;
}


/* Card tag */

.bookany-news-card__body .bookany-news-tag {

    margin-bottom: 9px !important;

    min-height: 24px !important;

    padding: 0 10px !important;

    font-size: 8px !important;
}


/* Card title */

.bookany-news-card__body h3 {

    margin: 0 0 7px !important;

    padding: 0 !important;

    font-size: 15px !important;

    line-height: 1.35 !important;

    font-weight: 800 !important;
}


.bookany-news-card__body h3 a {

    color: #174A7A !important;

    text-decoration: none !important;
}


.bookany-news-card__body h3 a:hover {

    color: #C69232 !important;
}


/* Card excerpt */

.bookany-news-card__body p {

    margin: 0 !important;

    color: #71808C !important;

    font-size: 11px !important;

    line-height: 1.55 !important;
}


/* =====================================================
   SIDEBAR
   ===================================================== */

.bookany-news-sidebar {

    display: flex !important;

    flex-direction: column !important;

    gap: 18px !important;
}


/* Sidebar box */

.bookany-news-sidebar-box {

    padding: 20px !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE5D8 !important;

    border-radius: 15px !important;

    box-shadow:
        0 6px 20px rgba(18,59,99,.045) !important;

    box-sizing: border-box !important;
}


.bookany-news-sidebar-box h3 {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 0 16px !important;

    padding: 0 0 12px !important;

    color: #174A7A !important;

    border-bottom: 1px solid #ECE5D8 !important;

    font-size: 17px !important;

    line-height: 1.25 !important;

    font-weight: 800 !important;
}


.bookany-news-sidebar-box h3 span {

    color: #C69232 !important;
}


/* =====================================================
   SIDEBAR POSTS
   ===================================================== */

.bookany-news-sidebar-posts {

    display: flex !important;

    flex-direction: column !important;

    gap: 13px !important;
}


.bookany-news-sidebar-post {

    display: grid !important;

    grid-template-columns: 82px minmax(0,1fr) !important;

    gap: 11px !important;

    align-items: center !important;

    margin: 0 !important;

    padding: 0 !important;
}


.bookany-news-sidebar-post__image {

    display: block !important;

    width: 82px !important;

    height: 62px !important;

    overflow: hidden !important;

    border-radius: 8px !important;

    background: #F2EFE9 !important;
}


.bookany-news-sidebar-post__image img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;
}


.bookany-news-sidebar-post h4 {

    margin: 0 0 5px !important;

    padding: 0 !important;

    font-size: 11px !important;

    line-height: 1.35 !important;

    font-weight: 800 !important;
}


.bookany-news-sidebar-post h4 a {

    color: #174A7A !important;

    text-decoration: none !important;
}


.bookany-news-sidebar-post h4 a:hover {

    color: #C69232 !important;
}


.bookany-news-sidebar-post time {

    color: #929DA5 !important;

    font-size: 9px !important;
}


/* =====================================================
   SIDEBAR CATEGORIES
   ===================================================== */

.bookany-news-sidebar-categories {

    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;
}


.bookany-news-sidebar-categories a {

    display: grid !important;

    grid-template-columns: 15px minmax(0,1fr) auto !important;

    align-items: center !important;

    gap: 5px !important;

    min-height: 38px !important;

    color: #526B7E !important;

    border-bottom: 1px solid #F0ECE5 !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


.bookany-news-sidebar-categories a:last-child {

    border-bottom: none !important;
}


.bookany-news-sidebar-categories a span {

    color: #C69232 !important;

    font-size: 18px !important;
}


.bookany-news-sidebar-categories a strong {

    color: #174A7A !important;

    font-size: 10px !important;

    font-weight: 700 !important;
}


.bookany-news-sidebar-categories a:hover {

    color: #C69232 !important;
}


/* =====================================================
   SIDEBAR CTA
   ===================================================== */

.bookany-news-sidebar-cta {

    padding: 22px !important;

    background:
        linear-gradient(
            145deg,
            #FFF7E5,
            #FFFDF8
        ) !important;

    border: 1px solid #E8D9B5 !important;

    border-radius: 15px !important;

    box-sizing: border-box !important;
}


.bookany-news-sidebar-cta__icon {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 40px !important;

    height: 40px !important;

    margin-bottom: 12px !important;

    color: #C69232 !important;

    background: #FFF0CC !important;

    border-radius: 50% !important;

    font-size: 17px !important;
}


.bookany-news-sidebar-cta h3 {

    margin: 0 0 8px !important;

    color: #174A7A !important;

    font-size: 17px !important;

    line-height: 1.25 !important;

    font-weight: 800 !important;
}


.bookany-news-sidebar-cta p {

    margin: 0 0 15px !important;

    color: #71808C !important;

    font-size: 11px !important;

    line-height: 1.55 !important;
}


.bookany-news-sidebar-cta a {

    color: #C69232 !important;

    font-size: 10px !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


/* =====================================================
   PAGINATION
   ===================================================== */

.bookany-news-pagination {

    margin-top: 35px !important;

    text-align: center !important;
}


.bookany-news-pagination
.nav-links {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 7px !important;
}


.bookany-news-pagination
.page-numbers {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 34px !important;

    height: 34px !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #174A7A !important;

    background: #FFFFFF !important;

    border: 1px solid #E4DFD5 !important;

    border-radius: 50% !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


.bookany-news-pagination
.page-numbers.current {

    color: #FFFFFF !important;

    background: #C69232 !important;

    border-color: #C69232 !important;
}


.bookany-news-pagination
.page-numbers:hover {

    color: #FFFFFF !important;

    background: #C69232 !important;

    border-color: #C69232 !important;
}


/* =====================================================
   EMPTY
   ===================================================== */

.bookany-news-empty {

    padding: 80px 20px !important;

    text-align: center !important;

    background: #FFFFFF !important;

    border-radius: 16px !important;
}


.bookany-news-empty h2 {

    color: #174A7A !important;

    font-size: 25px !important;
}


.bookany-news-empty p {

    color: #71808C !important;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 900px) {

    .bookany-news-layout {

        grid-template-columns: 1fr !important;
    }


    .bookany-news-sidebar {

        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        align-items: start !important;
    }


    .bookany-news-sidebar-cta {

        grid-column: 1 / -1 !important;
    }
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 768px) {

    .bookany-news-hero {

        min-height: 215px !important;
    }


    .bookany-news-hero__content {

        padding: 38px 0 !important;
    }


    .bookany-news-hero h1 {

        font-size: 34px !important;
    }


    .bookany-news-hero__content > p {

        max-width: 340px !important;

        font-size: 12px !important;
    }


    .bookany-news-filter {

        padding: 20px 0 15px !important;

        overflow-x: auto !important;
    }


    .bookany-news-categories {

        flex-wrap: nowrap !important;

        width: max-content !important;
    }


    .bookany-news-category {

        min-height: 36px !important;

        padding: 0 14px !important;

        font-size: 10px !important;
    }


    .bookany-news-main {

        padding-bottom: 50px !important;
    }


    .bookany-news-layout {

        display: block !important;
    }


    .bookany-news-featured {

        display: block !important;

        min-height: 0 !important;
    }


    .bookany-news-featured__image,

    .bookany-news-featured__image img {

        height: 230px !important;

        min-height: 230px !important;
    }


    .bookany-news-featured__body {

        padding: 22px !important;
    }


    .bookany-news-featured__body h2 {

        font-size: 21px !important;
    }


    .bookany-news-grid {

        grid-template-columns: 1fr 1fr !important;

        gap: 13px !important;
    }


    .bookany-news-card__image {

        height: 135px !important;
    }


    .bookany-news-card__body {

        padding: 13px !important;
    }


    .bookany-news-card__body h3 {

        font-size: 13px !important;
    }


    .bookany-news-card__body p {

        font-size: 10px !important;
    }


    .bookany-news-sidebar {

        display: block !important;

        margin-top: 25px !important;
    }


    .bookany-news-sidebar-box,

    .bookany-news-sidebar-cta {

        margin-bottom: 15px !important;
    }
}


/* =====================================================
   SMALL MOBILE
   ===================================================== */

@media (max-width: 480px) {

    .bookany-news-hero {

        min-height: 195px !important;
    }


    .bookany-news-hero h1 {

        font-size: 30px !important;
    }


    .bookany-news-grid {

        grid-template-columns: 1fr !important;
    }


    .bookany-news-card__image {

        height: 190px !important;
    }
}
/* =====================================================
   BOOK ANY - CATEGORY PAGE
   ===================================================== */

.bookany-category-hero {

    position: relative !important;

    min-height: 270px !important;

    display: flex !important;

    align-items: center !important;

    background-color: #FFF8EA !important;

    background-size: cover !important;

    background-position: center !important;

    overflow: hidden !important;
}


.bookany-category-hero__overlay {

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,253,248,.96),
            rgba(255,253,248,.76) 45%,
            rgba(255,253,248,.12)
        ) !important;
}


.bookany-category-hero
.ham-container {

    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    max-width: 1180px !important;

    margin: auto !important;

    padding: 0 20px !important;
}


.bookany-category-hero__content {

    max-width: 650px !important;

    padding: 55px 0 !important;
}


/* Breadcrumb */

.bookany-category-breadcrumb {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin-bottom: 14px !important;

    color: #64788A !important;

    font-size: 11px !important;
}


.bookany-category-breadcrumb a {

    color: #64788A !important;

    text-decoration: none !important;
}


.bookany-category-breadcrumb span:last-child {

    color: #174A7A !important;

    font-weight: 700 !important;
}


/* Category title */

.bookany-category-hero h1 {

    margin: 0 0 10px !important;

    color: #174A7A !important;

    font-size: 44px !important;

    line-height: 1.1 !important;

    font-weight: 800 !important;

    letter-spacing: -.7px !important;
}


.bookany-category-hero__content > p {

    max-width: 600px !important;

    margin: 0 !important;

    color: #526B7E !important;

    font-size: 14px !important;

    line-height: 1.6 !important;
}


/* =====================================================
   MAIN
   ===================================================== */

.bookany-category-main {

    padding: 50px 0 75px !important;

    background: #FFFDF8 !important;
}


.bookany-category-main
.ham-container {

    max-width: 1180px !important;

    margin: auto !important;

    padding: 0 20px !important;
}


.bookany-category-layout {

    display: grid !important;

    grid-template-columns:
        minmax(0, 2.2fr)
        minmax(280px, .8fr) !important;

    gap: 28px !important;

    align-items: start !important;
}


/* =====================================================
   HEADING
   ===================================================== */

.bookany-category-heading {

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    gap: 20px !important;

    margin-bottom: 22px !important;
}


.bookany-category-heading > div {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;
}


.bookany-category-heading-line {

    display: block !important;

    width: 4px !important;

    height: 27px !important;

    background: #C69232 !important;

    border-radius: 3px !important;
}


.bookany-category-heading h2 {

    margin: 0 !important;

    color: #174A7A !important;

    font-size: 25px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;
}


.bookany-category-count {

    color: #7B8790 !important;

    font-size: 11px !important;

    white-space: nowrap !important;
}


/* =====================================================
   POSTS
   ===================================================== */

.bookany-category-posts {

    display: flex !important;

    flex-direction: column !important;

    gap: 16px !important;
}


.bookany-category-post {

    display: grid !important;

    grid-template-columns: 285px minmax(0,1fr) !important;

    min-height: 190px !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE5D8 !important;

    border-radius: 15px !important;

    overflow: hidden !important;

    box-shadow:
        0 6px 20px rgba(18,59,99,.045) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


.bookany-category-post:hover {

    transform: translateY(-3px) !important;

    box-shadow:
        0 12px 28px rgba(18,59,99,.08) !important;
}


/* Image */

.bookany-category-post__image {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-height: 190px !important;

    overflow: hidden !important;

    background: #F1EEE8 !important;
}


.bookany-category-post__image img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    transition: transform .35s ease !important;
}


.bookany-category-post:hover
.bookany-category-post__image img {

    transform: scale(1.04) !important;
}


/* Body */

.bookany-category-post__body {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    padding: 22px 25px !important;
}


/* Meta */

.bookany-category-post__meta {

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    margin-bottom: 8px !important;

    color: #8A969E !important;

    font-size: 9px !important;
}


.bookany-category-post__tag {

    padding: 5px 10px !important;

    color: #B27E22 !important;

    background: #FFF2D5 !important;

    border-radius: 12px !important;

    font-size: 9px !important;

    font-weight: 700 !important;
}


/* Title */

.bookany-category-post__body h3 {

    margin: 0 0 9px !important;

    font-size: 20px !important;

    line-height: 1.3 !important;

    font-weight: 800 !important;
}


.bookany-category-post__body h3 a {

    color: #174A7A !important;

    text-decoration: none !important;
}


.bookany-category-post__body h3 a:hover {

    color: #C69232 !important;
}


/* Excerpt */

.bookany-category-post__body p {

    margin: 0 0 12px !important;

    color: #687B8A !important;

    font-size: 11px !important;

    line-height: 1.6 !important;
}


/* Read more */

.bookany-category-readmore {

    color: #C69232 !important;

    font-size: 11px !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


.bookany-category-readmore:hover {

    color: #174A7A !important;
}


/* =====================================================
   SIDEBAR
   ===================================================== */

.bookany-category-sidebar {

    display: flex !important;

    flex-direction: column !important;

    gap: 18px !important;
}


.bookany-category-sidebar-box {

    padding: 20px !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE5D8 !important;

    border-radius: 15px !important;

    box-shadow:
        0 6px 20px rgba(18,59,99,.045) !important;
}


.bookany-category-sidebar-box h3 {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 0 15px !important;

    padding-bottom: 12px !important;

    color: #174A7A !important;

    border-bottom: 1px solid #ECE5D8 !important;

    font-size: 17px !important;

    font-weight: 800 !important;
}


.bookany-category-sidebar-box h3 span {

    color: #C69232 !important;
}


/* Sidebar posts */

.bookany-category-sidebar-posts {

    display: flex !important;

    flex-direction: column !important;

    gap: 13px !important;
}


.bookany-category-sidebar-post {

    display: grid !important;

    grid-template-columns: 78px minmax(0,1fr) !important;

    gap: 10px !important;

    align-items: center !important;
}


.bookany-category-sidebar-post__image {

    display: block !important;

    width: 78px !important;

    height: 60px !important;

    overflow: hidden !important;

    border-radius: 8px !important;
}


.bookany-category-sidebar-post__image img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;
}


.bookany-category-sidebar-post h4 {

    margin: 0 0 5px !important;

    font-size: 11px !important;

    line-height: 1.35 !important;

    font-weight: 800 !important;
}


.bookany-category-sidebar-post h4 a {

    color: #174A7A !important;

    text-decoration: none !important;
}


.bookany-category-sidebar-post time {

    color: #909BA2 !important;

    font-size: 9px !important;
}


/* =====================================================
   SIDEBAR CATEGORY
   ===================================================== */

.bookany-category-sidebar-categories {

    display: flex !important;

    flex-direction: column !important;
}


.bookany-category-sidebar-categories a {

    display: grid !important;

    grid-template-columns: 15px minmax(0,1fr) auto !important;

    align-items: center !important;

    min-height: 38px !important;

    border-bottom: 1px solid #F0ECE5 !important;

    color: #526B7E !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


.bookany-category-sidebar-categories a:last-child {

    border-bottom: none !important;
}


.bookany-category-sidebar-categories a span {

    color: #C69232 !important;

    font-size: 18px !important;
}


.bookany-category-sidebar-categories a strong {

    color: #174A7A !important;

    font-size: 10px !important;
}


.bookany-category-sidebar-categories a.is-active {

    color: #C69232 !important;

    font-weight: 800 !important;
}


/* =====================================================
   CTA
   ===================================================== */

.bookany-category-sidebar-cta {

    padding: 22px !important;

    background:
        linear-gradient(
            145deg,
            #FFF7E5,
            #FFFDF8
        ) !important;

    border: 1px solid #E8D9B5 !important;

    border-radius: 15px !important;
}


.bookany-category-sidebar-cta__icon {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 40px !important;

    height: 40px !important;

    margin-bottom: 12px !important;

    color: #C69232 !important;

    background: #FFF0CC !important;

    border-radius: 50% !important;
}


.bookany-category-sidebar-cta h3 {

    margin: 0 0 7px !important;

    color: #174A7A !important;

    font-size: 17px !important;

    font-weight: 800 !important;
}


.bookany-category-sidebar-cta p {

    margin: 0 0 14px !important;

    color: #71808C !important;

    font-size: 11px !important;

    line-height: 1.55 !important;
}


.bookany-category-sidebar-cta a {

    color: #C69232 !important;

    font-size: 11px !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


/* =====================================================
   PAGINATION
   ===================================================== */

.bookany-category-pagination {

    margin-top: 32px !important;

    text-align: center !important;
}


.bookany-category-pagination
.nav-links {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 7px !important;
}


.bookany-category-pagination
.page-numbers {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 34px !important;

    height: 34px !important;

    color: #174A7A !important;

    background: #FFFFFF !important;

    border: 1px solid #E4DFD5 !important;

    border-radius: 50% !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


.bookany-category-pagination
.page-numbers.current {

    color: #FFFFFF !important;

    background: #C69232 !important;

    border-color: #C69232 !important;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 900px) {

    .bookany-category-layout {

        grid-template-columns: 1fr !important;
    }


    .bookany-category-sidebar {

        display: grid !important;

        grid-template-columns: 1fr 1fr !important;
    }


    .bookany-category-sidebar-cta {

        grid-column: 1 / -1 !important;
    }
}


@media (max-width: 768px) {

    .bookany-category-hero {

        min-height: 215px !important;
    }


    .bookany-category-hero__content {

        padding: 40px 0 !important;
    }


    .bookany-category-hero h1 {

        font-size: 34px !important;
    }


    .bookany-category-hero__content > p {

        font-size: 12px !important;
    }


    .bookany-category-main {

        padding: 35px 0 55px !important;
    }


    .bookany-category-heading {

        align-items: flex-start !important;

        flex-direction: column !important;

        gap: 7px !important;
    }


    .bookany-category-heading h2 {

        font-size: 22px !important;
    }


    .bookany-category-post {

        grid-template-columns: 1fr !important;
    }


    .bookany-category-post__image {

        height: 210px !important;

        min-height: 210px !important;
    }


    .bookany-category-post__body {

        padding: 20px !important;
    }


    .bookany-category-post__body h3 {

        font-size: 18px !important;
    }


    .bookany-category-sidebar {

        display: block !important;

        margin-top: 25px !important;
    }


    .bookany-category-sidebar-box,

    .bookany-category-sidebar-cta {

        margin-bottom: 15px !important;
    }
}


@media (max-width: 480px) {

    .bookany-category-hero {

        min-height: 195px !important;
    }


    .bookany-category-hero h1 {

        font-size: 30px !important;
    }
}
/* Sticky header trang chủ */
.ham-header.is-stuck {                 /* <-- THAY class thật */
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 14px rgba(0,0,0,.08);
}
body.admin-bar .ham-header.is-stuck { top: 32px; }     /* <-- THAY class thật */
@media (max-width: 782px) {
    body.admin-bar .ham-header.is-stuck { top: 46px; }
}