/* Woo Category Inserter - styles (title as span, short desc first paragraph to first dot) */
.wci-grid {
display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin: 30px 0 !important;
}

.wci-item {
border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  transition: box-shadow .3s ease, transform .2s ease;
  display: flex !important;
}

.wci-item:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
  transform: translateY(-2px);
}
.wci-card {
display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
}

.wci-thumb img {
width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;

  max-width: 100% !important;
}

.wci-body {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wci-title {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  color: #222;
}
.wci-desc {
  font-size: .92rem;
  color: #555;
  line-height: 1.7;
  margin: 0;
}
.wci-price {
  margin-top: 6px;
  font-weight: 700;
  font-size: 1rem;
  color: #e91e63;
}
@media (max-width: 768px) {
  .wci-grid { grid-template-columns: 1fr !important; }
}


.wci-pagination {
  margin: 16px 0 0;
  text-align: center;
}
.wci-pagination .page-numbers {
  display: inline-block;
  padding: 6px 10px;
  margin: 0 4px;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-decoration: none;
}
.wci-pagination .page-numbers.current {
  background: #111;
  color: #fff;
  border-color: #111;
}



/* Ensure thumbnail sits at the top and spans full width */
.wci-thumb {
display: block !important;
  width: 100% !important;
}