/* =========================================================
   AQUALINKED BMVP PRODUCT MOBILE SAFE FIT V2
   Strong viewport-safe image containment
   ========================================================= */

@media (max-width: 768px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    main,
    .section,
    .store-container,
    .card,
    .product-detail-card,
    .product-detail-grid,
    .book-amazon-grid,
    .product-image-box,
    .book-image-box,
    .product-main-image-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }


    /* PRODUCT PAGE LAYOUT */

    .product-detail-grid,
    .book-amazon-grid {
        display: block !important;
        grid-template-columns: 1fr !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* MAIN IMAGE CONTAINER */

    .product-image-box,
    .book-image-box,
    .product-main-image-wrap {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 12px 8px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;

        position: relative !important;

        left: auto !important;
        right: auto !important;

        transform: none !important;
    }


    /* IMAGE LINK WRAPPER */

    .product-image-link {
        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;
        padding: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       MAIN PRODUCT / BOOK IMAGE
       ===================================================== */

    .product-image-link img,
    .product-image-box > img,
    .book-image-box img,
    .product-main-image-wrap img,
    img.product-main-image {

        display: block !important;

        width: auto !important;

        max-width: calc(100vw - 72px) !important;

        height: auto !important;

        max-height: 68vh !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;

        object-fit: contain !important;
        object-position: center center !important;

        position: relative !important;

        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

        inset: auto !important;

        transform: none !important;
        translate: none !important;

        scale: 1 !important;

        float: none !important;

        box-sizing: border-box !important;
    }


    /* DISABLE DESKTOP HOVER ZOOM COMPLETELY ON PHONE */

    .product-image-box:hover img,
    .book-image-box:hover img,
    .product-main-image-wrap:hover img,
    .product-main-image:hover,
    .product-image-link:hover img,
    .product-image-link:active img,
    .product-image-link:focus img {

        transform: none !important;
        translate: none !important;
        scale: 1 !important;
    }


    /* =====================================================
       THUMBNAILS
       ===================================================== */

    .product-thumbnail-row {
        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 10px 2px !important;
        margin: 10px 0 0 !important;

        box-sizing: border-box !important;

        -webkit-overflow-scrolling: touch;
    }


    .product-thumb-btn {
        flex: 0 0 70px !important;

        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;

        height: 78px !important;

        padding: 4px !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    .product-thumb-btn img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 68px !important;

        margin: 0 auto !important;

        object-fit: contain !important;

        position: static !important;

        transform: none !important;
        translate: none !important;
        scale: 1 !important;
    }


    /* REMOVE DESKTOP MOUSE INSTRUCTION */

    .image-help-text {
        display: none !important;
    }

}


/* EXTRA SAFETY FOR VERY SMALL PHONES */

@media (max-width: 430px) {

    .product-image-link img,
    .product-image-box > img,
    .book-image-box img,
    .product-main-image-wrap img,
    img.product-main-image {

        max-width: calc(100vw - 86px) !important;
        max-height: 62vh !important;
    }

}