/* V5.2.27 — Clear visual separation between sharing and pickup details in deal dialogs. */
.deal-detail-sheet .deal-share-row + .deal-detail-pickup-card {
  margin-top: clamp(.78rem, 1.8vw, 1.05rem) !important;
}

.deal-detail-sheet .deal-detail-pickup-card {
  position: relative;
  display: block;
  margin-bottom: clamp(.9rem, 2vw, 1.15rem) !important;
  padding: clamp(.82rem, 1.8vw, 1rem) !important;
  border-color: rgba(15, 131, 24, .16) !important;
  background: linear-gradient(135deg, rgba(245, 252, 246, .98), rgba(250, 253, 251, .98)) !important;
}

.deal-detail-sheet .deal-detail-pickup-card > .d-flex {
  align-items: flex-start;
}

.deal-detail-sheet .deal-detail-pickup-card > .d-flex > i {
  display: grid;
  place-items: center;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  margin-top: .02rem;
  border-radius: 10px;
  color: var(--sc-green, #0f8318) !important;
  background: rgba(15, 131, 24, .10);
}

.deal-detail-sheet .deal-detail-pickup-card h3 {
  margin-bottom: .2rem;
}

.deal-detail-sheet .deal-detail-pickup-card p {
  overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
  .deal-detail-sheet .deal-share-row + .deal-detail-pickup-card {
    margin-top: .78rem !important;
  }

  .deal-detail-sheet .deal-detail-pickup-card {
    margin-bottom: .88rem !important;
    padding: .78rem .8rem !important;
  }
}

html[data-theme="dark"] .deal-detail-sheet .deal-detail-pickup-card {
  border-color: rgba(105, 221, 145, .24) !important;
  background: linear-gradient(135deg, rgba(18, 54, 37, .92), rgba(24, 30, 26, .97)) !important;
}

html[data-theme="dark"] .deal-detail-sheet .deal-detail-pickup-card > .d-flex > i {
  color: #7ae89d !important;
  background: rgba(100, 229, 145, .13);
}