/* Truelights cards v6: stable slider sizing and crops matched to the approved reference. */
.next-to-carousel-banners>.slider-track{flex:0 0 100%;width:100%;min-width:0}
.next-to-carousel-banners .banner-wrapper:has(img[src*="-20261019"]){min-width:0}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]){
  position:relative;display:block;isolation:isolate;overflow:hidden;
  width:100%;height:auto!important;aspect-ratio:2/3;border-radius:14px;
  background:#210b3d;color:#fff;text-decoration:none;
  -webkit-clip-path:inset(0 round 14px);clip-path:inset(0 round 14px);
  transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"])>img{
  display:block;position:absolute;inset:0;z-index:0;width:100%!important;height:86%!important;
  max-height:none;object-fit:cover;object-position:center top;border-radius:0;filter:none!important;transform:none!important;transition:none!important;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"])::before{
  content:"";position:absolute;inset:-2px;z-index:1;pointer-events:none;
  width:auto!important;height:auto!important;
  transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;
  background:linear-gradient(180deg,transparent 55%,rgba(66,13,131,.08) 63%,rgba(94,24,182,.60) 72%,#430b8b 80%,#210b3d 100%);
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-texts{
  position:absolute;z-index:2;inset:auto 0 0;display:flex;flex-direction:column;
  align-items:flex-start;gap:8px;width:100%;height:auto;padding:24px;
  background:none;text-align:left;box-sizing:border-box;
  opacity:1!important;visibility:visible!important;transition:none!important;
  transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-title{
  display:block;margin:0!important;padding:0;color:#fff;font-size:clamp(20px,1.55vw,27px);
  font-weight:750;line-height:1.2;text-transform:none;letter-spacing:-.02em;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-text{
  display:block;margin:0!important;padding:0;color:#eee7f7;font-size:15px;
  line-height:1.35;min-height:2.7em;white-space:pre-line;letter-spacing:0;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-link{
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;
  margin:0!important;padding:9px 16px;min-height:42px;width:auto;
  color:#161119!important;background:#fff;border:0;border-radius:7px;
  font-size:13px;font-weight:700;line-height:20px;white-space:nowrap;text-decoration:none;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]):focus-visible{
  outline:3px solid #c4a0ff;outline-offset:-3px;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]):hover .extended-banner-link{
  background:#f0e8ff;
}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="tl-gymnation-20261019"])>img{object-position:left top}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="tl-garaz-20261019"])>img{height:80%!important;object-position:center bottom;filter:none!important}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="tl-navrh-20261019"])>img{object-position:52% top}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="tl-modularita-20261019"])>img{object-position:45% top}
.next-to-carousel-banners .banner-wrapper a:has(>img[src*="tl-podpora-20261019"])>img{height:100%!important;object-position:center top}
@media(max-width:767px){
  .next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-texts{padding:20px;gap:9px}
  .next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-title{font-size:20px}
  .next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-text{font-size:14px}
  .next-to-carousel-banners .banner-wrapper a:has(>img[src*="-20261019"]) .extended-banner-link{min-height:44px}
}

.next-to-carousel-banners .banner-wrapper a:has(>img[src*="tl-prislusenstvi-20261019"])>img{height:100%!important;object-position:center top}