/* Mobile-first improvements for listing detail page */
@media (max-width: 700px) {
body {
    padding: 0.01rem;
  }
  .container {
    padding: 0.1rem;
  }
  .product-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .image-gallery,
  .seller-info {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .seller-info {
    order: 2;
    margin-top: 1.5rem;
  }
  .media-gallery {
    width: 100%;
    max-width: 100vw;
  }
  .main-preview img,
  .main-preview video {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
  }
  .thumbnails {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    margin-top: 0.5rem;
  }
  .thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
  }
  .seller-info .card {
    width: 100%;
    box-sizing: border-box;
  }
  .title-area, .product-details, .features-area {
    padding: 0.5rem 0;
  }
.media-gallery, .main-preview {
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    padding: 0;
  }
  .main-preview img,
  .main-preview video {
    width: 100%;
    height: auto;
    max-width: 100vw;
    border-radius: 12px;
    object-fit: cover;
    display: block;
  }
  .thumbnails {
    margin-top: 0.5rem;
    gap: 0.5rem;
    overflow-x: auto;
  }

  .image-gallery {
    padding: 0;
    margin: 0;
  }
}