/* KITNIVO Featured Cards v1.1 – original 16:9 product images; scoped; does not override Flatsome/Hero */
.knfc-grid, .knfc-grid * { box-sizing: border-box; }
.knfc-grid {
  --knfc-ink: #102a43;
  --knfc-muted: #5a7085;
  --knfc-accent: #08ac8e;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  align-items: stretch;
}
.knfc-card {
  display: flex !important;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e4eaf0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 17px rgba(14, 41, 64, .06);
  padding: 0 !important;
  text-align: left !important;
  transition: box-shadow .2s, transform .2s;
}
.knfc-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(14,41,64,.11); }
.knfc-card .knfc-image {
  display: flex;
  width: 100%;
  aspect-ratio: 16 / 9;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #eff5f9;
  border: 0 !important;
}
.knfc-card img.knfc-thumb {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  margin: 0 !important;
  display: block !important;
  border: 0 !important;
}
.knfc-image-placeholder { color: #698099; font-size: 13px; }
.knfc-card .knfc-body { padding: 16px 16px 18px; display: flex; flex: 1; flex-direction: column; min-width: 0; }
.knfc-card .knfc-category {
  color: #0c907b !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: .045em;
  text-transform: uppercase;
  opacity: 1 !important;
}
.knfc-card h3.knfc-title { margin: 9px 0 8px !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 750 !important; color: var(--knfc-ink) !important; }
.knfc-card .knfc-title a { color: var(--knfc-ink) !important; text-decoration: none !important; }
.knfc-card .knfc-title a:hover { color: #008a76 !important; }
.knfc-card .knfc-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 16px !important;
  min-height: 59px;
  color: var(--knfc-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
.knfc-card .knfc-price {
  margin-top: auto;
  margin-bottom: 14px;
  font-size: 23px !important;
  font-weight: 800 !important;
  color: var(--knfc-ink) !important;
  line-height: 1.25 !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}
.knfc-card .knfc-price .amount,
.knfc-card .knfc-price bdi,
.knfc-card .knfc-price .woocommerce-Price-amount { color: var(--knfc-ink) !important; font-size: inherit !important; font-weight: 800 !important; opacity: 1 !important; }
.knfc-card .knfc-price del { color: #8ea0ae !important; font-size: 14px !important; font-weight: 400 !important; }
.knfc-card .knfc-price del * { color: #8ea0ae !important; font-size: 14px !important; }
.knfc-card .knfc-price ins { background: none !important; text-decoration: none !important; }
.knfc-card .knfc-price--unset { color: #64788b !important; font-size: 13px !important; font-weight: 500 !important; }
.knfc-card .knfc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: auto; }
.knfc-card .knfc-button {
  display: flex; align-items: center; justify-content: center;
  min-width: 0; min-height: 41px; padding: 10px 8px;
  border-radius: 7px; font-size: 12px; font-weight: 700;
  line-height: 1.2; text-decoration: none !important;
  text-align: center; white-space: normal;
  transition: background .15s, border-color .15s;
}
.knfc-card .knfc-button--primary { color: #fff !important; background: var(--knfc-accent); border: 1px solid var(--knfc-accent); }
.knfc-card .knfc-button--primary:hover { color:#fff !important; background: #058d78; border-color: #058d78; }
.knfc-card .knfc-button--outline { color:#078d77 !important; background:#fff; border:1px solid #09b69a; }
.knfc-card .knfc-button--outline:hover { background:#edfbf7; color:#086b5b !important; }
.knfc-card .knfc-button--disabled { color:#7b8a93 !important; border:1px solid #dae2e8; background:#f6f8fa; cursor:not-allowed; }
.knfc-empty { color:#617486; font-size:14px; max-width:1180px; margin:0 auto; padding:18px 0; }
@media (max-width: 950px) { .knfc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px; } }
@media (max-width: 550px) {
  .knfc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; }
  .knfc-card { border-radius: 9px; }
  .knfc-card .knfc-image { aspect-ratio: 16 / 9; }
  .knfc-card .knfc-body { padding: 11px 10px 12px; }
  .knfc-card .knfc-category { font-size: 9px !important; }
  .knfc-card h3.knfc-title { font-size: 13px !important; margin: 7px 0 !important; }
  .knfc-card .knfc-description { font-size: 11px !important; line-height: 1.4 !important; min-height: 47px; margin-bottom: 9px !important; }
  .knfc-card .knfc-price { font-size: 17px !important; margin-bottom: 10px; }
  .knfc-card .knfc-actions { grid-template-columns: 1fr; gap: 6px; }
  .knfc-card .knfc-button { min-height: 35px; padding: 8px 4px; font-size: 11px; }
}
@media (max-width: 330px) { .knfc-grid { grid-template-columns: 1fr !important; } }