/* ==========================================================================
   templates/blocks/block-6/style.css
   Version: v3.8.0 (HIGHLIGHT SYNCED)
   - Đồng bộ với render.php + render-part.php
   - Bổ sung màu nền highlight từ khóa tìm kiếm (mark.pf-search-hl)
   ========================================================================== */

.pf-b6{
  --pf-container-w: 100%;
  --pf-pad: 0;
  --pf-bottom-space: 36px;
  --pf-b-width: 0;
  --pf-b-style: solid;
  --pf-b-color: transparent;
  --pf-b-radius: 12px;
  --pf-shadow: none;
  --pf-bg: transparent;

  --pf-cols: 1;
  --pf-cols-tablet: 1;
  --pf-cols-mobile: 1;
  --pf-gap: 20px;

  --pf-head-align: flex-start;
  --pf-head-bg: transparent;
  --pf-head-color: inherit;
  --pf-head-fs: inherit;
  --pf-head-fw: 700;
  --pf-head-fstyle: normal;
  --pf-head-tt: none;
  --pf-head-pad: 0;
  --pf-head-m: 0 0 16px 0;
  --pf-head-line-thickness: 3px;
  --pf-head-line-len: 40%;
  --pf-head-line-offset: 6px;
  --pf-head-line-color: currentColor;

  --pf-num-bg: #f97316;
  --pf-num-color: #ffffff;
  --pf-num-fs: 24px;
  --pf-num-fw: 700;
  --pf-num-size: 50px;
  --pf-num-br: 8px;

  --pf-thumb-ratio: 1.7777777778;
  --pf-thumb-radius: 6px;
  --pf-thumb-fit: cover;
  --pf-thumb-v-align: 50%;

  --pf-title-fs: 16px;
  --pf-title-fw: 700;
  --pf-title-tt: none;
  --pf-title-lh: 1.4;
  --pf-title-space: 0 0 8px 0;
  --pf-title-color: inherit;
  --pf-title-bg: transparent;
  --pf-title-pad: 0;
  --pf-title-bw: 0;
  --pf-title-bc: transparent;
  --pf-title-br: 0;
  --pf-title-align: left;

  --pf-meta-fs: 13px;
  --pf-meta-fw: 400;
  --pf-meta-gap: 8px;
  --pf-meta-color: inherit;
  --pf-meta-box-pad: 0;
  --pf-meta-box-m: 0;
  --pf-meta-justify: flex-start;
  --pf-meta-align: center;

  --pf-cat-display: inline-block;
  --pf-cat-spacing: 0 6px 6px 0;
  --pf-cat-padding: 4px 10px;
  --pf-cat-bw: 0;
  --pf-cat-bc: transparent;
  --pf-cat-br: 6px;
  --pf-cat-fs: 13px;
  --pf-cat-fw: 600;
  --pf-cat-tt: none;
  --pf-cat-style: normal;
  --pf-cat-lh: 1;
  --pf-cat-bg: transparent;
  --pf-cat-color: inherit;

  --pf-item-pad: 10px;
  --pf-item-bs: solid;
  --pf-item-bw: 0;
  --pf-item-bc: transparent;
  --pf-item-br: 8px;
  --pf-item-shadow: none;
  --pf-item-bg: transparent;
  --pf-loadmore-color: inherit;
  --pf-loadmore-bg: rgba(255, 255, 255, .04);
  --pf-loadmore-border: rgba(148, 163, 184, .5);
  --pf-pagi-color: inherit;
  --pf-pagi-bg: rgba(255,255,255,.04);
  --pf-pagi-border: rgba(148,163,184,.45);
  --pf-pagi-active-color: #ffffff;
  --pf-pagi-active-bg: #0f172a;
  --pf-pagi-active-border: #0f172a;

  box-sizing: border-box;
  width: var(--pf-container-w);
  max-width: 100%;
  margin: 0 auto var(--pf-bottom-space) auto;
  padding: var(--pf-pad);
  background: var(--pf-bg);
  border-style: var(--pf-b-style);
  border-width: var(--pf-b-width);
  border-color: var(--pf-b-color);
  border-radius: var(--pf-b-radius);
  box-shadow: var(--pf-shadow);
  position: relative;
}

.pf-b6,
.pf-b6 *{
  box-sizing: border-box;
}

.pf-b6 a{
  -webkit-tap-highlight-color: transparent;
}

/* ==========================================================================
   Header
   ========================================================================== */
.pf-b6 .pf-b6-head{
  padding: var(--pf-head-pad);
  margin: var(--pf-head-m);
  background: var(--pf-head-bg);
  color: var(--pf-head-color);
  display: flex;
  flex-direction: column;
  align-items: var(--pf-head-align);
  position: relative;
}

.pf-b6 .pf-title-wrap{
  width: 100%;
  min-width: 0;
}

.pf-b6 .pf-b6-head > .pf-title-wrap{
  display: flex;
  justify-content: var(--pf-head-align);
  width: 100%;
}

.pf-b6 .pf-b6-head > .pf-title-wrap > .pf-title{
  margin: 0;
  font-size: var(--pf-head-fs);
  font-weight: var(--pf-head-fw);
  font-style: var(--pf-head-fstyle);
  text-transform: var(--pf-head-tt);
  color: inherit;
  line-height: 1.3;
  min-width: 0;
}

.pf-b6 .pf-b6-head > .pf-title-wrap > .pf-title a{
  color: inherit;
  text-decoration: none;
}

.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="bottom"]::after,
.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="top"]::before{
  content: "";
  display: block;
  position: relative;
  width: var(--pf-head-line-len);
  height: var(--pf-head-line-thickness);
  background: var(--pf-head-line-color);
  border-radius: 999px;
  flex: 0 0 auto;
}

.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="top"]::before{
  margin-bottom: var(--pf-head-line-offset);
  align-self: var(--pf-head-align);
}

.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="bottom"]::after{
  margin-top: var(--pf-head-line-offset);
  align-self: var(--pf-head-align);
}

.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="left"],
.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="right"]{
  padding-left: calc(var(--pf-head-line-thickness) + var(--pf-head-line-offset));
  padding-right: calc(var(--pf-head-line-thickness) + var(--pf-head-line-offset));
}

.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="left"]::before,
.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="right"]::after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--pf-head-line-thickness);
  height: var(--pf-head-line-len);
  background: var(--pf-head-line-color);
  border-radius: 999px;
}

.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="left"]::before{ left: 0; }
.pf-b6 .pf-b6-head[data-line="1"][data-line-pos="right"]::after{ right: 0; }

/* ==========================================================================
   Grid / Cards
   ========================================================================== */
.pf-b6 .pf-b6-grid{
  display: grid;
  grid-template-columns: repeat(var(--pf-cols), minmax(0, 1fr));
  gap: var(--pf-gap);
  align-items: start;
  width: 100%;
  min-width: 0;
}

@media (max-width: 1024px){
  .pf-b6 .pf-b6-grid{
    grid-template-columns: repeat(var(--pf-cols-tablet), minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .pf-b6 .pf-b6-grid{
    grid-template-columns: repeat(var(--pf-cols-mobile), minmax(0, 1fr));
  }
}

.pf-b6 .pf-pcard{
  position: relative;
  width: 100%;
  min-width: 0;
  padding: var(--pf-item-pad);
  background: var(--pf-item-bg);
  border-style: var(--pf-item-bs);
  border-width: var(--pf-item-bw);
  border-color: var(--pf-item-bc);
  border-radius: var(--pf-item-br);
  box-shadow: var(--pf-item-shadow);
  overflow: visible;
}

.pf-b6 .pf-body{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  width: 100%;
}

.pf-b6[data-img-pos="right"] .pf-body{
  flex-direction: row-reverse;
}

.pf-b6[data-num-pos="left"] .pf-pcard{
  display: flex;
  align-items: center;
  gap: 15px;
}

.pf-b6[data-num-pos="left"] .pf-number{
  order: 0;
}

.pf-b6[data-num-pos="left"] .pf-body{
  order: 1;
  flex: 1 1 auto;
}

.pf-b6[data-num-pos="right"] .pf-pcard{
  display: flex;
  align-items: center;
  gap: 15px;
  flex-direction: row-reverse;
}

.pf-b6[data-num-pos="right"] .pf-number{
  order: 0;
}

.pf-b6[data-num-pos="right"] .pf-body{
  order: 1;
  flex: 1 1 auto;
}

.pf-b6 .pf-number{
  background: var(--pf-num-bg);
  color: var(--pf-num-color);
  width: var(--pf-num-size);
  height: var(--pf-num-size);
  min-width: var(--pf-num-size);
  border-radius: var(--pf-num-br);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pf-num-fs);
  font-weight: var(--pf-num-fw);
  line-height: 1;
  flex: 0 0 auto;
  text-align: center;
}

.pf-b6 .pf-thumb-wrap{
  width: 120px;
  flex: 0 0 auto;
  min-width: 0;
}

.pf-b6 .pf-thumb{
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
  border-radius: var(--pf-thumb-radius);
  overflow: hidden;
  background: #243242;
}

.pf-b6 .pf-thumb img,
.pf-b6 .pf-thumb .pf-thumb-ph{
  display: block;
  width: 100%;
  aspect-ratio: var(--pf-thumb-ratio);
}

.pf-b6 .pf-thumb img{
  object-fit: var(--pf-thumb-fit);
  object-position: center var(--pf-thumb-v-align);
  height: auto;
}

.pf-b6 .pf-thumb .pf-thumb-ph{
  background: linear-gradient(135deg, #334155, #1e293b);
}

.pf-b6 .pf-content{
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pf-b6 .pf-cat-row{
  min-width: 0;
}

.pf-b6 .pf-title{
  margin: var(--pf-title-space);
  font-size: var(--pf-title-fs);
  font-weight: var(--pf-title-fw);
  text-transform: var(--pf-title-tt);
  line-height: var(--pf-title-lh);
  color: var(--pf-title-color);
  background: var(--pf-title-bg);
  padding: var(--pf-title-pad);
  border-style: solid;
  border-width: var(--pf-title-bw);
  border-color: var(--pf-title-bc);
  border-radius: var(--pf-title-br);
  text-align: var(--pf-title-align);
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.pf-b6 .pf-title a{
  color: inherit;
  text-decoration: none;
}

.pf-b6 .pf-title a:hover{
  text-decoration: underline;
}

.pf-b6 .pf-excerpt{
  margin: 0 0 8px 0;
  font-size: 13px;
  line-height: 1.55;
  opacity: .92;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.pf-b6 .pf-readmore-wrap{
  margin: 0 0 8px 0;
}

.pf-b6 .pf-readmore{
  display: inline-flex;
  align-items: center;
  gap: .4em;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.2;
}

.pf-b6 .pf-readmore:hover{
  text-decoration: underline;
}

.pf-b6 .pf-meta{
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--pf-meta-justify);
  align-items: var(--pf-meta-align);
  gap: var(--pf-meta-gap);
  padding: var(--pf-meta-box-pad);
  margin: var(--pf-meta-box-m);
  color: var(--pf-meta-color);
  font-size: var(--pf-meta-fs);
  font-weight: var(--pf-meta-fw);
  min-width: 0;
}

.pf-b6 .pf-meta-item{
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.pf-b6 .pf-meta-item .pf-ic{
  display: inline-block;
  vertical-align: -0.125em;
  width: 1em;
  height: 1em;
  margin-right: .42em;
  color: currentColor;
  flex: 0 0 auto;
}

.pf-b6 .pf-author,
.pf-b6 .pf-date{
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.pf-b6 .pf-date time{
  color: inherit;
}

/* ==========================================================================
   Category badge
   ========================================================================== */
.pf-b6 .pf-badge{
  display: var(--pf-cat-display);
  margin: var(--pf-cat-spacing);
  padding: var(--pf-cat-padding);
  border-style: solid;
  border-width: var(--pf-cat-bw);
  border-color: var(--pf-cat-bc);
  border-radius: var(--pf-cat-br);
  font-size: var(--pf-cat-fs);
  font-weight: var(--pf-cat-fw);
  font-style: var(--pf-cat-style);
  text-transform: var(--pf-cat-tt);
  line-height: var(--pf-cat-lh);
  background: var(--pf-cat-bg);
  color: var(--pf-cat-color);
  text-decoration: none;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.pf-b6 .pf-badge:hover{
  text-decoration: none;
  opacity: .92;
}

/* over thumbnail */
.pf-b6 .pf-b6-grid[data-catpos="over"] .pf-thumb > .pf-badge{
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  margin: 0;
}

.pf-b6 .pf-b6-grid[data-catpos="over"][data-catalign="center"] .pf-thumb > .pf-badge{
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.pf-b6 .pf-b6-grid[data-catpos="over"][data-catalign="right"] .pf-thumb > .pf-badge{
  left: auto;
  right: 6px;
  transform: none;
}

/* before / after title align */
.pf-b6 .pf-b6-grid[data-catpos="before"][data-catalign="center"] .pf-cat-row,
.pf-b6 .pf-b6-grid[data-catpos="after"][data-catalign="center"] .pf-cat-row{
  text-align: center;
}

.pf-b6 .pf-b6-grid[data-catpos="before"][data-catalign="right"] .pf-cat-row,
.pf-b6 .pf-b6-grid[data-catpos="after"][data-catalign="right"] .pf-cat-row{
  text-align: right;
}

/* ==========================================================================
   Show/Hide by data attrs
   ========================================================================== */
.pf-b6 .pf-b6-grid[data-thumb="0"] .pf-thumb-wrap{ display: none !important; }
.pf-b6 .pf-b6-grid[data-cat="0"] .pf-badge, .pf-b6 .pf-b6-grid[data-cat="0"] .pf-cat-row{ display: none !important; }
.pf-b6 .pf-b6-grid[data-meta="0"] .pf-meta{ display: none !important; }
.pf-b6 .pf-b6-grid[data-author="0"] .pf-meta [data-meta="author"]{ display: none !important; }
.pf-b6 .pf-b6-grid[data-date="0"] .pf-meta [data-meta="date"]{ display: none !important; }
.pf-b6 .pf-b6-grid[data-number="0"] .pf-number{ display: none !important; }
.pf-b6 .pf-b6-grid[data-excerpt="0"] .pf-excerpt{ display: none !important; }
.pf-b6 .pf-b6-grid[data-readmore="0"] .pf-readmore-wrap{ display: none !important; }
.pf-b6 .pf-b6-grid[data-excerpt-pos="top"] .pf-excerpt{ order: -2; }
.pf-b6 .pf-b6-grid[data-readmore-pos="top"] .pf-readmore-wrap{ order: -1; }

/* ✅ HIGHLIGHT SEARCH TERM CLASS */
.pf-b6 mark.pf-search-hl{ padding:.08em .18em; border-radius:.22em; background-color: #ffe082; color: #333; }

/* ==========================================================================
   Pagination / Load
   ========================================================================== */
.pf-b6 .pf-pgrid-pagi{ margin-top: 20px; display: flex; justify-content: center; align-items: center; }
.pf-b6 .pf-pg-nums, .pf-b6 .pf-pg-nextprev{ display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: center; }
.pf-b6 .pf-page-num, .pf-b6 .pf-page-prev, .pf-b6 .pf-page-next{ min-width: 36px; height: 36px; padding: 0 12px; border: 1px solid rgba(148, 163, 184, .5); border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: inherit; background: rgba(255, 255, 255, .02); transition: .18s ease; }
.pf-b6 .pf-page-num:hover, .pf-b6 .pf-page-prev:hover, .pf-b6 .pf-page-next:hover{ transform: translateY(-1px); background: rgba(255, 255, 255, .05); }
.pf-b6 .pf-page-num.is-active{ outline: 1px solid #6366f1; box-shadow: 0 0 0 1px rgba(99, 102, 241, .2) inset; font-weight: 700; }
.pf-b6 .pf-page-prev.is-disabled, .pf-b6 .pf-page-next.is-disabled{ opacity: .45; pointer-events: none; }
.pf-b6 .pf-page-status{ opacity: .88; font-size: 13px; }

.pf-b6 .pf-pgrid-load{ margin-top: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.pf-b6 .pf-pgrid-loadmore{ min-width: 130px; padding: 10px 16px; border-radius: 10px; border: 1px solid var(--pf-loadmore-border); background: var(--pf-loadmore-bg); color: var(--pf-loadmore-color); cursor: pointer; transition: .18s ease; }
.pf-b6 .pf-pgrid-loadmore:hover{ transform: translateY(-1px); background: rgba(255, 255, 255, .08); }
.pf-b6 .pf-pgrid-loadmore[disabled]{ opacity: .65; cursor: default; transform: none; }
.pf-b6 .pf-pgrid-load-sentinel{ width: 100%; max-width: 180px; height: 10px; border-radius: 999px; border: 1px dashed rgba(148, 163, 184, .6); }

/* ==========================================================================
   Loading state
   ========================================================================== */
.pf-b6.is-loading{ pointer-events: auto; }
.pf-b6.is-loading .pf-pgrid-loadmore{ opacity: .72; }
.pf-b6.is-loading .pf-pgrid-loadmore::after{ content: ""; width: 12px; height: 12px; margin-left: 8px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; display: inline-block; vertical-align: -2px; animation: pf-b6-spin .72s linear infinite; }
@keyframes pf-b6-spin{ to{ transform: rotate(360deg); } }

/* ==========================================================================
   Responsive refinements
   ========================================================================== */
@media (max-width: 767px){
  .pf-b6 .pf-thumb-wrap{ width: 104px; }
  .pf-b6[data-num-pos="left"] .pf-pcard, .pf-b6[data-num-pos="right"] .pf-pcard{ gap: 12px; }
  .pf-b6 .pf-title{ overflow-wrap: anywhere; word-break: break-word; }
}
@media (max-width: 520px){
  .pf-b6 .pf-body{ gap: 10px; }
  .pf-b6 .pf-thumb-wrap{ width: 96px; }
  .pf-b6 .pf-page-num, .pf-b6 .pf-page-prev, .pf-b6 .pf-page-next{ min-width: 34px; height: 34px; padding: 0 10px; }
}

.pf-b6 .pf-b6-grid:empty::before{ content: ""; display: block; }
.pf-b6 .pf-pcard:last-child{ margin-bottom: 0; }

.pf-b6 .pf-pg-nums,
.pf-b6 .pf-pg-nextprev{ display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap; }

.pf-b6 .pf-pg-nums .pf-page-num,
.pf-b6 .pf-pg-nextprev .pf-page-prev,
.pf-b6 .pf-pg-nextprev .pf-page-next{
  min-width: 42px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid var(--pf-pagi-border);
  background: var(--pf-pagi-bg);
  color: var(--pf-pagi-color);
  text-decoration: none;
  transition: .18s ease;
}

.pf-b6 .pf-pg-nums .pf-page-num:hover,
.pf-b6 .pf-pg-nextprev .pf-page-prev:hover,
.pf-b6 .pf-pg-nextprev .pf-page-next:hover{
  transform: translateY(-1px);
}

.pf-b6 .pf-pg-nums .pf-page-num.is-active,
.pf-b6 .pf-pg-nextprev .pf-page-prev.is-active,
.pf-b6 .pf-pg-nextprev .pf-page-next.is-active{
  border-color: var(--pf-pagi-active-border);
  background: var(--pf-pagi-active-bg);
  color: var(--pf-pagi-active-color);
}

.pf-b6 .pf-pg-nextprev .pf-page-prev.is-disabled,
.pf-b6 .pf-pg-nextprev .pf-page-next.is-disabled{
  opacity: .55;
  pointer-events: none;
}


/* =======================================================================
   FRONTEND LAYOUT HARDENING — v3.9.1
   Fix: ngoài render bị xếp dọc/center khác Builder do CSS theme/global ghi đè.
   Ép layout runtime khớp preview: Number + Body nằm ngang, Image + Content nằm ngang.
   ======================================================================= */
.pf-b6 > .pf-b6-grid > .pf-pcard{
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
  flex-direction:row !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  text-align:left !important;
}
.pf-b6[data-num-pos="right"] > .pf-b6-grid > .pf-pcard{
  flex-direction:row-reverse !important;
}
.pf-b6 > .pf-b6-grid > .pf-pcard > .pf-number{
  flex:0 0 auto !important;
  margin:0 !important;
}
.pf-b6 > .pf-b6-grid > .pf-pcard > .pf-body{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  flex-direction:row !important;
  text-align:left !important;
}
.pf-b6[data-img-pos="right"] > .pf-b6-grid > .pf-pcard > .pf-body{
  flex-direction:row-reverse !important;
}
.pf-b6 > .pf-b6-grid > .pf-pcard > .pf-body > .pf-thumb-wrap{
  width:120px !important;
  flex:0 0 120px !important;
  margin:0 !important;
}
.pf-b6 > .pf-b6-grid > .pf-pcard > .pf-body > .pf-content{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  align-items:stretch !important;
  text-align:left !important;
}
.pf-b6 .pf-title{
  text-align:var(--pf-title-align,left) !important;
}
.pf-b6 .pf-meta{
  justify-content:var(--pf-meta-justify,flex-start) !important;
  align-items:var(--pf-meta-align,center) !important;
}
.pf-b6 .pf-cat-row{
  width:100% !important;
}
.pf-b6 .pf-b6-grid[data-catpos="before"][data-catalign="center"] .pf-cat-row,
.pf-b6 .pf-b6-grid[data-catpos="after"][data-catalign="center"] .pf-cat-row{
  text-align:center !important;
}
.pf-b6 .pf-b6-grid[data-catpos="before"][data-catalign="right"] .pf-cat-row,
.pf-b6 .pf-b6-grid[data-catpos="after"][data-catalign="right"] .pf-cat-row{
  text-align:right !important;
}
@media (max-width:520px){
  .pf-b6 > .pf-b6-grid > .pf-pcard{ gap:12px !important; }
  .pf-b6 > .pf-b6-grid > .pf-pcard > .pf-body{ gap:10px !important; }
  .pf-b6 > .pf-b6-grid > .pf-pcard > .pf-body > .pf-thumb-wrap{
    width:96px !important;
    flex-basis:96px !important;
  }
}

/* ========================================================================== 
   v3.9.2 — FRONTEND ISOLATION / ANTI GLOBAL CONFLICT
   Chống CSS của block khác/theme ghi đè .pf-thumb/.pf-body/.pf-title/.pf-meta.
   ========================================================================== */
.pf-b6{display:block!important;position:relative!important;clear:both!important;isolation:isolate!important;contain:layout style!important;}
.pf-b6>.pf-b6-grid{display:grid!important;grid-template-columns:repeat(var(--pf-cols,1),minmax(0,1fr))!important;gap:var(--pf-gap,20px)!important;align-items:start!important;width:100%!important;min-width:0!important;clear:both!important;}
@media(max-width:1024px){.pf-b6>.pf-b6-grid{grid-template-columns:repeat(var(--pf-cols-tablet,1),minmax(0,1fr))!important;}}
@media(max-width:767px){.pf-b6>.pf-b6-grid{grid-template-columns:repeat(var(--pf-cols-mobile,1),minmax(0,1fr))!important;}}
.pf-b6>.pf-b6-grid>.pf-pcard{display:flex!important;flex-direction:row!important;align-items:center!important;gap:15px!important;position:relative!important;float:none!important;clear:both!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:visible!important;text-align:left!important;}
.pf-b6[data-num-pos="right"]>.pf-b6-grid>.pf-pcard{flex-direction:row-reverse!important;}
.pf-b6>.pf-b6-grid>.pf-pcard>.pf-number{position:relative!important;float:none!important;flex:0 0 auto!important;margin:0!important;z-index:1!important;}
.pf-b6>.pf-b6-grid>.pf-pcard>.pf-body{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;height:auto!important;position:static!important;float:none!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;text-align:left!important;}
.pf-b6[data-img-pos="right"]>.pf-b6-grid>.pf-pcard>.pf-body{flex-direction:row-reverse!important;}
.pf-b6 .pf-thumb-wrap{display:block!important;position:relative!important;float:none!important;width:120px!important;flex:0 0 120px!important;min-width:0!important;max-width:120px!important;margin:0!important;}
.pf-b6 .pf-thumb{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;float:none!important;border-radius:var(--pf-thumb-radius,6px)!important;}
.pf-b6 .pf-thumb img,.pf-b6 .pf-thumb .pf-thumb-ph{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:var(--pf-thumb-ratio,1.7777777778)!important;object-fit:var(--pf-thumb-fit,cover)!important;object-position:center var(--pf-thumb-v-align,50%)!important;}
.pf-b6 .pf-content{display:flex!important;flex-direction:column!important;align-items:stretch!important;position:static!important;float:none!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:100%!important;height:auto!important;inset:auto!important;transform:none!important;text-align:left!important;}
.pf-b6 .pf-title,.pf-b6 .pf-title a{position:static!important;display:block!important;float:none!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-decoration:none!important;z-index:auto!important;}
.pf-b6 .pf-meta,.pf-b6 .pf-cat-row,.pf-b6 .pf-excerpt,.pf-b6 .pf-readmore-wrap{position:static!important;float:none!important;max-width:100%!important;}
.pf-b6>.pf-pgrid-pagi,.pf-b6>.pf-pgrid-load{clear:both!important;width:100%!important;position:relative!important;z-index:2!important;margin-top:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.pf-b6 .pf-pg-nums,.pf-b6 .pf-pg-nextprev{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;width:100%!important;}
@media(max-width:520px){.pf-b6>.pf-b6-grid>.pf-pcard{gap:12px!important}.pf-b6>.pf-b6-grid>.pf-pcard>.pf-body{gap:10px!important}.pf-b6 .pf-thumb-wrap{width:96px!important;flex-basis:96px!important;max-width:96px!important}}

/* ======================================================================
   v3.9.3 — THUMB PSEUDO CONFLICT FIX
   Fix: block khác/theme tạo .pf-thumb::before làm ảnh bị đội xuống, xuất hiện mảng trống.
   Block-6 dùng aspect-ratio trực tiếp trên .pf-thumb, không dùng pseudo spacer.
   ====================================================================== */
.pf-b6 .pf-thumb::before,
.pf-b6 .pf-thumb::after,
.pf-b6 .pf-pcard .pf-thumb::before,
.pf-b6 .pf-pcard .pf-thumb::after{
  content:none!important;
  display:none!important;
  padding:0!important;
  margin:0!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
}
.pf-b6 .pf-thumb{
  display:block!important;
  position:relative!important;
  width:100%!important;
  aspect-ratio:var(--pf-thumb-ratio,1.7777777778)!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#243242!important;
  border-radius:var(--pf-thumb-radius,6px)!important;
}
.pf-b6 .pf-thumb img,
.pf-b6 .pf-thumb .pf-thumb-ph{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:var(--pf-thumb-fit,cover)!important;
  object-position:center var(--pf-thumb-v-align,50%)!important;
  border-radius:inherit!important;
}
.pf-b6 .pf-thumb-wrap{
  overflow:visible!important;
}