/* AQL EMERGENCY MOBILE BOOK FIT - forces book covers/cards inside phone */
@media screen and (max-width: 900px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    min-width: 0 !important;
  }

  body * {
    box-sizing: border-box !important;
  }

  main,
  .container,
  .page,
  .page-shell,
  .content,
  .wrapper,
  .product-page,
  .product-detail,
  .book-detail,
  .product-layout,
  .book-layout,
  .product-grid,
  .book-grid,
  .gallery,
  .gallery-grid,
  .gallery-row,
  .cover-gallery,
  .image-gallery,
  .product-gallery,
  .book-gallery,
  .product-images,
  .book-images,
  .covers,
  .cover-grid,
  .images-grid,
  .detail-grid,
  .media-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  .gallery,
  .gallery-grid,
  .cover-gallery,
  .image-gallery,
  .product-gallery,
  .book-gallery,
  .product-images,
  .book-images,
  .covers,
  .cover-grid,
  .images-grid,
  .detail-grid,
  .media-grid,
  .product-grid,
  .book-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  article,
  figure,
  .card,
  .product-card,
  .book-card,
  .cover-card,
  .gallery-card,
  .image-card,
  .media-card,
  .product-image-card,
  .book-image-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 1 100% !important;
    grid-column: 1 / -1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  img,
  picture,
  figure img,
  article img,
  main img,
  .card img,
  .product-card img,
  .book-card img,
  .cover-card img,
  .gallery-card img,
  .image-card img,
  .media-card img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    object-fit: contain !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  table,
  iframe,
  video {
    max-width: 100% !important;
  }
}