/* Responsive presentation only. Existing offer elements and handlers are unchanged. */
@media (max-width: 767px), (max-height: 700px) {
  .price-offer {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    padding: 16px !important;
    padding-top: max(16px, env(safe-area-inset-top)) !important;
    padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
  }
  .price-offer > div:first-child {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 700px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 28px 20px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere;
  }
  .price-offer > div:first-child > * { max-width: 100%; }
  .price-offer > div:first-child > p { text-align: center; }
  .price-offer .--switch { flex-shrink: 0; }
}