/* v3.84.259 — jedan, cist i stabilan sistem za veliki kaver */

body.de90-audio-poetry-screen .de90-ap-main-card,
body.de90-audio-poetry-screen .de90-ap-reading-grid{
    overflow:visible!important;
}

body.de90-audio-poetry-screen .de90-ap-reading-grid{
    display:flex!important;
    flex-direction:row!important;
    gap:clamp(22px,2.4vw,34px)!important;
    align-items:stretch!important;
    padding:26px 10px 8px!important;
}
body.de90-audio-poetry-screen .de90-ap-poem-text{
    flex:1 1 auto!important;
    min-width:0!important;
}
body.de90-audio-poetry-screen .de90-ap-art-rail{
    flex:0 0 clamp(330px,31vw,440px)!important;
}

/* Desna kolona prati visinu reda/pesme. Sticky je samo unutrasnji kaver. */
body.de90-audio-poetry-screen .de90-ap-art-rail{
    position:relative!important;
    align-self:stretch!important;
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
}

body.de90-audio-poetry-screen .de90-ap-art-rail .de90-ap-art{
    position:sticky!important;
    top:112px!important;
    width:var(--de90-ap-stable-cover-width,100%)!important;
    height:var(--de90-ap-stable-cover-height,auto)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:none!important;
    aspect-ratio:4 / 5!important;
    margin:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background-color:#e7dbc5!important;
    background-image:var(--de90-ap-cover-image)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:0 6px 18px rgba(58,42,25,.07)!important;
    border:1px solid rgba(90,65,42,.08)!important;
    z-index:2!important;
    transform:none!important;
    -webkit-transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
}

/* Img ostaje radi semantike/srcset-a i preload-a, ali ne ucestvuje u paint-u. */
body.de90-audio-poetry-screen .de90-ap-art-rail .de90-ap-art img,
body.de90-audio-poetry-screen .de90-ap-art-rail .de90-ap-art .de90-ap-art__img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:0!important;
    pointer-events:none!important;
    filter:none!important;
}

/* Laptop */
@media(max-width:1180px){
    body.de90-audio-poetry-screen .de90-ap-reading-grid{
        gap:22px!important;
    }
    body.de90-audio-poetry-screen .de90-ap-art-rail{
        flex-basis:clamp(300px,30vw,360px)!important;
    }
    body.de90-audio-poetry-screen .de90-ap-art-rail .de90-ap-art{
        top:100px!important;
    }
}

/* Tablet i telefon: potpuno normalan blok, bez sticky-ja. */
@media(max-width:900px){
    body.de90-audio-poetry-screen .de90-ap-main-card{
        overflow:hidden!important;
    }
    body.de90-audio-poetry-screen .de90-ap-reading-grid{
        display:block!important;
        padding:20px 2px 6px!important;
    }
    body.de90-audio-poetry-screen .de90-ap-poem-text{
        width:100%!important;
    }
    body.de90-audio-poetry-screen .de90-ap-art-rail{
        width:100%!important;
        flex:none!important;
        align-self:auto!important;
        overflow:hidden!important;
        margin-top:20px!important;
    }
    body.de90-audio-poetry-screen .de90-ap-art-rail .de90-ap-art{
        position:relative!important;
        top:auto!important;
        width:100%!important;
        height:auto!important;
        aspect-ratio:16 / 10!important;
        border-radius:16px!important;
        transform:none!important;
        -webkit-transform:none!important;
    }
}

@media(max-width:620px){
    body.de90-audio-poetry-screen .de90-ap-reading-grid{
        width:100%!important;
        padding:16px 0 4px!important;
    }
    body.de90-audio-poetry-screen .de90-ap-art-rail{
        margin-top:16px!important;
    }
    body.de90-audio-poetry-screen .de90-ap-art-rail .de90-ap-art{
        aspect-ratio:4 / 3!important;
        border-radius:14px!important;
        max-height:360px!important;
    }
}