/* PATCH_ID: b2c_products_server_pagination_fix_20260709 */

/* Product pagination only. Do not modify product card hover/interactions. */
.b2c-products-page{
  padding-bottom:42px;
}

.b2c-products-head{
  align-items:flex-end;
  gap:16px;
}

.b2c-products-page-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}

.b2c-products-count{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#6c6174;
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(49,38,56,.045);
}

.b2c-products-page-tools label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 8px 0 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#8b8193;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(49,38,56,.045);
}

.b2c-products-page-tools select{
  height:30px;
  min-width:70px;
  border:0;
  border-radius:999px;
  background:#f8f4fb;
  color:#1f1f26;
  font-weight:950;
  padding:0 10px;
  outline:none;
}

.b2c-products-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:18px 0;
}

.b2c-products-pagination-top{
  margin-top:14px;
  margin-bottom:18px;
}

.b2c-products-pagination-bottom{
  margin-top:22px;
}

.b2c-page-numbers{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
}

.b2c-page-btn,
.b2c-page-dots{
  min-width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:#1f1f26;
  font-size:13px;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.b2c-page-btn{
  cursor:pointer;
  padding:0 13px;
  box-shadow:0 10px 24px rgba(49,38,56,.05);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.b2c-page-btn:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(49,38,56,.12);
}

.b2c-page-btn:active:not(:disabled){
  transform:translateY(0) scale(.98);
}

.b2c-page-btn.is-active{
  background:#1f1f26;
  color:#fff;
  border-color:#1f1f26;
  box-shadow:0 14px 30px rgba(31,31,38,.18);
}

.b2c-page-btn:disabled{
  cursor:not-allowed;
  opacity:.38;
  box-shadow:none;
}

.b2c-page-dots{
  border-color:transparent;
  background:transparent;
  color:#9b90a3;
  min-width:22px;
}

.b2c-products-grid{
  content-visibility:auto;
  contain-intrinsic-size:900px;
}

@media(max-width:760px){
  .b2c-products-head{
    align-items:flex-start;
  }

  .b2c-products-page-tools{
    width:100%;
    justify-content:flex-start;
  }

  .b2c-products-pagination{
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:4px;
  }

  .b2c-page-numbers{
    flex-wrap:nowrap;
  }
}