/* STEP 37 — final placement: panoramic image in the top hero, original full artwork in the Buy card */

/* Force the supplied panoramic artwork to be the visible top banner. */
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero {
    position: relative !important;
    min-height: 100vh !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background-color: #171411 !important;
    background-image: url('../images/art/violin-rose-hero-final.png') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: url('../images/art/violin-rose-hero-final.png') center center / cover no-repeat !important;
    transform: scale(1.01);
}
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
      linear-gradient(90deg, rgba(45,30,22,.34) 0%, rgba(45,30,22,.10) 48%, rgba(45,30,22,.08) 100%),
      linear-gradient(0deg, rgba(26,17,13,.42) 0%, rgba(26,17,13,.03) 55%, rgba(26,17,13,.10) 100%) !important;
}
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero .gimmons-hero-art-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    background: transparent !important;
}
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero .gimmons-hero-art-bg img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: none !important;
    transform: scale(1.01) !important;
}
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero .gimmons-hero-art-bg::after {
    background: transparent !important;
}
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero #hero-media {
    display: none !important;
}
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero #hero-wrapper,
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero #hero-caption,
body.music-art-the-violin-rose-page #hero.the-violin-rose-hero #hero-footer {
    position: relative !important;
    z-index: 4 !important;
}

/* Keep the actual original portrait artwork complete in the purchase card. */
body.music-art-the-violin-rose-page .music-art-framed-card .music-art-protected-image {
    background: #f3eee8 !important;
    padding: clamp(18px, 2.4vw, 42px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.music-art-the-violin-rose-page .music-art-framed-card .music-art-protected-image img[src$="violin-rose.jpg"] {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(78vh, 980px) !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
    filter: none !important;
}

@media (max-width: 767px) {
    body.music-art-the-violin-rose-page #hero.the-violin-rose-hero,
    body.music-art-the-violin-rose-page #hero.the-violin-rose-hero::before {
        background-position: 62% center !important;
    }
    body.music-art-the-violin-rose-page .music-art-framed-card .music-art-protected-image {
        padding: 14px !important;
    }
}