/* CSBuy product-directory pagination: desktop and mobile. */
.cs-pages{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:38px 0 0!important;
  padding:0!important;
  list-style:none!important;
}
.cs-pages>li{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.cs-pages>li::marker{content:""!important}
.cs-pages>li>a,.cs-pages>li>span{
  display:flex!important;
  min-width:42px!important;
  height:42px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #e1e5ea!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:15px!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}
.cs-pages>li>a:hover{
  border-color:#ff4f21!important;
  color:#ff4f21!important;
  transform:translateY(-1px)
}
.cs-pages>li.active>a,.cs-pages>li.active>span{
  border-color:#ff4f21!important;
  background:#ff4f21!important;
  color:#fff!important
}
.cs-pages>strong{margin:0 2px}
@media(max-width:640px){
  .cs-pages{gap:6px!important;margin-top:28px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:8px!important}
  .cs-pages>li{flex:0 0 auto!important}
  .cs-pages>li>a,.cs-pages>li>span{min-width:38px!important;height:38px!important;padding:0 10px!important;font-size:14px!important}
}