/*
Theme Name: Web Khoi Nghiep 2026
Description: Child theme Flatsome cho Web Khởi Nghiệp, giao diện kiểu buffsite.com (giữ code functions.php của theme cũ web-khoi-nghiep)
Author: Web Khoi Nghiep
Template: flatsome
Version: 1.100
*/

/* ===== CLONE buffsite.com ===== */
/* bộ icon của mẫu (font fonts/icon.woff), dùng class bsi-<tên> */
@font-face{font-family:"bs-icon";src:url("fonts/icon.woff") format("woff"),url("fonts/icon.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:block}
[class^="bsi-"],[class*=" bsi-"]{font-family:"bs-icon"!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bsi-copy:before{content:"\f0c5"}.bsi-spinner:before{content:"\f110"}.bsi-eye:before{content:"\f06e"}.bsi-eye-slash:before{content:"\f070"}.bsi-quote-left:before{content:"\f10d"}.bsi-quote-right:before{content:"\f10e"}.bsi-phone-volume-solid:before{content:"\e2a0"}.bsi-phone-solid:before{content:"\e095"}.bsi-up-right-from-square-solid:before{content:"\e35d"}.bsi-check:before{content:"\f00c"}.bsi-xmark:before{content:"\f00d"}.bsi-solid-star:before{content:"\e005"}.bsi-solid-bookmark:before{content:"\e02e"}.bsi-clipboard-list-check:before{content:"\f737"}.bsi-memo-circle-check:before{content:"\e1d9"}.bsi-address-card:before{content:"\f2bb"}.bsi-angles-up-down:before{content:"\e60d"}.bsi-arrow-down-long:before{content:"\f175"}.bsi-arrow-down-short-wide:before{content:"\f884"}.bsi-arrow-left-long:before{content:"\f177"}.bsi-arrow-right-long:before{content:"\f178"}.bsi-arrow-rotate-left:before{content:"\f0e2"}.bsi-arrow-rotate-right:before{content:"\f01e"}.bsi-arrow-trend-up:before{content:"\e098"}.bsi-arrow-up-long:before{content:"\f176"}.bsi-arrow-up-short-wide:before{content:"\f885"}.bsi-arrows-rotate-reverse:before{content:"\e630"}.bsi-at:before{content:"@"}.bsi-badge-dollar:before{content:"\f645"}.bsi-bag-shopping:before{content:"\f290"}.bsi-bars-staggered:before{content:"\f550"}.bsi-bars:before{content:"\f0c9"}.bsi-bell-ring:before{content:"\e62c"}.bsi-bolt-lightning:before{content:"\e0b7"}.bsi-bolt:before{content:"\f0e7"}.bsi-bookmark:before{content:"\f02e"}.bsi-box-check:before{content:"\f467"}.bsi-calculator-simple:before{content:"\f64c"}.bsi-calendar-day:before{content:"\f783"}.bsi-calendar-days:before{content:"\f073"}.bsi-calendar-lines-pen:before{content:"\e472"}.bsi-calendar-lines:before{content:"\e0d5"}.bsi-calendar-star:before{content:"\f736"}.bsi-car-side:before{content:"\f5e4"}.bsi-car:before{content:"\f1b9"}.bsi-cart-circle-check:before{content:"\e3f1"}.bsi-cart-circle-plus:before{content:"\e3f3"}.bsi-cart-circle-xmark:before{content:"\e3f4"}.bsi-cart-shopping:before{content:"\f07a"}.bsi-cart-xmark:before{content:"\e0dd"}.bsi-cc-amazon-pay:before{content:"\f42d"}.bsi-cc-amex:before{content:"\f1f3"}.bsi-cc-apple-pay:before{content:"\f416"}.bsi-cc-jcb:before{content:"\f24b"}.bsi-cc-mastercard:before{content:"\f1f1"}.bsi-cc-paypal:before{content:"\f1f4"}.bsi-cc-stripe:before{content:"\f1f5"}.bsi-cc-visa:before{content:"\f1f0"}.bsi-chevron-down:before{content:"\f078"}.bsi-chevron-left:before{content:"\f053"}.bsi-chevron-right:before{content:"\f054"}.bsi-chevron-up:before{content:"\f077"}.bsi-chevrons-down:before{content:"\f322"}.bsi-chevrons-left:before{content:"\f323"}.bsi-chevrons-right:before{content:"\f324"}.bsi-chevrons-up:before{content:"\f325"}.bsi-circle-check:before{content:"\f058"}.bsi-circle-info:before{content:"\f05a"}.bsi-circle-minus:before{content:"\f056"}.bsi-circle-pause:before{content:"\f28b"}.bsi-circle-play:before{content:"\f144"}.bsi-circle-plus:before{content:"\f055"}.bsi-circle-question:before{content:"\f059"}.bsi-clock-rotate-left:before{content:"\f1da"}.bsi-clock-seven:before{content:"\e350"}.bsi-cloud-arrow-down:before{content:"\f0ed"}.bsi-cloud-arrow-up:before{content:"\f0ee"}.bsi-cloud:before{content:"\f0c2"}.bsi-code-simple:before{content:"\e13d"}.bsi-code:before{content:"\f121"}.bsi-credit-card-front:before{content:"\f38a"}.bsi-credit-card:before{content:"\f09d"}.bsi-discord:before{content:"\f392"}.bsi-display-chart-up:before{content:"\e5e3"}.bsi-ellipsis-stroke-vertical:before{content:"\f39c"}.bsi-ellipsis-stroke:before{content:"\f39b"}.bsi-ellipsis-vertical:before{content:"\f142"}.bsi-ellipsis:before{content:"\f141"}.bsi-envelope:before{content:"\f0e0"}.bsi-expand-wide:before{content:"\f320"}.bsi-expand:before{content:"\f065"}.bsi-face-meh:before{content:"\f11a"}.bsi-face-smile-beam:before{content:"\f5b8"}.bsi-face-smile:before{content:"\f118"}.bsi-facebook-f:before{content:"\f39e"}.bsi-facebook-messenger:before{content:"\f39f"}.bsi-filter:before{content:"\f0b0"}.bsi-fire:before{content:"\f06d"}.bsi-floppy-disk:before{content:"\f0c7"}.bsi-folder:before{content:"\f07b"}.bsi-font-case:before{content:"\f866"}.bsi-font:before{content:"\f031"}.bsi-gamepad:before{content:"\f11b"}.bsi-gear:before{content:"\f013"}.bsi-gift-card:before{content:"\f663"}.bsi-gift:before{content:"\f06b"}.bsi-globe-pointer:before{content:"\e60e"}.bsi-grid-2-plus:before{content:"\e197"}.bsi-grid-2:before{content:"\e196"}.bsi-grid:before{content:"\e195"}.bsi-hand-holding-circle-dollar:before{content:"\e621"}.bsi-hashtag:before{content:"#"}.bsi-headphones-simple:before{content:"\f025"}.bsi-house:before{content:"\e487"}.bsi-info:before{content:"\f129"}.bsi-instagram:before{content:"\f16d"}.bsi-layer-group:before{content:"\f5fd"}.bsi-life-ring:before{content:"\f1cd"}.bsi-light-emergency-on:before{content:"\e420"}.bsi-lightbulb-on:before{content:"\f672"}.bsi-link-horizontal-slash:before{content:"\e1cc"}.bsi-link-horizontal:before{content:"\e1cb"}.bsi-link-slash:before{content:"\f127"}.bsi-link:before{content:"\f0c1"}.bsi-linkedin-in:before{content:"\f0e1"}.bsi-location-dot:before{content:"\f3c5"}.bsi-lock-open:before{content:"\f3c1"}.bsi-lock:before{content:"\f023"}.bsi-magnifying-glass:before{content:"\f002"}.bsi-map-location-dot:before{content:"\f5a0"}.bsi-message:before{content:"\f27a"}.bsi-messages:before{content:"\f4b6"}.bsi-microchip-ai:before{content:"\e1ec"}.bsi-minus:before{content:"\f068"}.bsi-money-bill-1:before{content:"\f3d1"}.bsi-money-bill-wave:before{content:"\f53a"}.bsi-money-check-dollar-pen:before{content:"\f873"}.bsi-money-check-pen:before{content:"\f872"}.bsi-objects-column:before{content:"\e3c1"}.bsi-page:before{content:"\e428"}.bsi-paintbrush-pencil:before{content:"\e206"}.bsi-paper-plane-top:before{content:"\e20a"}.bsi-paper-plane:before{content:"\f1d8"}.bsi-pause:before{content:"\f04c"}.bsi-pen-line:before{content:"\e212"}.bsi-pen-ruler:before{content:"\f5ae"}.bsi-pen-to-square:before{content:"\f044"}.bsi-pen:before{content:"\f304"}.bsi-phone:before{content:"\f095"}.bsi-pinterest-p:before{content:"\f231"}.bsi-play:before{content:"\f04b"}.bsi-plus:before{content:"+"}.bsi-question:before{content:"?"}.bsi-sack-dollar:before{content:"\f81d"}.bsi-share-from-square:before{content:"\f14d"}.bsi-share-nodes:before{content:"\f1e0"}.bsi-shield-check:before{content:"\f2f7"}.bsi-shield:before{content:"\f132"}.bsi-star:before{content:"\f005"}.bsi-steering-wheel:before{content:"\f622"}.bsi-store:before{content:"\f54e"}.bsi-telegram:before{content:"\f2c6"}.bsi-tiktok:before{content:"\e07b"}.bsi-trash:before{content:"\f1f8"}.bsi-truck-fast:before{content:"\f48b"}.bsi-tumblr:before{content:"\f173"}.bsi-user-group:before{content:"\f500"}.bsi-user-headset:before{content:"\f82d"}.bsi-user:before{content:"\f007"}.bsi-x-twitter:before{content:"\e61b"}.bsi-youtube:before{content:"\f167"}
.bsi-zalo:before{content:"";display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252.9 240.8'><g id='c'><path d='M154.26,88.22v-3.17h9.48v44.5h-5.42c-2.23,0-4.05-1.8-4.05-4.03h0c-3.82,2.79-8.54,4.45-13.64,4.45-12.77,0-23.12-10.34-23.12-23.09s10.35-23.09,23.12-23.09c5.08-.03,9.8,1.63,13.62,4.43,0-.01,0,0,0,0ZM115.05,70.75v1.44c0,2.69-.36,4.88-2.11,7.47l-.21.24c-.38.43-1.28,1.45-1.7,2l-30.43,38.18h34.44v5.41c0,2.24-1.82,4.05-4.06,4.05h-44.61v-2.55c0-3.12.77-4.51,1.75-5.97l32.43-40.15h-32.84v-10.14h47.34ZM175.23,129.55c-1.87,0-3.38-1.51-3.38-3.37v-55.43h10.15v58.8h-6.76ZM212,83.49c12.85,0,23.27,10.42,23.27,23.26s-10.42,23.26-23.27,23.26-23.27-10.42-23.27-23.26,10.41-23.26,23.27-23.26ZM140.62,120.45c7.51,0,13.6-6.09,13.6-13.59s-6.09-13.58-13.6-13.58-13.6,6.09-13.6,13.58,6.1,13.59,13.6,13.59ZM212,120.44c7.55,0,13.68-6.13,13.68-13.68s-6.13-13.67-13.68-13.67-13.68,6.12-13.68,13.67c-.01,7.55,6.11,13.68,13.68,13.68Z' fill='currentColor' fill-rule='evenodd'/><path d='M45.26,210.08c-.99-.44-1.7-.94-.55-1.93.78-.5,1.55-1.05,2.32-1.49,7.23-4.69,14.03-9.83,18.5-17.39,3.69-6.29,3.09-9.93-1.55-14.63-26.11-26.17-37.65-57.53-31.91-94.46,3.25-20.93,12.86-38.92,26.71-54.6,8.39-9.49,18.38-17.16,29.31-23.57.61-.38,1.61-.5,1.71-1.49-.17-.55-.61-.38-.94-.38-18.6,0-37.21-.39-55.75.11C15.4.76,0,14.5,0,34.21c.11,57.63,0,115.22,0,172.79,0,17.84,13.64,32.8,31.47,33.51,15.08.56,30.2.06,45.27.06,1.11,0,2.21.06,3.3.18h79.77c19.88,0,39.74.11,59.62,0h.27c18.44-.17,33.23-15.19,33.12-33.62v-32.3c0-.83.27-1.66-.23-2.43-.99.06-1.38.89-1.93,1.44-10.71,10.75-23.36,19.38-37.21,25.5-34,14.91-68.55,16.01-103.56,3.98-3.04-1.11-6.35-1.27-9.49-.44-4.64,1.15-9.22,2.54-13.8,3.92-13.53,4.13-27.27,6.01-41.35,3.25' fill='currentColor'/></g></svg>") no-repeat center;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252.9 240.8'><g id='c'><path d='M154.26,88.22v-3.17h9.48v44.5h-5.42c-2.23,0-4.05-1.8-4.05-4.03h0c-3.82,2.79-8.54,4.45-13.64,4.45-12.77,0-23.12-10.34-23.12-23.09s10.35-23.09,23.12-23.09c5.08-.03,9.8,1.63,13.62,4.43,0-.01,0,0,0,0ZM115.05,70.75v1.44c0,2.69-.36,4.88-2.11,7.47l-.21.24c-.38.43-1.28,1.45-1.7,2l-30.43,38.18h34.44v5.41c0,2.24-1.82,4.05-4.06,4.05h-44.61v-2.55c0-3.12.77-4.51,1.75-5.97l32.43-40.15h-32.84v-10.14h47.34ZM175.23,129.55c-1.87,0-3.38-1.51-3.38-3.37v-55.43h10.15v58.8h-6.76ZM212,83.49c12.85,0,23.27,10.42,23.27,23.26s-10.42,23.26-23.27,23.26-23.27-10.42-23.27-23.26,10.41-23.26,23.27-23.26ZM140.62,120.45c7.51,0,13.6-6.09,13.6-13.59s-6.09-13.58-13.6-13.58-13.6,6.09-13.6,13.58,6.1,13.59,13.6,13.59ZM212,120.44c7.55,0,13.68-6.13,13.68-13.68s-6.13-13.67-13.68-13.67-13.68,6.12-13.68,13.67c-.01,7.55,6.11,13.68,13.68,13.68Z' fill='currentColor' fill-rule='evenodd'/><path d='M45.26,210.08c-.99-.44-1.7-.94-.55-1.93.78-.5,1.55-1.05,2.32-1.49,7.23-4.69,14.03-9.83,18.5-17.39,3.69-6.29,3.09-9.93-1.55-14.63-26.11-26.17-37.65-57.53-31.91-94.46,3.25-20.93,12.86-38.92,26.71-54.6,8.39-9.49,18.38-17.16,29.31-23.57.61-.38,1.61-.5,1.71-1.49-.17-.55-.61-.38-.94-.38-18.6,0-37.21-.39-55.75.11C15.4.76,0,14.5,0,34.21c.11,57.63,0,115.22,0,172.79,0,17.84,13.64,32.8,31.47,33.51,15.08.56,30.2.06,45.27.06,1.11,0,2.21.06,3.3.18h79.77c19.88,0,39.74.11,59.62,0h.27c18.44-.17,33.23-15.19,33.12-33.62v-32.3c0-.83.27-1.66-.23-2.43-.99.06-1.38.89-1.93,1.44-10.71,10.75-23.36,19.38-37.21,25.5-34,14.91-68.55,16.01-103.56,3.98-3.04-1.11-6.35-1.27-9.49-.44-4.64,1.15-9.22,2.54-13.8,3.92-13.53,4.13-27.27,6.01-41.35,3.25' fill='currentColor'/></g></svg>") no-repeat center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}

/* ---------- màu, cỡ chữ chung (theo CSS mẫu) ---------- */
:root{--bf-primary:#006bea;--bf-primary-hover:#0057c2;--bf-text:#666;--bf-title:#333;--bf-green:#198754;--bf-red:#dc3545;--bf-radius:10px;--bf-margin:20px;--bf-border:#e9ecef;--bf-xanh-nhat:#d3e1f6}
body.bs-site{font-size:16px;line-height:1.5;color:var(--bf-text)}
.bs-site #wrapper{overflow-x:clip}
.bs-site h1,.bs-site h2,.bs-site h3,.bs-site h4{line-height:1.4}
.bs-site .col.pb-0,.bs-site .col.pb-0 > .col-inner{padding-bottom:0}
.bs-site a{transition:.2s}
.bs-site strong,.bs-site b{font-weight:600}
[class*="bs-"] ul,ul[class*="bs-"]{list-style:none;margin:0;padding:0}
[class*="bs-"] ul > li,ul[class*="bs-"] > li{margin-left:0}
.bs-site button.bs-faq-title,.bs-site button.bs-table-title,.bs-site button.bs-nav-link,.bs-site button.bs-btn{text-transform:none;letter-spacing:0;line-height:1.5;min-height:0;margin:0;font-family:inherit;border-radius:0}
.bs-text-center{text-align:center}
.bs-text-start{text-align:left!important}
.bs-text-primary{color:var(--bf-primary)}
.bs-mb-0{margin-bottom:0!important}
.bs-mb-2{margin-bottom:.5rem!important}
.bs-mb-4{margin-bottom:1.5rem!important}
.bs-mb-5{margin-bottom:3rem!important}
.bs-w-100{width:100%}
.bs-d-none{display:none!important}
@media (min-width:768px){.bs-d-md-block{display:block!important}.bs-d-md-inline{display:inline!important}}
@media (min-width:992px){.bs-text-lg-start{text-align:left!important}.bs-mb-lg-5{margin-bottom:3rem!important}}

/* ---------- nút ---------- */
.bs-btn{display:inline-block;padding:7px 12px;font-size:16px;font-weight:400;line-height:1.5;text-align:center;border:1px solid transparent;border-radius:50px;text-decoration:none;cursor:pointer;color:#212529;background:transparent;transition:color .15s,background-color .15s,border-color .15s}
.bs-btn-lg{padding:.5rem 1rem;font-size:1.25rem}
.bs-btn-primary{background-color:var(--bf-primary);border-color:var(--bf-primary);color:#fff}
.bs-btn-primary:hover,.bs-btn-primary:focus{background-color:var(--bf-primary-hover);border-color:var(--bf-primary-hover);color:#fff}
.bs-btn-outline-primary{color:var(--bf-primary);border-color:var(--bf-primary)}
.bs-btn-outline-primary:hover,.bs-btn-outline-primary:focus{background-color:var(--bf-primary);border-color:var(--bf-primary);color:#fff}
.bs-btn-success{background-color:var(--bf-green);border-color:var(--bf-green);color:#fff}
.bs-btn-success:hover{background-color:#157347;border-color:#146c43;color:#fff}
.bs-btn-danger{background-color:var(--bf-red);border-color:var(--bf-red);color:#fff}
.bs-btn-danger:hover{background-color:#bb2d3b;color:#fff}
.bs-btn-default{background-color:#f5f5f7;color:#333;border-color:#f5f5f7}
.bs-btn-default:hover,.bs-btn-default:focus{background-color:#e5e5e7;border-color:#e5e5e7;color:#333}
.bs-btn-outline-default{border-color:#ddd;color:#333}
.bs-btn-outline-default:hover{background:#f5f5f7;color:#333}
.bs-px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
.bs-btn-icon{display:inline-flex;align-items:center;gap:10px;font-weight:500;justify-content:space-between;padding:4px!important;overflow:hidden}
.bs-btn-icon span{margin:0 15px}
.bs-btn-icon i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background-color:var(--bf-primary);color:#fff}
.bs-btn-icon.bs-btn-lg{padding:5px!important}
.bs-btn-icon.bs-btn-lg i{width:45px;height:45px}
.bs-btn-icon.bs-btn-primary i{background-color:#fff;color:var(--bf-primary)}
.bs-btn-icon.bs-btn-default i{background-color:#ddd;color:#333}
.bs-btn i.bsi-arrow-right-long{transition:transform .25s}
.bs-btn:hover i.bsi-arrow-right-long{transform:translateX(3px)}

/* ---------- hiệu ứng hiện dần khi cuộn (giống mẫu: fade-up/down/left/right, delay 0.25s) ---------- */
.bs-js .bs-animate{opacity:0;will-change:transform,opacity}
.bs-js .bs-animate.bs-inview{animation:bsFadeIn 1s both ease}
.bs-js .bs-inview.bs-fade-up{animation-name:bsFadeUp}
.bs-js .bs-inview.bs-fade-down{animation-name:bsFadeDown}
.bs-js .bs-inview.bs-fade-left{animation-name:bsFadeLeft}
.bs-js .bs-inview.bs-fade-right{animation-name:bsFadeRight}
.bs-inview.bs-delay-1{animation-delay:.25s!important}
.bs-inview.bs-delay-2{animation-delay:.5s!important}
.bs-inview.bs-delay-3{animation-delay:.75s!important}
.bs-inview.bs-delay-4{animation-delay:1s!important}
@keyframes bsFadeIn{from{opacity:0}to{opacity:1}}
@keyframes bsFadeUp{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}
@keyframes bsFadeDown{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}
@keyframes bsFadeLeft{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}
@keyframes bsFadeRight{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}
@keyframes bsBounceAlpha{0%{opacity:1;transform:translateX(0) scale(1)}25%{opacity:0;transform:translateX(10px) scale(.9)}26%{opacity:0;transform:translateX(-10px) scale(.9)}55%{opacity:1;transform:translateX(0) scale(1)}}
.bs-btn-danger i.bsi-arrow-right-long{display:inline-block;margin:0 5px;animation:bsBounceAlpha 2s infinite ease-in-out}
@media (prefers-reduced-motion:reduce){.bs-js .bs-animate{opacity:1;animation:none!important}}

/* ---------- header ---------- */
.bs-site .header-main{border-bottom:1px solid #f5f5f5}
.bs-site #logo{width:200px}
.bs-site #logo img{max-height:50px!important;width:auto;object-fit:contain}
.bs-site .header-nav-main > li{margin:0 12px}
.bs-site .header-nav-main > li > a{font-size:16px;font-weight:400;color:#333;padding:0}
.bs-site .header-nav-main > li > a:hover,.bs-site .header-nav-main > li.active > a{color:var(--bf-primary)}
.bs-navbar-right{display:flex;gap:10px;justify-content:flex-end;margin-left:20px}
.bs-navbar-right .bs-btn{display:flex;align-items:center;gap:10px;white-space:nowrap}
.bs-navbar-right .bs-btn span{display:inline-flex;white-space:nowrap}
.bs-site .header-wrapper:not(.stuck) .transparent .header-main,.bs-site .transparent .header-wrapper:not(.stuck) .header-main{border-bottom:0}
.bs-site .header-wrapper.stuck .header-main{background:#fff;border-bottom:1px solid #f5f5f5}
.bs-site .off-canvas-left .mfp-content{width:300px}
.bs-site .off-canvas .nav-sidebar > li > a{font-size:16px;font-weight:400;color:#333;text-transform:none}
@media (max-width:849px){
	.bs-navbar-right{margin-left:0}
	.bs-navbar-right .bs-btn-login{display:none}
	.bs-navbar-right .bs-btn{padding:4px;width:50px;height:50px;flex-direction:column;justify-content:center;gap:2px;background:transparent;color:#000;border-color:transparent;border-radius:var(--bf-radius)}
	.bs-navbar-right .bs-btn i{font-size:18px}
	.bs-navbar-right .bs-btn span{font-size:10px;font-weight:400}
	.bs-navbar-right .bs-btn:hover{background-color:#f4f4f7;color:#000}
	.bs-site #logo{width:auto}
}

/* ---------- khung đầu khối (tiêu đề + mô tả) ---------- */
.bs-box-header{margin-bottom:30px}
.bs-box-header .bs-box-title{font-size:40px;font-weight:600;color:var(--bf-title);text-align:center;line-height:1.4;margin-bottom:.5rem;font-family:"Lexend",sans-serif}
.bs-box-header .bs-box-desc{text-align:center;margin-bottom:30px}
.bs-page-title{font-size:32px;font-weight:600;color:var(--bf-title);text-align:center;margin-bottom:30px;line-height:1.4}
.section-nen-xanh{background-color:var(--bf-xanh-nhat)}
@media (max-width:991px){
	.bs-box-header,.bs-box-header .bs-box-desc{margin-bottom:10px}
	.bs-box-header .bs-box-title{font-size:24px}
	.bs-box-header .bs-box-desc{font-size:90%}
	.bs-page-title{font-size:24px}
}

/* ---------- tiêu đề trang (nền tối + breadcrumb) ---------- */
.bs-breadcrumb-hero{padding:60px 0;background-color:#f5f5f5;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:1}
.bs-breadcrumb-hero::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.7);z-index:0}
.bs-breadcrumb-hero .container{position:relative;z-index:1;max-width:1306px;padding:0 15px;margin:0 auto}
.bs-breadcrumb-hero .bs-page-title{margin-bottom:10px;color:#fff}
.bs-breadcrumbs{display:flex;justify-content:center}
.bs-breadcrumb{margin:0;padding:0;display:inline-flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.bs-breadcrumb .bs-breadcrumb-item{display:flex;align-items:center;font-size:90%;white-space:nowrap;color:#fff;margin:0}
.bs-breadcrumb .bs-breadcrumb-item a{color:#fff;text-decoration:none}
.bs-breadcrumb .bs-breadcrumb-item+.bs-breadcrumb-item::before{content:"\f054";font-family:"bs-icon";font-size:10px;color:#fff;margin-right:10px}
@media (max-width:991px){.bs-breadcrumb-hero{padding:40px 0}.bs-breadcrumbs{justify-content:flex-start}}

/* ---------- trang chủ: banner ---------- */
.section-banner-hero{text-align:center}
.section-banner-hero .section-bg img.bg,.section-banner-hero .section-bg{object-fit:fill!important;background-size:100% 100%!important}
.section-banner-hero > .section-content{display:flex;flex-direction:column;justify-content:center;min-height:inherit;padding-top:35px}
.bs-banner-hero-content{padding:40px 0}
.bs-banner-hero-content .bs-title{font-size:56px;font-weight:700;margin-bottom:20px;color:var(--bf-title);line-height:1.4}
.bs-banner-hero-content .bs-desc{font-size:19.2px;font-weight:300;margin-bottom:20px;color:var(--bf-text);line-height:1.5}
.bs-banner-hero-content > .bs-btn{display:inline-flex;align-items:center;gap:10px;margin-bottom:40px}
.bs-banner-hero-content > p{margin-bottom:1rem}
.bs-template-group{margin:20px 0;display:flex;gap:20px}
.bs-template-group-item{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:var(--bf-radius);background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);position:relative;overflow:hidden;aspect-ratio:16/9;text-decoration:none;border:2px solid transparent}
.bs-template-group-item img{width:100%;height:100%;object-fit:cover;transition:all .25s}
.bs-template-group-item span{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end;text-align:center;color:#000;font-weight:500;background-color:hsla(0,0%,100%,.7);transition:all .25s;padding:7px 10px}
.bs-template-group-item.bs-view-all{font-weight:500;color:#333;background-color:#fff}
.bs-template-group-item.bs-view-all span{position:static;color:inherit;background:none}
.bs-template-group-item:hover{border-color:var(--bf-primary)}
.bs-template-group-item:hover img{transform:scale(1.1)}
.bs-template-group-item.bs-view-all:hover{background-color:var(--bf-primary);color:#fff}
@media (max-width:991px){
	.bs-banner-hero-content{padding:30px 0}
	.bs-banner-hero-content .bs-title{font-size:24px}
	.bs-banner-hero-content .bs-desc{font-size:14.4px}
	.bs-banner-hero-content > .bs-btn{margin-bottom:20px}
	.bs-banner-hero-content > p{margin-bottom:0}
	.bs-template-group{overflow-x:auto;padding-bottom:10px}
	.bs-template-group .bs-template-group-item{flex:0 0 40%}
	.bs-template-group .bs-template-group-item span{padding:5px;font-size:80%}
}

/* ---------- 6 lý do ---------- */
.bs-benefit-item{display:flex;flex-direction:column;text-align:center;align-items:center;gap:20px;padding:30px;border-radius:var(--bf-radius);background-color:#fff;margin-bottom:20px;box-shadow:0 0 38px 0 rgba(0,0,0,.08);overflow:hidden;position:relative}
.bs-benefit-item::after,.bs-pricing-item::after{content:"";position:absolute;top:-20px;left:-20px;width:140px;height:140px;transform:rotate(100deg);background:url(images/bs-bg-box.png) center/cover no-repeat;opacity:.5;z-index:0;pointer-events:none}
.bs-benefit-item .bs-benefit-item-icon{width:150px;height:150px;flex-shrink:0;position:relative;z-index:1}
.bs-benefit-item .bs-benefit-item-icon img{width:100%;height:100%;object-fit:cover}
.bs-benefit-item .bs-benefit-item-content{position:relative;z-index:1}
.bs-benefit-item .bs-benefit-item-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--bf-title)}
.bs-benefit-item .bs-benefit-item-desc{font-size:1rem;color:var(--bf-text);margin-bottom:0}
@media (min-width:850px){.div-ly-do-giua > .col-inner{padding-top:48px}}

/* ---------- giao diện nổi bật (chữ + carousel 3D) ---------- */
.div-giao-dien-chu p{margin-bottom:1rem}
.div-giao-dien-chu .bs-box-header{margin-bottom:30px}
.div-giao-dien-chu .bs-box-title{text-align:left}
.bs-list-check{margin-left:0!important}
.bs-list-check > li{position:relative;padding-left:40px!important;margin-bottom:15px!important}
.bs-list-check > li::before{position:absolute;left:0;top:-3px;display:flex;align-items:center;justify-content:center;content:"\f00c";font-family:"bs-icon";color:var(--bf-primary);background-color:rgba(8,106,216,.1);width:30px;height:30px;border-radius:50%;font-size:14px}
.bs-f-template{position:relative;padding-bottom:30px}
.bs-f-template .flickity-viewport{overflow:hidden}
.bs-f-template .flickity-slider > div.bs-f-slide{width:min(60%,400px)!important;padding:10px!important;perspective:700px}
.bs-f-template .bs-f-slide .bs-template-item{transition:transform .4s ease,opacity .4s ease;transform-style:preserve-3d}
.bs-f-template .bs-f-slide[data-lech="-1"] .bs-template-item{transform:rotateY(50deg) scale(.9);transform-origin:right center}
.bs-f-template .bs-f-slide[data-lech="1"] .bs-template-item{transform:rotateY(-50deg) scale(.9);transform-origin:left center}
.bs-f-template .bs-f-slide[data-lech="-2"] .bs-template-item,.bs-f-template .bs-f-slide[data-lech="2"] .bs-template-item{opacity:0}
.bs-f-template .flickity-prev-next-button.previous{left:calc(50% - min(30%,200px) - 20px)}
.bs-f-template .flickity-prev-next-button.next{right:calc(50% - min(30%,200px) - 20px)}
@media (max-width:991px){.bs-f-template .flickity-slider > div.bs-f-slide{width:min(90%,300px)!important}}

/* ---------- carousel (Flickity) dùng chung ---------- */
/* trước khi Flickity khởi tạo (Flatsome nạp slider khi cuộn tới): xếp ngang, không đẩy trang cao */
.bs-flick:not(.flickity-enabled){display:flex;overflow:hidden}
.bs-flick:not(.flickity-enabled) > .bs-f-slide{flex:0 0 auto}
.bs-f-template:not(.flickity-enabled){padding-left:calc(50% - min(30%,200px))}
.bs-f-template:not(.flickity-enabled) > .bs-f-slide{width:min(60%,400px);padding:10px}
.bs-f-news:not(.flickity-enabled) > .bs-f-slide,.bs-f-template-list:not(.flickity-enabled) > .bs-f-slide{width:calc((100% - 40px)/3);margin-right:20px}
@media (max-width:991px){.bs-f-template:not(.flickity-enabled) > .bs-f-slide{width:min(90%,300px)}.bs-f-news:not(.flickity-enabled) > .bs-f-slide{width:calc((100% - 20px)/2)}}
@media (max-width:576px){.bs-f-news:not(.flickity-enabled) > .bs-f-slide{width:100%}}
.bs-flick .flickity-prev-next-button{opacity:1;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.15);color:#fff;top:45%;transform:translateY(-50%);padding:10px;z-index:10;border:0;margin:0}
.bs-flick .flickity-prev-next-button:hover{background:rgba(0,0,0,.3)}
.bs-flick .flickity-prev-next-button svg{fill:#fff;position:static;width:100%;height:100%}
.bs-flick .flickity-page-dots{bottom:-25px}
.bs-flick .flickity-page-dots .dot{width:10px;height:10px;margin:0 5px;background:var(--bf-primary);opacity:.25;border:0}
.bs-flick .flickity-page-dots .dot.is-selected{opacity:1}
.bs-f-news,.bs-f-template-list{margin-bottom:30px}
.bs-f-news .flickity-slider > div.bs-f-slide,.bs-f-template-list .flickity-slider > div.bs-f-slide{width:calc((100% - 40px)/3)!important;margin-right:20px!important}
.bs-f-template-list .flickity-slider > div.bs-f-slide{padding:12px 0!important}
.bs-f-news .flickity-prev-next-button.previous,.bs-f-template-list .flickity-prev-next-button.previous{left:-20px}
.bs-f-news .flickity-prev-next-button.next,.bs-f-template-list .flickity-prev-next-button.next{right:-20px}
@media (max-width:991px){.bs-f-news .flickity-slider > div.bs-f-slide{width:calc((100% - 20px)/2)!important}.bs-f-template-list .flickity-slider > div.bs-f-slide{width:calc((100% - 10px)/2)!important;margin-right:10px!important}.bs-flick .flickity-prev-next-button.previous{left:10px}.bs-flick .flickity-prev-next-button.next{right:10px}}
@media (max-width:576px){.bs-f-news .flickity-slider > div.bs-f-slide,.bs-f-template-list .flickity-slider > div.bs-f-slide{width:100%!important}}

/* ---------- thẻ giao diện ---------- */
.bs-template-item{padding:5px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:10px;height:100%}
.bs-template-item .bs-template-img{width:100%;aspect-ratio:1;position:relative;overflow:hidden;border-radius:var(--bf-radius);background-size:cover;background-position:center 0%;background-repeat:no-repeat;transition:background-position 5s linear}
.bs-template-item .bs-template-img .bs-btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;transition:all .25s;z-index:1;white-space:nowrap}
.bs-template-item:hover .bs-template-img{background-position:center 100%}
.bs-template-item:hover .bs-template-img .bs-btn{opacity:1;transform:translateX(-50%) translateY(0)}
.bs-template-item .bs-template-body{padding:15px}
.bs-template-item .bs-template-title{font-size:19.2px;margin-bottom:.5rem;color:var(--bf-title);font-weight:600;line-height:1.4}
.bs-template-item .bs-template-title a{color:inherit;text-decoration:none}
.bs-template-item .bs-template-title a:hover{color:var(--bf-primary)}
.bs-template-price{font-size:1rem;margin-bottom:0;display:flex;flex-wrap:wrap;gap:5px;align-items:baseline}
.bs-template-item .bs-template-price .bs-price{font-size:24px;font-weight:600;color:var(--bf-primary)}
.bs-template-item .bs-template-action{display:flex;gap:10px;margin-top:20px}
.bs-template-item .bs-template-action .bs-btn{flex:1}
.bs-template-list > .col{padding-bottom:24px}
@media (max-width:991px){
	.bs-template-item .bs-template-action{flex-direction:column}
	.bs-template-item .bs-template-body{padding:10px}
}

/* ---------- con số ---------- */
.bs-count-number-item{display:flex;flex-direction:column;align-items:center}
.bs-count-number-item .bs-number{color:var(--bf-title);font-size:48px;font-weight:300;line-height:1.5}
.bs-count-number-item .bs-number .bs-countup{font-weight:600}
.bs-count-number-item .bs-count-number-title{font-size:120%;color:var(--bf-title);text-align:center}
@media (max-width:991px){.bs-count-number-item .bs-number{font-size:32px}.bs-count-number-item .bs-count-number-title{font-size:80%}}

/* ---------- quy trình 5 bước ---------- */
.bs-process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.bs-process-item{display:flex;flex-direction:column}
.bs-process-item .bs-process-item-icon{position:relative;display:flex;justify-content:center;padding-bottom:100px;width:100%}
.bs-process-item .bs-process-item-icon::before{content:"";position:absolute;top:30px;left:calc(50% + 30px);width:calc(100% - 35px);height:1px;border-top:1px dashed #ccc;z-index:0;pointer-events:none}
.bs-process-item .bs-process-item-icon .bs-number{width:60px;height:60px;border-radius:var(--bf-radius);display:flex;justify-content:center;align-items:center;font-size:150%;font-weight:700;color:#333;background-color:#e1ecfa;position:relative;z-index:2}
.bs-process-item .bs-process-item-icon .bs-number::before{content:"";position:absolute;top:60px;left:50%;width:1px;height:70px;background-color:#ccc;z-index:-1}
.bs-process-item .bs-process-item-icon .bs-number::after{content:"";position:absolute;bottom:-70px;left:50%;transform:translateX(-50%);width:20px;height:20px;background-color:#ccc;border-radius:50%;transition:all .3s ease;box-shadow:0 0 0 2px #fff,0 0 0 4px #ddd;z-index:-1}
.bs-process-item .bs-process-item-content{padding:20px;border-radius:10px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center;transition:all .3s ease;position:relative;height:100%;isolation:isolate;background:#fff}
.bs-process-item .bs-process-item-content::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:var(--bf-primary);z-index:-1;transition:all .3s ease}
.bs-process-item .bs-process-item-title{margin-bottom:5px;font-size:120%;transition:all .3s ease;color:var(--bf-title)}
.bs-process-item .bs-process-item-content p{margin-bottom:0;transition:all .3s ease}
.bs-process-item:last-child .bs-process-item-icon::before{display:none}
.bs-process-item.bs-active .bs-number::after,.bs-process-item:hover .bs-number::after{background-color:var(--bf-primary)}
.bs-process-item.bs-active .bs-number,.bs-process-item:hover .bs-number{transform:rotateY(360deg);transition:all .6s ease}
.bs-process-item.bs-active .bs-process-item-content,.bs-process-item:hover .bs-process-item-content{color:#fff}
.bs-process-item.bs-active .bs-process-item-title,.bs-process-item:hover .bs-process-item-title{color:#fff}
.bs-process-item.bs-active .bs-process-item-content::after,.bs-process-item:hover .bs-process-item-content::after{height:100%}
@media (max-width:767px){
	.bs-process-list{grid-template-columns:1fr;gap:10px}
	.bs-process-item{flex-direction:row;gap:15px;align-items:stretch}
	.bs-process-item .bs-process-item-icon{width:60px;padding-bottom:0;flex-shrink:0}
	.bs-process-item .bs-process-item-icon::before,.bs-process-item .bs-number::before,.bs-process-item .bs-number::after{display:none}
	.bs-process-item .bs-process-item-content{flex:1;text-align:left;padding:12px 15px}
}

/* ---------- bảng giá ---------- */
.bs-nav-tabs-container{display:flex;justify-content:center;margin-bottom:50px}
.bs-nav-tabs-price{display:flex;justify-content:center;background-color:#fff;border:2px solid #ddd;border-radius:50px;padding:3px}
.bs-nav-tabs-price .bs-nav-item{margin:0!important;padding:0}
.bs-site .bs-nav-tabs-price .bs-nav-link{position:relative;border:0;padding:12px 40px;font-size:19.2px;font-weight:500;color:#333;background:transparent;border-radius:50px;cursor:pointer}
.bs-site .bs-nav-tabs-price .bs-nav-link.bs-active{background-color:var(--bf-primary);color:#fff}
.bs-nav-tabs-price .bs-discount{position:absolute;top:-10px;right:0;background-color:var(--bf-red);color:#fff;padding:2px 7px;font-size:80%;border-radius:20px;line-height:1.4}
.div-goi-gia > .col-inner{height:100%}
.div-goi-gia > .col-inner > div{height:100%}
.bs-pricing-item{border-radius:20px;padding:30px 30px 20px;height:100%;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;overflow:hidden;background-color:#fff;border:2px solid transparent}
.bs-pricing-item > *{position:relative;z-index:1}
.bs-pricing-item .bs-pricing-title{font-size:40px;font-weight:600;color:var(--bf-title);text-align:center;margin-bottom:20px;line-height:1.4}
.bs-pricing-item .bs-pricing-desc{text-align:center;margin-bottom:20px}
.bs-pricing-item .bs-pricing-price{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;min-height:160px}
.bs-pricing-item .bs-pricing-price p{margin-bottom:0}
.bs-pricing-item .bs-buy-year{padding:4px 15px;font-size:90%;background-color:var(--bf-green);border-radius:20px;color:#fff}
.bs-pricing-item .bs-price span{font-size:200%;color:var(--bf-primary);font-weight:500}
.bs-pricing-item .bs-origin-price{font-size:120%;text-decoration:line-through}
.bs-pricing-item .bs-favorite{position:absolute;top:0;left:50%;padding:2px 20px;transform:translateX(-50%);background-color:var(--bf-green);color:#fff;font-weight:500;border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:2}
.bs-pricing-item.bs-active{padding:50px 30px 20px;height:calc(100% + 40px);border:2px solid var(--bf-green);background-image:linear-gradient(to bottom,#f0ffec,#fff);transform:translateY(-20px)}
.bs-pricing-item.bs-active .bs-price span{color:var(--bf-green)}
.bs-pricing-item.bs-active .bs-list-check > li::before{color:var(--bf-green);background-color:#d3ebe0}
.bs-pricing-item .bs-btn{display:block}
.row-bang-gia{margin-bottom:28px}
.div-xem-bang-gia .bs-btn{display:inline-flex}
@media (max-width:849px){
	.bs-nav-tabs-container{margin-bottom:30px}
	.bs-nav-tabs-price{border-width:1px}
	.bs-site .bs-nav-tabs-price .bs-nav-link{padding:7px 20px;font-size:16px}
	.bs-nav-tabs-price .bs-discount{font-size:70%}
	.bs-pricing-item,.bs-pricing-item.bs-active{height:auto;transform:none;margin-bottom:0}
	.div-tab-nam{order:-2}
	.div-goi-ban-hang{order:-1}
	.bs-pricing-item .bs-pricing-title{font-size:30px}
}

/* ---------- hỏi đáp ---------- */
.section-hoi-dap{background-image:linear-gradient(to bottom,var(--bf-xanh-nhat),transparent)}
.bs-hoi-dap-dau .bs-box-title,.bs-hoi-dap-dau .bs-box-desc{text-align:left}
.bs-faq-list{margin-bottom:20px}
.bs-faq-list .bs-faq-item{position:relative}
.bs-site .bs-faq-list .bs-faq-title{background-color:#f5f5f7;border-radius:var(--bf-radius);padding:10px 20px 10px 50px;width:100%;text-align:left;color:var(--bf-title);font-weight:600;font-size:16px;margin-bottom:10px;display:block;cursor:pointer;border:0}
.bs-faq-list .bs-faq-title::after{position:absolute;top:10px;left:20px;display:block;content:"\f055";font-family:"bs-icon";font-weight:400;color:#555;line-height:1.5}
.bs-faq-list .bs-faq-title[aria-expanded="true"]::after{content:"\f056"}
.bs-faq-list .bs-faq-desc{padding:0 20px 20px}
.bs-collapse{display:none}
.bs-collapse.bs-show{display:block}
.bs-site .bs-home-faq-list .bs-faq-title{padding:10px 20px 10px 40px;background-color:transparent;font-size:19.2px;margin-bottom:0}
.bs-home-faq-list .bs-faq-title::after{left:0}
.bs-home-faq-list .bs-faq-desc{padding:0 20px 10px 50px}
@media (max-width:991px){.bs-site .bs-home-faq-list .bs-faq-title{font-size:16px}.bs-home-faq-list .bs-faq-desc{font-size:90%}}

/* ---------- thẻ tin tức ---------- */
.bs-news-item{position:relative;overflow:hidden}
.bs-news-item .bs-news-thumbnail{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:var(--bf-radius)}
.bs-news-item .bs-news-thumbnail img{width:100%;height:100%;object-fit:cover;transition:all .25s}
.bs-news-item .bs-news-thumbnail:hover img{transform:scale(1.05)}
.bs-news-item .bs-news-body{padding:20px 0 0}
.bs-news-item .bs-news-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.bs-news-item .bs-news-category{display:inline-flex;color:#fff;text-transform:uppercase;margin-bottom:0;padding:2px 8px;font-size:80%;border-radius:4px;background-color:var(--bf-primary)}
.bs-news-item .bs-news-date{color:var(--bf-text);margin-bottom:0}
.bs-news-item .bs-news-title{font-size:19.2px;font-weight:600;margin-bottom:10px;color:var(--bf-title);line-height:1.4}
.bs-news-item .bs-news-title a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bs-news-item .bs-news-title a:hover{color:var(--bf-primary)}
.bs-news-item .bs-news-desc{margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bs-news-item .bs-news-action{text-align:left;width:100%}
.bs-news-item .bs-news-action .bs-btn{font-size:14px;padding:5px 15px}
.bs-news-item .bs-news-action i{font-size:10px;margin-left:3px}
.bs-news-item-overlay .bs-news-thumbnail{aspect-ratio:1}
.bs-news-item-overlay .bs-news-body{padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,#000,transparent);border-radius:var(--bf-radius);overflow:hidden;color:#fff;pointer-events:none}
.bs-news-item-overlay .bs-news-body a{pointer-events:auto}
.bs-news-item-overlay .bs-news-meta .bs-news-date{color:#fff}
.bs-news-item-overlay .bs-news-title{color:#fff;margin-bottom:0}
.bs-news-item-overlay .bs-news-action{height:0;overflow:hidden;transition:all .25s}
.bs-news-item-overlay:hover .bs-news-action{padding-top:20px;height:60px}
.bs-news-item-overlay:hover img{transform:scale(1.05)}
.bs-news-list > .col{padding-bottom:48px}
.bs-site .nav-pagination > li > span,.bs-site .nav-pagination > li > a{border-radius:5px;border:1px solid #dee2e6;min-width:36px;height:36px;line-height:34px;font-weight:400;color:var(--bf-primary)}
.bs-site .nav-pagination > li > .current{background:var(--bf-primary);border-color:var(--bf-primary);color:#fff}

/* ---------- trang Tin tức: lưới rộng hết khung như mẫu ---------- */
.bs-site.blog .blog-wrapper,.bs-site.archive.category .blog-wrapper{padding-top:50px}
.bs-site.blog .blog-wrapper > .row > .large-10,.bs-site.category .blog-wrapper > .row > .large-10{max-width:100%;flex-basis:100%}
.bs-site.post-type-archive-product .shop-page-title,.bs-site.tax-product_cat .shop-page-title{display:none}
.bs-site.tax-product_cat .category-page-row{padding-top:30px}

/* ---------- chi tiết bài viết ---------- */
.bs-site.single-post .blog-wrapper{padding-top:50px}
.bs-site.single-post .blog-wrapper > .row > .col{max-width:930px;flex-basis:930px}
.bs-article{position:relative;margin-bottom:40px}
.bs-article-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}
.bs-article-meta{display:flex;white-space:nowrap;overflow-x:auto;gap:10px;font-size:14px}
.bs-article-meta .bs-category,.bs-article-meta a{font-weight:500;color:var(--bf-text)}
.bs-article-tags{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.bs-article-tags a{color:var(--bf-text);font-weight:500;font-size:14px;padding:5px 10px;border-radius:var(--bf-radius);background-color:#f5f5f7}
.bs-article-tags a:hover{background-color:var(--bf-primary);color:#fff}
.bs-detail-content{font-size:17px;text-align:justify}
.bs-detail-content h1,.bs-detail-content h2,.bs-detail-content h3{font-weight:600;color:var(--bf-title)}
.bs-detail-content h1,.bs-detail-content h2,.bs-detail-content h3,.bs-detail-content h4,.bs-detail-content h5,.bs-detail-content h6,.bs-detail-content p,.bs-detail-content table,.bs-detail-content blockquote{font-size:100%;margin-bottom:20px}
.bs-detail-content li{margin-bottom:7px}
.bs-detail-content a:not(.bs-btn){font-weight:300;color:var(--bf-primary);text-decoration:none}
.bs-detail-content a:not(.bs-btn):hover{text-decoration:underline}
.bs-detail-content img{height:auto!important;border-radius:0}
.bs-site .bs-detail-content ul{list-style:none;padding:0;margin-left:20px;margin-bottom:20px}
.bs-site .bs-detail-content ul li{position:relative;list-style:none;padding-left:16px;margin-left:0}
.bs-detail-content ul li::before{content:"";background:#777;position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%}
.bs-site .bs-detail-content ol{list-style:none;counter-reset:bs-dem;margin:0 0 20px;padding:0}
.bs-site .bs-detail-content ol li{counter-increment:bs-dem;position:relative;display:block;padding-left:30px;margin-left:0}
.bs-detail-content ol li::before{content:counter(bs-dem);background:#2f80ed;position:absolute;left:0;top:2px;font-size:90%;width:22px;height:22px;line-height:22px;border-radius:50%;color:#fff;text-align:center}
.bs-bai-lien-quan{padding:50px 0;overflow:hidden}
.bs-bai-lien-quan .container{max-width:1306px;padding:0 15px;margin:0 auto}
@media (max-width:575px){.bs-site .bs-detail-content ul{margin-left:10px}}

/* ---------- so sánh tính năng ---------- */
.bs-table-features .bs-table-group{margin-bottom:10px}
.bs-site .bs-table-features .bs-table-title{padding:15px;background-color:var(--bf-xanh-nhat);color:#333;font-weight:500;font-size:17.6px;width:100%;position:relative;text-align:left;border-radius:var(--bf-radius);display:block;border:0;cursor:pointer}
.bs-table-features .bs-table-title::after{content:"\f078";font-family:"bs-icon";position:absolute;top:0;right:10px;width:45px;height:100%;color:#333;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.bs-table-features .bs-table-title[aria-expanded="true"]{border-bottom-left-radius:0;border-bottom-right-radius:0}
.bs-table-features .bs-table-title[aria-expanded="true"]::after{transform:rotateX(180deg)}
.bs-table-features .bs-table-header{position:sticky;top:70px;background-color:#fff;z-index:20;padding-top:5px;border-bottom:1px solid var(--bf-xanh-nhat);margin-bottom:10px}
.bs-table-features .bs-table-header .bs-table-row{background-color:transparent;gap:2px}
.bs-table-features .bs-table-header .bs-table-row > *{font-weight:500;font-size:19.2px;padding:20px 10px}
.bs-table-features .bs-table-header .bs-table-row > *:not(:first-child){border:1px solid var(--bf-xanh-nhat);background-color:#fff;border-bottom:0;border-top-left-radius:var(--bf-radius);border-top-right-radius:var(--bf-radius)}
.bs-table-features .bs-table-body{overflow:hidden;border-bottom-left-radius:var(--bf-radius);border-bottom-right-radius:var(--bf-radius);border:1px solid var(--bf-xanh-nhat)}
.bs-table-features .bs-table-row{display:flex;background-color:#fff}
.bs-table-features .bs-table-row:not(:last-child){border-bottom:1px solid var(--bf-xanh-nhat)}
.bs-table-features .bs-table-row > *{width:180px;flex:0 0 180px;padding:10px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--bf-title)}
.bs-table-features .bs-table-row > * p{margin-bottom:5px;font-weight:500;text-align:left}
.bs-table-features .bs-table-row > * p:last-child{margin-bottom:0}
.bs-table-features .bs-table-row > * ul{font-size:85%;font-style:italic;text-align:left;display:flex;flex-wrap:wrap;gap:5px}
.bs-table-features .bs-table-row > * ul li{margin:0 10px 0 0;padding-left:12px;position:relative}
.bs-table-features .bs-table-row > * ul li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#777}
.bs-table-features .bs-table-row > * i{color:#fff;width:25px;height:25px;background-color:var(--bf-primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.bs-table-features .bs-table-row > *:first-child{flex:1;text-align:left;align-items:flex-start}
.bs-table-features .bs-badge{display:inline-block;font-size:11px;line-height:1;padding:3px 6px;border-radius:10px;color:#fff;background:var(--bf-red);font-weight:500;vertical-align:middle;font-style:normal}
.bs-table-features .bs-bg-primary,.bs-table-features .bs-text-bg-primary{background:var(--bf-primary)}
.bs-table-features .bs-bg-danger,.bs-table-features .bs-text-bg-danger{background:var(--bf-red)}
.section-so-sanh .bs-box-header{margin-bottom:20px}
@media (max-width:991px){
	.bs-table-features{font-size:80%}
	.bs-table-features .bs-table-header .bs-table-row > *{flex:1;font-size:110%;padding:10px 5px;display:flex;align-items:center;justify-content:center}
	.bs-table-features .bs-table-header .bs-table-row > *:first-child{display:none}
	.bs-site .bs-table-features .bs-table-title{padding:10px 15px}
	.bs-table-features .bs-table-row{flex-wrap:wrap}
	.bs-table-features .bs-table-row > *{width:33.33%;flex:0 0 33.33%}
	.bs-table-features .bs-table-row > *:first-child{flex:0 0 100%;width:100%;text-align:center}
	.bs-table-features .bs-table-header{top:60px}
}

/* ---------- thanh toán ---------- */
.bs-box-pay-info{text-align:center}
.bs-box-pay-info .bs-box-title{font-size:40px;font-weight:600;color:var(--bf-title);line-height:1.4;margin-bottom:.5rem}
.bs-box-pay-info .bs-box-desc{margin-bottom:30px}
.bs-pay-info-title{color:var(--bf-title);font-weight:600;margin-bottom:10px}
.bs-pay-info-qrcode{width:300px;max-width:100%;margin:0 auto 20px;display:block}
.bs-pay-info{margin-bottom:20px;text-align:left;padding:20px;background-color:#f5f5f7;border-radius:var(--bf-radius)}
.bs-pay-info p{margin-bottom:10px}
.bs-box-pay-info .bs-row-pay{display:flex;gap:24px;align-items:flex-start;justify-content:center}
.bs-social{display:flex;gap:10px}
.bs-article-share{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--bf-border);padding-top:1rem}
.bs-article-share .bs-share-title{font-weight:500;font-size:14px;margin-right:10px}
.div-thanh-toan-qr .bs-pay-info-qrcode{margin:0 auto 20px}
.bs-social > li{display:inline-flex;margin:0!important}
.bs-social > li > a,.bs-social > li > button{display:flex!important;justify-content:center;align-items:center;width:40px;height:40px;border-radius:10px;background-color:#f4f4f7;transition:all .25s;text-decoration:none!important;color:#444}
.bs-social > li > a i,.bs-social > li > button i{color:#444;font-size:16px}
.bs-social > li > a:hover{transform:translateY(-4px);background-color:#ccc}

/* ---------- hướng dẫn ---------- */
.bs-support-item{position:relative;padding:20px;border-radius:var(--bf-radius);box-shadow:0 0 10px rgba(0,0,0,.1);background-color:var(--bf-primary);color:#fff;height:100%}
.bs-support-item .bs-support-icon{font-size:24px;margin-bottom:10px;color:#fff}
.bs-support-item .bs-support-title{font-size:16px;font-weight:400;margin-bottom:10px;color:#fff}
.bs-support-item .bs-support-desc{font-size:19.2px;font-weight:500;color:#fff;margin-bottom:0}
.bs-support-item .bs-support-desc a{color:inherit}
.div-ho-tro > .col-inner,.div-ho-tro > .col-inner > div{height:100%}
.bs-guide-search{display:flex;max-width:600px;margin:0 auto}
.bs-guide-search input[type="search"]{flex:1;border-radius:25px 0 0 25px;padding:10px 20px;height:auto;margin:0;border:1px solid #dee2e6;box-shadow:none;font-size:15px}
.bs-guide-search .bs-btn{border-radius:0 25px 25px 0;margin:0;display:flex;align-items:center;gap:6px;padding:10px 20px}
.bs-guide-category{font-size:24px!important;font-weight:600;color:var(--bf-title);margin:20px 0 10px}
.bs-guide-item{display:flex;flex-direction:column;padding:20px;border-radius:var(--bf-radius);border:1px solid #c5d3e4;background-color:#f0f7ff;text-align:center;height:100%;transition:border .25s;text-decoration:none!important}
.bs-guide-item:hover{border-color:var(--bf-primary);box-shadow:0 0 15px rgba(0,0,0,.1)}
.bs-guide-item .bs-guide-icon{color:var(--bf-primary);font-size:40px;margin-bottom:10px}
.bs-guide-item .bs-guide-title{color:var(--bf-title);font-weight:600;font-size:24px;margin-bottom:.5rem}
.bs-guide-item .bs-guide-desc{color:var(--bf-text)!important;margin-bottom:0}
.div-huong-dan > .col-inner{height:100%}
.bs-guide-category-menu-title{font-size:19.2px;font-weight:600;color:var(--bf-title);margin-bottom:10px}
.bs-nav-guide-category{display:flex;flex-direction:column}
.bs-nav-guide-category .bs-nav-link{color:#000;padding:7px 0;font-weight:500;position:relative;display:block}
.bs-nav-guide-category .bs-nav-link::before{content:"\f054";font-family:"bs-icon";display:inline-block;margin-right:10px;font-size:80%;color:var(--bf-primary)}
.bs-nav-guide-category .bs-nav-link:hover{color:var(--bf-primary)}
@media (max-width:991px){.bs-guide-item .bs-guide-title{font-size:16px}.bs-guide-item .bs-guide-desc{font-size:80%}}

/* ---------- liên hệ ---------- */
.bs-contact-info{display:flex;align-items:center;padding:20px 0}
.bs-contact-info:not(:last-child){border-bottom:1px solid var(--bf-border)}
.bs-contact-info i{margin-right:20px;width:70px;height:70px;font-size:30px;color:#fff;border-radius:50%;background-color:var(--bf-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bs-contact-info .bs-contact-info-desc label{font-size:19.2px;font-weight:600;color:var(--bf-title);margin-bottom:5px;display:block}
.bs-contact-info .bs-contact-info-desc p{color:#333;margin-bottom:0}
.bs-contact-info .bs-contact-info-desc p a{color:#333}
.bs-contact-form{box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:30px;padding:48px;background:#fff}
.bs-contact-form .bs-contact-title{font-size:24px;font-weight:600;color:#333;margin-bottom:1rem}
.bs-contact-form .bs-contact-desc{font-size:14px;color:#333}
.bs-google-map{width:100%;height:600px;overflow:hidden;margin-bottom:50px}
.bs-google-map iframe{width:100%;height:100%;border:0;border-radius:var(--bf-radius)}
@media (max-width:991px){.bs-contact-form{padding:24px}.bs-google-map{height:400px}}

/* ---------- form (Contact Form 7) ---------- */
.bs-form{display:flex;flex-wrap:wrap;margin:0 -8px}
.bs-form-o{width:100%;padding:0 8px;margin-bottom:16px}
.bs-form-o.bs-o-2{width:50%}
.bs-form .wpcf7-form-control-wrap{display:block}
.bs-site .bs-form input:not([type="submit"]),.bs-site .bs-form textarea{border-radius:25px;padding:12px 20px;height:auto;border:1px solid #dee2e6;box-shadow:none;font-size:16px;font-weight:300;margin:0;width:100%;color:#212529;background:#fff}
.bs-site .bs-form textarea{min-height:130px;border-radius:25px}
.bs-form input::placeholder,.bs-form textarea::placeholder{color:#999}
.bs-form input:focus,.bs-form textarea:focus{border-color:#80b5f5;box-shadow:0 0 0 .25rem rgba(0,107,234,.25)}
.bs-form-nut{padding:0 8px;width:100%}
.bs-nut-icon{position:relative;display:inline-flex}
.bs-site .bs-nut-icon input[type="submit"]{background:var(--bf-primary);color:#fff;border:0;border-radius:50px;padding:5px 60px 5px 20px;height:50px;font-size:19.2px;font-weight:500;text-transform:none;letter-spacing:0;margin:0;line-height:40px}
.bs-site .bs-nut-icon input[type="submit"]:hover{background:var(--bf-primary-hover)}
.bs-nut-icon > i{position:absolute;right:5px;top:5px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--bf-primary);display:flex;align-items:center;justify-content:center;pointer-events:none}
.bs-nut-lon{text-align:center;margin-top:8px}
.bs-site .bs-nut-lon input[type="submit"]{padding-left:48px;padding-right:78px}
.bs-cf7 .wpcf7-spinner{position:absolute;right:-40px;top:12px;margin:0}
.bs-nut-icon .wpcf7-spinner{right:-34px}
.bs-cf7 .wpcf7-not-valid-tip{font-size:13px;padding-left:20px}
.bs-cf7 .wpcf7-response-output{border-radius:10px;margin:10px 0 0!important}
@media (max-width:549px){.bs-form-o.bs-o-2{width:100%}}

/* ---------- trang đăng ký (không header/footer) ---------- */
.section-dang-ky{min-height:100vh}
.bs-ve-trang-chu{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}
.bs-box-form{text-align:center;max-width:900px;margin:0 auto 48px;background:#fff;border-radius:30px;padding:48px}
.bs-box-form > *{max-width:600px;margin-left:auto;margin-right:auto}
.bs-box-form .bs-form-icon{margin-bottom:20px}
.bs-box-form .bs-form-icon img{width:120px;height:120px;object-fit:contain}
.bs-box-form .bs-form-title{font-size:40px;font-weight:500;color:var(--bf-title);margin-bottom:10px}
.bs-box-form .bs-form-desc{margin-bottom:20px}
.bs-box-form .bs-form-note{margin-top:16px;font-size:15px}
@media (max-width:991px){.bs-box-form{padding:24px}.bs-box-form .bs-form-title{font-size:24px}.bs-box-form .bs-form-icon img{width:80px;height:80px}}

/* ---------- kho giao diện: lọc + chi tiết ---------- */
.section-loc-giao-dien{border-bottom:1px solid var(--bf-border)}
.bs-filter-template{display:flex;flex-wrap:wrap;justify-content:center;padding:10px 0;gap:5px;max-width:100%}
.bs-filter-template .bs-nav-item{margin:0!important}
.bs-filter-template .bs-nav-link{display:block;padding:12px 20px;font-weight:500;border-radius:var(--bf-radius);color:var(--bf-title);transition:all .25s;white-space:nowrap}
.bs-filter-template .bs-nav-link.bs-active{background-color:var(--bf-primary);color:#fff}
.bs-filter-template .bs-nav-link:hover:not(.bs-active){background-color:#f5f5f7;color:var(--bf-title)}
.bs-wrap-filter-template{border-bottom:1px solid var(--bf-border);margin-bottom:30px}
.bs-site.archive.tax-product_cat .shop-container{padding-top:0}
.bs-site.tax-product_cat #main > .row,.bs-site.tax-product_cat .category-page-row{padding-top:0}
.bs-template-info{display:flex;flex-direction:column;justify-content:center;height:100%;margin-bottom:20px}
.bs-template-info .bs-template-title{font-size:40px;color:var(--bf-title);font-weight:500;margin-bottom:.5rem}
.bs-template-info .bs-template-price{margin-bottom:1rem}
.bs-template-info .bs-template-price .bs-price{font-size:1.5rem;font-weight:600;color:var(--bf-primary)}
.bs-template-info .bs-template-action{display:flex;flex-direction:column;gap:10px}
.bs-template-info .bs-template-action .bs-btn{width:100%}
.bs-template-preview{position:relative;padding:20px 100px 40px 20px;margin:0 -20px;overflow:hidden}
.bs-template-preview .bs-desktop{padding-top:40px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:10px;overflow:hidden;position:relative;aspect-ratio:3/2}
.bs-template-preview .bs-desktop-img,.bs-template-preview .bs-mobile-img{width:100%;height:100%;background-size:cover;background-position:center 0%;transition:background-position 5s linear;overflow:hidden}
.bs-template-preview .bs-desktop-img:hover,.bs-template-preview .bs-mobile-img:hover{background-position:center 100%}
.bs-template-preview .bs-dot-browser{display:flex;align-items:center;gap:10px;position:absolute;top:0;left:20px;height:40px}
.bs-template-preview .bs-dot{width:12px;height:12px;background-color:var(--bf-primary);border-radius:50%}
.bs-template-preview .bs-mobile{position:absolute;bottom:20px;right:20px;width:220px;aspect-ratio:9/16;border-radius:26px;border:6px solid #fff;box-shadow:0 0 1px rgba(0,0,0,.1),0 0 20px rgba(0,0,0,.1);background:#fff}
.bs-template-preview .bs-mobile .bs-mobile-img{border-radius:20px}
.bs-template-preview .bs-button-phone .bs-button{display:block;position:absolute;width:8px;border-radius:3px;background-color:#fff}
.bs-template-preview .bs-button-phone .bs-button:nth-child(1){top:50px;right:100%;height:30px}
.bs-template-preview .bs-button-phone .bs-button:nth-child(2){top:100px;right:100%;height:30px}
.bs-template-preview .bs-button-phone .bs-button:nth-child(3){top:120px;left:100%;height:50px}
.section-giao-dien-moi .bs-box-header{margin-bottom:30px}
.bs-site.single-product .product-container,.bs-site.single-product .product-main{padding:0}
@media (max-width:991px){
	.bs-template-preview{padding:10px 30px 30px 10px;margin:0 0 20px}
	.bs-template-preview .bs-desktop{padding-top:30px}
	.bs-template-preview .bs-dot-browser{height:30px}
	.bs-template-preview .bs-mobile{right:10px;width:120px;bottom:10px;border-radius:16px;border-width:3px}
	.bs-template-preview .bs-mobile .bs-mobile-img{border-radius:13px}
	.bs-template-preview .bs-button-phone .bs-button{width:5px}
	.bs-template-preview .bs-button-phone .bs-button:nth-child(1){top:20px;height:15px}
	.bs-template-preview .bs-button-phone .bs-button:nth-child(2){top:40px;height:15px}
	.bs-template-preview .bs-button-phone .bs-button:nth-child(3){top:60px;height:30px}
	.bs-filter-template{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}
	.bs-template-info .bs-template-title{font-size:28px}
}

/* ---------- khối đăng ký dùng thử (đầu footer) ---------- */
.section-dang-ky-ngay{color:#fff;overflow:hidden}
.section-dang-ky-ngay::before,.section-dang-ky-ngay::after{position:absolute;content:"";left:0;width:100%;height:30px;background-color:#fff;pointer-events:none;z-index:2}
.section-dang-ky-ngay::before{top:0;border-bottom-left-radius:70px;border-bottom-right-radius:70px;box-shadow:10px 0 20px rgba(0,0,0,.1)}
.section-dang-ky-ngay::after{bottom:0;border-top-left-radius:70px;border-top-right-radius:70px;box-shadow:-10px 0 20px rgba(0,0,0,.1)}
.section-dang-ky-ngay .section-bg img.bg{opacity:.1}
.section-dang-ky-ngay .bs-box-header .bs-box-title,.section-dang-ky-ngay .bs-box-header .bs-box-desc{color:#fff}
.section-dang-ky-ngay .bs-box-header .bs-box-desc{margin-bottom:30px}

/* ---------- chân trang ---------- */
.section-footer{background:#fff;color:#333}
.bs-footer-block{margin-bottom:40px}
.bs-footer-block .bs-footer-title{margin-bottom:20px;font-size:19.2px;font-weight:600;color:#000}
.bs-footer-block a{display:inline-block;color:#333}
.bs-footer-block a:hover{text-decoration:underline;color:#333}
.bs-footer-block p,.bs-footer-block address{margin-bottom:15px;font-style:normal}
.bs-footer-block p a,.bs-footer-block address a{font-weight:500}
.bs-footer-block p i,.bs-footer-block address i{margin-right:10px}
.bs-footer-block ul li{margin-bottom:0}
.bs-footer-block ul a{margin-bottom:15px}
.section-ban-quyen{border-top:1px solid var(--bf-border);background:#fff}
.bs-copyright{color:#555;font-size:90%;margin:0}
.bs-site .absolute-footer{display:none}
@media (max-width:991px){.bs-footer-block{margin-bottom:30px}.bs-footer-block .bs-footer-title{font-size:17.6px}}

/* ---------- nút gọi, về đầu trang, thanh Zalo ---------- */
.bs-btn-hotline-icon{position:fixed;z-index:1000;bottom:80px;right:20px;width:50px;height:50px;background-color:var(--bf-red);border-radius:50px;color:#fff;display:flex;align-items:center;justify-content:center}
.bs-btn-hotline-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:100px;background:var(--bf-red);z-index:-1;animation:bsSonar 1s infinite ease-in-out}
.bs-btn-hotline-icon i{font-size:25px;color:#fff}
.bs-btn-hotline-icon:hover{color:#fff}
@keyframes bsSonar{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
.bs-site .back-to-top{bottom:150px;right:20px;background-color:#999!important;border-color:#999!important;color:#fff!important;width:50px;height:50px;min-height:0;line-height:48px}
.bs-site .back-to-top:hover{background-color:#666!important}
.bs-support-bar{position:fixed;left:0;width:100%;bottom:0;z-index:999;background-color:hsla(0,0%,100%,.7);box-shadow:0 0 10px 10px rgba(0,0,0,.05);backdrop-filter:blur(10px);opacity:0;transform:translateY(100%);pointer-events:none}
.bs-support-bar-active .bs-support-bar{animation:bsSlideUp .5s .25s both;pointer-events:auto}
@keyframes bsSlideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
.bs-support-bar .bs-container{max-width:1306px;margin:0 auto;padding:0 15px;position:relative}
.bs-support-bar-list{display:flex;padding:5px 0}
.bs-support-bar-item{flex:1;text-align:center}
.bs-support-link{padding:10px 15px;color:#222!important;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:5px}
.bs-support-link:hover{background-color:var(--bf-xanh-nhat)}
.bs-support-link i{font-size:150%;color:var(--bf-primary)}
.bs-support-link .bs-number{font-weight:600;font-size:19.2px}
.bs-support-bar-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#ddd;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);right:20px;color:#333;cursor:pointer;z-index:2}
.bs-support-bar-close:hover{background-color:#ccc}
.bs-support-bar-active #footer{padding-bottom:60px}
@media (max-width:991px){
	.bs-support-bar-list{padding-bottom:calc(5px + env(safe-area-inset-bottom))}
	.bs-support-bar-item{text-align:left}
	.bs-support-link{padding:5px 7px 5px 35px;flex-direction:column;align-items:flex-start;gap:0;position:relative;font-size:12px}
	.bs-support-link .bs-number{font-size:100%;line-height:1}
	.bs-support-link i{position:absolute;top:50%;transform:translateY(-50%);left:7px;font-size:20px}
	.bs-support-bar-close{width:20px;height:20px;top:-10px;transform:none;right:10px}
	.bs-btn-hotline-icon{width:40px;height:40px}
	.bs-btn-hotline-icon i{font-size:20px}
	.bs-btn-hotline-icon::after{width:40px;height:40px}
	.bs-site .back-to-top{bottom:130px;width:40px;height:40px;line-height:38px}
}


/* ===== BỔ SUNG WEB KHỞI NGHIỆP ===== */
/* màu chủ đạo lấy theo Flatsome (Customizer → Style → Colors) để đổi 1 chỗ */
:root{--bf-primary:var(--primary-color,#3498db);--bf-primary-hover:#217dbb;--bf-orange:var(--fs-color-secondary,#f7941c);--wkn-gia:#ff0000}
.bs-list-check > li::before{background-color:rgba(52,152,219,.12)}

/* ---------- nút mũi tên Flickity: căn mũi tên đúng tâm vòng tròn ---------- */
.bs-site .flickity-prev-next-button svg{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important}
.bs-site .bs-flick .flickity-prev-next-button{padding:0}
.bs-site .bs-flick .flickity-prev-next-button svg{width:16px!important;height:16px!important}
.bs-site .flickity-prev-next-button:not(.bs-flick .flickity-prev-next-button) svg{width:45%!important;height:45%!important}
.bs-site .container,.bs-site .row:not(.row-collapse){max-width:1306px}

/* ---------- header: menu dài hơn mẫu nên thu khoảng cách để menu + nút nằm 1 hàng ---------- */
@media (min-width:850px){
	.bs-site .header-nav-main > li{margin:0 8px}
	.bs-site .header-nav-main > li > a{font-size:15px}
	.bs-navbar-right{margin-left:10px;gap:8px}
	.bs-navbar-right .bs-btn{padding:6px 12px;font-size:15px}
}
/* menu nằm sát logo (theme mod header_elements_left = nav), nút ở bên phải */
.bs-site .header-main .flex-left .header-nav-main{margin-left:30px}
.bs-site .header-main .flex-right .header-search{margin-left:15px}
.bs-site .header-main .flex-left .header-nav-main{flex-wrap:nowrap}
@media (min-width:850px){.bs-navbar-right .bs-btn-login span{display:none}.bs-navbar-right .bs-btn-login{padding:6px 10px}}
@media (min-width:850px){.bs-site .header-main .flex-left .header-nav-main{margin-left:16px}.bs-site .header-nav-main > li{margin:0 6px}}
@media (min-width:850px) and (max-width:1365px){.bs-site .header-nav-main > li > a{font-size:14.5px}.bs-site .header-nav-main > li{margin:0 5px}}
@media (min-width:1200px) and (max-width:1279px){.bs-site .header-nav-main > li > a{font-size:14px!important}.bs-site .header-nav-main > li{margin:0 3px!important}}
@media (min-width:850px) and (max-width:1199px){.bs-site .header-nav-main > li > a{font-size:13.5px!important}.bs-site .header-nav-main > li{margin:0 3px!important}.bs-site .header-main .header-search{display:none}.bs-site .header-main .flex-left .header-nav-main{margin-left:8px}}
@media (min-width:850px) and (max-width:1279px){.bs-navbar-right .bs-btn-login span{display:none}.bs-navbar-right .bs-btn-login{padding:6px 10px}.bs-site .header-main .flex-left .header-nav-main{margin-left:10px}}
@media (min-width:850px) and (max-width:1279px){.bs-site .header-nav-main > li{margin:0 5px}.bs-site .header-nav-main > li > a{font-size:14px}}
.bs-site .header-nav-main > li > a{white-space:nowrap}
@media (min-width:850px) and (max-width:999px){.bs-site .header-nav-main > li{margin:0 2px!important}.bs-site .header-nav-main > li > a{font-size:12px!important}.bs-site .header-nav-main > li > a .icon-angle-down{display:none}.bs-site #logo{width:115px!important}.bs-site .header-main .header-search{display:none}}
@media (min-width:850px) and (max-width:1199px){.bs-navbar-right .bs-btn span:not(.bs-cart-count){display:none}.bs-navbar-right .bs-btn{padding:6px 10px}.bs-site .header-nav-main > li{margin:0 4px}.bs-site #logo{width:160px}}
.bs-site .footer-wrapper{background:#fff}

/* ---------- header: nút Đăng nhập / Giỏ hàng ---------- */
.bs-navbar-right .bs-btn-cart{position:relative}
.bs-navbar-right .bs-btn-cart .bs-cart-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--bf-red);color:#fff;font-size:12px;line-height:20px;text-align:center}
.bs-navbar-right .bs-btn-cart .bs-cart-count:empty,.bs-navbar-right .bs-btn-cart .bs-cart-count[data-n="0"]{display:none}
.bs-site .header-search-dropdown .nav-dropdown,.bs-site .header-search .nav-dropdown{border-radius:var(--bf-radius)}
.bs-site .header-nav-main > li > a .icon-angle-down{font-size:12px;margin-left:4px}
.bs-site .header-nav .nav-dropdown{border-radius:var(--bf-radius);border:0;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:10px 0}
.bs-site .header-nav .nav-dropdown > li > a{font-size:15px;color:#333;padding:8px 20px;border:0}
.bs-site .header-nav .nav-dropdown > li > a:hover{color:var(--bf-primary);background:#f5f8fe}
.bs-site .header-nav-main .label-hot,.bs-site .header-nav-main .menu-item .label{display:none}

/* ---------- banner trang chủ (nền xanh nhạt + sóng trắng, không dùng ảnh) ---------- */
.section-banner-hero{background:linear-gradient(180deg,#f3f7fd 0%,#edf3fd 100%)}
.section-banner-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:220px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'><path d='M0 220V160C240 205 420 215 620 175 860 125 1010 30 1250 40 1330 44 1390 70 1440 95V220Z' fill='%23ffffff'/></svg>") no-repeat center bottom/100% 100%;pointer-events:none;z-index:0}
.section-banner-hero > .section-content{position:relative;z-index:1}
.bs-banner-hero-content .bs-title .bs-text-primary{display:inline-block}
.bs-banner-hero-content .bs-hero-rotate{display:block;font-size:24px;font-weight:500;color:var(--bf-orange);margin-bottom:10px;min-height:36px}
.bs-template-group-item img{aspect-ratio:16/9}
@media (max-width:991px){.section-banner-hero::after{height:90px}.bs-banner-hero-content .bs-hero-rotate{font-size:17px;min-height:26px}}

/* ---------- 6 lý do: featured box dạng thẻ (sửa được trong UX Builder) ---------- */
.bs-benefit-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px;border-radius:var(--bf-radius);background:#fff;margin-bottom:20px;box-shadow:0 0 38px rgba(0,0,0,.08);position:relative;overflow:hidden}
.bs-benefit-box::after{content:"";position:absolute;top:-20px;left:-20px;width:140px;height:140px;transform:rotate(100deg);background:url(images/bs-bg-box.png) center/cover no-repeat;opacity:.5;z-index:0;pointer-events:none}
.bs-benefit-box > *{position:relative;z-index:1}
.bs-site .bs-benefit-box .icon-box-img{width:110px!important;height:110px;margin:0 auto 20px!important;border-radius:50%;background:#eef4fd;display:flex;align-items:center;justify-content:center}
.bs-benefit-box .icon-box-img .icon,.bs-benefit-box .icon-box-img .icon-inner{width:64px;height:64px;padding:0!important}
.bs-benefit-box .icon-box-img img{width:64px;height:64px;object-fit:contain}
.bs-benefit-box .icon-box-text h3{font-size:1.5rem;font-weight:600;color:var(--bf-title);margin-bottom:.5rem}
.bs-benefit-box .icon-box-text p{color:var(--bf-text);margin-bottom:0}
.div-ly-do > .col-inner{padding-bottom:0}
@media (max-width:849px){.bs-benefit-box{padding:24px 20px}.bs-benefit-box .icon-box-text h3{font-size:1.25rem}}
/* mobile: icon trái, chữ phải để 6 thẻ không quá dài */
@media (max-width:549px){
	.bs-benefit-box{flex-direction:row;align-items:center;text-align:left;gap:16px;padding:18px 16px;margin-bottom:12px}
	.bs-site .bs-benefit-box .icon-box-img{width:72px!important;height:72px;flex:0 0 72px;margin:0!important}
	.bs-benefit-box .icon-box-img .icon,.bs-benefit-box .icon-box-img .icon-inner,.bs-benefit-box .icon-box-img img{width:44px;height:44px}
	.bs-benefit-box .icon-box-text{padding:0!important}
	.bs-benefit-box .icon-box-text h3{font-size:17px;margin-bottom:4px}
	.bs-benefit-box .icon-box-text p{font-size:14px}
	.div-ly-do > .col-inner,.div-ly-do-giua > .col-inner{padding-top:0!important}
	.row-ly-do > .col{padding-bottom:0}
}

/* ---------- mua theme Việt hóa (chữ + carousel 3D) ---------- */
.div-giao-dien-chu .bs-list-check > li{margin-bottom:12px!important}
.div-giao-dien-chu .bs-list-check{margin-bottom:1.5rem}

/* ---------- kho giao diện: ô danh mục, tìm kiếm, quà tặng ---------- */
.section-kho-giao-dien .row-danh-muc-sp{margin-bottom:10px}
.section-kho-giao-dien .row-danh-muc-sp > .col{padding-bottom:20px}
.section-kho-giao-dien .row-danh-muc-sp .box{background:#fff;border-radius:var(--bf-radius);box-shadow:0 0 15px rgba(0,0,0,.08);padding:12px 8px 6px;border:2px solid transparent;transition:all .25s;height:100%}
.section-kho-giao-dien .row-danh-muc-sp .box:hover{border-color:var(--bf-primary);transform:translateY(-3px)}
.section-kho-giao-dien .row-danh-muc-sp .box-image img{border-radius:50%}
.section-kho-giao-dien .row-danh-muc-sp .box-text{padding:8px 0 4px}
.section-kho-giao-dien .row-danh-muc-sp .box-text p{color:var(--bf-title);font-weight:500;font-size:15px;margin:0}
.section-kho-giao-dien .searchform{max-width:700px;margin:10px auto 0}
.section-kho-giao-dien .searchform .search-field{border-radius:50px 0 0 50px!important;height:50px;padding:0 24px;border:1px solid #dee2e6;box-shadow:none;font-size:16px}
.section-kho-giao-dien .searchform .ux-search-submit{border-radius:0 50px 50px 0!important;height:50px;min-width:60px;background:var(--bf-primary)}
/* khung quà tặng: 1 viền chung cho cả cột (trang chủ + chi tiết sản phẩm) */
.section-kho-giao-dien{background:#effdf8}
.div-qua-tang > .col-inner{background:#fff8ec;border:1px dashed var(--bf-orange);border-radius:var(--bf-radius);padding:12px 20px}
.div-qua-tang{padding-bottom:12px!important}
.div-qua-tang .icon-box{background:none;border:0;padding:6px 0;align-items:center;margin:0}
.div-qua-tang .icon-box + .icon-box{border-top:1px dashed rgba(247,148,28,.35)}
.div-qua-tang .icon-box p{margin:0;color:var(--bf-title)}
.div-qua-tang .icon-box strong{color:var(--bf-red)}
.div-qua-tang .icon-box img{animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;transform-origin:50% 50%}
.div-qua-tang h4{font-size:16px;font-weight:600;color:var(--bf-title);margin:4px 0 6px;text-transform:uppercase}
.row-list-danh-muc p{margin-bottom:10px}
.row-list-danh-muc a{display:block;padding:10px 14px;border-radius:var(--bf-radius);background:#f5f8fe;color:var(--bf-title);font-weight:500}
.row-list-danh-muc a i{color:var(--bf-primary);width:20px}
.bs-tieu-de-phu{text-align:center;margin:40px 0 30px}
.bs-tieu-de-phu .bs-box-title{font-size:32px}
.div-xem-them-mau{text-align:center;padding-top:10px}

/* ---------- thẻ giao diện (sản phẩm) ---------- */
.bs-template-item{position:relative;display:flex;flex-direction:column}
.bs-template-item .bs-template-body{flex:1;display:flex;flex-direction:column}
.bs-template-item .bs-template-action{margin-top:auto;padding-top:16px}
.bs-template-item .bs-template-img-link{position:absolute;inset:0;z-index:0}
.bs-template-item .bs-template-title{font-size:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bs-template-sale,.bs-template-hot{position:absolute;top:15px;z-index:2;color:#fff;border-radius:20px;padding:2px 10px;font-weight:600;font-size:13px;line-height:1.6}
.bs-template-sale{right:15px;background:var(--bf-red)}
.bs-template-hot{left:15px;background:var(--bf-orange)}
.bs-template-price del{color:#999;font-size:14px;order:2}
.bs-template-price del .amount{color:#999}
.bs-template-price ins{text-decoration:none;order:1}
.bs-template-price ins .amount,.bs-template-price > .amount,.bs-template-price > .woocommerce-Price-amount{font-size:18px;font-weight:600;color:var(--wkn-gia)}
.bs-template-price .lien-he-price,.bs-template-price .bs-price{font-size:18px;font-weight:600;color:var(--wkn-gia)}
.bs-template-price .screen-reader-text{display:none}
.bs-col-giao-dien{padding-bottom:24px!important}
.bs-col-giao-dien > .col-inner{height:100%}
@media (max-width:549px){
	.bs-template-item .bs-template-title{font-size:15px}
	.bs-template-price ins .amount,.bs-template-price > .amount,.bs-template-price > .woocommerce-Price-amount{font-size:16px}
	.bs-template-item .bs-template-action .bs-btn{font-size:14px;padding:6px 8px}
	.bs-template-sale,.bs-template-hot{top:10px;font-size:11px;padding:1px 7px}
	.bs-template-sale{right:10px}.bs-template-hot{left:10px}
}

/* ---------- banner đầu trang danh mục giao diện (Top Content của từng danh mục) ---------- */
.section-dau-danh-muc .banner{min-height:300px}
.section-dau-danh-muc .text-box{width:90%!important;max-width:1000px}
.section-dau-danh-muc .text-box h1{font-size:36px!important;line-height:1.3!important;font-weight:700;color:#fff;margin-bottom:15px}
.section-dau-danh-muc .text-box p{font-size:16px!important;line-height:1.6!important;color:#fff;margin:0}
.bs-site.tax-product_cat .category-page-row,.bs-site.post-type-archive-product .category-page-row{padding-top:30px}
@media (max-width:549px){.section-dau-danh-muc .text-box h1{font-size:22px!important}.section-dau-danh-muc .text-box p{font-size:14px!important}}

/* ---------- bảng giá thiết kế theo yêu cầu (giá trọn gói, không có tab năm) ---------- */
.section-trang-bang-gia .bs-box-desc{max-width:900px;margin-left:auto;margin-right:auto}
.section-trang-bang-gia .row-bang-gia{margin-top:30px}
.bs-pricing-item .bs-price-label:not(.bs-origin-price){font-size:90%;color:var(--bf-text);text-transform:uppercase;letter-spacing:.5px}
.bs-pricing-item .bs-pricing-price{min-height:130px}
.bs-pricing-item .bs-list-check > li.bs-khong{color:#aaa}
.bs-pricing-item .bs-list-check > li.bs-khong::before{content:"\f00d";color:#aaa;background-color:#f1f1f1}
.bs-table-features .bs-table-row > div:not(:first-child){font-size:95%}

/* ---------- trang dịch vụ (/dich-vu/ và các trang con) ---------- */
.bs-dv-tieu-de{font-size:36px;font-weight:700;color:var(--bf-title);line-height:1.35;margin-bottom:16px}
.bs-dv-mo-ta{font-size:17px;margin-bottom:24px}
.bs-dv-nut{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.bs-dv-nut .bs-btn{display:inline-flex;align-items:center;gap:8px}
.bs-dv-nut-giua{justify-content:center;margin-bottom:0}
.bs-dv-cam-ket{margin-bottom:0!important}
.bs-dv-cam-ket > li{margin-bottom:10px!important}
.bs-dv-con-so{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bs-dv-con-so .bs-count-number-item{background:#fff;border-radius:var(--bf-radius);box-shadow:0 0 20px rgba(0,0,0,.07);padding:24px 12px;justify-content:center}
.bs-dv-con-so .bs-count-number-item .bs-number{font-size:40px;color:var(--bf-primary)}
.bs-dv-con-so .bs-count-number-item .bs-count-number-title{font-size:15px;color:var(--bf-text)}
.section-dv-mo-dau{background:linear-gradient(180deg,#f3f7fd 0%,#fff 100%)}
.bs-dv-van-de{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--bf-radius);padding:20px;height:100%;box-shadow:0 0 15px rgba(0,0,0,.05)}
.bs-dv-van-de i{color:var(--bf-red);font-size:20px;margin-top:2px;flex-shrink:0}
.bs-dv-van-de p{margin:0;color:var(--bf-title)}
.div-dv-van-de > .col-inner,.div-dv-the > .col-inner,.div-dv-phu-hop > .col-inner{height:100%}
.bs-dv-ghi-chu{text-align:center;font-weight:500;color:var(--bf-title);max-width:820px;margin:10px auto 0}
.div-dv-giai-thich p{margin-bottom:1rem}
.div-dv-giai-thich .bs-box-title{margin-bottom:20px}
.bs-dv-hop{background:#fff;border-radius:20px;padding:30px;box-shadow:0 0 20px rgba(0,0,0,.07);height:100%}
.bs-dv-hop h3{font-size:22px;font-weight:600;color:var(--bf-title);margin-bottom:20px}
.bs-dv-hop-co .bs-list-check > li::before{color:var(--bf-green);background-color:#d3ebe0}
.bs-dv-hop-khong .bs-list-check > li::before{content:"\f00d";color:var(--bf-red);background-color:#fbe3e5}

/* section mở đầu có hiệu ứng bọ mã độc (chuyển từ trang chủ khoweb, JS: js/bo-ma-doc.js) */
.section.section-hero-ma-doc{background-image:linear-gradient(145deg,#05080f 0%,#0b57f0 100%);overflow:hidden;position:relative;color:#fff}
.section-hero-ma-doc::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;z-index:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 72%)}
.section-hero-ma-doc::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 8% 92%,rgba(34,211,238,.28),transparent 32%),radial-gradient(circle at 92% 8%,rgba(31,107,255,.5),transparent 40%)}
.section-hero-ma-doc > .section-content{position:relative;z-index:1}
.bs-hmd-khoi{max-width:1000px;display:flex;flex-direction:column;gap:20px}
.bs-site .bs-hmd-tieu-de{font-size:52px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.5px;margin:0;max-width:980px}
.bs-hmd-tieu-de .w{display:inline-block;opacity:0;transform:translateY(.35em);filter:blur(6px);animation:dawChu .75s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 75ms + .1s);transition:translate .28s cubic-bezier(.2,.8,.2,1),color .28s ease,text-shadow .28s ease}
.bs-hmd-tieu-de .w:hover{translate:0 -6px;color:#5eead4;text-shadow:0 0 18px rgba(34,211,238,.65)}
.bs-hmd-tieu-de .g{background:linear-gradient(90deg,#22d3ee,#5eead4,#22d3ee);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:dawChu .75s cubic-bezier(.2,.8,.2,1) forwards,dawMau 9s ease-in-out 1.6s infinite alternate;animation-delay:calc(var(--i,0) * 75ms + .1s),1.6s}
@keyframes dawChu{to{opacity:1;transform:none;filter:none}}
@keyframes dawMau{to{background-position:100% 0}}
.bs-hmd-mo-ta{font-size:17px;color:rgba(255,255,255,.8);line-height:1.73;margin:0;max-width:760px}
.section-hero-ma-doc .bs-dv-nut{margin:4px 0 0}
.section-hero-ma-doc .bs-hmd-nut{background:#22d3ee;border-color:#22d3ee;color:#062338;font-weight:600}
.section-hero-ma-doc .bs-hmd-nut i{background:#062338;color:#22d3ee}
.section-hero-ma-doc .bs-hmd-nut:hover{background:#5eead4;border-color:#5eead4;color:#062338}
.section-hero-ma-doc .bs-hmd-nut-vien{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}
.section-hero-ma-doc .bs-hmd-nut-vien:hover{background:rgba(255,255,255,.18);color:#fff}
.bs-hmd-cam-ket{border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin-top:4px;display:flex;flex-direction:column;gap:10px}
.bs-hmd-dong{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:rgba(255,255,255,.85);line-height:1.7}
.bs-hmd-dong i{font-size:11px;color:#16a34a;background:rgba(22,163,74,.18);border-radius:999px;width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-top:3px}
.bs-hmd-con-so{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;max-width:760px}
.bs-hmd-so{flex:1 1 150px;padding:14px 16px;border-radius:var(--bf-radius);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:4px}
.bs-hmd-so .bs-number{font-size:26px;font-weight:700;color:#8ecdff;line-height:1.1}
.bs-hmd-so .bs-hmd-so-ten{font-size:13px;color:rgba(255,255,255,.72)}
@media (max-width:849px){.bs-site .bs-hmd-tieu-de{font-size:34px}}
@media (max-width:549px){.bs-site .bs-hmd-tieu-de{font-size:28px}.bs-hmd-so{flex-basis:40%}}
@media (prefers-reduced-motion:reduce){.bs-hmd-tieu-de .w{animation:none;opacity:1;transform:none;filter:none}}
.uxb-iframe .bs-hmd-tieu-de .w{opacity:1;transform:none;filter:none}
.bs-dv-the{background:#fff;border-radius:var(--bf-radius);padding:28px 24px;height:100%;box-shadow:0 0 25px rgba(0,0,0,.07);display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,box-shadow .25s}
.bs-dv-the:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.bs-dv-the .bs-dv-icon{width:56px;height:56px;border-radius:50%;background:#eef4fd;color:var(--bf-primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.bs-dv-the h3{font-size:19.2px;font-weight:600;color:var(--bf-title);margin-bottom:10px}
.bs-dv-the p{margin-bottom:16px}
.bs-dv-the .bs-btn{margin-top:auto;font-size:15px}
.bs-dv-the-giua{align-items:center;text-align:center}
.bs-dv-bang-gia{background:#fff;border-radius:var(--bf-radius);border:1px solid var(--bf-xanh-nhat);overflow:hidden}
.bs-dv-bg-dong{display:grid;grid-template-columns:1fr 180px 220px;gap:10px;padding:14px 20px;align-items:center}
.bs-dv-bg-dong:not(:last-child){border-bottom:1px solid var(--bf-xanh-nhat)}
.bs-dv-bg-dong span:nth-child(2){color:var(--bf-text);text-align:center}
.bs-dv-bg-dong span:nth-child(3){font-weight:600;color:var(--wkn-gia);text-align:right}
.bs-dv-bg-dong span:first-child{color:var(--bf-title)}
.bs-dv-bg-dau{background:var(--bf-xanh-nhat);font-weight:600}
.bs-dv-bg-dau span{color:var(--bf-title)!important}
.bs-dv-luu-y{font-size:14px;font-style:italic;margin:14px 0 0}
.section-dv-goi .bs-pricing-item{padding:30px 24px 20px}
.section-dv-goi .bs-pricing-item.bs-active{padding-top:50px}
.section-dv-goi .bs-pricing-item .bs-pricing-title{font-size:32px;margin-bottom:6px}
.section-dv-goi .bs-pricing-item .bs-pricing-price{min-height:110px}
.section-dv-goi .div-dv-goi{padding-bottom:40px}
/* trang đăng ký đối tác */
.bs-pricing-item .bs-favorite.bs-favorite-cam{background-color:var(--bf-orange)}
.bs-pricing-item .bs-list-check > li.bs-noi-bat{color:var(--wkn-gia);font-weight:500}
.bs-pricing-item .bs-list-check > li a{color:var(--bf-primary)}
.bs-pricing-item .bs-list-check > li.bs-khong a{color:#aaa}
.bs-anh-bo-goc img{border-radius:20px}
.div-doi-tac-anh .bs-anh-bo-goc + .bs-anh-bo-goc{margin-top:20px}
.bs-qua-tieu-de{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:var(--bf-title);margin:10px 0 20px}
.bs-qua-tieu-de i{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--bf-orange);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 0 10px rgba(0,0,0,.06)}
.bs-qua-tieu-de.bs-qua-hot i{color:var(--bf-red)}
.div-doi-tac-qua .row + .bs-qua-tieu-de{margin-top:30px}
.bs-ghi-chu-nho{font-size:14px;font-style:italic;color:var(--bf-red)}
.bs-win-win{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--bf-title)}
.bs-win-win i{color:var(--bf-primary);font-size:20px}
.section-doi-tac-plugin .video{border-radius:20px;overflow:hidden}
@media (max-width:549px){.bs-qua-tieu-de{font-size:17px}}
.bs-process-list.bs-process-3{grid-template-columns:repeat(3,1fr)}
.bs-process-list.bs-process-4{grid-template-columns:repeat(4,1fr)}
.section-dv-lien-quan{background:linear-gradient(to bottom,#fff,var(--bf-xanh-nhat))}
.bs-dv-tu-van{max-width:900px;margin:0 auto;padding:40px}
@media (max-width:849px){
	.bs-dv-tieu-de{font-size:26px}
	.bs-dv-con-so{margin-top:10px}
	.bs-dv-con-so .bs-count-number-item .bs-number{font-size:30px}
	.bs-dv-bg-dong{grid-template-columns:1fr;gap:4px}
	.bs-dv-bg-dau{display:none}
	.bs-dv-bg-dong span:nth-child(2),.bs-dv-bg-dong span:nth-child(3){text-align:left;font-size:14px}
	.bs-dv-bg-dong span:nth-child(2)::before,.bs-dv-bg-dong span:nth-child(3)::before{content:attr(data-nhan) ": ";color:var(--bf-text);font-weight:400}
	.bs-dv-hop{padding:22px}
}
@media (max-width:767px){.bs-process-list.bs-process-3,.bs-process-list.bs-process-4{grid-template-columns:1fr}}
@media (max-width:549px){.bs-dv-tieu-de{font-size:24px}.bs-dv-nut .bs-btn{width:100%;justify-content:center}.bs-dv-tu-van{padding:24px}}

/* ---------- chi tiết sản phẩm (chuyển từ theme cũ) ---------- */
/* ảnh toàn trang [wc_product_image]: khung vuông, rê chuột ảnh cuộn xuống chậm, bỏ chuột cuộn lên nhanh */
.product-thumbnail-scroll-detail{padding:10px;margin-bottom:10px;border:1px solid #e3e3e3;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f8f8f8;border-radius:var(--bf-radius);box-shadow:0 0 15px rgba(0,0,0,.08)}
.product-thumbnail-scroll-detail img{width:100%;height:100%!important;object-fit:cover;object-position:50% 0;display:block;border-radius:6px;transition:object-position 2s ease-out}
.product-thumbnail-scroll-detail:hover img{object-position:50% 100%;transition:object-position 25s linear}
.product-thumbnail-detail{padding:10px;margin-bottom:10px;border:1px solid #e3e3e3;width:100%;background:#f8f8f8;border-radius:var(--bf-radius);overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,.08)}
.product-thumbnail-detail img{width:100%;height:auto;display:block;object-fit:cover}
.div-nen-tang{margin-left:0!important;margin-right:0!important;background:#fdf2bb;padding:10px;border-radius:var(--bf-radius);border:2px dashed}
.div-nen-tang img{max-width:20px}
.div-nen-tang b{color:var(--bf-primary)}
.div-nen-tang p{margin-bottom:0}
.div-nen-tang .col{font-size:15px;padding-bottom:0}
.ma-website{font-weight:600;color:var(--wkn-gia);margin-bottom:8px}
.div-khuyen-mai-moi{position:relative;background:rgba(52,152,219,.16);border:2px dashed var(--bf-primary);margin-bottom:10px;padding:10px;border-radius:var(--bf-radius)}
.div-khuyen-mai-moi p{font-weight:600;padding-left:33px;margin-bottom:0;animation:my 700ms infinite}
.div-khuyen-mai-moi p:before{content:"";background:url(images/icon-hot.png) no-repeat;background-size:78% 55%;width:50px;height:50px;position:absolute;left:4px}
.div-khuyen-mai-moi a{color:var(--wkn-gia)}
.single-product .price-wrapper .price ins .amount,.single-product .price-wrapper .price > .amount,.single-product .tm-final-totals .final,.single-product .tm-final-totals .amount{color:var(--wkn-gia)}
.single-product .price-wrapper .price del .amount{color:#999;font-size:15px}
.single-product .price-wrapper .price{font-size:20px}
p.notice-thanh-toan{margin-bottom:0;font-size:82%}
.product-info form.cart{margin-bottom:0!important}
#tm-epo-totals{padding-top:0;padding-bottom:0}
.tm-extra-product-options-container{text-align:left!important}
.tm-extra-product-options .tmcp-field-wrap .amount,.tm-extra-product-options .tmcp-field-wrap .after-amount{margin:2px!important}
dd.tm-final-totals{width:40%!important;text-align:right!important;display:inline-block!important;flex:unset!important}
dt.tm-final-totals{width:58%!important;vertical-align:top!important;display:inline-block!important;flex:unset!important}
dt.tm-options-totals,dd.tm-options-totals,span.tm-epo-reset-radio{display:none!important}
dt.tm-fee-totals{width:58%!important}
dd.tm-fee-totals{text-align:right!important;width:40%!important}
td.product-thumbnail{min-width:60px;max-width:60px;width:60px}
#product-5778 #tm-epo-totals,#product-5778 .tc-extra-product-options,#product-5778 .ma-website,#product-5778 .dang-ky,#product-5778 .div-qua-tang{display:none!important}
@keyframes my{0%{color:#000}50%{color:#e74c3c}100%{color:#000}}
@keyframes phonering-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%,100%{transform:rotate(0) scale(1) skew(1deg)}}

/* ---------- giới thiệu (chữ SEO) ---------- */
.section-gioi-thieu .bs-box-title{font-size:28px;text-align:left}
.section-gioi-thieu .div-gioi-thieu > .col-inner{background:#fff;border-radius:var(--bf-radius);box-shadow:0 0 15px rgba(0,0,0,.08);padding:30px;height:100%}
.section-gioi-thieu .div-gioi-thieu h2{font-size:22px;font-weight:600;color:var(--bf-title);margin-bottom:15px}
.section-gioi-thieu .div-gioi-thieu p:last-child{margin-bottom:0}
.section-gioi-thieu .bs-list-check{margin-bottom:0}

/* ---------- hỏi đáp: accordion Flatsome trình bày như mẫu ---------- */
.bs-accordion .accordion-item{border:0}
.bs-accordion .accordion-title{position:relative;border:0!important;padding:10px 20px 10px 40px;font-size:19.2px;font-weight:600;color:var(--bf-title);background:none!important;line-height:1.5}
.bs-accordion .accordion-title.active{color:var(--bf-title)}
.bs-accordion .accordion-title .toggle{position:absolute;left:0;top:10px;width:24px;height:29px;margin:0;padding:0;background:none;border:0;opacity:1}
.bs-accordion .accordion-title .toggle i{display:none}
.bs-accordion .accordion-title .toggle::before{content:"\f055";font-family:"bs-icon";font-size:18px;color:#555;line-height:29px}
.bs-accordion .accordion-title.active .toggle::before{content:"\f056"}
.bs-accordion .accordion-inner{padding:0 20px 10px 40px}
.bs-accordion .accordion-inner ul{margin-left:0}
.bs-accordion .accordion-inner li{list-style:none;margin-left:0}
.bs-accordion .accordion-inner img{vertical-align:middle;margin-right:6px}
@media (max-width:991px){.bs-accordion .accordion-title{font-size:16px}.bs-accordion .accordion-inner{font-size:90%}}

/* ---------- khách hàng nói về chúng tôi ---------- */
.section-khach-hang{background:linear-gradient(to bottom,#fff,var(--bf-xanh-nhat))}
.section-khach-hang .testimonial-box{background:#fff;border-radius:var(--bf-radius);box-shadow:0 0 20px rgba(0,0,0,.06);padding:30px;height:100%;position:relative}
.section-khach-hang .testimonial-box::before{content:"\f10d";font-family:"bs-icon";position:absolute;top:20px;right:25px;font-size:36px;color:var(--bf-xanh-nhat)}
.section-khach-hang .col-inner:has(> .testimonial-box){height:100%}
.section-khach-hang .testimonial-image img{border-radius:50%;width:80px;height:80px;object-fit:cover}
.section-khach-hang .testimonial-text{font-style:normal;color:var(--bf-text);font-size:16px}
.section-khach-hang .testimonial-name{color:var(--bf-title);font-weight:600;font-size:16px;text-transform:none;letter-spacing:0}
.section-khach-hang .flickity-prev-next-button{opacity:1;color:var(--bf-primary)}
.section-khach-hang .flickity-prev-next-button:hover{color:var(--bf-primary-hover)}

/* ---------- khối đăng ký tư vấn (đầu footer) ---------- */
.section.section-dang-ky-ngay{background-color:var(--bf-primary)!important}
.section-dang-ky-ngay .bs-btn-default{border:0}
.section-dang-ky-ngay .bs-btn-default:hover{background:#fff;color:var(--bf-primary)}
.bs-footer-block .bs-footer-logo{max-width:200px;margin-bottom:15px}
.bs-footer-block .bs-chung-nhan{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}
.bs-footer-block .bs-chung-nhan img{max-height:45px;width:auto}
.bs-footer-block .bs-footer-mo-ta{margin-bottom:15px;line-height:1.7}
#a-dang-ky{border-radius:20px}

/* ---------- nội dung bài viết: trích dẫn ---------- */
.bs-site blockquote{background:#f0f6ff;border-left:4px solid var(--bf-primary);border-radius:var(--bf-radius);padding:17px 20px;font-size:17px;font-weight:500;color:var(--bf-title)}
.bs-site blockquote p{margin-bottom:0}

/* ---------- thanh hỗ trợ: ẩn nút liên hệ nổi cũ nếu còn ---------- */
.bs-support-link .bsi-facebook-messenger{color:#0084ff}

/* ---------- mobile: tiêu đề không quá 3 dòng ở khổ 400px ---------- */
@media (max-width:549px){
	.bs-banner-hero-content .bs-title{font-size:28px}
	.bs-box-header .bs-box-title,.bs-tieu-de-phu .bs-box-title,.section-gioi-thieu .bs-box-title{font-size:24px}
	.bs-benefit-box .icon-box-text h3,.section-gioi-thieu .div-gioi-thieu h2{font-size:19px}
	.section-gioi-thieu .div-gioi-thieu > .col-inner{padding:20px}
}

/* ---------- trang thanh toán ---------- */
.woocommerce-checkout #main{background:#f4f8fc}
.woocommerce-checkout .page-wrapper{padding-top:36px;padding-bottom:50px}
.woocommerce-checkout .woocommerce-message{display:none}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-checkout .woocommerce-cart-notice{display:block;margin:0 0 10px;padding:12px 18px;border-radius:var(--bf-radius);border:1px solid #d6e9f8;background:#eaf4fc;color:#24557a;font-size:15px}
.woocommerce-checkout .woocommerce-info .message-container{padding:0;margin:0;text-align:left!important}
.woocommerce-checkout .woocommerce-info a{color:var(--bf-primary);font-weight:600}
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon{color:var(--wkn-gia)}
.woocommerce-checkout .woocommerce-cart-notice{background:#e9f8ef;border-color:#cdeedb;color:#21714a}
.woocommerce-checkout .woocommerce-cart-notice.class-km{background:#fff6e5;border-color:#fde3b4;color:#9a5b00}
.woocommerce-checkout .woocommerce-cart-notice strong{color:var(--wkn-gia);margin:0 4px}
.woocommerce-checkout form.login,.woocommerce-checkout form.checkout_coupon{background:#fff;border:1px dashed #c9d9e8;border-radius:var(--bf-radius);padding:20px;margin:0 0 12px}
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error,.woocommerce-checkout .woocommerce > .woocommerce-error{background:#fdecec;border:1px solid #f6caca;border-radius:var(--bf-radius);padding:14px 18px;color:#a12828;list-style:none;margin:0 0 16px}
form.checkout > .row{margin-top:14px}
form.checkout .wc_coupon_message_wrap{padding:0!important}
form.checkout .woocommerce-billing-fields{border-top:0;padding-top:0}
.woocommerce-checkout .section-dang-ky-ngay{display:none}
/* 2 cột thành 2 thẻ */
form.checkout #customer_details,form.checkout .large-5 > .col-inner.has-border{background:#fff;border:0!important;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.06);padding:30px}
form.checkout .large-5 > .col-inner.has-border{position:sticky;top:90px}
form.checkout h3,form.checkout #order_review_heading{font-size:20px;font-weight:700;text-transform:none;color:var(--bf-title,#1b2a3a);padding-bottom:12px;margin:0 0 20px;border-bottom:1px solid #edf1f5}
form.checkout .woocommerce-additional-fields h3{margin-top:10px}
form.checkout .form-row{margin-bottom:16px}
form.checkout #billing_first_name_field{width:100%;float:none}
form.checkout .form-row label:not(.checkbox){font-size:14px;font-weight:600;color:#334155;margin-bottom:6px}
form.checkout .form-row .required{color:var(--wkn-gia);text-decoration:none;border:0}
form.checkout .form-row input.input-text,form.checkout .form-row textarea,form.checkout .form-row select,.woocommerce-checkout form.login input.input-text,.woocommerce-checkout form.checkout_coupon input.input-text{height:48px;border:1px solid #dbe3ec;border-radius:10px;box-shadow:none;background:#fbfcfe;padding:0 16px;font-size:15px;margin:0;transition:border-color .2s,box-shadow .2s}
form.checkout .form-row textarea{height:110px;padding:12px 16px}
form.checkout .form-row input.input-text:focus,form.checkout .form-row textarea:focus,.woocommerce-checkout form.checkout_coupon input.input-text:focus{border-color:var(--bf-primary);background:#fff;box-shadow:0 0 0 3px rgba(52,152,219,.15)}
form.checkout .woocommerce-invalid input.input-text{border-color:#e74c3c}
form.checkout .create-account label.checkbox{display:inline-flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}
form.checkout .create-account input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--bf-primary)}
.woocommerce-checkout form.checkout_coupon .button,.woocommerce-checkout form.login .button{height:48px;border-radius:10px;background:var(--bf-primary);color:#fff;margin:0;text-transform:none;font-size:15px}
/* bảng đơn hàng */
form.checkout .shop_table{margin-bottom:20px;border:0}
form.checkout .shop_table th,form.checkout .shop_table td{border:0;border-bottom:1px solid #edf1f5;padding:12px 0;font-size:15px;text-transform:none;letter-spacing:0}
form.checkout .shop_table thead th{font-size:13px;font-weight:600;color:#8a97a8;text-transform:uppercase;padding-top:0}
form.checkout .shop_table td.product-name{color:#1b2a3a;font-weight:500;line-height:1.45;padding-right:12px}
form.checkout .shop_table .product-quantity{color:#8a97a8;font-weight:500}
form.checkout .shop_table .tm-cart-edit-options{display:block;font-size:12px;font-weight:400;color:#8a97a8;margin-top:4px}
form.checkout .shop_table td.product-total,form.checkout .shop_table tfoot td{text-align:right;white-space:nowrap;font-weight:600;color:#1b2a3a}
form.checkout .shop_table tfoot th{font-weight:500;color:#475569}
form.checkout .shop_table tr.order-total th,form.checkout .shop_table tr.order-total td{border-bottom:0;padding-top:16px;font-size:17px;font-weight:700;color:#1b2a3a}
form.checkout .shop_table tr.order-total .amount{font-size:22px;color:var(--wkn-gia)}
/* thanh toán */
form.checkout #payment{background:none;padding:0}
form.checkout #payment ul.payment_methods{list-style:none;margin:0 0 18px;padding:0;border:0}
form.checkout #payment li.wc_payment_method{margin:0 0 10px;padding:14px 16px;border:1px solid #d6e9f8;border-radius:12px;background:#f5faff}
form.checkout #payment li.wc_payment_method > label{display:inline;margin:0;font-size:16px;font-weight:700;color:var(--bf-primary);text-transform:none!important}
form.checkout #payment .payment_box{background:none;padding:6px 0 0;margin:0;font-size:14px;color:#475569;line-height:1.55}
form.checkout #payment .payment_box p{margin:0}
form.checkout #payment .payment_box:before{display:none}
form.checkout #place_order{width:100%;height:54px;margin:0;border-radius:12px;background:var(--bf-primary);border:0;color:#fff;font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 8px 20px rgba(52,152,219,.3);transition:background .2s,transform .2s}
form.checkout #place_order:hover{background:var(--bf-primary-hover);transform:translateY(-2px)}
@media (max-width:849px){
	form.checkout .large-5 > .col-inner.has-border{position:static}
}
@media (max-width:549px){
	.woocommerce-checkout .page-wrapper{padding-top:20px}
	form.checkout #customer_details,form.checkout .large-5 > .col-inner.has-border{padding:20px 16px;border-radius:12px}
	.woocommerce-checkout .woocommerce-info,.woocommerce-checkout .woocommerce-cart-notice{font-size:14px;padding:10px 14px}
}

/* ---------- trang cảm ơn đơn hàng (thanh-toan/order-received, woocommerce/checkout/thankyou.php) ---------- */
/* cột trái: hướng dẫn chuyển khoản SePay, chi tiết đơn, địa chỉ = các thẻ trắng; cột phải: tóm tắt đơn (dính khi cuộn) */
.woocommerce-order-received .woocommerce > .row{align-items:flex-start}
.woocommerce-order-received .woocommerce > .row > .large-8 > h2{font-size:26px;font-weight:700;color:var(--bf-title,#1b2a3a);margin:0 0 10px;line-height:1.35}
.woocommerce-order-received .div-cu-phap{margin:0 0 22px;padding:14px 18px;border:1px solid #d6e9f8;border-radius:12px;background:#eaf4fc;color:#24557a;font-size:15px;line-height:1.6}
.woocommerce-order-received .div-cu-phap p{margin:0}
.woocommerce-order-received .div-cu-phap strong{font-weight:500}
.woocommerce-order-received .span-cu-phap{display:inline-block;padding:0 8px;margin:0 2px;border-radius:6px;background:#fff;border:1px dashed var(--bf-primary);color:var(--wkn-gia);font-weight:700;letter-spacing:.3px}
.woocommerce-order-received .woocommerce-sepay-bank-details,.woocommerce-order-received .woocommerce-order-details,.woocommerce-order-received .woocommerce-customer-details,.woocommerce-order-received .woocommerce > .row > .large-4 > .is-well{background:#fff;border:0;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.06);padding:26px 30px;margin:0 0 24px}
.woocommerce-order-received .woocommerce-sepay-bank-details{max-width:none;padding:6px 10px!important}
.woocommerce-order-received .woocommerce-sepay-bank-details .box-title{font-size:19px;padding:12px 0 14px;color:var(--bf-title,#1b2a3a);border-color:#edf1f5}
.woocommerce-order-received .sepay-pay-info{margin-top:18px}
.woocommerce-order-received .sepay-pay-info .qr-title,.woocommerce-order-received .sepay-pay-info .manual-title{font-size:15px;color:#475569}
.woocommerce-order-received .sepay-pay-info .qr-title b,.woocommerce-order-received .sepay-pay-info .manual-title b{color:var(--bf-primary)}
.woocommerce-order-received .sepay-pay-info .button-qr{border-radius:8px;padding:8px 16px;background:var(--bf-primary)}
.woocommerce-order-received .sepay-pay-info .manual-box .bank-info{border-radius:12px;overflow:hidden;border-color:#dbe3ec}
.woocommerce-order-received .sepay-pay-info .manual-box .bank-info .banner{background:#f5faff;border-bottom:1px solid #dbe3ec}
.woocommerce-order-received .sepay-pay-info .manual-box .bank-info-cell:first-child{color:#8a97a8}
.woocommerce-order-received #copy_memo,.woocommerce-order-received #copy_amount{color:var(--wkn-gia)}
.woocommerce-order-received .sepay-pay-footer{padding:14px 0 10px;margin-top:16px;border-top:1px solid #edf1f5;font-size:15px;color:#475569}
.woocommerce-order-received .woocommerce-order-details__title,.woocommerce-order-received .woocommerce-column__title{font-size:20px;font-weight:700;color:var(--bf-title,#1b2a3a);padding-bottom:12px;margin:0 0 6px;border-bottom:1px solid #edf1f5}
.woocommerce-order-received .order_details.shop_table{margin:0;border:0}
.woocommerce-order-received .order_details.shop_table th,.woocommerce-order-received .order_details.shop_table td{border:0;border-bottom:1px solid #edf1f5;padding:12px 0;font-size:15px;text-transform:none;letter-spacing:0;vertical-align:top}
.woocommerce-order-received .order_details.shop_table thead th{font-size:13px;font-weight:600;color:#8a97a8;text-transform:uppercase}
.woocommerce-order-received .order_details.shop_table td.product-name{padding-right:16px;line-height:1.5}
.woocommerce-order-received .order_details.shop_table td.product-name a{color:#1b2a3a;font-weight:600}
.woocommerce-order-received .order_details.shop_table td.product-name a:hover{color:var(--bf-primary)}
.woocommerce-order-received .order_details.shop_table .product-quantity{color:#8a97a8;font-weight:500}
.woocommerce-order-received .order_details .wc-item-meta{list-style:none;margin:6px 0 0;padding:0;font-size:13px;color:#64748b}
.woocommerce-order-received .order_details .wc-item-meta li{margin:0}
.woocommerce-order-received .order_details .wc-item-meta li strong{font-weight:600;margin-right:4px}
.woocommerce-order-received .order_details .wc-item-meta p{display:inline;margin:0}
.woocommerce-order-received .order_details.shop_table td.product-total,.woocommerce-order-received .order_details.shop_table tfoot td{text-align:right;white-space:nowrap;font-weight:600;color:#1b2a3a}
.woocommerce-order-received .order_details.shop_table tfoot th{font-weight:500;color:#475569}
.woocommerce-order-received .order_details.shop_table tfoot tr:last-child th,.woocommerce-order-received .order_details.shop_table tfoot tr:last-child td{border-bottom:0;padding-top:16px;font-size:17px;font-weight:700;color:#1b2a3a}
.woocommerce-order-received .order_details.shop_table tfoot tr:last-child .amount{font-size:22px;color:var(--wkn-gia)}
.woocommerce-order-received .woocommerce-customer-details address{margin:12px 0 0;padding:0;border:0;font-style:normal;font-size:15px;line-height:1.7;color:#1b2a3a}
.woocommerce-order-received .woocommerce-customer-details address p{margin:0;padding-left:26px;position:relative;color:#475569}
.woocommerce-order-received .woocommerce-customer-details address p:before{position:absolute;left:0;top:0;color:var(--bf-primary)}
.woocommerce-order-received .woocommerce-customer-details--phone:before{content:"\260E"}
.woocommerce-order-received .woocommerce-customer-details--email:before{content:"\2709"}
/* tóm tắt đơn */
.woocommerce-order-received .woocommerce > .row > .large-4 > .is-well{position:sticky;top:90px;padding:30px 26px 18px;text-align:center}
.woocommerce-order-received .woocommerce-thankyou-order-received{margin:0 0 18px;font-size:17px;line-height:1.45;color:var(--bf-green,#198754)}
.woocommerce-order-received .woocommerce-thankyou-order-received:before{content:"";display:block;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#e7f6ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23198754' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/30px no-repeat;box-shadow:0 0 0 8px #f3fbf6}
.woocommerce-order-received ul.woocommerce-order-overview{list-style:none;margin:0;padding:0;text-align:left}
.woocommerce-order-received ul.woocommerce-order-overview li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:11px 0;border-top:1px dashed #e2e8f0;font-size:14px;color:#64748b;text-transform:none}
.woocommerce-order-received ul.woocommerce-order-overview li strong{font-size:15px;font-weight:600;color:#1b2a3a;text-align:right;word-break:break-word}
.woocommerce-order-received ul.woocommerce-order-overview li.order strong{color:var(--bf-primary)}
.woocommerce-order-received ul.woocommerce-order-overview li strong .amount{font-size:18px;color:var(--wkn-gia)}
@media (max-width:849px){
	/* mobile/tablet: thẻ "Cảm ơn" lên đầu */
	.woocommerce-order-received .woocommerce > .row{display:flex;flex-direction:column}
	.woocommerce-order-received .woocommerce > .row > .large-4{order:-1}
	.woocommerce-order-received .woocommerce > .row > .large-4 > .is-well{position:static}
}
@media (max-width:549px){
	.woocommerce-order-received .woocommerce > .row > .large-8 > h2{font-size:21px}
	.woocommerce-order-received .woocommerce-order-details,.woocommerce-order-received .woocommerce-customer-details,.woocommerce-order-received .woocommerce > .row > .large-4 > .is-well{padding:20px 16px;border-radius:12px}
	.woocommerce-order-received .woocommerce-sepay-bank-details{padding:4px 2px!important;border-radius:12px}
	.woocommerce-order-received .div-cu-phap{font-size:14px;padding:12px 14px}
}

/* ---------- tài liệu hướng dẫn (tai-lieu.php): video hướng dẫn, câu hỏi thường gặp, thư viện code ---------- */
.wkn-tl-dau{background:#fff;padding:44px 0 38px;text-align:center}
.wkn-tl-nhan{font-size:32px;font-weight:700;color:var(--bf-primary);text-transform:uppercase;margin:0 0 18px;line-height:1.3}
.wkn-tl-tim{max-width:640px;margin:0 auto}
.wkn-tai-lieu .searchform .search-field,.wkn-tl-tim .searchform .search-field{height:50px;border:1px solid #dbe3ec;border-radius:50px 0 0 50px!important;background:#fbfcfe;box-shadow:none;padding:0 22px;font-size:15px}
.wkn-tai-lieu .searchform .search-field:focus,.wkn-tl-tim .searchform .search-field:focus{border-color:var(--bf-primary);background:#fff}
.wkn-tai-lieu .searchform .ux-search-submit,.wkn-tl-tim .searchform .ux-search-submit{height:50px;min-width:58px;border-radius:0 50px 50px 0!important;background:var(--bf-primary)!important;color:#fff!important;border:0;margin:0}
.wkn-tai-lieu{background:#f4f8fc;padding:34px 0 50px}
.wkn-tl-trai .widget{margin-bottom:20px}
.wkn-tl-trai .widget_custom_html{display:none}
.wkn-tl-trai.wkn-tl-hien-tim .widget_custom_html{display:block}
.wkn-tl-trai .widget_custom_html .search-field{height:44px}
.wkn-tl-trai .widget_custom_html .ux-search-submit{height:44px;min-width:50px}
.wkn-tl-trai .widget_nav_menu ul.menu{background:#fff;border-radius:var(--bf-radius);box-shadow:0 0 20px rgba(0,0,0,.05);margin:0;padding:6px 0;list-style:none}
.wkn-tl-trai .widget_nav_menu li{margin:0;border:0}
.wkn-tl-trai .widget_nav_menu li + li{border-top:1px solid #edf1f5}
.wkn-tl-trai .widget_nav_menu li a{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-size:15px;font-weight:500;color:#1b2a3a;transition:color .2s,background .2s}
.wkn-tl-trai .widget_nav_menu li a:after{content:"\203A";font-size:20px;line-height:1;color:#9aa8b8}
.wkn-tl-trai .widget_nav_menu li a:hover,.wkn-tl-trai .widget_nav_menu li.current-menu-item a,.wkn-tl-trai .widget_nav_menu li.current-post-ancestor a{color:var(--bf-primary);background:#f0f7fd}
.wkn-tl-trai .widget_media_image img{border-radius:var(--bf-radius);box-shadow:0 0 20px rgba(0,0,0,.06);width:100%;height:auto}
.wkn-tl-khung{background:#fff;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.06);padding:30px 34px}
.wkn-tl-h1{font-size:26px;font-weight:700;color:var(--bf-title,#1b2a3a);line-height:1.35;margin:0 0 16px}
.category .wkn-tl-h1{text-align:center;color:var(--bf-primary);text-transform:uppercase;font-size:24px}
.wkn-tl-ds{list-style:none;margin:0;padding:0}
.wkn-tl-ds li{margin:0;border-bottom:1px dashed #dfe6ee}
.wkn-tl-ds li:last-child{border-bottom:0}
.wkn-tl-ds a{display:flex;align-items:center;gap:14px;padding:13px 0;font-size:16px;color:#1b2a3a;transition:color .2s}
.wkn-tl-ds a i{font-size:22px;color:var(--bf-orange);flex-shrink:0;transition:transform .2s}
.wkn-tl-ds a:hover{color:var(--bf-primary)}
.wkn-tl-ds a:hover i{transform:scale(1.12)}
.wkn-tl-crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#8a97a8;margin-bottom:10px}
.wkn-tl-crumb a{color:#8a97a8}
.wkn-tl-crumb a:hover{color:var(--bf-primary)}
.wkn-tl-crumb i{font-size:10px}
.wkn-tl-bai .entry-content iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:12px}
.wkn-tl-bai .blog-share{margin:20px 0 0}
.wkn-tl-lien-quan{margin-top:30px;padding-top:24px;border-top:1px solid #edf1f5}
.wkn-tl-h2{font-size:20px;font-weight:700;color:var(--bf-title,#1b2a3a);margin:0 0 6px}
.wkn-tl-lien-quan .wkn-tl-ds a{font-size:15px;padding:11px 0}
@media (max-width:849px){
	.wkn-tl-trai{order:2}
	.wkn-tl-trai .widget_media_image{display:none}
}
@media (max-width:549px){
	.wkn-tl-dau{padding:28px 0 24px}
	.wkn-tl-nhan{font-size:22px}
	.wkn-tai-lieu{padding:20px 0 30px}
	.wkn-tl-khung{padding:20px 16px;border-radius:12px}
	.wkn-tl-h1{font-size:21px}
	.category .wkn-tl-h1{font-size:20px}
	.wkn-tl-ds a{font-size:15px;gap:10px}
}

/* ---------- trang danh mục: sidebar lọc kiểu Haravan (layouts/category.php + wkn-ajax-filter) ---------- */
/* phải mạnh hơn .bs-site.tax-product_cat #main > .row{padding-top:0} (có #id) */
.bs-site #main > .row.category-page-row.wkn-cat-row{padding-top:40px}
.wkn-cat-sidebar .col-inner{padding-right:10px}
/* ô tìm kiếm: cùng hàng ô sắp xếp, trên lưới sản phẩm */
.wkn-cat-tim{flex:1;min-width:0}
.wkn-cat-tim .searchform-wrapper{margin:0}
.wkn-cat-tim .searchform .search-field{height:44px;border:1px solid #dbe3ec;border-radius:50px 0 0 50px!important;background:#fbfcfe;box-shadow:none;padding:0 20px;font-size:15px}
.wkn-cat-tim .searchform .search-field:focus{border-color:var(--bf-primary);background:#fff}
.wkn-cat-thanh .wkn-cat-tim .searchform .button.ux-search-submit{height:44px;min-width:54px;border-radius:0 50px 50px 0!important;background:var(--bf-primary)!important;color:#fff!important;margin:0}
.wkn-cat-sidebar .widget,#shop-sidebar .widget{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #e6ebf1}
.wkn-cat-sidebar .widget:last-child,#shop-sidebar .widget:last-child{border-bottom:0}
#shop-sidebar .widget-title{display:block;font-size:17px;font-weight:600;text-transform:none;letter-spacing:0;color:#1b2a3a;margin:0 0 10px}
#shop-sidebar .widget .is-divider{display:none}
#shop-sidebar .wkn-filter-group{border:0;margin:0;padding:0}
#shop-sidebar .wkn-group-title{font-size:17px;font-weight:600;color:#1b2a3a;padding:0;margin:0 0 10px}
#shop-sidebar .wkn-group-body{padding:0}
#shop-sidebar .wkn-checkbox-label,.wkn-nganh a{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:15px;color:#334155;line-height:1.35}
#shop-sidebar .wkn-checkbox-label:hover,.wkn-nganh a:hover{color:var(--bf-primary)}
#shop-sidebar .wkn-checkbox-custom,.wkn-nganh-o{width:18px;height:18px;border:1.5px solid #c5ccd6;border-radius:4px;background:#fff;flex-shrink:0;position:relative;transition:all .2s}
#shop-sidebar .wkn-term-count{font-size:13px;color:#9aa8b8}
/* ô đã tích (rule trên có #id nên phải viết lại trạng thái tích của plugin) */
#shop-sidebar .wkn-price-preset-radio:checked + .wkn-checkbox-custom,#shop-sidebar .wkn-term-checkbox:checked + .wkn-checkbox-custom{background:var(--bf-primary);border-color:var(--bf-primary)}
#shop-sidebar .wkn-price-preset-radio:checked + .wkn-checkbox-custom:after,#shop-sidebar .wkn-term-checkbox:checked + .wkn-checkbox-custom:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#shop-sidebar .wkn-price-preset-radio:checked ~ .wkn-checkbox-name{color:var(--bf-primary);font-weight:600}
.wkn-nganh{list-style:none;margin:0;padding:0}
.wkn-nganh li{margin:0;padding:0;border:0}
.wkn-nganh-so{margin-left:auto;font-size:13px;color:#9aa8b8}
.wkn-nganh a.is-active{color:var(--bf-primary);font-weight:600}
.wkn-nganh a.is-active .wkn-nganh-o{background:var(--bf-primary);border-color:var(--bf-primary)}
.wkn-nganh a.is-active .wkn-nganh-o:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#shop-sidebar .wkn-clear-wrap{margin-top:10px}
/* lọc màu sắc (pa_mau-sac): chỉ ô tròn màu */
#shop-sidebar .wkn-swatches{display:flex;flex-wrap:wrap;gap:10px}
#shop-sidebar .wkn-swatch-item{display:block;margin:0;line-height:0}
#shop-sidebar .wkn-swatch-item.wkn-term-extra{display:none}
#shop-sidebar .wkn-swatches.wkn-show-all .wkn-swatch-item.wkn-term-extra{display:block}
#shop-sidebar .wkn-swatch-circle{position:relative;width:34px;height:34px;margin:0;border:2px solid #fff;box-shadow:0 0 0 1px #d5dde6;transition:transform .15s,box-shadow .15s}
#shop-sidebar .wkn-swatch-item:hover .wkn-swatch-circle{box-shadow:0 0 0 2px var(--bf-primary);transform:scale(1.08)}
#shop-sidebar .wkn-swatch-item input:checked + .wkn-swatch-circle{box-shadow:0 0 0 2px var(--bf-primary);transform:none}
#shop-sidebar .wkn-swatch-item input:checked + .wkn-swatch-circle:after{content:"";position:absolute;left:11px;top:6px;width:7px;height:13px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}
/* chỉ hiện ô màu: tên + số lượng vẫn có trong tooltip (title) */
#shop-sidebar .wkn-swatch-item .wkn-swatch-name,#shop-sidebar .wkn-swatch-item .wkn-term-count{display:none}
#shop-sidebar .wkn-show-more-btn{margin:12px 0 0;min-height:0;font-size:14px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0;color:var(--bf-primary);text-decoration:none}
#shop-sidebar .wkn-filter-group + .wkn-filter-group{margin-top:22px}
#shop-sidebar .wkn-clear-btn{border-radius:50px;padding:7px 14px;font-size:14px}
.wkn-cat-main .div-khuyen-mai-moi,.wkn-cat-main > .row:first-child{margin-bottom:0}
.wkn-cat-thanh{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.wkn-cat-thanh .woocommerce-ordering{margin:0}
.wkn-cat-thanh .woocommerce-ordering select{height:44px;min-width:230px;border:1px solid #dbe3ec;border-radius:10px;box-shadow:none;padding:0 36px 0 14px;font-size:15px;margin:0;background-color:#fff}
.wkn-cat-loc{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;color:#1b2a3a;font-weight:600;flex-shrink:0}
.wkn-loop-container .woocommerce-result-count{display:block;float:none;margin:0 0 14px;font-size:14px;color:#8a97a8}
.wkn-loop-container .woocommerce-info{background:#fff;border:1px dashed #c9d9e8;border-radius:var(--bf-radius);padding:30px;text-align:center}
@media (max-width:849px){
	.bs-site #main > .row.category-page-row.wkn-cat-row{padding-top:24px}
	.wkn-cat-thanh{flex-wrap:wrap}
	.wkn-cat-thanh .wkn-cat-tim{order:3;flex-basis:100%}
	.wkn-cat-thanh .woocommerce-ordering{margin-left:auto}
	.wkn-cat-thanh .woocommerce-ordering select{min-width:0;width:170px}
	.off-canvas #shop-sidebar{padding:20px}
}
/* đè CSS menu widget + nút tìm kiếm form-flat của Flatsome */
#shop-sidebar .widget > ul.wkn-nganh > li{border:0;margin:0;padding:0;display:block}
#shop-sidebar .widget > ul.wkn-nganh > li > a{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:15px;color:#334155;line-height:1.35;width:100%}
#shop-sidebar .widget > ul.wkn-nganh > li > a:hover{color:var(--bf-primary)}
#shop-sidebar .widget > ul.wkn-nganh > li > a.is-active{color:var(--bf-primary);font-weight:600}
#shop-sidebar .wkn-nganh-o{display:block}

/* ---------- footer nền đen chữ trắng (bỏ section Đăng ký tư vấn, thanh hỗ trợ, nút gọi) ---------- */
.section-footer{background:#111!important;color:rgba(255,255,255,.75)}
.section-footer .bs-footer-block .bs-footer-title{color:#fff}
.section-footer .bs-footer-block,.section-footer .bs-footer-block p,.section-footer .bs-footer-block address{color:rgba(255,255,255,.75)}
.section-footer .bs-footer-block a{color:rgba(255,255,255,.75)}
.section-footer .bs-footer-block p a,.section-footer .bs-footer-block address a{color:#fff}
.section-footer .bs-footer-block a:hover{color:#fff}
.section-footer .bs-footer-block i{color:#fff}
.section-footer .bs-social > li > a{background:rgba(255,255,255,.08)}
.section-footer .bs-social > li > a i{color:#fff}
.section-footer .bs-social > li > a:hover{background:var(--bf-primary)}
.section-ban-quyen{background:#0a0a0a!important;border-top:1px solid rgba(255,255,255,.08)!important}
.section-ban-quyen .bs-copyright{color:rgba(255,255,255,.6)}

/* ---------- form trong lightbox (CF7: đối tác #4969, hosting #10383, tư vấn #4634 — markup .wkn-form) ---------- */
.lightbox-content:has(.wkn-form){max-width:560px!important;padding:0!important;border-radius:18px;overflow:hidden;box-shadow:0 25px 60px rgba(15,35,60,.25)}
.mfp-bg{background:#0f1c2b}
.mfp-bg.mfp-ready{opacity:.65}
.lightbox-content:has(.wkn-form) .mfp-close{top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.8);color:#1b2a3a;opacity:1;display:flex;align-items:center;justify-content:center;mix-blend-mode:normal}
.lightbox-content:has(.wkn-form) .mfp-close svg{width:20px;height:20px}
.lightbox-content:has(.wkn-form) .mfp-close:hover{background:#fff;transform:rotate(90deg)}
.wkn-form{padding:0 0 26px}
.wkn-form p{margin:0}
.wkn-form br{display:none}
.wkn-form-dau{background:linear-gradient(135deg,#eaf4fc 0%,#f5faff 100%);padding:30px 34px 24px;text-align:center;border-bottom:1px solid #e3eef8}
.wkn-form-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--bf-primary);color:#fff;font-size:24px;margin-bottom:12px;box-shadow:0 8px 20px rgba(52,152,219,.35)}
.wkn-form .wkn-form-tieu-de{font-size:22px;font-weight:700;color:#1b2a3a;line-height:1.3;margin-bottom:6px}
.wkn-form .wkn-form-mo-ta{font-size:14.5px;color:#5b6b7d;line-height:1.55}
.wkn-form-luoi{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:24px 34px 0}
.wkn-o-rong{grid-column:1/-1}
.wkn-o label{display:block;font-size:13.5px;font-weight:600;color:#334155;margin:0 0 6px}
.wkn-bat-buoc{color:var(--wkn-gia)}
.wkn-form .wpcf7-form-control-wrap{display:block}
.wkn-form input.wpcf7-form-control:not(.wpcf7-submit),.wkn-form select.wpcf7-form-control,.wkn-form textarea.wpcf7-form-control{width:100%;height:46px;margin:0;border:1px solid #dbe3ec;border-radius:10px;background:#fbfcfe;box-shadow:none;padding:0 14px;font-size:15px;color:#1b2a3a;transition:border-color .2s,box-shadow .2s}
.wkn-form textarea.wpcf7-form-control{height:auto;min-height:92px;padding:11px 14px;resize:vertical}
.wkn-form select.wpcf7-form-control{padding-right:36px;background-color:#fbfcfe}
.wkn-form .wpcf7-form-control:not(.wpcf7-submit):focus{border-color:var(--bf-primary)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(52,152,219,.15)!important}
.wkn-form ::placeholder{color:#9aa8b8;font-weight:400}
.wkn-form .wpcf7-not-valid{border-color:#e74c3c!important}
.wkn-form .wpcf7-not-valid-tip{font-size:12.5px;margin-top:4px}
.wkn-form-recaptcha{padding:16px 34px 0;display:flex;justify-content:center}
.wkn-form-gui{padding:22px 34px 0;position:relative}
.wkn-form .wpcf7-submit{display:block;width:100%;height:52px;margin:0;border:0;border-radius:12px;background:var(--bf-primary);color:#fff;font-size:16px;font-weight:700;text-transform:none;letter-spacing:.2px;box-shadow:0 8px 20px rgba(52,152,219,.3);transition:background .2s,transform .2s}
.wkn-form .wpcf7-submit:hover{background:var(--bf-primary-hover);transform:translateY(-2px)}
.wkn-form .wpcf7-spinner{position:absolute;right:46px;top:36px;margin:0}
.wkn-form .wkn-form-cam-ket{padding:14px 34px 0;text-align:center;font-size:13px;color:#8a97a8}
.wkn-form-cam-ket i{color:#27ae60;margin-right:4px}
.lightbox-content:has(.wkn-form) .wpcf7-response-output{margin:16px 34px 0!important;border-radius:10px;padding:10px 14px!important;font-size:14px;text-align:center}
@media (max-width:549px){
	.wkn-form-dau{padding:26px 20px 20px}
	.wkn-form .wkn-form-tieu-de{font-size:19px}
	.wkn-form-luoi{grid-template-columns:1fr;padding:20px 20px 0}
	.wkn-form-gui,.wkn-form-recaptcha,.wkn-form .wkn-form-cam-ket{padding-left:20px;padding-right:20px}
	.lightbox-content:has(.wkn-form) .wpcf7-response-output{margin:14px 20px 0!important}
}
.lightbox-content:has(.wkn-form) .wpcf7-form{margin:0}
.lightbox-content:has(.wkn-form) .wpcf7-form > fieldset{margin:0;padding:0;border:0}
.lightbox-content:has(.wkn-form) .wpcf7-form > p:not(.wpcf7-response-output){display:none}
.lightbox-content:has(.wkn-form) .wpcf7-response-output:empty{display:none}
.lightbox-content:has(.wkn-form) .wpcf7-response-output:not(:empty){margin-bottom:22px!important}
/* CSS tối thiểu thay CSS của CF7 (wpcf7_load_css tắt trong functions.php) — áp cho mọi form CF7 */
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}
.wpcf7 .hidden-fields-container{display:none}
.wpcf7-not-valid-tip{display:block;color:#dc3232;font-size:13px;font-weight:400}
.wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:10px 14px;border:1px solid #d6e9f8;border-radius:10px;background:#eaf4fc;color:#24557a;font-size:14px}
.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}
.wpcf7 form.sent .wpcf7-response-output{border-color:#bfe8cf;background:#e9f8ef;color:#1e7a46}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#fde3b4;background:#fff6e5;color:#9a5b00}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{border-color:#f6caca;background:#fdecec;color:#a12828}
.wpcf7-spinner{visibility:hidden;display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:middle;animation:wknQuay .8s linear infinite}
.wpcf7 form.submitting .wpcf7-spinner{visibility:visible}
@keyframes wknQuay{to{transform:rotate(360deg)}}
.wkn-form .wpcf7-not-valid-tip{background:none;padding:0;margin-top:5px}
.wkn-form form.submitting .wpcf7-submit,.wkn-form .wpcf7-submit:disabled{opacity:.75;cursor:wait}

/* ---------- accordion hỏi đáp: mỗi mục là thẻ trắng (đè kiểu buffsite ở trên) ---------- */
.bs-accordion .accordion-item{background:#fff;border:1px solid #e6eef6!important;border-radius:14px;margin-bottom:12px;box-shadow:0 4px 18px rgba(20,60,110,.06);overflow:hidden;transition:box-shadow .25s,border-color .25s}
.bs-accordion .accordion-item:hover{box-shadow:0 8px 26px rgba(20,60,110,.1)}
.bs-accordion .accordion-item:has(.accordion-title.active){border-color:#cfe3f5!important;box-shadow:0 10px 30px rgba(52,152,219,.14)}
.bs-accordion .accordion-title{padding:18px 64px 18px 22px;font-size:17px;line-height:1.45;transition:color .2s}
.bs-accordion .accordion-title:hover,.bs-accordion .accordion-title.active{color:var(--bf-primary)}
.bs-accordion .accordion-title .toggle{left:auto;right:20px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#eaf4fc;transition:background .25s,transform .25s}
.bs-accordion .accordion-title .toggle::before,.bs-accordion .accordion-title .toggle::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--bf-primary);border-radius:2px;font-family:inherit;line-height:0;transition:transform .25s,background .25s}
.bs-accordion .accordion-title .toggle::after{transform:rotate(90deg)}
.bs-accordion .accordion-title.active .toggle{background:var(--bf-primary);transform:rotate(180deg)}
.bs-accordion .accordion-title.active .toggle::before{content:"";background:#fff}
.bs-accordion .accordion-title.active .toggle::after{transform:rotate(0deg);background:#fff}
.bs-accordion .accordion-inner{padding:16px 22px 20px;margin:0 22px;border-top:1px dashed #e1e9f2;padding-left:0;padding-right:0;color:#5b6b7d;line-height:1.7}
.bs-accordion .accordion-inner p:last-child{margin-bottom:0}
@media (max-width:549px){
	.bs-accordion .accordion-title{padding:15px 54px 15px 16px;font-size:15.5px}
	.bs-accordion .accordion-title .toggle{right:14px;width:28px;height:28px;margin-top:-14px}
	.bs-accordion .accordion-inner{margin:0 16px}
}
/* nút +/− là <button>: Flatsome ép min-height 2.5em → bỏ để thành hình tròn */
.bs-accordion .accordion-title .toggle{min-height:0!important;height:30px!important;line-height:30px}
@media (max-width:549px){.bs-accordion .accordion-title .toggle{height:28px!important}}

/* ---------- khung tiêu đề bs-breadcrumb-hero: cao hơn, ảnh nền danh mục (ACF), đoạn giới thiệu dưới breadcrumb ---------- */
.bs-breadcrumb-hero{padding:90px 0}
.bs-breadcrumb-hero.bs-hero-co-anh::before{background:linear-gradient(180deg,rgba(8,26,48,.78) 0%,rgba(8,26,48,.6) 100%)}
.bs-breadcrumb-hero .bs-page-title{font-size:36px;line-height:1.3;max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:14px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.bs-hero-mo-ta{max-width:820px;margin:18px auto 0;text-align:center;color:rgba(255,255,255,.88);font-size:16px;line-height:1.7}
.bs-hero-mo-ta p{margin:0}
.bs-hero-mo-ta b,.bs-hero-mo-ta strong{color:#fff;font-weight:600}
.bs-hero-mo-ta a{color:#fff;text-decoration:underline}
@media (max-width:991px){
	.bs-breadcrumb-hero{padding:60px 0}
	.bs-breadcrumb-hero .bs-page-title{font-size:28px}
	.bs-hero-mo-ta{font-size:15px}
}
@media (max-width:549px){
	.bs-breadcrumb-hero{padding:48px 0}
	.bs-breadcrumb-hero .bs-page-title{font-size:24px}
	.bs-hero-mo-ta{text-align:left;font-size:14.5px;margin-top:14px}
}

/* ---------- mô tả danh mục (mô tả + Bottom Content gộp): thu gọn 5 dòng, Xem thêm / Thu gọn ---------- */
.wkn-mo-ta-dm{margin:36px 0 10px;padding:28px 32px 22px;background:#fff;border:1px solid #e6eef6;border-radius:16px;box-shadow:0 4px 18px rgba(20,60,110,.05);color:#4a5868;font-size:15.5px;line-height:1.75}
.wkn-mo-ta-noi-dung{position:relative}
.wkn-mo-ta-dm.wkn-dang-gon .wkn-mo-ta-noi-dung{max-height:var(--wkn-gioi-han,135px);overflow:hidden}
.wkn-mo-ta-dm.wkn-dang-gon .wkn-mo-ta-noi-dung::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.wkn-mo-ta-noi-dung h2,.wkn-mo-ta-noi-dung h3,.wkn-mo-ta-noi-dung h4{color:var(--bf-title,#1b2a3a);font-weight:700;line-height:1.4;margin:22px 0 10px}
.wkn-mo-ta-noi-dung h2{font-size:21px}
.wkn-mo-ta-noi-dung h3{font-size:18px}
.wkn-mo-ta-noi-dung > :first-child{margin-top:0}
.wkn-mo-ta-noi-dung p{margin:0 0 12px}
.wkn-mo-ta-noi-dung ul,.wkn-mo-ta-noi-dung ol{margin:0 0 12px 20px}
.wkn-mo-ta-noi-dung a{color:var(--bf-primary)}
.wkn-mo-ta-noi-dung img{border-radius:10px;height:auto}
.wkn-mo-ta-nut{display:flex;align-items:center;gap:8px;margin:14px auto 0;height:40px;padding:0 22px;border:1px solid #cfe3f5;border-radius:50px;background:#f5faff;color:var(--bf-primary);font-size:14.5px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.wkn-mo-ta-nut:hover{background:var(--bf-primary);color:#fff;border-color:var(--bf-primary)}
.wkn-mo-ta-nut i{font-size:11px;transition:transform .25s}
.wkn-mo-ta-nut[aria-expanded="true"] i{transform:rotate(180deg)}
@media (max-width:549px){.wkn-mo-ta-dm{padding:20px 16px 18px;font-size:15px;border-radius:12px}}

/* ---------- màu nền nhạt: #d3e1f6 → mint #F2FDF9 + họa tiết decor.webp (theme cũ, images/decor.png) ---------- */
:root{--bf-xanh-nhat:#F2FDF9;--wkn-mint-vien:#d4efe4;--wkn-nen-decor:#F2FDF9 url(images/decor.webp) no-repeat center bottom/cover}
/* viền / nền ô bảng: màu mint quá nhạt trên nền trắng → dùng mint đậm hơn */
.bs-site .bs-table-features .bs-table-title{background-color:#e4f7ef}
.bs-table-features .bs-table-header{border-bottom-color:var(--wkn-mint-vien)}
.bs-table-features .bs-table-header .bs-table-row > *:not(:first-child),.bs-table-features .bs-table-body{border-color:var(--wkn-mint-vien)}
.bs-table-features .bs-table-row:not(:last-child){border-bottom-color:var(--wkn-mint-vien)}
.bs-dv-bang-gia{border-color:var(--wkn-mint-vien)}
.bs-dv-bg-dong:not(:last-child){border-bottom-color:var(--wkn-mint-vien)}
.bs-dv-bg-dau{background:#e4f7ef}
.section-khach-hang .testimonial-box::before{color:#cdeee0}
/* section nền xanh nhạt → nền mint có họa tiết */
.section-nen-xanh,.section-hoi-dap,.section-khach-hang,.section-dv-lien-quan,.section-kho-giao-dien{background:var(--wkn-nen-decor)}

/* ---------- danh mục bài viết: nền mint họa tiết, thẻ bài viết trắng ---------- */
.wkn-blog-nen{background:var(--wkn-nen-decor);background-position:center top;background-size:100% auto;background-color:#F2FDF9;padding:50px 0 40px}
.wkn-blog-nen .bs-news-list > .col{padding-bottom:30px}
.wkn-blog-nen .bs-news-item,.bs-bai-lien-quan .bs-news-item:not(.bs-news-item-overlay){height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e3f1ea;border-radius:18px;padding:12px;box-shadow:0 6px 24px rgba(20,80,60,.06);transition:transform .25s,box-shadow .25s}
.wkn-blog-nen .bs-news-item:hover,.bs-bai-lien-quan .bs-news-item:not(.bs-news-item-overlay):hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,80,60,.12)}
.wkn-blog-nen .bs-news-thumbnail,.bs-bai-lien-quan .bs-news-thumbnail{border-radius:12px}
.wkn-blog-nen .bs-news-body,.bs-bai-lien-quan .bs-news-item:not(.bs-news-item-overlay) .bs-news-body{padding:16px 8px 6px;display:flex;flex-direction:column;flex:1}
.wkn-blog-nen .bs-news-category,.bs-bai-lien-quan .bs-news-category{text-transform:none;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:50px;background:#eaf4fc;color:var(--bf-primary)}
.wkn-blog-nen .bs-news-date,.bs-bai-lien-quan .bs-news-date{font-size:13px;color:#8a97a8}
.wkn-blog-nen .bs-news-title,.bs-bai-lien-quan .bs-news-title{font-size:18px;font-weight:700}
.wkn-blog-nen .bs-news-desc,.bs-bai-lien-quan .bs-news-desc{font-size:14.5px;color:#5b6b7d;-webkit-line-clamp:3;margin-bottom:14px}
.wkn-blog-nen .bs-news-action,.bs-bai-lien-quan .bs-news-item:not(.bs-news-item-overlay) .bs-news-action{margin-top:auto;padding-top:12px;border-top:1px solid #eef3f1}
.wkn-blog-nen .bs-news-action .bs-btn,.bs-bai-lien-quan .bs-news-item:not(.bs-news-item-overlay) .bs-news-action .bs-btn{background:none;border:0;padding:0;color:var(--bf-primary);font-weight:600}
.wkn-blog-nen ul.page-numbers{display:flex;justify-content:center;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.wkn-blog-nen ul.page-numbers li{margin:0}
.wkn-blog-nen ul.page-numbers a,.wkn-blog-nen ul.page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid #dfece6;color:#1b2a3a;font-weight:600;line-height:1}
.wkn-blog-nen ul.page-numbers .current,.wkn-blog-nen ul.page-numbers a:hover{background:var(--bf-primary);border-color:var(--bf-primary);color:#fff}
.bs-bai-lien-quan{background:var(--wkn-nen-decor);background-position:center top;background-size:100% auto;background-color:#F2FDF9}
.bs-bai-lien-quan .bs-news-list > .col{padding-bottom:30px}

/* ---------- bài viết chi tiết: tiêu đề trong cột nội dung, mục lục + hộp tư vấn bên phải ---------- */
.wkn-bai-row{padding-top:40px;padding-bottom:20px}
.wkn-bai-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px;color:#8a97a8;margin-bottom:14px}
.wkn-bai-crumb a{color:#8a97a8}
.wkn-bai-crumb a:hover{color:var(--bf-primary)}
.wkn-bai-crumb-hien-tai{color:var(--bf-primary);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkn-bai-tieu-de{font-size:36px;font-weight:700;line-height:1.3;color:#14202e;margin:0 0 20px}
.wkn-bai-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:14px 0;margin-bottom:26px;border-top:1px solid #e9eef3;border-bottom:1px solid #e9eef3;font-size:14.5px;color:#5b6b7d}
.wkn-bai-meta i{color:var(--bf-primary);margin-right:4px}
.wkn-bai-meta strong{color:#1b2a3a}
.wkn-bai-meta-dm{margin-left:auto;padding:3px 12px;border-radius:50px;background:#eaf4fc;color:var(--bf-primary);font-weight:600;font-size:13px}
.wkn-bai .bs-detail-content{font-size:17px;line-height:1.8;color:#3a4756}
.wkn-bai .bs-detail-content h2{font-size:26px;font-weight:700;color:#14202e;margin:34px 0 14px;line-height:1.35;scroll-margin-top:90px}
.wkn-bai .bs-detail-content h3{font-size:21px;font-weight:700;color:#14202e;margin:26px 0 12px;line-height:1.4;scroll-margin-top:90px}
.wkn-bai .bs-detail-content img{border-radius:12px}
.wkn-bai .bs-article-tags{justify-content:flex-start;padding-top:20px;border-top:1px solid #e9eef3}
.wkn-bai-dinh{position:sticky;top:90px}
.wkn-muc-luc{background:#fff;border:1px solid #e6eef6;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(20,60,110,.06);margin-bottom:20px}
.wkn-muc-luc[hidden]{display:none}
.wkn-muc-luc-dau{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:16px 20px;border:0;border-radius:0;background:#14202e;color:#fff;font-size:17px;font-weight:700;text-transform:none;letter-spacing:0;line-height:1.3;text-align:left;cursor:default}
.wkn-muc-luc-dau i:first-child{color:var(--bf-primary)}
.wkn-muc-luc-mui{display:none;margin-left:auto;font-size:12px;transition:transform .25s}
.wkn-muc-luc-ds{position:relative;list-style:none;margin:0;padding:10px 10px 12px;max-height:calc(100vh - 360px);min-height:120px;overflow-y:auto;scrollbar-width:thin}
.wkn-muc-luc-ds li{margin:0}
.wkn-muc-luc-ds a{display:block;padding:8px 12px;border-left:3px solid transparent;border-radius:8px;color:#3a4756;font-size:14.5px;line-height:1.5;transition:background .2s,color .2s}
.wkn-muc-luc-ds .wkn-ml-h3 a{padding-left:28px;font-size:14px;color:#5b6b7d}
.wkn-muc-luc-ds a:hover{background:#f3f8fc;color:var(--bf-primary)}
.wkn-muc-luc-ds a.wkn-ml-dang{background:#eaf4fc;border-left-color:var(--bf-primary);color:var(--bf-primary);font-weight:600}
.wkn-bai-cta{background:linear-gradient(135deg,var(--bf-primary) 0%,#1f6fb2 100%);border-radius:16px;padding:24px 22px;color:#fff;text-align:center;box-shadow:0 10px 30px rgba(52,152,219,.3)}
.wkn-bai-cta p{margin:0}
.wkn-bai-cta .wkn-bai-cta-tieu-de{font-size:19px;font-weight:700;margin-bottom:6px}
.wkn-bai-cta .wkn-bai-cta-mo-ta{font-size:14px;opacity:.9;line-height:1.55;margin-bottom:16px}
.wkn-bai-cta-nut{display:block;height:46px;line-height:46px;border-radius:10px;background:#fff;color:var(--bf-primary);font-weight:700;margin-bottom:10px}
.wkn-bai-cta-nut:hover{color:var(--bf-primary-hover);box-shadow:0 6px 16px rgba(0,0,0,.15)}
.wkn-bai-cta-goi{color:#fff;font-weight:600;font-size:15px}
.wkn-bai-cta-goi:hover{color:#fff;text-decoration:underline}
@media (max-width:849px){
	.wkn-bai-row{padding-top:24px}
	.wkn-bai-tieu-de{font-size:28px}
	.wkn-bai-dinh{position:static}
	.wkn-bai-chinh .wkn-muc-luc{margin:0 0 24px}
	.wkn-bai-chinh .wkn-muc-luc-dau{cursor:pointer}
	.wkn-bai-chinh .wkn-muc-luc-mui{display:inline-block}
	.wkn-bai-chinh .wkn-muc-luc.wkn-ml-gon .wkn-muc-luc-ds{display:none}
	.wkn-bai-chinh .wkn-muc-luc:not(.wkn-ml-gon) .wkn-muc-luc-mui{transform:rotate(180deg)}
	.wkn-bai-chinh .wkn-muc-luc-ds{max-height:none}
	.wkn-blog-nen{padding:30px 0 20px}
}
@media (max-width:549px){
	.wkn-bai-tieu-de{font-size:24px}
	.wkn-bai .bs-detail-content{font-size:16px;text-align:left}
	.wkn-bai .bs-detail-content h2{font-size:22px}
	.wkn-bai .bs-detail-content h3{font-size:19px}
	.wkn-bai-meta-dm{margin-left:0}
}
/* buffsite ép cột bài viết 930px (.bs-site.single-post .blog-wrapper > .row > .col) → trả lại tỷ lệ 8/4 cho hàng nội dung + mục lục */
.bs-site.single-post .blog-wrapper > .wkn-bai-row > .col{flex-basis:100%;max-width:100%}
@media (min-width:850px){
	.bs-site.single-post .blog-wrapper > .wkn-bai-row > .wkn-bai-chinh{flex-basis:66.6667%;max-width:66.6667%}
	.bs-site.single-post .blog-wrapper > .wkn-bai-row > .wkn-bai-ben{flex-basis:33.3333%;max-width:33.3333%;padding-left:20px}
	.bs-site.single-post .blog-wrapper > .wkn-bai-landing > .wkn-bai-chinh{flex-basis:100%;max-width:100%}
}
.bs-site.single-post .wkn-bai-row{padding-top:10px}

/* ---------- bài viết dạng landing (meta _wkn_bai_landing): 1 cột rộng, khối .wkn-ss-* (bài so sánh Vibe Code / WordPress) ---------- */
/* phong cách phẳng: nền trắng / xám rất nhạt, đường kẻ trung tính, không gradient, không viền màu.
   Màu nhấn chỉ ở icon nhỏ, nhãn, số: tím = Vibe Code, xanh thương hiệu = WordPress.
   Selector có tiền tố .bs-site .wkn-ss để thắng rule nội dung bài của theme (.bs-detail-content ul li::before, p, h2) */
.wkn-bai-landing .wkn-bai-crumb,.wkn-bai-landing .wkn-bai-meta{justify-content:center}
.wkn-bai-landing .wkn-bai-tieu-de{max-width:880px;margin-left:auto;margin-right:auto;text-align:center;font-size:40px;letter-spacing:-.5px}
.wkn-bai-landing .wkn-bai-meta-dm{margin-left:0}
.wkn-bai-landing .bs-article-tags,.wkn-bai-landing #comments{max-width:900px;margin-left:auto;margin-right:auto}
.bs-site .wkn-ss{--ss-vibe:#6d5bd0;--ss-wp:#2b87c9;--ss-muc:#111827;--ss-chu:#4b5563;--ss-nhat:#6b7280;--ss-nen:#f5f7fa;--ss-ke:#e7ebf0;--ss-tot:#15803d;--ss-xau:#c2410c;color:var(--ss-chu);font-size:16.5px;line-height:1.7;text-align:left}
.bs-site .wkn-ss ul{list-style:none;margin:0;padding:0}
.bs-site .wkn-ss ul li{margin:0;padding-left:0}
.bs-site .wkn-ss ul li::before{content:none;position:static;width:auto;height:auto;border-radius:0;background:none}
.bs-site .wkn-ss p{margin-bottom:0}
.bs-site .wkn-ss strong{color:var(--ss-muc);font-weight:600}
.bs-site .wkn-ss section{position:relative;margin:0}
.bs-site .wkn-ss .wkn-ss-khoi{padding:72px 0;border-top:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-khoi-nen{background:var(--ss-nen);border-top:0;border-radius:20px;padding:72px 56px}
.bs-site .wkn-ss .wkn-ss-khoi-nen + .wkn-ss-khoi{border-top:0}
.bs-site .wkn-ss .wkn-ss-tieu-de{font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.4px;color:var(--ss-muc);text-align:center;margin:0 0 12px;scroll-margin-top:90px}
.bs-site .wkn-ss .wkn-ss-phu-de{max-width:640px;margin:0 auto 44px;text-align:center;color:var(--ss-nhat)}
.bs-site .wkn-ss .wkn-ss-tieu-de + .wkn-ss-2cot,.bs-site .wkn-ss .wkn-ss-tieu-de + .wkn-ss-hoi{margin-top:40px}
.bs-site .wkn-ss .wkn-ss-2cot{display:grid;grid-template-columns:1fr 1fr;gap:24px}
/* nhãn nhỏ dùng chung: chấm màu + chữ */
.bs-site .wkn-ss .wkn-ss-cot-dau,.bs-site .wkn-ss .wkn-ss-chon-dau{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--ss-muc)}
/* mở đầu */
.bs-site .wkn-ss .wkn-ss-hero{padding:8px 0 64px;text-align:center}
.bs-site .wkn-ss .wkn-ss-nhan{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--ss-nhat)}
.bs-site .wkn-ss .wkn-ss-nhan i{color:var(--ss-nhat);font-size:13px}
.bs-site .wkn-ss .wkn-ss-mo-dau{max-width:760px;margin:16px auto 48px!important;font-size:18.5px;line-height:1.75;color:var(--ss-chu)}
.bs-site .wkn-ss .wkn-ss-vs{display:grid;grid-template-columns:1fr 56px 1fr;align-items:stretch;max-width:920px;margin:0 auto;border:1px solid var(--ss-ke);border-radius:20px;background:#fff}
.bs-site .wkn-ss .wkn-ss-the{padding:36px 32px;text-align:left;transition:background .25s}
.bs-site .wkn-ss .wkn-ss-the:hover{background:#fafbfc}
.bs-site .wkn-ss .wkn-ss-the-vibe{border-radius:20px 0 0 20px}
.bs-site .wkn-ss .wkn-ss-the-wp{border-radius:0 20px 20px 0}
.bs-site .wkn-ss .wkn-ss-the-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;font-size:20px;margin-bottom:18px}
.bs-site .wkn-ss .wkn-ss-the-vibe .wkn-ss-the-icon{background:#efedfb;color:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-the-wp .wkn-ss-the-icon{background:#e8f2fa;color:var(--ss-wp)}
.bs-site .wkn-ss .wkn-ss-the-ten{font-size:21px;font-weight:700;color:var(--ss-muc);margin-bottom:6px!important}
.bs-site .wkn-ss .wkn-ss-the-mo-ta{font-size:15.5px;color:var(--ss-nhat)}
.bs-site .wkn-ss .wkn-ss-the-tag{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-the-tag li{font-size:14px;color:var(--ss-chu)}
.bs-site .wkn-ss .wkn-ss-the-tag li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:2px}
.bs-site .wkn-ss .wkn-ss-the-vibe .wkn-ss-the-tag li::before{background:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-the-wp .wkn-ss-the-tag li::before{background:var(--ss-wp)}
.bs-site .wkn-ss .wkn-ss-vs-giua{position:relative;display:flex;align-items:center;justify-content:center}
.bs-site .wkn-ss .wkn-ss-vs-giua:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-vs-giua span{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ss-muc);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px}
.bs-site .wkn-ss .wkn-ss-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;margin-top:36px}
.bs-site .wkn-ss .wkn-ss-menu a{display:inline-flex;align-items:center;gap:7px;padding:4px 0;font-size:15px;font-weight:500;color:var(--ss-chu);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.bs-site .wkn-ss .wkn-ss-menu a i{font-size:14px;color:var(--ss-nhat)}
.bs-site .wkn-ss .wkn-ss-menu a:hover{color:var(--ss-muc);border-bottom-color:var(--ss-muc)}
/* là gì */
.bs-site .wkn-ss .wkn-ss-o{padding:4px 8px 0 0}
.bs-site .wkn-ss .wkn-ss-o-wp{padding:4px 0 0 32px;border-left:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-o h3{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--ss-muc);margin:0 0 14px}
.bs-site .wkn-ss .wkn-ss-o h3 i{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:16px;flex:none}
.bs-site .wkn-ss .wkn-ss-o-vibe h3 i{background:#efedfb;color:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-o-wp h3 i{background:#e8f2fa;color:var(--ss-wp)}
.bs-site .wkn-ss .wkn-ss-o p + p{margin-top:12px}
/* ưu / nhược điểm */
.bs-site .wkn-ss .wkn-ss-cot{padding:32px;border-radius:16px;background:#fff}
.bs-site .wkn-ss .wkn-ss-cot-dau{padding-bottom:18px;border-bottom:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-cot-vibe .wkn-ss-cot-dau i{color:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-cot-wp .wkn-ss-cot-dau i{color:var(--ss-wp)}
.bs-site .wkn-ss .wkn-ss-nhom{margin:24px 0 8px!important;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ss-nhat)}
.bs-site .wkn-ss .wkn-ss-ds li{position:relative;padding:8px 0 8px 28px;font-size:15.5px;line-height:1.6}
.bs-site .wkn-ss .wkn-ss-ds li::before{position:absolute;left:0;top:10px;font-family:"bs-icon"!important;font-size:14px;line-height:1.6}
.bs-site .wkn-ss .wkn-ss-ds-tot li::before{content:"\f00c";color:var(--ss-tot)}
.bs-site .wkn-ss .wkn-ss-ds-xau li::before{content:"\f00d";color:var(--ss-xau)}
/* chấm điểm */
.bs-site .wkn-ss .wkn-ss-chu-giai{display:flex;justify-content:center;gap:28px;margin:-24px 0 32px;font-size:14px;color:var(--ss-chu)}
.bs-site .wkn-ss .wkn-ss-chu-giai span{display:inline-flex;align-items:center;gap:8px}
.bs-site .wkn-ss .wkn-ss-chu-giai span:before{content:"";width:10px;height:10px;border-radius:3px}
.bs-site .wkn-ss .wkn-ss-cg-vibe:before{background:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-cg-wp:before{background:var(--ss-wp)}
.bs-site .wkn-ss .wkn-ss-diem{max-width:880px;margin:0 auto}
.bs-site .wkn-ss .wkn-ss-dong{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:32px;padding:16px 0;border-bottom:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-dong:first-child{border-top:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-dong-ten{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--ss-muc);font-size:15.5px;line-height:1.4}
.bs-site .wkn-ss .wkn-ss-dong-ten i{flex:none;width:18px;color:var(--ss-nhat);font-size:15px;text-align:center}
.bs-site .wkn-ss .wkn-ss-thanh{display:grid;gap:8px}
.bs-site .wkn-ss .wkn-ss-thanh span{position:relative;display:block;height:8px;margin-right:44px;border-radius:4px;background:#eef1f5}
.bs-site .wkn-ss .wkn-ss-thanh span:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--d);border-radius:4px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.bs-site .wkn-ss .wkn-ss-thanh-vibe:before{background:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-thanh-wp:before{background:var(--ss-wp);transition-delay:.12s}
.bs-site .wkn-ss .wkn-ss-thanh b{position:absolute;right:-44px;top:50%;transform:translateY(-50%);width:36px;text-align:right;font-size:13.5px;font-weight:600;color:var(--ss-muc);line-height:1}
.bs-js .wkn-ss-diem:not(.bs-inview) .wkn-ss-thanh span:before{width:0}
.bs-site .wkn-ss .wkn-ss-tong{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:40px auto 0}
.bs-site .wkn-ss .wkn-ss-tong-o{display:flex;flex-direction:column;padding:24px 28px;border-radius:16px;background:var(--ss-nen)}
.bs-site .wkn-ss .wkn-ss-tong-o span{font-size:14px;color:var(--ss-nhat)}
.bs-site .wkn-ss .wkn-ss-tong-o strong{font-size:44px;font-weight:700;line-height:1.15;letter-spacing:-1px;margin:4px 0 6px}
.bs-site .wkn-ss .wkn-ss-tong-vibe strong{color:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-tong-wp strong{color:var(--ss-wp)}
.bs-site .wkn-ss .wkn-ss-tong-o small{font-size:18px;font-weight:500;color:var(--ss-nhat);letter-spacing:0}
.bs-site .wkn-ss .wkn-ss-tong-o em{font-style:normal;font-size:15px;color:var(--ss-chu)}
/* tình huống */
.bs-site .wkn-ss .wkn-ss-viec{max-width:960px;margin:0 auto;padding:28px 0;border-bottom:1px solid #dfe4ea}
.bs-site .wkn-ss .wkn-ss-viec:first-of-type{padding-top:0}
.bs-site .wkn-ss .wkn-ss-viec:last-child{border-bottom:0;padding-bottom:0}
.bs-site .wkn-ss .wkn-ss-viec-ten{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--ss-muc);margin-bottom:16px!important}
.bs-site .wkn-ss .wkn-ss-viec-ten i{color:var(--ss-nhat);font-size:18px}
.bs-site .wkn-ss .wkn-ss-viec-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bs-site .wkn-ss .wkn-ss-viec-2 > div{padding:18px 20px;border-radius:12px;background:#fff;font-size:15px;line-height:1.65}
.bs-site .wkn-ss .wkn-ss-gio{display:block;margin-bottom:6px;font-size:13px;font-weight:700;letter-spacing:.3px}
.bs-site .wkn-ss .wkn-ss-viec-vibe .wkn-ss-gio{color:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-viec-wp .wkn-ss-gio{color:var(--ss-tot)}
.bs-site .wkn-ss .wkn-ss-viec-vibe .wkn-ss-gio:before{content:"Vibe Code · "; color:var(--ss-nhat);font-weight:500}
.bs-site .wkn-ss .wkn-ss-viec-wp .wkn-ss-gio:before{content:"WordPress · ";color:var(--ss-nhat);font-weight:500}
/* nên chọn */
.bs-site .wkn-ss .wkn-ss-chon{padding:32px;border-radius:16px;background:var(--ss-nen)}
.bs-site .wkn-ss .wkn-ss-chon-dau{margin-bottom:16px!important}
.bs-site .wkn-ss .wkn-ss-chon-vibe .wkn-ss-chon-dau i{color:var(--ss-vibe)}
.bs-site .wkn-ss .wkn-ss-chon-wp .wkn-ss-chon-dau i{color:var(--ss-wp)}
.bs-site .wkn-ss .wkn-ss-chon li{position:relative;padding:7px 0 7px 28px;font-size:15.5px}
.bs-site .wkn-ss .wkn-ss-chon li::before{content:"\f00c";position:absolute;left:0;top:9px;font-family:"bs-icon"!important;font-size:14px;line-height:1.6;color:var(--ss-nhat)}
.bs-site .wkn-ss .wkn-ss-ket-luan{display:flex;align-items:flex-start;gap:16px;max-width:880px;margin:40px auto 0;padding:0}
.bs-site .wkn-ss .wkn-ss-ket-luan-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fdf3e1;color:#b7791f;font-size:18px}
.bs-site .wkn-ss .wkn-ss-ket-luan p{font-size:17px;line-height:1.7;color:var(--ss-chu)}
/* Web Khởi Nghiệp có gì: nền xanh thương hiệu phẳng */
.bs-site .wkn-ss .wkn-ss-khoi-xanh{background:#1f5f99;border-top:0;border-radius:20px;padding:72px 56px;color:#fff}
.bs-site .wkn-ss .wkn-ss-khoi-xanh .wkn-ss-tieu-de{color:#fff}
.bs-site .wkn-ss .wkn-ss-khoi-xanh .wkn-ss-phu-de{color:rgba(255,255,255,.75)}
.bs-site .wkn-ss .wkn-ss-so{display:grid;grid-template-columns:repeat(4,1fr);max-width:880px;margin:0 auto 48px}
.bs-site .wkn-ss .wkn-ss-so > div{display:flex;flex-direction:column;align-items:center;padding:4px 10px;border-left:1px solid rgba(255,255,255,.18)}
.bs-site .wkn-ss .wkn-ss-so > div:first-child{border-left:0}
.bs-site .wkn-ss .wkn-ss-so strong{font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-1px;color:#fff}
.bs-site .wkn-ss .wkn-ss-so > div > span{font-size:14.5px;color:rgba(255,255,255,.75)}
.bs-site .wkn-ss .wkn-ss-tinh-nang{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bs-site .wkn-ss .wkn-ss-tn{padding:24px;border-radius:14px;background:#fff;color:var(--ss-chu);transition:transform .25s}
.bs-site .wkn-ss .wkn-ss-tn:hover{transform:translateY(-3px)}
.bs-site .wkn-ss .wkn-ss-tn i{display:block;color:var(--ss-wp);font-size:22px;margin-bottom:16px}
.bs-site .wkn-ss .wkn-ss-tn h3{font-size:16.5px;font-weight:700;color:var(--ss-muc);margin:0 0 6px;line-height:1.35}
.bs-site .wkn-ss .wkn-ss-tn p{font-size:14.5px;line-height:1.6;color:var(--ss-nhat)}
/* hỏi đáp */
.bs-site .wkn-ss .wkn-ss-hoi{max-width:820px;margin:0 auto;border-top:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-hoi details{border-bottom:1px solid var(--ss-ke)}
.bs-site .wkn-ss .wkn-ss-hoi summary{position:relative;padding:20px 44px 20px 0;list-style:none;cursor:pointer;font-size:17px;font-weight:600;color:var(--ss-muc)}
.bs-site .wkn-ss .wkn-ss-hoi summary::-webkit-details-marker{display:none}
.bs-site .wkn-ss .wkn-ss-hoi summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:300;line-height:1;color:var(--ss-nhat);transition:transform .25s}
.bs-site .wkn-ss .wkn-ss-hoi details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.bs-site .wkn-ss .wkn-ss-hoi details p{padding:0 44px 22px 0;font-size:15.5px}
/* kêu gọi */
.bs-site .wkn-ss .wkn-ss-cta{margin-top:24px;padding:64px 40px;border-radius:20px;background:var(--ss-muc);color:#fff;text-align:center}
.bs-site .wkn-ss .wkn-ss-cta-icon{display:none}
.bs-site .wkn-ss .wkn-ss-cta-tieu-de{font-size:30px;font-weight:700;letter-spacing:-.4px;color:#fff;margin:0 0 12px;line-height:1.3;scroll-margin-top:90px}
.bs-site .wkn-ss .wkn-ss-cta > p{max-width:600px;margin:0 auto 32px!important;color:rgba(255,255,255,.7)}
.bs-site .wkn-ss .wkn-ss-cta-nut{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.bs-site .wkn-ss .wkn-ss-nut{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:10px;font-size:15.5px;font-weight:600;transition:background .2s,color .2s}
.bs-site .wkn-ss .wkn-ss-nut-trang{background:var(--ss-wp);color:#fff}
.bs-site .wkn-ss .wkn-ss-nut-trang:hover{background:#2378b3;color:#fff}
.bs-site .wkn-ss .wkn-ss-nut-vien{background:rgba(255,255,255,.08);color:#fff}
.bs-site .wkn-ss .wkn-ss-nut-vien:hover{background:rgba(255,255,255,.16);color:#fff}
@media (max-width:849px){
	.wkn-bai-landing .wkn-bai-tieu-de{font-size:30px}
	.bs-site .wkn-ss .wkn-ss-khoi{padding:56px 0}
	.bs-site .wkn-ss .wkn-ss-khoi-nen,.bs-site .wkn-ss .wkn-ss-khoi-xanh{padding:56px 24px}
	.bs-site .wkn-ss .wkn-ss-tieu-de{font-size:26px}
	.bs-site .wkn-ss .wkn-ss-2cot{grid-template-columns:1fr}
	.bs-site .wkn-ss .wkn-ss-o-wp{padding:28px 0 0;border-left:0;border-top:1px solid var(--ss-ke)}
	.bs-site .wkn-ss .wkn-ss-dong{grid-template-columns:1fr;gap:12px}
	.bs-site .wkn-ss .wkn-ss-tinh-nang{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:549px){
	.wkn-bai-landing .wkn-bai-tieu-de{font-size:25px}
	.bs-site .wkn-ss{font-size:15.5px}
	.bs-site .wkn-ss .wkn-ss-hero{padding-bottom:48px}
	.bs-site .wkn-ss .wkn-ss-khoi{padding:48px 0}
	.bs-site .wkn-ss .wkn-ss-khoi-nen,.bs-site .wkn-ss .wkn-ss-khoi-xanh{padding:48px 16px;border-radius:16px}
	.bs-site .wkn-ss .wkn-ss-mo-dau{font-size:16.5px;margin-bottom:36px!important}
	.bs-site .wkn-ss .wkn-ss-vs{grid-template-columns:1fr}
	.bs-site .wkn-ss .wkn-ss-the{padding:28px 22px}
	.bs-site .wkn-ss .wkn-ss-the-vibe{border-radius:20px 20px 0 0}
	.bs-site .wkn-ss .wkn-ss-the-wp{border-radius:0 0 20px 20px}
	.bs-site .wkn-ss .wkn-ss-vs-giua{height:44px}
	.bs-site .wkn-ss .wkn-ss-vs-giua:before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1px solid var(--ss-ke)}
	.bs-site .wkn-ss .wkn-ss-menu{gap:2px 18px}
	.bs-site .wkn-ss .wkn-ss-menu a{font-size:14px}
	.bs-site .wkn-ss .wkn-ss-cot,.bs-site .wkn-ss .wkn-ss-chon{padding:24px 18px}
	.bs-site .wkn-ss .wkn-ss-tong{grid-template-columns:1fr;gap:12px}
	.bs-site .wkn-ss .wkn-ss-viec-2{grid-template-columns:1fr}
	.bs-site .wkn-ss .wkn-ss-so{grid-template-columns:repeat(2,1fr);row-gap:24px}
	.bs-site .wkn-ss .wkn-ss-so > div:nth-child(3){border-left:0}
	.bs-site .wkn-ss .wkn-ss-so strong{font-size:32px}
	.bs-site .wkn-ss .wkn-ss-tinh-nang{grid-template-columns:1fr 1fr;gap:10px}
	.bs-site .wkn-ss .wkn-ss-tn{padding:18px 14px}
	.bs-site .wkn-ss .wkn-ss-cta{padding:48px 20px}
	.bs-site .wkn-ss .wkn-ss-cta-tieu-de{font-size:23px}
	.bs-site .wkn-ss .wkn-ss-nut{width:100%;justify-content:center}
}
/* ---------- khối code trong bài (thay Enlighter: highlight.js, inc/wkn-thay-plugin.php) ---------- */
.wkn-code{position:relative;margin:0 0 22px}
.wkn-code pre.EnlighterJSRAW{margin:0;padding:18px 20px;border-radius:12px;font-size:14px;line-height:1.6;overflow-x:auto;white-space:pre;text-align:left;tab-size:4}
.wkn-code-chep{position:absolute;top:10px;right:10px;margin:0;min-height:0;height:30px;padding:0 12px;border:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font-size:12.5px;font-weight:600;line-height:30px;text-transform:none;letter-spacing:0;opacity:0;transition:opacity .2s,background .2s;cursor:pointer}
.wkn-code:hover .wkn-code-chep{opacity:1}
.wkn-code-chep:hover{background:var(--bf-primary)}

/* chữ "(tuỳ chọn)" sau nhãn trường thanh toán (trước đây plugin Checkout Field Editor ẩn) */
form.checkout .form-row label .optional{display:none}

/* Trang bán giao diện: nút xem kho dưới lưới mẫu mới */
.bs-dv-xem-kho{margin-top:28px}

/* Thẻ bài viết (danh mục blog, bài liên quan) cao bằng nhau: tiêu đề cố định 2 dòng, mô tả 3 dòng */
.wkn-blog-nen .bs-news-title,.bs-bai-lien-quan .bs-news-title{line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wkn-blog-nen .bs-news-desc,.bs-bai-lien-quan .bs-news-desc{line-height:1.5;min-height:4.5em;max-height:4.5em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Trang tài liệu (video hướng dẫn…): sidebar sát nội dung hơn */
@media (min-width:850px){
	.wkn-tl-trai{padding-right:10px!important}
	.wkn-tl-phai{padding-left:10px!important}
}

/* Chi tiết bài viết: bớt khoảng trống giữa dòng tác giả và nội dung */
.wkn-bai > .entry-content{padding-top:0}
.wkn-bai .wkn-bai-meta{margin-bottom:22px}

/* Footer: section "Đồng hành" (kiểu thememoi.vn): dải xanh đậm 4 thông số + khung trắng logo chạy 2 hàng (kiểu vuta.vn) */
.section-dong-hanh{--dh-nen:#3498DB;background:linear-gradient(180deg,var(--dh-nen) calc(100% - 170px),var(--bf-xanh-nhat,#F2FDF9) calc(100% - 170px))}
.section-dong-hanh:not(:has(.bs-logo-chay)){background:var(--dh-nen)}
.section-dong-hanh:not(:has(.bs-logo-chay)) .bs-dh-the{display:none}
.section-dong-hanh .bs-dh-tieu-de{color:#fff;text-align:center;text-transform:uppercase;font-size:28px;margin:0 0 30px}
.bs-dh-so{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
.bs-dh-muc{display:flex;align-items:center;justify-content:center;gap:14px}
.bs-dh-icon{width:64px;height:64px;flex:none;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:27px;color:#fff}
.bs-dh-chu strong{display:block;font-size:40px;line-height:1.1;color:#ffd43b;font-weight:700}
.bs-dh-chu small{display:block;font-size:16px;color:#fff;opacity:.9}
.bs-dh-the{background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(52,152,219,.18);padding:28px 0}
.bs-logo-chay{display:flex;flex-direction:column;gap:16px}
.bs-logo-hang{display:flex;gap:16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.bs-logo-ray{display:flex;gap:16px;flex:none;min-width:100%;justify-content:space-around;animation:bs-logo-chay var(--bs-logo-tg,35s) linear infinite}
.bs-logo-nguoc .bs-logo-ray{animation-direction:reverse}
.bs-logo-hang:hover .bs-logo-ray{animation-play-state:paused}
@keyframes bs-logo-chay{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 16px))}}
.bs-logo-o{flex:none;width:180px;height:88px;display:flex;align-items:center;justify-content:center;padding:12px 18px;background:#fff;border:1px solid #edf0f4;border-radius:12px;transition:border-color .2s,box-shadow .2s}
.bs-logo-o:hover{border-color:#d6e4f0;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.bs-logo-o img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media (prefers-reduced-motion:reduce){.bs-logo-ray{animation:none}}
@media (max-width:849px){.bs-dh-so{grid-template-columns:repeat(2,1fr);row-gap:26px}}
@media (max-width:549px){
	.section-dong-hanh{background:linear-gradient(180deg,var(--dh-nen) calc(100% - 110px),var(--bf-xanh-nhat,#F2FDF9) calc(100% - 110px))}
	.section-dong-hanh .bs-dh-tieu-de{font-size:21px;margin-bottom:22px}
	.bs-dh-so{margin-bottom:28px}
	.bs-dh-muc{flex-direction:column;text-align:center;gap:8px}
	.bs-dh-icon{width:50px;height:50px;font-size:21px}
	.bs-dh-chu strong{font-size:28px}.bs-dh-chu small{font-size:14px}
	.bs-dh-the{padding:16px 0}.bs-logo-chay,.bs-logo-hang,.bs-logo-ray{gap:10px}
	.bs-logo-o{width:128px;height:64px;padding:8px 12px}
	@keyframes bs-logo-chay{to{transform:translateX(calc(-100% - 10px))}}
}
.section-dong-hanh:not(:has(.bs-logo-chay)) .bs-dh-so{margin-bottom:0}

/* Trang dịch vụ: box dạng Icon Box Flatsome ([featured_box img=…]) giữ dáng thẻ cũ. Đổi icon = chọn ảnh khác trong UX Builder.
   Vòng tròn = .icon-box-img (rộng theo "Img width"), icon bên trong chiếm 45%. SVG fill currentColor → ăn màu chữ. */
.featured-box.bs-dv-the .icon-box-img{aspect-ratio:1;border-radius:50%;background:#eef4fd;color:var(--bf-primary);display:flex;align-items:center;justify-content:center;margin:0 0 18px;flex:none}
.featured-box.bs-dv-the .icon-box-img .icon{width:45%}
.featured-box.bs-dv-the .icon-box-img .icon-inner{display:flex}
.featured-box.bs-dv-the .icon-box-img :is(svg,img),.featured-box.bs-dv-van-de .icon-box-img :is(svg,img){width:100%;height:auto;padding:0;display:block}
.featured-box.bs-dv-the-giua .icon-box-img{margin:0 auto 18px}
.featured-box.bs-dv-the .icon-box-text{display:flex;flex-direction:column;flex:1;width:100%;padding:0}
.featured-box.bs-dv-van-de .icon-box-img{color:var(--bf-red);margin:3px 0 0;flex:none}
.featured-box.bs-dv-van-de .icon-box-text{padding:0}

/* Phân trang cửa hàng / danh mục: rê chuột nền xanh → chữ trắng (trước bị chữ xanh trùng nền) */
.bs-site .nav-pagination > li > a:hover,.bs-site .nav-pagination > li > a:focus{color:#fff;background:var(--bf-primary);border-color:var(--bf-primary)}

/* Trang dịch vụ (body .wkn-trang-dv): tiêu đề h2, h3 trong nội dung màu xanh thương hiệu; trừ khung hero nền tối */
.wkn-trang-dv #main :is(h2,h3):not(.section-hero-ma-doc *):not(.dark *){color:#3498DB}

/* Trang cảm ơn sau khi gửi form (đối tác, hosting) — plugin wkn-khach-dang-ky chuyển khách sang đây */
.section-cam-on{background:var(--wkn-nen-decor)}
.wkn-cam-on{padding:44px 40px 36px;background:#fff;border:1px solid var(--wkn-mint-vien,#d8efe6);border-radius:16px;box-shadow:0 10px 30px rgba(15,40,70,.06);text-align:center}
.wkn-cam-on-dau{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:18px;border-radius:50%;background:#16a34a;color:#fff;font-size:34px;box-shadow:0 0 0 10px rgba(22,163,74,.12);animation:wkn-cam-on-hien .5s ease-out both}
@keyframes wkn-cam-on-hien{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.wkn-cam-on h2{margin-bottom:10px;color:var(--bf-title);font-size:28px}
.wkn-cam-on h2 .wkn-ten-khach{color:var(--bf-primary)}
.wkn-cam-on-mo-ta{max-width:700px;margin:0 auto 28px;font-size:16px}
.wkn-cam-on-nhan{margin-bottom:14px;color:var(--bf-primary);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.wkn-cam-on-cac-buoc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px;padding:0;list-style:none;text-align:left}
.wkn-cam-on-buoc{position:relative;margin:0;padding:22px 18px 16px;background:var(--bf-xanh-nhat,#f2fdf9);border-radius:12px}
.wkn-cam-on-so{position:absolute;top:14px;right:16px;color:rgba(52,152,219,.18);font-size:40px;font-weight:800;line-height:1}
.wkn-cam-on-buoc-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:10px;border-radius:10px;background:var(--bf-primary);color:#fff;font-size:18px}
.wkn-cam-on-buoc h3{margin-bottom:6px;color:var(--bf-title);font-size:17px}
.wkn-cam-on-buoc p{margin:0;font-size:14px;line-height:1.55}
.wkn-cam-on-nut{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px}
.wkn-cam-on-nut .bs-btn i{margin-right:6px}
.wkn-cam-on-ghi-chu{margin:0;color:#777;font-size:14px}
.wkn-cam-on-ghi-chu i{margin-right:4px;color:var(--bf-primary)}
@media (max-width:849px){
	.wkn-cam-on{padding:32px 18px 26px}
	.wkn-cam-on h2{font-size:22px}
	.wkn-cam-on-cac-buoc{grid-template-columns:1fr;gap:10px}
	.wkn-cam-on-nut .bs-btn{width:100%;justify-content:center}
}

/* Menu chính: giãn khoảng cách giữa các mục cho dễ nhìn (màn nhỏ hơn giữ khoảng cách hẹp để không tràn) */
@media (min-width:1366px){.bs-site .header-nav-main > li{margin:0 13px}}
@media (min-width:1280px) and (max-width:1365px){.bs-site .header-nav-main > li{margin:0 8px}}

/* Hero trang Xử lý mã độc: nền nhạt xuống theo xanh thương hiệu #3498DB (trước là đen → xanh đậm); chữ nhấn, số, nút đổi sang vàng / trắng cho đủ tương phản */
.section.section-hero-ma-doc{background-image:linear-gradient(145deg,#1f6fa8 0%,#3498db 55%,#5dade2 100%)}
.section-hero-ma-doc::after{background:radial-gradient(circle at 8% 92%,rgba(255,255,255,.12),transparent 34%),radial-gradient(circle at 92% 8%,rgba(255,255,255,.18),transparent 40%)}
.section-hero-ma-doc::before{opacity:.7}
.bs-hmd-tieu-de .g{background-image:linear-gradient(90deg,#ffd43b,#fff3b0,#ffd43b)}
.bs-hmd-tieu-de .w:hover{color:#ffd43b;text-shadow:0 0 18px rgba(255,212,59,.5)}
.bs-hmd-mo-ta{color:rgba(255,255,255,.92)}
.section-hero-ma-doc .bs-hmd-nut{background:#fff;border-color:#fff;color:#1f6fa8}
.section-hero-ma-doc .bs-hmd-nut i{background:#3498db;color:#fff}
.section-hero-ma-doc .bs-hmd-nut:hover{background:#ffd43b;border-color:#ffd43b;color:#1d2b3a}
.section-hero-ma-doc .bs-hmd-nut-vien{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.12)}
.section-hero-ma-doc .bs-hmd-nut-vien:hover{background:rgba(255,255,255,.25)}
.bs-hmd-cam-ket{border-top-color:rgba(255,255,255,.3)}
.bs-hmd-dong{color:#fff}
.bs-hmd-dong i{color:#1f6fa8;background:#fff}
.bs-hmd-so{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.bs-hmd-so .bs-number{color:#ffd43b}
.bs-hmd-so .bs-hmd-so-ten{color:rgba(255,255,255,.9)}

/* Icon box trang dịch vụ: icon màu (SVG tự có nền tròn, uploads/2026/10/icon-dich-vu) → bỏ vòng tròn nền cũ, icon chiếm hết ô.
   Bản đơn sắc cũ: uploads/2026/10/icon-dich-vu-don-sac-goc */
.bs-site .featured-box.bs-dv-the .icon-box-img{width:64px!important;background:none;border-radius:0}
.featured-box.bs-dv-the .icon-box-img .icon{width:100%}
.featured-box.bs-dv-the .icon-box-img svg{filter:drop-shadow(0 6px 10px rgba(30,60,100,.14));transition:transform .25s}
.featured-box.bs-dv-the:hover .icon-box-img svg{transform:scale(1.06) rotate(-3deg)}
.bs-site .featured-box.bs-dv-van-de .icon-box-img{width:30px!important;margin-top:0}
.featured-box.bs-dv-van-de{align-items:center}

/* ---------- thanh liên hệ nổi bên phải (mẫu sofa3: Liên hệ / Gọi / Zalo / Messenger / lên đầu trang), HTML ở inc/wkn-buff.php ---------- */
.pv-contact-box{position:fixed;right:15px;bottom:120px;z-index:1040;display:flex;flex-direction:column;align-items:center;gap:12px}
.pv-contact-toggle{display:flex;align-items:center;justify-content:center;padding:12px 10px;border-radius:20px;background:#063960;color:#fff;font-size:14px;font-weight:600;writing-mode:vertical-rl;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:default}
.pv-item{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;cursor:pointer;transition:background .25s;animation:pv-bounce 1.4s infinite}
.pv-contact-toggle{animation:pv-bounce 1.4s infinite}
.pv-item::before,.pv-item::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.55);transform:translate(-50%,-50%);opacity:.85;pointer-events:none;animation:pv-wave 1.6s infinite}
.pv-item::before{animation-delay:.8s}
.pv-item svg{width:22px;height:22px;fill:#fff}
.pv-call{background:#e5e0dc;animation:pv-shake .5s infinite}
.pv-call svg{fill:#fa314a}
.pv-zalo{background:#0091ff}
.pv-zalo-text{color:#fff;font-size:13px;font-weight:800;letter-spacing:-.2px}
.pv-mess{background:#f5f2eb}
.pv-mess svg{width:24px;height:24px;fill:#0084ff}
.pv-top{background:#0079d3;color:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.pv-top svg{fill:none}
.pv-top.show{opacity:1;visibility:visible}
.pv-item:hover{background:#005ea8}
.pv-item:hover svg{fill:#fff}
.pv-top:hover svg{fill:none}
@keyframes pv-wave{0%{transform:translate(-50%,-50%) scale(1);opacity:.85}70%,100%{transform:translate(-50%,-50%) scale(1.85);opacity:0}}
@keyframes pv-shake{0%,100%{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-8deg)}}
@keyframes pv-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.pv-item,.pv-contact-toggle{animation:none}.pv-item::before,.pv-item::after{display:none}}
/* đã có nút lên đầu trang trong thanh → ẩn nút của Flatsome */
#top-link{display:none!important}
@media (max-width:549px){.pv-contact-box{right:10px;bottom:100px;transform:scale(.87);transform-origin:right bottom}}

/* ---------- breadcrumb dài trên mobile: xuống dòng (flex center + overflow cắt mất đầu "Trang chủ") ---------- */
@media (max-width:549px){.bs-breadcrumb{flex-wrap:wrap;row-gap:4px;overflow:visible}}

/* ---------- bảng giá kiểu cũ .goi-gia (trang /dich-vu-quet-ma-doc-website/ #31220): thẻ trắng, tick 18px ---------- */
.section-bang-gia .goi-gia{height:100%;padding:28px 24px;background:#fff;border:1px solid #e7ebf0;border-radius:16px;text-align:left}
.section-bang-gia .div-border-noibat .goi-gia{box-shadow:0 12px 32px rgba(17,24,39,.08)}
.section-bang-gia .goi-gia h4{margin-bottom:6px;font-size:15px;letter-spacing:.04em;color:#6b7280}
.section-bang-gia .goi-gia .gia-tien{font-size:30px;font-weight:700;line-height:1.2;color:#111827;margin-bottom:6px}
.section-bang-gia .goi-gia > p{color:#6b7280;margin-bottom:16px}
.section-bang-gia .goi-gia ul{list-style:none;margin:0 0 20px;padding:16px 0 0;border-top:1px solid #e7ebf0}
.section-bang-gia .goi-gia li{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0}
.section-bang-gia .goi-gia li .img{flex:0 0 18px;width:18px!important;margin:0}
.section-bang-gia .goi-gia li .img img{width:18px;height:18px}
.section-bang-gia .goi-gia .button{margin:0;width:100%;border-radius:99px}
.section-bang-gia .row-bang-gia > .col{padding-bottom:24px}
.section-bang-gia .goi-gia .button.is-outline{color:#3498db;border-color:#3498db}

/* ---------- mobile: nút giỏ hàng chỉ còn icon, màu xanh như PC ---------- */
@media (max-width:849px){
	.bs-navbar-right .bs-btn-cart{width:44px;height:44px;color:var(--bf-primary)}
	.bs-navbar-right .bs-btn-cart:hover{color:var(--bf-primary-hover)}
	.bs-navbar-right .bs-btn-cart i{font-size:22px}
	.bs-navbar-right .bs-btn-cart span:not(.bs-cart-count){display:none}
	.bs-navbar-right .bs-btn-cart .bs-cart-count{top:2px;right:0}
}

/* ---------- TÀI KHOẢN: menu trái + thẻ nội dung (woocommerce/myaccount/*.php) ---------- */
.woocommerce-account #main{background:var(--bf-xanh-nhat)}
.woocommerce-account #content{padding-top:30px}
.wkn-tk{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:30px}
.wkn-tk-nav,.wkn-tk-noi-dung{background:#fff;border:1px solid var(--wkn-mint-vien);border-radius:12px}
.wkn-tk-nav{padding:16px;position:sticky;top:100px}
.wkn-tk-khach{display:flex;gap:12px;align-items:center;padding:4px 4px 16px;margin-bottom:8px;border-bottom:1px solid #eef1f4}
.wkn-tk-chu{flex:0 0 46px;height:46px;border-radius:50%;background:var(--bf-primary);color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}
.wkn-tk-khach-ten{min-width:0}
.wkn-tk-khach-ten strong,.wkn-tk-khach-ten span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkn-tk-khach-ten strong{color:#222;font-size:15px;font-weight:600;line-height:1.35}
.wkn-tk-khach-ten span{color:#888;font-size:13px}
.wkn-tk-nav ul{list-style:none;margin:0;padding:0}
.wkn-tk-nav li{margin:0}
.wkn-tk-nav li a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#444;font-size:15px;transition:background-color .15s,color .15s}
.wkn-tk-nav li a i{width:18px;text-align:center;font-size:16px;color:#8a94a3}
.wkn-tk-nav li a:hover{background:#f5f7fa;color:#222}
.wkn-tk-nav li.is-active a,.wkn-tk-nav li.active a{background:#eaf4fc;color:var(--bf-primary);font-weight:500}
.wkn-tk-nav li.is-active a i,.wkn-tk-nav li.active a i{color:var(--bf-primary)}
.wkn-tk-nav .wkn-tk-thoat{margin-top:8px;padding-top:8px;border-top:1px solid #eef1f4}
.wkn-tk-nav .wkn-tk-thoat a,.wkn-tk-nav .wkn-tk-thoat a i{color:#b42318}
.wkn-tk-nav .wkn-tk-thoat a:hover{background:#fdf1f0}
.wkn-tk-noi-dung{padding:28px;min-width:0;color:#444}
.wkn-tk-noi-dung h2{font-size:22px;color:#222;margin:0 0 12px}
.wkn-tk-noi-dung h3{font-size:18px;color:#222}
.wkn-tk-noi-dung > p:last-child{margin-bottom:0}

/* bảng điều khiển */
.wkn-tk-chao p{color:#666;margin:0 0 20px}
.wkn-tk-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.wkn-tk-so a{display:block;padding:16px 18px;border-radius:10px;background:#f5f7fa;color:inherit;transition:background-color .15s}
.wkn-tk-so a:hover{background:#eef2f6}
.wkn-tk-so span{display:block;color:#777;font-size:13px}
.wkn-tk-so strong{display:block;margin-top:4px;color:#222;font-size:24px;font-weight:600;line-height:1.3}
.wkn-tk-so strong .amount{color:inherit;font-weight:inherit}
.wkn-tk-loi-tat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}
.wkn-tk-loi-tat a{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e7ebf0;border-radius:10px;color:inherit;transition:box-shadow .2s,transform .2s}
.wkn-tk-loi-tat a:hover{box-shadow:0 6px 18px rgba(16,24,40,.08);transform:translateY(-2px)}
.wkn-tk-loi-tat i{flex:0 0 40px;height:40px;border-radius:10px;background:#eaf4fc;color:var(--bf-primary);font-size:17px;display:flex;align-items:center;justify-content:center}
.wkn-tk-loi-tat strong{display:block;color:#222;font-size:15px;font-weight:500}
.wkn-tk-loi-tat em{display:block;margin-top:2px;color:#888;font-size:13px;font-style:normal;line-height:1.45}
.wkn-tk-khung-dau{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.wkn-tk-khung-dau h3{margin:0}
.wkn-tk-khung-dau a{font-size:14px}
.wkn-tk-don-moi{list-style:none;margin:0;padding:0}
.wkn-tk-don-moi li{display:grid;grid-template-columns:90px 1fr auto 130px;gap:12px;align-items:center;margin:0;padding:12px 0;border-top:1px solid #eef1f4}
.wkn-tk-don-moi li > a{font-weight:600}
.wkn-tk-don-moi li > strong{text-align:right;color:#222}
.wkn-tk-ngay{color:#777;font-size:14px}
.wkn-tk-tt{display:inline-block;padding:3px 10px;border-radius:99px;background:#f1f3f5;color:#555;font-size:13px;white-space:nowrap}
.wkn-tt-completed{background:#e7f6ec;color:#1e7b3c}
.wkn-tt-processing{background:#e8f1fd;color:#1f63c6}
.wkn-tt-on-hold,.wkn-tt-pending{background:#fff4e0;color:#a15c00}
.wkn-tt-cancelled,.wkn-tt-failed,.wkn-tt-refunded{background:#fdecec;color:#b42318}

/* bảng: đơn hàng, điểm thưởng, chi tiết đơn, tải xuống */
.wkn-tk-noi-dung .shop_table{width:100%;margin:0;border:0;border-collapse:collapse}
.wkn-tk-noi-dung .shop_table thead th{padding:10px 12px;background:#f5f7fa;border:0;color:#777;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0}
.wkn-tk-noi-dung .shop_table thead th:first-child{border-radius:8px 0 0 8px}
.wkn-tk-noi-dung .shop_table thead th:last-child{border-radius:0 8px 8px 0}
.wkn-tk-noi-dung .shop_table tbody td,.wkn-tk-noi-dung .shop_table tbody th,.wkn-tk-noi-dung .shop_table tfoot td,.wkn-tk-noi-dung .shop_table tfoot th{padding:14px 12px;border:0;border-bottom:1px solid #eef1f4;color:#444;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0}
.wkn-tk-noi-dung .shop_table tfoot th{color:#666}
.wkn-tk-noi-dung .shop_table tfoot tr:last-child td,.wkn-tk-noi-dung .shop_table tfoot tr:last-child th{color:#222;font-weight:600;border-bottom:0}
.wkn-tk-noi-dung .woocommerce-orders-table tbody tr:hover > *{background:#fafbfc}
.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-number a{font-weight:600}
.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-total .amount{color:#222;font-weight:600}
.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-actions,.wkn-tk-noi-dung .woocommerce-orders-table__header-order-actions{text-align:right}
.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-status{white-space:nowrap}
.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-status::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:currentColor;vertical-align:1px}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status{color:#1e7b3c!important}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status{color:#1f63c6!important}
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status{color:#a15c00!important}
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status{color:#b42318!important}
.wkn-tk-noi-dung .shop_table .button{margin:0 0 0 6px;min-height:0;padding:6px 16px;border:0;border-radius:8px;background:#eaf4fc;color:var(--bf-primary);font-size:13px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0;box-shadow:none}
.wkn-tk-noi-dung .shop_table .button:hover{background:var(--bf-primary);color:#fff}
.wkn-tk-noi-dung .woocommerce-pagination{display:flex;gap:8px;margin-top:20px}
.wkn-tk-noi-dung .woocommerce-pagination .button{margin:0;min-height:0;padding:8px 18px;border:1px solid #e7ebf0;border-radius:8px;background:#fff;color:#444;font-size:14px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0}
.wkn-tk-noi-dung .woocommerce-pagination .button:hover{border-color:var(--bf-primary);color:var(--bf-primary)}

/* điểm thưởng */
.wkn-diem-the{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px 28px;border-radius:12px;background:var(--bf-primary);color:#fff}
.wkn-diem-the span,.wkn-diem-the em{display:block;color:rgba(255,255,255,.85);font-size:14px;font-style:normal}
.wkn-diem-the strong{display:block;color:#fff;font-size:36px;font-weight:600;line-height:1.25}
.wkn-diem-the small{font-size:16px;font-weight:400;color:rgba(255,255,255,.85)}
.wkn-diem-the em{margin-top:4px}
.wkn-diem-the em .amount{color:#fff;font-weight:600}
.wkn-diem-the .bs-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:#fff;border-color:#fff;color:var(--bf-primary)}
.wkn-diem-the .bs-btn:hover{background:#f0f6fc;border-color:#f0f6fc;color:var(--bf-primary)}
.wkn-tk-noi-dung .shop_table .wkn-so{text-align:right;white-space:nowrap}
.wkn-tk-noi-dung .shop_table .wkn-duong{color:#1e7b3c;font-weight:600}
.wkn-tk-noi-dung .shop_table .wkn-am{color:#b42318;font-weight:600}
.wkn-tk-xem-them{display:block;margin:16px auto 0;padding:9px 22px;min-height:0;border:1px solid #e7ebf0;border-radius:8px;background:#fff;color:#444;font-size:14px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0;cursor:pointer}
.wkn-tk-xem-them:hover{border-color:var(--bf-primary);color:var(--bf-primary)}
.wkn-tk-trong{color:#777;margin:12px 0 0}

/* địa chỉ */
.wkn-tk-noi-dung .woocommerce-Addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.wkn-tk-noi-dung .woocommerce-Addresses::before,.wkn-tk-noi-dung .woocommerce-Addresses::after{display:none}
.wkn-tk-noi-dung .woocommerce-Address{float:none;width:auto;max-width:none;margin:0;padding:20px;border:1px solid #e7ebf0;border-radius:10px}
.wkn-tk-noi-dung .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.wkn-tk-noi-dung .woocommerce-Address-title h2,.wkn-tk-noi-dung .woocommerce-Address-title h3{margin:0;font-size:17px}
.wkn-tk-noi-dung .woocommerce-Address-title .edit{flex-shrink:0;padding:5px 14px;border-radius:8px;background:#eaf4fc;font-size:13px;font-weight:500}
.wkn-tk-noi-dung .woocommerce-Address-title .edit:hover{background:var(--bf-primary);color:#fff}
.wkn-tk-noi-dung address{margin:0;color:#555;font-style:normal;line-height:1.7}

/* form: sửa tài khoản, sửa địa chỉ, đăng nhập / đăng ký */
.woocommerce-account .woocommerce form label{margin-bottom:6px;color:#333;font-size:14px;font-weight:500}
.woocommerce-account .woocommerce form .input-text,.woocommerce-account .woocommerce form select,.woocommerce-account .woocommerce form .select2-selection{height:44px;padding:0 14px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;box-shadow:none;font-size:15px}
.woocommerce-account .woocommerce form .select2-selection__rendered{line-height:42px;padding:0}
.woocommerce-account .woocommerce form .select2-selection__arrow{height:42px}
.woocommerce-account .woocommerce form .input-text:focus,.woocommerce-account .woocommerce form select:focus{border-color:var(--bf-primary);box-shadow:0 0 0 3px rgba(52,152,219,.15)}
.woocommerce-account .woocommerce form .form-row{margin-bottom:16px}
.woocommerce-account .woocommerce form .form-row em,.woocommerce-account .woocommerce form #account_display_name_description{display:block;margin-top:6px;color:#888;font-size:13px;font-style:normal}
.woocommerce-account .woocommerce form fieldset{margin:24px 0 0;padding:20px 0 0;border:0;border-top:1px solid #eef1f4}
.woocommerce-account .woocommerce form legend{padding:0;margin-bottom:12px;border:0;color:#222;font-size:17px;font-weight:600;text-transform:none;letter-spacing:0}
.woocommerce-account .woocommerce form .button,.woocommerce-account .woocommerce .woocommerce-Button{height:44px;margin:4px 0 0;padding:0 26px;border:0;border-radius:8px;background:var(--bf-primary);color:#fff;font-size:15px;font-weight:500;line-height:44px;text-transform:none;letter-spacing:0;box-shadow:none}
.woocommerce-account .woocommerce form .button:hover,.woocommerce-account .woocommerce .woocommerce-Button:hover{background:var(--bf-primary-hover,#2a85c4)}
.woocommerce-account .woocommerce .show-password-input{top:0;height:44px}

/* thông báo trong tài khoản (chưa có đơn / tải xuống, đã lưu...) */
.wkn-tk-noi-dung .woocommerce-info,.wkn-tk-noi-dung .woocommerce-message,.wkn-tk-noi-dung .woocommerce-error{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:16px 18px;border:0;border-radius:10px;background:#f5f7fa;color:#555;font-size:15px}
.wkn-tk-noi-dung .woocommerce-message{background:#e7f6ec;color:#1e7b3c}
.wkn-tk-noi-dung .woocommerce-error{background:#fdecec;color:#b42318}
.wkn-tk-noi-dung .woocommerce-info::before,.wkn-tk-noi-dung .woocommerce-message::before{display:none}
.wkn-tk-noi-dung .woocommerce-info .button{order:2;margin:0;min-height:0;padding:7px 16px;border-radius:8px;background:var(--bf-primary);color:#fff;font-size:14px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0}

@media (max-width:849px){
	.wkn-tk{grid-template-columns:minmax(0,1fr);gap:16px}
	.wkn-tk-nav{position:static;padding:12px}
	.wkn-tk-khach{padding:0 0 12px}
	.wkn-tk-nav ul{display:flex;gap:8px;margin:0 -12px;padding:0 12px 2px;overflow-x:auto;scrollbar-width:none}
	.wkn-tk-nav ul::-webkit-scrollbar{display:none}
	.wkn-tk-nav li a{gap:8px;padding:8px 14px;border:1px solid #e7ebf0;border-radius:99px;font-size:14px;white-space:nowrap}
	.wkn-tk-nav li.is-active a,.wkn-tk-nav li.active a{border-color:#eaf4fc}
	.wkn-tk-nav .wkn-tk-thoat{margin:0;padding:0;border:0}
	.wkn-tk-noi-dung{padding:20px}
	.wkn-tk-loi-tat{grid-template-columns:repeat(2,minmax(0,1fr))}
	.woocommerce-account #content{padding-top:16px}
}
@media (max-width:549px){
	.wkn-tk-noi-dung{padding:16px}
	.wkn-tk-noi-dung h2,.wkn-tk-chao h2{font-size:19px}
	.wkn-tk-so{grid-template-columns:1fr 1fr}
	.wkn-tk-so a:last-child:nth-child(odd){grid-column:1/-1}
	.wkn-tk-so strong{font-size:20px}
	.wkn-tk-loi-tat{gap:10px}
	.wkn-tk-loi-tat a{flex-direction:column;gap:8px;padding:14px}
	.wkn-tk-loi-tat em{display:none}
	.wkn-tk-don-moi li{grid-template-columns:1fr auto;gap:4px 12px}
	.wkn-tk-don-moi li > strong{grid-row:1;grid-column:2}
	.wkn-diem-the{flex-direction:column;align-items:flex-start;padding:20px}
	.wkn-diem-the strong{font-size:30px}
	/* bảng → thẻ */
	.wkn-tk-noi-dung .woocommerce-orders-table thead,.wkn-tk-noi-dung .wkn-tk-bang thead{display:none}
	.wkn-tk-noi-dung .woocommerce-orders-table tr,.wkn-tk-noi-dung .wkn-tk-bang tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid #eef1f4}
	.wkn-tk-noi-dung .woocommerce-orders-table tr[hidden],.wkn-tk-noi-dung .wkn-tk-bang tr[hidden]{display:none}
	.wkn-tk-noi-dung .woocommerce-orders-table tbody > tr > *,.wkn-tk-noi-dung .wkn-tk-bang tbody td{display:block;padding:0;border:0;background:none!important}
	.wkn-tk-noi-dung .woocommerce-orders-table tr{grid-template-areas:"so tt" "ngay tong" "nut nut"}
	.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-number{grid-area:so}
	.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-date{grid-area:ngay;color:#777;font-size:13px!important}
	.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-status{grid-area:tt;text-align:right}
	.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-total{grid-area:tong;text-align:right;font-size:13px!important}
	.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-actions{grid-area:nut;text-align:right;padding-top:6px!important}
	.wkn-tk-noi-dung .woocommerce-orders-table__cell-order-actions .button{margin:0 0 0 6px}
	.wkn-tk-noi-dung .wkn-tk-bang tr{grid-template-areas:"hd diem" "ngay don"}
	.wkn-tk-noi-dung .wkn-tk-bang td:nth-child(1){grid-area:ngay;color:#777;font-size:13px}
	.wkn-tk-noi-dung .wkn-tk-bang td:nth-child(2){grid-area:hd;color:#222}
	.wkn-tk-noi-dung .wkn-tk-bang td:nth-child(3){grid-area:don;text-align:right;font-size:13px}
	.wkn-tk-noi-dung .wkn-tk-bang td:nth-child(4){grid-area:diem}
}
.wkn-tk-noi-dung .wkn-tk-so .amount,.wkn-tk-noi-dung .wkn-diem-the .amount{display:inline;white-space:nowrap}
.wkn-tk-noi-dung .wkn-tk-so .amount bdi,.wkn-tk-noi-dung .wkn-diem-the .amount bdi{display:inline}
.wkn-tk-khung-dau a{white-space:nowrap}
.wkn-tk-loi-tat i{width:40px}
.wkn-tk-nav ul{position:relative}
.wkn-tk-noi-dung .touch-scroll-table{width:100%;margin:0;padding:0;overflow:visible;box-shadow:none}
.wkn-tk-noi-dung mark{background:none;color:#222;font-weight:600}
.wkn-tk-noi-dung section{margin-bottom:28px}
.wkn-tk-noi-dung section:last-child{margin-bottom:0}
.wkn-tk-noi-dung .order-again .button{margin:16px 0 0;padding:0 24px;height:42px;line-height:42px;font-size:15px;text-transform:none;letter-spacing:0}
.wkn-tk-noi-dung .woocommerce-customer-details address{padding:16px 18px;border:1px solid #e7ebf0;border-radius:10px}
.wkn-tk-noi-dung .woocommerce-customer-details address p{margin:0}
@media (max-width:549px){
	.wkn-tk-noi-dung .woocommerce-table--order-downloads thead{display:none}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sp nut" "hh nut";gap:4px 12px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f4}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads tbody td{display:block;padding:0;border:0}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-product{grid-area:sp}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-remaining{display:none}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-expires{grid-area:hh;color:#777;font-size:13px}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-expires::before{content:attr(data-title) ": "}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-file{grid-area:nut}
	.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-file .button{margin:0;max-width:130px}
}
.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-product{width:50%}
.wkn-tk-noi-dung .woocommerce-table--order-downloads th,.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-remaining,.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-expires{white-space:nowrap}
.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-file{width:200px;text-align:right}
.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-file .button{display:inline-block;max-width:200px;white-space:normal;text-align:center}
@media (max-width:549px){.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-product{width:auto}.wkn-tk-noi-dung .woocommerce-table--order-downloads .download-file{width:auto}}
.wkn-tk-noi-dung .amount,.wkn-tk-noi-dung .amount *{white-space:nowrap}
.wkn-tk-noi-dung .wkn-diem-the .amount *,.wkn-tk-noi-dung .wkn-tk-so .amount *{display:inline}
/* khách chưa đăng nhập: 2 thẻ Đăng nhập / Đăng ký */
.woocommerce-account #customer_login{max-width:1000px;margin:0 auto 30px;gap:24px;flex-wrap:nowrap}
.woocommerce-account #customer_login > .col{flex:1 1 0;max-width:none;padding:32px;border:1px solid var(--wkn-mint-vien);border-radius:12px;background:#fff}
.woocommerce-account #customer_login > .col::after{display:none}
.woocommerce-account #customer_login h3{margin-bottom:20px;color:#222;font-size:22px;text-transform:none;letter-spacing:0}
.woocommerce-account #customer_login .form-row-first,.woocommerce-account #customer_login .form-row-last{float:none;width:100%}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;font-weight:400}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme input{margin:0}
.woocommerce-account #customer_login .woocommerce-privacy-policy-text{color:#777;font-size:13px}
@media (max-width:849px){
	.woocommerce-account #customer_login{flex-direction:column;gap:16px}
	.woocommerce-account #customer_login > .col{flex:none;width:100%;padding:20px}
}

/* ---------- TÀI KHOẢN → Nạp tiền đại lý (woocommerce/myaccount/nap-tien-dai-ly.php) ---------- */
.wkn-nap-dau{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.wkn-nap-dau p{margin:0;color:#666}
.wkn-nap-diem{flex:0 0 auto;min-width:140px;padding:14px 18px;border-radius:10px;background:#f5f7fa;color:inherit;text-align:right}
.wkn-nap-diem span{display:block;color:#777;font-size:13px}
.wkn-nap-diem strong{display:block;color:#222;font-size:24px;font-weight:600;line-height:1.3}
.wkn-nap-nd{margin-bottom:28px;padding:20px 22px;border-radius:12px;background:var(--bf-primary);color:#fff}
.wkn-nap-buoc{display:block;margin-bottom:10px;color:rgba(255,255,255,.85);font-size:14px}
.wkn-nap-nd-o{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;border-radius:10px;background:#fff}
.wkn-nap-nd-o code{flex:1;min-width:0;padding:0;background:none;color:#222;font-family:inherit;font-size:17px;font-weight:600;overflow-wrap:anywhere}
.wkn-nap-nd p{margin:10px 0 0;color:rgba(255,255,255,.85);font-size:14px}
.wkn-nap-nd p strong{color:#fff}
.wkn-tk-noi-dung .wkn-chep{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin:0;min-height:0;padding:8px 14px;border:0;border-radius:8px;background:#eaf4fc;color:var(--bf-primary);font-size:14px;font-weight:500;line-height:1.3;text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color .15s,color .15s}
.wkn-tk-noi-dung .wkn-chep:hover{background:var(--bf-primary);color:#fff}
.wkn-tk-noi-dung .wkn-chep.da-chep{background:#e7f6ec;color:#1e7b3c}
.wkn-tk-noi-dung .wkn-chep.da-chep i::before{content:"\2713";font-family:inherit;font-weight:700}
.wkn-nap-chu{color:#666;font-size:14px}
.wkn-nap-chu strong{color:#222}
.wkn-nap-nh{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:6px}
.wkn-nap-the{padding:16px;border:1px solid #e7ebf0;border-radius:10px}
.wkn-nap-the-dau{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.wkn-nap-the-dau img{width:64px;height:24px;object-fit:contain;object-position:left center}
.wkn-nap-the-dau span{color:#222;font-weight:500}
.wkn-nap-so{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wkn-nap-so strong{color:#222;font-size:19px;font-weight:600;letter-spacing:.3px}
.wkn-nap-so .wkn-chep{padding:7px 9px}
.wkn-nap-the em{display:block;margin-top:4px;color:#888;font-size:13px;font-style:normal}
.wkn-nap-luu{display:flex;gap:10px;align-items:flex-start;margin:24px 0 0;padding:14px 16px;border-radius:10px;background:#f5f7fa;color:#555;font-size:14px}
.wkn-nap-luu i{margin-top:3px;color:var(--bf-primary)}
@media (max-width:549px){
	.wkn-nap-dau{flex-direction:column;gap:12px}
	.wkn-nap-diem{width:100%;text-align:left}
	.wkn-nap-nd{padding:16px}
	.wkn-nap-nd-o{flex-direction:column;align-items:stretch;padding:12px}
	.wkn-nap-nd-o .wkn-chep{justify-content:center}
	.wkn-nap-nh{grid-template-columns:1fr}
	.wkn-tk-khung-dau:has(.wkn-nap-chu){flex-direction:column;align-items:flex-start;gap:2px}
}
.wkn-nap-nd-o code{border:0;box-shadow:none}
.wkn-nap-chu{white-space:nowrap}
.wkn-nap-nh{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}