.fa-shrimp-filter-box{
  background:#f6f6f6;
  border-radius:16px;
  padding:18px;
  margin:18px 0 22px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
}
.fa-shrimp-filter-title{
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  color:#111;
  margin:0 0 8px;
}
.fa-shrimp-filter-subtitle{
  font-size:14px;
  line-height:1.5;
  color:#555;
  margin:0 0 14px;
}
.fa-shrimp-filter-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.fa-shrimp-filter-btn{
  appearance:none;
  border:1px solid #d9d9d9;
  background:#fff;
  color:#222;
  min-height:44px;
  padding:10px 16px;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
  box-shadow:0 2px 6px rgba(0,0,0,0.03);
}
.fa-shrimp-filter-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,0.06);
}
.fa-shrimp-filter-btn.is-active{
  background:#111;
  color:#fff;
  border-color:#111;
  box-shadow:0 6px 16px rgba(0,0,0,0.12);
}
.fa-shrimp-filter-counter{
  margin-top:12px;
  font-size:13px;
  color:#666;
}
@media (max-width: 767px){
  .fa-shrimp-filter-box{
    padding:14px;
    border-radius:14px;
  }
  .fa-shrimp-filter-title{
    font-size:18px;
  }
  .fa-shrimp-filter-btn{
    width:100%;
  }
}