@media (max-width: 760px) {
  :root {
      --vs-header-h: 100px;
      --vs-page-pad: 12px;
    }
  
  html,
    body {
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
    }
  
  body,
    .vs-site-header,
    .vs-main,
    .vs-hero,
    .vs-section,
    .vs-footer {
      min-width: 0;
    }
  
  img,
    video,
    canvas,
    iframe {
      max-width: 100%;
    }
  
  .vs-site-header,
    .vs-offer-strip,
    .vs-header-inner,
    .vs-container,
    .vs-bio-wrap,
    .vs-quiz,
    .vs-bio-photo,
    .vs-bio-buttons,
    .vs-bio-product-card,
    .vs-bio-trust,
    .vs-audio-player,
    .vs-pwa-modal-card {
      max-width: 100%;
      min-width: 0;
    }
  
  .vs-home-product-grid,
    .vs-home-product-card,
    .vs-home-product-media,
    .vs-home-product-body,
    .vs-shop-page,
    .vs-shop-hero,
    .vs-shop-section,
    .vs-shop-grid,
    .vs-shop-card,
    .vs-shop-card-media,
    .vs-shop-card-body,
    .vs-shop-card-buy,
    .vs-product-page,
    .vs-product-sales-hero,
    .vs-product-sales-copy,
    .vs-product-sales-card,
    .vs-product-section,
    .vs-product-value-box,
    .vs-product-delivery-card,
    .vs-product-fit,
    .vs-product-close,
    .vs-product-action-strip {
      min-width: 0;
      max-width: 100%;
    }
  
  .vs-offer {
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
      padding: 20px 14px;
    }
  
  .vs-offer > * {
      min-width: 0;
      max-width: 100%;
    }
  
  .vs-price {
      font-size: 42px;
    }
  
  .vs-home-product-media,
    .vs-shop-card-media,
    .vs-shop-card-media img,
    .vs-product-sales-card > img,
    .vs-product-related-card img {
      width: 100%;
      max-width: 100%;
    }
}