/* This file is loaded last so the phone review layout cannot inherit the desktop grid. */
@media (max-width: 991px) {
    /* Match the desktop volume-arrow button and keep its touch target above hero controls. */
    #landing .hero-volume-toggle {
        display: inline-grid !important;
        width: 1.8rem !important;
        height: 1.8rem !important;
        flex: 0 0 1.8rem !important;
        padding: 0 !important;
        place-items: center !important;
        border: 1px solid rgba(255, 255, 255, 0.8) !important;
        border-radius: 50% !important;
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.45) !important;
        box-shadow: none !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation;
    }

    #landing .hero-volume-toggle:active { background: rgba(0, 0, 0, 0.7) !important; }
    #landing #heroVolumeVisibility:checked ~ .hero-volume-label { display: none !important; }
    #landing .hero-volume-show-icon { display: none; }
    #landing #heroVolumeVisibility:checked ~ .hero-volume-toggle .hero-volume-hide-icon { display: none; }
    #landing #heroVolumeVisibility:checked ~ .hero-volume-toggle .hero-volume-show-icon { display: block; }

    #reviews .reviews-public-list {
        display: block !important;
        height: min(34rem, 65vh) !important;
        min-height: 20rem !important;
        max-height: min(34rem, 65vh) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 1rem !important;
        scrollbar-width: thin;
    }

    #reviews .reviews-public-card {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        min-height: 15rem !important;
        height: auto !important;
        margin: 0 0 1rem !important;
        padding: 1.2rem !important;
        transform: none !important;
        isolation: isolate;
    }

    #reviews .reviews-public-card:last-child { margin-bottom: 0 !important; }
    #reviews .reviews-public-card > p { display: block !important; flex: none !important; }

    /* Keep the expanded thread contained in its own review card. */
    #reviews .reviews-public-card .review-comments {
        min-width: 0;
        overflow: hidden;
    }

    /* Show the first comment initially; scroll this area for the rest. */
    #reviews .reviews-public-card .review-comment-list {
        display: grid;
        height: auto;
        max-height: none;
        overflow-x: hidden;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        padding-right: .25rem;
        scrollbar-width: thin;
    }
}

#reviews .reviews-public-list[hidden] {
    display: none !important;
}