/* ===== Blok „Objev Limitless Social" — návrh, 6. 10. 2026 (lokálne varianty A/B) =====
   Len filmový pás (kotúč zrušený 6. 10.: jeden štýl). Pás sa hýbe so scrollom a ťahom prsta, nie sám (anti-slop: žiadne nekonečné marquee).
   Kotúč sa točí, kým je blok na obrazovke; pri dotyku/hoveri zrýchli. prefers-reduced-motion: nič sa nehýbe. */
.social{position:relative;margin:46px 0 0;padding:30px 0 34px;color:#fff;isolation:isolate;overflow:hidden;
  background:#061735}
.social::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 80% at 100% 0%,rgba(0,115,230,.45) 0%,transparent 55%)}
.social-hlava{position:relative;z-index:2;padding:0 var(--okraj);display:flex;align-items:flex-end;gap:16px}
.social-text{min-width:0}
.social-pre{display:inline-block;margin:0 0 8px;padding:5px 12px 5px 10px;background:var(--zlata);color:#fff;font-size:12px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.06em;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.social h2{margin:0;font-size:clamp(28px,8.4vw,38px);line-height:.95;color:#fff}
.social h2 span{display:block;color:var(--zlata)}
.social h2{font-size:clamp(34px,10vw,46px)}
.social p{margin:30px var(--okraj) 0;font-size:15px;font-weight:600;line-height:1.5;color:rgba(255,255,255,.86);max-width:34ch}

/* filmový pás */
.film{position:relative;z-index:1;margin:22px -40px 0;padding:12px 0;background:#0a0a0a;transform:rotate(-3deg);
  box-shadow:0 18px 30px rgba(0,0,0,.45);touch-action:pan-y;cursor:grab;user-select:none}
.film.tah{cursor:grabbing}
.film::before,.film::after{content:"";position:absolute;left:0;right:0;height:9px;
  background:repeating-linear-gradient(90deg,#f1ede6 0 12px,transparent 12px 24px);opacity:.92}
.film::before{top:4px}.film::after{bottom:4px}
.film-pas{display:flex;gap:8px;padding:12px 0;width:max-content;will-change:transform}
.film-pas img{display:block;width:118px;height:157px;object-fit:cover;background:#222;border:2px solid #000;flex:0 0 auto;
  filter:saturate(1.05) contrast(1.04)}
.film{margin-top:26px}
.film-pas img{width:132px;height:176px}

/* tlačidlo — rovnaký vzhľad ako „Prohlédnout e-shop" v zozname odkazov */
.social-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;min-height:50px;margin:22px var(--okraj) 0;padding:8px 18px 8px 16px;
  background:var(--zlata);color:#fff;font-size:16px;font-weight:900;font-style:italic;text-transform:uppercase;text-decoration:none;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:transform .1s ease}
.social-cta .ic{flex:0 0 20px;width:20px;height:20px;color:#fff}
.social-cta:hover,.social-cta:focus-visible{background:var(--zlata-hover);outline:0}
.social-cta:active{transform:scale(.98)}