/*
Theme Name: ITSG – IT Sài Gòn
Description: Child theme chính thức cho itsaigon.net – Công ty TNHH IT Sài Gòn (Thiết kế website & Kho giao diện chuẩn SEO 2027)
Author: CÔNG TY TNHH IT SÀI GÒN
Template: flatsome
Version: 2.0.0
Text Domain: itsg
*/

/* =========================================================
   0. FONT – Helvetica Neue Việt hóa (nhúng trong theme)
   ========================================================= */
@font-face{font-family:"Helvetica Neue VN";src:url(assets/fonts/HelveticaNeue-Light.woff) format("woff"),url(assets/fonts/HelveticaNeue-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue VN";src:url(assets/fonts/HelveticaNeue.woff) format("woff"),url(assets/fonts/HelveticaNeue.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue VN";src:url(assets/fonts/HelveticaNeue-Italic.woff) format("woff"),url(assets/fonts/HelveticaNeue-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Helvetica Neue VN";src:url(assets/fonts/HelveticaNeue-Medium.woff) format("woff"),url(assets/fonts/HelveticaNeue-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue VN";src:url(assets/fonts/HelveticaNeue-Bold.woff) format("woff"),url(assets/fonts/HelveticaNeue-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica Neue VN";src:url(assets/fonts/HelveticaNeue-BoldItalic.woff) format("woff"),url(assets/fonts/HelveticaNeue-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Helvetica Neue VN Cond";src:url(assets/fonts/HelveticaNeue-CondensedBold.woff) format("woff"),url(assets/fonts/HelveticaNeue-CondensedBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}

/* =========================================================
   1. TOKEN & NỀN TẢNG CHUẨN AGENCY 2027
   ========================================================= */
:root{
  --itsg-blue:#1D5FD1;--itsg-blue-d:#1348A8;--itsg-blue-50:#EEF4FF;--itsg-blue-100:#D6E4FF;
  --itsg-zalo:#0068FF;--itsg-zalo-d:#0052CC;
  --itsg-sky:#EAF3FE;
  --itsg-navy:#0B1F3F;--itsg-navy-2:#122C55;--itsg-navy-3:#1B3A6B;
  --itsg-orange:#F26B1D;--itsg-orange-d:#D9560B;--itsg-orange-50:#FFF2EA;
  --itsg-green:#169B56;--itsg-green-50:#E9F9F0;
  --itsg-ink:#1B2638;--itsg-muted:#586880;--itsg-line:#E1E8F2;--itsg-bg:#F4F7FC;--itsg-white:#fff;
  --itsg-r:8px;--itsg-r-lg:12px;--itsg-r-xl:16px;
  --itsg-sh:0 2px 6px rgba(11,31,63,.05),0 8px 24px rgba(11,31,63,.06);
  --itsg-sh-lg:0 16px 42px rgba(11,31,63,.14);
  --itsg-wrap:1280px;--itsg-gut:15px;
  --itsg-font:"Helvetica Neue VN","Helvetica Neue",Helvetica,Arial,sans-serif;
  --drawer-width:min(330px,86vw);
}
@media (min-width:1600px){:root{--itsg-wrap:1340px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body,body.itsg-site{font-family:var(--itsg-font);color:var(--itsg-ink);background:#fff;font-size:15.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:clip}
body *:not(i):not([class*="icon-"]):not(.dashicons):not(code):not(pre){font-family:inherit}
h1,h2,h3,h4,h5,h6,.heading-font{font-family:var(--itsg-font);color:var(--itsg-navy);font-weight:700;letter-spacing:-.018em;line-height:1.25;text-wrap:auto}
p,li{text-wrap:auto}
a{color:var(--itsg-blue);transition:color .2s,background .2s,border-color .2s}
a:hover{color:var(--itsg-orange)}
a[href^="tel:"],.itsg-nowrap{white-space:nowrap}
img{max-width:100%;height:auto}
.itsg-ico{flex:0 0 auto;display:inline-block;vertical-align:middle}
.itsg-container{max-width:var(--itsg-wrap);margin:0 auto;padding-left:var(--itsg-gut);padding-right:var(--itsg-gut);width:100%}
.row,.container,.row.row-large,.row.row-small,.container-width,.full-width .ubermenu-nav{max-width:var(--itsg-wrap)!important}
.section-content>.row.row-full-width,.row.row-full-width{max-width:100%!important}
body.itsg-lock{overflow:hidden}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
#main{background:#fff}
.page-wrapper{padding-top:0;padding-bottom:0}
[hidden]{display:none!important}

/* Hệ thống Nút */
.itsg-btn,.button.itsg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--itsg-r);font-weight:700;font-size:14.5px;line-height:1.2;text-decoration:none;white-space:nowrap;border:1.5px solid transparent;transition:all .2s;cursor:pointer;text-transform:none;letter-spacing:0;margin:0}
.itsg-btn:hover{transform:translateY(-1px)}
.itsg-btn--buy{background:var(--itsg-orange);color:#fff!important;border-color:var(--itsg-orange);box-shadow:0 6px 16px rgba(242,107,29,.25)}
.itsg-btn--buy:hover{background:var(--itsg-orange-d);border-color:var(--itsg-orange-d);color:#fff!important}
.itsg-btn--zalo{background:linear-gradient(135deg,#0068FF 0%,#0052CC 100%);color:#fff!important;border-color:#0058DF;box-shadow:0 6px 18px rgba(0,104,255,.26)}
.itsg-btn--zalo:hover{background:linear-gradient(135deg,#0055D4 0%,#0041A8 100%);color:#fff!important}
.itsg-btn--primary{background:var(--itsg-blue);color:#fff!important;border-color:var(--itsg-blue)}
.itsg-btn--primary:hover{background:var(--itsg-blue-d);color:#fff!important}
.itsg-btn--dark{background:var(--itsg-navy);color:#fff!important;border-color:var(--itsg-navy)}
.itsg-btn--dark:hover{background:var(--itsg-navy-3);color:#fff!important}
.itsg-btn--line{background:#fff;color:var(--itsg-navy)!important;border-color:var(--itsg-line)}
.itsg-btn--line:hover{border-color:var(--itsg-blue);color:var(--itsg-blue)!important;background:var(--itsg-blue-50)}
.itsg-btn--line-w{background:rgba(255,255,255,.08);color:#fff!important;border-color:rgba(255,255,255,.35)}
.itsg-btn--line-w:hover{background:#fff;color:var(--itsg-navy)!important;border-color:#fff}
.itsg-btn--lg{min-height:48px;font-size:15px;width:100%}

/* Nút Flatsome theo màu thương hiệu */
.button.primary,.button.is-primary,input[type=submit].button,.button.alt,button.button.alt{background-color:var(--itsg-blue)!important;border-color:var(--itsg-blue)!important;color:#fff!important;border-radius:var(--itsg-r);text-transform:none;letter-spacing:0;font-weight:700}
.button.primary:hover{background-color:var(--itsg-blue-d)!important;border-color:var(--itsg-blue-d)!important}
.button.primary.is-outline:not(.itsg-hero .button):not(.itsg-page-hero .button){background-color:#fff!important;color:var(--itsg-blue)!important;border:1.5px solid var(--itsg-blue)!important}
.button.primary.is-outline:not(.itsg-hero .button):not(.itsg-page-hero .button):hover{background-color:var(--itsg-blue)!important;color:#fff!important}
.button.secondary,.button.is-secondary{background-color:var(--itsg-orange)!important;border-color:var(--itsg-orange)!important;color:#fff!important;border-radius:var(--itsg-r);text-transform:none;letter-spacing:0;font-weight:700}
.button.secondary:hover{background-color:var(--itsg-orange-d)!important;border-color:var(--itsg-orange-d)!important}
.button.white.is-outline{background-color:rgba(255,255,255,.1)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.72)!important;border-radius:var(--itsg-r);text-transform:none;letter-spacing:0;font-weight:700}
.button.white.is-outline:hover{background:#fff!important;color:var(--itsg-navy)!important;border-color:#fff!important}
.button{text-transform:none;letter-spacing:0;border-radius:var(--itsg-r)}
.button span{line-height:1.3}

/* =========================================================
   2. TOPBAR & HEADER DÍNH (CÓ NÚT ZALO + HOTLINE SIÊU ĐẸP)
   ========================================================= */
.itsg-topbar{background:#071630;color:rgba(255,255,255,.84);font-size:13px;border-bottom:1px solid rgba(255,255,255,.07)}
.itsg-topbar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:40px}
.itsg-topbar__l{display:flex;align-items:center;gap:18px;min-width:0}
.itsg-topbar__r{display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 auto}
.itsg-topbar__item{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.84);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}
.itsg-topbar__item .itsg-ico{color:#FFB37E}
.itsg-topbar__item:hover{color:#fff}
.itsg-topbar__tel{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.82);text-decoration:none;white-space:nowrap;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);line-height:1.15}
.itsg-topbar__tel b{color:#FFB37E;font-weight:700}
.itsg-topbar__tel:hover{background:rgba(255,255,255,.14);color:#fff}

.itsg-header{position:sticky;top:0;z-index:300;background:rgba(255,255,255,.98);border-bottom:1px solid var(--itsg-line);box-shadow:0 2px 12px rgba(11,31,63,.05);transition:box-shadow .25s,background .25s}
.admin-bar .itsg-header{top:32px}
.itsg-header.is-stuck{box-shadow:0 8px 26px rgba(11,31,63,.1);background:rgba(255,255,255,.95);backdrop-filter:saturate(170%) blur(14px);-webkit-backdrop-filter:saturate(170%) blur(14px)}
.itsg-header__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:80px}
.itsg-logo{display:flex;align-items:center;flex:0 0 auto}
.itsg-logo img{height:43px;width:auto;display:block}
.itsg-nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.itsg-menu{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none;flex-wrap:nowrap}
.itsg-menu>li{position:relative;margin:0;list-style:none}
.itsg-menu>li>a{display:flex;align-items:center;gap:5px;height:80px;padding:0 9px;color:var(--itsg-navy);font-weight:700;font-size:14.2px;white-space:nowrap;position:relative;text-decoration:none}
.itsg-mi__ico{display:inline-flex;color:var(--itsg-blue);opacity:.92;transition:color .2s}
.itsg-mi__ico svg{width:16px;height:16px}
.itsg-menu>li:hover>a .itsg-mi__ico,.itsg-menu>li.current-menu-item>a .itsg-mi__ico,.itsg-menu>li.current-menu-ancestor>a .itsg-mi__ico{color:var(--itsg-orange)}
.itsg-lb{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10.5px;font-weight:700;line-height:1.1;letter-spacing:.03em;background:var(--itsg-orange);color:#fff;margin-left:3px}
.itsg-menu>li>a::after{content:"";position:absolute;left:9px;right:9px;bottom:20px;height:2.5px;border-radius:2px;background:var(--itsg-orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.itsg-menu>li:hover>a,.itsg-menu>li.current-menu-item>a,.itsg-menu>li.current-menu-ancestor>a,.itsg-menu>li.current-menu-parent>a{color:var(--itsg-blue)}
.itsg-menu>li:hover>a::after,.itsg-menu>li.current-menu-item>a::after,.itsg-menu>li.current-menu-ancestor>a::after{transform:scaleX(1)}
.itsg-menu>li.menu-item-has-children>a::before{content:"";order:3;width:5.5px;height:5.5px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px}
.itsg-menu .sub-menu{position:absolute;top:calc(100% - 8px);left:0;min-width:255px;background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);box-shadow:var(--itsg-sh-lg);padding:8px;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:20}
.itsg-menu>li:hover>.sub-menu,.itsg-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.itsg-menu .sub-menu li{margin:0}
.itsg-menu .sub-menu a{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-radius:var(--itsg-r);color:var(--itsg-ink);font-size:14.5px;font-weight:500;text-decoration:none}
.itsg-menu .sub-menu a:hover{background:var(--itsg-blue-50);color:var(--itsg-blue);font-weight:700}

/* Nút Đặt hàng & Tư vấn Zalo nổi bật bên phải Header */
.itsg-hcta{display:flex;align-items:center;flex:0 0 auto}
.itsg-zalobox{display:inline-flex;align-items:center;gap:10px;padding:6px 15px 6px 6px;border-radius:999px;background:linear-gradient(135deg,#0B1F3F 0%,#163B73 100%);border:1.5px solid rgba(29,95,209,.45);color:#fff!important;text-decoration:none;box-shadow:0 6px 20px rgba(11,31,63,.16);transition:transform .22s,box-shadow .22s}
.itsg-zalobox:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,104,255,.28);background:linear-gradient(135deg,#0058DF 0%,#0068FF 100%);border-color:#0068FF}
.itsg-zalobox__ico{position:relative;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#FF7A29 0%,#F26B1D 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 38px;box-shadow:0 4px 10px rgba(242,107,29,.35)}
.itsg-zalobox__pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid #FF9F43;opacity:.65;animation:itsg-pulse 2s infinite}
@keyframes itsg-pulse{0%{transform:scale(.95);opacity:.75}70%{transform:scale(1.22);opacity:0}100%{transform:scale(1.22);opacity:0}}
.itsg-zalobox__txt{display:flex;flex-direction:column;line-height:1.18}
.itsg-zalobox__txt small{font-size:11px;color:#A9C7FF;font-weight:500;letter-spacing:.01em}
.itsg-zalobox:hover .itsg-zalobox__txt small{color:#fff}
.itsg-zalobox__txt b{font-size:15px;color:#FFB37E;font-weight:700;white-space:nowrap;letter-spacing:.02em}
.itsg-zalobox:hover .itsg-zalobox__txt b{color:#fff}

.itsg-hbtn{display:none;width:38px;height:38px;border-radius:50%;border:0;padding:0;margin:0;align-items:center;justify-content:center;cursor:pointer;flex:0 0 38px;text-decoration:none}
.itsg-hbtn--menu{background:var(--itsg-navy);color:#fff}
.itsg-hbtn--zalo{background:var(--itsg-zalo);color:#fff!important;box-shadow:0 4px 12px rgba(0,104,255,.3)}
.itsg-burger,.itsg-burger::before,.itsg-burger::after{display:block;width:16px;height:2px;background:#fff;border-radius:2px;position:relative}
.itsg-burger::before,.itsg-burger::after{content:"";position:absolute;left:0}
.itsg-burger::before{top:-5px}.itsg-burger::after{top:5px}

/* =========================================================
   3. MENU ĐIỆN THOẠI (DRAWER) & HỘP ĐẶT MẪU NHANH (MODAL)
   ========================================================= */
.itsg-drawer{position:fixed;inset:0;z-index:1000;visibility:hidden;pointer-events:none}
.itsg-drawer.is-open{visibility:visible;pointer-events:auto}
.itsg-drawer__overlay{position:absolute;inset:0;background:rgba(11,31,63,.6);opacity:0;transition:opacity .3s}
.itsg-drawer.is-open .itsg-drawer__overlay{opacity:1}
.itsg-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:var(--drawer-width);background:#fff;border-radius:0 22px 22px 0;transform:translateX(-102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}
.itsg-drawer__panel::-webkit-scrollbar{display:none}
.itsg-drawer.is-open .itsg-drawer__panel{transform:translateX(0)}
.itsg-drawer__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 16px;background:#fff;border-bottom:1px solid var(--itsg-line);flex:0 0 70px}
.itsg-drawer__logo img{height:38px;width:auto;display:block}
.itsg-drawer__close{width:38px;height:38px;border-radius:50%;border:0;margin:0;padding:0;background:var(--itsg-bg);color:var(--itsg-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 38px}
.itsg-drawer__search{display:flex;margin:14px 16px 6px;border:1.5px solid var(--itsg-line);border-radius:999px;overflow:hidden;background:var(--itsg-bg)}
.itsg-drawer__search input{flex:1;border:0!important;box-shadow:none!important;height:42px;margin:0;padding:0 16px;font-size:14.5px;min-width:0;background:transparent}
.itsg-drawer__search button{width:42px;height:42px;border:0;border-radius:50%;margin:0 0 0 auto;padding:0;background:var(--itsg-blue);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.itsg-drawer__nav{padding:6px 16px 10px;flex:1 0 auto}
.itsg-dmenu,.itsg-drawer__nav .itsg-menu{list-style:none;margin:0;padding:0;display:block}
.itsg-dmenu li{margin:0;list-style:none;position:relative;border-bottom:1px solid #EEF1F6}
.itsg-dmenu>li>a,.itsg-drawer__nav .itsg-menu>li>a{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 44px 0 4px;color:var(--itsg-navy);font-size:15px;font-weight:700;height:auto;text-decoration:none}
.itsg-drawer__nav .itsg-menu>li>a::after,.itsg-drawer__nav .itsg-menu>li>a::before{display:none}
.itsg-dmenu li.current-menu-item>a{color:var(--itsg-blue)}
.itsg-dmenu__toggle{position:absolute;right:0;top:8px;width:32px;height:32px;border-radius:50%;border:0;margin:0;padding:0;background:var(--itsg-bg);color:var(--itsg-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}
.itsg-dmenu li.is-open>.itsg-dmenu__toggle{transform:rotate(180deg);background:var(--itsg-blue-50);color:var(--itsg-blue)}
.itsg-dmenu .sub-menu{display:none;list-style:none;margin:0 0 10px;padding:6px 0 6px 12px;border-left:2px solid var(--itsg-blue-100)}
.itsg-dmenu li.is-open>.sub-menu{display:block}
.itsg-dmenu .sub-menu li{border:0}
.itsg-dmenu .sub-menu a{display:block;padding:7px 6px;font-size:14px;color:var(--itsg-ink);font-weight:500;text-decoration:none}
.itsg-drawer__foot{padding:14px 16px 20px;background:var(--itsg-bg);display:flex;flex-direction:column;gap:8px}
.itsg-dbtn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:var(--itsg-r);background:#fff;border:1px solid var(--itsg-line);color:var(--itsg-navy)!important;font-weight:700;font-size:14px;flex:1;text-decoration:none}
.itsg-dbtn--zalo{background:var(--itsg-zalo);border-color:var(--itsg-zalo);color:#fff!important;min-height:46px;font-size:14.5px}
.itsg-dbtn--call{background:var(--itsg-orange);border-color:var(--itsg-orange);color:#fff!important}
.itsg-drawer__row{display:flex;gap:8px}
.itsg-drawer__addr{display:flex;gap:7px;font-size:12.5px;color:var(--itsg-muted);margin:4px 0 0;line-height:1.45}
.itsg-drawer__addr .itsg-ico{color:var(--itsg-orange);margin-top:2px}

/* Modal Đặt mẫu & Tư vấn nhanh */
.itsg-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;visibility:hidden;pointer-events:none}
.itsg-modal.is-open{visibility:visible;pointer-events:auto}
.itsg-modal__overlay{position:absolute;inset:0;background:rgba(8,23,51,.68);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}
.itsg-modal.is-open .itsg-modal__overlay{opacity:1}
.itsg-modal__card{position:relative;z-index:2;width:100%;max-width:480px;background:#fff;border-radius:var(--itsg-r-xl);padding:28px 26px 24px;box-shadow:0 24px 60px rgba(8,23,51,.35);transform:translateY(16px) scale(.97);opacity:0;transition:all .26s cubic-bezier(.2,.8,.2,1)}
.itsg-modal.is-open .itsg-modal__card{transform:translateY(0) scale(1);opacity:1}
.itsg-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--itsg-bg);color:var(--itsg-navy);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0}
.itsg-modal__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--itsg-blue-50);color:var(--itsg-blue);font-size:11.5px;font-weight:700;letter-spacing:.05em;margin-bottom:8px}
.itsg-modal__card h3{font-size:22px;margin:0 0 6px}
.itsg-modal__picked{margin:0 0 16px;padding:10px 12px;border-radius:var(--itsg-r);background:var(--itsg-bg);font-size:14px;color:var(--itsg-muted)}
.itsg-modal__picked strong{color:var(--itsg-navy)}
.itsg-modal__direct{display:flex;flex-direction:column;gap:8px}
.itsg-modal__sep{position:relative;text-align:center;margin:16px 0 14px}
.itsg-modal__sep::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--itsg-line)}
.itsg-modal__sep span{position:relative;background:#fff;padding:0 10px;font-size:12.5px;color:var(--itsg-muted)}
.itsg-modal__form{display:flex;flex-direction:column;gap:10px;margin:0}
.itsg-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.itsg-modal__form input,.itsg-modal__form textarea{width:100%;border:1.5px solid var(--itsg-line);border-radius:var(--itsg-r);padding:0 13px;height:44px;font-size:14.5px;margin:0;box-shadow:none}
.itsg-modal__form textarea{height:auto;padding:10px 13px;min-height:68px}
.itsg-modal__msg{margin:2px 0 0;font-size:13.5px;font-weight:500}
.itsg-modal__msg.is-ok{color:var(--itsg-green)}.itsg-modal__msg.is-err{color:#D9363E}

/* Thanh liên hệ đáy (≤767px) & Cụm nút nổi Góc Phải (Zalo + Gọi + Lên đầu trang) */
.itsg-bbar{display:none}
.itsg-fcta{position:fixed;right:22px;bottom:24px;z-index:450;display:flex;flex-direction:column;align-items:flex-end;gap:14px;pointer-events:none}
.itsg-totop{pointer-events:auto;width:42px;height:42px;margin-right:6px;border-radius:50%;background:rgba(11,31,63,.9);border:1px solid rgba(255,255,255,.18);color:#fff!important;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translate3d(0,10px,0) rotate(180deg);transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .28s,background .2s;box-shadow:0 8px 20px rgba(11,31,63,.22)}
.itsg-scrolled .itsg-totop{opacity:1;visibility:visible;transform:translate3d(0,0,0) rotate(180deg)}
.itsg-totop:hover{background:var(--itsg-blue);transform:translate3d(0,-3px,0) rotate(180deg)}
.itsg-fcta__btn{pointer-events:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:#fff!important;text-decoration:none!important;isolation:isolate;-webkit-tap-highlight-color:transparent}
.itsg-fcta__btn::before,.itsg-fcta__btn::after{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;pointer-events:none;will-change:transform,opacity}
.itsg-fcta__btn--zalo::before,.itsg-fcta__btn--zalo::after{background:radial-gradient(circle,rgba(0,104,255,.42) 0%,rgba(0,163,255,.12) 70%,transparent 100%);border:1.5px solid rgba(0,132,255,.55);animation:itsg-fcta-sonar 2.6s cubic-bezier(.16,1,.3,1) infinite}
.itsg-fcta__btn--zalo::after{animation-delay:1.3s}
.itsg-fcta__btn--call::before,.itsg-fcta__btn--call::after{background:radial-gradient(circle,rgba(242,107,29,.45) 0%,rgba(255,145,77,.14) 70%,transparent 100%);border:1.5px solid rgba(242,107,29,.6);animation:itsg-fcta-sonar 2.6s cubic-bezier(.16,1,.3,1) infinite}
.itsg-fcta__btn--call::before{animation-delay:.65s}
.itsg-fcta__btn--call::after{animation-delay:1.95s}
.itsg-fcta__ring{position:relative;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}
.itsg-fcta__btn--zalo .itsg-fcta__ring{background:linear-gradient(135deg,#0084FF 0%,#0068FF 52%,#0047B3 100%);box-shadow:0 10px 24px rgba(0,104,255,.42),inset 0 1.5px 1px rgba(255,255,255,.42)}
.itsg-fcta__btn--call .itsg-fcta__ring{background:linear-gradient(135deg,#FF8A3D 0%,#F26B1D 52%,#D94E00 100%);box-shadow:0 10px 24px rgba(242,107,29,.44),inset 0 1.5px 1px rgba(255,255,255,.42)}
.itsg-fcta__btn:hover .itsg-fcta__ring{transform:scale3d(1.08,1.08,1) translate3d(0,-2px,0)}
.itsg-fcta__btn--zalo:hover .itsg-fcta__ring{box-shadow:0 14px 30px rgba(0,104,255,.55),inset 0 1.5px 2px rgba(255,255,255,.55)}
.itsg-fcta__btn--call:hover .itsg-fcta__ring{box-shadow:0 14px 30px rgba(242,107,29,.56),inset 0 1.5px 2px rgba(255,255,255,.55)}
.itsg-fcta__ico{display:inline-flex;align-items:center;justify-content:center;line-height:0;will-change:transform}
.itsg-fcta__btn--zalo .itsg-fcta__ico{animation:itsg-fcta-bob 3.2s ease-in-out infinite}
.itsg-fcta__btn--call .itsg-fcta__ico{animation:itsg-fcta-ring-shake 2.8s ease-in-out infinite;transform-origin:50% 50%}
.itsg-fcta__dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#22C55E;border:2px solid #fff;box-shadow:0 0 0 2px rgba(34,197,94,.32)}
.itsg-fcta__pill{position:absolute;right:calc(100% + 14px);top:50%;transform:translate3d(10px,-50%,0) scale(.96);transform-origin:right center;background:rgba(11,31,63,.95);color:#fff;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 28px rgba(11,31,63,.28);display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,transform .26s cubic-bezier(.22,1,.36,1),visibility .24s}
.itsg-fcta__pill::after{content:"";position:absolute;right:-5px;top:50%;width:9px;height:9px;background:rgba(11,31,63,.95);border-top:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15);transform:translateY(-50%) rotate(45deg)}
.itsg-fcta__pill small{font-size:11px;color:#93C5FD;font-weight:500}
.itsg-fcta__btn--call .itsg-fcta__pill small{color:#FDBA74}
.itsg-fcta__pill strong{font-size:13.5px;font-weight:700;color:#fff;letter-spacing:.01em}
.itsg-fcta__btn:hover .itsg-fcta__pill,.itsg-fcta__btn:focus-visible .itsg-fcta__pill{opacity:1;visibility:visible;transform:translate3d(0,-50%,0) scale(1)}
@keyframes itsg-fcta-sonar{0%{transform:scale3d(1,1,1);opacity:.82}75%{transform:scale3d(1.52,1.52,1);opacity:0}100%{transform:scale3d(1.52,1.52,1);opacity:0}}
@keyframes itsg-fcta-bob{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-2px,0) rotate(-5deg)}}
@keyframes itsg-fcta-ring-shake{0%,55%,100%{transform:rotate(0deg) scale3d(1,1,1)}60%{transform:rotate(-15deg) scale3d(1.06,1.06,1)}65%{transform:rotate(14deg) scale3d(1.06,1.06,1)}70%{transform:rotate(-14deg) scale3d(1.06,1.06,1)}75%{transform:rotate(12deg) scale3d(1.04,1.04,1)}80%{transform:rotate(-8deg) scale3d(1.02,1.02,1)}85%{transform:rotate(0deg) scale3d(1,1,1)}}
@media (prefers-reduced-motion:reduce){.itsg-fcta__btn::before,.itsg-fcta__btn::after,.itsg-fcta__ico{animation:none!important}}

/* =========================================================
   4. TIÊU ĐỀ SECTION & KHUNG BỐ CỤC CHUNG
   ========================================================= */
.itsg-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--itsg-orange);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.itsg-kicker::before{content:"";width:20px;height:2px;background:currentColor}
.itsg-sec-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px;margin-bottom:34px;flex-wrap:nowrap!important}
.itsg-sec-head>p{margin:0 0 0 auto!important;display:inline-flex!important;width:auto!important;flex:0 0 auto!important}
.itsg-sec-head__txt{min-width:0;max-width:100%;flex:1 1 auto}
.itsg-sec-head__title{font-size:30px;text-transform:uppercase;letter-spacing:-.01em;margin:0;line-height:1.25;position:relative}
.itsg-sec-head--center .itsg-sec-head__title::after{content:"";display:block;width:64px;height:3.5px;border-radius:2px;background:var(--itsg-orange);margin:10px auto 0}
.itsg-sec-head__sub{margin:12px 0 0;color:var(--itsg-muted);font-size:16px;line-height:1.6}
.itsg-sec-head--center{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;gap:14px}
.itsg-sec-head--center>p{margin:0 auto!important}
.itsg-sec-head--center .itsg-sec-head__txt{margin:0 auto}
.itsg-sec-head--center .itsg-kicker{justify-content:center}
.itsg-sec-head--center .itsg-kicker::before{display:none}
.itsg-sec-head--light .itsg-sec-head__title{color:#fff}
.itsg-sec-head--light .itsg-sec-head__sub{color:rgba(255,255,255,.78)}
.itsg-viewall{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--itsg-blue);white-space:nowrap;padding:9px 15px;border:1.5px solid var(--itsg-blue-100);border-radius:var(--itsg-r);flex:0 0 auto;background:#fff;text-decoration:none}
.itsg-viewall:hover{background:var(--itsg-blue);color:#fff;border-color:var(--itsg-blue)}

.section.itsg-sec{padding-top:64px!important;padding-bottom:64px!important}
.section.itsg-sec>.section-content>.row{row-gap:24px}
.section.itsg-sec>.section-content>.row+.row{margin-top:24px!important}
.section.itsg-sec>.section-content>.row:has(.itsg-sec-head:last-child)+.row{margin-top:0!important}
.section.itsg-sec>.section-content>.row>.col,
.section.itsg-hero>.section-content>.row>.col,
.section.itsg-sec-kpis>.section-content>.row>.col,
.section.itsg-page-hero>.section-content>.row>.col,
.section.itsg-foot>.section-content>.row>.col{padding-bottom:0!important}
.section.itsg-sec .col-inner>p:last-child,.section.itsg-sec .col-inner>div:last-child{margin-bottom:0}
.itsg-sec-foot-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:28px 0 0!important}
.itsg-sec-foot-btns .button,.itsg-sec-foot-btns .itsg-btn{margin:0!important}
.section.itsg-sec--soft{background:var(--itsg-bg)!important}
.section.itsg-sec--sky{background:var(--itsg-sky)!important}
.section.itsg-sec--dark{background:var(--itsg-navy)!important;color:rgba(255,255,255,.82)}
.itsg-sec--dark h2,.itsg-sec--dark h3,.itsg-sec--dark h4{color:#fff}

/* =========================================================
   5. HERO TRANG CHỦ 2027 (SHOWCASE ĐA THIẾT BỊ + DẢI KPI)
   ========================================================= */
.section.itsg-hero{position:relative;background:radial-gradient(920px 460px at 82% 18%,rgba(45,140,255,.32),transparent 65%),linear-gradient(128deg,#071C3B 0%,#0E3675 50%,#1956B8 100%)!important;padding-top:52px!important;padding-bottom:88px!important;overflow:hidden;color:rgba(255,255,255,.92)}
.itsg-hero__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.itsg-hero .section-content{position:relative;z-index:2}
.itsg-hero .row{align-items:center}
.itsg-hero__kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#FFB37E;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.itsg-hero__kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#3CE68A;box-shadow:0 0 8px #3CE68A}
.itsg-hero h1{color:#fff;font-size:40px;font-weight:700;text-transform:uppercase;line-height:1.2;margin:0 0 14px;letter-spacing:-.01em}
.itsg-hero h1 span,.itsg-hero h1 mark{color:#FF9F43;background:none}
.itsg-hero__lead{font-size:16px;line-height:1.65;color:rgba(255,255,255,.88);margin:0 0 20px;max-width:580px}
.itsg-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 18px}
.itsg-hero__btns .button{margin:0!important;min-height:48px;padding:0 24px;font-size:14.5px;text-transform:uppercase;letter-spacing:.02em;display:inline-flex;align-items:center;box-shadow:0 10px 24px rgba(5,18,42,.25)}
.itsg-hero__btns .button.primary{background:rgba(255,255,255,.12)!important;border:1.5px solid rgba(255,255,255,.4)!important}
.itsg-hero__btns .button.primary:hover{background:#fff!important;color:var(--itsg-navy)!important;border-color:#fff!important}
.itsg-hero__trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:rgba(255,255,255,.85);font-weight:500}
.itsg-typing{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:17px;line-height:1.4;font-weight:700;color:#fff;margin:0 0 14px;padding:8px 15px;background:rgba(7,22,48,.42);border-left:3.5px solid var(--itsg-orange);border-radius:0 var(--itsg-r) var(--itsg-r) 0;min-height:42px}
.itsg-typing__pre{color:#FFD166;text-transform:uppercase;font-size:inherit}
.itsg-typing__word{color:#fff;font-weight:700;font-size:inherit}
.itsg-typing__caret{display:inline-block;width:2px;height:1.05em;background:#FFD166;margin-left:2px;vertical-align:-3px;animation:itsg-blink 1s steps(1) infinite}
@keyframes itsg-blink{50%{opacity:0}}

/* Khung Showcase Đa thiết bị ở Hero phải */
.itsg-hshow{position:relative;max-width:100%;margin:0}
.itsg-hshow__tabs{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:rgba(7,22,48,.45);border:1px solid rgba(255,255,255,.16);margin-bottom:12px;flex-wrap:wrap}
.itsg-hshow__tab{border:0;background:transparent;color:rgba(255,255,255,.78);font-size:12.5px;font-weight:700;padding:5px 13px;border-radius:999px;cursor:pointer;margin:0;transition:all .2s}
.itsg-hshow__tab.is-on,.itsg-hshow__tab:hover{background:var(--itsg-orange);color:#fff}
.itsg-hshow__stage{position:relative;padding-bottom:18px;padding-right:24px}
.itsg-hshow__mac{background:#0B1B36;border:1.5px solid rgba(255,255,255,.22);border-radius:14px;overflow:hidden;box-shadow:0 24px 54px rgba(4,14,34,.48)}
.itsg-hshow__bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#102548;border-bottom:1px solid rgba(255,255,255,.1)}
.itsg-hshow__dots{display:flex;gap:5px}
.itsg-hshow__dots i{width:9px;height:9px;border-radius:50%;background:#FF5F56;display:block}
.itsg-hshow__dots i:nth-child(2){background:#FFBD2E}.itsg-hshow__dots i:nth-child(3){background:#27C93F}
.itsg-hshow__url{flex:1;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);font-size:12px;padding:3px 10px;border-radius:999px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itsg-hshow__url .itsg-ico{color:#3CE68A}
.itsg-hshow__url b{font-weight:500}
.itsg-hshow__open{font-size:11.5px;font-weight:700;color:#FFB37E!important;text-decoration:none;white-space:nowrap}
.itsg-hshow__screen{aspect-ratio:16/10;overflow:hidden;background:#0F274D}
.itsg-hshow__screen img{width:100%!important;height:100%!important;object-fit:cover;object-position:top center;display:block}
.itsg-hshow__phone{position:absolute;right:0;bottom:0;width:29%;max-width:165px;background:#08152C;border:3px solid rgba(255,255,255,.28);border-radius:18px;overflow:hidden;box-shadow:0 18px 38px rgba(4,14,34,.55);z-index:3}
.itsg-hshow__notch{width:38%;height:5px;background:rgba(255,255,255,.22);border-radius:99px;margin:5px auto}
.itsg-hshow__pscreen{aspect-ratio:9/16;overflow:hidden;background:#fff}
.itsg-hshow__pscreen img{width:100%!important;height:100%!important;object-fit:cover;object-position:top center;display:block}
.itsg-hshow__chip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:10px;background:rgba(255,255,255,.96);color:var(--itsg-navy);box-shadow:0 12px 28px rgba(7,22,48,.28);line-height:1.25}
.itsg-hshow__chip strong{display:block;font-size:13px;color:var(--itsg-navy)}
.itsg-hshow__chip small{font-size:11.5px;color:var(--itsg-muted)}
.itsg-hshow__chip-ico{width:32px;height:32px;border-radius:8px;background:var(--itsg-green-50);color:var(--itsg-green);display:flex;align-items:center;justify-content:center;flex:0 0 32px}
.itsg-hshow__chip--speed{left:14px;bottom:14px}
.itsg-hshow__chip--seo{right:14px;top:46px}
.itsg-hshow__chip--seo .itsg-hshow__chip-ico{background:var(--itsg-orange-50);color:var(--itsg-orange)}

/* Dải 4 chỉ số KPI dưới Hero */
.section.itsg-sec-kpis{position:relative;z-index:5;margin-top:-36px;padding-bottom:0!important;background:transparent!important}
.itsg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.itsg-kpi{display:flex;align-items:flex-start;gap:13px;padding:18px 18px;background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);box-shadow:var(--itsg-sh)}
.itsg-kpi__ico{width:44px;height:44px;border-radius:10px;background:var(--itsg-blue-50);color:var(--itsg-blue);display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.itsg-kpi:nth-child(even) .itsg-kpi__ico{background:var(--itsg-orange-50);color:var(--itsg-orange)}
.itsg-kpi__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.itsg-kpi__txt strong{font-size:16px;color:var(--itsg-navy);line-height:1.25}
.itsg-kpi__txt span{font-size:13px;color:var(--itsg-muted);line-height:1.45}

/* Featured box (Flatsome) & Tại sao lựa chọn chúng tôi */
.featured-box .icon-box-text h3,.featured-box .icon-box-text h4{font-size:17.5px;margin-bottom:6px;color:var(--itsg-navy)}
.featured-box .icon-box-text p{color:var(--itsg-muted);font-size:14.5px;margin:0;line-height:1.58}
.icon-box-img svg,.icon-box-img img{display:block;width:100%;height:auto}
.featured-box .icon-box-img svg[stroke],.featured-box .icon-box-img svg[stroke] *{fill:none!important;stroke:currentColor!important}
.itsg-why .col-inner{height:100%}
.itsg-why .featured-box{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:22px 22px;height:100%;box-shadow:var(--itsg-sh);transition:border-color .25s,box-shadow .25s,transform .25s}
.itsg-why .featured-box:hover{border-color:var(--itsg-blue);box-shadow:var(--itsg-sh-lg);transform:translateY(-3px)}
.itsg-why__checks .featured-box{display:flex;align-items:flex-start;gap:14px;text-align:left}
.itsg-why__checks .featured-box .icon-box-img{margin:0!important;flex:0 0 44px}
.itsg-why__pair .featured-box{padding:28px 26px;background:linear-gradient(180deg,#FFFFFF 0%,#F3F8FF 100%);border:1.5px solid var(--itsg-blue-100);text-align:center}
.itsg-why__pair .featured-box .icon-box-img{margin:0 auto 14px!important}
.itsg-why__pair .featured-box h3{font-size:19.5px;text-transform:uppercase;color:var(--itsg-blue);margin-bottom:8px}

/* Ô danh mục ngành */
.itsg-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.itsg-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #D3E2F8;border-radius:var(--itsg-r-lg);color:var(--itsg-navy);box-shadow:0 2px 8px rgba(14,42,88,.04);transition:all .25s;container-type:inline-size;min-width:0;text-decoration:none}
.itsg-tile:hover{border-color:var(--itsg-blue);box-shadow:var(--itsg-sh);color:var(--itsg-blue);transform:translateY(-2px)}
.itsg-tile__ico{width:44px;height:44px;border-radius:10px;background:var(--itsg-blue-50);color:var(--itsg-blue);display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.itsg-tile:nth-child(even) .itsg-tile__ico{background:var(--itsg-orange-50);color:var(--itsg-orange)}
.itsg-tile__txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.itsg-tile__txt strong{font-size:min(15px,calc(100cqi/13));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itsg-tile__txt em{font-style:normal;font-size:12.5px;color:var(--itsg-muted);white-space:nowrap}
.itsg-tile>.itsg-ico{color:var(--itsg-muted)}

/* =========================================================
   6. VÒNG TRÒN QUY TRÌNH 6 BƯỚC ĐỒNG BỘ 2 CỘT
   ========================================================= */
.itsg-wsplit{display:grid;grid-template-columns:440px minmax(0,1fr);gap:36px;align-items:center}
.itsg-wheel{position:relative;max-width:440px;aspect-ratio:1/1;margin:0 auto;width:100%}
.itsg-wheel__svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 12px 28px rgba(14,42,88,.14))}
.itsg-wheel__seg{cursor:pointer}
.itsg-wheel__seg path{fill:#1D5FD1;stroke:#fff;stroke-width:4;transition:fill .25s,transform .25s;transform-origin:0 0}
.itsg-wheel__seg:nth-child(even) path{fill:#1348A8}
.itsg-wheel__seg:hover path,.itsg-wheel__seg.is-on path{fill:var(--itsg-orange);transform:scale(1.03)}
.itsg-wheel__seg text{fill:#fff;font-weight:700;font-size:13px;letter-spacing:.04em;pointer-events:none}
.itsg-wheel__center{position:absolute;inset:25.5%;border-radius:50%;background:#fff;box-shadow:0 6px 24px rgba(11,31,63,.12);display:flex;align-items:center;justify-content:center;padding:16px;text-align:center}
.itsg-wheel__item{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.itsg-wheel__item.is-on{display:flex}
.itsg-wheel__item b{font-size:12px;font-weight:700;color:var(--itsg-orange);letter-spacing:.08em}
.itsg-wheel__item strong{font-size:15px;color:var(--itsg-navy);line-height:1.25}
.itsg-wheel__item span{font-size:13px;color:var(--itsg-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.itsg-wcards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.itsg-wcard{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:var(--itsg-r-lg);background:#fff;border:1.5px solid var(--itsg-line);box-shadow:var(--itsg-sh);cursor:pointer;transition:all .22s}
.itsg-wcard:hover,.itsg-wcard.is-on{border-color:var(--itsg-orange);background:#FFFDFB;box-shadow:0 10px 26px rgba(242,107,29,.12);transform:translateY(-2px)}
.itsg-wcard__num{width:34px;height:34px;border-radius:8px;background:var(--itsg-blue-50);color:var(--itsg-blue);font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;transition:all .22s}
.itsg-wcard.is-on .itsg-wcard__num{background:var(--itsg-orange);color:#fff}
.itsg-wcard__txt strong{display:block;font-size:15.5px;color:var(--itsg-navy);margin-bottom:4px;line-height:1.3}
.itsg-wcard__txt p{margin:0;font-size:13.5px;color:var(--itsg-muted);line-height:1.5}

/* Quy trình dạng thẻ ở trang dịch vụ */
.itsg-steps-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.itsg-step{position:relative;margin:0;padding:24px 22px 22px;border-radius:var(--itsg-r-lg);list-style:none;transition:transform .25s,border-color .25s}
.itsg-steps-flow--dark .itsg-step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.itsg-steps-flow--light .itsg-step{background:#fff;border:1px solid var(--itsg-line);box-shadow:var(--itsg-sh)}
.itsg-step__num{position:absolute;right:18px;top:14px;font-family:"Helvetica Neue VN Cond",var(--itsg-font)!important;font-size:38px;font-weight:700;line-height:1;color:rgba(255,255,255,.12)}
.itsg-steps-flow--light .itsg-step__num{color:var(--itsg-blue-100)}
.itsg-step__ico{width:46px;height:46px;border-radius:10px;background:var(--itsg-orange);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.itsg-step__title{font-size:18px;margin:0 0 8px}
.itsg-steps-flow--dark .itsg-step__title{color:#fff}
.itsg-step__desc{margin:0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.72)}
.itsg-steps-flow--light .itsg-step__desc{color:var(--itsg-muted)}

/* =========================================================
   7. THẺ GIAO DIỆN & LƯỚI SẢN PHẨM (CHUẨN AGENCY 2027)
   ========================================================= */
.products.row,.row:has(>.itsg-pcol){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-left:0!important;margin-right:0!important;max-width:none}
.products.row::before,.products.row::after,.row:has(>.itsg-pcol)::before,.row:has(>.itsg-pcol)::after{display:none!important}
.products.row>.col,.row>.itsg-pcol{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;min-width:0}
.itsg-pcol>.col-inner{height:100%}
.itsg-card{position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #D5E2F4;border-radius:var(--itsg-r-lg);padding:12px;box-shadow:0 4px 16px rgba(11,31,63,.05);transition:box-shadow .28s,transform .28s,border-color .28s}
.itsg-card:hover{box-shadow:var(--itsg-sh-lg);border-color:var(--itsg-blue);transform:translateY(-4px);z-index:5}
.itsg-card__bar{display:flex;align-items:center;gap:8px;padding:2px 4px 9px;font-size:12px;color:var(--itsg-muted)}
.itsg-card__dots{display:inline-flex;gap:4px}
.itsg-card__dots i{width:7px;height:7px;border-radius:50%;background:#FF5F56;display:block}
.itsg-card__dots i:nth-child(2){background:#FFBD2E}.itsg-card__dots i:nth-child(3){background:#27C93F}
.itsg-card__cat{font-weight:700;color:var(--itsg-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itsg-card__code{margin-left:auto;font-weight:700;color:var(--itsg-navy);background:var(--itsg-bg);padding:2px 7px;border-radius:4px;font-size:11.5px;white-space:nowrap}
.itsg-card__img{position:relative;display:block;aspect-ratio:16/9;max-height:230px;overflow:hidden;background:#0E2346;border-radius:8px;margin-bottom:12px;border:1px solid #E4ECF7}
.itsg-card__img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center;display:block;transition:transform .38s ease}
.itsg-card:hover .itsg-card__img img{transform:scale(1.03)}
.itsg-card__badge{position:absolute;left:10px;top:10px;z-index:2;background:var(--itsg-orange);color:#fff;font-weight:700;font-size:12px;padding:3px 9px;border-radius:6px;line-height:1.25;box-shadow:0 4px 10px rgba(0,0,0,.22)}
.itsg-card__title{font-size:16.5px;font-weight:700;line-height:1.38;margin:0 0 10px;padding:0 4px;min-height:2.76em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.itsg-card__title a{color:var(--itsg-navy);text-decoration:none}
.itsg-card__title a:hover{color:var(--itsg-blue)}
.itsg-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px 12px;margin-top:auto;border-top:1px dashed var(--itsg-line);min-width:0}
.itsg-card__sku{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--itsg-green);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itsg-card__price{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;flex:0 0 auto}
.itsg-card__price ins{text-decoration:none}
.itsg-card__price ins .amount,.itsg-card__price>.woocommerce-Price-amount{font-size:18px;font-weight:700;color:var(--itsg-orange);white-space:nowrap}
.itsg-card__price del{color:#94A0B4;font-size:12.5px;opacity:1;white-space:nowrap}
.itsg-card__price del .amount{color:#94A0B4}
.itsg-card__act{display:grid;grid-template-columns:1fr 1fr 38px;gap:7px}
.itsg-card__demo,.itsg-card__zalo{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:7px;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap;transition:all .2s}
.itsg-card__demo{background:var(--itsg-blue-50);color:var(--itsg-blue)!important;border:1px solid var(--itsg-blue-100)}
.itsg-card__demo:hover{background:var(--itsg-blue);color:#fff!important;border-color:var(--itsg-blue)}
.itsg-card__zalo{background:var(--itsg-orange);color:#fff!important;border:1px solid var(--itsg-orange)}
.itsg-card__zalo:hover{background:var(--itsg-orange-d);color:#fff!important}
.itsg-card__more{display:inline-flex;align-items:center;justify-content:center;width:38px;height:40px;border-radius:7px;background:var(--itsg-bg);border:1px solid var(--itsg-line);color:var(--itsg-navy);text-decoration:none}
.itsg-card__more:hover{background:var(--itsg-navy);border-color:var(--itsg-navy);color:#fff}
.itsg-card__tip{position:absolute;left:calc(100% + 12px);top:14px;width:270px;z-index:30;background:var(--itsg-navy);color:#fff;border-radius:var(--itsg-r-lg);padding:15px 17px;box-shadow:var(--itsg-sh-lg);opacity:0;visibility:hidden;transform:translateX(-8px);transition:all .22s;pointer-events:none}
.itsg-card__tip::before{content:"";position:absolute;left:-6px;top:24px;width:12px;height:12px;background:var(--itsg-navy);transform:rotate(45deg)}
.itsg-card__tip strong{display:block;color:#FFB37E;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.itsg-card__tip ul{list-style:none;margin:0 0 8px;padding:0}
.itsg-card__tip li{display:flex;gap:8px;margin:0;padding:4px 0;font-size:13px;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.08)}
.itsg-card__tip li .itsg-ico{color:#7FB0FF;margin-top:3px}
.itsg-card__tip em{font-style:normal;font-size:12px;color:rgba(255,255,255,.72)}
@media (hover:hover) and (min-width:1024px){
  .itsg-card:hover .itsg-card__tip{opacity:1;visibility:visible;transform:translateX(0)}
  .products.row>.col:nth-child(3n) .itsg-card__tip,.row>.itsg-pcol:nth-child(3n) .itsg-card__tip{left:auto;right:calc(100% + 12px);transform:translateX(8px)}
  .products.row>.col:nth-child(3n):hover .itsg-card__tip,.row>.itsg-pcol:nth-child(3n):hover .itsg-card__tip{transform:translateX(0)}
  .products.row>.col:nth-child(3n) .itsg-card__tip::before,.row>.itsg-pcol:nth-child(3n) .itsg-card__tip::before{left:auto;right:-6px}
}

/* =========================================================
   8. KHO GIAO DIỆN (ARCHIVE PRODUCT)
   ========================================================= */
.itsg-crumbbar{background:#F6F9FD;border-bottom:1px solid var(--itsg-line);padding:11px 0;font-size:13.5px}
.itsg-crumbbar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.itsg-crumbbar__r{margin:0;color:var(--itsg-muted);font-size:13.5px}
.itsg-crumbbar__r a{font-weight:700;color:var(--itsg-blue)}
.itsg-bc{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:13.5px;color:var(--itsg-muted);margin:0;text-transform:none!important;letter-spacing:0!important;font-weight:500}
.itsg-bc a{color:var(--itsg-ink);text-transform:none!important;text-decoration:none}
.itsg-bc a:hover{color:var(--itsg-blue)}
.itsg-bc__sep{margin:0 6px;opacity:.5}

.itsg-searchbox{background:radial-gradient(750px 280px at 80% 0%,rgba(255,255,255,.15),transparent 70%),linear-gradient(125deg,#081F44 0%,#15479E 55%,#1D5FD1 100%);padding:40px 0 44px;text-align:center;color:#fff}
.itsg-searchbox__kicker{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#FFB37E;font-size:11.5px;font-weight:700;letter-spacing:.08em;margin-bottom:10px}
.itsg-searchbox__title{color:#fff;font-size:32px;text-transform:uppercase;letter-spacing:.01em;margin:0 0 10px}
.itsg-searchbox__sub{color:rgba(255,255,255,.84);font-size:15.5px;max-width:680px;margin:0 auto 20px}
.itsg-searchbox__form{max-width:660px;margin:0 auto;display:flex;align-items:center;background:#fff;border-radius:999px;padding:5px;box-shadow:0 14px 34px rgba(6,22,52,.25)}
.itsg-searchbox__form input[type=search]{flex:1;border:0!important;box-shadow:none!important;height:44px;margin:0;padding:0 18px;font-size:15px;background:transparent;color:var(--itsg-ink);min-width:0}
.itsg-searchbox__form button{height:44px;border-radius:999px;border:0;background:var(--itsg-orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;margin:0;padding:0 20px;font-weight:700;font-size:14.5px;flex:0 0 auto;transition:background .2s}
.itsg-searchbox__form button:hover{background:var(--itsg-orange-d)}

.itsg-shop{padding-top:28px;padding-bottom:68px}
.itsg-filter-panel{background:var(--itsg-bg);border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:18px 20px;margin-bottom:22px}
.itsg-az-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed var(--itsg-line)}
.itsg-az__title{font-size:13.5px;font-weight:700;color:var(--itsg-navy)}
.itsg-az{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}
.itsg-az li{margin:0;list-style:none}
.itsg-az a,.itsg-az span{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--itsg-line);background:#fff;color:var(--itsg-navy);font-weight:700;font-size:13px;text-decoration:none}
.itsg-az a:hover,.itsg-az a.is-on{background:var(--itsg-blue);border-color:var(--itsg-blue);color:#fff}
.itsg-az span.is-off{background:#EEF2F8;color:#B2BED0;cursor:default}

.itsg-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.itsg-chip{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 15px;border:1px solid var(--itsg-line);border-radius:999px;color:var(--itsg-navy);font-weight:700;font-size:13.5px;background:#fff;white-space:nowrap;text-decoration:none}
.itsg-chip em{font-style:normal;font-size:12px;opacity:.7;font-weight:500}
.itsg-chip:hover,.itsg-chip.is-on{background:var(--itsg-blue);border-color:var(--itsg-blue);color:#fff}
.itsg-shop-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.itsg-shop-bar .woocommerce-result-count{margin:0;color:var(--itsg-muted);font-size:14.5px;font-weight:500}
.itsg-shop-bar .woocommerce-ordering{margin:0}
.itsg-shop-bar select{height:40px;border-radius:var(--itsg-r);border:1px solid var(--itsg-line);margin:0;font-size:14.5px;box-shadow:none;padding:0 30px 0 12px}
.woocommerce-pagination,.nav-links{margin-top:36px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.woocommerce-pagination ul.page-numbers{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;border:0;margin:0;padding:0}
.woocommerce-pagination .page-numbers li{border:0;margin:0;list-style:none}
.woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span,.nav-links .page-numbers{min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--itsg-r);border:1px solid var(--itsg-line);font-weight:700;color:var(--itsg-navy);background:#fff;text-decoration:none}
.woocommerce-pagination .page-numbers .current,.nav-links .page-numbers.current{background:var(--itsg-blue);border-color:var(--itsg-blue);color:#fff}
.itsg-empty{text-align:center;padding:56px 20px;background:var(--itsg-bg);border-radius:var(--itsg-r-lg);border:1px solid var(--itsg-line)}

.itsg-shop-cta{margin-top:48px;padding:34px 36px;border-radius:var(--itsg-r-xl);background:linear-gradient(125deg,#0B1F3F 0%,#153A75 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:var(--itsg-sh-lg)}
.itsg-shop-cta__txt{max-width:680px}
.itsg-shop-cta__txt h2{color:#fff;font-size:26px;margin:0 0 8px}
.itsg-shop-cta__txt p{margin:0;color:rgba(255,255,255,.82);font-size:15px}
.itsg-shop-cta__btns{display:flex;flex-direction:column;gap:10px;min-width:260px}

/* =========================================================
   9. TRANG CHI TIẾT GIAO DIỆN (SINGLE PRODUCT)
   ========================================================= */
.itsg-pdp{padding:26px 0 68px;background:var(--itsg-bg)}
.itsg-pdp__intro{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:20px 24px;margin-bottom:24px;box-shadow:var(--itsg-sh)}
.itsg-pdp__intro-top{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:13.5px;color:var(--itsg-muted)}
.itsg-pdp__cat{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:var(--itsg-blue-50);color:var(--itsg-blue);font-weight:700;text-decoration:none}
.itsg-pdp__meta-item{display:inline-flex;align-items:center;gap:5px}
.itsg-pdp__meta-item a{font-weight:700;color:var(--itsg-blue)}
.itsg-pdp__intro p{margin:0 0 12px;color:var(--itsg-ink);font-size:15px;line-height:1.6}
.itsg-pdp__pills{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px dashed var(--itsg-line)}
.itsg-pdp__pills span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;background:var(--itsg-bg);color:var(--itsg-navy);font-size:13px;font-weight:700}
.itsg-pdp__pills .itsg-ico{color:var(--itsg-green)}

.itsg-pdp__grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}
.itsg-pdp__main{min-width:0;display:flex;flex-direction:column;gap:22px}
.itsg-pdp__box{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:26px 28px;box-shadow:var(--itsg-sh)}
.itsg-entry{font-size:15.5px;line-height:1.75}
.itsg-entry h2,.itsg-entry h3{font-size:20px;margin:26px 0 12px;padding-bottom:8px;border-bottom:1.5px solid var(--itsg-line);color:var(--itsg-navy)}
.itsg-entry h2:first-child,.itsg-entry h3:first-child{margin-top:0}
.itsg-entry ul,.itsg-entry ol{margin:0 0 16px 20px}
.itsg-entry li{margin-bottom:6px}
.itsg-entry table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:14.5px}
.itsg-entry th,.itsg-entry td{border:1px solid var(--itsg-line);padding:11px 14px;text-align:left}
.itsg-entry th{background:var(--itsg-bg);color:var(--itsg-navy);font-weight:700}
.itsg-featlist{list-style:none!important;margin:0 0 20px!important;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.itsg-featlist li{display:flex;gap:10px;margin:0!important;padding:11px 14px;background:var(--itsg-bg);border:1px solid #E5ECF6;border-radius:var(--itsg-r);font-weight:500;font-size:14.5px}
.itsg-featlist .itsg-ico{color:var(--itsg-green);margin-top:2px}

/* Khung trình duyệt cuộn xem ảnh toàn trang */
.itsg-browser-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.itsg-browser-head h3{margin:0 0 2px!important;padding:0!important;border:0!important;font-size:19px}
.itsg-browser-head p{margin:0;font-size:13.5px;color:var(--itsg-muted)}
.itsg-browser{background:#fff;border:1.5px solid #CFDCEB;border-radius:var(--itsg-r-lg);overflow:hidden;box-shadow:var(--itsg-sh);margin:0 0 24px}
.itsg-browser__bar{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#0F2342;color:#fff}
.itsg-browser__dots{display:flex;gap:6px}
.itsg-browser__dots i{width:10px;height:10px;border-radius:50%;background:#FF5F56;display:block}
.itsg-browser__dots i:nth-child(2){background:#FFBD2E}.itsg-browser__dots i:nth-child(3){background:#27C93F}
.itsg-browser__url{flex:1;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border-radius:999px;padding:4px 14px;font-size:12.5px;color:rgba(255,255,255,.88);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itsg-browser__dev{display:flex;gap:4px;background:rgba(255,255,255,.1);border-radius:var(--itsg-r);padding:3px}
.itsg-browser__dev button{height:28px;border:0;border-radius:5px;background:transparent;color:rgba(255,255,255,.78);margin:0;padding:0 10px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;cursor:pointer}
.itsg-browser__dev button.is-on{background:var(--itsg-orange);color:#fff}
.itsg-browser__screen{height:580px;overflow-y:auto;background:#fff;scrollbar-width:thin}
.itsg-browser__screen img{display:block;width:100%;margin:0 auto}
.itsg-browser.is-mobile .itsg-browser__screen{background:#E9EEF5;padding:18px 0}
.itsg-browser.is-mobile .itsg-browser__screen img{max-width:350px;border-radius:16px;box-shadow:var(--itsg-sh-lg)}

/* 6 Hạng mục bàn giao */
.itsg-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.itsg-deliverable{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:var(--itsg-bg);border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg)}
.itsg-deliverable__ico{width:40px;height:40px;border-radius:9px;background:var(--itsg-blue-50);color:var(--itsg-blue);display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.itsg-deliverable strong{display:block;font-size:15px;color:var(--itsg-navy);margin-bottom:3px}
.itsg-deliverable p{margin:0;font-size:13.5px;color:var(--itsg-muted);line-height:1.5}

/* Cột đặt mẫu bên phải */
.itsg-pdp__side{position:sticky;top:96px}
.admin-bar .itsg-pdp__side{top:128px}
.itsg-buybox{padding:22px}
.itsg-buybox__img{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--itsg-line);margin-bottom:12px;aspect-ratio:16/9;background:#0E2346}
.itsg-buybox__img img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.itsg-buybox__status{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:var(--itsg-green-50);color:var(--itsg-green);font-size:12.5px;font-weight:700;margin-bottom:10px}
.itsg-status-dot{width:8px;height:8px;border-radius:50%;background:var(--itsg-green);box-shadow:0 0 6px var(--itsg-green)}
.itsg-buybox__title{font-size:20px;line-height:1.35;margin:0 0 8px}
.itsg-buybox__sku{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--itsg-muted);margin-bottom:14px}
.itsg-buybox__sku b{color:var(--itsg-navy)}
.itsg-buybox__price{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:var(--itsg-orange-50);border:1px solid #FAD5BD;border-radius:var(--itsg-r);margin-bottom:14px}
.itsg-buybox__price-lbl{font-size:13.5px;font-weight:700;color:var(--itsg-navy)}
.itsg-buybox__price-val{display:inline-flex;align-items:baseline;gap:8px}
.itsg-buybox__price ins{text-decoration:none}
.itsg-buybox__price ins .amount,.itsg-buybox__price-val>.woocommerce-Price-amount{font-size:25px;font-weight:700;color:var(--itsg-orange);white-space:nowrap}
.itsg-buybox__price del{color:#8C98AC;font-size:13.5px;white-space:nowrap}
.itsg-buybox .itsg-btn--lg{margin-bottom:10px}
.itsg-buybox__tels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px}
.itsg-buybox__tels a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--itsg-r);background:var(--itsg-bg);border:1px solid var(--itsg-line);color:var(--itsg-navy);text-decoration:none;line-height:1.2}
.itsg-buybox__tels a:hover{border-color:var(--itsg-blue);background:var(--itsg-blue-50)}
.itsg-buybox__tels .itsg-ico{color:var(--itsg-blue)}
.itsg-buybox__tels small{display:block;font-size:11px;color:var(--itsg-muted)}
.itsg-buybox__tels b{font-size:13.5px;color:var(--itsg-navy);white-space:nowrap}
.itsg-buybox__guarantees{list-style:none;margin:0 0 12px;padding:12px 14px;background:#F8FAFE;border:1px solid var(--itsg-line);border-radius:var(--itsg-r)}
.itsg-buybox__guarantees li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--itsg-ink);padding:3px 0;margin:0;font-weight:500}
.itsg-buybox__guarantees .itsg-ico{color:var(--itsg-green)}
.itsg-buybox__note{font-size:12.5px;color:var(--itsg-muted);margin:0;line-height:1.5;text-align:center}
.itsg-related{margin-top:48px}
.itsg-pdp__reviews #reviews .woocommerce-Reviews-title{font-size:20px}
.itsg-pdp__reviews .comment-form input,.itsg-pdp__reviews .comment-form textarea{border-radius:var(--itsg-r);border:1.5px solid var(--itsg-line);box-shadow:none}
.itsg-pdp__reviews .woocommerce-noreviews{background:var(--itsg-bg);padding:12px 14px;border-radius:var(--itsg-r)}
.itsg-pbar{display:none}

/* =========================================================
   10. BẢNG GIÁ (ĐÃ FIX TRIỆT ĐỂ KHE TRẮNG HEADER FLATSOME)
   ========================================================= */
.itsg-pricing .row{align-items:stretch}
.itsg-pricing .col-inner,.itsg-pricing .pricing-table-wrapper{height:100%}
.itsg-pricing .pricing-table{position:relative;height:100%;display:flex;flex-direction:column;padding:0!important;margin:0!important;border:1.5px solid var(--itsg-line)!important;border-radius:var(--itsg-r-lg)!important;overflow:hidden!important;background:#fff;box-shadow:var(--itsg-sh);transition:box-shadow .25s,transform .25s}
.itsg-pricing .pricing-table:hover{box-shadow:var(--itsg-sh-lg);transform:translateY(-4px)}
.itsg-pricing .pricing-table .pricing-table-header{background:#F7FAFF;padding:28px 22px 20px!important;margin:0!important;width:100%!important;border-bottom:1px solid var(--itsg-line);text-align:center}
.itsg-pricing .pricing-table .title{background:none!important;padding:0!important;margin:0!important;border:0!important;text-transform:none!important;letter-spacing:0!important;font-size:19.5px!important;line-height:1.3;font-weight:700;color:var(--itsg-navy)!important}
.itsg-pricing .pricing-table .price{font-size:31px;font-weight:700;color:var(--itsg-orange);margin:10px 0 4px!important;line-height:1.1;white-space:nowrap;border:0!important;padding:0!important;background:none!important}
.itsg-pricing .pricing-table .description{color:var(--itsg-muted);font-size:13.5px;margin-top:4px!important;border:0!important;padding:0!important;background:none!important;text-transform:none!important;font-weight:500!important}
.itsg-pricing .pricing-table .items{flex:1;padding:14px 22px!important;margin:0!important;text-align:left;width:100%!important}
.itsg-pricing .pricing-table .bullet-item{padding:10px 0 10px 26px!important;border-bottom:1px dashed var(--itsg-line)!important;font-size:14.5px;position:relative;text-align:left;color:var(--itsg-ink);margin:0!important}
.itsg-pricing .pricing-table .bullet-item::before{content:"";position:absolute;left:0;top:13px;width:17px;height:17px;border-radius:50%;background:var(--itsg-blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5FD1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/10px no-repeat}
.itsg-pricing .pricing-table .bullet-item:last-child{border-bottom:0!important}
.itsg-pricing .pricing-table .cta-button{padding:8px 22px 24px!important;margin:auto 0 0!important;width:100%!important;background:transparent!important}
.itsg-pricing .pricing-table .cta-button .button{display:flex!important;align-items:center;justify-content:center;width:100%!important;margin:0!important;min-height:46px;border-radius:var(--itsg-r)!important;font-size:14.5px}
.itsg-pricing .pricing-table.featured-table{border:2px solid var(--itsg-blue)!important;margin:0!important;transform:none!important;box-shadow:0 14px 36px rgba(29,95,209,.15)}
.itsg-pricing .pricing-table.featured-table .pricing-table-header{background:linear-gradient(135deg,#0B1F3F 0%,#163B73 100%)!important;border-color:#163B73!important;padding-top:44px!important}
.itsg-pricing .pricing-table.featured-table .title{color:#fff!important}
.itsg-pricing .pricing-table.featured-table .description{color:rgba(255,255,255,.78)!important}
.itsg-pricing .pricing-table.featured-table .price{color:#FFB37E!important}
.itsg-pricing .pricing-table.featured-table .cta-button .button{background:var(--itsg-orange)!important;border-color:var(--itsg-orange)!important;color:#fff!important}
.itsg-pricing .pricing-table.featured-table .cta-button .button:hover{background:var(--itsg-orange-d)!important;border-color:var(--itsg-orange-d)!important}
.itsg-pricing .pricing-table .cta-button .button.is-outline,.itsg-pricing .pricing-table .cta-button .button.outline{background:#fff!important;color:var(--itsg-blue)!important;border:1.5px solid var(--itsg-blue)!important}
.itsg-pricing .pricing-table .cta-button .button.is-outline:hover,.itsg-pricing .pricing-table .cta-button .button.outline:hover{background:var(--itsg-blue)!important;color:#fff!important}
.itsg-pricing .pricing-table.featured-table::before{content:"PHỔ BIẾN NHẤT";position:absolute;top:12px;left:50%;transform:translateX(-50%);background:var(--itsg-orange);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 12px;border-radius:999px;z-index:3;white-space:nowrap}
.pricing-table .bullet-more-info{display:none}

/* Bảng so sánh */
.itsg-table-wrap{overflow-x:auto;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);background:#fff;-webkit-overflow-scrolling:touch;box-shadow:var(--itsg-sh)}
.itsg-table{width:100%;border-collapse:collapse;margin:0}
.itsg-table-wrap .itsg-table{min-width:680px}
.itsg-policy-doc .itsg-table{margin:14px 0 22px;border:1px solid var(--itsg-line);border-radius:var(--itsg-r);overflow:hidden}
.itsg-policy-doc .itsg-table th,.itsg-policy-doc .itsg-table td{text-align:left!important;padding:11px 14px}
.itsg-table th,.itsg-table td{padding:13px 16px;border-bottom:1px solid var(--itsg-line);text-align:center;font-size:14.5px;vertical-align:middle}
.itsg-table th:first-child,.itsg-table td:first-child{text-align:left;font-weight:500;color:var(--itsg-ink)}
.itsg-table thead th{background:var(--itsg-navy);color:#fff!important;font-weight:700;border:0}
.itsg-table tbody tr:nth-child(even){background:#F9FBFE}
.itsg-table .itsg-yes{color:var(--itsg-blue);font-weight:700}
.itsg-table .itsg-no{color:#A3AEC0}
.itsg-table .itsg-price{color:var(--itsg-orange);font-weight:700;white-space:nowrap;font-size:16px}

/* Công cụ tính giá */
.itsg-calc{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:stretch}
.itsg-calc__form{display:flex;flex-direction:column;gap:18px}
.itsg-calc__step{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:22px;box-shadow:var(--itsg-sh)}
.itsg-calc__step h3{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 16px}
.itsg-calc__step h3 span{width:30px;height:30px;border-radius:50%;background:var(--itsg-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 30px}
.itsg-calc__types,.itsg-calc__adds{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.itsg-opt{position:relative;display:block;margin:0;cursor:pointer;font-weight:400}
.itsg-opt input{position:absolute;opacity:0;pointer-events:none}
.itsg-opt__box{display:flex;flex-direction:column;height:100%;padding:14px 16px 14px 44px;border:1.5px solid var(--itsg-line);border-radius:var(--itsg-r-lg);transition:border-color .2s,background .2s;position:relative}
.itsg-opt__box::before{content:"";position:absolute;left:14px;top:16px;width:20px;height:20px;border-radius:50%;border:2px solid #B8C3D4;background:#fff;box-sizing:border-box}
.itsg-opt--check .itsg-opt__box::before{border-radius:5px}
.itsg-opt input:checked+.itsg-opt__box{border-color:var(--itsg-blue);background:var(--itsg-blue-50)}
.itsg-opt input:checked+.itsg-opt__box::before{border-color:var(--itsg-blue);background:var(--itsg-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.itsg-opt__box strong{font-size:15px;color:var(--itsg-navy);line-height:1.35}
.itsg-opt__box em{font-style:normal;font-size:13px;color:var(--itsg-muted);margin:3px 0 8px;line-height:1.45}
.itsg-opt__box b{margin-top:auto;color:var(--itsg-orange);font-size:15px;white-space:nowrap}
.itsg-opt.is-more{display:none}
.itsg-calc.show-more .itsg-opt.is-more{display:block}
.itsg-calc__more{display:inline-flex;align-items:center;gap:6px;margin:14px 0 0;padding:8px 14px;border:1.5px dashed var(--itsg-blue-100);background:#fff;color:var(--itsg-blue);font-weight:700;border-radius:var(--itsg-r);cursor:pointer;font-size:14px;text-transform:none;letter-spacing:0;min-height:0;line-height:1.4}
.itsg-calc.show-more .itsg-calc__more .itsg-ico{transform:rotate(180deg)}
.itsg-calc__note{width:100%;margin:14px 0 0;border:1.5px solid var(--itsg-line);border-radius:var(--itsg-r);padding:12px 14px;font-size:15px;box-shadow:none;min-height:86px}
.itsg-calc__range{display:flex;align-items:center;gap:18px}
.itsg-calc__range input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--itsg-blue) var(--itsg-fill,20%),#DCE3EE var(--itsg-fill,20%));border:0;box-shadow:none;margin:0;padding:0}
.itsg-calc__range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--itsg-blue);box-shadow:var(--itsg-sh);cursor:pointer}
.itsg-calc__range output{min-width:92px;text-align:center;padding:8px 12px;background:var(--itsg-bg);border-radius:var(--itsg-r);font-size:15px;white-space:nowrap}
.itsg-calc__range output b{font-size:20px;color:var(--itsg-navy)}
.itsg-calc__hint{margin:10px 0 0;font-size:13.5px;color:var(--itsg-muted)}
.itsg-calc__card{position:sticky;top:98px;background:linear-gradient(150deg,#0B1F3F 0%,#14356B 100%);color:#fff;border-radius:var(--itsg-r-lg);padding:24px;box-shadow:var(--itsg-sh-lg)}
.itsg-calc__badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#FFB37E;letter-spacing:.08em;margin-bottom:6px}
.itsg-calc__card h3{color:#fff;font-size:20px;margin:0 0 12px}
.itsg-calc__lines{list-style:none;margin:0;padding:0;min-height:80px}
.itsg-calc__lines li{display:flex;justify-content:space-between;gap:12px;margin:0;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.16);font-size:14px}
.itsg-calc__lines li span{color:rgba(255,255,255,.82)}
.itsg-calc__lines li b{white-space:nowrap}
.itsg-calc__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0 8px}
.itsg-calc__total span{font-weight:500;color:rgba(255,255,255,.82)}
.itsg-calc__total b{font-size:30px;color:#FFB37E;white-space:nowrap}
.itsg-calc__note-txt{font-size:12.5px;color:rgba(255,255,255,.68);margin:0 0 14px;line-height:1.55}
.itsg-calc__lead{display:flex;flex-direction:column;gap:9px;margin:0}
.itsg-calc__lead input{height:44px;border-radius:var(--itsg-r);border:0;margin:0;padding:0 14px;font-size:14.5px;box-shadow:none}
.itsg-calc__msg{margin:2px 0 0;font-size:13.5px;min-height:1.4em}
.itsg-calc__msg.is-ok{color:#7CE3A4}.itsg-calc__msg.is-err{color:#FFB4A0}

/* =========================================================
   11. TIN TỨC, BÀI VIẾT CHI TIẾT & SIDEBAR CHUYÊN NGHIỆP
   ========================================================= */
.itsg-blog-sec{padding:36px 0 72px;background:var(--itsg-bg)}
.itsg-chips--blog{margin-bottom:28px;justify-content:flex-start}
.itsg-blog-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start}
.itsg-blog-main{min-width:0}

.itsg-pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.itsg-pcards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.itsg-pcard{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:var(--itsg-sh);transition:transform .25s,box-shadow .25s,border-color .25s}
.itsg-pcard:hover{transform:translateY(-4px);box-shadow:var(--itsg-sh-lg);border-color:var(--itsg-blue)}
.itsg-pcard__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0E2346}
.itsg-pcard__img{display:block;width:100%;height:100%}
.itsg-pcard__img img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .35s}
.itsg-pcard:hover .itsg-pcard__img img{transform:scale(1.04)}
.itsg-pcard__cat{position:absolute;left:12px;top:12px;z-index:2;padding:4px 11px;border-radius:999px;background:rgba(11,31,63,.86);backdrop-filter:blur(6px);color:#fff!important;font-size:11.5px;font-weight:700;text-decoration:none}
.itsg-pcard__cat:hover{background:var(--itsg-orange)}
.itsg-pcard__body{padding:18px 20px 18px;display:flex;flex-direction:column;flex:1}
.itsg-pcard__meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--itsg-muted);margin-bottom:8px}
.itsg-pcard__meta span{display:inline-flex;align-items:center;gap:5px}
.itsg-pcard__title{font-size:17.5px;line-height:1.38;margin:0 0 8px}
.itsg-pcard__title a{color:var(--itsg-navy);text-decoration:none}
.itsg-pcard__title a:hover{color:var(--itsg-blue)}
.itsg-pcard__desc{font-size:14px;color:var(--itsg-muted);line-height:1.55;margin:0 0 14px}
.itsg-pcard__foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--itsg-line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.itsg-pcard__author{display:inline-flex;align-items:center;gap:5px;color:var(--itsg-navy);font-weight:700}
.itsg-pcard__author .itsg-ico{color:var(--itsg-blue)}
.itsg-pcard__more{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--itsg-blue);text-decoration:none}
.itsg-pcard__more:hover{color:var(--itsg-orange)}

/* Chi tiết bài viết (Single Post) */
.itsg-page-hero--post .itsg-post-hero__cat{display:inline-flex;padding:4px 12px;border-radius:999px;background:var(--itsg-orange);color:#fff!important;font-size:12px;font-weight:700;text-decoration:none;margin:10px 0 10px}
.itsg-post-hero__title{color:#fff;font-size:34px;line-height:1.25;margin:0 0 14px;max-width:100%}
.itsg-post-hero__meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13.5px;color:rgba(255,255,255,.82)}
.itsg-post-hero__meta span{display:inline-flex;align-items:center;gap:6px}
.itsg-post-hero__meta .itsg-ico{color:#FFB37E}
.itsg-post-box{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:30px 32px;box-shadow:var(--itsg-sh)}
.itsg-post-box__feat{margin-bottom:22px;border-radius:var(--itsg-r-lg);overflow:hidden;aspect-ratio:16/9;background:#0E2346}
.itsg-post-box__feat img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.itsg-post-box__lead{padding:16px 20px;border-left:4px solid var(--itsg-blue);background:var(--itsg-blue-50);border-radius:0 var(--itsg-r) var(--itsg-r) 0;font-size:16px;font-weight:500;color:var(--itsg-navy);margin-bottom:22px}
.itsg-post-cta{margin:32px 0 24px;padding:24px 26px;background:linear-gradient(125deg,#0B1F3F 0%,#163B73 100%);color:#fff;border-radius:var(--itsg-r-lg);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.itsg-post-cta__badge{display:inline-flex;align-items:center;gap:5px;color:#FFB37E;font-size:11.5px;font-weight:700;letter-spacing:.06em;margin-bottom:4px}
.itsg-post-cta h3{color:#fff;font-size:20px;margin:0 0 6px;border:0!important;padding:0!important}
.itsg-post-cta p{margin:0;color:rgba(255,255,255,.82);font-size:14.5px;max-width:520px}
.itsg-post-cta__btns{display:flex;gap:10px;flex-wrap:wrap}
.itsg-author-card{display:flex;align-items:center;gap:20px;padding:20px 22px;background:var(--itsg-bg);border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg)}
.itsg-author-card__logo{flex:0 0 150px;background:#fff;padding:12px;border-radius:var(--itsg-r);border:1px solid var(--itsg-line)}
.itsg-author-card__info strong{display:block;font-size:16px;color:var(--itsg-navy);margin-bottom:4px}
.itsg-author-card__info p{margin:0 0 8px;font-size:14px;color:var(--itsg-muted);line-height:1.5}
.itsg-author-card__links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--itsg-ink);font-weight:500}
.itsg-author-card__links span,.itsg-author-card__links a{display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.itsg-rel-posts{margin-top:36px}
.itsg-rel-posts__title{font-size:22px;text-transform:uppercase;margin:0 0 18px;padding-bottom:8px;border-bottom:2.5px solid var(--itsg-blue);display:inline-block}

/* Sidebar chuyên nghiệp (.itsg-sb) */
.itsg-sb{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
.admin-bar .itsg-sb{top:128px}
.itsg-sb__box{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:20px 20px;box-shadow:var(--itsg-sh)}
.itsg-sb__head-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.itsg-sb__head-row .itsg-sb__title{margin:0;padding:0;border:0}
.itsg-sb__head-row a{font-size:13px;font-weight:700;text-decoration:none}
.itsg-sb__title{display:flex;align-items:center;gap:8px;font-size:16.5px;color:var(--itsg-navy);margin:0 0 14px;padding-bottom:10px;border-bottom:1.5px solid var(--itsg-line)}
.itsg-sb__title .itsg-ico{color:var(--itsg-blue)}
.itsg-sb__search{display:flex;border:1.5px solid var(--itsg-line);border-radius:var(--itsg-r);overflow:hidden;background:var(--itsg-bg)}
.itsg-sb__search input{flex:1;border:0!important;box-shadow:none!important;height:42px;margin:0;padding:0 13px;font-size:14px;background:transparent;min-width:0}
.itsg-sb__search button{width:42px;height:42px;border:0;background:var(--itsg-blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0;padding:0;flex:0 0 42px}
.itsg-sb__search button:hover{background:var(--itsg-orange)}

.itsg-sb__consult{background:linear-gradient(145deg,#0B1F3F 0%,#163B73 100%);color:#fff;border-radius:var(--itsg-r-lg);padding:22px 20px;box-shadow:var(--itsg-sh-lg)}
.itsg-sb__badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#FFB37E;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:10px}
.itsg-sb__consult h3{color:#fff;font-size:18.5px;margin:0 0 6px;line-height:1.3}
.itsg-sb__consult p{color:rgba(255,255,255,.8);font-size:13.5px;margin:0 0 14px;line-height:1.5}
.itsg-sb__tels{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.itsg-sb__tels a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--itsg-r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff!important;text-decoration:none;transition:background .2s}
.itsg-sb__tels a:hover{background:rgba(255,255,255,.16)}
.itsg-sb__tel-ico{width:34px;height:34px;border-radius:8px;background:var(--itsg-orange);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 34px}
.itsg-sb__tels small{display:block;font-size:11.5px;color:rgba(255,255,255,.72);line-height:1.2}
.itsg-sb__tels b{font-size:15px;color:#FFB37E;white-space:nowrap}
.itsg-sb__consult .itsg-btn{margin-bottom:8px}
.itsg-sb__consult .itsg-btn:last-child{margin-bottom:0}

.itsg-sb__cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.itsg-sb__cats li{margin:0}
.itsg-sb__cats a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--itsg-r);background:var(--itsg-bg);color:var(--itsg-navy);font-weight:600;font-size:14px;text-decoration:none}
.itsg-sb__cats a b{background:#fff;border:1px solid var(--itsg-line);padding:1px 8px;border-radius:999px;font-size:12px;color:var(--itsg-muted)}
.itsg-sb__cats a:hover,.itsg-sb__cats a.is-on{background:var(--itsg-blue);color:#fff}
.itsg-sb__cats a:hover b,.itsg-sb__cats a.is-on b{background:rgba(255,255,255,.2);border-color:transparent;color:#fff}

.itsg-sb__posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.itsg-sb__posts li{margin:0}
.itsg-sb__post{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--itsg-navy)}
.itsg-sb__pimg{width:76px;height:54px;border-radius:6px;overflow:hidden;flex:0 0 76px;background:#0E2346}
.itsg-sb__pimg img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.itsg-sb__ptxt{display:flex;flex-direction:column;gap:3px;min-width:0}
.itsg-sb__ptxt strong{font-size:13.5px;line-height:1.35;color:var(--itsg-navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.itsg-sb__post:hover .itsg-sb__ptxt strong{color:var(--itsg-blue)}
.itsg-sb__ptxt small{font-size:12px;color:var(--itsg-muted)}

.itsg-sb__prods{display:flex;flex-direction:column;gap:12px}
.itsg-sb__prod{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px dashed var(--itsg-line)}
.itsg-sb__prod:last-child{padding-bottom:0;border-bottom:0}
.itsg-sb__prod-img{width:88px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;flex:0 0 88px;background:#0E2346;border:1px solid var(--itsg-line)}
.itsg-sb__prod-img img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.itsg-sb__prod-body{flex:1;min-width:0}
.itsg-sb__prod-title{display:block;font-size:13.5px;font-weight:700;color:var(--itsg-navy);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;margin-bottom:4px}
.itsg-sb__prod-title:hover{color:var(--itsg-blue)}
.itsg-sb__prod-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}
.itsg-sb__prod-price del{display:none}
.itsg-sb__prod-price ins,.itsg-sb__prod-price .amount{text-decoration:none;font-size:13.5px;font-weight:700;color:var(--itsg-orange)}
.itsg-sb__prod-demo{font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--itsg-blue-50);color:var(--itsg-blue);text-decoration:none}
.itsg-sb__prod-demo:hover{background:var(--itsg-blue);color:#fff}

/* =========================================================
   12. TRANG CHÍNH SÁCH 2 CỘT, BẢN ĐỒ GOOGLE MAPS & FOOTER
   ========================================================= */
.itsg-pnav{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.itsg-pnav__box{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:20px;box-shadow:var(--itsg-sh)}
.itsg-pnav__box h3{font-size:17px;margin:0 0 12px;padding-bottom:10px;border-bottom:1.5px solid var(--itsg-line)}
.itsg-pnav__box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.itsg-pnav__box li{margin:0}
.itsg-pnav__box a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:var(--itsg-r);color:var(--itsg-ink);font-weight:600;font-size:14px;text-decoration:none;transition:all .2s}
.itsg-pnav__box a span{flex:1}
.itsg-pnav__box a .itsg-ico:first-child{color:var(--itsg-blue)}
.itsg-pnav__box a:hover,.itsg-pnav__box a.is-on{background:var(--itsg-blue);color:#fff}
.itsg-pnav__box a:hover .itsg-ico,.itsg-pnav__box a.is-on .itsg-ico{color:#fff}
.itsg-pnav__help{background:linear-gradient(145deg,#0B1F3F 0%,#163B73 100%);color:#fff;border-radius:var(--itsg-r-lg);padding:22px 20px;box-shadow:var(--itsg-sh-lg)}
.itsg-pnav__badge{display:inline-flex;align-items:center;gap:5px;color:#FFB37E;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:6px}
.itsg-pnav__help h4{color:#fff;font-size:18px;margin:0 0 6px}
.itsg-pnav__help p{color:rgba(255,255,255,.8);font-size:13.5px;margin:0 0 14px;line-height:1.5}
.itsg-pnav__help .itsg-btn{margin-bottom:8px}
.itsg-pnav__help .itsg-btn:last-child{margin-bottom:0}

.itsg-policy-doc{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:32px 34px;box-shadow:var(--itsg-sh)}
.itsg-policy-sum{padding:16px 20px;border-radius:var(--itsg-r-lg);background:var(--itsg-blue-50);border-left:4px solid var(--itsg-blue);margin-bottom:24px}
.itsg-policy-sum strong{display:block;font-size:14.5px;color:var(--itsg-blue);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.itsg-policy-sum p{margin:0;font-size:15px;color:var(--itsg-navy);font-weight:500}
.itsg-policy-sign{margin-top:28px;padding-top:20px;border-top:1.5px dashed var(--itsg-line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.itsg-policy-sign div{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--itsg-muted)}
.itsg-policy-sign strong{font-size:15px;color:var(--itsg-navy)}

/* Accordion, CTA, CF7, Bản đồ Google Maps */
.accordion-item{border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);margin-bottom:12px;background:#fff;overflow:hidden;box-shadow:0 2px 6px rgba(11,31,63,.03)}
.accordion-item:last-child{margin-bottom:0!important}
.accordion-title{border:0!important;padding:16px 52px 16px 20px!important;font-size:16px;font-weight:700;color:var(--itsg-navy)!important;position:relative;text-decoration:none}
.accordion-title.active{color:var(--itsg-blue)!important;background:var(--itsg-blue-50)}
.accordion-title .toggle{left:auto!important;right:14px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;background:var(--itsg-bg);display:flex;align-items:center;justify-content:center}
.accordion-title .toggle i{display:none!important}
.accordion-title .toggle::before{content:"";width:8px;height:8px;border-right:2px solid var(--itsg-navy);border-bottom:2px solid var(--itsg-navy);transform:rotate(45deg) translateY(-2px);transition:transform .22s,border-color .22s;display:block}
.accordion-title.active .toggle{background:var(--itsg-blue);color:#fff}
.accordion-title.active .toggle::before{border-color:#fff;transform:rotate(-135deg) translateY(-2px)}
.accordion-inner{padding:10px 20px 18px!important;color:var(--itsg-muted);font-size:15px;line-height:1.65}

.section.itsg-cta{background:linear-gradient(125deg,#0B1F3F 0%,#153D7A 55%,#1D5FD1 100%)!important;color:#fff}
.itsg-cta h2{color:#fff;font-size:32px;margin-bottom:10px}
.itsg-cta p{color:rgba(255,255,255,.86);font-size:16px}
.itsg-cta__direct{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.itsg-cta__box{background:#fff;border-radius:var(--itsg-r-lg);padding:26px 26px;box-shadow:var(--itsg-sh-lg);color:var(--itsg-ink)}
.itsg-cta__box h3{font-size:20px;margin:0 0 14px}
ul.itsg-checks{list-style:none;margin:0 0 10px;padding:0}
ul.itsg-checks li{position:relative;padding:6px 0 6px 30px;margin:0;font-weight:500}
ul.itsg-checks li::before{content:"";position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:50%;background:var(--itsg-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.itsg-cta ul.itsg-checks li{color:#fff}
.wpcf7 form{margin:0}
.wpcf7 p{margin:0 0 12px}
.wpcf7 label{font-weight:600;font-size:14px;color:var(--itsg-ink);display:block}
.wpcf7 input[type=text],.wpcf7 input[type=tel],.wpcf7 input[type=email],.wpcf7 select,.wpcf7 textarea{width:100%;height:46px;border:1.5px solid var(--itsg-line);border-radius:var(--itsg-r);box-shadow:none;padding:0 14px;font-size:15px;margin:4px 0 0;background:#fff}
.wpcf7 textarea{height:auto;min-height:92px;padding:12px 14px}
.wpcf7 .wpcf7-submit{width:100%;min-height:48px;background:var(--itsg-orange)!important;border:0!important;color:#fff!important;font-weight:700;border-radius:var(--itsg-r);font-size:15.5px;margin:4px 0 0;cursor:pointer}
.itsg-f2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}

.section.itsg-page-hero,.itsg-page-hero{background:radial-gradient(700px 260px at 85% 15%,rgba(45,140,255,.25),transparent 70%),linear-gradient(125deg,#081B38 0%,#123A7A 100%)!important;padding-top:54px!important;padding-bottom:54px!important;color:rgba(255,255,255,.88)}
.itsg-page-hero h1{color:#fff;font-size:38px;margin:0 0 12px}
.itsg-page-hero p{font-size:16.5px;color:rgba(255,255,255,.84);max-width:100%;margin-bottom:14px}
.itsg-page-hero .itsg-kicker{color:#FFB37E}
.itsg-page-hero .itsg-bc,.itsg-page-hero .itsg-bc a{color:rgba(255,255,255,.75)}
.itsg-page-hero .button{margin:6px 10px 0 0!important}
.itsg-img-r img,.itsg-img-r .img-inner{border-radius:var(--itsg-r-lg)}
.itsg-img-r .img-inner{box-shadow:var(--itsg-sh-lg)}
.itsg-cinfo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.itsg-cinfo li{display:flex;align-items:center;gap:13px;margin:0;padding:12px 14px;background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg)}
.itsg-cinfo__ico{width:40px;height:40px;border-radius:var(--itsg-r);background:var(--itsg-blue-50);color:var(--itsg-blue);display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.itsg-cinfo__txt{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.itsg-cinfo__txt small{font-size:12px;color:var(--itsg-muted)}
.itsg-cinfo__txt b{font-size:15px;color:var(--itsg-navy)}
.itsg-cinfo__txt b a{color:var(--itsg-navy);white-space:nowrap;text-decoration:none}
.itsg-cinfo--plain li{border:0;padding:8px 0;background:transparent;border-bottom:1px dashed var(--itsg-line);border-radius:0}
.itsg-cinfo--strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.itsg-cinfo--strip li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.itsg-cinfo--strip .itsg-cinfo__txt b,.itsg-cinfo--strip .itsg-cinfo__txt b a{color:#fff}
.itsg-cinfo--strip .itsg-cinfo__txt small{color:rgba(255,255,255,.65)}
.itsg-box{background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:26px;height:100%;box-shadow:var(--itsg-sh)}
.itsg-box h3{font-size:20px;margin:0 0 14px}

.itsg-map{border-radius:var(--itsg-r-lg);overflow:hidden;border:1.5px solid var(--itsg-line);box-shadow:var(--itsg-sh);background:var(--itsg-bg)}
.itsg-map iframe{display:block;width:100%!important;height:var(--itsg-map-h,420px)!important;border:0}
.itsg-foot .itsg-map{border-color:rgba(255,255,255,.15);box-shadow:none}

.itsg-mini-hero{background:linear-gradient(120deg,var(--itsg-navy) 0%,#123A7A 100%);color:#fff;padding:30px 0 34px}
.itsg-mini-hero .itsg-bc,.itsg-mini-hero .itsg-bc a{color:rgba(255,255,255,.75)}
.itsg-mini-hero__title{color:#fff;font-size:32px;margin:8px 0 4px}
.itsg-mini-hero__desc{margin:0;color:rgba(255,255,255,.8)}
.itsg-table--plain{min-width:0}
.itsg-table--plain td{text-align:left!important;padding:11px 12px}
.itsg-table--plain td:first-child{width:36%;color:var(--itsg-muted);font-weight:500}
ul[class*="itsg-"]>li,ol[class*="itsg-"]>li,.itsg-foot ul>li{margin-left:0!important}
ul[class*="itsg-"],ol[class*="itsg-"]{margin-left:0}

/* Footer */
.itsg-footer{background:var(--itsg-navy)}
.section.itsg-foot{background:#091A36!important;color:rgba(255,255,255,.78);padding-top:56px!important;padding-bottom:32px!important;font-size:14px}
.itsg-foot h3,.itsg-foot h4{color:#fff;font-size:16px;margin:0 0 14px;letter-spacing:0;line-height:1.3}
.itsg-foot a{color:rgba(255,255,255,.8);text-decoration:none}
.itsg-foot a:hover{color:#FFB37E}
.itsg-foot ul{list-style:none;margin:0;padding:0}
.itsg-foot ul li{margin:0;padding:6.5px 0;line-height:1.45}
.itsg-foot .itsg-foot__logo{margin-bottom:10px!important}
.itsg-foot .itsg-foot__logo img{max-width:220px;display:block}
.itsg-foot__about{color:rgba(255,255,255,.76);line-height:1.58;margin:0 0 10px}
.itsg-foot__contacts{font-size:13.5px;line-height:1.55}
.itsg-foot__contacts li{padding:3px 0!important}
.itsg-foot__contacts strong{color:#fff}
.itsg-foot__hours{margin:10px 0 0!important;padding:8px 11px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:12.4px;color:rgba(255,255,255,.85);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itsg-foot__hours strong{color:#FFB37E}
.itsg-foot-cta{background:linear-gradient(115deg,#1447A6 0%,#1D5FD1 55%,#2774F5 100%);border:1px solid rgba(255,255,255,.18);border-radius:var(--itsg-r-xl);padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;flex-wrap:wrap;box-shadow:0 16px 38px rgba(5,16,38,.35)}
.itsg-foot-cta>div:first-child{flex:1 1 320px;max-width:680px;min-width:0}
.itsg-foot-cta__kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;color:#FFD166;margin-bottom:4px}
.itsg-foot-cta h3{margin:0 0 4px;font-size:23px;color:#fff}
.itsg-foot-cta p{margin:0;color:rgba(255,255,255,.88)}
.itsg-foot-cta__btns,.itsg-foot-cta__btns p{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0}
.itsg-foot-cta__btns .button,.itsg-foot-cta__btns .itsg-btn{margin:0!important;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-size:14.5px;line-height:1.2}
.itsg-foot__strip{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:32px}
.itsg-copy{background:#061226;color:rgba(255,255,255,.68);font-size:13px;border-top:1px solid rgba(255,255,255,.07)}
.itsg-copy a{color:#FFB37E;font-weight:700;text-decoration:none}
.itsg-copy__in{display:flex;justify-content:space-between;gap:16px;min-height:52px;align-items:center;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}

/* Trang Xem Demo */
body.itsg-demo-page{margin:0;background:#1A2335;font-family:var(--itsg-font);color:#fff}
.itsg-demo-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;height:64px;padding:0 18px;background:var(--itsg-navy);border-bottom:1px solid rgba(255,255,255,.08)}
.itsg-demo-bar__logo img{height:38px;width:auto;display:block}
.itsg-demo-bar__name{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1}
.itsg-demo-bar__name strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itsg-demo-bar__name span{font-size:13.5px;color:#FFB37E}
.itsg-demo-bar__name del{color:rgba(255,255,255,.5)}
.itsg-demo-bar__name ins{text-decoration:none}
.itsg-demo-bar__dev{display:flex;gap:4px;background:rgba(255,255,255,.08);border-radius:var(--itsg-r);padding:4px}
.itsg-demo-bar__dev button{width:40px;height:34px;border:0;border-radius:4px;background:transparent;color:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0}
.itsg-demo-bar__dev button.is-on{background:var(--itsg-blue);color:#fff}
.itsg-demo-bar__act{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}
.itsg-demo-bar__act .itsg-btn{min-height:40px}
.itsg-demo-bar__close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center}
.itsg-demo-stage{padding:22px 16px 40px}
.itsg-demo-frame{max-width:1280px;margin:0 auto;transition:max-width .35s ease;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.itsg-demo-frame img{display:block;width:100%;height:auto}
.itsg-demo-frame iframe{display:block;width:100%;height:calc(100vh - 110px);border:0}

/* =========================================================
   13. RESPONSIVE (CHUẨN 9 KHỔ MÀN HÌNH 320px → 1440px)
   ========================================================= */
@media (max-width:1279px){
  .itsg-logo img{height:40px}
  .itsg-menu>li>a{padding:0 8px;font-size:13.5px}
  .itsg-menu>li>a::after{left:8px;right:8px}
  .itsg-hero h1{font-size:34px}
  .itsg-pdp__grid,.itsg-calc,.itsg-blog-grid{grid-template-columns:minmax(0,1fr) 340px}
  .itsg-wsplit{grid-template-columns:380px minmax(0,1fr);gap:24px}
  .itsg-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1180px){
  .itsg-mi__ico{display:none}
  .itsg-header__in{gap:10px}
  .itsg-topbar__l .itsg-topbar__item:nth-child(2){display:none}
}
@media (max-width:1023px){
  .itsg-topbar{display:none}
  .itsg-header__in{position:relative;height:64px;gap:0;justify-content:space-between;padding-left:16px;padding-right:16px}
  .itsg-nav,.itsg-zalobox{display:none}
  .itsg-hbtn{display:inline-flex}
  .itsg-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .itsg-logo img{height:40px}
  .itsg-hero h1{font-size:32px}
  .section.itsg-sec-kpis{margin-top:0;padding-top:20px!important}
  .itsg-tiles,.itsg-cinfo--strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .itsg-steps-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .itsg-wsplit{grid-template-columns:1fr;gap:28px}
  .itsg-pdp__grid,.itsg-calc,.itsg-blog-grid{grid-template-columns:minmax(0,1fr)}
  .itsg-pdp__side{position:static;order:-1}
  .itsg-calc__card,.itsg-sb,.itsg-pnav{position:static}
  .itsg-card__tip{display:none}
  .products.row,.row:has(>.itsg-pcol),.itsg-pcards--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .itsg-sec-head__title{font-size:25px}
}
@media (max-width:849px){
  .section.itsg-sec{padding-top:48px!important;padding-bottom:48px!important}
}
@media (max-width:782px){.admin-bar .itsg-header{top:46px}}
@media (max-width:767px){
  :root{--itsg-gut:16px}
  body{font-size:15px;padding-bottom:62px}
  .section.itsg-sec{padding-top:42px!important;padding-bottom:42px!important}
  .section.itsg-hero{padding-top:32px!important;padding-bottom:44px!important}
  .itsg-hero h1{font-size:27px}
  .itsg-hero__lead{font-size:15px}
  .itsg-typing{font-size:15px;padding:7px 12px}
  .itsg-hero__btns{gap:10px}
  .itsg-hero__btns .button{flex:1 1 auto;justify-content:center;min-height:46px;padding:0 14px;font-size:13.5px}
  .itsg-hshow__tabs{display:flex;width:100%;border-radius:10px;padding:4px}
  .itsg-hshow__tab{flex:1 1 0;text-align:center;padding:6px 6px;font-size:11.5px;border-radius:8px;white-space:nowrap}
  .itsg-hshow__chip--seo{display:none}
  .itsg-hshow__chip--speed{left:8px;bottom:8px;padding:6px 10px}
  .itsg-kpis{grid-template-columns:1fr;gap:12px}
  .itsg-sec-head{flex-wrap:wrap!important;align-items:flex-start!important;margin-bottom:22px}
  .itsg-sec-head__title{font-size:22px}
  .itsg-sec-head__sub{font-size:14.5px}
  .itsg-viewall{padding:7px 12px;font-size:13.5px}
  .itsg-why__checks .featured-box{padding:16px}
  .itsg-why__pair .featured-box{padding:22px 18px}
  .itsg-wheel{max-width:320px}
  .itsg-wheel__seg text{font-size:12px}
  .itsg-wheel__center{inset:26%;padding:12px}
  .itsg-wheel__item strong{font-size:13.5px}
  .itsg-wheel__item span{font-size:11.5px;-webkit-line-clamp:3}
  .itsg-wcards,.itsg-steps-flow,.itsg-featlist,.itsg-deliverables,.itsg-pcards,.itsg-pcards--3,.itsg-modal__row{grid-template-columns:1fr;gap:12px}
  .itsg-pdp__box,.itsg-post-box,.itsg-policy-doc{padding:20px 16px}
  .itsg-pdp__intro{padding:16px}
  .itsg-browser__screen{height:400px}
  .itsg-calc__types,.itsg-calc__adds{grid-template-columns:1fr}
  .itsg-calc__step{padding:18px 16px}
  .itsg-searchbox{padding:28px 0 32px}
  .itsg-searchbox__title{font-size:22px}
  .itsg-searchbox__form button span{display:none}
  .itsg-searchbox__form button{width:44px;padding:0}
  .itsg-page-hero h1,.itsg-post-hero__title{font-size:26px}
  .section.itsg-page-hero,.itsg-page-hero{padding-top:34px!important;padding-bottom:34px!important}
  .itsg-cta h2,.itsg-shop-cta__txt h2{font-size:23px}
  .itsg-shop-cta{padding:24px 20px}
  .itsg-shop-cta__btns{width:100%}
  .itsg-author-card{flex-direction:column;align-items:flex-start}
  .itsg-copy__in{flex-direction:column;justify-content:center;text-align:center;gap:4px;padding-top:14px;padding-bottom:14px}
  .itsg-foot-cta{padding:22px 20px}
  .itsg-f2{grid-template-columns:1fr}
  .itsg-shop-bar{flex-direction:column;align-items:stretch;gap:10px}
  .itsg-shop-bar select{width:100%}
  .itsg-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-4px;margin-right:-4px;padding:0 4px 4px}
  .itsg-chips::-webkit-scrollbar{display:none}
  .itsg-crumbbar__in{justify-content:center;text-align:center}
  .itsg-crumbbar__r{display:none}
  .itsg-fcta{right:14px;bottom:78px;gap:12px}
  .itsg-fcta__btn{width:46px;height:46px}
  .itsg-fcta__ico svg{width:20px;height:20px}
  .itsg-fcta__pill{display:none}
  .itsg-totop{width:38px;height:38px;margin-right:4px}
  .itsg-bbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:400;height:62px;background:#fff;border-top:1px solid var(--itsg-line);box-shadow:0 -6px 20px rgba(11,31,63,.08);padding-bottom:env(safe-area-inset-bottom)}
  .itsg-bbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--itsg-navy);font-size:12px;font-weight:700;min-width:0;text-decoration:none}
  .itsg-bbar a span{white-space:nowrap}
  .itsg-bbar__zalo{background:var(--itsg-zalo);color:#fff!important}
  .itsg-bbar__call{background:var(--itsg-orange);color:#fff!important}
  .itsg-has-pbar .itsg-bbar{display:none}
  .itsg-pbar{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:401;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--itsg-line);box-shadow:0 -6px 20px rgba(11,31,63,.1)}
  .itsg-pbar__price{flex:1;min-width:0;line-height:1.2}
  .itsg-pbar__price del{display:block;font-size:12px;color:#94A0B4}
  .itsg-pbar__price ins,.itsg-pbar__price>.amount{text-decoration:none;font-size:18px;font-weight:700;color:var(--itsg-orange);white-space:nowrap}
  .itsg-pbar__demo{display:flex;align-items:center;gap:5px;height:44px;padding:0 12px;border-radius:var(--itsg-r);border:1.5px solid var(--itsg-line);color:var(--itsg-navy);font-weight:700;font-size:13.5px;text-decoration:none}
  .itsg-pbar__buy{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:var(--itsg-r);background:var(--itsg-zalo);color:#fff!important;font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none}
  .itsg-demo-bar{gap:10px;padding:0 10px}
  .itsg-demo-bar__logo,.itsg-demo-bar__act .itsg-btn--line-w{display:none}
  .itsg-demo-bar__dev button{width:34px}
  .itsg-demo-bar__act{flex:0 0 auto}
  .itsg-demo-bar__act .itsg-btn--buy span{display:none}
  .itsg-demo-bar__act .itsg-btn--buy{padding:0 12px}
}
@media (max-width:549px){
  .products.row,.row:has(>.itsg-pcol){grid-template-columns:1fr;gap:16px}
  .itsg-tiles{grid-template-columns:1fr 1fr;gap:10px}
  .itsg-tile{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
  .itsg-tile>.itsg-ico{display:none}
  .itsg-cinfo--strip,.itsg-buybox__tels{grid-template-columns:1fr}
  .woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span,.nav-links .page-numbers{min-width:36px;height:36px}
  .itsg-tile__txt strong{font-size:min(14.5px,calc(100cqi/10.5))}
  .itsg-az a,.itsg-az span{min-width:29px;height:29px;font-size:12px;padding:0 6px}
}
@media (max-width:380px){
  .itsg-bbar a{font-size:11px}
  .itsg-bbar__call span{font-size:11px;letter-spacing:-.2px}
  .itsg-hero h1{font-size:24px}
  .itsg-typing{font-size:14px}
  .itsg-pbar__demo span{display:none}
  .itsg-wheel{max-width:284px}
}

/* ==========================================================================
 * VÒNG 4 – LIVE IFRAME ẨN NGUỒN & HỆ THỐNG ĐÁNH GIÁ 5 SAO SVG CHUẨN 2027
 * ========================================================================== */

/* --- Sao SVG sắc nét trên thẻ sản phẩm & trang chi tiết --- */
.itsg-svg-stars{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;line-height:1}
.itsg-svg-stars svg{display:block;flex-shrink:0}
.itsg-pdp__meta-rating{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#FFFBEB;border:1px solid #FDE68A;color:#92400E!important;text-decoration:none!important;font-size:13px}
.itsg-pdp__meta-rating b{color:#78350F}
.itsg-buybox__rating-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:#FFFBEB;border:1px solid #FDE68A;color:#92400E!important;text-decoration:none!important;font-size:12.5px}
.itsg-card__sku svg{flex-shrink:0;margin-right:2px}
.itsg-card__sku b{color:var(--itsg-navy);font-weight:700}

/* --- Thanh nhập link chạy thử Iframe ẩn nguồn trong khung Browser --- */
.itsg-browser__try{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#F1F5F9;border-bottom:1px solid var(--itsg-line)}
.itsg-browser__try-lbl{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--itsg-navy);white-space:nowrap;margin:0}
.itsg-browser__try-lbl svg{color:var(--itsg-blue)}
.itsg-browser__try input[type=text]{flex:1;min-width:0;height:38px!important;margin:0!important;padding:0 12px!important;border-radius:8px!important;border:1px solid #CBD5E1!important;background:#fff!important;font-size:13.5px!important;color:var(--itsg-navy)!important;box-shadow:none!important}
.itsg-browser__try input[type=text]:focus{border-color:var(--itsg-blue)!important;outline:none!important}
.itsg-browser__try .itsg-btn--sm{height:38px;padding:0 14px;font-size:13px;border-radius:8px;white-space:nowrap;flex-shrink:0}
.itsg-browser__iframe{display:block;width:100%;height:680px;border:0;background:#fff}
.itsg-browser.is-iframe .itsg-browser__screen{height:680px;overflow:hidden;padding:0;background:#fff}

/* --- Thanh nhập link trên trang Xem Demo toàn màn hình (/xem-demo/) --- */
.itsg-demo-bar__urlform{display:flex;align-items:center;gap:6px;flex:0 1 360px;min-width:0}
.itsg-demo-bar__url{flex:1;min-width:0;height:36px!important;margin:0!important;padding:0 12px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font-size:13px!important}
.itsg-demo-bar__url::placeholder{color:rgba(255,255,255,.65)}
.itsg-demo-bar__url:focus{background:rgba(255,255,255,.16)!important;border-color:var(--itsg-orange)!important;outline:none!important}
.itsg-demo-bar__urlbtn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 12px;border-radius:8px;border:0;background:var(--itsg-blue);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s}
.itsg-demo-bar__urlbtn:hover{background:#154BB0}
.itsg-demo-stage__frame{display:block;width:100%;height:calc(100vh - 60px);border:0;background:#fff}
.itsg-demo-stage[data-device=tablet] .itsg-demo-stage__frame{width:768px;max-width:100%;height:calc(100vh - 88px);margin:14px auto;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.itsg-demo-stage[data-device=mobile] .itsg-demo-stage__frame{width:390px;max-width:100%;height:calc(100vh - 88px);margin:14px auto;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.35)}

/* --- Hệ thống Đánh giá 5 Sao Chuẩn Agency 2027 (#itsg-reviews) --- */
.itsg-rev{margin-top:24px}
.itsg-rev__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--itsg-line)}
.itsg-rev__title{margin:4px 0 0;font-size:22px;line-height:1.3;color:var(--itsg-navy)}
.itsg-rev__summary{display:grid;grid-template-columns:200px 1fr 270px;gap:22px;align-items:center;padding:22px;border-radius:14px;background:linear-gradient(135deg,#F8FAFC 0%,#EFF6FF 100%);border:1px solid #DBEAFE;margin-bottom:24px}
.itsg-rev__score{text-align:center;padding-right:18px;border-right:1px solid #DBEAFE}
.itsg-rev__score-num{font-size:44px;font-weight:800;line-height:1;color:var(--itsg-navy);letter-spacing:-1px}
.itsg-rev__score-num span{font-size:20px;font-weight:600;color:#64748B}
.itsg-rev__score-stars{margin:8px 0 6px;display:flex;justify-content:center}
.itsg-rev__score-stars .itsg-svg-stars svg{width:18px;height:18px}
.itsg-rev__score-txt{margin:0;font-size:12.5px;color:#475569;line-height:1.4}
.itsg-rev__bars{display:flex;flex-direction:column;gap:7px}
.itsg-rev__bar-row{display:grid;grid-template-columns:46px 1fr 28px;align-items:center;gap:10px;font-size:13px;color:#475569}
.itsg-rev__bar-row strong{text-align:right;color:var(--itsg-navy);font-size:12.5px}
.itsg-rev__bar{height:8px;border-radius:99px;background:#E2E8F0;overflow:hidden}
.itsg-rev__bar-fill{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#F59E0B,#F97316)}
.itsg-rev__bar-fill.is-100{width:100%}
.itsg-rev__guarantee{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #DBEAFE}
.itsg-rev__guarantee-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--itsg-blue);margin-bottom:6px}
.itsg-rev__guarantee p{margin:0;font-size:12.5px;line-height:1.5;color:#475569}

/* --- Danh sách 10 bình luận xác thực --- */
.itsg-rev__list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.itsg-rev-item{padding:18px;border-radius:12px;background:#fff;border:1px solid var(--itsg-line);box-shadow:0 2px 8px rgba(11,31,63,.03);transition:border-color .2s,box-shadow .2s}
.itsg-rev-item:hover{border-color:#BFDBFE;box-shadow:0 8px 20px rgba(29,95,209,.07)}
.itsg-rev-item.is-collapsed{display:none}
.itsg-rev-item__top{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.itsg-rev-item__ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--itsg-blue),#0B1F3F);color:#fff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.itsg-rev-item__meta{flex:1;min-width:0}
.itsg-rev-item__name-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:4px}
.itsg-rev-item__name{font-size:14.5px;color:var(--itsg-navy);line-height:1.3}
.itsg-rev-item__verified{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;background:#ECFDF5;color:#047857;font-size:11.5px;font-weight:700;white-space:nowrap}
.itsg-rev-item__sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748B}
.itsg-rev-item__sku{padding:1px 7px;border-radius:6px;background:#F1F5F9;color:#475569;font-weight:600}
.itsg-rev-item__body p{margin:0;font-size:14px;line-height:1.6;color:#334155}
.itsg-rev__more-wrap{margin-top:18px;text-align:center}

/* --- Biểu mẫu gửi đánh giá 5 sao SVG --- */
.itsg-rev-form-wrap{margin-top:26px;padding-top:24px;border-top:1px solid var(--itsg-line)}
.itsg-rev-form-wrap h3{margin:0 0 6px;font-size:19px;color:var(--itsg-navy)}
.itsg-rev-form__note{margin:0 0 16px;font-size:13.5px;color:#64748B}
.itsg-rev-form__note span,.itsg-rev-form em{color:#DC2626;font-style:normal}
.itsg-rev-form__rating{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;border-radius:10px;background:#F8FAFC;border:1px solid var(--itsg-line);margin-bottom:16px}
.itsg-rev-form__rating-lbl{font-size:14px;font-weight:700;color:var(--itsg-navy)}
.itsg-star-picker{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}
.itsg-star-btn{background:none;border:0;padding:2px;cursor:pointer;line-height:1;transition:transform .15s}
.itsg-star-btn:hover{transform:scale(1.12)}
.itsg-star-btn svg{display:block;fill:#E2E8F0;stroke:#94A3B8;transition:fill .15s,stroke .15s}
.itsg-star-btn.is-active svg{fill:#F59E0B;stroke:#F59E0B}
.itsg-star-picker__txt{margin-left:8px;font-size:13.5px;font-weight:700;color:#B45309}
.itsg-rev-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.itsg-rev-form label{display:block;margin:0}
.itsg-rev-form label>span{display:block;margin-bottom:6px;font-size:13.5px;font-weight:700;color:var(--itsg-navy)}
.itsg-rev-form input[type=text],.itsg-rev-form input[type=email],.itsg-rev-form textarea{width:100%;margin:0!important;padding:10px 14px!important;border-radius:10px!important;border:1px solid #CBD5E1!important;background:#fff!important;font-size:14px!important;color:var(--itsg-navy)!important;box-shadow:none!important}
.itsg-rev-form textarea{min-height:108px;resize:vertical}
.itsg-rev-form input:focus,.itsg-rev-form textarea:focus{border-color:var(--itsg-blue)!important;outline:none!important}
.itsg-rev-form__submit{margin-top:14px}

@media (max-width:1023px){
  .itsg-rev__summary{grid-template-columns:180px 1fr;gap:16px}
  .itsg-rev__guarantee{grid-column:1/-1}
  .itsg-demo-bar__urlform{display:none}
}
@media (max-width:767px){
  .itsg-browser__try{flex-wrap:wrap;padding:10px 12px}
  .itsg-browser__try-lbl{width:100%}
  .itsg-browser__try input[type=text]{flex:1 1 180px}
  .itsg-browser.is-iframe .itsg-browser__screen,.itsg-browser__iframe{height:460px}
  .itsg-rev__head{flex-direction:column;align-items: flex-start;gap:10px}
  .itsg-rev__summary{grid-template-columns:1fr;padding:16px}
  .itsg-rev__score{padding-right:0;padding-bottom:14px;border-right:0;border-bottom:1px solid #DBEAFE}
  .itsg-rev__list,.itsg-rev-form__row{grid-template-columns:1fr}
}

/* ==========================================================================
   NÂNG CẤP TOÀN DIỆN 10/10: NÚT BẢNG GIÁ PDF, CAPTCHA CHỐNG SPAM, KHUNG CHIẾT KHẤU
   MUA SỈ THEME, CÔNG CỤ TÍNH GIÁ SEO, BẢNG KẾT QUẢ KPI & LỘ TRÌNH MINH BẠCH
   ========================================================================== */

/* 1. Giữ nguyên chiều cao thực của mọi section để không nhảy cuộn (0 scroll-jump) */

/* 2. Nút Xem Bảng Giá Tham Khảo PDF (.itsg-btn--pdf) */
.itsg-btn--pdf,a.itsg-btn--pdf{background:#EFF6FF!important;color:#0B1F3F!important;border:1.5px solid #93C5FD!important;font-weight:700;box-shadow:0 2px 8px rgba(29,95,209,.08)}
.itsg-btn--pdf:hover,a.itsg-btn--pdf:hover{background:#DBEAFE!important;color:#1D5FD1!important;border-color:#1D5FD1!important;transform:translateY(-1px)}
.itsg-foot .itsg-btn--pdf,.itsg-cta .itsg-btn--pdf,.itsg-calc__card .itsg-btn--pdf{background:#FFFFFF!important;color:#0B1F3F!important;border:1.5px solid #FFFFFF!important;box-shadow:0 6px 18px rgba(7,22,48,.22)}
.itsg-foot .itsg-btn--pdf:hover,.itsg-cta .itsg-btn--pdf:hover,.itsg-calc__card .itsg-btn--pdf:hover{background:#DBEAFE!important;color:#1D5FD1!important;border-color:#BFDBFE!important}
.itsg-modal__direct{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.itsg-modal__direct .itsg-btn--pdf{grid-column:1/-1;background:linear-gradient(135deg,#EFF6FF 0%,#FFF7ED 100%)!important;border-color:#60A5FA!important;color:#0B1F3F!important}
.itsg-buybox .itsg-btn--pdf{width:100%;margin-top:8px}
.itsg-calc__lead .itsg-btn--pdf{width:100%;margin-top:8px}

/* 3. Khung Captcha Toán Học + Honeypot chống Spam (.itsg-captcha) */
.itsg-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.itsg-captcha{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:10px;background:#F8FAFC;border:1.5px solid #CBD5E1;margin:10px 0}
.itsg-captcha__lbl{display:inline-flex;align-items:center;gap:8px;margin:0!important;font-size:13.5px;color:#0F172A;white-space:nowrap}
.itsg-captcha__badge{display:inline-flex;align-items:center;gap:5px;color:#1D5FD1;font-weight:700;font-size:12.5px}
.itsg-captcha__q{font-size:15px;font-weight:800;color:#0B1F3F;background:#EFF6FF;padding:3px 9px;border-radius:6px;border:1px solid #BFDBFE}
.itsg-captcha__inp{width:130px!important;max-width:46%!important;height:38px!important;margin:0!important;padding:0 12px!important;border-radius:8px!important;border:1.5px solid #94A3B8!important;background:#fff!important;font-weight:700!important;font-size:14px!important;color:#0B1F3F!important;text-align:center}
.itsg-captcha__inp:focus{border-color:#1D5FD1!important;box-shadow:0 0 0 3px rgba(29,95,209,.15)!important;outline:none!important}

/* 4. Nâng cấp Công cụ tính giá Website & Công cụ tính giá SEO (.itsg-calc__kpis) */
.itsg-opt__meta{display:block;margin-top:5px;font-size:12px;font-weight:600;color:#0F766E}
.itsg-calc__kpis{background:#F8FAFC;border:1px solid #DBEAFE;border-radius:10px;padding:12px 14px;margin:12px 0 14px;display:flex;flex-direction:column;gap:7px;font-size:12.8px}
.itsg-calc__kpis div{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px dashed #E2E8F0}
.itsg-calc__kpis div:last-child{padding-bottom:0;border-bottom:0}
.itsg-calc__kpis span{color:#475569;font-size:12px}
.itsg-calc__kpis strong{color:#0B1F3F;font-weight:700;line-height:1.4}

/* 5. Khung chọn xem trước giá chiết khấu mua sỉ Theme 1 / 5 / 10 / Cả kho (.itsg-bulk) */
.itsg-bulk{background:#fff;border:1px solid #DBEAFE;border-radius:18px;padding:28px;box-shadow:0 16px 40px rgba(11,31,63,.06)}
.itsg-bulk__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.itsg-bulk__tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;border-radius:14px;background:#F8FAFC;border:2px solid #E2E8F0;cursor:pointer;text-align:left;transition:all .2s ease}
.itsg-bulk__tab:hover{border-color:#93C5FD;background:#EFF6FF}
.itsg-bulk__tab.is-on{background:linear-gradient(135deg,#0B1F3F 0%,#15376B 100%);border-color:#0B1F3F;color:#fff;box-shadow:0 12px 26px rgba(11,31,63,.22);transform:translateY(-2px)}
.itsg-bulk__tab-disc{display:inline-block;padding:3px 9px;border-radius:99px;background:#DBEAFE;color:#1E40AF;font-size:11.5px;font-weight:800;letter-spacing:.3px}
.itsg-bulk__tab.is-on .itsg-bulk__tab-disc{background:#F26B1D;color:#fff}
.itsg-bulk__tab-qty{font-size:19px;font-weight:800;color:#0B1F3F;margin-top:4px;line-height:1.2}
.itsg-bulk__tab.is-on .itsg-bulk__tab-qty{color:#fff}
.itsg-bulk__tab-unit{font-size:13px;font-weight:600;color:#475569}
.itsg-bulk__tab.is-on .itsg-bulk__tab-unit{color:#BFDBFE}
.itsg-bulk__panel{display:none;grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr);gap:28px;align-items:center;padding:26px;border-radius:14px;background:linear-gradient(135deg,#F8FAFC 0%,#EFF6FF 100%);border:1px solid #DBEAFE}
.itsg-bulk__panel.is-on{display:grid}
.itsg-bulk__left,.itsg-bulk__right{min-width:0;max-width:100%}
.itsg-bulk__left .itsg-kicker{white-space:normal;line-height:1.35}
.itsg-bulk__left h3{font-size:23px;color:#0B1F3F;margin:6px 0 10px;line-height:1.3}
.itsg-bulk__left p{font-size:14.5px;color:#334155;margin-bottom:16px}
.itsg-bulk__pricebox{background:#fff;border:1.5px solid #BFDBFE;border-radius:14px;padding:24px;box-shadow:0 10px 28px rgba(11,31,63,.06);display:flex;flex-direction:column;gap:10px}
.itsg-bulk__pill{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:99px;background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;font-size:12.5px;font-weight:700}
.itsg-bulk__unit{font-size:14px;color:#475569}
.itsg-bulk__unit strong{color:#0B1F3F;font-size:16px}
.itsg-bulk__total{padding:12px 0;border-top:1px dashed #CBD5E1;border-bottom:1px dashed #CBD5E1;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.itsg-bulk__total span{font-size:13.5px;color:#475569;font-weight:600}
.itsg-bulk__total b{font-size:28px;font-weight:800;color:#D94E0F;letter-spacing:-.5px}
.itsg-bulk__save{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#047857;background:#ECFDF5;padding:8px 12px;border-radius:8px}

/* 6. Biểu mẫu đa năng nhận qua Admin (.itsg-lform) */
.itsg-lform{display:flex;flex-direction:column;gap:14px}
.itsg-lform__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.itsg-lform__field{display:flex;flex-direction:column;gap:6px;margin:0!important}
.itsg-lform__field>span{font-size:13.5px;font-weight:700;color:#0B1F3F}
.itsg-lform__field em{color:#DC2626;font-style:normal}
.itsg-lform__field input,.itsg-lform__field select,.itsg-lform__field textarea{width:100%;margin:0!important;padding:11px 14px!important;border-radius:10px!important;border:1.5px solid #CBD5E1!important;background:#fff!important;font-size:14px!important;color:#0B1F3F!important;box-shadow:none!important;height:auto!important}
.itsg-lform__field input:focus,.itsg-lform__field select:focus,.itsg-lform__field textarea:focus{border-color:#1D5FD1!important;box-shadow:0 0 0 3px rgba(29,95,209,.12)!important;outline:none!important}
.itsg-lform__foot{display:flex;flex-direction:column;gap:10px}
.itsg-lform__foot .itsg-btn{width:100%}
.itsg-lform__msg{margin:0;font-size:13.5px;font-weight:700;line-height:1.45}
.itsg-lform__msg.is-ok{color:#047857;background:#ECFDF5;padding:10px 14px;border-radius:8px;border:1px solid #A7F3D0}
.itsg-lform__msg.is-err{color:#B91C1C;background:#FEF2F2;padding:10px 14px;border-radius:8px;border:1px solid #FECACA}

/* 7. Khung Kết Quả Đạt Được (KPI Outcomes) & Lộ Trình Minh Bạch (.itsg-outcomes, .itsg-stage) */
.itsg-outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:8px}
.itsg-outcome,.itsg-outcome-card{background:#fff;border:1px solid #DBEAFE;border-radius:14px;padding:22px 20px;box-shadow:0 8px 24px rgba(11,31,63,.04);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px}
.itsg-outcome:before,.itsg-outcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1D5FD1,#F26B1D)}
.itsg-outcome__num,.itsg-outcome-card__num{display:inline-block;font-size:28px;font-weight:800;color:#1D5FD1;line-height:1.1;margin-bottom:4px;letter-spacing:-.5px}
.itsg-outcome h3,.itsg-outcome-card__lbl{font-size:16.5px;font-weight:800;color:#0B1F3F;margin:0;line-height:1.35}
.itsg-outcome p,.itsg-outcome-card__desc{font-size:13.8px;color:#334155;margin:0;line-height:1.55}

.itsg-stages{display:flex;flex-direction:column;gap:18px}
.itsg-stage{display:grid;grid-template-columns:220px 1fr 1fr;gap:22px;background:#fff;border:1px solid #CBD5E1;border-radius:16px;padding:24px;box-shadow:0 6px 20px rgba(11,31,63,.04);align-items:stretch}
.itsg-stage__time{background:linear-gradient(145deg,#0B1F3F 0%,#15376B 100%);color:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;justify-content:center}
.itsg-stage__time span{font-size:12px;font-weight:700;color:#FFB37E;text-transform:uppercase;letter-spacing:1px}
.itsg-stage__time strong{font-size:20px;font-weight:800;color:#fff;margin:4px 0 6px;line-height:1.25}
.itsg-stage__time em{font-size:12.5px;color:#E2E8F0;font-style:normal}
.itsg-stage__col{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 18px}
.itsg-stage__col--kpi{background:#ECFDF5;border-color:#A7F3D0}
.itsg-stage__col h4{font-size:14px;font-weight:800;color:#0B1F3F;margin:0 0 8px;text-transform:uppercase;letter-spacing:.3px}
.itsg-stage__col--kpi h4{color:#065F46}
.itsg-stage__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.itsg-stage__col li{font-size:13.8px;color:#1E293B;padding-left:20px;position:relative;line-height:1.5}
.itsg-stage__col li:before{content:"✓";position:absolute;left:0;top:0;color:#1D5FD1;font-weight:800}
.itsg-stage__col--kpi li:before{color:#059669}

/* 8. Thẻ bài viết đơn nổi bật (.itsg-pcards--single) & Lưới sản phẩm 2 cột (.itsg-grid--2) */
.itsg-pcards.itsg-pcards--single,.itsg-pcards:has(>.itsg-pcard:only-child){grid-template-columns:minmax(0,1fr)!important;width:100%}
.itsg-pcards--single .itsg-pcard,.itsg-pcards>.itsg-pcard:only-child{display:grid!important;grid-template-columns:minmax(0,480px) minmax(0,1fr)!important;gap:0;align-items:stretch;width:100%!important;max-width:100%!important;margin:0}
.itsg-blog-main .itsg-pcards--single .itsg-pcard,.itsg-blog-main .itsg-pcards>.itsg-pcard:only-child{grid-template-columns:minmax(0,320px) minmax(0,1fr)!important}
.itsg-pcards--single .itsg-pcard__media,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__media{aspect-ratio:auto!important;width:100%!important;min-width:0!important;height:100%!important;min-height:330px}
.itsg-pcards--single .itsg-pcard__img,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__img{display:block;width:100%!important;height:100%!important}
.itsg-pcards--single .itsg-pcard__img img,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.itsg-pcards--single .itsg-pcard__body,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__body{min-width:0;padding:30px 36px;display:flex;flex-direction:column;justify-content:center}
.itsg-blog-main .itsg-pcards--single .itsg-pcard__body,.itsg-blog-main .itsg-pcards>.itsg-pcard:only-child .itsg-pcard__body{padding:24px 26px}
.itsg-pcards--single .itsg-pcard__title,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__title{font-size:23px;line-height:1.34;margin-bottom:10px}
.itsg-blog-main .itsg-pcards--single .itsg-pcard__title{font-size:20px}
.itsg-pcards--single .itsg-pcard__desc,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__desc{font-size:15px;line-height:1.62;margin-bottom:14px}
.itsg-pcard__points{list-style:none!important;margin:0 0 18px!important;padding:12px 14px;background:#F8FAFC;border:1px solid #DBEAFE;border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.itsg-blog-main .itsg-pcard__points{grid-template-columns:minmax(0,1fr)}
.itsg-pcard__points li{display:flex;align-items:flex-start;gap:7px;margin:0!important;font-size:13.2px;color:#1E293B;line-height:1.45}
.itsg-pcard__points li .itsg-ico{color:#169B56;margin-top:2px;flex:0 0 15px}
.itsg-pcard__points li b{color:#0B1F3F}
.itsg-pcard__acts{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.itsg-pcard__acts .itsg-btn--pdf{min-height:36px;padding:0 13px;font-size:13px;border-radius:7px}
.products.row.itsg-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.itsg-blog-Standards{margin-top:24px;background:#fff;border:1px solid var(--itsg-line);border-radius:var(--itsg-r-lg);padding:26px 28px;box-shadow:var(--itsg-sh)}
.itsg-blog-Standards h2{font-size:20px;margin:0 0 8px;color:var(--itsg-navy)}
.itsg-blog-Standards>p{font-size:14.5px;color:var(--itsg-muted);margin:0 0 18px}
.itsg-blog-Standards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.itsg-blog-Standards__item{padding:15px 16px;border-radius:10px;background:#F8FAFC;border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:4px}
.itsg-blog-Standards__item strong{font-size:15px;color:#0B1F3F;display:flex;align-items:center;gap:7px}
.itsg-blog-Standards__item strong .itsg-ico{color:#1D5FD1}
.itsg-blog-Standards__item span{font-size:13.5px;color:#475569;line-height:1.5}
.itsg-blog-Standards__foot{margin-top:18px;padding-top:16px;border-top:1px dashed var(--itsg-line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* 9. Hai nút nổi bật Lộ Trình ở Footer (.itsg-foot-roadmaps) */
.itsg-foot-roadmaps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 38px}
.itsg-foot-roadmap{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none;transition:all .22s ease}
.itsg-foot-roadmap:hover{background:rgba(29,95,209,.35);border-color:#60A5FA;transform:translateY(-2px)}
.itsg-foot-roadmap__ic{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#F26B1D,#FF8A3D);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.itsg-foot-roadmap__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.itsg-foot-roadmap__body strong{font-size:15.5px;font-weight:800;color:#fff}
.itsg-foot-roadmap__body span{font-size:13px;color:rgba(255,255,255,.78)}
.itsg-foot-roadmap__arr{font-size:18px;font-weight:800;color:#FFB37E;flex:0 0 auto}

@media (max-width:1023px){
  .itsg-bulk__tabs,.itsg-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .itsg-bulk__panel.is-on,.itsg-stage,.itsg-foot-roadmaps{grid-template-columns:minmax(0,1fr)}
  .itsg-pcards--single .itsg-pcard,.itsg-pcards>.itsg-pcard:only-child,.itsg-blog-main .itsg-pcards--single .itsg-pcard,.itsg-blog-main .itsg-pcards>.itsg-pcard:only-child{grid-template-columns:minmax(0,1fr)!important}
  .itsg-pcards--single .itsg-pcard__media,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__media{min-height:220px;max-height:300px}
}
@media (max-width:767px){
  .itsg-modal{padding:10px}
  .itsg-modal__card{padding:20px 14px}
  .itsg-modal__direct .itsg-btn,.itsg-bulk .itsg-btn,.itsg-lform .itsg-btn,.itsg-calc .itsg-btn,.itsg-blog-Standards__foot .itsg-btn{white-space:normal;text-align:center;padding:8px 12px;font-size:13.5px;max-width:100%;width:100%}
  .itsg-modal__direct,.itsg-lform__grid,.itsg-bulk__tabs,.itsg-outcomes,.itsg-pcard__points,.itsg-blog-Standards__grid,.products.row.itsg-grid--2{grid-template-columns:minmax(0,1fr)!important}
  .itsg-bulk{padding:14px}
  .itsg-bulk__panel.is-on{padding:14px;gap:14px}
  .itsg-bulk__pricebox{padding:16px}
  .itsg-bulk__total b{font-size:22px}
  .itsg-captcha{flex-wrap:wrap;padding:10px 12px}
  .itsg-captcha__inp{width:100%!important;max-width:100%!important}
  .itsg-pcards--single .itsg-pcard__body,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__body,.itsg-blog-Standards{padding:20px}
  .itsg-pcards--single .itsg-pcard__title,.itsg-pcards>.itsg-pcard:only-child .itsg-pcard__title{font-size:19px}
  .itsg-stage{padding:16px;gap:14px}
}