.silbon-catalog {
  --navy: #193932;
  --navy-deep: #102720;
  --wine: #b0713f;
}

.silbon-catalog .catalog-hero { background: #f1eee8; }
.silbon-catalog .catalog-hero h1 em,
.silbon-catalog .catalog-visit h2 em,
.silbon-catalog .catalog-visit .eyebrow { color: #d5a06d; }
.silbon-catalog .catalog-hero-images figure,
.silbon-catalog .product-image,
.silbon-catalog .dialog-image { background: #f5f3ef; }
.silbon-catalog .catalog-hero-images img,
.silbon-catalog .product-image img,
.silbon-catalog .dialog-image img { object-fit: contain; }
.silbon-catalog .catalog-hero-images .hero-product-main img { object-fit: cover; }
.silbon-catalog .prototype-note { border-left-color: #b0713f; }

.silbon-catalog .dialog-variants .variant-choice {
  width: 100%;
  min-height: 45px;
  padding: 7px 10px;
  display: grid;
  grid-template-columns: 17px 1fr auto;
  align-items: center;
  gap: 8px;
  border: 1px solid #d8d3c9;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease;
}

.silbon-catalog .dialog-variants .variant-choice:hover,
.silbon-catalog .dialog-variants .variant-choice.active {
  border-color: var(--navy);
  background: #f4f1ea;
}