/* Safari Offers hub: phone-specific hero composition. */
@media (max-width:700px) {
  .offers-index .offer-hero {
    min-height: 0;
    padding: 58px 0 0;
    background: #f4f0e7 !important;
  }

  .offers-index .offer-hero::after {
    content: '';
    display: block;
    width: calc(100% - 28px);
    height: min(68vw, 340px);
    margin: 36px auto 0;
    border: 1px solid var(--line);
    background: url('/img/maasai-culture-safari-offers.webp') center 42% / cover no-repeat;
    box-shadow: 7px 7px 0 rgba(167, 125, 64, .22);
  }

  .offers-index .offer-hero .offer-wrap {
    padding-bottom: 0;
  }

  .offers-index .offer-hero .offer-title,
  .offers-index .offer-hero .offer-lede {
    max-width: none;
  }

  .offers-index .offer-hero .offer-title {
    font-size: clamp(2.55rem, 11vw, 3.3rem);
    line-height: 1.04;
  }

  .offers-index .offer-hero .offer-lede {
    margin-top: 21px;
    font-size: 1rem;
    line-height: 1.55;
  }

  .offers-index .offer-hero .offer-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 25px;
  }

  .offers-index .offer-hero .offer-button {
    min-height: 52px;
    padding: 8px;
    font-size: .54rem;
    line-height: 1.32;
    letter-spacing: .075em;
    text-align: center;
  }
}

@media (max-width:370px) {
  .offers-index .offer-hero .offer-actions {
    grid-template-columns: 1fr;
  }
}