/*
Theme Name: Marketer.vn Training Theme
Theme URI: https://marketer.vn/
Description: Nền tảng đào tạo Marketing toàn diện · Everyone Is a Marketer. Giữ nguyên Buffer-style sections và Page Builder Canvas với giao diện cam.
Author: dot vn Studio
Version: 2.2.0-marketer
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: marketer-vn-theme
License: GPL-2.0-or-later
*/
/* /fontmacdinh: Plus Jakarta One (if available) → Plus Jakarta Sans → Arial. */
html,body{margin:0!important}body{overflow-x:hidden}body,button,input,textarea,select,h1,h2,h3,h4,h5,h6{font-family:"Plus Jakarta One","Plus Jakarta Sans",Arial,sans-serif!important}
.bfp-theme-main,.bfp-page-shell,.bfp-body-canvas,.bfp-content{margin:0;padding:0;max-width:none;width:100%}.bfp-page-shell{display:block}.bfp-builder-page .site-header{margin-bottom:0!important}.bfp-builder-active>.bfp-body-canvas{margin-top:0!important;padding-top:0!important}
.bfp-site-logo{display:block;width:auto;max-width:165px;height:38px;object-fit:contain}
.bfp-skip-link{position:fixed;top:-100px;left:18px;z-index:9999;background:#ff6a22;color:#fff;padding:12px 20px;border-radius:8px}.bfp-skip-link:focus{top:12px;color:#fff}
.home-hero :is(h1,h2)[data-bfp-theme-heading]{font-size:clamp(58px,6.2vw,90px);line-height:1.075;letter-spacing:-.065em;margin-bottom:22px}
.inner-hero :is(h1,h2)[data-bfp-theme-heading]{font-size:clamp(43px,5.3vw,75px);line-height:1.075;letter-spacing:-.045em;margin:18px 0 26px}.pricing-hero :is(h1,h2)[data-bfp-theme-heading]{font-size:clamp(48px,6vw,82px);line-height:1.075;margin:17px 0}
.bfp-fallback-heading{font-size:clamp(36px,5vw,60px);padding-top:18px}
.bfp-blog-main,.bfp-single-main{padding:0 0 108px;background:var(--color-bg,#ffffff)}.bfp-listing-hero{padding:90px 0 72px;max-width:840px}.bfp-kicker{font-size:12px;letter-spacing:.13em;font-weight:700;color:#ad561e;text-transform:uppercase}.bfp-listing-hero h1{font-size:clamp(44px,6vw,80px);line-height:1.06;letter-spacing:-.055em;max-width:920px;margin:19px 0 23px}.bfp-listing-hero p,.bfp-archive-description{font-size:19px;line-height:1.7;color:var(--color-text-secondary,#666)}
.bfp-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 27px}.bfp-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bfp-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bfp-post-card{min-width:0;border-radius:20px;background:#fff;box-shadow:0 4px 12px -2px rgba(23,23,23,.1),0 0 1px 1px rgba(23,23,23,.05);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.bfp-post-card:hover{transform:translateY(-4px);box-shadow:0 16px 24px -8px rgba(23,23,23,.11),0 4px 8px -4px rgba(23,23,23,.1)}.bfp-post-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#ffffff}.bfp-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.bfp-post-card:hover img{transform:scale(1.045)}.bfp-placeholder-thumb{width:100%;height:100%;display:grid;place-items:center;background:#ffffff;color:#202020;font-weight:700;font-size:25px;opacity:.8}
.bfp-post-card-body{padding:27px;display:flex;flex-direction:column;align-items:flex-start;min-height:250px}.bfp-post-cat{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#974d1f;font-weight:700;margin-bottom:12px}.bfp-post-card h2{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.035em;line-height:1.22;margin:0 0 13px}.bfp-post-card h2 a:hover{text-decoration:underline}.bfp-post-card p{font-size:15px;line-height:1.6;color:#666;margin:0 0 22px}.bfp-entry-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:#666;margin-top:auto}
.bfp-pagination{margin:60px 0 0}.bfp-pagination .nav-links{display:flex;gap:9px;flex-wrap:wrap}.bfp-pagination .page-numbers{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border-radius:9px;padding:10px 13px;border:1px solid #d3d7d2}.bfp-pagination .current,.bfp-pagination .page-numbers:hover{background:#ff6a22;border-color:#ff6a22}
.bfp-single-layout{max-width:970px}.bfp-article-head{padding:63px 0 36px;max-width:820px}.bfp-breadcrumb{font-size:13px;color:#666;margin:0 0 35px}.bfp-article-head h1{font-size:clamp(44px,5.8vw,76px);line-height:1.08;letter-spacing:-.05em;margin:16px 0 24px}.bfp-article-dek{font-size:21px;line-height:1.55;color:#5c6761;max-width:740px}.bfp-single-cover{margin:0 0 52px}.bfp-single-cover img{width:100%;height:auto;max-height:630px;object-fit:cover;border-radius:18px}.bfp-single-cover figcaption{font-size:12px;color:#666;text-align:center;padding:10px}
.bfp-content-prose{font-size:18px;line-height:1.85;max-width:820px;overflow-wrap:anywhere}.bfp-content-prose p{margin:0 0 25px}.bfp-content-prose h2,.bfp-content-prose h3,.bfp-content-prose h4{margin:50px 0 19px;color:#202020}.bfp-content-prose h2{font-size:36px}.bfp-content-prose h3{font-size:27px}.bfp-content-prose ul,.bfp-content-prose ol{padding-left:30px;margin-bottom:27px}.bfp-content-prose li{margin-bottom:9px}.bfp-content-prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.bfp-content-prose blockquote{margin:40px 0;padding:16px 28px;border-left:4px solid #ff6a22;background:#ffffff;border-radius:0 12px 12px 0}.bfp-content-prose img,.bfp-content-prose iframe{max-width:100%;height:auto}.bfp-content-prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.bfp-content-prose th,.bfp-content-prose td{padding:10px 16px;border:1px solid #ddd}.bfp-content-prose .alignwide{max-width:1100px;width:min(1100px,95vw)}
.bfp-article-footer{max-width:820px;margin:55px 0 70px;padding-top:28px;border-top:1px solid #ddd}.bfp-tags{display:flex;flex-wrap:wrap;gap:10px}.bfp-tags a{display:inline-block;background:#ffffff;padding:9px 12px;border-radius:6px;font-size:13px}.bfp-post-neighbors{display:flex;justify-content:space-between;gap:25px;margin-top:30px}.bfp-post-neighbors a:hover{text-decoration:underline}.bfp-related{padding:65px 0 0;border-top:1px solid #eee}.bfp-related h2{font-size:clamp(31px,4vw,44px);margin:14px 0 36px}
.bfp-standard-content{padding:72px 0 100px}.bfp-standard-title{font-size:clamp(40px,5vw,64px);margin-bottom:31px}.bfp-standard-featured{max-width:1050px;margin:0 0 35px}.bfp-standard-featured img{border-radius:20px;width:100%;height:auto}
.bfp-error-page{text-align:center;padding:80px 0 130px;max-width:800px}.bfp-error-visual{font-size:clamp(130px,22vw,290px);font-weight:600;line-height:1;letter-spacing:-.09em;color:#ff6a22}.bfp-error-page h1{font-size:clamp(40px,6vw,68px);margin:18px auto;line-height:1.08}.bfp-error-page p{font-size:19px;color:#666;margin:0 auto 30px}.bfp-error-page .btn{margin-top:28px}
.bfp-search-form{max-width:670px;display:flex;gap:10px;margin:25px 0}.bfp-search-form input{flex:1;min-width:0;background:#fff;border:1px solid #ced7d0;border-radius:10px;padding:15px 17px;color:#202020;font-size:16px}.bfp-search-form button{border-radius:10px;border:1px solid #ff6a22;background:#ff6a22;padding:13px 22px;cursor:pointer;font-weight:600;color:#202020}.bfp-search-form button:hover{background:#ff6a22}.bfp-empty{margin:50px auto;max-width:690px}
.bfp-wp-cluster .mega .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bfp-mega-set{padding:6px;border-radius:10px}.bfp-l3-link{display:block;font-size:13px;padding:5px 14px;color:#59635e}.bfp-l3-link:hover{text-decoration:underline}.bfp-managed-mobile .bfp-mobile-l3{padding-left:38px!important;font-size:13px!important}.bfp-footer-managed{grid-template-columns:repeat(4,minmax(0,1fr))}.bfp-footer-l3{margin-left:12px;font-size:13px;opacity:.85}
.bfp-theme-main .bfp-standard-page h1{color:#202020}.bfp-article-detail .comment-respond{max-width:820px}.bfp-article-detail .comment-respond input,.bfp-article-detail .comment-respond textarea{border:1px solid #d3d7d2;border-radius:8px;padding:10px}.bfp-article-detail .comment-respond .submit{background:#ff6a22;border:0;border-radius:8px;padding:13px 20px;cursor:pointer}
:focus-visible{outline:3px solid #a35a28!important;outline-offset:3px}
@media(max-width:1024px){.bfp-post-grid,.bfp-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}.bfp-managed-nav{display:none}.bfp-footer-managed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bfp-listing-hero{padding:58px 0 42px}.bfp-post-grid,.bfp-columns-2,.bfp-columns-4{grid-template-columns:1fr;gap:18px}.bfp-post-card-body{min-height:0}.bfp-single-main{padding-bottom:60px}.bfp-article-head{padding:37px 0 24px}.bfp-article-head h1{font-size:clamp(38px,10vw,52px)}.bfp-article-dek{font-size:18px}.bfp-content-prose{font-size:16px}.bfp-content-prose h2{font-size:29px}.bfp-breadcrumb{margin-bottom:21px}.bfp-footer-managed{grid-template-columns:1fr}.bfp-search-form{flex-direction:column}.bfp-search-form button{min-height:44px}.bfp-standard-content{padding:42px 0 75px}.home-hero :is(h1,h2)[data-bfp-theme-heading]{font-size:clamp(43px,11vw,65px)}.inner-hero :is(h1,h2)[data-bfp-theme-heading]{font-size:44px}.pricing-hero :is(h1,h2)[data-bfp-theme-heading]{font-size:46px}}
@media(prefers-reduced-motion:reduce){.bfp-post-card,.bfp-post-thumb img{transition:none!important}.bfp-post-card:hover,.bfp-post-card:hover img{transform:none!important}}
.bfp-comments{max-width:820px;margin:60px 0 65px}.bfp-comments h2{font-size:clamp(27px,3vw,36px);margin-bottom:32px}.bfp-comment-list{list-style:none;margin:0 0 30px;padding:0}.bfp-comment-list li{list-style:none;margin:16px 0;border:1px solid #e5e9e4;background:#fff;padding:20px;border-radius:14px}.bfp-comment-list .children{margin:20px 0 0 20px;padding:0}.bfp-comment-list .comment-author{display:flex;gap:12px;align-items:center}.bfp-comment-list .avatar{width:42px;height:42px;border-radius:50%}.bfp-comment-list .comment-metadata{font-size:12px;color:#666;margin:12px 0}.bfp-comments .comment-form p{margin:12px 0}.bfp-comments label{display:block;font-size:14px;font-weight:600;margin:6px 0}.bfp-comments textarea,.bfp-comments input:not([type=submit]):not([type=checkbox]){max-width:100%;width:100%;border:1px solid #d3d7d2;border-radius:9px;padding:12px}

/* /checkwebcuoi v2.0.1: mobile header, real Page bottom nav, Zalo clearance. */
.bfp-mobile-search{display:none;color:#202020;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:8px}
.bfp-mobile-search svg{width:21px;height:21px}
.bfp-bottom-nav,.bfp-mobile-zalo{display:none}
/* Parent menu opens exactly beneath the trigger; no hover gap. */
@media(min-width:961px){.main-nav .nav-cluster>.mega{top:100%!important}.main-nav .nav-cluster>.mega:before{height:14px;top:-14px}.main-nav .nav-trigger .chev{display:none}.main-nav .nav-trigger::after{content:'+';font-size:16px;font-weight:500;line-height:1;margin-left:2px}.main-nav .nav-cluster.open .nav-trigger::after,.main-nav .nav-cluster:hover .nav-trigger::after{content:'−'}}
@media(max-width:960px){.bfp-mobile-search{display:inline-flex;margin-left:auto}.header-inner>.hamburger{margin-left:0!important}.mobile-nav .bfp-mobile-subgroup{margin:0 0 2px 12px;padding-left:10px;border-left:1px solid #e1e7dc}.mobile-nav .bfp-mobile-subgroup>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;font-weight:600;padding:8px 10px}.mobile-nav .bfp-mobile-subitems{display:grid;padding-left:12px}.mobile-nav .bfp-mobile-subitems>a{min-height:44px;display:flex;align-items:center;padding:9px 12px}}
@media(max-width:767px){
 .bfp-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:95;background:#ffffff;border-top:1px solid #dfe6db;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(60px + env(safe-area-inset-bottom,0px));padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px));box-shadow:0 -3px 22px rgba(23,23,23,.06)}
 .bfp-bottom-nav>a{min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:8px;color:#41504a;font-size:10.5px;line-height:1.3;white-space:nowrap}
 .bfp-bottom-nav>a[aria-current="page"]{color:#21472c;background:#ffffff;font-weight:700}
 .bfp-bottom-nav svg{width:20px;height:20px;flex:none}
 body:has(.bfp-bottom-nav){padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}
 .bfp-mobile-zalo{display:grid;place-items:center;position:fixed;z-index:94;right:14px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:#ff6a22;color:#fff!important;font-weight:700;font-size:12px;box-shadow:0 4px 14px rgba(17,54,100,.24)}
 body:not(:has(.bfp-bottom-nav)) .bfp-mobile-zalo{bottom:18px}
 body:has(.bfp-bottom-nav) .back-top{bottom:calc(138px + env(safe-area-inset-bottom,0px))!important}
 body:has(.bfp-bottom-nav) .mobile-nav{max-height:calc(100dvh - 132px)!important;overflow:auto}
}
@media(prefers-reduced-motion:reduce){.bfp-bottom-nav a,.bfp-mobile-zalo{transition:none!important}}

/* Repair: progressive enhancement. Layout is NEVER hidden when the motion script is unavailable.
   Theme's app.js still animates when supported, but markup stays readable without JS. */
body.bfp-wordpress-site:not(.bfp-motion-on) .bfp-frontend-canvas .reveal:not(.visible){opacity:1;visibility:visible;transform:none;}
body.bfp-wordpress-site .bfp-frontend-canvas img{height:auto;max-width:100%;}


/* /kientructheme: Native WordPress Post – sidebar trái, 24 kết quả và 2 cột. */
.bfp-blog-main>.shell,.bfp-single-main>.shell{max-width:1250px;margin-left:auto;margin-right:auto}
.bfp-blog-frame{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr);align-items:start;column-gap:36px;row-gap:30px}
.bfp-blog-frame>.bfp-blog-results,.bfp-single-column{min-width:0}
.bfp-blog-results>.bfp-post-grid,.bfp-related>.bfp-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}
.bfp-blog-sidebar{min-width:0;align-self:stretch}
.bfp-sidebar-sticky{position:sticky;top:92px;display:grid;gap:24px}
.bfp-side-widget{background:#fff;border:1px solid #e6e9e3;border-radius:18px;padding:24px;min-width:0;box-shadow:0 4px 12px -2px rgba(23,23,23,.06)}
.bfp-side-widget .bfp-side-title{font-family:"Plus Jakarta One","Plus Jakarta Sans",Arial,sans-serif!important;font-size:19px;line-height:1.35;letter-spacing:-.025em;color:#202020;margin:0 0 17px;font-weight:600}
.bfp-side-links,.bfp-side-recent{list-style:none;margin:0;padding:0;display:grid;gap:0}
.bfp-side-links li{border-bottom:1px solid #edf0eb;margin:0;padding:0;list-style:none}
.bfp-side-links li:last-child{border:0}
.bfp-side-links a{display:inline-block;min-height:36px;line-height:1.45;padding:9px 0;color:#202020;font-size:14px;text-decoration:none}
.bfp-side-links a:hover,.bfp-side-recent a:hover strong{color:#34774b;text-decoration:underline}
.bfp-side-links .count{font-size:12px;color:#666}
.bfp-side-recent li{list-style:none;margin:0;padding:12px 0;border-bottom:1px solid #edf0eb}
.bfp-side-recent li:first-child{padding-top:0}
.bfp-side-recent li:last-child{border:0;padding-bottom:0}
.bfp-side-recent a{display:flex;gap:11px;align-items:flex-start;color:#202020;text-decoration:none}
.bfp-side-recent-img{width:66px;min-width:66px;height:61px;border-radius:9px;overflow:hidden;background:#ffffff}
.bfp-side-recent-img img{width:100%;height:100%;object-fit:cover;display:block}
.bfp-side-recent-copy{display:grid;gap:6px;min-width:0}
.bfp-side-recent-copy strong{font-size:13px;line-height:1.45;font-weight:600}
.bfp-side-recent-copy time{font-size:11px;color:#666}
.bfp-side-tags{display:flex;flex-wrap:wrap;gap:7px}
.bfp-side-tags a{border-radius:7px;padding:7px 9px;background:#ffffff;color:#202020;text-decoration:none;line-height:1.35}
.bfp-side-tags a:hover{background:#ff6a22}
.bfp-side-search .bfp-search-form{margin:0;display:flex;flex-direction:column;gap:9px}
.bfp-side-search .bfp-search-form input{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.bfp-side-search .bfp-search-form button{min-height:44px}
.bfp-single-layout{max-width:1250px}
.bfp-single-column .bfp-article-head{padding-top:44px}
.bfp-single-column .bfp-content-prose,.bfp-single-column .bfp-article-footer{max-width:100%}
.bfp-single-column .bfp-article-head h1{font-size:clamp(38px,4.5vw,66px)}
.bfp-single-column .bfp-related{margin-top:35px;padding-top:45px}
.bfp-related .bfp-post-card h3{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.035em;line-height:1.22;margin:0 0 13px}
.bfp-related .bfp-post-card h3 a{color:#202020;text-decoration:none}
.bfp-related .bfp-post-card h3 a:hover{text-decoration:underline}
@media(max-width:1050px){.bfp-blog-frame{grid-template-columns:minmax(210px,240px) minmax(0,1fr);gap:24px}.bfp-side-widget{padding:17px}.bfp-blog-results>.bfp-post-grid,.bfp-related>.bfp-post-grid{gap:18px}}
@media(max-width:760px){.bfp-blog-frame{grid-template-columns:minmax(0,1fr)}.bfp-blog-frame>.bfp-blog-sidebar{grid-row:2}.bfp-blog-frame>.bfp-blog-results,.bfp-blog-frame>.bfp-single-column{grid-row:1}.bfp-sidebar-sticky{position:static;grid-template-columns:minmax(0,1fr)}.bfp-blog-results>.bfp-post-grid,.bfp-related>.bfp-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bfp-side-widget{padding:18px}.bfp-blog-results .bfp-post-card-body,.bfp-related .bfp-post-card-body{padding:14px}.bfp-blog-results .bfp-post-card h2,.bfp-related .bfp-post-card h3{font-size:17px}.bfp-single-column .bfp-article-head{padding-top:26px}}
@media(max-width:480px){.bfp-blog-results>.bfp-post-grid,.bfp-related>.bfp-post-grid{grid-template-columns:1fr;gap:18px}}


/* /checkmenumobile v2.0.5: icon-only on LEVEL 1; compact raised +; label-sized backgrounds. */
.site-header .bfp-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;color:#386450;vertical-align:middle}
.site-header .bfp-nav-icon svg{display:block;width:16px;height:16px}
.site-header .bfp-nav-label{display:inline-block;width:max-content;max-width:100%;line-height:1.28;padding:3px 5px;border-radius:5px;background:transparent;color:inherit;transition:background-color .17s ease}
.site-header .main-nav .nav-trigger,.site-header .main-nav .nav-simple{gap:5px;background:transparent!important;box-shadow:none!important;min-height:40px;padding:6px 5px;line-height:1.2}
.site-header .main-nav .nav-trigger:hover .bfp-nav-label,.site-header .main-nav .nav-simple:hover .bfp-nav-label,.site-header .main-nav .nav-cluster.open>.nav-trigger .bfp-nav-label,.site-header .main-nav .nav-trigger:focus-visible .bfp-nav-label,.site-header .main-nav .nav-simple:focus-visible .bfp-nav-label,.site-header .main-nav .nav-simple[aria-current="page"] .bfp-nav-label{background:#ffffff}
/* Level-2 + (parent opens submenu): small, visually raised, never a wide active pill. */
@media(min-width:961px){
 .site-header .main-nav .nav-trigger .chev{display:none!important}
 .site-header .main-nav .nav-trigger::after{content:'+'!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;line-height:1!important;vertical-align:top;position:relative;top:-3px;margin-left:1px!important;color:#53645a}
 .site-header .main-nav .nav-cluster.open>.nav-trigger::after,.site-header .main-nav .nav-cluster:hover>.nav-trigger::after{content:'−'!important}
}
@media(min-width:961px) and (max-width:1180px){.site-header .header-inner{gap:15px}.site-header .main-nav{gap:1px}.site-header .main-nav .nav-trigger,.site-header .main-nav .nav-simple{font-size:12px;padding-left:3px;padding-right:3px}.site-header .nav-actions{gap:8px}}
/* Order on ALL mobile/tablet widths: Site Identity logo | genuine search form | hamburger flush right. */
@media(max-width:1100px){
 .site-header .header-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;min-width:0}
 .site-header .header-inner>.brand{order:0;max-width:min(40vw,200px);min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .site-header .header-inner>.brand img{display:block;max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain}
 .site-header .header-inner>.bfp-mobile-search{order:1;display:flex!important;flex:1 1 180px;align-items:center;min-width:0;max-width:380px;margin:0 0 0 auto!important;height:40px;background:#fff;border:1px solid #d4dcd4;border-radius:9px;overflow:hidden;padding:0!important;box-sizing:border-box}
 .site-header .bfp-mobile-search input{min-width:0;width:100%;height:100%;padding:0 5px 0 12px;flex:1 1 auto;border:0;outline:none;background:transparent;color:#202020;font-size:13px;line-height:40px;box-shadow:none!important}
 .site-header .bfp-mobile-search input::placeholder{color:#77827b}
 .site-header .bfp-mobile-search button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;margin:0;border:0;background:transparent;color:#202020;cursor:pointer;padding:0;box-shadow:none!important}
 .site-header .bfp-mobile-search svg{width:17px;height:17px}
 .site-header .header-inner>.hamburger{order:2;display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin-left:0!important;margin-right:0!important;padding:0;border:0;background:transparent!important;position:relative;right:0}
 .site-header .mobile-nav{width:100%}
 .site-header .mobile-nav .mobile-group>summary,.site-header .mobile-nav>a{background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;line-height:1.25;padding:10px 0;border-bottom:1px solid #e6e8e1;color:#202020}
 .site-header .mobile-nav .bfp-menu-item-core{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;width:max-content;max-width:calc(100% - 34px)}
 .site-header .mobile-nav .bfp-menu-item-core>.bfp-nav-label{width:auto;white-space:normal;max-width:100%;padding:3px 5px}
 .site-header .mobile-nav .mobile-group>summary:hover .bfp-nav-label,.site-header .mobile-nav .mobile-group[open]>summary .bfp-nav-label,.site-header .mobile-nav>a:hover .bfp-nav-label,.site-header .mobile-nav>a[aria-current="page"] .bfp-nav-label{background:#ffffff}
 .site-header .mobile-nav .mobile-group>summary .bfp-mobile-plus{display:inline-flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:28px;flex:none;font-size:12px!important;font-weight:500;line-height:1;position:relative;top:-3px;transform:none!important}
 .site-header .mobile-nav .mobile-group[open]>summary .bfp-mobile-plus{transform:rotate(45deg)!important;top:-2px}
 .site-header .mobile-nav .bfp-mobile-subgroup>summary>span:last-child{font-size:11px!important;line-height:1;position:relative;top:-2px}
 .site-header .mobile-nav .mobile-links a{background:transparent!important;box-shadow:none!important;display:inline-flex;align-items:center;min-height:44px;padding:10px 8px}
 .site-header .mobile-nav .mobile-links a:hover{background:transparent!important}
 .site-header .mobile-nav .mobile-links a:focus-visible,.site-header .mobile-nav .mobile-links a:hover{color:#34774b;text-decoration:underline}
}
@media(max-width:480px){
 .site-header .header-inner.shell{width:calc(100% - 22px);gap:5px}
 .site-header .header-inner>.brand{max-width:34vw;font-size:18px}
 .site-header .brand-symbol{width:18px}
 .site-header .header-inner>.bfp-mobile-search{height:36px;border-radius:8px}
 .site-header .bfp-mobile-search input{padding-left:8px;font-size:12px}
 .site-header .bfp-mobile-search button{width:36px;height:36px;flex-basis:36px;min-height:36px}
 .site-header .header-inner>.hamburger{flex-basis:42px;width:42px}
}
/* Restrict the legacy open-state rotation to the plus itself, never the menu label or icon. */
@media(max-width:1100px){
 .site-header .mobile-group[open] > summary .bfp-menu-item-core,
 .site-header .mobile-group[open] > summary .bfp-nav-icon,
 .site-header .mobile-group[open] > summary .bfp-nav-label{transform:none!important}
}
/* Prevent the first mega menu spilling beyond the left edge on desktop. */
@media(min-width:961px){
 .site-header .main-nav .nav-cluster:first-child>.mega{left:0;transform:translateY(8px)}
 .site-header .main-nav .nav-cluster:first-child:is(:hover,:focus-within,.open)>.mega{transform:translateY(0)}
}

/* Mid-size tablets use the mobile header rather than squeezing level-1 items into overflow. */
@media(min-width:961px) and (max-width:1100px){
 .site-header .main-nav,.site-header .nav-actions{display:none!important}
 .site-header .header-inner{min-height:70px}
 .site-header .header-inner>.hamburger{display:flex!important;flex-direction:column;gap:5px;justify-content:center;align-items:center}
 .site-header .hamburger span{height:2px;width:22px;background:#ff6a22;transition:transform .2s}
 .site-header .hamburger[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
 .site-header .hamburger[aria-expanded=true] span:nth-child(2){opacity:0}
 .site-header .hamburger[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .site-header .mobile-nav{display:none;max-height:calc(100dvh - 70px);overflow-y:auto;padding:15px 25px 30px;border-top:1px solid #eaece7}
 .site-header .mobile-nav.active{display:block}
 .site-header .mobile-nav .mobile-group>summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600}
 .site-header .mobile-nav .mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0;gap:5px}
 .site-header .mobile-nav .mobile-links a{padding:10px;font-size:12px}
}
/* True centered X: previous transform made the hamburger resemble a > when opened. */
@media(max-width:1100px){
 .site-header .hamburger[aria-expanded="true"] span{position:absolute;left:50%;top:50%;transform-origin:center;margin:0}
 .site-header .hamburger[aria-expanded="true"] span:first-child{transform:translate(-50%,-50%) rotate(45deg)!important}
 .site-header .hamburger[aria-expanded="true"] span:nth-child(2){opacity:0!important}
 .site-header .hamburger[aria-expanded="true"] span:last-child{transform:translate(-50%,-50%) rotate(-45deg)!important}
}
@media(max-width:480px){
 .site-header .header-inner>.brand{max-width:min(50vw,170px)}
}
/* Preserve the full Site Identity logo on narrow phones; let search shrink first. */
@media(max-width:480px){.site-header .header-inner>.brand{flex:0 0 auto}}

/* Marketer.vn — primary orange, clean split 3-level mega menu. Keep base DOM/CSS untouched. */
:root{--color-primary:#ff6a22;--color-secondary:#ff6a22;--color-bg:#ffffff;--color-text:#202020;--mkv-accent:#f26a21}
.site-header{background:rgba(255,253,251,.98)}
.brand-symbol i{background:#ff6a22!important}
.nav-trigger,.nav-simple{color:#202020}
.nav-simple:hover,.nav-trigger:hover,.nav-cluster:focus-within>.nav-trigger{color:#db5714}
.home-hero :is(h1,h2) em{color:#ed671b!important}
.btn.accent,.email-form button{background:#ff6a22!important;color:#fff!important;border-color:#ff6a22!important}
.btn.accent:hover,.email-form button:hover{background:#e35811!important;color:#fff!important}
.bfp-managed-nav{position:static;gap:12px}.bfp-managed-nav .nav-trigger{gap:7px;padding:13px 8px;white-space:nowrap}.bfp-managed-nav .nav-trigger svg{color:#f06b25;flex:none}
.bfp-managed-nav .bfp-nav-plus{font-size:14px;font-weight:500;line-height:1;color:#ad6a44;margin-left:2px}
.bfp-managed-nav .bfp-split-cluster{position:static}
.bfp-managed-nav .bfp-split-mega{left:0!important;top:100%!important;width:100%!important;max-width:none!important;transform:translateY(9px)!important;margin:0!important;border-radius:0 0 19px 19px;padding:0!important;min-height:340px;display:grid;grid-template-columns:235px minmax(180px,27%) minmax(0,1fr);align-items:stretch;gap:0;overflow:hidden;background:#ffffff;box-shadow:0 20px 45px rgba(39,34,31,.12)}
.bfp-managed-nav .bfp-split-cluster:hover>.bfp-split-mega,.bfp-managed-nav .bfp-split-cluster.open>.bfp-split-mega,.bfp-managed-nav .bfp-split-cluster:focus-within>.bfp-split-mega{transform:translateY(0)!important}
.bfp-split-mega:before{height:0!important;top:0!important}
.bfp-split-intro{background:#ffffff;padding:30px 23px;border-right:1px solid #f2e4db;display:flex;flex-direction:column;gap:12px}
.bfp-split-intro .eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:#cb5b1e}
.bfp-split-intro strong{font-size:29px;line-height:1.18;color:#271e1a;font-weight:600;letter-spacing:-.045em}
.bfp-split-intro p{font-size:13px;line-height:1.7;color:#695850}
.bfp-split-intro>a{margin-top:auto;font-size:13px;font-weight:650;color:#ba511a}
.bfp-split-cats{padding:22px 12px;background:#fff;border-right:1px solid #f2e4db;max-height:485px;overflow:auto}
.bfp-split-cat{padding:14px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;margin:1px 0;cursor:pointer;font-size:13px;font-weight:600;transition:background .16s,color .16s}
.bfp-split-cat>a{flex:1}.bfp-split-cat>span{font-size:19px;color:#bba39a;font-weight:400}
.bfp-split-cat:is(:hover,.is-active,.focus){background:#ffffff;color:#c15317}.bfp-split-cat.is-active>span{color:#f26a21}
.bfp-split-content{padding:29px 30px 34px;min-width:0;overflow:auto;max-height:485px}.bfp-split-panel{display:none}.bfp-split-panel.is-active{display:block}
.bfp-split-panel-head{margin:0 0 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #f0e6e0;padding-bottom:13px}
.bfp-split-panel-head .eyebrow{color:#b8683e;font-size:10px;letter-spacing:.09em}.bfp-split-panel-head>a{color:#291f1c;font-size:15px;font-weight:700}
.bfp-split-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bfp-split-card{border:1px solid #f0e6df;border-radius:12px;padding:14px 14px 16px;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#362a25;font-size:13px;line-height:1.5;font-weight:600;transition:background .15s,border-color .15s}
.bfp-split-card i{font-style:normal;color:#dc692a;flex:none}.bfp-split-card:hover{background:#ffffff;border-color:#f6bb9a;color:#b64a13}
.bfp-managed-mobile details.bfp-mobile-subgroup{border-top:1px solid #f0e4df}.bfp-managed-mobile .bfp-mobile-subgroup>summary{padding:13px 12px 13px 25px;display:flex;justify-content:space-between;font-weight:600}
.bfp-managed-mobile .bfp-mobile-subitems>a{display:block;padding:11px 15px 11px 37px;font-size:13px}
.bfp-theme-main .bfp-fallback-heading{margin:0!important;padding-top:0!important}
.bfp-post-thumb{background:#ffffff}.bfp-placeholder-thumb{background:#ffffff}.bfp-post-cat{color:#ad561e}
/* No simulated SaaS subscription slider or fictitious prices on training pricing page. */
.billing-bar{display:none!important}
.bfp-split-card:focus-visible,.bfp-split-cat:focus-within{outline:2px solid #ec681f;outline-offset:2px}
@media(max-width:1230px) and (min-width:961px){.bfp-managed-nav{gap:2px}.bfp-managed-nav .nav-trigger{font-size:12px;padding:10px 4px}.bfp-managed-nav .nav-trigger svg{width:14px;height:14px}.bfp-managed-nav .bfp-split-mega{grid-template-columns:200px 25% minmax(0,1fr)}}
@media(max-width:960px){.bfp-managed-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.bfp-split-card,.bfp-split-cat{transition:none}}


/* ================================================================
 Marketer.vn · White & Orange v2.1.1 · 2026-10-23
 No extra generated +/- icons; uninterrupted mega hover path.
 ================================================================ */
:root{--color-primary:#ff6a22!important;--color-secondary:#ff6a22!important;--color-bg:#fff!important;--color-text:#202020!important;--color-text-secondary:#626262!important;--mkv-accent:#ff6a22!important}
html,body,.bfp-theme-main,.bfp-page-shell,.bfp-body-canvas{background:#fff;color:#202020}
.site-header{background:#fff!important;border-color:#f2d9cb!important;backdrop-filter:none!important}
.site-header .header-inner{position:static}
.site-header .main-nav .nav-trigger::before,.site-header .main-nav .nav-trigger::after{content:none!important;display:none!important}
.site-header .main-nav .bfp-nav-plus,.site-header .main-nav .nav-trigger>.chev,.site-header .main-nav .nav-trigger .bfp-nav-plus{display:none!important}
.site-header .bfp-nav-icon,.site-header .main-nav .nav-trigger svg{color:#ff6a22!important}
.site-header .main-nav .nav-trigger,.site-header .main-nav .nav-simple{color:#202020!important;position:relative}
.site-header .main-nav .nav-trigger:hover,.site-header .main-nav .nav-trigger[aria-expanded="true"],.site-header .main-nav .nav-simple:hover{color:#ff6a22!important}
.site-header .main-nav .nav-trigger:hover .bfp-nav-label,.site-header .main-nav .nav-simple:hover .bfp-nav-label,.site-header .main-nav .nav-cluster.open>.nav-trigger .bfp-nav-label,.site-header .main-nav .nav-trigger:focus-visible .bfp-nav-label{background:transparent!important;color:#ff6a22!important}
/* Every column remains under the same header hover region; 28px invisible bridge. */
@media(min-width:1101px){
 .site-header .bfp-managed-nav,.site-header .bfp-managed-nav .bfp-split-cluster{position:static!important}
 .site-header .bfp-managed-nav .bfp-split-mega{position:absolute!important;left:0!important;right:0!important;top:calc(100% - 1px)!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;transform:none!important;border:1px solid #ffd6c3!important;border-top:2px solid #ff6a22!important;border-radius:0 0 16px 16px!important;background:#fff!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .13s ease,visibility .13s ease!important;z-index:100;box-shadow:0 15px 38px rgba(100,42,12,.13)!important;overflow:visible!important}
 .site-header .bfp-managed-nav .bfp-split-mega::before{content:"";position:absolute;top:-30px!important;left:0;right:0;height:30px!important;background:transparent;pointer-events:auto}
 .site-header .bfp-managed-nav .bfp-split-cluster:is(.open,.mkv-hover-open,:hover,:focus-within)>.bfp-split-mega{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
 .site-header .bfp-managed-nav .bfp-split-cluster:not(.open):not(.mkv-hover-open):not(:hover):not(:focus-within)>.bfp-split-mega{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
.bfp-managed-nav .bfp-split-mega{background:#fff!important}
.bfp-split-intro{background:#fff!important;border-right:1px solid #f8d8c7!important}
.bfp-split-intro strong,.bfp-split-intro p,.bfp-split-panel-head>a{color:#202020!important}
.bfp-split-intro .eyebrow,.bfp-split-intro>a,.bfp-split-panel-head .eyebrow{color:#e45413!important}
.bfp-split-cats{background:#fff!important;border-right:1px solid #f8d8c7!important}
.bfp-split-cat{color:#202020!important;min-height:48px}
.bfp-split-cat:is(:hover,.is-active,.focus){background:#ff6a22!important;color:#fff!important}
.bfp-split-cat:is(:hover,.is-active,.focus)>a{color:#fff!important}
.bfp-split-cat>span{display:none!important}
.bfp-split-content{background:#fff!important}
.bfp-split-panel-head{border-color:#f8d8c7!important}
.bfp-split-cards{gap:10px}
.bfp-split-card{background:#fff!important;color:#202020!important;border:1px solid #f8d8c7!important;min-height:62px}
.bfp-split-card i{display:none!important}
.bfp-split-card:hover,.bfp-split-card:focus-visible{background:#ff6a22!important;border-color:#ff6a22!important;color:#fff!important}
.bfp-split-panel.is-active{display:block!important}
/* Remove remaining source grey/green/cream backgrounds; only white/orange. */
body,.hero,.trusted,.feature-stack,.more-features,.support-section,.resources-section,.ai-feature,.detail-sections,.faq-section,.final-cta,.transparency,.channel-tags a,.channel-tags a:hover,.feature-wide,.feature-copy,.feature-image,.bfp-post-card,.bfp-post-card-body,.bfp-post-thumb,.bfp-placeholder-thumb,.more-card,.benefit-card,.resource-card,.related-card,.channel-tags,.metric,.floating-note,.floating-tag,.inner-photo-stage,.stage-mini,.stage-label,.bfp-comments li,.mega,.mega-item:hover{background-color:#fff!important}
.channel-block,.footer{background:#ff6a22!important}
.channel-block .channel-tags a,.channel-block .channel-tags a:hover{background:#fff!important;color:#202020!important;border-color:#fff!important}
.footer,.footer h2,.footer h3,.footer p,.footer a,.footer .footer-col a,.footer .footer-bottom,.footer .footer-bottom a,.footer-intro p{color:#fff!important}
.footer a:hover{color:#fff!important;text-decoration:underline}
.footer .brand-symbol i{background:#fff!important}
.btn,.btn.accent,.btn.dark,.btn.primary,.email-form button,.bfp-search-form button,.bfp-pagination .current{background:#ff6a22!important;border-color:#ff6a22!important;color:#fff!important}
.btn:hover,.btn.dark:hover,.btn.accent:hover,.email-form button:hover,.bfp-search-form button:hover{background:#e45813!important;border-color:#e45813!important;color:#fff!important}
.btn.outline-dark,.btn.ghost,.btn.secondary{background:#fff!important;color:#e45813!important;border:1px solid #ff6a22!important}
.site-header .btn.small.accent{background:#ff6a22!important;color:#fff!important}
.site-header .mobile-nav{background:#fff!important}
.site-header .mobile-nav .mobile-group>summary:hover,.site-header .mobile-nav .mobile-group[open]>summary,.site-header .mobile-nav .bfp-mobile-subgroup>summary:hover{color:#e45813!important}
.site-header .mobile-nav .mobile-group[open]>summary .bfp-nav-label{background:transparent!important;color:#e45813!important}
.site-header .mobile-nav .bfp-mobile-plus{display:none!important}
.site-header .mobile-nav .bfp-mobile-chevron{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-bottom:1.5px solid #ff6a22;border-right:1.5px solid #ff6a22;transform:rotate(45deg);transition:transform .16s ease;margin-right:8px}
.site-header .mobile-nav details[open]>summary>.bfp-mobile-chevron{transform:rotate(225deg)!important}
.site-header .mobile-nav summary::-webkit-details-marker{display:none}
.site-header .mobile-nav summary{list-style:none!important}
.site-header .mobile-nav .mobile-group[open] summary span{transform:none}
.site-header .mobile-nav .mobile-group[open] summary>.bfp-mobile-chevron{transform:rotate(225deg)!important}
:focus-visible{outline:2px solid #ff6a22!important}