/* BCSHP core.css v10.24.62-beta1 — structural + global presentation, one render-blocking request. */
/* BCSHP Optimizer v10.1.0 — tiny RUCSS-safe structural layer. */
html,body{max-width:100%;overflow-x:clip}@supports(scrollbar-gutter:stable){html{scrollbar-gutter:stable}}
#tm-main .uk-breadcrumb,.tm-page .uk-breadcrumb{display:flex!important;align-items:center!important;gap:0!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;min-height:48px!important;padding:13px 0!important;overflow-x:auto!important;overflow-y:hidden!important;list-style:none!important;white-space:nowrap!important}
#tm-main .uk-breadcrumb>*,.tm-page .uk-breadcrumb>*{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;list-style:none!important}
#tm-main .uk-breadcrumb>li::marker,.tm-page .uk-breadcrumb>li::marker{content:""}
@media(min-width:960px){
.tm-header-mobile{display:none!important}.tm-header{display:block!important}
.tm-header .uk-navbar-container,.tm-header .uk-navbar{min-height:64px!important}.tm-header .uk-navbar{height:64px!important}
.tm-header .uk-logo{display:flex!important;align-items:center!important;justify-content:center!important;inline-size:190px!important;min-inline-size:190px!important;max-inline-size:190px!important}
.tm-header .uk-logo img,.tm-header .uk-logo svg{display:block!important;width:auto!important;max-width:190px!important;max-height:42px!important}
.tm-header .uk-navbar-dropdown,.tm-header .uk-dropdown,.tm-header .uk-drop{position:absolute!important;z-index:1020!important}
.tm-header .uk-navbar-dropdown:not(.uk-open),.tm-header .uk-dropdown:not(.uk-open),.tm-header .uk-drop:not(.uk-open){display:none!important}
.tm-header .uk-navbar-center-left.uk-preserve-width,.tm-header .uk-navbar-center-right.uk-preserve-width{box-sizing:border-box!important;min-width:0!important}
.tm-header .uk-search,.tm-header .uk-search-default{box-sizing:border-box!important;inline-size:clamp(160px,15vw,260px)!important;min-inline-size:clamp(160px,15vw,260px)!important;max-inline-size:260px!important}
.tm-header .uk-search-input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:40px!important}
}
@media(max-width:959px){
.tm-header{display:none!important}.tm-header-mobile{display:block!important}
.tm-header-mobile .uk-navbar-container,.tm-header-mobile .uk-navbar{min-height:76px!important}.tm-header-mobile .uk-navbar{height:76px!important}
.tm-header-mobile .uk-logo{display:flex!important;align-items:center!important;justify-content:center!important;inline-size:min(62vw,270px)!important;min-inline-size:0!important;max-inline-size:min(62vw,270px)!important}
.tm-header-mobile .uk-logo img,.tm-header-mobile .uk-logo svg{display:block!important;width:auto!important;max-width:100%!important;max-height:52px!important}
.tm-header-mobile .uk-navbar-left,.tm-header-mobile .uk-navbar-right{flex:0 0 auto!important}.tm-header-mobile .uk-navbar-center{min-width:0!important}
.tm-header-mobile .uk-navbar-toggle,.tm-header-mobile .uk-navbar-item{min-height:64px!important}
}
body .uk-offcanvas{position:fixed!important;z-index:1000!important;inset:0!important}body .uk-offcanvas:not(.uk-open){display:none!important;pointer-events:none!important}body .uk-offcanvas.uk-open{pointer-events:auto!important}

/* BaoCaoSuHP Stack Orchestrator v10.2.0 — presentation layer coordinated with FlyingPress Remove Unused CSS. */
:root{--bcshp-base-ready:1;--bcshp-bg:#1e2326;--bcshp-panel:#11171a;--bcshp-text:#f5f7f8;--bcshp-muted:#9aa4aa;--bcshp-red:#e12635;--bcshp-yellow:#ffd45c;--bcshp-cyan:#55e6e6;--bcshp-line:rgba(255,255,255,.09)}
.paged .an-phan-trang{display:none!important}

/* Breadcrumb fallback: keeps UIkit breadcrumbs compact even when shared Used CSS misses the original rule. */
#tm-main .uk-breadcrumb,.tm-page .uk-breadcrumb{scrollbar-width:none;-webkit-overflow-scrolling:touch}
#tm-main .uk-breadcrumb::-webkit-scrollbar,.tm-page .uk-breadcrumb::-webkit-scrollbar{display:none}
#tm-main .uk-breadcrumb>*,.tm-page .uk-breadcrumb>*{font-size:clamp(13px,3.4vw,15px)!important;line-height:1.45!important;color:var(--bcshp-muted)!important}
#tm-main .uk-breadcrumb>:nth-child(n+2)::before,.tm-page .uk-breadcrumb>:nth-child(n+2)::before{content:"›"!important;display:inline-block!important;margin:0 8px!important;color:rgba(255,255,255,.34)!important;font-size:1.05em!important}
#tm-main .uk-breadcrumb a,.tm-page .uk-breadcrumb a{color:#ff5b5b!important;text-decoration:none!important;transition:color .18s ease,opacity .18s ease}
#tm-main .uk-breadcrumb a:hover,.tm-page .uk-breadcrumb a:hover{color:var(--bcshp-yellow)!important}

/* Header + navigation skin. YOOtheme/UIkit keep all menu logic; this is CSS-only. */
.tm-header,.tm-header-mobile{--bcshp-menu-bg:#11171a;--bcshp-menu-panel:#151c20;--bcshp-menu-line:rgba(255,255,255,.08);--bcshp-menu-red:#e12635;--bcshp-menu-yellow:#ffd45c;--bcshp-menu-cyan:#55e6e6}

/* Desktop primary nav: clean typography + animated accent without layout shift. */
@media(min-width:960px){
.tm-header .uk-navbar-container{background:#12171a!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important}
.tm-header .uk-navbar-nav>li>a{position:relative!important;min-height:64px!important;padding:0 10px!important;color:#edf1f2!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:12.5px!important;font-weight:740!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;transition:color .14s ease,background-color .14s ease!important}
.tm-header .uk-navbar-nav>li>a::after{content:"";position:absolute;left:10px;right:10px;bottom:9px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--bcshp-menu-red),var(--bcshp-menu-yellow) 55%,var(--bcshp-menu-cyan));transform:scaleX(0);transform-origin:center;opacity:.9;transition:transform .22s ease!important}
.tm-header .uk-navbar-nav>li:hover>a,.tm-header .uk-navbar-nav>li.uk-active>a{color:var(--bcshp-menu-yellow)!important;background:rgba(255,255,255,.025)!important}
.tm-header .uk-navbar-nav>li:hover>a::after,.tm-header .uk-navbar-nav>li.uk-active>a::after{transform:scaleX(1)}
.tm-header .uk-navbar-nav>li>a .uk-icon{transition:transform .22s ease!important}
.tm-header .uk-navbar-nav>li:hover>a .uk-icon{transform:translateY(1px)}

/* Desktop dropdown / mega-menu panel. */
.tm-header .uk-navbar-dropdown,.tm-header .uk-dropdown{box-sizing:border-box!important;min-width:260px!important;max-width:min(960px,calc(100vw - 40px))!important;max-height:calc(100vh - 116px)!important;padding:12px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:#10171b!important;box-shadow:0 18px 42px rgba(0,0,0,.38)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,212,92,.28) transparent;will-change:opacity,transform;transform-origin:top center}
@keyframes bcshp-menu-drop-in{0%{opacity:0;transform:translate3d(0,-7px,0) scale(.995)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.tm-header .uk-navbar-dropdown.uk-open,.tm-header .uk-dropdown.uk-open{animation:bcshp-menu-drop-in .16s cubic-bezier(.2,.72,.2,1) both!important}
.tm-header .uk-navbar-dropdown::before,.tm-header .uk-dropdown::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--bcshp-menu-red),var(--bcshp-menu-yellow),var(--bcshp-menu-cyan));opacity:.9}
.tm-header .uk-navbar-dropdown-nav>li>a,.tm-header .uk-dropdown-nav>li>a{position:relative!important;display:flex!important;align-items:center!important;min-height:38px!important;margin:2px 0!important;padding:7px 10px 7px 12px!important;border:1px solid transparent!important;border-radius:10px!important;color:#d8dfe2!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:12.5px!important;font-weight:640!important;line-height:1.28!important;letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;transition:color .13s ease,background-color .13s ease,border-color .13s ease!important}
.tm-header .uk-navbar-dropdown-nav>li>a::before,.tm-header .uk-dropdown-nav>li>a::before{content:"";display:block;flex:0 0 5px;width:5px;height:5px;margin-right:9px;border-radius:50%;background:rgba(85,230,230,.5);box-shadow:0 0 0 3px rgba(85,230,230,.06);transition:background-color .18s ease,box-shadow .18s ease!important}
.tm-header .uk-navbar-dropdown-nav>li:hover>a,.tm-header .uk-navbar-dropdown-nav>li.uk-active>a,.tm-header .uk-dropdown-nav>li:hover>a,.tm-header .uk-dropdown-nav>li.uk-active>a{color:#fff3c7!important;background:rgba(255,212,92,.07)!important;border-color:rgba(255,212,92,.13)!important;transform:none!important}
.tm-header .uk-navbar-dropdown-nav>li:hover>a::before,.tm-header .uk-navbar-dropdown-nav>li.uk-active>a::before,.tm-header .uk-dropdown-nav>li:hover>a::before,.tm-header .uk-dropdown-nav>li.uk-active>a::before{background:var(--bcshp-menu-yellow);box-shadow:0 0 0 3px rgba(255,212,92,.10)}
}

/* Mobile header geometry. */
@media(max-width:959px){
.tm-header-mobile .uk-navbar-container{background:linear-gradient(180deg,#b92535 0%,#a91f2e 100%)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important}
.tm-header-mobile .uk-navbar{padding-left:13px!important;padding-right:13px!important}
.tm-header-mobile .uk-navbar-toggle,.tm-header-mobile .uk-navbar-item{min-height:64px!important;padding:0 8px!important}
.tm-header-mobile .uk-navbar-toggle{border-radius:12px!important;transition:background-color .13s ease!important}
.tm-header-mobile .uk-navbar-toggle:active{background:rgba(255,255,255,.10)!important;transform:none!important}
}

/* First-paint stability is static in <head>; no runtime class flip is used on desktop. */

/* Product/archive H1 sizing. Avoid oversized 3–4 line titles on small phones. */
body.single-product #tm-main h1{font-size:clamp(30px,5.2vw,46px)!important;line-height:1.18!important;letter-spacing:-.015em!important;text-wrap:balance}
body.bcshp-product-taxonomy-archive #tm-main h1,body.post-type-archive-product #tm-main h1{font-size:clamp(30px,4.6vw,44px)!important;line-height:1.2!important;text-wrap:balance}

/* Media safety. */
body .uk-lightbox video,body [class*="modal"] video,body [class*="popup"] video{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:85vh!important;min-height:0!important;margin:auto!important;object-fit:contain!important}
body .uk-lightbox iframe,body [class*="modal"] iframe,body [class*="popup"] iframe{display:block!important;width:min(100%,1280px)!important;max-width:100%!important;height:auto!important;max-height:85vh!important;min-height:0!important;aspect-ratio:16/9!important;margin:auto!important}
body .uk-modal-dialog,body .uk-lightbox-items>*{min-height:0!important}

@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}.tm-header .uk-navbar-dropdown.uk-open,.tm-header .uk-dropdown.uk-open{animation:none!important}.tm-header .uk-navbar-nav>li>a,.tm-header .uk-navbar-nav>li>a::after,.tm-header .uk-navbar-dropdown-nav>li>a,.tm-header .uk-dropdown-nav>li>a,.tm-header-mobile .uk-navbar-toggle,#tm-main .uk-breadcrumb a,.tm-page .uk-breadcrumb a{transition:none!important;transform:none!important}}





/* BaoCaoSuHP v10.10 — SEO-safe YOOtheme viewport rendering.
 * Progressive enhancement only. The body owner class is absent when
 * FlyingPress Lazy Render owns the feature or on WooCommerce transaction pages.
 */
@supports (content-visibility:auto){
  body.bcshp-viewport-performance .bcshp-cv-safe,
  body.bcshp-viewport-performance .bcshp-cv-medium{content-visibility:auto;contain-intrinsic-size:auto 760px}
  body.bcshp-viewport-performance .bcshp-cv-small{content-visibility:auto;contain-intrinsic-size:auto 460px}
  body.bcshp-viewport-performance .bcshp-cv-large{content-visibility:auto;contain-intrinsic-size:auto 1120px}
  body.bcshp-viewport-performance .bcshp-cv-product-grid{content-visibility:auto;contain-intrinsic-size:auto 920px}
  body.bcshp-viewport-performance .bcshp-cv-article{content-visibility:auto;contain-intrinsic-size:auto 820px}
  body.bcshp-viewport-performance .bcshp-cv-gallery{content-visibility:auto;contain-intrinsic-size:auto 960px}
  body.bcshp-viewport-performance .bcshp-cv-video{content-visibility:auto;contain-intrinsic-size:auto 620px}
  body.bcshp-viewport-performance .bcshp-footer-connect{content-visibility:auto;contain-intrinsic-size:auto 560px}
  body.bcshp-viewport-performance.bcshp-viewport-auto.single-product .bcshp-related-shell,
  body.bcshp-viewport-performance.bcshp-viewport-auto.single-product .related.products{content-visibility:auto;contain-intrinsic-size:auto 920px}
  body.bcshp-viewport-performance.bcshp-viewport-auto.single-post .bcshp-related-post-source{content-visibility:auto;contain-intrinsic-size:auto 680px}
}

/* ==========================================================
 * BaoCaoSuHP Footer Connect v10.10.5
 * Social + shipping + payment + DMCA for YOOtheme HTML footer.
 * CSS owner: BaoCaoSuHP CSS JS Optimizer
 * 0 JavaScript; all selectors are component-scoped.
 * ========================================================== */
.bcshp-footer-connect,
.bcshp-footer-connect *,
.bcshp-footer-connect *::before,
.bcshp-footer-connect *::after{box-sizing:border-box}
.bcshp-footer-connect{width:100%;max-width:100%;margin:0;padding:0;color:#ddd;font-size:14px;line-height:1.55}
.bcshp-footer-connect .bcshp-footer-connect-block{width:100%;max-width:100%;margin:0 0 18px;padding:0}
.bcshp-footer-connect .bcshp-footer-connect-block:last-child{margin-bottom:0}
.bcshp-footer-connect .bcshp-footer-title{margin:0 0 10px;padding:0;color:#fff;font-size:15px;font-weight:700;line-height:1.3;text-transform:uppercase;overflow-wrap:anywhere}
.bcshp-footer-connect .bcshp-footer-social-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:100%;margin:0;padding:0}
.bcshp-footer-connect .bcshp-footer-social-link{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;border-radius:50%;background:#24282c;color:#ff2b2b!important;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
.bcshp-footer-connect .bcshp-footer-social-link:hover,
.bcshp-footer-connect .bcshp-footer-social-link:focus-visible{background:#30353a;color:#fff!important}
.bcshp-footer-connect .bcshp-footer-social-link svg{display:block;width:17px;height:17px;margin:0;fill:currentColor}
.bcshp-footer-connect .bcshp-footer-logo-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;max-width:100%;margin:0;padding:0}
.bcshp-footer-connect .bcshp-footer-logo-box{display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;margin:0;padding:4px;border-radius:3px;background:#fff}
.bcshp-footer-connect .bcshp-footer-logo-box img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;object-fit:contain;border:0}
.bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box{width:52px;height:38px}
.bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box:nth-child(1),
.bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box:nth-child(2),
.bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box:nth-child(3),
.bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box:nth-child(4){width:54px}
.bcshp-footer-connect .bcshp-footer-payment-list .bcshp-footer-logo-box{width:48px;height:40px}
.bcshp-footer-connect .bcshp-footer-dmca{width:100%;margin:10px 0 0;padding:0}
.bcshp-footer-connect .bcshp-footer-dmca a{display:inline-block;width:auto;max-width:115px;margin:0;padding:0;line-height:0}
.bcshp-footer-connect .bcshp-footer-dmca img{display:block;width:auto;max-width:115px;height:auto;margin:0;padding:0;border:0}
@media (max-width:1100px){
  .bcshp-footer-connect{font-size:13px}
  .bcshp-footer-connect .bcshp-footer-title{font-size:14px}
  .bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box{width:50px;height:36px}
  .bcshp-footer-connect .bcshp-footer-payment-list .bcshp-footer-logo-box{width:46px;height:38px}
}
@media (max-width:767px){
  .bcshp-footer-connect{font-size:13px;line-height:1.5}
  .bcshp-footer-connect .bcshp-footer-connect-block{margin-bottom:16px}
  .bcshp-footer-connect .bcshp-footer-title{margin-bottom:9px;font-size:14px}
  .bcshp-footer-connect .bcshp-footer-social-link{flex-basis:34px;width:34px;height:34px}
  .bcshp-footer-connect .bcshp-footer-social-link svg{width:16px;height:16px}
  .bcshp-footer-connect .bcshp-footer-logo-list{gap:6px}
  .bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box{width:49px;height:35px}
  .bcshp-footer-connect .bcshp-footer-payment-list .bcshp-footer-logo-box{width:44px;height:37px}
  .bcshp-footer-connect .bcshp-footer-dmca img{max-width:105px}
}
@media (max-width:360px){
  .bcshp-footer-connect .bcshp-footer-shipping-list .bcshp-footer-logo-box{width:46px;height:34px}
  .bcshp-footer-connect .bcshp-footer-payment-list .bcshp-footer-logo-box{width:42px;height:35px}
}
@media (prefers-reduced-motion:reduce){.bcshp-footer-connect .bcshp-footer-social-link{transition:none}}

/* v10.19.0 — shared WooCommerce/YOOtheme product-listing image quality. */
img.bcshp-product-listing-image{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important;aspect-ratio:1/1!important;margin-inline:auto!important;object-fit:contain!important;object-position:center!important;background:var(--bcshp-panel,#11171a)}
body.woocommerce.archive #tm-main ul.products li.product img.wp-post-image,body.post-type-archive-product #tm-main ul.products li.product img.wp-post-image{display:block;box-sizing:border-box;width:auto;max-width:100%;height:auto;min-width:0;margin-inline:auto;object-fit:contain;object-position:center}


/* v10.24.28 — unified HUB foundation; category-specific CSS only handles layout/content variants. */
.bcshp-hub{--bcshp-hub-bg:#0b1012;--bcshp-hub-surface:#12191c;--bcshp-hub-surface-2:#182025;--bcshp-hub-text:#f6f7f7;--bcshp-hub-muted:#aeb8bb;--bcshp-hub-line:rgba(255,255,255,.09);--bcshp-hub-gold:#FFD700;--bcshp-hub-cyan:#00d2d3;--bcshp-hub-red:#ed2739;box-sizing:border-box;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.bcshp-hub *,.bcshp-hub *::before,.bcshp-hub *::after{box-sizing:border-box}.bcshp-hub a{text-underline-offset:3px}.bcshp-hub :is(a,button,summary):focus-visible{outline:2px solid var(--bcshp-hub-gold);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bcshp-hub *,.bcshp-hub *::before,.bcshp-hub *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* v10.24.58 — typography safety. Body owns the text stack; icon fonts keep their own explicit families. */
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
#tm-main :where(h1,h2,h3,h4,h5,h6){text-align-last:auto;word-spacing:normal;white-space:normal}