.bespscompat{position:relative;width:var(--besps-w);box-sizing:content-box;margin:0;padding:0}
.bespscompat--align-0{margin:0 10px 0 auto;display:block}
.bespscompat--align-1{margin:auto;display:block}
.bespscompat--align-2{margin:0;display:block}
.bespscompat--align-3{float:left;margin:10px}
.bespscompat--align-4{float:right;margin:10px}
.bespscompat__viewport{position:relative;width:var(--besps-w);height:var(--besps-h);overflow:hidden;background:var(--besps-bg);margin:0;padding:0}
.bespscompat__slide{position:absolute;inset:0;margin:0;padding:0;opacity:0;visibility:hidden;transition:opacity var(--besps-fade) ease}
.bespscompat__slide.is-active{opacity:1;visibility:visible;z-index:2}.bespscompat__slide img{position:absolute;display:block;border:0;margin:0;padding:0;max-width:none}.bespscompat__slide a{display:block;margin:0;padding:0}
.bespscompat__caption{box-sizing:border-box;margin:0;padding:0;line-height:0;font-size:0;color:#000}.bespscompat__caption--inside{position:absolute;bottom:0;z-index:4;background:rgba(255,255,255,.60);border:0}.bespscompat__caption--outside{width:100%;border:0}.bespscompat__caption span{display:block;margin:3px;line-height:12px;font-size:12px;font-weight:bold;color:#000}.bespscompat__caption span+span{font-weight:normal;margin-bottom:5px;line-height:10px;font-size:10px}
.bespscompat__controls{display:flex;gap:.35rem;justify-content:flex-end;padding-top:.25rem}.bespscompat__controls button{min-width:2.2rem;min-height:2.2rem}
@media (max-width:640px){.bespscompat{width:min(100%,var(--besps-w));max-width:100%}.bespscompat__viewport{width:100%;height:auto;aspect-ratio:var(--besps-ratio)}.bespscompat--align-3,.bespscompat--align-4{float:none;max-width:calc(100% - 20px);margin:10px auto}.bespscompat__slide img{max-width:100%;height:auto}}
/* 1.0.9: keep the exact BESPS-computed image dimensions; Joomla templates often set img width/height globally. */
.bespscompat__slide img{object-fit:fill;min-width:0;min-height:0}