.sf-category-page{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:24px;
  align-items:start;
  max-width:1280px;
  margin:28px auto;
  padding:0 18px
}

.sf-category-sidebar{
  position:sticky;
  top:20px;
  align-self:start;
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding-right:8px
}

.sf-category-filter-form{
  display:grid;
  gap:0;
  border:1px solid #e4e7ec;
  background:#fff
}

.sf-filter-section{
  padding:17px 15px;
  border-bottom:1px solid #e4e7ec
}

.sf-filter-section h2{
  margin:0 0 13px;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.02em
}

.sf-category-filter-list{
  display:grid
}

.sf-category-filter-list a{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 6px;
  border-bottom:1px solid #f0f2f5;
  text-decoration:none
}

.sf-category-filter-list a.active{
  color:var(--store-primary,#d63384);
  font-weight:800
}

.sf-category-filter-list small,
.sf-checkbox-list small,
.sf-color-filter-list small{
  color:#667085
}

.sf-price-filter{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px
}

.sf-price-filter label{
  display:grid;
  gap:5px
}

.sf-price-filter span{
  font-size:12px;
  color:#667085
}

.sf-price-filter input{
  width:100%;
  box-sizing:border-box;
  padding:9px;
  border:1px solid #d0d5dd
}

.sf-price-ranges{
  display:grid;
  gap:5px;
  margin-top:10px
}

.sf-price-ranges button{
  padding:7px 8px;
  border:1px solid #e4e7ec;
  background:#fff;
  text-align:left;
  cursor:pointer
}

.sf-price-ranges button:hover{
  border-color:var(--store-primary,#d63384);
  color:var(--store-primary,#d63384)
}

.sf-checkbox-list{
  display:grid;
  gap:7px;
  max-height:260px;
  overflow:auto
}

.sf-checkbox-list label{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:8px;
  align-items:center;
  cursor:pointer
}

.sf-checkbox-list p,
.sf-color-filter-list p{
  margin:0;
  color:#667085;
  font-size:13px
}

.sf-color-filter-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px
}

.sf-color-filter-list label{
  display:grid;
  grid-template-columns:auto 24px minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  cursor:pointer;
  font-size:12px
}

.sf-color-filter-list input{
  margin:0
}

.sf-color-swatch{
  width:22px;
  height:22px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.16);
  background:var(--swatch)
}

.sf-color-filter-list b{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-weight:500
}

.sf-fabric-list{
  max-height:290px
}

.sf-filter-actions{
  display:grid;
  gap:10px;
  padding:15px
}

.sf-filter-actions button{
  width:100%;
  border:0;
  background:#111;
  color:#fff;
  padding:12px;
  font-weight:800;
  cursor:pointer;
  text-transform:uppercase
}

.sf-filter-actions a{
  text-align:center;
  text-decoration:none
}

.sf-category-results{
  min-width:0
}

.sf-category-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid #e4e7ec
}

.sf-category-head h1{
  margin:0 0 6px
}

.sf-category-head p{
  margin:0;
  color:#667085
}

.sf-category-product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important
}

.sf-category-product-grid article{
  min-width:0
}

.sf-category-product-grid article img{
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover
}

.sf-category-product-grid article h3{
  min-height:42px;
  margin:9px 0 5px;
  font-size:14px
}

.sf-category-product-grid article del{
  display:block;
  color:#98a2b3;
  font-size:13px
}

.sf-category-empty{
  padding:50px 25px;
  border:1px dashed #d0d5dd;
  text-align:center;
  background:#fff
}

.sf-filter-mobile-toggle{
  display:none
}

@media(max-width:1000px){
  .sf-category-page{
    grid-template-columns:220px minmax(0,1fr)
  }

  .sf-category-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}

@media(max-width:760px){
  .sf-category-page{
    display:block;
    margin-top:18px
  }

  .sf-filter-mobile-toggle{
    display:block;
    width:100%;
    margin-bottom:12px;
    padding:12px;
    border:0;
    background:#111;
    color:#fff;
    font-weight:800
  }

  .sf-category-sidebar{
    position:static;
    display:none;
    max-height:none;
    margin-bottom:18px;
    padding-right:0
  }

  .sf-category-sidebar.is-open{
    display:block
  }

  .sf-category-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important
  }
}

@media(max-width:480px){
  .sf-category-product-grid{
    grid-template-columns:1fr 1fr!important
  }

  .sf-category-product-grid article h3{
    font-size:12px
  }
}
/* BHS_CATEGORY_BLOCK_ALIGNMENT_V1 */
.sf-category-page{
  margin-top:.5px!important;
  padding-top:0!important;
  align-items:start!important
}

.sf-category-sidebar,
.sf-category-results{
  margin-top:0!important;
  padding-top:0!important;
  align-self:start!important
}

.sf-category-sidebar{
  top:.5px!important
}

.sf-category-results{
  transform:none!important
}

.sf-category-head{
  margin-top:0!important;
  padding-top:0!important;
  justify-content:center!important;
  text-align:center!important
}

.sf-category-head>div{
  width:100%!important;
  text-align:center!important
}

.sf-category-head h1{
  margin:0!important;
  text-align:center!important
}

.sf-category-head p{
  display:none!important
}

.sf-category-product-grid{
  margin-top:0!important
}

@media(max-width:760px){
  .sf-category-page{
    margin-top:.5px!important
  }

  .sf-category-sidebar{
    top:0!important
  }
}