/** Shopify CDN: Minification failed

Line 9:0 Unexpected "{"
Line 9:1 Expected identifier but found "%"
Line 11:8 Unexpected "/"
Line 15:181 Expected identifier but found "%"

**/
{% comment %} ═══════════════════════════════════════════════
  CSS — add to your collection page stylesheet or
  assets/savvy-collection.css (then link in the section schema).

  All classes are namespaced savvy- to avoid Kalles conflicts.
  !important used sparingly only where Kalles overrides are known.
  ═══════════════════════════════════════════════════════════ {% endcomment %}

.savvy-offer-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #b03020;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 9px;
  border-radius: 4px;
  letter-spacing: 0.02em;
  z-index: 2;
  pointer-events: none;
}

.savvy-price-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}

.savvy-price-sale {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #b03020 !important;
}

.savvy-price-list {
  font-size: 12px;
  color: #888;
  text-decoration: line-through;
}

.savvy-price-save {
  font-size: 10px;
  background: #fbeae7;
  color: #b03020;
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 500;
  white-space: nowrap;
}

.savvy-price-regular {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-primary, #1a1a1a);
}

.savvy-delivery {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #555;
  margin: 8px 0;
  flex-wrap: wrap;
}

.savvy-delivery-icon {
  color: #1a5c38;
  flex-shrink: 0;
}

.savvy-delivery-date {
  font-weight: 500;
  color: #1a1a1a;
}

.savvy-delivery-free {
  background: #e6f3ed;
  color: #1a5c38;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: 4px;
  margin-left: auto;
}


.savvy-trust-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin: 6px 0 8px;
}

.savvy-trust-stars {
  color: #d4860a;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 1;
}

.savvy-trust-score {
  font-size: 11px;
  font-weight: 500;
  color: #1a1a1a;
}

.savvy-trust-sep {
  font-size: 11px;
  color: #1a1a1a;
}

.savvy-trust-link {
  font-size: 11px;
  color: #666;
  text-decoration: underline;
  text-decoration-color: #ddd;
}

.savvy-trust-link:hover {
  color: #333;
  text-decoration-color: #999;
}