.bbd-app{
  width:100%;
  --bbd-red:#d60000;
  --bbd-line:#ececec;
  --bbd-text:#1f2430;
}

/* FILTER */
.bbd-filter-wrap{
  width:100%;
  overflow:hidden;
  background:#fff;
  border-top:1px solid var(--bbd-line);
  border-bottom:1px solid var(--bbd-line);
}

.bbd-filter-track{
  width:100%;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:6px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:8px 0;
  cursor:grab;
  overscroll-behavior-inline:contain;
}

.bbd-filter-track:active{cursor:grabbing}
.bbd-filter-track::-webkit-scrollbar{display:none}

.bbd-filter-item{
  flex:0 0 auto;
  min-width:96px;
  height:74px;
  border:0;
  background:transparent;
  color:#222;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:all .2s ease;
  border-radius:8px;
  padding:8px 11px;
  font:inherit;
}

.bbd-filter-item:hover{
  background:#fafafa;
  transform:translateY(-1px);
}

.bbd-filter-item.is-active{
  background:var(--bbd-red);
  color:#fff;
  box-shadow:0 8px 18px rgba(214,0,0,.17);
}

.bbd-filter-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.bbd-filter-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.bbd-filter-label{
  font-size:10.5px;
  line-height:1.1;
  font-weight:500;
  letter-spacing:.01em;
  white-space:nowrap;
  text-align:center;
}

/* TOOLBAR */
.bbd-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:nowrap;
  gap:16px;
  padding:14px 0;
  background:#fff;
  border-bottom:1px solid var(--bbd-line);
}

.bbd-toolbar label{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  white-space:nowrap;
  font-size:13px;
  line-height:1;
  color:#222;
}

.bbd-toolbar label span{
  display:inline-block;
  white-space:nowrap;
}

.bbd-toolbar select{
  min-width:118px;
  height:38px;
  border:1px solid #e4e4e4;
  background:#fff;
  color:#666;
  border-radius:6px;
  padding:0 34px 0 12px;
  font:inherit;
  line-height:1;
  outline:none;
}

.bbd-toolbar select:focus{
  border-color:#d8d8d8;
  box-shadow:0 0 0 2px rgba(0,0,0,.02);
}

/* GRID */
.bbd-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  padding-top:22px;
}

.bbd-card{
  min-height:270px;
  background:#fff;
  border:1px solid #ededed;
  border-radius:10px;
  text-decoration:none!important;
  color:inherit!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  padding:20px 18px 18px;
  transition:all .22s ease;
  overflow:hidden;
}

.bbd-card:hover{
  transform:translateY(-3px);
  border-color:#ddb15a;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

.bbd-logo-wrap{
  width:100%;
  flex:1;
  min-height:155px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.bbd-logo{
  width:70%;
  max-width:210px;
  max-height:120px;
  object-fit:contain;
  display:block;
  box-shadow:none!important;
  filter:none!important;
}

.bbd-no-logo{
  width:76px;
  height:76px;
  border-radius:50%;
  background:#f5f5f5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  color:#aaa;
}

.bbd-title{
  margin-top:10px;
  font-size:17px;
  line-height:1.2;
  font-weight:500;
  text-align:center;
  color:var(--bbd-text);
}

.bbd-category{
  margin-top:6px;
  font-size:12px;
  line-height:1.2;
  color:#666;
  text-align:center;
}

.bbd-floor{
  margin-top:4px;
  font-size:12px;
  line-height:1.2;
  color:#888;
  text-align:center;
}

.bbd-empty{
  grid-column:1/-1;
  text-align:center;
  padding:50px 20px;
  color:#777;
}

.bbd-loading{
  height:3px;
  opacity:0;
  overflow:hidden;
  background:#f5f5f5;
}
.bbd-loading.is-loading{opacity:1}
.bbd-loading span{
  display:block;
  width:35%;
  height:100%;
  background:var(--bbd-red);
  animation:bbdmove .8s infinite alternate;
}
@keyframes bbdmove{
  from{transform:translateX(-20%)}
  to{transform:translateX(260%)}
}

/* TABLET */
@media(max-width:1024px){
  .bbd-filter-item{
    min-width:88px;
    height:70px;
    padding:7px 9px;
  }
  .bbd-filter-label{font-size:10px}
  .bbd-filter-icon svg{width:21px;height:21px}
  .bbd-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
}

/* MOBILE */
@media(max-width:767px){
  .bbd-filter-track{
    gap:5px;
    padding:7px 0;
  }

  .bbd-filter-item{
    min-width:76px;
    height:62px;
    padding:6px 7px;
    gap:4px;
    border-radius:7px;
  }

  .bbd-filter-icon svg{
    width:19px;
    height:19px;
  }

  .bbd-filter-label{
    font-size:8.8px;
  }

  .bbd-toolbar{
    gap:8px;
    padding:11px 0;
  }

  .bbd-toolbar label{
    gap:5px;
    font-size:10px;
  }

  .bbd-toolbar select{
    min-width:88px;
    height:33px;
    padding:0 23px 0 8px;
    font-size:10px;
  }

  .bbd-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding-top:14px;
  }

  .bbd-card{
    min-height:205px;
    padding:14px 10px;
    border-radius:8px;
  }

  .bbd-logo-wrap{min-height:112px}
  .bbd-logo{width:76%;max-height:92px}
  .bbd-title{margin-top:8px;font-size:14px}
  .bbd-category{margin-top:4px;font-size:10.5px}
  .bbd-floor{margin-top:3px;font-size:10px}
}

/* VERY SMALL MOBILE */
@media(max-width:390px){
  .bbd-toolbar label{font-size:9.5px}
  .bbd-toolbar select{min-width:82px}
  .bbd-filter-item{min-width:72px}
}


/* FEATURED BRAND */
.bbd-card{
  position:relative;
}

.bbd-card.is-featured{
  border-color:#d9ab43;
  background:linear-gradient(135deg,#fffdf8 0%,#ffffff 55%,#fffaf0 100%);
}

.bbd-card.is-featured .bbd-title{
  color:#c91515;
}

.bbd-featured-badge{
  position:absolute;
  top:0;
  right:0;
  width:30px;
  height:30px;
  background:#d9ab43;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  line-height:1;
  border-radius:0 9px 0 16px;
  z-index:3;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}




/* v1.4.3 — Clean mobile filter layout */
@media (max-width: 767px) {
  .bbd-filter-wrap{
    overflow:hidden;
    padding:0 !important;
  }

  .bbd-filter-track{
    display:flex !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:8px 10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none !important;
  }

  .bbd-filter-track::-webkit-scrollbar{
    display:none !important;
  }

  .bbd-filter-item{
    flex:0 0 auto !important;
    min-width:104px !important;
    width:104px !important;
    height:68px !important;
    padding:8px 8px !important;
    gap:6px !important;
    border-radius:8px !important;
    scroll-snap-align:start;
  }

  .bbd-filter-item.is-active{
    min-width:112px !important;
    width:112px !important;
    box-shadow:0 5px 14px rgba(214,0,0,.14) !important;
  }

  .bbd-filter-icon{
    min-height:22px !important;
  }

  .bbd-filter-icon svg{
    width:20px !important;
    height:20px !important;
  }

  .bbd-filter-label{
    font-size:9px !important;
    line-height:1.12 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    max-width:92px !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  /* Keep long labels readable instead of squeezing them */
  .bbd-filter-item[data-term="beauty-fragrances"],
  .bbd-filter-item[data-term="bags-accessories"],
  .bbd-filter-item[data-term="home-lifestyle"]{
    min-width:126px !important;
    width:126px !important;
  }

  .bbd-filter-item[data-term="beauty-fragrances"] .bbd-filter-label,
  .bbd-filter-item[data-term="bags-accessories"] .bbd-filter-label,
  .bbd-filter-item[data-term="home-lifestyle"] .bbd-filter-label{
    max-width:112px !important;
  }
}

@media (max-width: 390px) {
  .bbd-filter-track{
    gap:7px !important;
    padding:7px 8px !important;
  }

  .bbd-filter-item{
    min-width:98px !important;
    width:98px !important;
    height:64px !important;
    padding:7px 7px !important;
  }

  .bbd-filter-item.is-active{
    min-width:106px !important;
    width:106px !important;
  }

  .bbd-filter-item[data-term="beauty-fragrances"],
  .bbd-filter-item[data-term="bags-accessories"],
  .bbd-filter-item[data-term="home-lifestyle"]{
    min-width:120px !important;
    width:120px !important;
  }

  .bbd-filter-icon svg{
    width:19px !important;
    height:19px !important;
  }

  .bbd-filter-label{
    font-size:8.6px !important;
  }
}


/* v1.4.4 — Compact mobile brand cards */
@media (max-width: 767px) {
  .bbd-card{
    min-height:168px !important;
    padding:10px 8px 10px !important;
  }

  .bbd-logo-wrap{
    min-height:88px !important;
  }

  .bbd-logo{
    width:72% !important;
    max-height:70px !important;
  }

  .bbd-title{
    margin-top:6px !important;
    font-size:13px !important;
    line-height:1.15 !important;
  }

  .bbd-category{
    margin-top:3px !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
  }

  .bbd-floor{
    margin-top:2px !important;
    font-size:9px !important;
    line-height:1.1 !important;
  }

  .bbd-featured-badge{
    width:26px !important;
    height:26px !important;
    font-size:12px !important;
    border-radius:0 8px 0 14px !important;
  }
}

@media (max-width: 390px) {
  .bbd-card{
    min-height:158px !important;
    padding:9px 7px !important;
  }

  .bbd-logo-wrap{
    min-height:82px !important;
  }

  .bbd-logo{
    max-height:64px !important;
  }

  .bbd-title{
    font-size:12.5px !important;
  }

  .bbd-category{
    font-size:9px !important;
  }

  .bbd-floor{
    font-size:8.7px !important;
  }
}


/* v1.4.5 — Slightly larger mobile brand logos */
@media (max-width: 767px) {
  .bbd-logo{
    width:84% !important;
    max-width:150px !important;
    max-height:82px !important;
  }
}

@media (max-width: 390px) {
  .bbd-logo{
    width:86% !important;
    max-width:140px !important;
    max-height:76px !important;
  }
}


/* v1.4.6 — Larger mobile brand logos */
@media (max-width: 767px) {
  .bbd-logo{
    width:96% !important;
    max-width:175px !important;
    max-height:92px !important;
  }
}

@media (max-width: 390px) {
  .bbd-logo{
    width:98% !important;
    max-width:165px !important;
    max-height:86px !important;
  }
}


/* v1.4.7 — Load More */
.bbd-load-more-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  padding:24px 0 6px;
}

.bbd-load-more{
  min-width:210px;
  height:44px;
  padding:0 24px;
  border:1px solid #d60000;
  background:#fff;
  color:#d60000;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:600;
  transition:.2s ease;
}

.bbd-load-more:hover{
  background:#d60000;
  color:#fff;
}

.bbd-load-more.is-loading{
  opacity:.65;
  pointer-events:none;
}

@media(max-width:767px){
  .bbd-load-more-wrap{
    padding:18px 0 4px;
  }
  .bbd-load-more{
    min-width:170px;
    height:40px;
    padding:0 18px;
    font-size:11px;
  }
}


/* v1.4.8 — Compact filter + dark red gradient */
.bbd-filter-wrap{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

.bbd-toolbar{
  border-bottom:0 !important;
}

.bbd-filter-track{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

.bbd-filter-item{
  min-width:82px !important;
  height:66px !important;
  padding:7px 9px !important;
  gap:5px !important;
}

.bbd-filter-item[data-term="all"]{
  min-width:92px !important;
  width:92px !important;
}

.bbd-filter-item.is-active{
  background:linear-gradient(135deg,#c91515 0%,#8f0000 100%) !important;
  box-shadow:0 7px 16px rgba(120,0,0,.20) !important;
}

.bbd-filter-icon svg{
  width:22px !important;
  height:22px !important;
}

.bbd-filter-label{
  font-size:9.8px !important;
  line-height:1.08 !important;
}

@media(max-width:767px){
  .bbd-filter-track{
    gap:6px !important;
    padding:6px 8px !important;
  }

  .bbd-filter-item{
    min-width:78px !important;
    width:auto !important;
    height:58px !important;
    padding:6px 7px !important;
    gap:4px !important;
  }

  .bbd-filter-item[data-term="all"]{
    min-width:88px !important;
    width:88px !important;
  }

  .bbd-filter-icon svg{
    width:19px !important;
    height:19px !important;
  }

  .bbd-filter-label{
    font-size:8.5px !important;
  }
}


/* v1.4.9 — Slightly larger active filter tile */
.bbd-filter-item.is-active{
  min-width:104px !important;
  width:104px !important;
  height:72px !important;
  padding:8px 11px !important;
}

.bbd-filter-item.is-active .bbd-filter-icon svg{
  width:24px !important;
  height:24px !important;
}

.bbd-filter-item.is-active .bbd-filter-label{
  font-size:10.2px !important;
}

@media(max-width:767px){
  .bbd-filter-item.is-active{
    min-width:98px !important;
    width:98px !important;
    height:64px !important;
    padding:7px 9px !important;
  }

  .bbd-filter-item.is-active .bbd-filter-icon svg{
    width:21px !important;
    height:21px !important;
  }

  .bbd-filter-item.is-active .bbd-filter-label{
    font-size:9px !important;
  }
}


/* v1.5.0 — Larger active filter tile */
.bbd-filter-item.is-active{
  min-width:116px !important;
  width:116px !important;
  height:78px !important;
  padding:10px 13px !important;
}

.bbd-filter-item.is-active .bbd-filter-icon svg{
  width:25px !important;
  height:25px !important;
}

.bbd-filter-item.is-active .bbd-filter-label{
  font-size:10.6px !important;
}

@media(max-width:767px){
  .bbd-filter-item.is-active{
    min-width:106px !important;
    width:106px !important;
    height:68px !important;
    padding:8px 10px !important;
  }

  .bbd-filter-item.is-active .bbd-filter-icon svg{
    width:22px !important;
    height:22px !important;
  }

  .bbd-filter-item.is-active .bbd-filter-label{
    font-size:9.4px !important;
  }
}


/* v1.5.1 — Exact filter border/shadow correction */

/* Keep ONLY the top border removed from the whole filter area */
.bbd-filter-wrap{
  border-top:0 !important;
  border-right:1px solid #eeeeee !important;
  border-bottom:1px solid #eeeeee !important;
  border-left:1px solid #eeeeee !important;
  box-shadow:none !important;
}

/* Restore the divider under the category/filter row */
.bbd-toolbar{
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:1px solid #eeeeee !important;
  border-left:0 !important;
  box-shadow:none !important;
}

/* No shadow on any category tile, including active */
.bbd-filter-item,
.bbd-filter-item:hover,
.bbd-filter-item.is-active,
.bbd-filter-item.is-active:hover{
  box-shadow:none !important;
}

/* Keep subtle borders on normal category tiles */
.bbd-filter-item:not(.is-active){
  border:1px solid #f0f0f0 !important;
}

/* Active tile stays clean; gradient/background remains */
.bbd-filter-item.is-active{
  border:1px solid transparent !important;
}


/* v1.5.2 — Side borders removed + larger filter tiles */
.bbd-filter-wrap{
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid #eeeeee !important;
}

/* Slightly larger filter tiles */
.bbd-filter-item{
  min-width:96px !important;
  height:72px !important;
  padding:8px 11px !important;
}

/* Active tile a little more prominent */
.bbd-filter-item.is-active{
  min-width:122px !important;
  width:122px !important;
  height:82px !important;
  padding:10px 14px !important;
}

.bbd-filter-item.is-active .bbd-filter-icon svg{
  width:26px !important;
  height:26px !important;
}

.bbd-filter-item.is-active .bbd-filter-label{
  font-size:10.8px !important;
}

@media(max-width:767px){
  .bbd-filter-item{
    min-width:84px !important;
    height:64px !important;
    padding:7px 9px !important;
  }

  .bbd-filter-item.is-active{
    min-width:112px !important;
    width:112px !important;
    height:72px !important;
    padding:8px 11px !important;
  }

  .bbd-filter-item.is-active .bbd-filter-icon svg{
    width:22px !important;
    height:22px !important;
  }

  .bbd-filter-item.is-active .bbd-filter-label{
    font-size:9.6px !important;
  }
}


/* v1.5.3 — Dynamic tag width for every label */
.bbd-filter-track{
  gap:10px !important;
}

/* Let every tag grow naturally according to its text */
.bbd-filter-item,
.bbd-filter-item.is-active{
  width:auto !important;
  min-width:96px !important;
  max-width:none !important;
  flex:0 0 auto !important;
  padding-left:16px !important;
  padding-right:16px !important;
  overflow:visible !important;
}

/* Longer labels get the space they need */
.bbd-filter-label,
.bbd-filter-item.is-active .bbd-filter-label{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
}

/* Keep All Categories visually separated from the next tag */
.bbd-filter-item[data-term="all"]{
  margin-right:4px !important;
  min-width:116px !important;
}

/* Give common long shopping labels comfortable width */
.bbd-filter-item[data-term="beauty-fragrances"],
.bbd-filter-item[data-term="bags-accessories"],
.bbd-filter-item[data-term="jewellery-watches"],
.bbd-filter-item[data-term="sports-activewear"],
.bbd-filter-item[data-term="home-lifestyle"]{
  min-width:145px !important;
}

@media(max-width:767px){
  .bbd-filter-track{
    gap:8px !important;
  }

  .bbd-filter-item,
  .bbd-filter-item.is-active{
    width:auto !important;
    min-width:88px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .bbd-filter-item[data-term="all"]{
    min-width:106px !important;
    margin-right:3px !important;
  }

  .bbd-filter-item[data-term="beauty-fragrances"],
  .bbd-filter-item[data-term="bags-accessories"],
  .bbd-filter-item[data-term="jewellery-watches"],
  .bbd-filter-item[data-term="sports-activewear"],
  .bbd-filter-item[data-term="home-lifestyle"]{
    min-width:132px !important;
  }
}


/* v1.5.5 — Custom Elementor tag icon rendering fix */
.bbd-filter-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px;
  color:currentColor;
}

.bbd-filter-icon svg{
  display:block !important;
  width:23px !important;
  height:23px !important;
  fill:currentColor;
  stroke:currentColor;
}

.bbd-filter-icon i,
.bbd-filter-icon .bbd-user-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:23px !important;
  height:23px !important;
  font-size:23px !important;
  line-height:1 !important;
  color:currentColor !important;
}

.bbd-filter-item.is-active .bbd-filter-icon i,
.bbd-filter-item.is-active .bbd-filter-icon svg,
.bbd-filter-item.is-active .bbd-filter-icon .bbd-user-icon{
  color:inherit !important;
  fill:currentColor;
  stroke:currentColor;
}

@media(max-width:767px){
  .bbd-filter-icon i,
  .bbd-filter-icon .bbd-user-icon{
    width:20px !important;
    height:20px !important;
    font-size:20px !important;
  }
}


/* v1.5.7 — Outline automatic icons + real tags only */

/* Automatic icons must always be clean outline icons */
.bbd-filter-icon .bbd-auto-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.bbd-filter-icon .bbd-auto-icon svg{
}

/* User-selected Elementor icons keep their own rendering */
.bbd-filter-icon .bbd-user-icon,
.bbd-filter-icon i.bbd-user-icon{
  fill:currentColor;
  stroke:none;
}


/* v1.6.0 — Keep auto icons outline, preserve custom Elementor icons exactly */

/* Automatic plugin-generated icons only */
.bbd-filter-icon .bbd-auto-icon svg{
}

/* Manually selected Elementor icons */
.bbd-filter-icon .bbd-custom-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  line-height:1 !important;
  color:inherit !important;
}

/* Font Awesome / icon-font custom icons */
.bbd-filter-icon .bbd-custom-icon i{
  display:block !important;
  width:auto !important;
  height:auto !important;
  font-size:23px !important;
  line-height:1 !important;
  color:inherit !important;
}

/* Elementor SVG custom icons — do NOT apply auto outline rules */
.bbd-filter-icon .bbd-custom-icon svg{
  display:block !important;
  width:23px !important;
  height:23px !important;
  fill:currentColor !important;
  stroke:none !important;
}

/* Prevent older global icon rules from distorting custom icons */
.bbd-filter-icon .bbd-custom-icon svg path,
.bbd-filter-icon .bbd-custom-icon svg circle,
.bbd-filter-icon .bbd-custom-icon svg rect,
.bbd-filter-icon .bbd-custom-icon svg polygon{
  fill:inherit;
  stroke:inherit;
}

/* Active item simply changes currentColor */
.bbd-filter-item.is-active .bbd-custom-icon,
.bbd-filter-item.is-active .bbd-custom-icon i,
.bbd-filter-item.is-active .bbd-custom-icon svg{
  color:inherit !important;
}

@media(max-width:767px){
  .bbd-filter-icon .bbd-custom-icon{
    width:21px !important;
    height:21px !important;
  }

  .bbd-filter-icon .bbd-custom-icon i{
    font-size:20px !important;
  }

  .bbd-filter-icon .bbd-custom-icon svg{
    width:20px !important;
    height:20px !important;
  }
}


/* v1.7.1 — Mobile filter row clipping fix */
@media(max-width:767px){

  .bbd-filter-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .bbd-filter-track{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:8px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    padding:8px 12px !important;
    scroll-padding-left:12px !important;
    scroll-padding-right:12px !important;

    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    scroll-snap-type:x proximity;
    box-sizing:border-box !important;
  }

  .bbd-filter-track::-webkit-scrollbar{
    display:none !important;
  }

  .bbd-filter-item,
  .bbd-filter-item.is-active{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:96px !important;
    max-width:none !important;
    height:64px !important;
    padding:7px 12px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    scroll-snap-align:start;
    overflow:visible !important;
  }

  .bbd-filter-label,
  .bbd-filter-item.is-active .bbd-filter-label{
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    max-width:none !important;
  }

  /* Comfortable widths for long labels */
  .bbd-filter-item[data-term="beauty-fragrances"],
  .bbd-filter-item[data-term="bags-accessories"],
  .bbd-filter-item[data-term="jewellery-watches"],
  .bbd-filter-item[data-term="sports-activewear"],
  .bbd-filter-item[data-term="home-lifestyle"]{
    min-width:132px !important;
  }

  /* Prevent Elementor/container alignment from clipping the first item */
  .bbd-app,
  .bbd-app > *,
  .bbd-filter-wrap,
  .bbd-filter-track{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

@media(max-width:390px){

  .bbd-filter-track{
    gap:7px !important;
    padding:7px 10px !important;
    scroll-padding-left:10px !important;
    scroll-padding-right:10px !important;
  }

  .bbd-filter-item,
  .bbd-filter-item.is-active{
    min-width:90px !important;
    height:60px !important;
    padding:6px 10px !important;
  }

  .bbd-filter-item[data-term="beauty-fragrances"],
  .bbd-filter-item[data-term="bags-accessories"],
  .bbd-filter-item[data-term="jewellery-watches"],
  .bbd-filter-item[data-term="sports-activewear"],
  .bbd-filter-item[data-term="home-lifestyle"]{
    min-width:124px !important;
  }
}

/* v1.9.0 Premium Boulevard filter */
.bbd-filter-wrap{position:relative;background:radial-gradient(circle at 8% 0%,rgba(197,145,39,.07),transparent 26%),linear-gradient(180deg,#fffefd 0%,#fffaf5 100%)!important;border:1px solid rgba(184,135,32,.14)!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(44,32,17,.055)!important;padding:8px!important}
.bbd-filter-track{gap:10px!important;padding:4px!important}
.bbd-filter-item,.bbd-filter-item.is-active{position:relative;width:auto!important;min-width:118px!important;min-height:94px!important;height:auto!important;padding:13px 16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:9px!important;overflow:hidden!important;border:1px solid #EEE8DE!important;border-radius:14px!important;background:linear-gradient(145deg,#fff 0%,#fffdf9 100%)!important;color:#28231d!important;box-shadow:0 5px 16px rgba(48,38,24,.045)!important;transition:.22s ease!important}
.bbd-filter-item:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,#C99A32,#E9C86F);opacity:0;transform:scaleX(.45);transition:.22s ease}.bbd-filter-item:hover{transform:translateY(-3px)!important;border-color:#E5D4AB!important;box-shadow:0 12px 28px rgba(53,41,23,.09)!important;background:linear-gradient(145deg,#fff 0%,#fff8ec 100%)!important}.bbd-filter-item:hover:after{opacity:1;transform:scaleX(1)}
.bbd-filter-item.is-active{color:#fff!important;border-color:#8E0000!important;background:radial-gradient(circle at 18% 12%,rgba(255,207,104,.19),transparent 32%),linear-gradient(135deg,#C7191F 0%,#97050A 52%,#780000 100%)!important;box-shadow:0 14px 30px rgba(143,0,0,.18)!important}.bbd-filter-item.is-active:after{opacity:1;transform:scaleX(1);background:linear-gradient(90deg,#E3B64D,#FFD77A)}
.bbd-filter-main{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.bbd-filter-icon{width:38px;height:38px;min-width:38px;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px;background:#FFF6E5;color:#A97915;transition:.22s ease}.bbd-filter-item:hover .bbd-filter-icon{background:#FFF0CF;transform:scale(1.04)}.bbd-filter-item.is-active .bbd-filter-icon{background:rgba(255,255,255,.13);color:#fff}
.bbd-filter-label{color:inherit!important;font-size:10.5px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.055em!important;text-transform:uppercase;white-space:nowrap!important}.bbd-tag-count{min-width:28px;min-height:20px;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#F3EDE4;color:#786A58;font-size:9px;line-height:1;font-weight:700}.bbd-filter-item.is-active .bbd-tag-count{background:rgba(255,255,255,.16);color:#fff}
@media(max-width:767px){.bbd-filter-wrap{padding:6px!important;border-radius:13px!important}.bbd-filter-track{gap:8px!important;padding:3px!important}.bbd-filter-item,.bbd-filter-item.is-active{min-width:104px!important;min-height:82px!important;padding:10px 12px!important;border-radius:12px!important;gap:7px!important}.bbd-filter-icon{width:32px;height:32px;min-width:32px;border-radius:9px}.bbd-filter-label{font-size:9px!important}.bbd-tag-count{min-width:25px;min-height:18px;padding:3px 7px;font-size:8px}}


/* v1.9.1 — Refined human-made luxury filter */

/* Remove the large decorative main background completely */
.bbd-filter-wrap{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.bbd-filter-wrap:before,
.bbd-filter-wrap:after{
  display:none !important;
}

/* Clean horizontal rail */
.bbd-filter-track{
  gap:10px !important;
  padding:6px 2px 10px !important;
}

/* Refined card: white, understated, not template-like */
.bbd-filter-item,
.bbd-filter-item.is-active{
  position:relative;
  min-width:118px !important;
  min-height:88px !important;
  height:auto !important;
  padding:12px 15px !important;
  gap:8px !important;
  background:#fff !important;
  border:1px solid #EAE7E2 !important;
  border-radius:12px !important;
  box-shadow:none !important;
  overflow:hidden !important;
  color:#222 !important;
  transition:border-color .18s ease, transform .18s ease, background .18s ease !important;
}

/* Thin red accent line instead of artificial glow */
.bbd-filter-item:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:2px;
  background:#B7080D;
  border-radius:10px 10px 0 0;
  opacity:0;
  transform:scaleX(.55);
  transition:opacity .18s ease, transform .18s ease;
}

.bbd-filter-item:hover{
  transform:translateY(-2px) !important;
  border-color:#D7D0C8 !important;
  background:#FFFEFC !important;
  box-shadow:none !important;
}

.bbd-filter-item:hover:after{
  opacity:1;
  transform:scaleX(1);
}

/* Active = Boulevard red, clean and premium */
.bbd-filter-item.is-active{
  color:#fff !important;
  background:linear-gradient(145deg,#B90D12 0%,#940509 100%) !important;
  border-color:#940509 !important;
}

.bbd-filter-item.is-active:after{
  opacity:1;
  transform:scaleX(1);
  background:#D6A93A;
}

/* Remove chip look: icon sits cleanly in the card */
.bbd-filter-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:#2B2B2B !important;
  box-shadow:none !important;
}

.bbd-filter-item:hover .bbd-filter-icon{
  background:transparent !important;
  transform:none !important;
  color:#A70A0F !important;
}

.bbd-filter-item.is-active .bbd-filter-icon{
  background:transparent !important;
  color:#fff !important;
}

/* Automatic icons: deliberately thin line-weight */
.bbd-filter-icon .bbd-auto-icon svg{
  width:24px !important;
  height:24px !important;
  vector-effect:non-scaling-stroke;
}

/* Custom icons stay untouched */
.bbd-filter-icon .bbd-custom-icon svg{
  width:23px !important;
  height:23px !important;
}

.bbd-filter-label{
  color:inherit !important;
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase;
}

/* Count = quiet editorial detail, not a big AI-style badge */
.bbd-tag-count{
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  color:#8B8177 !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:.03em !important;
}

.bbd-filter-item.is-active .bbd-tag-count{
  background:transparent !important;
  color:rgba(255,255,255,.82) !important;
}

/* Small gold marker for active card */
.bbd-filter-item.is-active:before{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  right:10px;
  top:10px;
  background:#D6A93A;
}

/* Mobile: compact, still refined */
@media(max-width:767px){
  .bbd-filter-track{
    gap:8px !important;
    padding:5px 10px 8px !important;
  }

  .bbd-filter-item,
  .bbd-filter-item.is-active{
    min-width:104px !important;
    min-height:78px !important;
    padding:10px 12px !important;
    border-radius:10px !important;
  }

  .bbd-filter-icon{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
  }

  .bbd-filter-icon .bbd-auto-icon svg{
    width:21px !important;
    height:21px !important;
  }

  .bbd-filter-label{
    font-size:9px !important;
  }

  .bbd-tag-count{
    font-size:8px !important;
  }
}


/* v1.9.2 — Premium retail directory filter */

/* Clean rail, no panel */
.bbd-filter-wrap{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.bbd-filter-wrap:before,
.bbd-filter-wrap:after{
  display:none !important;
}

.bbd-filter-track{
  gap:12px !important;
  padding:8px 2px 12px !important;
}

/* Default card: compact horizontal retail-directory tile */
.bbd-filter-item,
.bbd-filter-item.is-active{
  position:relative !important;
  width:auto !important;
  min-width:150px !important;
  min-height:76px !important;
  height:auto !important;
  padding:12px 16px 12px 18px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  background:#ffffff !important;
  border:1px solid #E9E4DE !important;
  border-radius:14px !important;
  box-shadow:0 3px 10px rgba(33,25,18,.035) !important;
  color:#211E1B !important;
  overflow:hidden !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

/* Red side accent */
.bbd-filter-item:before{
  content:"";
  position:absolute;
  left:0;
  top:13px;
  bottom:13px;
  width:3px;
  border-radius:0 6px 6px 0;
  background:#B20A0F;
  opacity:.22;
  transition:.18s ease;
}

/* Remove old bottom accent */
.bbd-filter-item:after{
  display:none !important;
}

.bbd-filter-item:hover{
  transform:translateY(-2px) !important;
  border-color:#DCCFCB !important;
  background:#FFF9F8 !important;
  box-shadow:0 7px 18px rgba(90,20,20,.07) !important;
}

.bbd-filter-item:hover:before{
  opacity:1;
}

/* Active */
.bbd-filter-item.is-active{
  color:#ffffff !important;
  background:linear-gradient(135deg,#B70B10 0%,#8E0508 100%) !important;
  border-color:#8E0508 !important;
  box-shadow:0 8px 20px rgba(142,5,8,.16) !important;
}

.bbd-filter-item.is-active:before{
  width:4px;
  background:#D5A53B;
  opacity:1;
}

/* Main content should default horizontal */
.bbd-filter-main{
  width:auto !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
}

/* Icon holder */
.bbd-filter-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#FFF7F7 !important;
  border:1px solid #E9BFC1 !important;
  color:#A60A0F !important;
  box-shadow:none !important;
}

.bbd-filter-item:hover .bbd-filter-icon{
  background:#FFF0F1 !important;
  border-color:#D99598 !important;
  color:#97080D !important;
  transform:none !important;
}

.bbd-filter-item.is-active .bbd-filter-icon{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.38) !important;
  color:#ffffff !important;
}

/* Thin icons */
.bbd-filter-icon .bbd-auto-icon svg{
  width:21px !important;
  height:21px !important;
  vector-effect:non-scaling-stroke;
}

/* Label */
.bbd-filter-label{
  color:inherit !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Count looks editorial, not like a badge */
.bbd-tag-count{
  position:absolute;
  left:66px;
  bottom:12px;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  color:#8B8179 !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
}

.bbd-filter-item.is-active .bbd-tag-count{
  color:rgba(255,255,255,.78) !important;
  background:transparent !important;
}

/* small active indicator */
.bbd-filter-item.is-active .bbd-tag-count:before{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#D5A53B;
  margin-right:5px;
  vertical-align:1px;
}

/* Mobile */
@media(max-width:767px){
  .bbd-filter-track{
    gap:9px !important;
    padding:6px 10px 10px !important;
  }

  .bbd-filter-item,
  .bbd-filter-item.is-active{
    min-width:132px !important;
    min-height:68px !important;
    padding:10px 13px 10px 15px !important;
    gap:9px !important;
    border-radius:12px !important;
  }

  .bbd-filter-main{
    gap:8px !important;
  }

  .bbd-filter-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }

  .bbd-filter-icon .bbd-auto-icon svg{
    width:19px !important;
    height:19px !important;
  }

  .bbd-filter-label{
    font-size:9px !important;
  }

  .bbd-tag-count{
    left:57px;
    bottom:9px;
    font-size:7.8px !important;
  }
}


/* v1.9.3 — Editorial mall-directory filter (no AI/template feel) */

/* Completely neutral wrapper */
.bbd-filter-wrap{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.bbd-filter-wrap:before,
.bbd-filter-wrap:after{
  display:none !important;
}

.bbd-filter-track{
  gap:0 !important;
  padding:0 !important;
  border-bottom:1px solid #E9E6E2;
}

/* Simple directory tabs */
.bbd-filter-item,
.bbd-filter-item.is-active{
  position:relative !important;
  width:auto !important;
  min-width:128px !important;
  min-height:78px !important;
  height:auto !important;
  padding:12px 18px 14px !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#23211F !important;
  overflow:visible !important;

  transition:color .16s ease, background .16s ease !important;
}

/* Thin separators between items */
.bbd-filter-item + .bbd-filter-item{
  border-left:1px solid #F0EEEB !important;
}

/* Remove old decorative pseudo-elements */
.bbd-filter-item:before{
  display:none !important;
}

.bbd-filter-item:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  bottom:-1px !important;
  height:2px !important;
  background:#B20A0F !important;
  opacity:0 !important;
  transform:none !important;
  border-radius:0 !important;
  transition:opacity .16s ease !important;
}

.bbd-filter-item:hover{
  transform:none !important;
  background:#FCFBFA !important;
  border-color:transparent !important;
  box-shadow:none !important;
  color:#A00A0E !important;
}

.bbd-filter-item:hover:after{
  opacity:.45 !important;
}

/* Active = simple red editorial emphasis */
.bbd-filter-item.is-active{
  background:transparent !important;
  color:#B20A0F !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.bbd-filter-item.is-active:after{
  opacity:1 !important;
}

/* Inner content */
.bbd-filter-main{
  width:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}

/* No icon chip/circle */
.bbd-filter-icon{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#2B2926 !important;
}

.bbd-filter-item:hover .bbd-filter-icon,
.bbd-filter-item.is-active .bbd-filter-icon{
  background:transparent !important;
  border:0 !important;
  color:inherit !important;
  transform:none !important;
}

/* Thin line icons */
.bbd-filter-icon .bbd-auto-icon svg{
  width:21px !important;
  height:21px !important;
  vector-effect:non-scaling-stroke;
}

/* Custom icons keep their own shape */
.bbd-filter-icon .bbd-custom-icon{
  background:transparent !important;
}

.bbd-filter-label{
  color:inherit !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Count as plain editorial metadata */
.bbd-tag-count{
  position:static !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:#8D8780 !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
}

.bbd-filter-item.is-active .bbd-tag-count{
  color:#A66F72 !important;
  background:transparent !important;
}

.bbd-filter-item.is-active .bbd-tag-count:before{
  display:none !important;
}

/* Mobile */
@media(max-width:767px){
  .bbd-filter-track{
    overflow-x:auto !important;
    gap:0 !important;
    border-bottom:1px solid #ECE9E5;
  }

  .bbd-filter-item,
  .bbd-filter-item.is-active{
    min-width:108px !important;
    min-height:70px !important;
    padding:10px 14px 12px !important;
  }

  .bbd-filter-item:after{
    left:16px !important;
    right:16px !important;
  }

  .bbd-filter-icon .bbd-auto-icon svg{
    width:19px !important;
    height:19px !important;
  }

  .bbd-filter-label{
    font-size:8.8px !important;
  }

  .bbd-tag-count{
    font-size:7.8px !important;
  }
}


/* v1.9.4 — Boulevard navigation filter
   Deliberately flat, spacious and brand-led. No boxed cards. */
.bbd-filter-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
.bbd-filter-wrap:before,
.bbd-filter-wrap:after{display:none !important;}

.bbd-filter-track{
  display:flex !important;
  align-items:stretch !important;
  gap:8px !important;
  padding:6px 0 12px !important;
  border:0 !important;
  overflow-x:auto !important;
  scrollbar-width:none;
}
.bbd-filter-track::-webkit-scrollbar{display:none;}

.bbd-filter-item,
.bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:132px !important;
  min-height:68px !important;
  padding:10px 14px !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:26px auto !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  row-gap:4px !important;
  align-items:center !important;
  justify-content:start !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
  border-radius:9px !important;
  box-shadow:none !important;
  color:#171717 !important;
  overflow:hidden !important;
  transition:background-color .18s ease,color .18s ease !important;
}

/* very subtle hover only */
.bbd-filter-item:hover{
  transform:none !important;
  background:#F7F7F7 !important;
  box-shadow:none !important;
  color:#A9080D !important;
}

/* Active feels like Boulevard branding, not a UI template */
.bbd-filter-item.is-active{
  background:#B7080D !important;
  color:#fff !important;
}
.bbd-filter-item:before,
.bbd-filter-item:after{display:none !important;}

/* flatten the old inner wrapper so grid controls the layout */
.bbd-filter-main{
  display:contents !important;
}

/* naked thin icon — no circle, chip or border */
.bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#2A2A2A !important;
}
.bbd-filter-item:hover .bbd-filter-icon{color:#A9080D !important;background:transparent !important;}
.bbd-filter-item.is-active .bbd-filter-icon{color:#fff !important;background:transparent !important;}

.bbd-filter-icon .bbd-auto-icon svg{
  width:22px !important;
  height:22px !important;
}
.bbd-filter-icon .bbd-custom-icon svg{
  width:22px !important;
  height:22px !important;
}

/* type hierarchy */
.bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;
  color:inherit !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.bbd-tag-count{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;
  position:static !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:#8A8A8A !important;
  font-size:9px !important;
  line-height:1.1 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
.bbd-filter-item.is-active .bbd-tag-count{
  color:rgba(255,255,255,.72) !important;
}
.bbd-filter-item.is-active .bbd-tag-count:before{display:none !important;}

/* small red divider between normal groups, disappears on active */
.bbd-filter-item:not(:last-child){
  margin-right:4px !important;
}
.bbd-filter-item:not(:last-child)::selection{background:transparent;}

@media (max-width:767px){
  .bbd-filter-track{
    gap:5px !important;
    padding:4px 0 9px !important;
  }
  .bbd-filter-item,
  .bbd-filter-item.is-active{
    min-width:116px !important;
    min-height:60px !important;
    padding:9px 11px !important;
    grid-template-columns:22px auto !important;
    column-gap:8px !important;
    border-radius:8px !important;
  }
  .bbd-filter-icon{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
  }
  .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-filter-icon .bbd-custom-icon svg{
    width:19px !important;
    height:19px !important;
  }
  .bbd-filter-label{font-size:9px !important;}
  .bbd-tag-count{font-size:8px !important;}
}


/* v2.0.0 — True filter card design presets */
.bbd-filter-item{--bbd-card-bg:#fff;--bbd-card-border:#E8E3DE;--bbd-accent:#B7080D;--bbd-gold:#C99B3B;}
.bbd-filter-icon{--bbd-icon-panel-bg:#FFF4F3;--bbd-icon-panel-width:48px;}
.bbd-tag-count{--bbd-count-bg:#F4EEE8;--bbd-count-color:#6F665F;}

/* SIGNATURE SPLIT — genuinely different card structure */
.bbd-preset-signature .bbd-filter-track{gap:12px !important;padding:6px 0 10px !important;border:0 !important;}
.bbd-preset-signature .bbd-filter-item,
.bbd-preset-signature .bbd-filter-item.is-active{
  min-width:176px !important;min-height:78px !important;height:auto !important;
  padding:0 14px 0 0 !important;display:grid !important;
  grid-template-columns:var(--bbd-icon-panel-width) minmax(82px,1fr) auto !important;
  align-items:center !important;gap:12px !important;
  background:var(--bbd-card-bg) !important;border:1px solid var(--bbd-card-border) !important;
  border-radius:12px !important;box-shadow:0 4px 14px rgba(30,24,20,.035) !important;
  color:#1D1B19 !important;overflow:hidden !important;position:relative !important;
}
.bbd-preset-signature .bbd-filter-item:hover{
  transform:translateY(-2px) !important;border-color:var(--bbd-accent) !important;
  box-shadow:0 8px 18px rgba(80,20,20,.06) !important;background:var(--bbd-card-bg) !important;
}
.bbd-preset-signature .bbd-filter-main{display:contents !important;}
.bbd-preset-signature .bbd-filter-icon{
  grid-column:1 !important;width:var(--bbd-icon-panel-width) !important;height:100% !important;
  min-width:var(--bbd-icon-panel-width) !important;min-height:78px !important;
  background:var(--bbd-icon-panel-bg) !important;border:0 !important;
  border-right:1px solid rgba(183,8,13,.12) !important;border-radius:0 !important;
  color:var(--bbd-accent) !important;display:flex !important;align-items:center !important;justify-content:center !important;
}
.bbd-preset-signature .bbd-filter-label{
  grid-column:2 !important;color:inherit !important;font-size:10.5px !important;
  font-weight:700 !important;letter-spacing:.025em !important;text-align:left !important;
}
.bbd-preset-signature .bbd-tag-count{
  grid-column:3 !important;position:static !important;padding:5px 8px !important;
  min-width:28px !important;border-radius:999px !important;background:var(--bbd-count-bg) !important;
  color:var(--bbd-count-color) !important;font-size:8.5px !important;font-weight:600 !important;
}
.bbd-preset-signature .bbd-filter-item.is-active{
  background:linear-gradient(135deg,var(--bbd-accent),#7F0004) !important;
  border-color:var(--bbd-accent) !important;color:#fff !important;
}
.bbd-preset-signature .bbd-filter-item.is-active .bbd-filter-icon{
  background:rgba(255,255,255,.07) !important;border-right-color:rgba(255,255,255,.16) !important;color:#fff !important;
}
.bbd-preset-signature .bbd-filter-item.is-active .bbd-tag-count{
  background:rgba(255,255,255,.14) !important;color:#fff !important;
}
.bbd-preset-signature .bbd-filter-item.is-active:after{
  content:"" !important;display:block !important;position:absolute !important;
  left:0 !important;right:0 !important;bottom:0 !important;height:3px !important;
  background:var(--bbd-gold) !important;opacity:1 !important;
}

/* CLEAN OUTLINE */
.bbd-preset-outline .bbd-filter-track{gap:10px !important;padding:6px 0 10px !important;border:0 !important;}
.bbd-preset-outline .bbd-filter-item,
.bbd-preset-outline .bbd-filter-item.is-active{
  min-width:148px !important;min-height:72px !important;padding:12px 14px !important;
  background:#fff !important;border:1px solid var(--bbd-card-border) !important;border-radius:10px !important;
  box-shadow:none !important;color:#1F1D1B !important;display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;justify-content:center !important;gap:7px !important;
}
.bbd-preset-outline .bbd-filter-main{display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;}
.bbd-preset-outline .bbd-filter-icon{width:24px !important;height:24px !important;min-width:24px !important;background:transparent !important;border:0 !important;color:#222 !important;}
.bbd-preset-outline .bbd-tag-count{position:static !important;background:transparent !important;color:#8A847D !important;padding:0 !important;}
.bbd-preset-outline .bbd-filter-item:hover{border-color:var(--bbd-accent) !important;color:var(--bbd-accent) !important;}
.bbd-preset-outline .bbd-filter-item.is-active{
  background:#fff !important;color:var(--bbd-accent) !important;border-color:var(--bbd-accent) !important;
  box-shadow:inset 0 -3px 0 var(--bbd-accent) !important;
}

/* MINIMAL LUXE */
.bbd-preset-minimal .bbd-filter-track{gap:18px !important;padding:8px 0 12px !important;border-bottom:1px solid #ECE8E3 !important;}
.bbd-preset-minimal .bbd-filter-item,
.bbd-preset-minimal .bbd-filter-item.is-active{
  min-width:118px !important;min-height:58px !important;padding:7px 4px 10px !important;
  background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;color:#211F1D !important;
}
.bbd-preset-minimal .bbd-filter-main{display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;}
.bbd-preset-minimal .bbd-filter-icon{width:22px !important;height:22px !important;min-width:22px !important;background:transparent !important;border:0 !important;color:#222 !important;}
.bbd-preset-minimal .bbd-tag-count{position:static !important;background:transparent !important;color:#999 !important;padding:0 !important;}
.bbd-preset-minimal .bbd-filter-item:after{
  content:"" !important;display:block !important;position:absolute !important;
  left:0 !important;right:0 !important;bottom:0 !important;height:2px !important;background:var(--bbd-accent) !important;opacity:0 !important;
}
.bbd-preset-minimal .bbd-filter-item:hover:after,
.bbd-preset-minimal .bbd-filter-item.is-active:after{opacity:1 !important;}
.bbd-preset-minimal .bbd-filter-item.is-active{color:var(--bbd-accent) !important;background:transparent !important;}

@media(max-width:767px){
  .bbd-preset-signature .bbd-filter-item,
  .bbd-preset-signature .bbd-filter-item.is-active{
    min-width:154px !important;min-height:70px !important;
    grid-template-columns:42px minmax(74px,1fr) auto !important;gap:9px !important;
  }
  .bbd-preset-signature .bbd-filter-icon{--bbd-icon-panel-width:42px;min-height:70px !important;}
  .bbd-preset-outline .bbd-filter-item,
  .bbd-preset-outline .bbd-filter-item.is-active{min-width:128px !important;}
}


/* ==========================================================
   v2.1.0 — BOULEVARD STATEMENT
   A real visual redesign: asymmetric numbered retail tabs.
   No icon circles, no generic equal-box dashboard treatment.
   ========================================================== */

.bbd-preset-statement .bbd-filter-track{
  gap:10px !important;
  padding:10px 0 14px !important;
  border:0 !important;
  align-items:stretch !important;
}

.bbd-preset-statement .bbd-filter-item,
.bbd-preset-statement .bbd-filter-item.is-active{
  --bbd-st-red:var(--bbd-accent,#B7080D);
  --bbd-st-gold:var(--bbd-gold,#C99B3B);
  position:relative !important;
  isolation:isolate !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:178px !important;
  min-height:92px !important;
  padding:18px 18px 15px 58px !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:5px !important;

  text-align:left !important;
  color:#191716 !important;
  background:#fff !important;
  border:1px solid #EAE5E0 !important;
  border-radius:4px 18px 4px 4px !important;
  box-shadow:none !important;
  overflow:hidden !important;
  transition:border-color .2s ease, transform .2s ease, color .2s ease !important;
}

/* architectural red rail */
.bbd-preset-statement .bbd-filter-item:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:7px !important;
  background:var(--bbd-st-red) !important;
  opacity:1 !important;
}

/* small gold corner detail */
.bbd-preset-statement .bbd-filter-item:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:28px !important;
  height:3px !important;
  background:var(--bbd-st-gold) !important;
  opacity:1 !important;
  transform:none !important;
}

.bbd-preset-statement .bbd-filter-main{
  display:contents !important;
}

/* icon sits freely in the left rail area */
.bbd-preset-statement .bbd-filter-icon{
  position:absolute !important;
  left:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bbd-st-red) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
  width:23px !important;
  height:23px !important;
}

/* stronger fashion-editorial typography */
.bbd-preset-statement .bbd-filter-label{
  position:static !important;
  color:inherit !important;
  font-size:11px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-align:left !important;
}

/* count becomes useful copy, not a floating pill */
.bbd-preset-statement .bbd-tag-count{
  position:static !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#8D837B !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
}

/* tiny dot before count gives the card an editorial detail */
.bbd-preset-statement .bbd-tag-count:before{
  content:"" !important;
  display:inline-block !important;
  position:static !important;
  width:4px !important;
  height:4px !important;
  margin:0 6px 1px 0 !important;
  background:var(--bbd-st-gold) !important;
  border-radius:50% !important;
}

/* hover: restrained, not app-like */
.bbd-preset-statement .bbd-filter-item:hover{
  transform:translateY(-3px) !important;
  color:var(--bbd-st-red) !important;
  background:#fff !important;
  border-color:#DCCFC8 !important;
  box-shadow:none !important;
}
.bbd-preset-statement .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--bbd-st-red) !important;
  background:transparent !important;
  transform:translateY(-50%) !important;
}

/* active is a bold magazine-style red tile */
.bbd-preset-statement .bbd-filter-item.is-active{
  color:#fff !important;
  background:var(--bbd-st-red) !important;
  border-color:var(--bbd-st-red) !important;
  border-radius:4px 18px 4px 4px !important;
  box-shadow:none !important;
}
.bbd-preset-statement .bbd-filter-item.is-active:before{
  background:var(--bbd-st-gold) !important;
}
.bbd-preset-statement .bbd-filter-item.is-active:after{
  background:#fff !important;
  opacity:.7 !important;
}
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-icon{
  color:#fff !important;
  background:transparent !important;
  transform:translateY(-50%) !important;
}
.bbd-preset-statement .bbd-filter-item.is-active .bbd-tag-count{
  color:rgba(255,255,255,.72) !important;
  background:transparent !important;
}
.bbd-preset-statement .bbd-filter-item.is-active .bbd-tag-count:before{
  background:var(--bbd-st-gold) !important;
}

/* mobile: keeps the visual idea but becomes compact */
@media(max-width:767px){
  .bbd-preset-statement .bbd-filter-track{
    gap:8px !important;
    padding:7px 0 11px !important;
  }
  .bbd-preset-statement .bbd-filter-item,
  .bbd-preset-statement .bbd-filter-item.is-active{
    min-width:148px !important;
    min-height:76px !important;
    padding:14px 13px 12px 48px !important;
    border-radius:3px 14px 3px 3px !important;
  }
  .bbd-preset-statement .bbd-filter-item:before{
    width:5px !important;
  }
  .bbd-preset-statement .bbd-filter-icon{
    left:16px !important;
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
  }
  .bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
    width:20px !important;
    height:20px !important;
  }
  .bbd-preset-statement .bbd-filter-label{
    font-size:9px !important;
  }
  .bbd-preset-statement .bbd-tag-count{
    font-size:8px !important;
  }
}


/* ==========================================================
   v2.2.0 — BOULEVARD EDITORIAL
   REAL redesign: fashion-directory tiles, asymmetric cut corner,
   icon top-left, count top-right, title anchored at bottom.
   ========================================================== */

/* Apply the new look to both Editorial and old Statement setting
   so existing widgets visibly change after plugin update. */
.bbd-preset-editorial .bbd-filter-track,
.bbd-preset-statement .bbd-filter-track{
  display:flex !important;
  align-items:stretch !important;
  gap:14px !important;
  padding:10px 2px 16px !important;
  border:0 !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
.bbd-preset-editorial .bbd-filter-track::-webkit-scrollbar,
.bbd-preset-statement .bbd-filter-track::-webkit-scrollbar{display:none !important;}

.bbd-preset-editorial .bbd-filter-item,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item,
.bbd-preset-statement .bbd-filter-item.is-active{
  --editorial-red:var(--bbd-accent,#B7080D);
  --editorial-gold:var(--bbd-gold,#C99B3B);

  position:relative !important;
  isolation:isolate !important;
  flex:0 0 172px !important;
  width:172px !important;
  min-width:172px !important;
  height:104px !important;
  min-height:104px !important;
  margin:0 !important;
  padding:16px 16px 14px !important;

  display:block !important;
  text-align:left !important;

  color:#171513 !important;
  background:#FBFAF8 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:inset 0 0 0 1px #E8E2DC !important;

  /* this is the main visual change */
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%) !important;
  overflow:hidden !important;
  transform:none !important;
  transition:transform .2s ease, color .2s ease, background .2s ease !important;
}

/* gold line at bottom, not another card border */
.bbd-preset-editorial .bbd-filter-item:before,
.bbd-preset-statement .bbd-filter-item:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:16px !important;
  bottom:11px !important;
  width:24px !important;
  height:2px !important;
  background:var(--editorial-gold) !important;
  opacity:1 !important;
  z-index:2 !important;
}

/* red corner slash */
.bbd-preset-editorial .bbd-filter-item:after,
.bbd-preset-statement .bbd-filter-item:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:31px !important;
  height:31px !important;
  background:var(--editorial-red) !important;
  opacity:1 !important;
  transform:translate(16px,-16px) rotate(45deg) !important;
  z-index:1 !important;
}

.bbd-preset-editorial .bbd-filter-main,
.bbd-preset-statement .bbd-filter-main{
  display:contents !important;
}

/* icon is an editorial mark in the upper-left */
.bbd-preset-editorial .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-icon{
  position:absolute !important;
  left:16px !important;
  top:15px !important;
  width:27px !important;
  height:27px !important;
  min-width:27px !important;
  min-height:27px !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  color:var(--editorial-red) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

.bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
  width:25px !important;
  height:25px !important;
}

/* tag title is anchored, not centered */
.bbd-preset-editorial .bbd-filter-label,
.bbd-preset-statement .bbd-filter-label{
  position:absolute !important;
  left:16px !important;
  right:12px !important;
  bottom:27px !important;
  margin:0 !important;

  color:inherit !important;
  font-size:11px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  text-align:left !important;
}

/* count becomes top-right editorial metadata */
.bbd-preset-editorial .bbd-tag-count,
.bbd-preset-statement .bbd-tag-count{
  position:absolute !important;
  top:18px !important;
  right:17px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;

  color:#7F766E !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;

  font-size:8px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
}
.bbd-preset-editorial .bbd-tag-count:before,
.bbd-preset-statement .bbd-tag-count:before{
  display:none !important;
}

/* hover: one clean movement + red type */
.bbd-preset-editorial .bbd-filter-item:hover,
.bbd-preset-statement .bbd-filter-item:hover{
  transform:translateY(-4px) !important;
  color:var(--editorial-red) !important;
  background:#FFFFFF !important;
  border:0 !important;
  box-shadow:inset 0 0 0 1px #D8CBC4 !important;
}
.bbd-preset-editorial .bbd-filter-item:hover .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--editorial-red) !important;
  background:transparent !important;
  transform:none !important;
}

/* active: graphic red tile, cream text, gold bottom marker */
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item.is-active{
  color:#FFF9F2 !important;
  background:var(--editorial-red) !important;
  box-shadow:none !important;
}
.bbd-preset-editorial .bbd-filter-item.is-active:before,
.bbd-preset-statement .bbd-filter-item.is-active:before{
  width:38px !important;
  background:var(--editorial-gold) !important;
}
.bbd-preset-editorial .bbd-filter-item.is-active:after,
.bbd-preset-statement .bbd-filter-item.is-active:after{
  background:var(--editorial-gold) !important;
}
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-icon{
  color:#FFF9F2 !important;
  background:transparent !important;
}
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-tag-count{
  color:rgba(255,249,242,.72) !important;
  background:transparent !important;
}

/* Mobile */
@media(max-width:767px){
  .bbd-preset-editorial .bbd-filter-track,
  .bbd-preset-statement .bbd-filter-track{
    gap:9px !important;
    padding:7px 0 12px !important;
  }

  .bbd-preset-editorial .bbd-filter-item,
  .bbd-preset-editorial .bbd-filter-item.is-active,
  .bbd-preset-statement .bbd-filter-item,
  .bbd-preset-statement .bbd-filter-item.is-active{
    flex-basis:138px !important;
    width:138px !important;
    min-width:138px !important;
    height:86px !important;
    min-height:86px !important;
    padding:12px !important;
    clip-path:polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 0 100%) !important;
  }

  .bbd-preset-editorial .bbd-filter-icon,
  .bbd-preset-statement .bbd-filter-icon{
    left:12px !important;
    top:12px !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
  }

  .bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
    width:21px !important;
    height:21px !important;
  }

  .bbd-preset-editorial .bbd-filter-label,
  .bbd-preset-statement .bbd-filter-label{
    left:12px !important;
    bottom:22px !important;
    font-size:9px !important;
  }

  .bbd-preset-editorial .bbd-tag-count,
  .bbd-preset-statement .bbd-tag-count{
    top:14px !important;
    right:13px !important;
    font-size:7px !important;
  }

  .bbd-preset-editorial .bbd-filter-item:before,
  .bbd-preset-statement .bbd-filter-item:before{
    left:12px !important;
    bottom:8px !important;
  }
}


/* ============================================================
   v2.3.0 — MALL NAVIGATION
   Purposefully NOT a card UI.
   Normal categories are open navigation items.
   Only the selected filter becomes a branded red tab.
   ============================================================ */

.bbd-preset-mallnav .bbd-filter-track,
.bbd-preset-editorial .bbd-filter-track,
.bbd-preset-statement .bbd-filter-track{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
  border-top:1px solid #EEEAE6 !important;
  border-bottom:1px solid #EEEAE6 !important;
  background:#fff !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
.bbd-preset-mallnav .bbd-filter-track::-webkit-scrollbar,
.bbd-preset-editorial .bbd-filter-track::-webkit-scrollbar,
.bbd-preset-statement .bbd-filter-track::-webkit-scrollbar{display:none !important;}

.bbd-preset-mallnav .bbd-filter-item,
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item,
.bbd-preset-statement .bbd-filter-item.is-active{
  --nav-red:var(--bbd-accent,#B7080D);
  position:relative !important;
  flex:0 0 auto !important;
  width:138px !important;
  min-width:138px !important;
  height:92px !important;
  min-height:92px !important;
  margin:0 !important;
  padding:17px 12px 13px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  color:#282522 !important;
  background:#fff !important;
  border:0 !important;
  border-right:1px solid #F0EDE9 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
  transform:none !important;
  text-align:center !important;
  transition:background-color .18s ease,color .18s ease !important;
}

.bbd-preset-mallnav .bbd-filter-item:first-child,
.bbd-preset-editorial .bbd-filter-item:first-child,
.bbd-preset-statement .bbd-filter-item:first-child{
  border-left:1px solid #F0EDE9 !important;
}

/* kill every decorative pseudo-element from older presets */
.bbd-preset-mallnav .bbd-filter-item:before,
.bbd-preset-mallnav .bbd-filter-item:after,
.bbd-preset-editorial .bbd-filter-item:before,
.bbd-preset-editorial .bbd-filter-item:after,
.bbd-preset-statement .bbd-filter-item:before,
.bbd-preset-statement .bbd-filter-item:after{
  display:none !important;
  content:none !important;
}

.bbd-preset-mallnav .bbd-filter-main,
.bbd-preset-editorial .bbd-filter-main,
.bbd-preset-statement .bbd-filter-main{
  display:contents !important;
}

/* clean line icon, no icon container */
.bbd-preset-mallnav .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-icon{
  position:static !important;
  width:27px !important;
  height:27px !important;
  min-width:27px !important;
  min-height:27px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#292623 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

.bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
  width:25px !important;
  height:25px !important;
}

/* label */
.bbd-preset-mallnav .bbd-filter-label,
.bbd-preset-editorial .bbd-filter-label,
.bbd-preset-statement .bbd-filter-label{
  position:static !important;
  width:auto !important;
  margin:0 !important;
  color:inherit !important;
  font-size:9.5px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.025em !important;
  text-transform:none !important;
  white-space:nowrap !important;
  text-align:center !important;
}

/* count is deliberately quiet */
.bbd-preset-mallnav .bbd-tag-count,
.bbd-preset-editorial .bbd-tag-count,
.bbd-preset-statement .bbd-tag-count{
  position:absolute !important;
  right:8px !important;
  top:7px !important;
  min-width:17px !important;
  height:17px !important;
  padding:0 4px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#A39C95 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
.bbd-preset-mallnav .bbd-tag-count:before,
.bbd-preset-editorial .bbd-tag-count:before,
.bbd-preset-statement .bbd-tag-count:before{display:none !important;}

/* hover: no floating cards, only brand accent */
.bbd-preset-mallnav .bbd-filter-item:hover,
.bbd-preset-editorial .bbd-filter-item:hover,
.bbd-preset-statement .bbd-filter-item:hover{
  transform:none !important;
  background:#FCFAF8 !important;
  color:var(--nav-red) !important;
  border-color:#F0EDE9 !important;
  box-shadow:none !important;
}
.bbd-preset-mallnav .bbd-filter-item:hover .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-item:hover .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--nav-red) !important;
  background:transparent !important;
  transform:none !important;
}

/* selected category is the single strong visual anchor */
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item.is-active{
  color:#fff !important;
  background:var(--nav-red) !important;
  border-right-color:var(--nav-red) !important;
  box-shadow:none !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-icon{
  color:#fff !important;
  background:transparent !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-tag-count{
  color:rgba(255,255,255,.68) !important;
  background:transparent !important;
}

/* Mobile stays compact and horizontally scrollable */
@media(max-width:767px){
  .bbd-preset-mallnav .bbd-filter-item,
  .bbd-preset-mallnav .bbd-filter-item.is-active,
  .bbd-preset-editorial .bbd-filter-item,
  .bbd-preset-editorial .bbd-filter-item.is-active,
  .bbd-preset-statement .bbd-filter-item,
  .bbd-preset-statement .bbd-filter-item.is-active{
    width:102px !important;
    min-width:102px !important;
    height:72px !important;
    min-height:72px !important;
    padding:11px 8px 9px !important;
    gap:6px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon,
  .bbd-preset-editorial .bbd-filter-icon,
  .bbd-preset-statement .bbd-filter-icon{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
    width:20px !important;
    height:20px !important;
  }

  .bbd-preset-mallnav .bbd-filter-label,
  .bbd-preset-editorial .bbd-filter-label,
  .bbd-preset-statement .bbd-filter-label{
    font-size:8px !important;
  }

  .bbd-preset-mallnav .bbd-tag-count,
  .bbd-preset-editorial .bbd-tag-count,
  .bbd-preset-statement .bbd-tag-count{
    top:4px !important;
    right:4px !important;
    font-size:6.5px !important;
  }
}


/* ==========================================================
   v2.5.0 — EXACT REFERENCE FILTER
   Matches the approved second-image direction.
   ========================================================== */

.bbd-preset-mallnav .bbd-filter-wrap,
.bbd-preset-editorial .bbd-filter-wrap,
.bbd-preset-statement .bbd-filter-wrap{
  background:#fff !important;
  border:1px solid #ECECEC !important;
  border-radius:12px !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:hidden !important;
}

.bbd-preset-mallnav .bbd-filter-track,
.bbd-preset-editorial .bbd-filter-track,
.bbd-preset-statement .bbd-filter-track{
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  border:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  scroll-behavior:smooth !important;
}
.bbd-preset-mallnav .bbd-filter-track::-webkit-scrollbar,
.bbd-preset-editorial .bbd-filter-track::-webkit-scrollbar,
.bbd-preset-statement .bbd-filter-track::-webkit-scrollbar{display:none !important;}

.bbd-preset-mallnav .bbd-filter-item,
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item,
.bbd-preset-statement .bbd-filter-item.is-active{
  --ref-icon:#B7080D;
  --ref-label:#171717;
  --ref-count-bg:#EFEFEF;
  --ref-count-color:#4A4A4A;
  --ref-active:#B7080D;
  --ref-line:#D8D8D8;
  --ref-separator:#E5E5E5;

  position:relative !important;
  flex:0 0 220px !important;
  width:220px !important;
  min-width:220px !important;
  height:126px !important;
  min-height:126px !important;
  margin:0 !important;
  padding:24px 18px 20px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  color:var(--ref-label) !important;
  background:#fff !important;
  border:0 !important;
  border-right:1px solid var(--ref-separator) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
  transform:none !important;
  text-align:center !important;
}

.bbd-preset-mallnav .bbd-filter-item:first-child,
.bbd-preset-editorial .bbd-filter-item:first-child,
.bbd-preset-statement .bbd-filter-item:first-child{
  border-left:0 !important;
}

/* remove all old pseudo decoration */
.bbd-preset-mallnav .bbd-filter-item:before,
.bbd-preset-mallnav .bbd-filter-item:after,
.bbd-preset-editorial .bbd-filter-item:before,
.bbd-preset-editorial .bbd-filter-item:after,
.bbd-preset-statement .bbd-filter-item:before,
.bbd-preset-statement .bbd-filter-item:after{
  display:none !important;
  content:none !important;
}

.bbd-preset-mallnav .bbd-filter-main,
.bbd-preset-editorial .bbd-filter-main,
.bbd-preset-statement .bbd-filter-main{
  display:contents !important;
}

/* icon */
.bbd-preset-mallnav .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-icon{
  position:static !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--ref-icon) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

.bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
  width:34px !important;
  height:34px !important;
}

/* label */
.bbd-preset-mallnav .bbd-filter-label,
.bbd-preset-editorial .bbd-filter-label,
.bbd-preset-statement .bbd-filter-label{
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-align:center !important;
}

/* underline exactly like reference */
.bbd-preset-mallnav .bbd-filter-label:after,
.bbd-preset-editorial .bbd-filter-label:after,
.bbd-preset-statement .bbd-filter-label:after{
  content:"" !important;
  display:block !important;
  width:58px !important;
  height:3px !important;
  margin:16px auto 0 !important;
  border-radius:999px !important;
  background:var(--ref-line) !important;
}

/* count badge top-right */
.bbd-preset-mallnav .bbd-tag-count,
.bbd-preset-editorial .bbd-tag-count,
.bbd-preset-statement .bbd-tag-count{
  position:absolute !important;
  top:14px !important;
  right:15px !important;
  min-width:34px !important;
  height:34px !important;
  padding:0 8px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:var(--ref-count-color) !important;
  background:var(--ref-count-bg) !important;
  border:0 !important;
  border-radius:8px !important;

  font-size:15px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
.bbd-preset-mallnav .bbd-tag-count:before,
.bbd-preset-editorial .bbd-tag-count:before,
.bbd-preset-statement .bbd-tag-count:before{display:none !important;}

/* hover */
.bbd-preset-mallnav .bbd-filter-item:hover,
.bbd-preset-editorial .bbd-filter-item:hover,
.bbd-preset-statement .bbd-filter-item:hover{
  background:#fff !important;
  color:var(--ref-active) !important;
  transform:none !important;
  box-shadow:none !important;
}
.bbd-preset-mallnav .bbd-filter-item:hover .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-item:hover .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--ref-active) !important;
}

/* active state: red badge + red underline only */
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item.is-active{
  color:var(--ref-label) !important;
  background:#fff !important;
  border-right-color:var(--ref-separator) !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-icon{
  color:var(--ref-active) !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-tag-count{
  background:var(--ref-active) !important;
  color:#fff !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-label:after,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-label:after,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-label:after{
  width:86px !important;
  background:var(--ref-active) !important;
}

/* progress */
.bbd-scroll-progress{
  width:calc(100% - 36px) !important;
  height:5px !important;
  margin:18px auto 20px !important;
  overflow:hidden !important;
  background:#E8E8E8 !important;
  border-radius:999px !important;
}
.bbd-scroll-progress span{
  display:block !important;
  width:20% !important;
  height:100% !important;
  background:#B7080D !important;
  border-radius:999px !important;
  transform:translateX(0) !important;
  transition:width .18s ease, transform .18s ease !important;
}

/* mobile version follows same reference */
@media(max-width:767px){
  .bbd-preset-mallnav .bbd-filter-wrap,
  .bbd-preset-editorial .bbd-filter-wrap,
  .bbd-preset-statement .bbd-filter-wrap{
    border-radius:10px !important;
  }

  .bbd-preset-mallnav .bbd-filter-item,
  .bbd-preset-mallnav .bbd-filter-item.is-active,
  .bbd-preset-editorial .bbd-filter-item,
  .bbd-preset-editorial .bbd-filter-item.is-active,
  .bbd-preset-statement .bbd-filter-item,
  .bbd-preset-statement .bbd-filter-item.is-active{
    flex-basis:125px !important;
    width:125px !important;
    min-width:125px !important;
    height:92px !important;
    min-height:92px !important;
    padding:16px 10px 14px !important;
    gap:8px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon,
  .bbd-preset-editorial .bbd-filter-icon,
  .bbd-preset-statement .bbd-filter-icon{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
    width:24px !important;
    height:24px !important;
  }

  .bbd-preset-mallnav .bbd-filter-label,
  .bbd-preset-editorial .bbd-filter-label,
  .bbd-preset-statement .bbd-filter-label{
    font-size:10px !important;
    letter-spacing:.08em !important;
  }

  .bbd-preset-mallnav .bbd-filter-label:after,
  .bbd-preset-editorial .bbd-filter-label:after,
  .bbd-preset-statement .bbd-filter-label:after{
    width:36px !important;
    height:2px !important;
    margin-top:9px !important;
  }

  .bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-label:after,
  .bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-label:after,
  .bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-label:after{
    width:52px !important;
  }

  .bbd-preset-mallnav .bbd-tag-count,
  .bbd-preset-editorial .bbd-tag-count,
  .bbd-preset-statement .bbd-tag-count{
    top:7px !important;
    right:7px !important;
    min-width:22px !important;
    height:22px !important;
    padding:0 5px !important;
    border-radius:6px !important;
    font-size:9px !important;
  }

  .bbd-scroll-progress{
    width:calc(100% - 24px) !important;
    height:3px !important;
    margin:10px auto 12px !important;
  }
}


/* ==========================================================
   v2.5.1 — Centered + refined reference filter
   Fixes count badge overlap and centers the whole filter group.
   ========================================================== */

/* Center the filter group when all items fit in the available width */
.bbd-preset-mallnav .bbd-filter-track,
.bbd-preset-editorial .bbd-filter-track,
.bbd-preset-statement .bbd-filter-track{
  justify-content:center !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* Keep each item roomy enough so icon, title and badge never collide */
.bbd-preset-mallnav .bbd-filter-item,
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item,
.bbd-preset-statement .bbd-filter-item.is-active{
  flex-basis:220px !important;
  width:220px !important;
  min-width:220px !important;
  height:136px !important;
  min-height:136px !important;
  padding:28px 22px 24px !important;
  gap:13px !important;
}

/* Move count badge into the corner and keep it compact */
.bbd-preset-mallnav .bbd-tag-count,
.bbd-preset-editorial .bbd-tag-count,
.bbd-preset-statement .bbd-tag-count{
  top:12px !important;
  right:12px !important;
  min-width:30px !important;
  width:auto !important;
  height:30px !important;
  padding:0 8px !important;
  border-radius:8px !important;
  font-size:11px !important;
  line-height:30px !important;
  z-index:3 !important;
}

/* Prevent icon from sitting under count badge */
.bbd-preset-mallnav .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-icon{
  margin-top:8px !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
}

.bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
  width:32px !important;
  height:32px !important;
}

/* Cleaner typography and underline proportions */
.bbd-preset-mallnav .bbd-filter-label,
.bbd-preset-editorial .bbd-filter-label,
.bbd-preset-statement .bbd-filter-label{
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:.11em !important;
}

.bbd-preset-mallnav .bbd-filter-label:after,
.bbd-preset-editorial .bbd-filter-label:after,
.bbd-preset-statement .bbd-filter-label:after{
  width:52px !important;
  height:2px !important;
  margin-top:14px !important;
  background:#D2D2D2 !important;
}

.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-label:after,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-label:after,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-label:after{
  width:74px !important;
}

/* Softer overall frame */
.bbd-preset-mallnav .bbd-filter-wrap,
.bbd-preset-editorial .bbd-filter-wrap,
.bbd-preset-statement .bbd-filter-wrap{
  border-color:#E8E8E8 !important;
  border-radius:14px !important;
}

/* Slight breathing room above/below progress */
.bbd-scroll-progress{
  width:calc(100% - 48px) !important;
  height:4px !important;
  margin:16px auto 18px !important;
}

/* On narrower screens, left-align the scroll strip so the first item is never cut */
@media(max-width:900px){
  .bbd-preset-mallnav .bbd-filter-track,
  .bbd-preset-editorial .bbd-filter-track,
  .bbd-preset-statement .bbd-filter-track{
    justify-content:flex-start !important;
  }
}

@media(max-width:767px){
  .bbd-preset-mallnav .bbd-filter-item,
  .bbd-preset-mallnav .bbd-filter-item.is-active,
  .bbd-preset-editorial .bbd-filter-item,
  .bbd-preset-editorial .bbd-filter-item.is-active,
  .bbd-preset-statement .bbd-filter-item,
  .bbd-preset-statement .bbd-filter-item.is-active{
    flex-basis:128px !important;
    width:128px !important;
    min-width:128px !important;
    height:98px !important;
    min-height:98px !important;
    padding:18px 10px 14px !important;
    gap:8px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon,
  .bbd-preset-editorial .bbd-filter-icon,
  .bbd-preset-statement .bbd-filter-icon{
    margin-top:6px !important;
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
    width:24px !important;
    height:24px !important;
  }

  .bbd-preset-mallnav .bbd-filter-label,
  .bbd-preset-editorial .bbd-filter-label,
  .bbd-preset-statement .bbd-filter-label{
    font-size:9px !important;
    letter-spacing:.08em !important;
  }

  .bbd-preset-mallnav .bbd-tag-count,
  .bbd-preset-editorial .bbd-tag-count,
  .bbd-preset-statement .bbd-tag-count{
    top:7px !important;
    right:7px !important;
    min-width:22px !important;
    height:22px !important;
    padding:0 5px !important;
    border-radius:6px !important;
    font-size:8px !important;
    line-height:22px !important;
  }

  .bbd-scroll-progress{
    width:calc(100% - 24px) !important;
    height:3px !important;
    margin:9px auto 11px !important;
  }
}


/* ==========================================================
   v2.5.2 — CLEAN CENTERED PREMIUM FILTER
   Final override: no outer box, fixed count badge, centered rail.
   ========================================================== */

/* MAIN WRAPPER — absolutely no outer border/card */
.bbd-preset-mallnav .bbd-filter-wrap,
.bbd-preset-editorial .bbd-filter-wrap,
.bbd-preset-statement .bbd-filter-wrap{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bbd-preset-mallnav .bbd-filter-wrap:before,
.bbd-preset-mallnav .bbd-filter-wrap:after,
.bbd-preset-editorial .bbd-filter-wrap:before,
.bbd-preset-editorial .bbd-filter-wrap:after,
.bbd-preset-statement .bbd-filter-wrap:before,
.bbd-preset-statement .bbd-filter-wrap:after{
  display:none !important;
  content:none !important;
}

/* FILTER RAIL */
.bbd-preset-mallnav .bbd-filter-track,
.bbd-preset-editorial .bbd-filter-track,
.bbd-preset-statement .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;

  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:0 !important;

  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.bbd-preset-mallnav .bbd-filter-track::-webkit-scrollbar,
.bbd-preset-editorial .bbd-filter-track::-webkit-scrollbar,
.bbd-preset-statement .bbd-filter-track::-webkit-scrollbar{
  display:none !important;
}

/* EACH FILTER ITEM */
.bbd-preset-mallnav .bbd-filter-item,
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item,
.bbd-preset-statement .bbd-filter-item.is-active{
  --ref-icon:#B7080D;
  --ref-label:#171717;
  --ref-active:#B7080D;
  --ref-line:#D4D4D4;
  --ref-separator:#E8E5E2;
  --ref-count-bg:#F3F3F3;
  --ref-count-color:#565656;

  position:relative !important;
  flex:0 0 190px !important;
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:118px !important;
  min-height:118px !important;

  margin:0 !important;
  padding:22px 18px 18px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  background:#fff !important;
  color:var(--ref-label) !important;
  border:0 !important;
  border-right:1px solid var(--ref-separator) !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
  transform:none !important;
  text-align:center !important;
}
.bbd-preset-mallnav .bbd-filter-item:first-child,
.bbd-preset-editorial .bbd-filter-item:first-child,
.bbd-preset-statement .bbd-filter-item:first-child{
  border-left:1px solid var(--ref-separator) !important;
}

/* Remove old decorative pseudo-elements */
.bbd-preset-mallnav .bbd-filter-item:before,
.bbd-preset-mallnav .bbd-filter-item:after,
.bbd-preset-editorial .bbd-filter-item:before,
.bbd-preset-editorial .bbd-filter-item:after,
.bbd-preset-statement .bbd-filter-item:before,
.bbd-preset-statement .bbd-filter-item:after{
  display:none !important;
  content:none !important;
}

/* Inner wrapper */
.bbd-preset-mallnav .bbd-filter-main,
.bbd-preset-editorial .bbd-filter-main,
.bbd-preset-statement .bbd-filter-main{
  display:contents !important;
}

/* ICON */
.bbd-preset-mallnav .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-icon{
  position:static !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:var(--ref-icon) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
  width:30px !important;
  height:30px !important;
}

/* LABEL */
.bbd-preset-mallnav .bbd-filter-label,
.bbd-preset-editorial .bbd-filter-label,
.bbd-preset-statement .bbd-filter-label{
  position:static !important;
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  color:inherit !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-align:center !important;
}

/* SHORT UNDERLINE */
.bbd-preset-mallnav .bbd-filter-label:after,
.bbd-preset-editorial .bbd-filter-label:after,
.bbd-preset-statement .bbd-filter-label:after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  margin:11px auto 0 !important;
  background:var(--ref-line) !important;
  border-radius:999px !important;
}

/* COUNT BADGE — fixed small square, never stretches */
.bbd-preset-mallnav .bbd-tag-count,
.bbd-preset-editorial .bbd-tag-count,
.bbd-preset-statement .bbd-tag-count{
  position:absolute !important;
  top:10px !important;
  right:10px !important;

  width:26px !important;
  min-width:26px !important;
  max-width:26px !important;
  height:26px !important;
  min-height:26px !important;
  max-height:26px !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:var(--ref-count-color) !important;
  background:var(--ref-count-bg) !important;
  border:0 !important;
  border-radius:7px !important;
  box-shadow:none !important;

  font-size:9px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;

  overflow:hidden !important;
  white-space:nowrap !important;
}
.bbd-preset-mallnav .bbd-tag-count:before,
.bbd-preset-editorial .bbd-tag-count:before,
.bbd-preset-statement .bbd-tag-count:before{
  display:none !important;
  content:none !important;
}

/* HOVER */
.bbd-preset-mallnav .bbd-filter-item:hover,
.bbd-preset-editorial .bbd-filter-item:hover,
.bbd-preset-statement .bbd-filter-item:hover{
  background:#FCFBFA !important;
  color:var(--ref-active) !important;
  transform:none !important;
  box-shadow:none !important;
}
.bbd-preset-mallnav .bbd-filter-item:hover .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-item:hover .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--ref-active) !important;
  background:transparent !important;
  transform:none !important;
}

/* ACTIVE */
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item.is-active{
  background:#fff !important;
  color:var(--ref-label) !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-icon{
  color:var(--ref-active) !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-tag-count{
  background:var(--ref-active) !important;
  color:#fff !important;
}
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-label:after,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-label:after,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-label:after{
  width:58px !important;
  background:var(--ref-active) !important;
}

/* Progress bar only when scrolling exists */
.bbd-scroll-progress{
  width:min(760px,calc(100% - 40px)) !important;
  height:3px !important;
  margin:14px auto 0 !important;
  background:#E9E9E9 !important;
  border-radius:999px !important;
  overflow:hidden !important;
  border:0 !important;
  box-shadow:none !important;
}
.bbd-scroll-progress span{
  display:block !important;
  height:100% !important;
  background:#B7080D !important;
  border-radius:999px !important;
}

/* TABLET/MOBILE */
@media(max-width:900px){
  .bbd-preset-mallnav .bbd-filter-track,
  .bbd-preset-editorial .bbd-filter-track,
  .bbd-preset-statement .bbd-filter-track{
    width:100% !important;
    margin:0 !important;
    justify-content:flex-start !important;
  }
}

@media(max-width:767px){
  .bbd-preset-mallnav .bbd-filter-item,
  .bbd-preset-mallnav .bbd-filter-item.is-active,
  .bbd-preset-editorial .bbd-filter-item,
  .bbd-preset-editorial .bbd-filter-item.is-active,
  .bbd-preset-statement .bbd-filter-item,
  .bbd-preset-statement .bbd-filter-item.is-active{
    flex-basis:112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    height:84px !important;
    min-height:84px !important;
    padding:14px 8px 11px !important;
    gap:6px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon,
  .bbd-preset-editorial .bbd-filter-icon,
  .bbd-preset-statement .bbd-filter-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
  }

  .bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
    width:21px !important;
    height:21px !important;
  }

  .bbd-preset-mallnav .bbd-filter-label,
  .bbd-preset-editorial .bbd-filter-label,
  .bbd-preset-statement .bbd-filter-label{
    font-size:8.5px !important;
    letter-spacing:.08em !important;
  }

  .bbd-preset-mallnav .bbd-filter-label:after,
  .bbd-preset-editorial .bbd-filter-label:after,
  .bbd-preset-statement .bbd-filter-label:after{
    width:28px !important;
    height:2px !important;
    margin-top:7px !important;
  }

  .bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-label:after,
  .bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-label:after,
  .bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-label:after{
    width:38px !important;
  }

  .bbd-preset-mallnav .bbd-tag-count,
  .bbd-preset-editorial .bbd-tag-count,
  .bbd-preset-statement .bbd-tag-count{
    top:5px !important;
    right:5px !important;
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    border-radius:5px !important;
    font-size:7px !important;
  }

  .bbd-scroll-progress{
    width:calc(100% - 20px) !important;
    margin-top:8px !important;
  }
}


/* ==========================================================
   v2.6.0 — Premium filter system
   Stable layout + every visual value driven by Style-tab variables.
   ========================================================== */

.bbd-app{
  --bbd-filter-align:center;
  --bbd-item-w:190px;
  --bbd-item-h:122px;
  --bbd-item-gap:0px;
  --bbd-item-bg:#fff;
  --bbd-item-hover-bg:#FCFAF8;
  --bbd-item-active-bg:#fff;
  --bbd-separator:#E7E3DF;
  --bbd-separator-h:66%;
  --bbd-icon-size:32px;
  --bbd-icon-gap:10px;
  --bbd-icon-color:#B7080D;
  --bbd-icon-hover:#98070B;
  --bbd-icon-active:#B7080D;
  --bbd-icon-stroke:1.15;
  --bbd-label-color:#191919;
  --bbd-label-hover:#B7080D;
  --bbd-label-active:#191919;
  --bbd-line-color:#D5D2CF;
  --bbd-line-active:#B7080D;
  --bbd-line-w:44px;
  --bbd-line-active-w:60px;
  --bbd-line-h:2px;
  --bbd-count-size:26px;
  --bbd-count-offset:10px;
  --bbd-count-bg:#F1F1F1;
  --bbd-count-color:#555;
  --bbd-count-active-bg:#B7080D;
  --bbd-count-active-color:#fff;
  --bbd-count-radius:7px;
  --bbd-progress-bg:#E9E7E5;
  --bbd-progress-color:#B7080D;
  --bbd-progress-h:3px;
  --bbd-progress-w:760px;
}

/* No main container border/card */
.bbd-app .bbd-filter-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:var(--bbd-filter-align) !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bbd-app .bbd-filter-wrap:before,
.bbd-app .bbd-filter-wrap:after{display:none !important;content:none !important;}

/* Centered when it fits; scrolling remains safe when it doesn't */
.bbd-app .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:var(--bbd-item-gap) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  scroll-behavior:smooth !important;
}
.bbd-app .bbd-filter-track::-webkit-scrollbar{display:none !important;}

/* Open premium navigation tile – no outer card box */
.bbd-app .bbd-filter-item,
.bbd-app .bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;

  background:var(--bbd-item-bg) !important;
  color:var(--bbd-label-color) !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
  transform:none !important;
  text-align:center !important;
  transition:background .18s ease,color .18s ease !important;
}

/* Custom vertical separators, not box borders */
.bbd-app .bbd-filter-item:not(:last-child):after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  top:50% !important;
  right:0 !important;
  width:1px !important;
  height:var(--bbd-separator-h) !important;
  background:var(--bbd-separator) !important;
  transform:translateY(-50%) !important;
  opacity:1 !important;
}
.bbd-app .bbd-filter-item:before{display:none !important;content:none !important;}

/* Real inner layout: icon position control works */
.bbd-app .bbd-filter-main{
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  gap:var(--bbd-icon-gap) !important;
  width:auto !important;
  max-width:100% !important;
}

/* Thin outline icon */
.bbd-app .bbd-filter-icon{
  position:static !important;
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  min-width:var(--bbd-icon-size) !important;
  min-height:var(--bbd-icon-size) !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bbd-icon-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.bbd-app .bbd-filter-icon .bbd-auto-icon svg,
.bbd-app .bbd-filter-icon .bbd-custom-icon svg{
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
}

/* Label */
.bbd-app .bbd-filter-label{
  position:relative !important;
  display:block !important;
  width:auto !important;
  max-width:calc(var(--bbd-item-w) - 28px) !important;
  margin:0 !important;
  padding:0 0 calc(var(--bbd-line-h) + 12px) !important;
  color:var(--bbd-label-color) !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-align:center !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Underline */
.bbd-app .bbd-filter-label:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:var(--bbd-line-w) !important;
  height:var(--bbd-line-h) !important;
  background:var(--bbd-line-color) !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  transition:width .18s ease,background .18s ease !important;
}

/* Count badge: fixed square, no chance to stretch */
.bbd-app .bbd-tag-count{
  position:absolute !important;
  z-index:5 !important;
  width:var(--bbd-count-size) !important;
  min-width:var(--bbd-count-size) !important;
  max-width:var(--bbd-count-size) !important;
  height:var(--bbd-count-size) !important;
  min-height:var(--bbd-count-size) !important;
  max-height:var(--bbd-count-size) !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bbd-count-color) !important;
  background:var(--bbd-count-bg) !important;
  border:0 !important;
  border-radius:var(--bbd-count-radius) !important;
  box-shadow:none !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.bbd-app .bbd-tag-count:before{display:none !important;content:none !important;}

/* User-selectable badge position */
.bbd-app.bbd-count-top-right .bbd-tag-count{top:var(--bbd-count-offset) !important;right:var(--bbd-count-offset) !important;left:auto !important;bottom:auto !important;}
.bbd-app.bbd-count-top-left .bbd-tag-count{top:var(--bbd-count-offset) !important;left:var(--bbd-count-offset) !important;right:auto !important;bottom:auto !important;}
.bbd-app.bbd-count-bottom-right .bbd-tag-count{bottom:var(--bbd-count-offset) !important;right:var(--bbd-count-offset) !important;left:auto !important;top:auto !important;}
.bbd-app.bbd-count-bottom-left .bbd-tag-count{bottom:var(--bbd-count-offset) !important;left:var(--bbd-count-offset) !important;right:auto !important;top:auto !important;}

/* Hover */
.bbd-app .bbd-filter-item:hover{
  background:var(--bbd-item-hover-bg) !important;
  color:var(--bbd-label-hover) !important;
  transform:none !important;
  box-shadow:none !important;
}
.bbd-app .bbd-filter-item:hover .bbd-filter-icon{color:var(--bbd-icon-hover) !important;}
.bbd-app .bbd-filter-item:hover .bbd-filter-label{color:var(--bbd-label-hover) !important;}
.bbd-app .bbd-filter-item:hover .bbd-filter-label:after{
  width:var(--bbd-line-active-w) !important;
  background:var(--bbd-line-active) !important;
}

/* Active */
.bbd-app .bbd-filter-item.is-active{
  background:var(--bbd-item-active-bg) !important;
  color:var(--bbd-label-active) !important;
}
.bbd-app .bbd-filter-item.is-active .bbd-filter-icon{color:var(--bbd-icon-active) !important;}
.bbd-app .bbd-filter-item.is-active .bbd-filter-label{color:var(--bbd-label-active) !important;}
.bbd-app .bbd-filter-item.is-active .bbd-filter-label:after{
  width:var(--bbd-line-active-w) !important;
  background:var(--bbd-line-active) !important;
}
.bbd-app .bbd-filter-item.is-active .bbd-tag-count{
  background:var(--bbd-count-active-bg) !important;
  color:var(--bbd-count-active-color) !important;
}

/* Progress only – no container frame */
.bbd-app .bbd-scroll-progress{
  width:min(var(--bbd-progress-w),calc(100% - 24px)) !important;
  height:var(--bbd-progress-h) !important;
  margin:14px auto 0 !important;
  background:var(--bbd-progress-bg) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.bbd-app .bbd-scroll-progress span{
  display:block !important;
  height:100% !important;
  background:var(--bbd-progress-color) !important;
  border-radius:999px !important;
}

/* Mobile stays clean and scroll-safe */
@media(max-width:767px){
  .bbd-app .bbd-filter-track{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  .bbd-app .bbd-filter-label{
    font-size:8.5px !important;
    letter-spacing:.06em !important;
    max-width:calc(var(--bbd-item-w) - 16px) !important;
  }
  .bbd-app .bbd-scroll-progress{
    margin-top:8px !important;
  }
}


/* v2.6.1 — Remove unwanted left border completely */
.bbd-app .bbd-filter-wrap,
.bbd-app .bbd-filter-track,
.bbd-app .bbd-filter-item:first-child{
  border-left:0 !important;
  outline-left:0 !important;
  box-shadow:none !important;
}

.bbd-app .bbd-filter-item:first-child:before,
.bbd-app .bbd-filter-item:first-child:after{
  display:none !important;
  content:none !important;
}

/* Keep separators only BETWEEN items, never before the first item */
.bbd-app .bbd-filter-item:not(:last-child):after{
  right:0 !important;
  left:auto !important;
}

/* Safety against old preset rules */
.bbd-preset-mallnav .bbd-filter-item:first-child,
.bbd-preset-editorial .bbd-filter-item:first-child,
.bbd-preset-statement .bbd-filter-item:first-child,
.bbd-preset-signature .bbd-filter-item:first-child,
.bbd-preset-outline .bbd-filter-item:first-child,
.bbd-preset-minimal .bbd-filter-item:first-child{
  border-left:0 !important;
  box-shadow:none !important;
}


/* ==========================================================
   v2.7.0 — Premium human-made mall filter
   All styling is driven by Elementor Style-tab CSS variables.
   ========================================================== */

.bbd-app{
  --bbd-align:center;
  --bbd-item-w:190px;
  --bbd-item-h:116px;
  --bbd-gap:0px;
  --bbd-pad-x:18px;
  --bbd-pad-y:16px;
  --bbd-bg:#FFFFFF;
  --bbd-hover-bg:#FCFAF7;
  --bbd-active-bg:#FFF8F5;
  --bbd-separator:#E8E3DE;
  --bbd-separator-h:62%;
  --bbd-icon-dir:column;
  --bbd-icon-size:30px;
  --bbd-icon-gap:10px;
  --bbd-icon-color:#B7080D;
  --bbd-icon-hover:#8F070B;
  --bbd-icon-active:#B7080D;
  --bbd-icon-stroke:1.15;
  --bbd-label-color:#191919;
  --bbd-label-hover:#B7080D;
  --bbd-label-active:#B7080D;
  --bbd-label-size:12px;
  --bbd-label-weight:600;
  --bbd-letter-space:1.2px;
  --bbd-text-transform:uppercase;
  --bbd-line-color:#D5D1CE;
  --bbd-line-active:#B7080D;
  --bbd-line-w:42px;
  --bbd-line-active-w:58px;
  --bbd-line-h:2px;
  --bbd-count-size:25px;
  --bbd-count-offset:10px;
  --bbd-count-bg:#F2F2F2;
  --bbd-count-color:#5A5A5A;
  --bbd-count-active-bg:#B7080D;
  --bbd-count-active-color:#FFFFFF;
  --bbd-count-border:#E7E7E7;
  --bbd-count-radius:7px;
  --bbd-count-font-size:9px;
  --bbd-progress-bg:#E9E6E3;
  --bbd-progress-color:#B7080D;
  --bbd-progress-h:3px;
  --bbd-progress-w:760px;
}

/* absolutely no main-container border */
.bbd-app .bbd-filter-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:var(--bbd-align) !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bbd-app .bbd-filter-wrap:before,
.bbd-app .bbd-filter-wrap:after{display:none !important;content:none !important;}

/* open navigation rail */
.bbd-app .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:var(--bbd-gap) !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  scroll-behavior:smooth !important;
}
.bbd-app .bbd-filter-track::-webkit-scrollbar{display:none !important;}

/* category item */
.bbd-app .bbd-filter-item,
.bbd-app .bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;
  margin:0 !important;
  padding:var(--bbd-pad-y) var(--bbd-pad-x) !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  background:var(--bbd-bg) !important;
  color:var(--bbd-label-color) !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
  transform:none !important;
  text-align:center !important;
  transition:background-color .18s ease,color .18s ease !important;
}

/* separators only between items; no left border */
.bbd-app .bbd-filter-item:before{display:none !important;content:none !important;}
.bbd-app .bbd-filter-item:not(:last-child):after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  top:50% !important;
  right:0 !important;
  left:auto !important;
  width:1px !important;
  height:var(--bbd-separator-h) !important;
  background:var(--bbd-separator) !important;
  transform:translateY(-50%) !important;
  opacity:1 !important;
}
.bbd-app .bbd-filter-item:last-child:after{display:none !important;content:none !important;}

/* inner row/column — actual icon position control works */
.bbd-app .bbd-filter-main{
  display:flex !important;
  flex-direction:var(--bbd-icon-dir) !important;
  align-items:center !important;
  justify-content:center !important;
  gap:var(--bbd-icon-gap) !important;
  width:auto !important;
  max-width:100% !important;
}

/* icon */
.bbd-app .bbd-filter-icon{
  position:static !important;
  flex:0 0 auto !important;
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  min-width:var(--bbd-icon-size) !important;
  min-height:var(--bbd-icon-size) !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bbd-icon-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.bbd-app .bbd-filter-icon .bbd-auto-icon svg,
.bbd-app .bbd-filter-icon .bbd-custom-icon svg{
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
}

/* label + underline */
.bbd-app .bbd-filter-label{
  position:relative !important;
  display:block !important;
  max-width:calc(var(--bbd-item-w) - 24px) !important;
  margin:0 !important;
  padding:0 0 calc(var(--bbd-line-h) + 11px) !important;
  color:var(--bbd-label-color) !important;
  font-size:var(--bbd-label-size) !important;
  line-height:1.15 !important;
  font-weight:var(--bbd-label-weight) !important;
  letter-spacing:var(--bbd-letter-space) !important;
  text-transform:var(--bbd-text-transform) !important;
  white-space:nowrap !important;
  text-align:center !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.bbd-app .bbd-filter-label:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:var(--bbd-line-w) !important;
  height:var(--bbd-line-h) !important;
  background:var(--bbd-line-color) !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  transition:width .18s ease,background-color .18s ease !important;
}

/* count badge */
.bbd-app .bbd-tag-count{
  position:absolute !important;
  z-index:4 !important;
  width:var(--bbd-count-size) !important;
  min-width:var(--bbd-count-size) !important;
  max-width:var(--bbd-count-size) !important;
  height:var(--bbd-count-size) !important;
  min-height:var(--bbd-count-size) !important;
  max-height:var(--bbd-count-size) !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bbd-count-color) !important;
  background:var(--bbd-count-bg) !important;
  border:1px solid var(--bbd-count-border) !important;
  border-radius:var(--bbd-count-radius) !important;
  box-shadow:none !important;
  font-size:var(--bbd-count-font-size) !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.bbd-app .bbd-tag-count:before{display:none !important;content:none !important;}

.bbd-app.bbd-count-top-right .bbd-tag-count{top:var(--bbd-count-offset) !important;right:var(--bbd-count-offset) !important;left:auto !important;bottom:auto !important;}
.bbd-app.bbd-count-top-left .bbd-tag-count{top:var(--bbd-count-offset) !important;left:var(--bbd-count-offset) !important;right:auto !important;bottom:auto !important;}
.bbd-app.bbd-count-bottom-right .bbd-tag-count{bottom:var(--bbd-count-offset) !important;right:var(--bbd-count-offset) !important;left:auto !important;top:auto !important;}
.bbd-app.bbd-count-bottom-left .bbd-tag-count{bottom:var(--bbd-count-offset) !important;left:var(--bbd-count-offset) !important;right:auto !important;top:auto !important;}

/* hover */
.bbd-app .bbd-filter-item:hover{
  background:var(--bbd-hover-bg) !important;
}
.bbd-app .bbd-filter-item:hover .bbd-filter-icon{color:var(--bbd-icon-hover) !important;}
.bbd-app .bbd-filter-item:hover .bbd-filter-label{color:var(--bbd-label-hover) !important;}
.bbd-app .bbd-filter-item:hover .bbd-filter-label:after{
  width:var(--bbd-line-active-w) !important;
  background:var(--bbd-line-active) !important;
}

/* active: elegant, not heavy */
.bbd-app .bbd-filter-item.is-active{
  background:var(--bbd-active-bg) !important;
}
.bbd-app .bbd-filter-item.is-active .bbd-filter-icon{color:var(--bbd-icon-active) !important;}
.bbd-app .bbd-filter-item.is-active .bbd-filter-label{color:var(--bbd-label-active) !important;}
.bbd-app .bbd-filter-item.is-active .bbd-filter-label:after{
  width:var(--bbd-line-active-w) !important;
  background:var(--bbd-line-active) !important;
}
.bbd-app .bbd-filter-item.is-active .bbd-tag-count{
  background:var(--bbd-count-active-bg) !important;
  color:var(--bbd-count-active-color) !important;
  border-color:var(--bbd-count-active-bg) !important;
}

/* progress */
.bbd-app .bbd-scroll-progress{
  width:min(var(--bbd-progress-w),calc(100% - 20px)) !important;
  height:var(--bbd-progress-h) !important;
  margin:14px auto 0 !important;
  background:var(--bbd-progress-bg) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.bbd-app .bbd-scroll-progress span{
  display:block !important;
  height:100% !important;
  background:var(--bbd-progress-color) !important;
  border-radius:999px !important;
}

/* mobile */
@media(max-width:767px){
  .bbd-app .bbd-filter-track{
    width:100% !important;
    max-width:100% !important;
  }
  .bbd-app .bbd-filter-label{
    max-width:calc(var(--bbd-item-w) - 12px) !important;
  }
  .bbd-app .bbd-scroll-progress{margin-top:8px !important;}
}


/* v2.8.0 — Atelier Luxe: stronger premium editorial filter */
.bbd-preset-atelier,
.bbd-preset-mallnav,
.bbd-preset-editorial,
.bbd-preset-statement{
  --atelier-red:#B7080D;
  --atelier-red-dark:#8D060A;
  --atelier-gold:#C9A35C;
  --atelier-muted:#8B8177;
  --atelier-line:#E8E0D8;
}

/* borderless main container */
.bbd-preset-atelier .bbd-filter-wrap,
.bbd-preset-mallnav .bbd-filter-wrap,
.bbd-preset-editorial .bbd-filter-wrap,
.bbd-preset-statement .bbd-filter-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* premium spaced rail */
.bbd-preset-atelier .bbd-filter-track,
.bbd-preset-mallnav .bbd-filter-track,
.bbd-preset-editorial .bbd-filter-track,
.bbd-preset-statement .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  padding:8px 0 12px !important;
  gap:12px !important;
  border:0 !important;
  background:transparent !important;
  overflow-x:auto !important;
}

/* editorial boutique tile */
.bbd-preset-atelier .bbd-filter-item,
.bbd-preset-atelier .bbd-filter-item.is-active,
.bbd-preset-mallnav .bbd-filter-item,
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item,
.bbd-preset-statement .bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;
  padding:18px !important;

  display:grid !important;
  grid-template-columns:44px 1fr !important;
  grid-template-rows:1fr auto !important;
  column-gap:14px !important;
  row-gap:10px !important;
  align-items:center !important;

  background:linear-gradient(180deg,#FFFFFF 0%,#FCF9F5 100%) !important;
  border:1px solid var(--atelier-line) !important;
  border-radius:3px 18px 3px 18px !important;
  box-shadow:0 8px 24px rgba(47,31,20,.055) !important;
  overflow:hidden !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}

/* red/gold signature rule */
.bbd-preset-atelier .bbd-filter-item:before,
.bbd-preset-mallnav .bbd-filter-item:before,
.bbd-preset-editorial .bbd-filter-item:before,
.bbd-preset-statement .bbd-filter-item:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:3px !important;
  background:linear-gradient(90deg,var(--atelier-red) 0 68%,var(--atelier-gold) 68% 100%) !important;
}
.bbd-preset-atelier .bbd-filter-item:after,
.bbd-preset-mallnav .bbd-filter-item:after,
.bbd-preset-editorial .bbd-filter-item:after,
.bbd-preset-statement .bbd-filter-item:after{display:none !important;content:none !important;}

.bbd-preset-atelier .bbd-filter-main,
.bbd-preset-mallnav .bbd-filter-main,
.bbd-preset-editorial .bbd-filter-main,
.bbd-preset-statement .bbd-filter-main{display:contents !important;}

/* framed thin icon */
.bbd-preset-atelier .bbd-filter-icon,
.bbd-preset-mallnav .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bbd-icon-color) !important;
  background:#FFFDF9 !important;
  border:1px solid #E5D9CE !important;
  border-radius:3px 12px 3px 12px !important;
}
.bbd-preset-atelier .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-atelier .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-mallnav .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-mallnav .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-editorial .bbd-filter-icon .bbd-custom-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-statement .bbd-filter-icon .bbd-custom-icon svg{
  width:25px !important;
  height:25px !important;
}

/* stronger title */
.bbd-preset-atelier .bbd-filter-label,
.bbd-preset-mallnav .bbd-filter-label,
.bbd-preset-editorial .bbd-filter-label,
.bbd-preset-statement .bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  color:var(--bbd-label-color) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  text-align:left !important;
  overflow:visible !important;
}
.bbd-preset-atelier .bbd-filter-label:after,
.bbd-preset-mallnav .bbd-filter-label:after,
.bbd-preset-editorial .bbd-filter-label:after,
.bbd-preset-statement .bbd-filter-label:after{display:none !important;content:none !important;}

/* brand count becomes deliberate metadata, not a generic badge */
.bbd-preset-atelier .bbd-tag-count,
.bbd-preset-mallnav .bbd-tag-count,
.bbd-preset-editorial .bbd-tag-count,
.bbd-preset-statement .bbd-tag-count{
  grid-column:1 / span 2 !important;
  grid-row:2 !important;
  position:static !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:10px 0 0 !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:6px !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid #EEE6DF !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.bbd-count-number{
  color:var(--atelier-red) !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:500 !important;
}
.bbd-count-word{
  color:var(--atelier-muted) !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

/* hover */
.bbd-preset-atelier .bbd-filter-item:hover,
.bbd-preset-mallnav .bbd-filter-item:hover,
.bbd-preset-editorial .bbd-filter-item:hover,
.bbd-preset-statement .bbd-filter-item:hover{
  transform:translateY(-4px) !important;
  background:#fff !important;
  border-color:#D8C7B8 !important;
  box-shadow:0 14px 30px rgba(60,28,12,.09) !important;
}

/* active: deep Boulevard red with restrained gold */
.bbd-preset-atelier .bbd-filter-item.is-active,
.bbd-preset-mallnav .bbd-filter-item.is-active,
.bbd-preset-editorial .bbd-filter-item.is-active,
.bbd-preset-statement .bbd-filter-item.is-active{
  background:linear-gradient(145deg,var(--atelier-red) 0%,var(--atelier-red-dark) 100%) !important;
  border-color:var(--atelier-red-dark) !important;
  box-shadow:0 14px 30px rgba(139,7,11,.17) !important;
}
.bbd-preset-atelier .bbd-filter-item.is-active:before,
.bbd-preset-mallnav .bbd-filter-item.is-active:before,
.bbd-preset-editorial .bbd-filter-item.is-active:before,
.bbd-preset-statement .bbd-filter-item.is-active:before{
  background:linear-gradient(90deg,var(--atelier-gold) 0 34%,rgba(255,255,255,.62) 34% 100%) !important;
}
.bbd-preset-atelier .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-icon{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.22) !important;
}
.bbd-preset-atelier .bbd-filter-item.is-active .bbd-filter-label,
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-filter-label,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-filter-label,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-filter-label{color:#fff !important;}
.bbd-preset-atelier .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-tag-count{border-top-color:rgba(255,255,255,.2) !important;}
.bbd-preset-atelier .bbd-filter-item.is-active .bbd-count-number,
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-count-number,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-count-number,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-count-number{color:#fff !important;}
.bbd-preset-atelier .bbd-filter-item.is-active .bbd-count-word,
.bbd-preset-mallnav .bbd-filter-item.is-active .bbd-count-word,
.bbd-preset-editorial .bbd-filter-item.is-active .bbd-count-word,
.bbd-preset-statement .bbd-filter-item.is-active .bbd-count-word{color:rgba(255,255,255,.72) !important;}

@media(max-width:767px){
  .bbd-preset-atelier .bbd-filter-track,
  .bbd-preset-mallnav .bbd-filter-track,
  .bbd-preset-editorial .bbd-filter-track,
  .bbd-preset-statement .bbd-filter-track{
    gap:8px !important;
    padding:5px 0 10px !important;
  }
  .bbd-preset-atelier .bbd-filter-item,
  .bbd-preset-atelier .bbd-filter-item.is-active,
  .bbd-preset-mallnav .bbd-filter-item,
  .bbd-preset-mallnav .bbd-filter-item.is-active,
  .bbd-preset-editorial .bbd-filter-item,
  .bbd-preset-editorial .bbd-filter-item.is-active,
  .bbd-preset-statement .bbd-filter-item,
  .bbd-preset-statement .bbd-filter-item.is-active{
    grid-template-columns:34px 1fr !important;
    column-gap:10px !important;
    padding:13px 12px 11px !important;
    border-radius:3px 14px 3px 14px !important;
  }
  .bbd-preset-atelier .bbd-filter-icon,
  .bbd-preset-mallnav .bbd-filter-icon,
  .bbd-preset-editorial .bbd-filter-icon,
  .bbd-preset-statement .bbd-filter-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }
  .bbd-preset-atelier .bbd-filter-label,
  .bbd-preset-mallnav .bbd-filter-label,
  .bbd-preset-editorial .bbd-filter-label,
  .bbd-preset-statement .bbd-filter-label{
    font-size:9px !important;
    letter-spacing:.05em !important;
  }
  .bbd-count-number{font-size:15px !important;}
  .bbd-count-word{font-size:7px !important;}
}


/* ==========================================================
   v3.0.0 — ICON BOX FILTER
   Icon on the left. Tag title + brand count stacked on the right.
   ========================================================== */
.bbd-preset-iconbox{
  --bbd-content-gap:14px;
  --bbd-text-gap:5px;
  --bbd-text-align:left;
  --bbd-item-border:#E8E8E8;
  --bbd-item-radius:10px;
}

.bbd-preset-iconbox .bbd-filter-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.bbd-preset-iconbox .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:5px 0 10px !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:var(--bbd-gap) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.bbd-preset-iconbox .bbd-filter-track::-webkit-scrollbar{display:none !important;}

.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;
  margin:0 !important;
  padding:var(--bbd-pad-y) var(--bbd-pad-x) !important;

  display:grid !important;
  grid-template-columns:var(--bbd-icon-size) minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:var(--bbd-content-gap) !important;
  row-gap:var(--bbd-text-gap) !important;
  align-content:center !important;
  align-items:center !important;

  background:var(--bbd-bg) !important;
  border:1px solid var(--bbd-item-border) !important;
  border-radius:var(--bbd-item-radius) !important;
  box-shadow:none !important;
  overflow:hidden !important;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease !important;
}
.bbd-preset-iconbox .bbd-filter-item:before,
.bbd-preset-iconbox .bbd-filter-item:after{
  display:none !important;
  content:none !important;
}

.bbd-preset-iconbox .bbd-filter-main{display:contents !important;}

.bbd-preset-iconbox .bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:start !important;
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  min-width:var(--bbd-icon-size) !important;
  min-height:var(--bbd-icon-size) !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bbd-icon-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.bbd-preset-iconbox .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-iconbox .bbd-filter-icon .bbd-custom-icon svg{
  width:100% !important;
  height:100% !important;
}

.bbd-preset-iconbox .bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--bbd-label-color) !important;
  font-size:var(--bbd-label-size) !important;
  line-height:1.15 !important;
  font-weight:var(--bbd-label-weight) !important;
  letter-spacing:var(--bbd-letter-space) !important;
  text-transform:var(--bbd-text-transform) !important;
  text-align:var(--bbd-text-align) !important;
  white-space:normal !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-filter-label:before,
.bbd-preset-iconbox .bbd-filter-label:after{
  display:none !important;
  content:none !important;
}

.bbd-preset-iconbox .bbd-tag-count{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  color:var(--bbd-count-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:var(--bbd-text-align) !important;
}
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  color:inherit !important;
  font-size:var(--bbd-count-font-size) !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  opacity:.72 !important;
}

/* hover */
.bbd-preset-iconbox .bbd-filter-item:hover{
  background:var(--bbd-hover-bg) !important;
  border-color:var(--bbd-line-active) !important;
  transform:translateY(-1px) !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-icon{color:var(--bbd-icon-hover) !important;}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-label{color:var(--bbd-label-hover) !important;}

/* active */
.bbd-preset-iconbox .bbd-filter-item.is-active{
  background:var(--bbd-active-bg) !important;
  border-color:var(--bbd-line-active) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:14px !important;
  bottom:14px !important;
  width:3px !important;
  background:var(--bbd-line-active) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon{color:var(--bbd-icon-active) !important;}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{color:var(--bbd-label-active) !important;}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-tag-count{color:var(--bbd-count-active-color) !important;}

/* mobile: compact icon-box row */
@media(max-width:767px){
  .bbd-preset-iconbox .bbd-filter-track{
    width:100% !important;
    gap:8px !important;
    padding:4px 0 8px !important;
  }
  .bbd-preset-iconbox .bbd-filter-item,
  .bbd-preset-iconbox .bbd-filter-item.is-active{
    grid-template-columns:var(--bbd-icon-size) minmax(0,1fr) !important;
    column-gap:10px !important;
    padding:10px 12px !important;
  }
}


/* ==========================================================
   v3.1.0 — REFERENCE ICON BOX FINAL
   Exact direction:
   icon left / title right / brand count below / separators only /
   active underline / no card borders / no outer border.
   ========================================================== */

.bbd-preset-iconbox{
  --bbd-ref-icon-size:38px;
  --bbd-ref-title-size:14px;
  --bbd-ref-count-size:11px;
  --bbd-ref-separator-w:1px;
  --bbd-ref-line-w:72px;
  --bbd-ref-line-h:3px;
}

/* absolutely no outer box */
.bbd-preset-iconbox .bbd-filter-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.bbd-preset-iconbox .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:8px 0 14px !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.bbd-preset-iconbox .bbd-filter-track::-webkit-scrollbar{display:none !important;}

/* Open navigation item — NO CARD BORDER */
.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;
  margin:0 !important;
  padding:var(--bbd-pad-y) 26px !important;

  display:grid !important;
  grid-template-columns:var(--bbd-ref-icon-size) minmax(0,1fr) !important;
  grid-template-rows:auto auto auto !important;
  column-gap:16px !important;
  row-gap:4px !important;
  align-content:center !important;
  align-items:center !important;

  background:transparent !important;
  color:var(--bbd-label-color) !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  transform:none !important;
  transition:background-color .18s ease,color .18s ease !important;
}

/* only separators between items */
.bbd-preset-iconbox .bbd-filter-item:before{
  display:none !important;
  content:none !important;
}
.bbd-preset-iconbox .bbd-filter-item:not(:last-child):after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  width:var(--bbd-ref-separator-w) !important;
  height:68% !important;
  background:var(--bbd-separator) !important;
  transform:translateY(-50%) !important;
}
.bbd-preset-iconbox .bbd-filter-item:last-child:after{
  display:none !important;
  content:none !important;
}

.bbd-preset-iconbox .bbd-filter-main{display:contents !important;}

/* icon LEFT */
.bbd-preset-iconbox .bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:start !important;

  width:var(--bbd-ref-icon-size) !important;
  height:var(--bbd-ref-icon-size) !important;
  min-width:var(--bbd-ref-icon-size) !important;
  min-height:var(--bbd-ref-icon-size) !important;

  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:var(--bbd-icon-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.bbd-preset-iconbox .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-iconbox .bbd-filter-icon .bbd-custom-icon svg{
  width:100% !important;
  height:100% !important;
}

/* title RIGHT */
.bbd-preset-iconbox .bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  color:var(--bbd-label-color) !important;
  font-size:var(--bbd-ref-title-size) !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-filter-label:before,
.bbd-preset-iconbox .bbd-filter-label:after{
  display:none !important;
  content:none !important;
}

/* description / brand count below title */
.bbd-preset-iconbox .bbd-tag-count{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;

  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;

  color:var(--bbd-count-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  color:inherit !important;
  font-size:var(--bbd-ref-count-size) !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  opacity:.72 !important;
}

/* underline across item, below content */
.bbd-preset-iconbox .bbd-filter-item .bbd-tag-count:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:14px !important;
  width:var(--bbd-ref-line-w) !important;
  height:var(--bbd-ref-line-h) !important;
  background:var(--bbd-line-color) !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  transition:width .18s ease, background-color .18s ease !important;
}

/* hover */
.bbd-preset-iconbox .bbd-filter-item:hover{
  background:var(--bbd-hover-bg) !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--bbd-icon-hover) !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-label{
  color:var(--bbd-label-hover) !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-tag-count:after{
  background:var(--bbd-line-active) !important;
  width:calc(var(--bbd-ref-line-w) + 12px) !important;
}

/* active */
.bbd-preset-iconbox .bbd-filter-item.is-active{
  background:var(--bbd-active-bg) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon{
  color:var(--bbd-icon-active) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
  color:var(--bbd-label-active) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-tag-count:after{
  background:var(--bbd-line-active) !important;
  width:calc(var(--bbd-ref-line-w) + 16px) !important;
}

/* mobile */
@media(max-width:767px){
  .bbd-preset-iconbox .bbd-filter-track{
    width:100% !important;
    padding:4px 0 9px !important;
  }

  .bbd-preset-iconbox .bbd-filter-item,
  .bbd-preset-iconbox .bbd-filter-item.is-active{
    padding:12px 16px !important;
    column-gap:10px !important;
  }

  .bbd-preset-iconbox .bbd-filter-item .bbd-tag-count:after{
    bottom:8px !important;
  }
}


/* ==========================================================
   v3.1.1 — EXACT ICON BOX
   ONLY:
   icon left / title right / brand count below / separators.
   No underline, no extra decoration, no card border.
   ========================================================== */

.bbd-preset-iconbox .bbd-filter-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.bbd-preset-iconbox .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  align-items:stretch !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.bbd-preset-iconbox .bbd-filter-track::-webkit-scrollbar{display:none !important;}

.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;

  margin:0 !important;
  padding:14px 22px !important;

  display:grid !important;
  grid-template-columns:var(--bbd-ref-icon-size) minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:14px !important;
  row-gap:4px !important;
  align-content:center !important;
  align-items:center !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  transform:none !important;
}

/* separator only */
.bbd-preset-iconbox .bbd-filter-item:before{
  display:none !important;
  content:none !important;
}
.bbd-preset-iconbox .bbd-filter-item:not(:last-child):after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:50% !important;
  right:0 !important;
  width:1px !important;
  height:64% !important;
  background:var(--bbd-separator) !important;
  transform:translateY(-50%) !important;
}
.bbd-preset-iconbox .bbd-filter-item:last-child:after{
  display:none !important;
  content:none !important;
}

.bbd-preset-iconbox .bbd-filter-main{
  display:contents !important;
}

/* ICON LEFT */
.bbd-preset-iconbox .bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:center !important;

  position:static !important;
  width:var(--bbd-ref-icon-size) !important;
  height:var(--bbd-ref-icon-size) !important;
  min-width:var(--bbd-ref-icon-size) !important;
  min-height:var(--bbd-ref-icon-size) !important;

  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:var(--bbd-icon-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.bbd-preset-iconbox .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-iconbox .bbd-filter-icon .bbd-custom-icon svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

/* TITLE RIGHT */
.bbd-preset-iconbox .bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;

  position:static !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  color:var(--bbd-label-color) !important;
  font-size:var(--bbd-ref-title-size) !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-filter-label:before,
.bbd-preset-iconbox .bbd-filter-label:after{
  display:none !important;
  content:none !important;
}

/* COUNT DIRECTLY BELOW TITLE */
.bbd-preset-iconbox .bbd-tag-count{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;

  position:static !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;

  color:var(--bbd-count-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  color:inherit !important;
  font-size:var(--bbd-ref-count-size) !important;
  line-height:1.15 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  opacity:.75 !important;
}

/* REMOVE UNDERLINE COMPLETELY */
.bbd-preset-iconbox .bbd-tag-count:after,
.bbd-preset-iconbox .bbd-filter-item .bbd-tag-count:after{
  display:none !important;
  content:none !important;
}

/* very simple hover/active only */
.bbd-preset-iconbox .bbd-filter-item:hover{
  background:var(--bbd-hover-bg) !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--bbd-icon-hover) !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-label{
  color:var(--bbd-label-hover) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active{
  background:var(--bbd-active-bg) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon{
  color:var(--bbd-icon-active) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
  color:var(--bbd-label-active) !important;
}

@media(max-width:767px){
  .bbd-preset-iconbox .bbd-filter-track{
    width:100% !important;
  }
  .bbd-preset-iconbox .bbd-filter-item,
  .bbd-preset-iconbox .bbd-filter-item.is-active{
    padding:10px 14px !important;
    column-gap:10px !important;
  }
}


/* ==========================================================
   v3.1.2 — Compact width + spacing fix
   Better fit for all tags, much less top/bottom empty space.
   ========================================================== */

.bbd-preset-iconbox{
  --bbd-item-w:170px;
  --bbd-item-h:82px;
}

/* tighter rail */
.bbd-preset-iconbox .bbd-filter-track{
  padding:2px 0 4px !important;
}

/* compact item dimensions */
.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;

  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;

  padding:9px 18px !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  column-gap:12px !important;
  row-gap:3px !important;
  align-content:center !important;
}

/* slightly smaller icon so the whole row feels balanced */
.bbd-preset-iconbox .bbd-filter-icon{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
}

/* keep longer tag names clean */
.bbd-preset-iconbox .bbd-filter-label{
  font-size:12px !important;
  line-height:1.08 !important;
  letter-spacing:.055em !important;
  white-space:normal !important;
}

/* count closer to title */
.bbd-preset-iconbox .bbd-tag-count{
  margin-top:1px !important;
}
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  font-size:9px !important;
}

/* separators remain balanced */
.bbd-preset-iconbox .bbd-filter-item:not(:last-child):after{
  height:72% !important;
}

/* tablet */
@media(max-width:1024px){
  .bbd-preset-iconbox{
    --bbd-item-w:145px;
    --bbd-item-h:78px;
  }

  .bbd-preset-iconbox .bbd-filter-item,
  .bbd-preset-iconbox .bbd-filter-item.is-active{
    padding:8px 14px !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    column-gap:10px !important;
  }

  .bbd-preset-iconbox .bbd-filter-icon{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
  }

  .bbd-preset-iconbox .bbd-filter-label{
    font-size:10.5px !important;
  }
}

/* mobile */
@media(max-width:767px){
  .bbd-preset-iconbox{
    --bbd-item-w:108px;
    --bbd-item-h:72px;
  }

  .bbd-preset-iconbox .bbd-filter-track{
    padding:0 0 3px !important;
  }

  .bbd-preset-iconbox .bbd-filter-item,
  .bbd-preset-iconbox .bbd-filter-item.is-active{
    padding:7px 10px !important;
    grid-template-columns:22px minmax(0,1fr) !important;
    column-gap:8px !important;
    row-gap:2px !important;
  }

  .bbd-preset-iconbox .bbd-filter-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
  }

  .bbd-preset-iconbox .bbd-filter-label{
    font-size:8.5px !important;
    letter-spacing:.035em !important;
  }

  .bbd-preset-iconbox .bbd-count-number,
  .bbd-preset-iconbox .bbd-count-word{
    font-size:7px !important;
  }
}


/* ==========================================================
   v3.1.3 — TYPOGRAPHY CONTROL FIX
   Elementor title/count/icon size controls now override all old defaults.
   ========================================================== */

.bbd-preset-iconbox{
  --bbd-ref-title-size:12px;
  --bbd-ref-count-size:9px;
  --bbd-ref-icon-size:28px;
  --bbd-ref-title-weight:600;
  --bbd-ref-title-spacing:.8px;
  --bbd-ref-count-color:#8B8B8B;
}

/* IMPORTANT: no hard-coded font sizes below — everything comes from variables */
.bbd-preset-iconbox .bbd-filter-label{
  font-size:var(--bbd-ref-title-size) !important;
  font-weight:var(--bbd-ref-title-weight) !important;
  letter-spacing:var(--bbd-ref-title-spacing) !important;
  line-height:1.15 !important;
}

.bbd-preset-iconbox .bbd-tag-count,
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  font-size:var(--bbd-ref-count-size) !important;
  color:var(--bbd-ref-count-color) !important;
  line-height:1.2 !important;
}

/* Keep number and suffix on the same controlled scale */
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  font-size:inherit !important;
}

/* Icon size is also fully variable-driven */
.bbd-preset-iconbox .bbd-filter-icon{
  width:var(--bbd-ref-icon-size) !important;
  height:var(--bbd-ref-icon-size) !important;
  min-width:var(--bbd-ref-icon-size) !important;
  min-height:var(--bbd-ref-icon-size) !important;
}
.bbd-preset-iconbox .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-iconbox .bbd-filter-icon .bbd-custom-icon svg{
  width:var(--bbd-ref-icon-size) !important;
  height:var(--bbd-ref-icon-size) !important;
}

/* Grid follows chosen icon size instead of fixed 28px */
.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  grid-template-columns:var(--bbd-ref-icon-size) minmax(0,1fr) !important;
}

/* Tablet/mobile should NOT override selected Elementor sizes anymore */
@media(max-width:1024px){
  .bbd-preset-iconbox .bbd-filter-label{
    font-size:var(--bbd-ref-title-size) !important;
  }
  .bbd-preset-iconbox .bbd-tag-count,
  .bbd-preset-iconbox .bbd-count-number,
  .bbd-preset-iconbox .bbd-count-word{
    font-size:var(--bbd-ref-count-size) !important;
  }
  .bbd-preset-iconbox .bbd-filter-icon,
  .bbd-preset-iconbox .bbd-filter-icon .bbd-auto-icon svg,
  .bbd-preset-iconbox .bbd-filter-icon .bbd-custom-icon svg{
    width:var(--bbd-ref-icon-size) !important;
    height:var(--bbd-ref-icon-size) !important;
    min-width:var(--bbd-ref-icon-size) !important;
    min-height:var(--bbd-ref-icon-size) !important;
  }
}

@media(max-width:767px){
  .bbd-preset-iconbox .bbd-filter-label{
    font-size:var(--bbd-ref-title-size) !important;
  }
  .bbd-preset-iconbox .bbd-tag-count,
  .bbd-preset-iconbox .bbd-count-number,
  .bbd-preset-iconbox .bbd-count-word{
    font-size:var(--bbd-ref-count-size) !important;
  }
}


/* ==========================================================
   v3.1.4 — FINAL ICON BOX LAYOUT
   Clean horizontal mall filter:
   icon left / title right / count under title / separators only.
   ========================================================== */

.bbd-preset-iconbox{
  --bbd-item-w:210px;
  --bbd-item-h:92px;
  --bbd-ref-icon-size:34px;
  --bbd-ref-title-size:13px;
  --bbd-ref-count-size:10px;
  --bbd-ref-title-weight:600;
  --bbd-ref-title-spacing:1px;
  --bbd-ref-count-color:#8A8A8A;
}

/* no outer border and no extra top/bottom whitespace */
.bbd-preset-iconbox .bbd-filter-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* center on desktop, scroll safely if tags exceed width */
.bbd-preset-iconbox .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:4px 0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.bbd-preset-iconbox .bbd-filter-track::-webkit-scrollbar{
  display:none !important;
}

/* item */
.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  position:relative !important;
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  height:var(--bbd-item-h) !important;
  min-height:var(--bbd-item-h) !important;

  margin:0 !important;
  padding:12px 22px !important;

  display:grid !important;
  grid-template-columns:var(--bbd-ref-icon-size) minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:16px !important;
  row-gap:5px !important;
  align-content:center !important;
  align-items:center !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  transform:none !important;
}

/* separators only between items */
.bbd-preset-iconbox .bbd-filter-item:before{
  display:none !important;
  content:none !important;
}
.bbd-preset-iconbox .bbd-filter-item:not(:last-child):after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  width:1px !important;
  height:68% !important;
  background:#E3E3E3 !important;
  transform:translateY(-50%) !important;
}
.bbd-preset-iconbox .bbd-filter-item:last-child:after{
  display:none !important;
  content:none !important;
}

/* flatten wrapper so icon/title/count align correctly */
.bbd-preset-iconbox .bbd-filter-main{
  display:contents !important;
}

/* icon left */
.bbd-preset-iconbox .bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:center !important;

  width:var(--bbd-ref-icon-size) !important;
  height:var(--bbd-ref-icon-size) !important;
  min-width:var(--bbd-ref-icon-size) !important;
  min-height:var(--bbd-ref-icon-size) !important;

  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:#C10D12 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.bbd-preset-iconbox .bbd-filter-icon .bbd-auto-icon svg,
.bbd-preset-iconbox .bbd-filter-icon .bbd-custom-icon svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

/* title */
.bbd-preset-iconbox .bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;

  position:static !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  color:#151515 !important;
  font-size:var(--bbd-ref-title-size) !important;
  line-height:1.1 !important;
  font-weight:var(--bbd-ref-title-weight) !important;
  letter-spacing:var(--bbd-ref-title-spacing) !important;
  text-transform:uppercase !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-filter-label:before,
.bbd-preset-iconbox .bbd-filter-label:after{
  display:none !important;
  content:none !important;
}

/* count below title */
.bbd-preset-iconbox .bbd-tag-count{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;

  position:static !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;

  color:var(--bbd-ref-count-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  color:inherit !important;
  font-size:var(--bbd-ref-count-size) !important;
  line-height:1.15 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  opacity:1 !important;
}

/* no underline or decorative extras */
.bbd-preset-iconbox .bbd-tag-count:after,
.bbd-preset-iconbox .bbd-filter-item .bbd-tag-count:after{
  display:none !important;
  content:none !important;
}

/* simple hover/active */
.bbd-preset-iconbox .bbd-filter-item:hover{
  background:#FCFCFC !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-icon{
  color:#A9080D !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active{
  background:#FFF9F9 !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
  color:#B7080D !important;
}

/* tablet */
@media(max-width:1024px){
  .bbd-preset-iconbox{
    --bbd-item-w:170px;
    --bbd-item-h:84px;
    --bbd-ref-icon-size:30px;
    --bbd-ref-title-size:11.5px;
    --bbd-ref-count-size:9px;
  }
  .bbd-preset-iconbox .bbd-filter-track{
    width:100% !important;
    margin:0 !important;
  }
  .bbd-preset-iconbox .bbd-filter-item,
  .bbd-preset-iconbox .bbd-filter-item.is-active{
    padding:10px 16px !important;
    column-gap:12px !important;
  }
}

/* mobile */
@media(max-width:767px){
  .bbd-preset-iconbox{
    --bbd-item-w:132px;
    --bbd-item-h:76px;
    --bbd-ref-icon-size:24px;
    --bbd-ref-title-size:9.5px;
    --bbd-ref-count-size:8px;
  }
  .bbd-preset-iconbox .bbd-filter-track{
    width:100% !important;
    margin:0 !important;
    padding:2px 0 !important;
  }
  .bbd-preset-iconbox .bbd-filter-item,
  .bbd-preset-iconbox .bbd-filter-item.is-active{
    padding:8px 12px !important;
    column-gap:9px !important;
    row-gap:3px !important;
  }
}


/* ==========================================================
   v3.1.5 — AUTO WIDTH / CONTENT FIT
   Each tag uses only the width its icon + text actually need.
   ========================================================== */

/* Auto mode is the new default */
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item,
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.is-active{
  flex:0 0 auto !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:none !important;

  /* intrinsic grid: icon + exact text width */
  grid-template-columns:var(--bbd-ref-icon-size) max-content !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

/* title should define its natural width, no forced wrapping */
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-label{
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
}

/* count sits under title and does not widen the item unnecessarily */
.bbd-preset-iconbox.bbd-width-auto .bbd-tag-count{
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
}

/* separators only between actual content-width items */
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item:not(:last-child):after{
  right:0 !important;
}

/* Fixed mode keeps the Elementor width slider fully functional */
.bbd-preset-iconbox.bbd-width-fixed .bbd-filter-item,
.bbd-preset-iconbox.bbd-width-fixed .bbd-filter-item.is-active{
  flex:0 0 var(--bbd-item-w) !important;
  width:var(--bbd-item-w) !important;
  min-width:var(--bbd-item-w) !important;
  max-width:var(--bbd-item-w) !important;
  grid-template-columns:var(--bbd-ref-icon-size) minmax(0,1fr) !important;
}

/* tablet: same content-fit logic, slightly tighter horizontal padding */
@media(max-width:1024px){
  .bbd-preset-iconbox.bbd-width-auto .bbd-filter-item,
  .bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.is-active{
    padding-left:15px !important;
    padding-right:15px !important;
    grid-template-columns:var(--bbd-ref-icon-size) max-content !important;
  }
}

/* mobile: preserve exact content width and horizontal scroll */
@media(max-width:767px){
  .bbd-preset-iconbox.bbd-width-auto .bbd-filter-track{
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
  }

  .bbd-preset-iconbox.bbd-width-auto .bbd-filter-item,
  .bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.is-active{
    flex:0 0 auto !important;
    width:max-content !important;
    min-width:0 !important;
    max-width:none !important;
    padding-left:12px !important;
    padding-right:12px !important;
    grid-template-columns:var(--bbd-ref-icon-size) max-content !important;
  }

  .bbd-preset-iconbox.bbd-width-auto .bbd-filter-label,
  .bbd-preset-iconbox.bbd-width-auto .bbd-tag-count{
    white-space:nowrap !important;
  }
}


/* ==========================================================
   v3.2.0 — ACTIVE GRADIENT FINAL
   Only active tag gets full red gradient background.
   Active icon, title and count all become white.
   ========================================================== */

.bbd-app{
  --bbd-active-grad-start:#E20A12;
  --bbd-active-grad-end:#A60006;
  --bbd-active-radius:8px;
}

/* Active item */
.bbd-preset-iconbox .bbd-filter-item.is-active{
  background:linear-gradient(
    135deg,
    var(--bbd-active-grad-start) 0%,
    var(--bbd-active-grad-end) 100%
  ) !important;
  border-radius:var(--bbd-active-radius) !important;
  color:#FFFFFF !important;
}

/* Active icon white */
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon{
  color:#FFFFFF !important;
}

/* Active title white */
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
  color:#FFFFFF !important;
}

/* Active count white */
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-count-number,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-count-word{
  color:#FFFFFF !important;
  opacity:1 !important;
}

/* No active underline / extra decoration */
.bbd-preset-iconbox .bbd-filter-item.is-active:before{
  display:none !important;
  content:none !important;
}

/* Keep separators outside active block visually clean */
.bbd-preset-iconbox .bbd-filter-item.is-active:not(:last-child):after{
  background:var(--bbd-separator) !important;
}

/* Slight inner spacing so the active gradient looks balanced */
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.is-active{
  padding-left:18px !important;
  padding-right:18px !important;
}

@media(max-width:767px){
  .bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.is-active{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}


/* ==========================================================
   v3.3.0 — FULL CUSTOM STYLE ENGINE
   No auto icons. No forced SVG look. Every major visual property
   is controlled from Elementor Style tab via CSS variables.
   ========================================================== */

.bbd-app{
  --bbd-bar-align:center;
  --bbd-bar-gap:0px;
  --bbd-bar-pt:0px; --bbd-bar-pr:0px; --bbd-bar-pb:0px; --bbd-bar-pl:0px;
  --bbd-bar-bg:#fff;

  --bbd-item-width:190px;
  --bbd-item-min-width:0px;
  --bbd-item-height:78px;
  --bbd-item-pt:10px; --bbd-item-pr:16px; --bbd-item-pb:10px; --bbd-item-pl:16px;
  --bbd-content-gap:12px;
  --bbd-text-gap:3px;
  --bbd-item-bg:#fff;
  --bbd-item-hover-bg:#fafafa;
  --bbd-active-start:#E20A12;
  --bbd-active-end:#A60006;
  --bbd-radius-t:0px; --bbd-radius-r:0px; --bbd-radius-b:0px; --bbd-radius-l:0px;

  --bbd-separator-color:#E5E5E5;
  --bbd-separator-width:1px;
  --bbd-separator-height:62%;

  --bbd-icon-size:28px;
  --bbd-icon-color:#C10D12;
  --bbd-icon-hover-color:#A9080D;
  --bbd-icon-active-color:#fff;
  --bbd-icon-bg:transparent;
  --bbd-icon-border-color:transparent;
  --bbd-icon-border-width:0px;
  --bbd-icon-padding:0px;
  --bbd-icon-radius:0px;

  --bbd-title-color:#111;
  --bbd-title-hover-color:#B7080D;
  --bbd-title-active-color:#fff;
  --bbd-title-size:12px;
  --bbd-title-weight:600;
  --bbd-title-spacing:.8px;
  --bbd-title-transform:uppercase;

  --bbd-count-color:#8A8A8A;
  --bbd-count-hover-color:#666;
  --bbd-count-active-color:#fff;
  --bbd-count-size:9px;
  --bbd-count-weight:400;

  --bbd-progress-track:#E8E8E8;
  --bbd-progress-color:#B7080D;
  --bbd-progress-height:3px;
}

/* filter bar */
.bbd-preset-iconbox .bbd-filter-wrap{
  width:100% !important;
  margin:0 !important;
  padding:var(--bbd-bar-pt) var(--bbd-bar-pr) var(--bbd-bar-pb) var(--bbd-bar-pl) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:var(--bbd-bar-align) !important;
  background:var(--bbd-bar-bg) !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.bbd-preset-iconbox .bbd-filter-track{
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:var(--bbd-bar-gap) !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.bbd-preset-iconbox .bbd-filter-track::-webkit-scrollbar{display:none !important;}

/* item */
.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  position:relative !important;
  height:var(--bbd-item-height) !important;
  min-height:var(--bbd-item-height) !important;
  min-width:var(--bbd-item-min-width) !important;
  margin:0 !important;
  padding:var(--bbd-item-pt) var(--bbd-item-pr) var(--bbd-item-pb) var(--bbd-item-pl) !important;

  display:grid !important;
  grid-template-columns:max-content max-content !important;
  grid-template-rows:auto auto !important;
  column-gap:var(--bbd-content-gap) !important;
  row-gap:var(--bbd-text-gap) !important;
  align-content:center !important;
  align-items:center !important;

  background:var(--bbd-item-bg) !important;
  border:0 !important;
  border-radius:var(--bbd-radius-t) var(--bbd-radius-r) var(--bbd-radius-b) var(--bbd-radius-l) !important;
  outline:0 !important;
  overflow:visible !important;
  transform:none !important;
}

/* width modes */
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item,
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.is-active{
  flex:0 0 auto !important;
  width:max-content !important;
  max-width:none !important;
}
.bbd-preset-iconbox.bbd-width-fixed .bbd-filter-item,
.bbd-preset-iconbox.bbd-width-fixed .bbd-filter-item.is-active{
  flex:0 0 var(--bbd-item-width) !important;
  width:var(--bbd-item-width) !important;
  max-width:var(--bbd-item-width) !important;
}

/* separators */
.bbd-preset-iconbox .bbd-filter-item:before{display:none !important;content:none !important;}
.bbd-preset-iconbox.bbd-separator-yes .bbd-filter-item:not(:last-child):after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  width:var(--bbd-separator-width) !important;
  height:var(--bbd-separator-height) !important;
  background:var(--bbd-separator-color) !important;
  transform:translateY(-50%) !important;
}
.bbd-preset-iconbox.bbd-separator-no .bbd-filter-item:after,
.bbd-preset-iconbox .bbd-filter-item:last-child:after{display:none !important;content:none !important;}

.bbd-preset-iconbox .bbd-filter-main{display:contents !important;}

/* icon: no default SVG styling beyond size/color container.
   User's own SVG/image keeps its own drawing style. */
.bbd-preset-iconbox .bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:center !important;

  width:calc(var(--bbd-icon-size) + (var(--bbd-icon-padding) * 2)) !important;
  height:calc(var(--bbd-icon-size) + (var(--bbd-icon-padding) * 2)) !important;
  min-width:calc(var(--bbd-icon-size) + (var(--bbd-icon-padding) * 2)) !important;
  min-height:calc(var(--bbd-icon-size) + (var(--bbd-icon-padding) * 2)) !important;
  padding:var(--bbd-icon-padding) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:var(--bbd-icon-color) !important;
  background:var(--bbd-icon-bg) !important;
  border:var(--bbd-icon-border-width) solid var(--bbd-icon-border-color) !important;
  border-radius:var(--bbd-icon-radius) !important;
  box-shadow:none !important;
}

/* Only dimension the user's icon. Do not force fill/stroke/style. */
.bbd-preset-iconbox .bbd-filter-icon svg,
.bbd-preset-iconbox .bbd-filter-icon img{
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
}

/* title */
.bbd-preset-iconbox .bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;
  width:max-content !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  color:var(--bbd-title-color) !important;
  font-size:var(--bbd-title-size) !important;
  line-height:1.15 !important;
  font-weight:var(--bbd-title-weight) !important;
  letter-spacing:var(--bbd-title-spacing) !important;
  text-transform:var(--bbd-title-transform) !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-filter-label:before,
.bbd-preset-iconbox .bbd-filter-label:after{display:none !important;content:none !important;}

/* count */
.bbd-preset-iconbox .bbd-tag-count{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;
  position:static !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;

  color:var(--bbd-count-color) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.bbd-preset-iconbox .bbd-count-number,
.bbd-preset-iconbox .bbd-count-word{
  color:inherit !important;
  font-size:var(--bbd-count-size) !important;
  line-height:1.15 !important;
  font-weight:var(--bbd-count-weight) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  opacity:1 !important;
}

/* hover */
.bbd-preset-iconbox .bbd-filter-item:hover{
  background:var(--bbd-item-hover-bg) !important;
}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-icon{color:var(--bbd-icon-hover-color) !important;}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-label{color:var(--bbd-title-hover-color) !important;}
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-tag-count{color:var(--bbd-count-hover-color) !important;}

/* active */
.bbd-preset-iconbox .bbd-filter-item.is-active{
  background:linear-gradient(135deg,var(--bbd-active-start),var(--bbd-active-end)) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon{color:var(--bbd-icon-active-color) !important;}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{color:var(--bbd-title-active-color) !important;}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-tag-count,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-count-number,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-count-word{
  color:var(--bbd-count-active-color) !important;
}

/* progress */
.bbd-preset-iconbox .bbd-scroll-progress{
  width:min(760px,calc(100% - 20px)) !important;
  height:var(--bbd-progress-height) !important;
  margin:10px auto 0 !important;
  background:var(--bbd-progress-track) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.bbd-preset-iconbox .bbd-scroll-progress span{
  background:var(--bbd-progress-color) !important;
}

/* mobile: same variables, no hidden hard-coded styles */
@media(max-width:767px){
  .bbd-preset-iconbox .bbd-filter-track{
    width:100% !important;
    max-width:100% !important;
  }
}

/* ==========================================================
   v3.4.0 — USER ICONS ONLY + TRUE FULL STYLING
   ========================================================== */

.bbd-preset-iconbox .bbd-auto-icon{display:none !important;}

/* No icon assigned = no icon column and no blank space */
.bbd-preset-iconbox .bbd-filter-item.bbd-no-icon,
.bbd-preset-iconbox .bbd-filter-item.bbd-no-icon.is-active{
  grid-template-columns:max-content !important;
}
.bbd-preset-iconbox .bbd-no-icon .bbd-filter-label,
.bbd-preset-iconbox .bbd-no-icon .bbd-tag-count{
  grid-column:1 !important;
}

/* Icon wrapper styling is fully user-controlled */
.bbd-preset-iconbox .bbd-filter-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:center !important;
  box-sizing:content-box !important;

  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  min-width:var(--bbd-icon-size) !important;
  min-height:var(--bbd-icon-size) !important;
  margin:0 !important;
  padding:var(--bbd-icon-padding) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:var(--bbd-icon-color) !important;
  background:var(--bbd-icon-bg) !important;
  border:var(--bbd-icon-border-width) solid var(--bbd-icon-border-color) !important;
  border-radius:var(--bbd-icon-radius) !important;
}

/* The same Icon Size control works on every manual icon type */
.bbd-preset-iconbox .bbd-custom-icon{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

.bbd-preset-iconbox .bbd-custom-icon svg{
  display:block !important;
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  max-width:var(--bbd-icon-size) !important;
  max-height:var(--bbd-icon-size) !important;
  color:inherit !important;
}

.bbd-preset-iconbox .bbd-custom-icon img{
  display:block !important;
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  max-width:var(--bbd-icon-size) !important;
  max-height:var(--bbd-icon-size) !important;
  object-fit:contain !important;
}

.bbd-preset-iconbox .bbd-custom-icon i,
.bbd-preset-iconbox .bbd-custom-icon .elementor-icon{
  font-size:var(--bbd-icon-size) !important;
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  color:inherit !important;
}

/* No fill/stroke/stroke-width overrides:
   selected thin SVGs keep their original native thickness. */

/* Exact auto width */
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.bbd-has-icon{
  grid-template-columns:
    calc(var(--bbd-icon-size) + (var(--bbd-icon-padding) * 2) + (var(--bbd-icon-border-width) * 2))
    max-content !important;
}
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item.bbd-no-icon{
  grid-template-columns:max-content !important;
}

/* Fixed width */
.bbd-preset-iconbox.bbd-width-fixed .bbd-filter-item.bbd-has-icon{
  grid-template-columns:
    calc(var(--bbd-icon-size) + (var(--bbd-icon-padding) * 2) + (var(--bbd-icon-border-width) * 2))
    minmax(0,1fr) !important;
}
.bbd-preset-iconbox.bbd-width-fixed .bbd-filter-item.bbd-no-icon{
  grid-template-columns:minmax(0,1fr) !important;
}

/* Hover/active only change wrapper color */
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-icon{
  color:var(--bbd-icon-hover-color) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon{
  color:var(--bbd-icon-active-color) !important;
}

/* Responsive icon-size controls stay authoritative */
@media(max-width:1024px){
  .bbd-preset-iconbox .bbd-custom-icon svg,
  .bbd-preset-iconbox .bbd-custom-icon img{
    width:var(--bbd-icon-size) !important;
    height:var(--bbd-icon-size) !important;
    max-width:var(--bbd-icon-size) !important;
    max-height:var(--bbd-icon-size) !important;
  }
  .bbd-preset-iconbox .bbd-custom-icon i,
  .bbd-preset-iconbox .bbd-custom-icon .elementor-icon{
    font-size:var(--bbd-icon-size) !important;
  }
}
@media(max-width:767px){
  .bbd-preset-iconbox .bbd-custom-icon svg,
  .bbd-preset-iconbox .bbd-custom-icon img{
    width:var(--bbd-icon-size) !important;
    height:var(--bbd-icon-size) !important;
    max-width:var(--bbd-icon-size) !important;
    max-height:var(--bbd-icon-size) !important;
  }
  .bbd-preset-iconbox .bbd-custom-icon i,
  .bbd-preset-iconbox .bbd-custom-icon .elementor-icon{
    font-size:var(--bbd-icon-size) !important;
  }
}


/* ==========================================================
   v3.4.1 — CENTERED SEPARATOR + SHORT BOTTOM LINE
   ========================================================== */

.bbd-app{
  --bbd-bottom-line-color:#CFCFCF;
  --bbd-bottom-line-active:#FFFFFF;
  --bbd-bottom-line-width:18%;
  --bbd-bottom-line-height:2px;
  --bbd-bottom-line-bottom:5px;
}

/* Separator sits exactly halfway between two items.
   If item gap is changed from Elementor, separator stays centered in that gap. */
.bbd-preset-iconbox.bbd-separator-yes .bbd-filter-item:not(:last-child):after{
  right:calc((var(--bbd-bar-gap) / 2) * -1) !important;
  left:auto !important;
  top:50% !important;
  width:var(--bbd-separator-width) !important;
  height:var(--bbd-separator-height) !important;
  background:var(--bbd-separator-color) !important;
  transform:translateY(-50%) !important;
}

/* Short bottom line for every item */
.bbd-preset-iconbox .bbd-filter-item{
  overflow:visible !important;
}

.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:var(--bbd-bottom-line-bottom) !important;
  width:var(--bbd-bottom-line-width) !important;
  height:var(--bbd-bottom-line-height) !important;
  background:var(--bbd-bottom-line-color) !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  pointer-events:none !important;
}

/* Active item line becomes white */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before{
  background:var(--bbd-bottom-line-active) !important;
}

/* Hidden mode */
.bbd-preset-iconbox.bbd-bottomline-no .bbd-filter-item::before{
  display:none !important;
  content:none !important;
}

/* Keep bottom line centered in auto-width and fixed-width modes */
.bbd-preset-iconbox.bbd-width-auto .bbd-filter-item::before,
.bbd-preset-iconbox.bbd-width-fixed .bbd-filter-item::before{
  left:50% !important;
  transform:translateX(-50%) !important;
}

/* Mobile/tablet keep exactly the same centered behavior */
@media(max-width:1024px){
  .bbd-preset-iconbox.bbd-separator-yes .bbd-filter-item:not(:last-child):after{
    right:calc((var(--bbd-bar-gap) / 2) * -1) !important;
  }
}

@media(max-width:767px){
  .bbd-preset-iconbox.bbd-separator-yes .bbd-filter-item:not(:last-child):after{
    right:calc((var(--bbd-bar-gap) / 2) * -1) !important;
  }
}


/* ==========================================================
   v3.4.2 — Bottom accent line visibility + position fix
   ========================================================== */

/* Reserve a dedicated bottom area inside every item so the line can never jump to top. */
.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  position:relative !important;
  overflow:hidden !important;
}

/* Force the accent line to be the item's bottom-centered pseudo element. */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item::before,
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:6 !important;

  top:auto !important;
  right:auto !important;
  left:50% !important;
  bottom:var(--bbd-bottom-line-bottom) !important;

  width:var(--bbd-bottom-line-width) !important;
  min-width:var(--bbd-bottom-line-width) !important;
  max-width:var(--bbd-bottom-line-width) !important;

  height:var(--bbd-bottom-line-height) !important;
  min-height:var(--bbd-bottom-line-height) !important;
  max-height:var(--bbd-bottom-line-height) !important;

  margin:0 !important;
  padding:0 !important;

  background:var(--bbd-bottom-line-color) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;

  transform:translateX(-50%) !important;
  pointer-events:none !important;
}

/* Non-active line = grey */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item:not(.is-active)::before{
  background:var(--bbd-bottom-line-color) !important;
  opacity:1 !important;
}

/* Active line = white */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before{
  background:var(--bbd-bottom-line-active) !important;
  opacity:1 !important;
}

/* Hide only when switch is off */
.bbd-preset-iconbox.bbd-bottomline-no .bbd-filter-item::before,
.bbd-preset-iconbox.bbd-bottomline-no .bbd-filter-item.is-active::before{
  display:none !important;
  content:none !important;
}

/* Separator stays on ::after only, never conflicts with bottom line. */
.bbd-preset-iconbox.bbd-separator-yes .bbd-filter-item:not(:last-child)::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:3 !important;

  top:50% !important;
  bottom:auto !important;
  left:auto !important;
  right:calc((var(--bbd-bar-gap) / 2) * -1) !important;

  width:var(--bbd-separator-width) !important;
  height:var(--bbd-separator-height) !important;

  margin:0 !important;
  padding:0 !important;

  background:var(--bbd-separator-color) !important;
  border:0 !important;
  transform:translateY(-50%) !important;
}

/* Responsive behavior: same bottom placement on all breakpoints */
@media(max-width:1024px){
  .bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item::before,
  .bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before{
    top:auto !important;
    bottom:var(--bbd-bottom-line-bottom) !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}

@media(max-width:767px){
  .bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item::before,
  .bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before{
    top:auto !important;
    bottom:var(--bbd-bottom-line-bottom) !important;
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}


/* ==========================================================
   v3.4.3 — LIGHT DIVIDER BETWEEN FILTER AND BRANDS
   ========================================================== */

.bbd-app{
  --bbd-section-divider-color:#ECECEC;
  --bbd-section-divider-height:1px;
  --bbd-section-divider-top:14px;
  --bbd-section-divider-bottom:18px;
  --bbd-section-divider-width:100%;
}

.bbd-preset-iconbox .bbd-filter-wrap{
  position:relative !important;
}

.bbd-preset-iconbox.bbd-sectiondivider-yes .bbd-filter-wrap::after{
  content:"" !important;
  display:block !important;
  position:relative !important;
  left:50% !important;
  width:var(--bbd-section-divider-width) !important;
  height:var(--bbd-section-divider-height) !important;
  margin-top:var(--bbd-section-divider-top) !important;
  margin-bottom:var(--bbd-section-divider-bottom) !important;
  background:var(--bbd-section-divider-color) !important;
  border:0 !important;
  border-radius:0 !important;
  transform:translateX(-50%) !important;
  pointer-events:none !important;
}

.bbd-preset-iconbox.bbd-sectiondivider-no .bbd-filter-wrap::after{
  display:none !important;
  content:none !important;
}


/* ==========================================================
   v3.4.4 — REFINED TAG ACCENT
   Line remains below each tag, but now belongs to the text block
   instead of floating in the middle of the whole item.
   ========================================================== */

.bbd-app{
  --bbd-tag-line-length:34px;
  --bbd-tag-line-gap:7px;
  --bbd-tag-line-radius:10px;
}

/* Remove the old item-level accent line completely */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item::before,
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before,
.bbd-preset-iconbox.bbd-bottomline-no .bbd-filter-item::before,
.bbd-preset-iconbox.bbd-bottomline-no .bbd-filter-item.is-active::before{
  display:none !important;
  content:none !important;
}

/* The new accent sits directly under the count/text column */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-tag-count{
  position:relative !important;
  padding-bottom:calc(var(--bbd-tag-line-gap) + var(--bbd-bottom-line-height)) !important;
}

.bbd-preset-iconbox.bbd-bottomline-yes .bbd-tag-count::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:6 !important;

  left:0 !important;
  right:auto !important;
  top:auto !important;
  bottom:0 !important;

  width:var(--bbd-tag-line-length) !important;
  min-width:0 !important;
  max-width:none !important;
  height:var(--bbd-bottom-line-height) !important;

  margin:0 !important;
  padding:0 !important;

  background:var(--bbd-bottom-line-color) !important;
  border:0 !important;
  border-radius:var(--bbd-tag-line-radius) !important;
  box-shadow:none !important;
  transform:none !important;
  pointer-events:none !important;
  opacity:.8 !important;
}

/* Active = clean white line */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active .bbd-tag-count::after{
  background:var(--bbd-bottom-line-active) !important;
  opacity:1 !important;
}

/* Inactive = subtle grey */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item:not(.is-active) .bbd-tag-count::after{
  background:var(--bbd-bottom-line-color) !important;
  opacity:.72 !important;
}

/* Switch off means no line */
.bbd-preset-iconbox.bbd-bottomline-no .bbd-tag-count{
  padding-bottom:0 !important;
}
.bbd-preset-iconbox.bbd-bottomline-no .bbd-tag-count::after{
  display:none !important;
  content:none !important;
}

/* No-icon items still align the accent correctly with their text */
.bbd-preset-iconbox .bbd-no-icon .bbd-tag-count::after{
  left:0 !important;
}

/* Keep the separator independent and exactly centered between items */
.bbd-preset-iconbox.bbd-separator-yes .bbd-filter-item:not(:last-child)::after{
  top:50% !important;
  right:calc((var(--bbd-bar-gap) / 2) * -1) !important;
  bottom:auto !important;
  left:auto !important;
  transform:translateY(-50%) !important;
}

/* Responsive refinement */
@media(max-width:1024px){
  .bbd-preset-iconbox.bbd-bottomline-yes .bbd-tag-count::after{
    width:var(--bbd-tag-line-length) !important;
  }
}
@media(max-width:767px){
  .bbd-preset-iconbox.bbd-bottomline-yes .bbd-tag-count::after{
    width:var(--bbd-tag-line-length) !important;
  }
}


/* ==========================================================
   v3.5.0 — NO COUNT + REFINED BOTTOM ACCENT
   ========================================================== */

/* Count removed; icon + title remain vertically centered */
.bbd-preset-iconbox .bbd-filter-item,
.bbd-preset-iconbox .bbd-filter-item.is-active{
  grid-template-rows:1fr auto !important;
}

/* Title takes the text column */
.bbd-preset-iconbox .bbd-filter-label{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:center !important;
}

/* No brand-count element */
.bbd-preset-iconbox .bbd-tag-count{
  display:none !important;
}

/* Refined accent line centered at the bottom of each tag */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item::before,
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:6 !important;

  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:6px !important;

  width:34px !important;
  height:2px !important;

  margin:0 !important;
  padding:0 !important;

  background:var(--bbd-bottom-line-color) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;

  transform:translateX(-50%) !important;
  pointer-events:none !important;
  opacity:.72 !important;
}

/* Active = white accent */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item.is-active::before{
  background:var(--bbd-bottom-line-active) !important;
  opacity:1 !important;
}

/* Non-active = soft grey accent */
.bbd-preset-iconbox.bbd-bottomline-yes .bbd-filter-item:not(.is-active)::before{
  background:var(--bbd-bottom-line-color) !important;
  opacity:.72 !important;
}

/* Off switch */
.bbd-preset-iconbox.bbd-bottomline-no .bbd-filter-item::before,
.bbd-preset-iconbox.bbd-bottomline-no .bbd-filter-item.is-active::before{
  display:none !important;
  content:none !important;
}

/* Keep separator independent */
.bbd-preset-iconbox.bbd-separator-yes .bbd-filter-item:not(:last-child)::after{
  top:50% !important;
  right:calc((var(--bbd-bar-gap) / 2) * -1) !important;
  bottom:auto !important;
  left:auto !important;
  transform:translateY(-50%) !important;
}


/* ==========================================================
   v3.5.1 — ACTIVE FONT SIZE FIX
   Active tag must keep exactly the same typography as normal.
   ========================================================== */

/* Lock title typography for normal, hover and active to the same variables */
.bbd-preset-iconbox .bbd-filter-label,
.bbd-preset-iconbox .bbd-filter-item:hover .bbd-filter-label,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
  font-size:var(--bbd-title-size) !important;
  line-height:1.15 !important;
  font-weight:var(--bbd-title-weight) !important;
  letter-spacing:var(--bbd-title-spacing) !important;
  text-transform:var(--bbd-title-transform) !important;
}

/* Prevent any older preset rule from shrinking active text */
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
  transform:none !important;
  zoom:1 !important;
  scale:1 !important;
}

/* Keep active icon size unchanged too */
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-icon{
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  min-width:var(--bbd-icon-size) !important;
  min-height:var(--bbd-icon-size) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-custom-icon svg,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-custom-icon img{
  width:var(--bbd-icon-size) !important;
  height:var(--bbd-icon-size) !important;
  max-width:var(--bbd-icon-size) !important;
  max-height:var(--bbd-icon-size) !important;
}
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-custom-icon i,
.bbd-preset-iconbox .bbd-filter-item.is-active .bbd-custom-icon .elementor-icon{
  font-size:var(--bbd-icon-size) !important;
}

/* Same responsive typography rules on active state */
@media(max-width:1024px){
  .bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
    font-size:var(--bbd-title-size) !important;
  }
}
@media(max-width:767px){
  .bbd-preset-iconbox .bbd-filter-item.is-active .bbd-filter-label{
    font-size:var(--bbd-title-size) !important;
  }
}