/* Shiny Shoes — úvodný slideshow (IBA počítač, šírka 1025 px a viac; mobil ostáva bez zmeny):
   tmavomodrý nadpis s červenou pomlčkou, posunutý doľava, krátky popis, tlačidlo OBJEDNAŤ, cenovka „od“ nad cenou, jemnejšie susedné slajdy. */
.ss-cta,.ss-sub{display:none}
@media (min-width:1025px){
  .fy-caption,.fy-caption__header{pointer-events:none}
  .fy-slide--color-light .fy-caption h2{color:#051026!important;text-shadow:0 2px 0 rgba(255,255,255,.9),0 0 22px rgba(238,236,236,.95)!important;letter-spacing:-1px}
  .fy-slide--color-light .fy-caption h2::first-letter{color:#e71c4c}
  .fy-slide .fy-caption__header:not(.screen-reader-text){transform:translateX(-170px)}
  .ss-sub{display:block;margin-top:14px;font:600 16px/1.4 'Open Sans',sans-serif;color:#3a4256;font-style:normal;text-transform:none;max-width:430px;
    background:rgba(238,236,236,.88);padding:8px 12px;border-radius:8px;backdrop-filter:blur(3px);text-shadow:none}
  .ss-cta{display:inline-flex;gap:10px;align-items:center;margin-top:20px;background:#e71c4c;color:#fff!important;font:800 15px 'Open Sans',sans-serif;font-style:italic;
    text-transform:uppercase;letter-spacing:.5px;padding:14px 28px;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);box-shadow:0 10px 24px rgba(231,28,76,.3);
    pointer-events:auto;text-decoration:none;text-shadow:none}
  .ss-cta:hover{background:#c5113c}
  .fy-slide__product{display:flex!important;flex-direction:column-reverse}
  .fy-slide__product-name{font-size:16px!important;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#e71c4c!important;text-align:right;padding-right:52px;margin-bottom:4px;height:auto!important}
  .fy-slide__product-shoe{transform:translate(18px,-46px) scale(.9)}
  .fy-slide.swiper-slide-next,.fy-slide.swiper-slide-prev{opacity:.18!important;transition:opacity .4s}
  /* obsah slajdov nižšie, ďalej od loga (~5 cm na bežnom monitore) */
  .fy-slide .fy-caption__centerer,.fy-slide .fy-slide__background{translate:0 clamp(80px,16vh,190px)}
  /* tmavý vzhľad: nadpis biely */
  html[data-theme=dark] .fy-slide--color-light .fy-caption h2{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.5)!important}
  html[data-theme=dark] .ss-sub{background:rgba(19,28,49,.85);color:#dfe5f2}
}
/* svetlý aj tmavý režim (všetky slajdy, počítač aj mobil): produkt je NAD textúrou úlomkov, nie za ňou */
.fy-slide__background-particles--01,.fy-slide__background-particles--small{z-index:10!important}
/* výraznejší efekt tmavých úlomkov okolo produktu (väčšie a sýtejšie) */
.fy-slide__background-particles--01,.fy-slide__background-particles--02{scale:1.35;filter:contrast(1.15) saturate(1.2)}
.fy-slide__background-particles--small{scale:1.5}
/* nadpis, popis a tlačidlo vždy nad úlomkami */
.fy-slide .fy-caption__centerer{z-index:50!important}.fy-slide .fy-caption{position:relative;z-index:50}
/* slajd s kabelkou (fy-slide--color-dark) mal biely nadpis na svetlom pozadí → rovnaký vzhľad ako ostatné slajdy */
@media (min-width:1025px){
  html:not([data-theme=dark]) .fy-slide--color-dark .fy-caption h2{color:#051026!important;text-shadow:0 2px 0 rgba(255,255,255,.9),0 0 22px rgba(238,236,236,.95)!important;letter-spacing:-1px}
  .fy-slide--color-dark .fy-caption h2::first-letter{color:#e71c4c}
  html[data-theme=dark] .fy-slide--color-dark .fy-caption h2{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.5)!important}
}
/* úvod hlavnej stránky: fotka predajne Shiny Shoes úplne jemne v pozadí (svetlý aj tmavý režim, počítač aj mobil) */
.fy-section--slides::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url(pozadie-predajna.webp) center/cover no-repeat;opacity:.09;filter:grayscale(.3)}
html[data-theme=dark] .fy-section--slides::before{opacity:.07;filter:grayscale(.3) brightness(.8)}
.fy-section--slides>.js-slideshow{z-index:1}
/* náhľady slajdov dole (Vyzdvihnutie, Tenisky, Kabelky, Šiltovky): v tmavom režime čitateľnejšie */
html[data-theme=dark] .fy-thumb img{opacity:.6!important}
html[data-theme=dark] .fy-thumb.swiper-slide-thumb-active img{opacity:1!important}
html[data-theme=dark] .fy-thumb{color:#eef1f8!important}