.beteampack-configurator {
  border: 1px solid #ddd;
  padding: 1rem;
  margin: 1rem 0;
  background: #fff;
}
.beteampack-configurator h3 { margin-top: 0; }
.beteampack-note { color: #777; margin-bottom: 1rem; }
.beteampack-line {
  display: grid;
  grid-template-columns: 72px minmax(160px, 1fr) 2fr;
  gap: 1rem;
  align-items: center;
  border-top: 1px solid #eee;
  padding: 1rem 0;
}
.beteampack-photo img { max-width: 70px; height: auto; display: block; }
.beteampack-product-name { font-weight: 700; line-height: 1.25; }
.beteampack-fields { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; }
.beteampack-fields label { display: flex; flex-direction: column; margin: 0; min-width: 120px; }
.beteampack-fields span { font-size: .85rem; color: #555; margin-bottom: .25rem; }
.beteampack-fields select, .beteampack-fields input { min-height: 34px; }
.beteampack-actions { margin-top: 1rem; }
.beteampack-message { margin-top: .75rem; font-weight: 700; }
.beteampack-cart-details {
  margin: .75rem 0 0 0;
  padding: .75rem 1rem;
  background: #f7f7f7;
  border-left: 3px solid #222;
  font-size: .92rem;
  clear: both;
}
.beteampack-cart-title { font-weight: 700; margin-bottom: .35rem; }
.beteampack-cart-details ul { margin: 0; padding-left: 1.1rem; }
.beteampack-cart-details li { margin: .15rem 0; }
.beteampack-cart-details span { color: #555; }
.beteampack-pack-line .bootstrap-touchspin-up,
.beteampack-pack-line .bootstrap-touchspin-down { opacity: .4; pointer-events: none; }
@media (max-width: 767px) {
  .beteampack-line { grid-template-columns: 64px 1fr; gap: .75rem; }
  .beteampack-fields { grid-column: 1 / -1; }
  .beteampack-fields label { width: 100%; }
}
.beteampack-choice-option { width: 100%; margin-top: .5rem; }
.beteampack-choice-option-title { font-weight: 700; margin-bottom: .4rem; }
.beteampack-choice-fields { width: 100%; }
.beteampack-choice-photo img.is-hidden,
.beteampack-choice-option.is-hidden { display: none; }
.beteampack-choice-photo img { max-width: 70px; height: auto; display: block; }

.beteampack-product-name a,
.beteampack-choice-option-title a {
  color: inherit;
  text-decoration: none;
}
.beteampack-product-name a:hover,
.beteampack-choice-option-title a:hover {
  text-decoration: underline;
}
.beteampack-photo a,
.beteampack-choice-photo a {
  display: inline-block;
}