/* =====================================================================
   BAO BI DONG GOI - STYLE TONG
   1) Global
   2) Noi dung: .content-data / .menus-content / .category-description-content
   3) .product-content: bang thong so key-value

   DON 2026-08-06: da cat 842 khoi CSS co selector khoa theo trang
   (#main / #wrapper / body.home / body.page-id) vi chung CHAN UX BUILDER -
   rule "body.home #main x" (1,1,2) luon thang rule "#text-xxxx" (1,0,0)
   ma UX Builder sinh ra, nen chu site chinh trong builder khong an gi.
   159.572 -> 35.567 ky tu. !important: 1.439 -> 304.
   Ban goc da luu truoc khi cat; WordPress cung giu revision cua post custom_css.

   SUA 2026-08-14 (a): body dung overflow-x:clip thay cho hidden.
   LY DO: "overflow-x:hidden" bien  thanh mot scroll container rieng.
   Khi do MOI phan tu position:sticky ben trong (nhu menu ".list-item__menus"
   cua trang san pham, theme da dat sticky/top san tu truoc) deu mat tac dung
   vi no neo theo scrollport cua body - ma body khong bao gio cuon.
   "clip" chan tran ngang y het "hidden" nhung KHONG tao scroll container,
   nen sticky chay lai binh thuong. Flatsome cung da tu lam dieu nay trong
   "@media (overflow:clip){body{overflow-x:clip}}" - rule duoi day tung de len no.
   GO RA: doi lai thanh "hidden" (menu se dung yen tro lai).
   Luu y con mot cho nua o "@media screen and (max-width:700px)" ben duoi
   van dat html,body{overflow-x:hidden} - chua doi vi duoi 700px menu nay
   nam xep tren noi dung, khong can bam.

   SUA 2026-08-14 (b): day menu trai xuong cho khoi bi header sticky de len.

   Theme (style.css cua bao-bi-vinpack) dat:
       .menus-title .list-item__menus{ top: calc(var(--header-height) + 30px) }
   ra 118px, vi "--header-height" = 88px. Nhung header khi DINH (class .stuck)
   cao that su:  >=850px : 139px   |   <=849px : 159px
   (do bang cach gan tay class .stuck roi lay getBoundingClientRect).
   88  con ho 25px. BBDG thi CO Y giu
   thanh nav khi dinh (rule "...stuck #wide-nav{display:flex!important}")
   nen header cao 139px. Vi vay khong sua header, chi chinh "top".

   VI SAO VAN DUNG BIEN CHU KHONG GHI SO CUNG: theme co san
       body.admin-bar{ --header-height: calc(88px + 32px) }
   de cong chieu cao thanh admin cua WordPress. Ban dau toi ghi cung "164px",
   the la khi chu site DANG DANG NHAP thi menu bi len cao 32px va lai bi che -
   dung loi bao lan hai. Giu nguyen bieu thuc thi mot cong thuc chay ca hai:
       >=850px : var + 76px  -> khach 164px | admin 196px  (139/171 + 25)
        khach 184px | admin 216px  (159/191 + 25)
   NEU sau nay sua chieu cao header, sua lai hai so cong o day cho khop.
   ===================================================================== */

:root{
  --g-blue: #0b4ea2;
  --g-blue-dark: #073a7a;
  --g-green: #1f9d4d;
  --g-green-dark: #157a3a;
  --g-yellow: #f5c518;
  --g-text: #2b2f36;
  --g-heading: #1c2430;
  --g-muted: #6b7280;
  --g-border: #e4e8ee;
  --g-soft: #f6f9fd;
  --g-link: var(--g-blue);
  --g-link-hover: var(--g-blue-dark);
  --g-font: "Inter", sans-serif;
  --g-radius: 8px;
  --bbdg-blue: var(--g-blue);
  --bbdg-blue-dark: var(--g-blue-dark);
  --bbdg-link: var(--g-green);
  --bbdg-link-hover: var(--g-green-dark);
  --bbdg-yellow: var(--g-yellow);
  --bbdg-border: var(--g-border);
  --bbdg-soft: var(--g-soft);
}
*, *::before, *::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body{
  font-family: var(--g-font);
  font-size: 16px;
  line-height: 1.7;
  color: var(--g-text);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* Xem SUA 2026-08-14 (b) o dau file. Bien da tu cong 32px khi co thanh admin. */
.menus-title .list-item__menus{ top: calc(var(--header-height) + 76px); }
@media (max-width: 849px){
.menus-title .list-item__menus{ top: calc(var(--header-height) + 96px); }
}
p{ margin: 0 0 1em; line-height: 1.7; }
p:last-child{ margin-bottom: 0; }
h1, h2, h3, h4, h5, h6{
  margin: 1.4em 0 .5em;
  font-family: var(--g-font);
  font-weight: 700;
  line-height: 1.3;
  color: var(--g-heading);
  word-break: break-word;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{ margin-top: 0; }
h1{ font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: 1.2; }
h2{ font-size: clamp(1.5rem, 4vw, 2rem); }
h3{ font-size: clamp(1.25rem, 3.2vw, 1.5rem); }
h4{ font-size: clamp(1.125rem, 2.6vw, 1.25rem); }
h5{ font-size: clamp(1rem, 2.2vw, 1.125rem); }
h6{ font-size: 1rem; }
a{ color: var(--g-link); text-decoration: none; transition: color .2s ease; }
a:hover, a:focus{ color: var(--g-link-hover); }
a:focus-visible{ outline: 2px solid var(--g-link); outline-offset: 2px; border-radius: 2px; }
strong, b{ font-weight: 700; }
em, i{ font-style: italic; }
mark{ background: #fff3bf; padding: 0 .2em; border-radius: 3px; }
small{ font-size: .85em; color: var(--g-muted); }
ul, ol{ margin: 0 0 1em; padding-left: 1.4em; }
li{ margin: .4em 0; line-height: 1.7; }
ul ul, ol ol, ul ol, ol ul{ margin: .3em 0; }
blockquote{
  margin: 0 0 1.2em;
  padding: .8em 1.1em;
  background: var(--g-soft);
  border-left: 4px solid var(--g-blue);
  border-radius: 6px;
  color: var(--g-text);
}
blockquote p:last-child{ margin-bottom: 0; }
img, video, svg, iframe, embed, object{ max-width: 100%; height: auto; }
table{ width: 100%; border-collapse: collapse; margin: 1em 0; }
th, td{ padding: .6em .75em; border: 1px solid var(--g-border); }
th{ background: var(--g-blue); color: #fff; text-align: left; }
hr{ border: 0; height: 1px; background: var(--g-border); margin: 1.6em 0; }
code, kbd, pre{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9em; }
code{ background: #f1f3f6; padding: .15em .4em; border-radius: 4px; }
pre{ background: #1e2430; color: #e6e6e6; padding: 1em; border-radius: var(--g-radius); overflow-x: auto; }
pre code{ background: none; padding: 0; color: inherit; }
@media (max-width: 1024px){
body{ font-size: 15.5px; }
}
@media (max-width: 600px){
body{ font-size: 15px; line-height: 1.65; }
h1, h2, h3, h4, h5, h6{ margin: 1.1em 0 .45em; }
p, li{ line-height: 1.65; }
ul, ol{ padding-left: 1.15em; }
blockquote{ padding: .7em .9em; }
table{ display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 13.5px; }
th, td{ padding: .55em .65em; min-width: 92px; white-space: normal; }
table::-webkit-scrollbar{ height: 6px; }
table::-webkit-scrollbar-thumb{ background: #c3ccd8; border-radius: 6px; }
img{ display: block; margin-left: auto; margin-right: auto; }
}
@media (max-width: 380px){
body{ font-size: 14.5px; }
}
.content-data,
.menus-content,
.category-description-content{
  color: var(--g-text);
  font-size: 16px;
  line-height: 1.75;
  word-break: break-word;
}
.content-data p, .menus-content p, .category-description-content p{
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.8;
}
.content-data p:empty, .menus-content p:empty, .category-description-content p:empty{ margin: 0; }
.content-data a, .menus-content a, .category-description-content a{
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  font-weight: 600;
  color: var(--bbdg-link);
  text-decoration: none;
  background: linear-gradient(var(--bbdg-link), var(--bbdg-link)) no-repeat;
  background-size: 0% 2px;
  background-position: 0 100%;
  padding-bottom: 1px;
  transition: color .2s ease, background-size .25s ease;
}
.content-data a:hover, .content-data a:focus,
.menus-content a:hover, .menus-content a:focus,
.category-description-content a:hover, .category-description-content a:focus{
  color: var(--bbdg-link-hover);
  background-size: 100% 2px;
}
.content-data strong a, .content-data a strong,
.menus-content strong a, .menus-content a strong,
.category-description-content strong a, .category-description-content a strong{
  font-size: inherit !important;
  font-family: inherit !important;
  color: var(--bbdg-link);
}
.content-data strong a:hover, .content-data a strong:hover,
.menus-content strong a:hover, .menus-content a strong:hover,
.category-description-content strong a:hover, .category-description-content a strong:hover{ color: var(--bbdg-link-hover); }
footer#footer a{
  color: #ffffff;
  text-decoration: none;
  background: linear-gradient(#f5c500, #f5c500) no-repeat;
  background-size: 0% 2px;
  background-position: 0 100%;
  padding-bottom: 1px;
  transition: color .2s ease, background-size .25s ease;
}
footer#footer a:hover, footer#footer a:focus{ color: #f5c500; background-size: 50% 2px; }
.content-data h2, .content-data h3, .content-data h4,
.menus-content h2, .menus-content h3, .menus-content h4,
.category-description-content h2, .category-description-content h3, .category-description-content h4{
  color: var(--bbdg-blue);
  font-weight: 700;
  line-height: 1.35;
  scroll-margin-top: 90px;
}
.content-data h2, .menus-content h2, .category-description-content h2{
  position: relative;
  font-size: 25px;
  margin: 32px 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--bbdg-border);
}
.content-data h2::after, .menus-content h2::after, .category-description-content h2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 64px;
  height: 2px;
  background: var(--bbdg-yellow);
}
.content-data h3, .menus-content h3, .category-description-content h3{
  font-size: 20px;
  margin: 24px 0 10px;
  padding-left: 12px;
  border-left: 4px solid var(--bbdg-blue);
}
.content-data h4, .menus-content h4, .category-description-content h4{
  font-size: 17px;
  margin: 18px 0 8px;
  color: var(--bbdg-blue-dark);
}
.content-data h2 strong, .content-data h3 strong, .content-data h4 strong,
.content-data h2 span, .content-data h3 span, .content-data h4 span,
.menus-content h2 strong, .menus-content h3 strong, .menus-content h4 strong,
.menus-content h2 span, .menus-content h3 span, .menus-content h4 span,
.category-description-content h2 strong, .category-description-content h3 strong, .category-description-content h4 strong,
.category-description-content h2 span, .category-description-content h3 span, .category-description-content h4 span{
  color: inherit !important;
  font-family: inherit !important;
}
#toc_container{
  font-family: inherit !important;
  background: var(--bbdg-soft);
  border: 1px solid var(--bbdg-border);
  border-left: 4px solid var(--bbdg-blue);
  border-radius: 8px;
  padding: 18px 22px;
  margin: 0 0 28px;
  width: 100% !important;
  box-sizing: border-box;
}
#toc_container .toc_title{
  color: var(--bbdg-blue) !important;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--bbdg-border);
}
#toc_container ul{ font-family: inherit !important; margin: 0; padding-left: 0; list-style: none; }
#toc_container ul ul{ padding-left: 18px; margin-top: 4px; }
#toc_container li{ margin: 6px 0; line-height: 1.55; list-style: none; }
#toc_container a{
  font-size: 15px !important;
  font-weight: 500;
  color: var(--bbdg-blue) !important;
  background: none !important;
  padding: 0 !important;
  text-decoration: none;
}
#toc_container a:hover{ color: var(--bbdg-link-hover) !important; text-decoration: underline; }
#toc_container .toc_number{ color: var(--bbdg-blue); font-weight: 700; margin-right: 6px; }
.content-data ul, .menus-content ul, .category-description-content ul{ margin: 0 0 18px; padding-left: 22px; }
.content-data ul li, .menus-content ul li, .category-description-content ul li{ margin: 8px 0; list-style: disc; line-height: 1.8; }
#toc_container ul li{ list-style: none; }
.content-data ul li strong:first-child, .menus-content ul li strong:first-child, .category-description-content ul li strong:first-child{ color: var(--bbdg-blue); }
.content-data table, .menus-content table, .category-description-content table{
  width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
  margin: 18px 0 22px;
  font-size: 15px;
  background: #fff;
  border: 1px solid var(--bbdg-border);
  border-radius: 8px;
}
.content-data table thead tr, .content-data table thead td, .content-data table thead th,
.menus-content table thead tr, .menus-content table thead td, .menus-content table thead th,
.category-description-content table thead tr, .category-description-content table thead td, .category-description-content table thead th{
  background: var(--bbdg-blue);
  color: #fff;
}
.content-data table thead strong, .menus-content table thead strong, .category-description-content table thead strong{ color: #fff; }
.content-data table td, .content-data table th,
.menus-content table td, .menus-content table th,
.category-description-content table td, .category-description-content table th{
  border: 1px solid var(--bbdg-border);
  padding: 10px 12px;
  text-align: center;
  vertical-align: middle;
}
.content-data table td p, .menus-content table td p, .category-description-content table td p{ margin: 0; }
.content-data table tbody tr:nth-child(odd), .menus-content table tbody tr:nth-child(odd), .category-description-content table tbody tr:nth-child(odd){ background: var(--bbdg-soft); }
.content-data table tbody tr:hover, .menus-content table tbody tr:hover, .category-description-content table tbody tr:hover{ background: #eef4fc; }
.content-data blockquote, .menus-content blockquote, .category-description-content blockquote{
  margin: 0 0 22px;
  padding: 14px 18px;
  background: #fff8e1;
  border-left: 4px solid var(--bbdg-yellow);
  border-radius: 6px;
}
.content-data blockquote p, .menus-content blockquote p, .category-description-content blockquote p{
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #5a4a12;
}
.content-data figure, .content-data .wp-caption,
.menus-content figure, .menus-content .wp-caption,
.category-description-content figure, .category-description-content .wp-caption{
  width: 100% !important;
  max-width: 100% !important;
  margin: 22px auto;
  text-align: center;
}
.menus-content .devvn_readmore_taxonomy_flatsome,
.category-description-content .devvn_readmore_taxonomy_flatsome{ text-align: center; margin: 18px 0 4px; }
.menus-content .devvn_readmore_taxonomy_flatsome a,
.category-description-content .devvn_readmore_taxonomy_flatsome a{
  display: inline-block;
  font-weight: 600;
  color: #fff !important;
  background: var(--bbdg-blue) !important;
  padding: 8px 26px !important;
  border-radius: 24px;
  text-decoration: none;
  transition: background .2s ease;
}
.menus-content .devvn_readmore_taxonomy_flatsome a:hover,
.category-description-content .devvn_readmore_taxonomy_flatsome a:hover{ background: var(--bbdg-blue-dark) !important; }
@media (max-width: 600px){
.content-data, .menus-content, .category-description-content{ font-size: 15.5px; }
.content-data h2, .menus-content h2, .category-description-content h2{ font-size: 21px; }
.content-data h3, .menus-content h3, .category-description-content h3{ font-size: 18px; }
.content-data h4, .menus-content h4, .category-description-content h4{ font-size: 16px; }
#toc_container{ padding: 14px 16px; }
.content-data table, .menus-content table, .category-description-content table{
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 13.5px;
    border-radius: 8px;
  }
.content-data table td, .content-data table th,
  .menus-content table td, .menus-content table th,
  .category-description-content table td, .category-description-content table th{
    padding: 8px 10px;
    min-width: 96px;
    white-space: normal;
  }
}
.product-content{ color: var(--g-text); font-size: 16px; line-height: 1.7; }
.product-content p{ margin: 0 0 1em; }
.product-content p:empty{ margin: 0; }
.product-content a{ color: var(--bbdg-link); font-weight: 600; text-decoration: none; }
.product-content a:hover{ color: var(--bbdg-link-hover); text-decoration: underline; }
.product-content table{
  display: table !important;
  table-layout: fixed !important;
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 18px 0;
  font-size: 15px;
  background: #fff;
}
.product-content table thead{ display: table-header-group !important; }
.product-content table tbody{ display: table-row-group !important; }
.product-content table tr{ display: table-row !important; float: none !important; }
.product-content table td, .product-content table th{
  display: table-cell !important;
  float: none !important;
  width: auto !important;
  text-align: left !important;
  vertical-align: middle !important;
  background: #fff;
  border: 1px solid var(--bbdg-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
}
.product-content table td p, .product-content table th p{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
  line-height: 1.55 !important;
}
.product-content table td:first-child{
  width: 34% !important;
  background: var(--bbdg-soft) !important;
  font-weight: 700;
  color: var(--bbdg-blue-dark);
}
.product-content table thead td, .product-content table thead th{
  background: var(--bbdg-blue) !important;
  color: #fff !important;
  font-weight: 700;
  border-color: var(--bbdg-blue) !important;
}
.product-content table thead td p, .product-content table thead td strong{ color: #fff !important; }
.product-content table thead td:first-child{ width: 34% !important; }
.product-content table tbody tr:nth-child(even) td:last-child{ background: #fbfcfe; }
.product-content table tbody tr:hover td{ background: #eef4fc !important; }
.product-content table tbody tr:hover td:first-child{ background: #e6eefa !important; }
@media (max-width: 600px){
.product-content{ font-size: 15px; }
.product-content table{ font-size: 14px; }
.product-content table td, .product-content table th{ padding: 10px 12px !important; }
.product-content table td:first-child,
  .product-content table thead td:first-child{ width: 40% !important; }
}
.header-inner.flex-row.container.logo-left.medium-logo-left{ padding: 15px 15px; }
/* Codex post 20422 polish - GMP headings and featured products */
body.postid-20422 .entry-content h3,
body.postid-20422 .content-data h3{
  padding-left: 10px !important;
  margin: 18px 0 8px !important;
  line-height: 1.32 !important;
  border-left-width: 4px !important;
}
body.postid-20422 .post-widget-box-wrapper .widget-title{
  display: block !important;
  padding: 3px 0 8px 10px !important;
  margin: 0 0 12px !important;
  color: #1a3a6b !important;
  border-left: 4px solid #1a3a6b !important;
  border-bottom: 2px solid #0b4ea2 !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
body.postid-20422 .post-widget-box-wrapper .box-category ul{
  display: grid !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.postid-20422 .post-widget-box-wrapper .box-category .archive-cat-item{
  display: block !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #f6f8fb !important;
  border: 1px solid #e7edf4 !important;
  border-radius: 8px !important;
}
body.postid-20422 .post-widget-box-wrapper .box-category .archive-cat-item a{
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 92px !important;
  padding: 0 !important;
}
body.postid-20422 .post-widget-box-wrapper .box-category .archive-cat-item img{
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  object-fit: contain !important;
  background: #fff !important;
  border: 1px solid #e3eaf2 !important;
  border-radius: 7px !important;
  padding: 4px !important;
}
body.postid-20422 .post-widget-box-wrapper .box-category .archive-cat-item span{
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  color: #1a3a6b !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere !important;
}
@media screen and (max-width: 480px){
body.postid-20422 .post-widget-box-wrapper .box-category .archive-cat-item a{
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 16px !important;
  }
body.postid-20422 .post-widget-box-wrapper .box-category .archive-cat-item img{
    width: 96px !important;
    height: 86px !important;
    min-width: 96px !important;
  }
}
/* Fix metadata author-class collision on single posts (Codex 2026-06-29) */
body.single-post .wt-post-meta ul li.post-author.bbdg-author-box.bbdg-author-post{
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: .4em 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  overflow: visible !important;
}
body.single-post .wt-post-meta ul li.post-author.bbdg-author-box.bbdg-author-post span{
  width: auto !important;
  max-width: none !important;
}
/* Mobile author and related-post readability fix (Codex 2026-06-29) */
@media screen and (max-width: 600px){
body.single-post div.post-author.bbdg-author-box.bbdg-author-post{
    display: block !important;
    margin: 20px 0 24px !important;
    padding: 14px !important;
  }
body.single-post div.post-author.bbdg-author-post .widget-title{
    margin-bottom: 12px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
body.single-post div.post-author.bbdg-author-post .widget-content .icon-box{
    display: block !important;
    overflow: hidden !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-img{
    float: left !important;
    width: 74px !important;
    min-width: 74px !important;
    margin: 0 14px 8px 0 !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-img img{
    width: 74px !important;
    height: 74px !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-text{
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-text .text p{
    text-align: left !important;
    line-height: 1.65 !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-text .text p:first-child span{
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-text ul{
    clear: both !important;
    padding-left: 20px !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-text a{
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
body.single-post .post-related .owl-stage-outer{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
  }
body.single-post .post-related .owl-stage{
    display: flex !important;
    width: max-content !important;
    transform: none !important;
    gap: 14px !important;
  }
body.single-post .post-related .owl-item{
    display: flex !important;
    width: 260px !important;
    min-width: 260px !important;
    flex: 0 0 260px !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
  }
body.single-post .post-related .owl-item.cloned{
    display: none !important;
  }
body.single-post .post-related .blog-post{
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
  }
body.single-post .post-related .wt-post-info{
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding-top: 12px !important;
  }
body.single-post .post-related .wt-post-meta ul{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 8px 0 10px !important;
    padding: 0 !important;
    list-style: none !important;
  }
body.single-post .post-related .wt-post-meta ul li{
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }
body.single-post .post-related .wt-post-meta ul li::after,
  body.single-post .post-related .wt-post-meta ul li::before{
    display: none !important;
    content: none !important;
  }
body.single-post .post-related .wt-post-meta .post-view{
    text-align: right !important;
  }
body.single-post .post-related .wt-post-text{
    margin-top: auto !important;
  }
}
/* Mobile author justified text and intact Facebook URL (Codex 2026-06-29) */
@media screen and (max-width: 600px){
body.single-post div.post-author.bbdg-author-post .icon-box-text .text p:not(:first-child){
    text-align: justify !important;
    text-align-last: left !important;
    text-justify: inter-word !important;
    hyphens: auto !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-text .text ul li:first-child strong{
    display: block !important;
    width: 100% !important;
    margin-top: 3px !important;
  }
body.single-post div.post-author.bbdg-author-post .icon-box-text .text ul li:first-child a{
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 12px !important;
    letter-spacing: -0.25px !important;
  }
}
/* Remove underlines from all footer section headings (Codex 2026-06-29) */
footer#footer .vp-footer-header p{
  border-bottom: 0 !important;
}
/* BBDG NEWS IMAGE AND BUTTON CONSISTENCY 2026-06-30 START */
/* Keep category featured images at their original 1200x650 ratio. */
body.category-586 .list-posts .wt-post-media,
body.category-588 .list-posts .wt-post-media{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1200 / 650 !important;
  overflow:hidden !important;
  background:#eef3f8 !important;
}
body.category-586 .list-posts .wt-post-media a,
body.category-588 .list-posts .wt-post-media a{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
body.category-586 .list-posts .wt-post-media img,
body.category-588 .list-posts .wt-post-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center !important;
}
/* BBDG NEWS LEADING IMAGE HEIGHT RELEASE 2026-06-30 START */
body.category-586 .list-posts .wt-post-media,
body.category-588 .list-posts .wt-post-media,
body.category-586 .list-posts .wt-post-media a,
body.category-588 .list-posts .wt-post-media a,
body.category-586 .list-posts .wt-post-media img,
body.category-588 .list-posts .wt-post-media img{
  max-height:none !important;
}
body.category-586 .list-posts .grid-column-1 .wt-post-media,
body.category-588 .list-posts .grid-column-1 .wt-post-media{
  height:auto !important;
  aspect-ratio:1200 / 650 !important;
}
/* BBDG PROJECT DETAIL REAL LINK 2026-06-30 START */
body.category-596 .list-posts .wt-post-info::after{
  display:none !important;
  content:none !important;
}
body.category-596 .list-posts .bbdg-project-detail-link{
  display:inline-flex !important;
  min-height:44px;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  padding:10px 18px;
  border:1px solid #8ee45d;
  border-radius:999px;
  background:#8ee45d;
  color:#003f86 !important;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none !important;
  cursor:pointer;
  position:relative;
  z-index:3;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
body.category-596 .list-posts .bbdg-project-detail-link:hover,
body.category-596 .list-posts .bbdg-project-detail-link:focus{
  border-color:#76cf43;
  background:#76cf43;
  color:#003f86 !important;
  transform:translateY(-1px);
}
/* BBDG GLOBAL BUTTON SYSTEM 2026-06-30 START */
:root{
  --bbdg-button-bg:#8ee45d;
  --bbdg-button-bg-hover:#76cf43;
  --bbdg-button-text:#003f86;
}
@media(max-width:700px){
.bbdg-quote-panel{max-width:100%!important}
}
/* CODEX MOBILE BALANCE 2026-07-03 */
@media screen and (max-width:700px){
html,body{max-width:100%;overflow-x:hidden}
#header .header-inner{
    min-height:64px!important;
    padding:8px 14px!important;
    gap:10px!important
  }
#header .logo{margin:0!important}
#header .logo img{width:auto!important;max-height:48px!important}
#header .header-button .button{min-height:40px!important;padding:8px 12px!important}
}
/* CODEX SERVER CAPABILITY LAYOUT 2026-07-03 */
.home .bbdg-capability-heading{font-size:38px!important;color:#00357a!important;text-transform:uppercase;letter-spacing:.4px}
.home .bbdg-capability-reference{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);gap:36px;align-items:stretch;max-width:1180px}
.home .bbdg-capability-left{width:100%!important;max-width:none!important;flex-basis:auto!important;padding:0 15px!important}
.home .bbdg-capability-dashboard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0!important}
.home .bbdg-capability-dashboard .col{max-width:none!important;flex-basis:auto!important;padding:0!important}
.home .bbdg-capability-dashboard .col-inner{height:100%}
.home .bbdg-capability-dashboard .box-count-element{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:275px;margin:0!important;padding:28px 18px;border:1px solid #e7edf4;background:#fff;text-align:center;box-shadow:0 8px 24px rgba(0,57,122,.04)}
.home .bbdg-capability-dashboard .box-count-element .count-icon{display:flex;align-items:center;justify-content:center;width:86px;height:86px;margin:0 auto 20px;padding:14px;border-radius:50%;background:#f3f7fb}
.home .bbdg-capability-dashboard .box-count-element .count-icon img{width:100%;height:100%;object-fit:contain}
.home .bbdg-capability-dashboard .box-count-element .count{margin:0 0 8px;color:#00357a;font-size:21px;font-weight:700;line-height:1.25}
.home .bbdg-capability-dashboard .box-count-element .count-text{color:#17446f;font-size:16px;line-height:1.4}
.home .bbdg-profile-card{color:inherit;text-decoration:none}
.home .bbdg-profile-card:hover{border-color:#f5d60a;box-shadow:0 12px 30px rgba(0,53,122,.14);transform:translateY(-2px)}
.home .bbdg-profile-icon{background:#00357a!important}
.home .bbdg-profile-icon svg{width:52px;height:52px;fill:none;stroke:#f5d60a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.home .bbdg-profile-card .count-text{color:#00357a}
.home .bbdg-profile-column .text,.home .bbdg-profile-column .text-inner{height:100%}
.home .bbdg-capability-certificate{width:100%!important;max-width:none!important;padding:0 15px;display:flex;align-items:stretch}
.home .bbdg-capability-certificate .col-inner,.home .bbdg-capability-certificate .slider-wrapper{width:100%;height:100%}
.home .bbdg-capability-certificate .slider,.home .bbdg-capability-certificate .flickity-viewport{height:100%!important;min-height:574px}
.home .bbdg-capability-certificate .slider .img{width:100%!important;height:100%}
.home .bbdg-capability-certificate .slider .img-inner{height:100%;display:flex;align-items:center;justify-content:center}
.home .bbdg-capability-certificate .slider img{width:100%!important;height:100%!important;max-height:574px;object-fit:contain}
@media(max-width:849px){
.home .bbdg-capability-reference{grid-template-columns:1fr;gap:26px}
.home .bbdg-capability-certificate .slider,.home .bbdg-capability-certificate .flickity-viewport{min-height:520px}
.home .bbdg-capability-heading{font-size:30px!important}
}
@media(max-width:549px){
.home .bbdg-capability-dashboard{grid-template-columns:1fr;gap:16px}
.home .bbdg-capability-dashboard .box-count-element{min-height:220px}
.home .bbdg-capability-certificate .slider,.home .bbdg-capability-certificate .flickity-viewport{min-height:430px}
.home .bbdg-capability-heading{font-size:25px!important}
}
.home .bbdg-profile-icon{background-color:#00357a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23f5d60a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8h24l10 10v38H16z'/%3E%3Cpath d='M40 8v12h12M23 29h20M23 37h20M23 45h13'/%3E%3Ccircle cx='18' cy='17' r='8'/%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:52px 52px!important}
/* BBDG MOTION LAYER V1 - homepage only; no hero or layout overrides */
@media (prefers-reduced-motion:no-preference){
.home.bbdg-motion-ready .bbdg-reveal{
    opacity:0;
    transform:translate3d(0,18px,0);
    transition:
      opacity .46s ease,
      transform .46s cubic-bezier(.22,.8,.24,1);
    transition-delay:calc(var(--bbdg-reveal-order,0) * 80ms);
    will-change:opacity,transform;
  }
.home.bbdg-motion-ready .bbdg-reveal.bbdg-reveal-visible{
    opacity:1;
    transform:translate3d(0,0,0);
  }
.home .box-count-element,
  .home .accordion .accordion-item,
  .home .bbdg-product-mobile-motion .flickity-slider > *{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
.home .box-count-element{
    transition:transform .28s ease,box-shadow .28s ease;
  }
@media (hover:hover){
.home .box-count-element:hover{
      transform:translate3d(0,-3px,0);
      box-shadow:0 12px 28px rgba(0,53,117,.13);
    }
}
.home .accordion .accordion-title{
    transition:background-color .24s ease,color .24s ease,box-shadow .24s ease,transform .24s ease;
  }
.home .accordion .accordion-item.active .accordion-title{
    transform:translate3d(0,-1px,0);
  }
.home a.button,
  .home .button{
    transition:transform .2s ease,box-shadow .2s ease;
  }
.home a.button:active,
  .home .button:active{
    transform:translate3d(0,1px,0);
  }
}
@media (max-width:849px) and (prefers-reduced-motion:no-preference){
.home .bbdg-product-mobile-motion{
    overflow:visible!important;
    padding-right:0!important;
  }
.home .bbdg-product-mobile-motion .flickity-viewport{
    overflow:visible!important;
  }
.home .bbdg-product-mobile-motion .flickity-slider > *{
    width:88%!important;
    margin-right:12px!important;
    transform:translate3d(0,0,0);
  }
.home .bbdg-product-mobile-motion .flickity-page-dots{
    position:relative!important;
    bottom:auto!important;
    margin-top:14px!important;
  }
.home .bbdg-product-mobile-motion .flickity-page-dots .dot{
    transition:transform .22s ease,opacity .22s ease;
  }
.home .bbdg-product-mobile-motion .flickity-page-dots .dot.is-selected{
    transform:scale(1.35);
  }
.home .bbdg-product-mobile-motion .flickity-slider > *{
    transition:opacity .34s ease,transform .34s cubic-bezier(.22,.8,.24,1);
  }
.home .bbdg-product-mobile-motion .flickity-slider > *.is-selected{
    opacity:1;
  }
.home .bbdg-product-mobile-motion .flickity-slider > *:not(.is-selected){
    opacity:.84;
  }
}
@media (prefers-reduced-motion:reduce){
.home .bbdg-reveal,
  .home .bbdg-product-mobile-motion .flickity-slider > *{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
/* BBDG SECTION REVEAL V2 - homepage sections except hero */
@media (prefers-reduced-motion:no-preference){
.home.bbdg-motion-ready .bbdg-section-reveal{
    opacity:0;
    transform:translate3d(0,20px,0);
    transition:
      opacity .46s ease,
      transform .46s cubic-bezier(.22,.8,.24,1);
    will-change:opacity,transform;
  }
.home.bbdg-motion-ready .bbdg-section-reveal.bbdg-section-reveal-visible{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
@media (prefers-reduced-motion:reduce){
.home .bbdg-section-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
/* BBDG SEQUENTIAL SCROLL MOTION V3 */
@media (prefers-reduced-motion:no-preference){
.home.bbdg-motion-ready .bbdg-reveal{
    transition-duration:.48s!important;
    transition-timing-function:cubic-bezier(.22,.8,.24,1)!important;
    transition-delay:calc(var(--bbdg-reveal-order,0) * 100ms)!important;
  }
.home.bbdg-motion-ready .bbdg-section-reveal{
    transition-duration:.48s!important;
    transition-timing-function:cubic-bezier(.22,.8,.24,1)!important;
  }
}
/* BBDG FOOTER TRUSTINDEX FIT */
/* Keep the Trustindex badge inside the Footer policy column. */
.vp-footer .bbdg-footer-trustindex{
  overflow: hidden;
}
.vp-footer .bbdg-footer-trustindex .ti-widget{
  zoom: .31;
  max-width: 100% !important;
}
@media (max-width: 549px){
.vp-footer .bbdg-footer-trustindex .ti-widget{
    zoom: .36;
  }
}