/* Site integration only. Supplied pour-viewer.css is unchanged. */
.resin-tap-bottles {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 220px;
  min-width: 200px;
  margin: 14px auto;
  overflow: visible;
}
.resin-tap-bottles--pair { max-width: 380px; min-width: 340px; }
.resin-tap-bottle-item { flex: 1; min-width: 0; overflow: visible; }
.resin-tap-caption { display: block; font-size: 12px; text-align: center; margin-top: 8px; }
.uae-resin-table .uae-table-photo:has(.resin-tap-bottles) { padding-inline: 20px; }
.resin-photo-link { display: block; margin-top: 10px; text-align: center; font-size: 14px; }
.resin-tap-order, .resin-tap-preview { overflow: visible; }
.resin-tap-interaction {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 20px;
  align-items: center;
  margin-block: 28px;
  overflow: visible;
}
.resin-tap-preview { width: 100%; max-width: 260px; margin: 12px 0; }
.resin-tap-selection { min-width: 0; }
.resin-tap-chips { display: flex; flex-wrap: wrap; gap: 8px; }
body button.resin-tap-choice {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; padding: 8px 12px; border: 1px solid var(--hairline);
  background: transparent; color: var(--ink);
}
body button.resin-tap-choice[aria-pressed="true"] { border-color: var(--accent-border); background: var(--paper); }
.resin-tap-choice i { display: block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--hairline); flex: none; }
.resin-tap-controls { margin-top: 12px; }
.resin-tap-controls[hidden], .pv [hidden] { display: none !important; }
body button.resin-tap-watch {
  display: block;
  background: transparent;
  border: 0;
  border-radius: 0 !important;
  padding: 8px 0;
  font-size: 14px;
  color: var(--accent-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.resin-tap-note { font-size: 12px; color: var(--ink-2); margin: 0; }
/* Neutralize the site's table-photo sizes and generic capsule-button rules. */
body button.pour-bottle {
  padding: 0;
  border: 0;
  border-radius: 18px !important;
  min-height: 0;
  background: transparent;
  overflow: visible;
  direction: ltr;
}
body button.pour-bottle:active { transform: none !important; }
body .pour-bottle > img {
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  object-fit: contain;
}
body .pour-bottle > img.pour-bottle__body {
  inset: 0;
  width: 100%; height: 100%;
  border-radius: 0;
}
body .pour-bottle > img.pour-bottle__cap {
  left: 30.469%; top: .521%; width: 39.16%; height: auto;
  border-radius: 0;
}
.pv { --link-ink: var(--accent-on-dark); }
.pv .pv-video { object-fit: contain; direction: ltr; }
.resin-bottle.resin-original-png { background: #1d1f22; }
.resin-bottle.resin-original-png img { width: 100%; height: auto; max-height: 620px; object-fit: contain; }
@media (max-width: 899px) {
  .resin-tap-interaction { grid-template-columns: minmax(0, 1fr); }
  .resin-tap-preview { grid-row: 1; width: min(100%, 260px); max-width: 260px; justify-self: center; margin: 12px 0 24px; }
}