/* v1.0.20 — compact, aligned catalog cards. */
html body.hp-shop-model-1 .hp-shop-query .hp-product-grid > li,
html body.hp-shop-model-2 .hp-shop-query .hp-product-grid > li,
html body.hp-shop-model-3 .hp-shop-query .hp-product-grid > li {
  justify-content: flex-start !important;
}
html body .hp-shop-query .hp-product-grid > li .wp-block-post-title {
  display: -webkit-box !important;
  box-sizing: border-box !important;
  height: 2.6em !important;
  min-height: 2.6em !important;
  max-height: 2.6em !important;
  margin: 0 4px 4px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
}
html body .hp-shop-query .hp-product-grid > li :is(.wp-block-woocommerce-product-price,.wc-block-components-product-price,.price) {
  box-sizing: border-box !important;
  height: 2.45em !important;
  min-height: 2.45em !important;
  max-height: 2.45em !important;
  margin: 0 !important;
  overflow: visible !important;
}
html body .hp-shop-query .hp-product-grid > li .hp-shop-current-price-line {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 5px !important;
}
html body .hp-shop-query .hp-product-grid > li .hp-shop-current-price-line ins { order: 1 !important; }
html body .hp-shop-query .hp-product-grid > li .hp-shop-current-price-line .hp-shop-price-discount {
  order: 2 !important;
  margin: 0 !important;
  white-space: nowrap;
}
html body .hp-shop-query .hp-product-grid > li .hp-shop-payment-info {
  display: block !important;
  min-height: 1.3em !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}
html body .hp-shop-query .hp-product-grid > li .hp-shop-payment-info .hp-shop-installments {
  display: block !important;
  margin: 0 !important;
  color: #167d5a !important;
}
html body.hp-shop-model-1 .hp-shop-query .hp-product-grid > li .wp-block-woocommerce-product-button,
html body.hp-shop-model-2 .hp-shop-query .hp-product-grid > li .wp-block-woocommerce-product-button,
html body.hp-shop-model-3 .hp-shop-query .hp-product-grid > li .wp-block-woocommerce-product-button {
  align-self: center !important;
  min-height: 0 !important;
  margin: 4px auto 0 !important;
  padding: 0 !important;
}
html body .hp-shop-query .hp-product-grid > li .wp-block-woocommerce-product-button .wp-block-button {
  margin: 0 !important;
}