body.in-index #carousel { --tm-carousel-radius: 20px; }
body.in-index #carousel > .carousel-inner { clip-path: inset(0 round var(--tm-carousel-radius)); isolation: isolate; border-radius: var(--tm-carousel-radius) !important; overflow: hidden !important; }
body.in-index #carousel > .carousel-inner > .item { border-radius: 0px !important; overflow: hidden !important; }
#carousel a[href="/dekorativne-riesenia/"] { position: relative !important; display: block !important; color: rgb(255, 255, 255) !important; text-align: left !important; }
#carousel a[href="/dekorativne-riesenia/"] > img { aspect-ratio: 12 / 5; object-fit: cover; width: 100% !important; }
#carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts { gap: 12px; position: absolute !important; inset: 0px 53% 0px 5.5% !important; width: auto !important; height: auto !important; padding: 14px 0px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; color: rgb(255, 255, 255) !important; text-align: left !important; background: none !important; transform: none !important; font-family: Nunito, Arial, sans-serif !important; }
#carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts::before { content: ""; display: block; flex: 0 0 auto; width: clamp(68px, 9vw, 130px); aspect-ratio: 256 / 80; margin-bottom: 2px; background: url("https://cdn.myshoptet.com/usr/754729.myshoptet.com/user/documents/upload/files/tm-jeger-logo-white-v1.svg") left center / contain no-repeat; filter: brightness(0) invert(1); }
#carousel a[href="/dekorativne-riesenia/"] .extended-banner-title, #carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts > strong { text-wrap: balance; display: block !important; margin: 0px !important; padding: 0px !important; color: rgb(255, 255, 255) !important; width: 100% !important; max-width: none !important; font-size: clamp(21px, 3.2vw, 52px) !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-transform: none !important; text-shadow: none !important; }
#carousel a[href="/dekorativne-riesenia/"] .extended-banner-text { display: block !important; margin: 0px !important; padding: 0px !important; color: rgb(240, 238, 233) !important; font-size: clamp(12px, 1.3vw, 18px) !important; line-height: 1.4 !important; font-weight: 400 !important; }
#carousel a[href="/dekorativne-riesenia/"] .extended-banner-link { min-height: 40px; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 4px 0px 0px !important; padding: 10px 20px !important; border: 0px !important; border-radius: 4px !important; background: rgb(248, 245, 238) !important; color: rgb(35, 36, 33) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 800 !important; text-transform: none !important; box-shadow: none !important; }
#carousel a[href="/dekorativne-riesenia/"]:hover .extended-banner-link { background: rgb(255, 255, 255) !important; }
#carousel a[href="/dekorativne-riesenia/"]:focus-visible { outline: rgb(239, 212, 105) solid 3px; outline-offset: -4px; }
@media (max-width: 767px) {
  #carousel a[href="/dekorativne-riesenia/"] > img { object-position: 40% center !important; }
  #carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts { gap: 7px; padding: 10px 0px !important; right: 51% !important; }
  #carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts::before { width: 70px; margin: 0px; }
  #carousel a[href="/dekorativne-riesenia/"] .extended-banner-title, #carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts > strong { font-size: clamp(20px, 3.5vw, 29px) !important; }
  #carousel a[href="/dekorativne-riesenia/"] .extended-banner-link { min-height: 26px; padding: 6px 10px !important; font-size: 11px !important; margin: 0px !important; }
}
@media (max-width: 640px) {
  #carousel a[href="/dekorativne-riesenia/"] .extended-banner-text { display: none !important; }
}
#carousel a[href="/dekorativne-riesenia/"] .extended-banner-link::after { content: "→"; margin-left: 10px; }
/* 2026-11-04: fit JEGER copy on narrow phones; responsive FLEX art. */
@media(max-width:359px){
html body.in-index #carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts{right:48%!important;padding:6px 0!important;gap:4px!important}
html body.in-index #carousel a[href="/dekorativne-riesenia/"] .extended-banner-texts::before{width:52px!important;margin:0!important}
html body.in-index #carousel a[href="/dekorativne-riesenia/"] .extended-banner-title{font-size:17px!important;line-height:1.08!important}
html body.in-index #carousel a[href="/dekorativne-riesenia/"] .extended-banner-link{font-size:9px!important;min-height:20px!important;padding:4px 7px!important;white-space:nowrap!important}
html body.in-index #carousel a[href="/dekorativne-riesenia/"] .extended-banner-link::after{margin-left:6px!important}
}
@media(max-width:767px){
html body.in-index #carousel .item>a[href="/best-of-flex-2-2026/#flexpack"]>img{content:url("https://cdn.myshoptet.com/usr/754729.myshoptet.com/user/banners/tm-banner-20261102-flex-mobil-1080x450.jpg");object-fit:cover!important;object-position:center center!important}
}