/* Leo Slideshow: biały box z tekstem i CTA "Check it out" dla warstwy tekstowej z linkiem (bez klasy) */
/* Skala liczona automatycznie, działa dla każdej grupy (desktop i mobile) */
@property --leo-rw{syntax:'<length>';inherits:true;initial-value:0px}
@property --leo-iw{syntax:'<length>';inherits:true;initial-value:0px}
.LeoSlideshow{container-type:inline-size}
.LeoSlideshow .iviewSlider{container-type:inline-size;--leo-rw:100cqw}
/* Box: prawy dół slidera */
.LeoSlideshow .tp-caption[onclick]:not(:has(img,iframe,video)){--leo-iw:100cqw;--leo-px:calc(1px / tan(atan2(var(--leo-rw), var(--leo-iw))));top:auto!important;left:auto!important;right:0!important;bottom:5%!important;z-index:30;box-sizing:border-box;width:auto!important;height:auto!important;max-width:15em;padding:1.1em 1.25em;background:#fff;color:#000;font-family:Poppins,sans-serif;font-size:calc(clamp(18px, 1.6667vw, 32px) / tan(atan2(var(--leo-rw), var(--leo-iw))));font-weight:500;line-height:1.2;text-transform:uppercase;white-space:normal;text-wrap:balance;cursor:pointer}
/* Ukrywa box, zanim iView pokaże jego slajd */
.LeoSlideshow .tp-caption[onclick]:not(:has(img,iframe,video)):not([style*="opacity"]){visibility:hidden}
.LeoSlideshow .tp-caption[onclick]:not(:has(img,iframe,video)) .caption-contain{width:auto!important;height:auto!important}
/* CTA */
.LeoSlideshow .tp-caption[onclick]:not(:has(img,iframe,video)) .caption-contain::after{content:"Check it out";display:block;width:fit-content;margin-top:calc(20 * var(--leo-px));padding:calc(16 * var(--leo-px)) calc(30 * var(--leo-px));background:linear-gradient(#333,#333) no-repeat right / 0 100%,#000;color:#fff;font-size:calc(14 * var(--leo-px));font-weight:600;line-height:calc(14 * var(--leo-px));text-transform:uppercase;transition:background-size .3s cubic-bezier(.785,.135,.15,.86)}
.LeoSlideshow .tp-caption[onclick]:not(:has(img,iframe,video)):hover .caption-contain::after{background-position:left;background-size:100% 100%}
/* Mobile */
@media (max-width:767px){
.LeoSlideshow .tp-caption[onclick]:not(:has(img,iframe,video)){max-width:90%;padding:calc(14 * var(--leo-px)) calc(16 * var(--leo-px));font-size:calc(15 * var(--leo-px))}
.LeoSlideshow .tp-caption[onclick]:not(:has(img,iframe,video)) .caption-contain::after{margin-top:calc(12 * var(--leo-px))}
}