/* Bond composer — delivery extras chips (voice-seal + physical mail) */
.bond-delivery-extras {
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 8px !important;
}
.bond-delivery-extras-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.bond-delivery-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.bond-delivery-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(200, 170, 120, 0.22);
  background: linear-gradient(165deg, rgba(45, 35, 24, 0.92), rgba(28, 20, 12, 0.95));
  color: rgba(220, 195, 150, 0.82);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, color 0.2s, transform 0.15s;
  user-select: none;
}
.bond-delivery-chip:hover {
  border-color: rgba(251, 191, 36, 0.45);
  color: rgba(245, 232, 210, 0.95);
}
.bond-delivery-chip-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.bond-delivery-chip:has(.bond-delivery-chip-input:checked),
.bond-delivery-chip.is-active {
  border-color: rgba(251, 191, 36, 0.75);
  color: rgba(255, 248, 230, 0.98);
  box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.35), 0 4px 14px rgba(0, 0, 0, 0.35);
  transform: translateY(-1px);
}
.bond-delivery-chip--voice:has(.bond-delivery-chip-input:checked),
.bond-delivery-chip--voice.is-active {
  background: linear-gradient(165deg, rgba(80, 28, 24, 0.95), rgba(45, 18, 14, 0.98));
}
.bond-delivery-chip--mail:has(.bond-delivery-chip-input:checked),
.bond-delivery-chip--mail.is-active {
  background: linear-gradient(165deg, rgba(32, 48, 58, 0.95), rgba(18, 28, 36, 0.98));
}
.bond-delivery-fields {
  display: none;
  width: 100%;
}
.bond-delivery-fields.is-open {
  display: block;
}
.bond-vw-como--inline,
.bond-last-mile-block--inline {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
.bond-vw-como--inline {
  display: none;
}
.bond-vw-como--inline.is-open {
  display: block;
  margin-bottom: 8px;
}
.bond-last-mile-block--inline {
  display: none;
}
.bond-last-mile-block--inline.is-open {
  display: block;
}
.bond-vw-como--inline .bond-vw-compose-fields,
.bond-last-mile-block--inline .bond-last-mile-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.bond-vw-como--inline .bond-vw-compose-fields.is-open,
.bond-last-mile-block--inline .bond-last-mile-fields.is-open {
  display: grid;
}
.bond-vw-como--inline .bond-vw-compose-note,
.bond-last-mile-block--inline .bond-last-mile-hint {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 0.75rem;
  color: rgba(200, 180, 140, 0.62);
}
.bond-vw-como--inline input,
.bond-last-mile-block--inline input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(200, 170, 120, 0.2);
  background: rgba(8, 6, 4, 0.55);
  color: rgba(248, 242, 228, 0.95);
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 0.92rem;
}
.bond-vw-como--inline input.bond-last-mile-full,
.bond-last-mile-block--inline .bond-last-mile-full {
  grid-column: 1 / -1;
}
@media (max-width: 640px) {
  .bond-vw-como--inline .bond-vw-compose-fields,
  .bond-last-mile-block--inline .bond-last-mile-fields {
    grid-template-columns: 1fr;
  }
}