/* DaruGet category cards, brand labels, stock badges, prices & pagination */

/* Brand: no colored underline/bar/pill */
.category-page .product-brand,
.category-page .category-product .product-brand{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 5px!important;
  padding:0!important;
  position:static!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.6!important;
}
.category-page .product-brand::before,
.category-page .product-brand::after,
.category-page .category-product .product-brand::before,
.category-page .category-product .product-brand::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Availability badge */
.category-page .stock-badge{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:25px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
  border:1px solid #bbf7d0!important;
  background:#f0fdf4!important;
  color:#166534!important;
}
.category-page .stock-badge::before{
  content:""!important;
  width:6px!important;height:6px!important;border-radius:50%!important;
  background:#22c55e!important;
}
.category-page .stock-badge.out-of-stock{
  border-color:#fecaca!important;
  background:#fff1f2!important;
  color:#b91c1c!important;
}
.category-page .stock-badge.out-of-stock::before{background:#ef4444!important}

/* Price */
.category-page .product-price-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:auto!important;
}
.category-page .product-price{
  color:#15803d!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
.category-page .product-price small{
  display:block!important;
  margin-top:1px!important;
  color:#94a3b8!important;
  font-size:12px!important;
  font-weight:700!important;
}

/* Pagination */
.category-page .pagination,
.category-page .category-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:22px auto 4px!important;
  padding:8px!important;
  width:max-content!important;
  max-width:100%!important;
  border:1px solid #e5ebe8!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(15,23,42,.04)!important;
}
.category-page .pagination a,
.category-page .pagination button,
.category-page .pagination span,
.category-page .category-pagination a,
.category-page .category-pagination button,
.category-page .category-pagination span{
  min-width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  padding:0 8px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.category-page .pagination .active,
.category-page .pagination [aria-current="page"],
.category-page .category-pagination .active,
.category-page .category-pagination [aria-current="page"]{
  background:#15803d!important;
  color:#fff!important;
  border-color:#15803d!important;
  box-shadow:0 5px 14px rgba(21,128,61,.18)!important;
}
.category-page .pagination a:hover,
.category-page .pagination button:hover,
.category-page .category-pagination a:hover,
.category-page .category-pagination button:hover{
  border-color:#86c99a!important;
  background:#f0fdf4!important;
  color:#166534!important;
}
@media(max-width:520px){
  .category-page .pagination,
  .category-page .category-pagination{
    gap:5px!important;
    padding:6px!important;
    margin-top:16px!important;
  }
  .category-page .pagination a,
  .category-page .pagination button,
  .category-page .pagination span,
  .category-page .category-pagination a,
  .category-page .category-pagination button,
  .category-page .category-pagination span{
    min-width:31px!important;height:31px!important;font-size:12px!important;border-radius:9px!important;
  }
}