/* Opto Zero v3.50 — homepage server pagination, PC + phones */
.oc-home-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:18px 0 0!important;
}

.oc-home-page-numbers{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

.oc-home-page-number,
.oc-home-page-arrow{
  min-width:38px!important;
  height:38px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dce5f0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#47566d!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 2px 8px rgba(31,47,73,.035)!important;
}

.oc-home-page-number:hover,
.oc-home-page-arrow:hover{
  border-color:#b9cef0!important;
  background:#f5f9ff!important;
  color:#0d5de6!important;
}

.oc-home-page-number.active{
  border-color:#0d5de6!important;
  background:#0d5de6!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(13,93,230,.18)!important;
}

.oc-home-page-arrow.is-disabled{
  opacity:.32!important;
  pointer-events:none!important;
}

.oc-home-page-ellipsis{
  min-width:22px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8a95a5!important;
  font-size:14px!important;
  font-weight:900!important;
}

.oc-home-page-summary{
  margin:8px 0 4px!important;
  text-align:center!important;
  color:#8994a4!important;
  font-size:9.5px!important;
  font-weight:700!important;
}

@media(max-width:767px){
  .oc-home-pagination{
    gap:5px!important;
    margin-top:14px!important;
  }

  .oc-home-page-numbers{
    gap:4px!important;
    min-width:0!important;
  }

  .oc-home-page-number,
  .oc-home-page-arrow{
    min-width:34px!important;
    height:35px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  .oc-home-page-ellipsis{
    min-width:14px!important;
    height:35px!important;
    font-size:12px!important;
  }

  .oc-home-page-summary{
    margin-top:7px!important;
    font-size:9px!important;
  }
}

@media(max-width:380px){
  .oc-home-page-number,
  .oc-home-page-arrow{
    min-width:31px!important;
    height:33px!important;
    padding:0 6px!important;
  }

  .oc-home-page-ellipsis{
    min-width:10px!important;
  }
}