.page-id-26 .pbmit-ele-header-area{
  margin-bottom:28px!important;
}

/* Desktop: floating glass filter bar */
.page-id-26 .pbmit-sortable-list{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 16px 50px rgba(7,51,59,.10)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.page-id-26 .fpq-blog-filter-title{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 8px 0 6px!important;
  color:#425f64!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.page-id-26 .fpq-blog-filter-title svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
}

.page-id-26 .pbmit-sortable-list-ul{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:1px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-inline:contain!important;
}

.page-id-26 .pbmit-sortable-list-ul::-webkit-scrollbar{
  display:none!important;
}

.page-id-26 .pbmit-sortable-list-ul>li{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.page-id-26 .pbmit-sortable-list-ul>li>a.pbmit-sortable-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#07333b!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}

.page-id-26 .pbmit-sortable-list-ul>li>a.pbmit-sortable-link:hover{
  transform:translateY(-1px)!important;
  background:rgba(144,198,133,.15)!important;
  color:#07333b!important;
}

.page-id-26 .pbmit-sortable-list-ul>li>a.pbmit-sortable-link.pbmit-selected{
  background:#07333b!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(7,51,59,.18)!important;
}

/* Mobile trigger + bottom sheet */
.page-id-26 .fpq-blog-filter-mobile,
.fpq-blog-filter-sheet-wrap{
  display:none;
}

@media(max-width:767px){
  .page-id-26 .pbmit-ele-header-area{
    margin-bottom:22px!important;
  }

  .page-id-26 .pbmit-sortable-list{
    display:none!important;
  }

  .page-id-26 .fpq-blog-filter-mobile{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }

  .page-id-26 .fpq-blog-filter-toggle{
    width:100%!important;
    min-height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:0 17px!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.90)!important;
    color:#07333b!important;
    box-shadow:0 12px 34px rgba(7,51,59,.11)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    cursor:pointer!important;
  }

  .page-id-26 .fpq-blog-filter-toggle__left{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    min-width:0!important;
  }

  .page-id-26 .fpq-blog-filter-toggle__icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:#eef6ec!important;
  }

  .page-id-26 .fpq-blog-filter-toggle__icon svg{
    width:18px!important;
    height:18px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
  }

  .page-id-26 .fpq-blog-filter-toggle__copy{
    min-width:0!important;
    text-align:left!important;
  }

  .page-id-26 .fpq-blog-filter-toggle__copy small{
    display:block!important;
    margin:0 0 2px!important;
    color:#748487!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  .page-id-26 .fpq-blog-filter-toggle__copy strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#07333b!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:850!important;
  }

  .page-id-26 .fpq-blog-filter-toggle__arrow{
    width:9px!important;
    height:9px!important;
    flex:0 0 9px!important;
    border-top:2px solid currentColor!important;
    border-right:2px solid currentColor!important;
    transform:rotate(45deg)!important;
  }

  .fpq-blog-filter-sheet-wrap{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:none!important;
    pointer-events:none!important;
  }

  .fpq-blog-filter-sheet-wrap.is-open{
    display:block!important;
    pointer-events:auto!important;
  }

  .fpq-blog-filter-scrim{
    position:absolute!important;
    inset:0!important;
    background:rgba(7,51,59,.38)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }

  .fpq-blog-filter-sheet{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    max-height:min(74vh,620px)!important;
    overflow:auto!important;
    border:1px solid rgba(255,255,255,.68)!important;
    border-radius:28px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(7,51,59,.18)!important;
    animation:fpqSheetUp .24s ease-out!important;
    -webkit-overflow-scrolling:touch!important;
  }

  @keyframes fpqSheetUp{
    from{transform:translateY(24px);opacity:0}
    to{transform:translateY(0);opacity:1}
  }

  .fpq-blog-filter-sheet__head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:18px 18px 12px!important;
    background:linear-gradient(#fff 82%,rgba(255,255,255,.90))!important;
  }

  .fpq-blog-filter-sheet__title small{
    display:block!important;
    margin:0 0 3px!important;
    color:#748487!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
  }

  .fpq-blog-filter-sheet__title strong{
    display:block!important;
    color:#07333b!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:850!important;
  }

  .fpq-blog-filter-close{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#eef6ec!important;
    color:#07333b!important;
    font-size:24px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .fpq-blog-filter-sheet__grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    padding:8px 16px 18px!important;
  }

  .fpq-blog-filter-option{
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 14px!important;
    border:1px solid rgba(7,51,59,.10)!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#07333b!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:left!important;
    cursor:pointer!important;
  }

  .fpq-blog-filter-option:hover{
    background:#f7faf7!important;
  }

  .fpq-blog-filter-option.is-active{
    border-color:rgba(144,198,133,.68)!important;
    background:#eef6ec!important;
  }

  .fpq-blog-filter-option__check{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#07333b!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    opacity:0!important;
  }

  .fpq-blog-filter-option.is-active .fpq-blog-filter-option__check{
    opacity:1!important;
  }

  body.fpq-blog-filter-locked{
    overflow:hidden!important;
  }
}

@media(max-width:390px){
  .fpq-blog-filter-sheet__grid{
    grid-template-columns:1fr!important;
  }
}