/* templates/blocks/block-8/style.css — v2.4.7
 * SYNC: render.php v2.4.7+ + render-part.php v2.4.7+ + block.js v2.4.7+
 * FIX: strtolower JS error, add Display Inline/Block for Custom Fields
 */

.pf-b6 {
  width: var(--pf-container-w, 100%);
  margin: var(--pf-m, 0 auto var(--pf-bottom-space, 60px) auto);
  padding: var(--pf-pad, 0);

  border-style: var(--pf-b-style, solid);
  border-width: var(--pf-b-width, 0);
  border-color: var(--pf-b-color, transparent);
  border-radius: var(--pf-b-radius, 12px);
  box-shadow: var(--pf-shadow, none);
  background-color: var(--pf-bg, transparent);

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

.pf-b6.is-loading .pf-b6-grid {
  opacity: .6;
  pointer-events: none;
  transition: opacity .3s;
}

.pf-b6-grid[data-thumb-pinterest="1"] .pf-thumb::before {
  content: none !important;
  display: none !important;
  padding-top: 0 !important;
}
.pf-b6-grid[data-thumb-pinterest="1"] .pf-thumb img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: var(--pf-thumb-fit, cover) !important;
  object-position: center var(--pf-thumb-valign, 50%) !important;
  border-radius: inherit !important;
}
.pf-b6-grid[data-thumb-pinterest="1"] .pf-thumb {
  height: auto !important;
  min-height: 0 !important;
}

.pf-b6-head {
  display: flex;
  flex-direction: column;
  align-items: var(--pf-head-align, flex-start);
  position: relative;
  padding: var(--pf-head-pad, 0);
  margin: var(--pf-head-m, 0 0 16px 0);
  background: var(--pf-head-bg, transparent);
  color: var(--pf-head-color, inherit);
}
.pf-b6-head .pf-title-wrap {
  display: flex;
  align-items: center;
  justify-content: var(--pf-head-justify, flex-start);
  width: 100%;
}
.pf-b6-head .pf-title {
  margin: 0;
  line-height: 1.25;
  font-size: var(--pf-head-fs, 1.5rem) !important;
  font-weight: var(--pf-head-fw, 700) !important;
  font-style: var(--pf-head-fstyle, normal) !important;
  text-transform: var(--pf-head-tt, none) !important;
  text-align: var(--pf-head-text-align, left) !important;
  width: 100%;
}
.pf-b6-head .pf-title a { color: inherit; text-decoration: none; }

.pf-b6-head[data-line="1"][data-line-pos="bottom"]::after,
.pf-b6-head[data-line="1"][data-line-pos="top"]::before {
  content: "";
  display: block;
  position: relative;
  height: var(--pf-head-line-thickness, 3px);
  width: var(--pf-head-line-len, 40%);
  background: var(--pf-head-line-color, currentColor);
  border-radius: 2px;
  align-self: var(--pf-head-align, flex-start);
}
.pf-b6-head[data-line="1"][data-line-pos="bottom"]::after { margin-top: var(--pf-head-line-offset, 6px); }
.pf-b6-head[data-line="1"][data-line-pos="top"]::before { margin-bottom: var(--pf-head-line-offset, 6px); }

.pf-b6-head[data-line-pos="left"] .pf-title-wrap,
.pf-b6-head[data-line-pos="right"] .pf-title-wrap { gap: var(--pf-head-line-offset, 8px); }

.pf-b6-head[data-line="1"][data-line-pos="left"] .pf-title-wrap::before,
.pf-b6-head[data-line="1"][data-line-pos="right"] .pf-title-wrap::after {
  content: "";
  display: block;
  flex-shrink: 0;
  height: var(--pf-head-line-thickness, 3px);
  width: var(--pf-head-line-len, 40px);
  background: var(--pf-head-line-color, currentColor);
  border-radius: 2px;
}
.pf-b6-head[data-line="1"][data-line-pos="right"] .pf-title-wrap .pf-title { order: -1; }
.pf-b6-head[data-line="1"][data-line-pos="mid"] .pf-title { position: relative; display: inline-block; }
.pf-b6-head[data-line="1"][data-line-pos="mid"] .pf-title::after {
  content: "";
  position: absolute;
  top: 50%; left: 0; right: 0;
  height: var(--pf-head-line-thickness, 3px);
  background: var(--pf-head-line-color, currentColor);
  transform: translateY(-50%);
  pointer-events: none;
}

.pf-b6-header-filter-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 16px;
}
.pf-b6-header-filter-wrap.is-inline .pf-b6-head { margin-bottom: 0; flex-grow: 1; }
.pf-b6-header-filter-wrap.is-inline .pf-filter { margin-bottom: 0; justify-content: var(--pf-head-filter-align, flex-start); }

.pf-b6 .pf-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
  justify-content: var(--pf-head-filter-align, flex-start);
}
.pf-b6 .pf-filter .pf-dropdown {
  min-width: 180px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
}
.pf-b6 .pf-filter .pf-pill,
.pf-b6 .pf-filter .pf-tab {
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  user-select: none;
}
.pf-b6 .pf-filter .pf-tab { border-radius: 10px; }
.pf-b6 .pf-filter .is-active {
  background: #111827;
  color: #fff;
  border-color: #111827;
}

.pf-b6-stage { position: relative; width: 100%; }
.pf-b6-grid {
  position: relative;
  min-height: 50px;
  height: auto;
  transition: height .3s ease;
}

.pf-b6 .pf-pcard {
  position: absolute;
  top: 0; left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--pf-item-bg, #fff);
  padding: var(--pf-item-pad, 12px);
  border-radius: var(--pf-item-br, 10px);
  border: var(--pf-item-bw, 0) var(--pf-item-bs, solid) var(--pf-item-bc, transparent);
  box-shadow: var(--pf-item-shadow, none);
  transition: transform var(--b8-anim, 260ms) ease, opacity var(--b8-anim, 260ms) ease;
}

.pf-b6 .pf-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--pf-thumb-radius, 12px);
  text-decoration: none;
}
.pf-b6-grid[data-thumb-pinterest="0"] .pf-thumb::before {
  content: "";
  display: block;
  padding-top: var(--pf-thumb-ratio, 75%);
}
.pf-b6-grid[data-thumb-pinterest="0"] .pf-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--pf-thumb-fit, cover);
  object-position: center var(--pf-thumb-valign, 50%);
}

.pf-b6 .pf-body { display: block; }
.pf-b6 .pf-body-inner {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pf-b6 .pf-title,
.pf-b6 .pf-title a {
  color: var(--pf-title-color, inherit);
  background: var(--pf-title-bg, transparent);
}
.pf-b6 .pf-title {
  margin: var(--pf-title-space, 10px 0 6px 0);
  padding: var(--pf-title-pad, 0px);
  border-radius: var(--pf-title-br, 0px);
  border-width: var(--pf-title-bw, 0px);
  border-style: var(--pf-title-bs, solid);
  border-color: var(--pf-title-bc, transparent);
  font-size: var(--pf-title-fs, 18px);
  font-weight: var(--pf-title-fw, 700);
  line-height: var(--pf-title-lh, 1.35);
  text-transform: var(--pf-title-tt, none);
  text-align: var(--pf-title-align, left);
}
.pf-b6 .pf-title a { text-decoration: none; }

.pf-b6 .pf-meta {
  padding: var(--pf-meta-box-pad, 0);
  margin: var(--pf-meta-box-m, 0 0 8px 0);
  gap: var(--pf-meta-gap, 12px);
  color: var(--pf-meta-color, inherit);
  font-size: var(--pf-meta-fs, 13px);
  font-weight: var(--pf-meta-fw, 400);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--pf-meta-justify, flex-start);
}
.pf-b8 .pf-meta svg,
.pf-b8 .pf-meta .pf-meta-icon{
  display:inline-block;
  vertical-align:-0.125em;
  width:1em;
  height:1em;
  margin-right:.4em;
  color:currentColor;
  flex:0 0 auto;
}

/* Custom Fields */
.pf-b6 .pf-cf-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: var(--pf-cf-align-self, flex-start);
  justify-content: var(--pf-cf-justify, flex-start);
  font-size: var(--pf-cf-fs, 13px);
  color: var(--pf-cf-color, #6b7280);
  font-weight: var(--pf-cf-fw, 500);
  font-style: var(--pf-cf-fstyle, normal);
  background: var(--pf-cf-bg, transparent);
  padding: var(--pf-cf-pad, 0);
  margin: var(--pf-cf-m, 0 0 8px 0);
  border-width: var(--pf-cf-bw, 0);
  border-style: var(--pf-cf-bs, solid);
  border-color: var(--pf-cf-bc, transparent);
  border-radius: var(--pf-cf-br, 0px);
  line-height: 1.4;
}
.pf-b6 .pf-cf-sep {
  color: #d1d5db;
  font-weight: 400;
  user-select: none;
  margin: 0 4px;
}

.pf-b6 .pf-excerpt {
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: var(--pf-excerpt-align, left);
  column-count: var(--pf-excerpt-cols, 1);
  column-gap: var(--pf-excerpt-gap, 0);
  color: var(--pf-excerpt-color, inherit);
  background: var(--pf-excerpt-bg, transparent);
  padding: var(--pf-excerpt-pad, 0);
  margin: var(--pf-excerpt-m, var(--pf-excerpt-space, 0));
  border-width: var(--pf-excerpt-bw, 0);
  border-style: var(--pf-excerpt-bs, solid);
  border-color: var(--pf-excerpt-bc, transparent);
  border-radius: var(--pf-excerpt-br, 0);
}

.pf-b6 .pf-readmore-wrap {
  display: flex;
  justify-content: var(--pf-btn-align, flex-start);
}
.pf-b6 .pf-readmore {
  display: inline-block;
  text-decoration: none;
  transition: opacity .2s;
  font-size: var(--pf-readmore-fs, 14px);
  font-weight: var(--pf-readmore-fw, 500);
  padding: var(--pf-readmore-pad, 6px 14px);
  margin: var(--pf-readmore-m, 12px 0 0 0);
  background: var(--pf-readmore-bg, #111827);
  color: var(--pf-readmore-color, #fff);
  border: var(--pf-readmore-bw, 0) var(--pf-readmore-bs, solid) var(--pf-readmore-bc, transparent);
  border-radius: var(--pf-readmore-br, 8px);
}
.pf-b6 .pf-readmore:hover { opacity: .85; }

.pf-b6 .pf-badge {
  display: var(--pf-cat-display, inline-block);
  margin: var(--pf-cat-spacing, 0 6px 6px 0);
  padding: var(--pf-cat-padding, 4px 10px);
  font-size: var(--pf-cat-fs, 13px);
  font-weight: var(--pf-cat-fw, 600);
  line-height: var(--pf-cat-lh, 1);
  font-style: var(--pf-cat-style, normal);
  text-transform: var(--pf-cat-tt, none);
  border-radius: var(--pf-cat-br, 6px);
  border-width: var(--pf-cat-bw, 0);
  border-style: var(--pf-cat-bs, solid);
  border-color: var(--pf-cat-bc, transparent);
  background: var(--pf-badge-bg, #000);
  color: var(--pf-badge-text, #fff);
  text-decoration: none;
  transition: opacity .2s;
}
.pf-b6 a.pf-badge:hover { opacity: .9; }

.pf-b6 .pf-thumb > .pf-badge {
  position: absolute;
  top: 12px; left: 12px;
  z-index: 2;
}
.pf-b6-grid[data-catpos="over"][data-catalign="right"] .pf-thumb > .pf-badge { left: auto; right: 12px; }
.pf-b6-grid[data-catpos="over"][data-catalign="center"] .pf-thumb > .pf-badge { left: 50%; transform: translateX(-50%); }

.pf-b6 .pf-cat-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--pf-cat-align-justify, flex-start);
}

.pf-b6 mark.pf-search-hl{ padding:.08em .18em; border-radius:.22em; background-color: #ffe082; color: #333; }

.pf-b6 .pf-pgrid-pagi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: var(--pf-pagi-m, 20px 0 0 0);
  flex-wrap: wrap;
}
.pf-b6 .pf-pgrid-pagi button {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: var(--pf-pagi-pad, 0 12px);
  border-radius: var(--pf-pagi-br, 10px);
  border-width: var(--pf-pagi-bw, 1px);
  border-style: var(--pf-pagi-bs, solid);
  font-size: var(--pf-pagi-fs, 14px);
  font-weight: var(--pf-pagi-fw, 500);
  font-style: var(--pf-pagi-fstyle, normal);
  text-transform: var(--pf-pagi-tt, none);
  border-color: var(--pf-pagi-bc, #e5e7eb);
  background: var(--pf-pagi-bg, #fff);
  color: var(--pf-pagi-color, inherit);
  cursor: pointer;
  transition: opacity .2s, background-color .2s, color .2s, border-color .2s;
}
.pf-b6 .pf-pgrid-pagi button:not(:disabled):hover { opacity: .8; }
.pf-b6 .pf-pgrid-pagi button.is-active {
  background: var(--pf-pagi-bg-active, #111827);
  color: var(--pf-pagi-color-active, #fff);
  border-color: var(--pf-pagi-bc-active, #111827);
}
.pf-b6 .pf-pgrid-pagi button:disabled { opacity: .5; cursor: not-allowed; }
.pf-b6 .pf-pgrid-pagi .pf-page-indicator { padding: 0 8px; color: var(--pf-pagi-color, #6b7280); }

.pf-b6 .pf-pgrid-load {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--pf-pagi-m, 20px 0 0 0);
}
.pf-b6 .pf-pgrid-load button {
  padding: var(--pf-lm-pad, 10px 16px);
  border-radius: var(--pf-lm-br, 10px);
  border-width: var(--pf-lm-bw, 1px);
  border-style: var(--pf-lm-bs, solid);
  font-size: var(--pf-lm-fs, 14px);
  font-weight: var(--pf-lm-fw, 600);
  font-style: var(--pf-lm-fstyle, normal);
  text-transform: var(--pf-lm-tt, none);
  border-color: var(--pf-loadmore-bc, #e5e7eb);
  background: var(--pf-loadmore-bg, #fff);
  color: var(--pf-loadmore-color, inherit);
  cursor: pointer;
  transition: opacity .2s;
}
.pf-b6 .pf-pgrid-load.is-button-mode button { display: inline-flex; }
.pf-b6 .pf-pgrid-load:not(.is-button-mode) button { display: none; }
.pf-b6 .pf-pgrid-load button:hover { opacity: .8; }
.pf-b6 .pf-pgrid-load button:disabled { opacity: .5; cursor: not-allowed; }

.pf-b6-grid[data-thumb="0"] .pf-thumb { display: none !important; }
.pf-b6-grid[data-cat="0"] .pf-badge, .pf-b6-grid[data-cat="0"] .pf-cat-row { display: none !important; }
.pf-b6-grid[data-meta="0"] .pf-meta { display: none !important; }
.pf-b6-grid[data-cf="0"] .pf-cf-list { display: none !important; }
.pf-b6-grid[data-author="0"] .pf-meta .pf-author, .pf-b6-grid[data-author="0"] .pf-meta [data-meta="author"] { display: none !important; }
.pf-b6-grid[data-date="0"] .pf-meta time, .pf-b6-grid[data-date="0"] .pf-meta [data-meta="date"] { display: none !important; }
.pf-b6-grid[data-excerpt="0"] .pf-excerpt { display: none !important; }
.pf-b6-grid[data-readmore="0"] .pf-readmore-wrap, .pf-b6-grid[data-readmore="0"] .pf-readmore { display: none !important; }

@media (max-width: 767.98px) {
  .pf-b6 .pf-filter {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 5px;
  }
}

.pf-b8{
  width: var(--pf-container-w, 100%);
  margin: var(--pf-m, 0 auto var(--pf-bottom-space, 60px) auto);
  padding: var(--pf-pad, 0);
  border-width: var(--pf-b-width, 0);
  border-style: var(--pf-b-style, solid);
  border-color: var(--pf-b-color, transparent);
  border-radius: var(--pf-b-radius, 12px);
  background: var(--pf-bg, transparent);
  box-shadow: var(--pf-shadow, none);
  position: relative;
  box-sizing: border-box;
}
.pf-b8 * { box-sizing: border-box; }
.pf-b8.is-loading .pf-b8-grid{ opacity:.6; pointer-events:none; transition: opacity .3s; }

.pf-b8-header-filter-wrap{ display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:16px; }
.pf-b8-header-filter-wrap.is-inline .pf-b8-head{ margin-bottom:0; flex-grow:1; }
.pf-b8-header-filter-wrap.is-inline .pf-filter{ margin-bottom:0; justify-content: var(--pf-head-filter-align, flex-start); }

.pf-b8-head{ display:flex; flex-direction:column; align-items: var(--pf-head-align, flex-start); position: relative; padding: var(--pf-head-pad, 0); margin: var(--pf-head-m, 0 0 16px 0); background: var(--pf-head-bg, transparent); color: var(--pf-head-color, inherit); }
.pf-b8-head .pf-title-wrap{ display:flex; align-items:center; justify-content: var(--pf-head-justify, flex-start); width:100%; }
.pf-b8-head .pf-title{ margin:0; line-height:1.25; font-size: var(--pf-head-fs, 1.5rem) !important; font-weight: var(--pf-head-fw, 700) !important; font-style: var(--pf-head-fstyle, normal) !important; text-transform: var(--pf-head-tt, none) !important; text-align: var(--pf-head-text-align, left) !important; width:100%; }
.pf-b8-head .pf-title a{ color:inherit; text-decoration:none; }

.pf-b8-head[data-line="1"][data-line-pos="bottom"]::after,
.pf-b8-head[data-line="1"][data-line-pos="top"]::before{ content:""; display:block; position:relative; height: var(--pf-head-line-thickness, 3px); width: var(--pf-head-line-len, 40%); background: var(--pf-head-line-color, currentColor); border-radius:2px; align-self: var(--pf-head-align, flex-start); }
.pf-b8-head[data-line="1"][data-line-pos="bottom"]::after{ margin-top: var(--pf-head-line-offset, 6px); }
.pf-b8-head[data-line="1"][data-line-pos="top"]::before{ margin-bottom: var(--pf-head-line-offset, 6px); }

.pf-b8-head[data-line-pos="left"] .pf-title-wrap,
.pf-b8-head[data-line-pos="right"] .pf-title-wrap{ gap: var(--pf-head-line-offset, 8px); }
.pf-b8-head[data-line="1"][data-line-pos="left"] .pf-title-wrap::before,
.pf-b8-head[data-line="1"][data-line-pos="right"] .pf-title-wrap::after{ content:""; display:block; flex-shrink:0; height: var(--pf-head-line-thickness, 3px); width: var(--pf-head-line-len, 40px); background: var(--pf-head-line-color, currentColor); border-radius:2px; }
.pf-b8-head[data-line="1"][data-line-pos="right"] .pf-title-wrap .pf-title{ order:-1; }

.pf-b8-head[data-line="1"][data-line-pos="mid"] .pf-title{ position:relative; display:inline-block; }
.pf-b8-head[data-line="1"][data-line-pos="mid"] .pf-title::after{ content:""; position:absolute; top:50%; left:0; right:0; height: var(--pf-head-line-thickness, 3px); background: var(--pf-head-line-color, currentColor); transform: translateY(-50%); pointer-events:none; }

.pf-b8 .pf-filter{ display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; justify-content: var(--pf-head-filter-align, flex-start); }
.pf-b8 .pf-filter .pf-dropdown{ min-width:180px; padding:8px 10px; border-radius:10px; border:1px solid #e5e7eb; }
.pf-b8 .pf-filter .pf-pill,
.pf-b8 .pf-filter .pf-tab{ padding:8px 12px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; user-select:none; }
.pf-b8 .pf-filter .pf-tab{ border-radius:10px; }
.pf-b8 .pf-filter .is-active{ background:#111827; color:#fff; border-color:#111827; }

.pf-b8-grid[data-thumb-pinterest="1"] .pf-thumb::before{ content:none !important; display:none !important; padding-top:0 !important; }
.pf-b8-grid[data-thumb-pinterest="1"] .pf-thumb img{ position:static !important; inset:auto !important; display:block !important; width:100% !important; height:auto !important; max-width:100% !important; max-height:none !important; object-fit: var(--pf-thumb-fit, cover) !important; object-position: center var(--pf-thumb-valign, 50%) !important; border-radius: inherit !important; }
.pf-b8-grid[data-thumb-pinterest="1"] .pf-thumb{ height:auto !important; min-height:0 !important; }

.pf-b8-stage{ position:relative; width:100%; }
.pf-b8-grid{ position:relative; min-height:50px; height:auto; transition: height .3s ease; }

.pf-b8 .pf-pcard{ position:absolute; top:0; left:0; display:flex; flex-direction:column; gap:10px; background: var(--pf-item-bg, #fff); padding: var(--pf-item-pad, 12px); border-radius: var(--pf-item-br, 10px); border: var(--pf-item-bw, 0) var(--pf-item-bs, solid) var(--pf-item-bc, transparent); box-shadow: var(--pf-item-shadow, none); transition: transform var(--b8-anim, 260ms) ease, opacity var(--b8-anim, 260ms) ease; }

.pf-b8 .pf-thumb{ position:relative; display:block; overflow:hidden; border-radius: var(--pf-thumb-radius, 12px); text-decoration:none; }
.pf-b8-grid[data-thumb-pinterest="0"] .pf-thumb::before{ content:""; display:block; padding-top: var(--pf-thumb-ratio, 75%); }
.pf-b8-grid[data-thumb-pinterest="0"] .pf-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit: var(--pf-thumb-fit, cover); object-position: center var(--pf-thumb-valign, 50%); }

.pf-b8 .pf-body{ display:block; }
.pf-b8 .pf-body-inner{ display:flex; flex-direction:column; gap:6px; }

.pf-b8 .pf-title,
.pf-b8 .pf-title a{ color: var(--pf-title-color, inherit); background: var(--pf-title-bg, transparent); }
.pf-b8 .pf-title{ margin: var(--pf-title-space, 10px 0 6px 0); padding: var(--pf-title-pad, 0px); border-radius: var(--pf-title-br, 0px); border-width: var(--pf-title-bw, 0px); border-style: var(--pf-title-bs, solid); border-color: var(--pf-title-bc, transparent); font-size: var(--pf-title-fs, 18px); font-weight: var(--pf-title-fw, 700); line-height: var(--pf-title-lh, 1.35); text-transform: var(--pf-title-tt, none); text-align: var(--pf-title-align, left); }
.pf-b8 .pf-title a{ text-decoration:none; }

.pf-b8 .pf-meta{ padding: var(--pf-meta-box-pad, 0); margin: var(--pf-meta-box-m, 0 0 8px 0); gap: var(--pf-meta-gap, 12px); color: var(--pf-meta-color, inherit); font-size: var(--pf-meta-fs, 13px); font-weight: var(--pf-meta-fw, 400); display:flex; flex-wrap:wrap; align-items:center; justify-content: var(--pf-meta-justify, flex-start); }

.pf-b8 .pf-cf-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: var(--pf-cf-align-self, flex-start);
  justify-content: var(--pf-cf-justify, flex-start);
  font-size: var(--pf-cf-fs, 13px);
  color: var(--pf-cf-color, #6b7280);
  font-weight: var(--pf-cf-fw, 500);
  font-style: var(--pf-cf-fstyle, normal);
  background: var(--pf-cf-bg, transparent);
  padding: var(--pf-cf-pad, 0);
  margin: var(--pf-cf-m, 0 0 8px 0);
  border-width: var(--pf-cf-bw, 0);
  border-style: var(--pf-cf-bs, solid);
  border-color: var(--pf-cf-bc, transparent);
  border-radius: var(--pf-cf-br, 0px);
  line-height: 1.4;
}
.pf-b8 .pf-cf-sep {
  color: #d1d5db;
  font-weight: 400;
  user-select: none;
  margin: 0 4px;
}

.pf-b8 .pf-excerpt{ box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-align: var(--pf-excerpt-align, left); column-count: var(--pf-excerpt-cols, 1); column-gap: var(--pf-excerpt-gap, 0); color: var(--pf-excerpt-color, inherit); background: var(--pf-excerpt-bg, transparent); padding: var(--pf-excerpt-pad, 0); margin: var(--pf-excerpt-m, var(--pf-excerpt-space, 0)); border-width: var(--pf-excerpt-bw, 0); border-style: var(--pf-excerpt-bs, solid); border-color: var(--pf-excerpt-bc, transparent); border-radius: var(--pf-excerpt-br, 0); }

.pf-b8 .pf-readmore-wrap{ display:flex; justify-content: var(--pf-btn-align, flex-start); }
.pf-b8 .pf-readmore{ display:inline-block; text-decoration:none; transition: opacity .2s; font-size: var(--pf-readmore-fs, 14px); font-weight: var(--pf-readmore-fw, 500); padding: var(--pf-readmore-pad, 6px 14px); margin: var(--pf-readmore-m, 12px 0 0 0); background: var(--pf-readmore-bg, #111827); color: var(--pf-readmore-color, #fff); border: var(--pf-readmore-bw, 0) var(--pf-readmore-bs, solid) var(--pf-readmore-bc, transparent); border-radius: var(--pf-readmore-br, 8px); }
.pf-b8 .pf-readmore:hover{ opacity:.85; }

.pf-b8 .pf-badge{ display: var(--pf-cat-display, inline-block); margin: var(--pf-cat-spacing, 0 6px 6px 0); padding: var(--pf-cat-padding, 4px 10px); font-size: var(--pf-cat-fs, 13px); font-weight: var(--pf-cat-fw, 600); line-height: var(--pf-cat-lh, 1); font-style: var(--pf-cat-style, normal); text-transform: var(--pf-cat-tt, none); border-radius: var(--pf-cat-br, 6px); border-width: var(--pf-cat-bw, 0); border-style: var(--pf-cat-bs, solid); border-color: var(--pf-cat-bc, transparent); background: var(--pf-badge-bg, #000); color: var(--pf-badge-text, #fff); text-decoration:none; transition: opacity .2s; }
.pf-b8 a.pf-badge:hover{ opacity:.9; }

.pf-b8 .pf-thumb > .pf-badge{ position:absolute; top:12px; left:12px; z-index:2; }
.pf-b8-grid[data-catpos="over"][data-catalign="right"] .pf-thumb > .pf-badge{ left:auto; right:12px; }
.pf-b8-grid[data-catpos="over"][data-catalign="center"] .pf-thumb > .pf-badge{ left:50%; transform: translateX(-50%); }

.pf-b8 .pf-cat-row{ display:flex; flex-wrap:wrap; justify-content: var(--pf-cat-align-justify, flex-start); }

.pf-b8 mark.pf-search-hl{ padding:.08em .18em; border-radius:.22em; background-color: #ffe082; color: #333; }

.pf-b8 .pf-pgrid-pagi{ display:flex; align-items:center; justify-content:center; gap:8px; margin: var(--pf-pagi-m, 20px 0 0 0); flex-wrap:wrap; }
.pf-b8 .pf-pgrid-pagi button{ display:inline-flex; height:36px; align-items:center; justify-content:center; padding: var(--pf-pagi-pad, 0 12px); border-radius: var(--pf-pagi-br, 10px); border-width: var(--pf-pagi-bw, 1px); border-style: var(--pf-pagi-bs, solid); font-size: var(--pf-pagi-fs, 14px); font-weight: var(--pf-pagi-fw, 500); font-style: var(--pf-pagi-fstyle, normal); text-transform: var(--pf-pagi-tt, none); border-color: var(--pf-pagi-bc, #e5e7eb); background: var(--pf-pagi-bg, #fff); color: var(--pf-pagi-color, inherit); cursor:pointer; transition: opacity .2s, background-color .2s, color .2s, border-color .2s; }
.pf-b8 .pf-pgrid-pagi button:not(:disabled):hover{ opacity:.8; }
.pf-b8 .pf-pgrid-pagi button.is-active{ background: var(--pf-pagi-bg-active, #111827); color: var(--pf-pagi-color-active, #fff); border-color: var(--pf-pagi-bc-active, #111827); }
.pf-b8 .pf-pgrid-pagi button:disabled{ opacity:.5; cursor:not-allowed; }
.pf-b8 .pf-pgrid-pagi .pf-page-indicator{ padding:0 8px; color: var(--pf-pagi-color, #6b7280); }

.pf-b8 .pf-pgrid-load{ display:flex; align-items:center; justify-content:center; margin: var(--pf-pagi-m, 20px 0 0 0); }
.pf-b8 .pf-pgrid-load button{ padding: var(--pf-lm-pad, 10px 16px); border-radius: var(--pf-lm-br, 10px); border-width: var(--pf-lm-bw, 1px); border-style: var(--pf-lm-bs, solid); font-size: var(--pf-lm-fs, 14px); font-weight: var(--pf-lm-fw, 600); font-style: var(--pf-lm-fstyle, normal); text-transform: var(--pf-lm-tt, none); border-color: var(--pf-loadmore-bc, #e5e7eb); background: var(--pf-loadmore-bg, #fff); color: var(--pf-loadmore-color, inherit); cursor:pointer; transition: opacity .2s; }
.pf-b8 .pf-pgrid-load.is-button-mode button{ display:inline-flex; }
.pf-b8 .pf-pgrid-load:not(.is-button-mode) button{ display:none; }
.pf-b8 .pf-pgrid-load button:hover{ opacity:.8; }
.pf-b8 .pf-pgrid-load button:disabled{ opacity:.5; cursor:not-allowed; }

.pf-b8-grid[data-thumb="0"] .pf-thumb{ display:none !important; }
.pf-b8-grid[data-cat="0"] .pf-badge, .pf-b8-grid[data-cat="0"] .pf-cat-row{ display:none !important; }
.pf-b8-grid[data-meta="0"] .pf-meta{ display:none !important; }
.pf-b8-grid[data-cf="0"] .pf-cf-list{ display:none !important; }
.pf-b8-grid[data-author="0"] .pf-meta .pf-author, .pf-b8-grid[data-author="0"] .pf-meta [data-meta="author"]{ display:none !important; }
.pf-b8-grid[data-date="0"] .pf-meta time, .pf-b8-grid[data-date="0"] .pf-meta [data-meta="date"]{ display:none !important; }
.pf-b8-grid[data-excerpt="0"] .pf-excerpt{ display:none !important; }
.pf-b8-grid[data-readmore="0"] .pf-readmore-wrap, .pf-b8-grid[data-readmore="0"] .pf-readmore{ display:none !important; }

@media (max-width: 767.98px){
  .pf-b8 .pf-filter{
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:5px;
  }
}