/* Cache-busted proposal treatment: tier color identifies the offer, never recolors a product photo. */
.concepts .concept-card {
  --concept-accent: #ded9c9;
  background: var(--white);
  opacity: 1;
  transition: transform .35s ease;
}

.concepts.is-ready .concept-card { transform: translateY(0); }
.concepts .concept-1 { --concept-accent: #ded9c9; }
.concepts .concept-2 { --concept-accent: #91a7ff; }
.concepts .concept-3 { --concept-accent: #f3b2a6; }

.concepts .concept-card-top {
  min-height: 52px;
  margin: -20px -20px 0;
  padding: 0 20px;
  border-bottom: 1px solid var(--ink);
  background: var(--concept-accent);
}

.concepts .concept-products {
  height: 190px;
  margin: 16px 0 12px;
  align-items: stretch;
  gap: 1px;
  padding: 1px;
  border: 1px solid var(--line);
  background: var(--line);
  isolation: isolate;
}

.concepts .concept-products.count-3 {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  padding: 1px;
}

.concepts .concept-products .product-peek-trigger {
  width: 100%;
  height: 186px;
  padding: clamp(7px,1vw,13px);
  background: #fff;
}

.concepts .concept-products img,
.concepts .concept-composition li > .product-peek-trigger img {
  width: 100%;
  height: 100%;
  max-width: 150px;
  max-height: 164px;
  margin: 0;
  object-fit: contain;
  mix-blend-mode: normal;
  filter: none;
  opacity: 1;
}

.concepts .concept-products.count-3 img {
  width: 100%;
  max-width: 164px;
  max-height: 170px;
}

.concepts .concept-switcher { grid-template-columns: 44px 1fr 44px; }
.concepts .concept-switcher button {
  width: 44px;
  height: 44px;
  background: var(--concept-accent);
}
.concepts .concept-switcher button:hover { background: var(--ink); color: var(--white); }

.concepts .concept-fit,
.concepts .concept-pricing .typical { background: var(--paper); }

.concepts .concept-composition li > .product-peek-trigger,
.concepts .concept-composition li > .product-peek-trigger img {
  width: 34px;
  height: 34px;
  background: #fff;
  mix-blend-mode: normal;
  filter: none;
}

.concepts .concept-pricing .budget-limit,
.concepts .concept-add { background: var(--concept-accent); }
.concepts .concept-add:hover { background: var(--ink); color: var(--white); }