.fyaz-category-strip{
  --fyaz-category-columns:8;
  --fyaz-category-icon-size:78px;
  --fyaz-category-circle:#f5f5f5;
  --fyaz-category-text:#171717;
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  padding:13px 38px 15px;
  background:#fff;
  color:var(--fyaz-category-text);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  overflow:hidden;
}
.fyaz-category-viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  outline:none;
}
.fyaz-category-viewport::-webkit-scrollbar{display:none}
.fyaz-category-track{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
  min-width:max-content;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.fyaz-category-item{
  flex:0 0 calc((100% - var(--fyaz-category-gap-total)) / var(--fyaz-category-columns));
  min-width:72px;
  margin:0!important;
  padding:0!important;
  text-align:center;
  scroll-snap-align:start;
}
.fyaz-category-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  color:var(--fyaz-category-text)!important;
  text-decoration:none!important;
  outline:none;
}
.fyaz-category-icon{
  display:grid;
  place-items:center;
  width:var(--fyaz-category-icon-size);
  height:var(--fyaz-category-icon-size);
  border-radius:50%;
  background:var(--fyaz-category-circle);
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.fyaz-category-image{
  display:block;
  width:82%!important;
  height:82%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:contain;
  mix-blend-mode:multiply;
  transition:transform .22s ease;
}
.fyaz-category-placeholder{opacity:.42;mix-blend-mode:normal}
.fyaz-category-name{
  display:block;
  max-width:120px;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  text-align:center;
}
.fyaz-category-count{
  margin-top:-4px;
  color:#888;
  font-size:11px;
  line-height:1;
}
.fyaz-category-link:hover .fyaz-category-icon,
.fyaz-category-link:focus-visible .fyaz-category-icon{
  transform:translateY(-3px);
  background:#fff;
  box-shadow:0 7px 17px rgba(0,0,0,.14);
}
.fyaz-category-link:hover .fyaz-category-image,
.fyaz-category-link:focus-visible .fyaz-category-image{transform:scale(1.07)}
.fyaz-category-link:hover .fyaz-category-name,
.fyaz-category-link:focus-visible .fyaz-category-name{color:#d90d1d}
.fyaz-category-arrow{
  position:absolute;
  top:50%;
  z-index:3;
  display:grid;
  place-items:center;
  width:31px;
  height:42px;
  margin:0;
  padding:0;
  border:0;
  border-radius:5px;
  background:rgba(24,24,24,.74);
  color:#fff;
  opacity:1;
  transform:translateY(-50%);
  transition:opacity .18s ease,background-color .18s ease;
  cursor:pointer;
}
.fyaz-category-prev{left:3px}
.fyaz-category-next{right:3px}
.fyaz-category-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fyaz-category-arrow:hover{background:#d90d1d}
.fyaz-category-arrow:disabled{opacity:0;pointer-events:none}
.fyaz-category-strip:not(.fyaz-has-overflow) .fyaz-category-arrow{display:none}
@media(max-width:991px){
  .fyaz-category-strip{--fyaz-category-icon-size:70px;padding:12px 30px 14px}
  .fyaz-category-item{flex-basis:calc((100% - 36px)/4);min-width:82px}
  .fyaz-category-name{font-size:12px}
  .fyaz-category-arrow{width:27px;height:38px}
}
@media(max-width:480px){
  .fyaz-category-strip{padding-right:8px;padding-left:8px;box-shadow:0 5px 15px rgba(0,0,0,.05)}
  .fyaz-category-track{gap:10px}
  .fyaz-category-item{flex-basis:82px}
  .fyaz-category-arrow{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .fyaz-category-viewport{scroll-behavior:auto}
  .fyaz-category-icon,.fyaz-category-image{transition:none}
}