/* V48 — simple Send Offer contact popout */
.offer-contact-dialog-v48 {
  width: min(680px, calc(100vw - 28px));
  max-height: min(760px, calc(100svh - 32px));
  overflow-y: auto;
}

.offer-contact-dialog-v48 h2 {
  max-width: 13ch;
}

.offer-contact-options-v48 {
  display: grid;
  gap: 13px;
  margin-top: 22px;
}

.offer-contact-option-v48 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 94px;
  padding: 15px 17px;
  border: 3px solid #10110f;
  color: #10110f;
  text-decoration: none;
  box-shadow: 7px 7px 0 rgba(16, 17, 15, 0.92);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.offer-contact-option-v48:hover,
.offer-contact-option-v48:focus-visible {
  transform: translate(-2px, -2px);
  box-shadow: 10px 10px 0 rgba(16, 17, 15, 0.92);
  outline: none;
}

.email-offer-v48 {
  background: #f1cf58;
}

.instagram-offer-v48 {
  background: linear-gradient(135deg, #ffd85a 0%, #ff6d9f 42%, #b872ff 72%, #5fcaff 100%);
}

.offer-contact-number-v48 {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 2px solid #10110f;
  border-radius: 50%;
  background: #fff8e9;
  font: 900 0.78rem/1 Arial, sans-serif;
  letter-spacing: 0.05em;
}

.offer-contact-copy-v48 {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.offer-contact-copy-v48 strong {
  font-family: Impact, "Arial Black", sans-serif;
  font-size: clamp(1.45rem, 4vw, 2rem);
  line-height: 0.95;
  text-transform: uppercase;
  letter-spacing: 0.015em;
}

.offer-contact-copy-v48 small {
  font: 800 0.78rem/1.25 "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035em;
}

.offer-contact-arrow-v48 {
  font: 900 2rem/1 Arial, sans-serif;
}

.offer-contact-note-v48 {
  margin: 18px 0 0;
  padding: 11px 13px;
  border: 2px dashed rgba(16, 17, 15, 0.7);
  background: rgba(255, 248, 233, 0.72);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.4;
}

@media (max-width: 560px) {
  .offer-contact-dialog-v48 {
    padding: 20px 14px 16px;
  }

  .offer-contact-option-v48 {
    min-height: 84px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 13px;
    gap: 11px;
  }

  .offer-contact-arrow-v48 {
    display: none;
  }

  .offer-contact-number-v48 {
    width: 42px;
    height: 42px;
  }
}