/* Product detail summary: check-mark feature list, highlighted figures, key-value chips.
   Loaded after style.css; display-only, no layout structure changes. */

/* Ticks instead of triangle bullets */
.product-overview-feature-list li { padding-left: 30px; }
.product-overview-feature-list li::before {
  content: "";
  top: 4px;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 50%;
  background: var(--accent, #f39c12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.4l2.4 2.4 5.2-5.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;
}
@media (max-width: 640px) {
  .product-overview-feature-list { padding-left: 0; }
}

/* Highlighted figures inside the feature list */
.product-overview-feature-list .pf-fact {
  color: var(--primary, #0a2a66);
  font-weight: 800;
  white-space: nowrap;
}

/* Headline value chips */
.pf-chips {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
}
@media (max-width: 420px) {
  .pf-chips { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
}
.pf-chips li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 10px 14px;
  background: #f3f7fd;
  border: 1px solid #dbe6f6;
  border-radius: 4px;
}
.pf-chips b { font-size: 19px; line-height: 1.2; color: var(--primary, #0a2a66); }
.pf-chips span { font-size: 12px; line-height: 1.3; color: #5b6b86; overflow-wrap: anywhere; }