/* RS Page Polish — active only when <body> has .rs-polish (set by polish.js
   when the page's service-map widget carries a region context). */

/* ───────────────────────── VIDEO PLAYER ───────────────────────── */

body.rs-polish .rsv-frame{
    position:relative;
    border-radius:10px;
    overflow:hidden;
    background:#000;
    line-height:0;
}
body.rs-polish .rsv-frame video{
    display:block;width:100%;height:auto;
    border-radius:10px;
}
body.rs-polish .rsv-frame video::-webkit-media-controls{display:none !important}

/* big red play button overlay */
body.rs-polish .rsv-overlay{
    position:absolute;inset:0;z-index:3;
    display:flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,.25);
    cursor:pointer;border:0;padding:0;
    transition:background .2s, opacity .25s;
}
body.rs-polish .rsv-overlay:hover{background:rgba(0,0,0,.4)}
body.rs-polish .rsv-overlay .rsv-playbtn{
    width:84px;height:84px;border-radius:50%;
    background:#ff0202;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 30px rgba(0,0,0,.5);
    transition:transform .18s;
}
body.rs-polish .rsv-overlay:hover .rsv-playbtn{transform:scale(1.08)}
body.rs-polish .rsv-overlay .rsv-playbtn svg{width:30px;height:30px;fill:#fff;margin-left:5px}
body.rs-polish .rsv-frame.playing .rsv-overlay{opacity:0;pointer-events:none}

/* ───────────────────────── READ MORE ───────────────────────── */

body.rs-polish .rsx-clamp{
    max-height:240px;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);
            mask-image:linear-gradient(180deg,#000 62%,transparent 100%);
    transition:max-height .45s ease;
}
body.rs-polish .rsx-open .rsx-clamp{
    max-height:none;
    -webkit-mask-image:none;mask-image:none;
}
body.rs-polish .rsx-toggle{
    display:inline-flex;align-items:center;gap:7px;
    margin-top:14px;
    background:none;border:1px solid #ff0202;border-radius:30px;
    color:#ff0202;
    font:600 12px/1 'Raleway',Helvetica,Arial,sans-serif;
    text-transform:uppercase;letter-spacing:.5px;
    padding:9px 18px;cursor:pointer;
    transition:background .18s,color .18s;
}
body.rs-polish .rsx-toggle:hover{background:#ff0202;color:#fff}
body.rs-polish .rsx-toggle .rsx-chev{
    width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
    border-top:5px solid currentColor;
    transition:transform .25s;
}
body.rs-polish .rsx-open .rsx-toggle .rsx-chev{transform:rotate(180deg)}
