/* 27.10.2026 — dodane: latający napis, reportaż, dwie pozycje przedsprzedaży. Układ strony bez zmian. */

/* czerwony pas w hero: zaproszenie do reportażu */
.hero__tag--rep{display:block;color:#fff;text-decoration:none;cursor:pointer}
.hero__tag-go{display:flex;width:max-content;align-items:center;gap:10px;margin-top:12px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.hero__tag-arr{display:inline-block;font-size:16px;letter-spacing:0;animation:tagArr 1.6s ease-in-out infinite}
.hero__tag--rep:hover .hero__tag-go{text-decoration:underline;text-underline-offset:5px}
@keyframes tagArr{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.hero__tag-arr{animation:none}}
.hero__tag--rep strong{display:block}

/* reportaż */
.rep{background:#000;color:#fff}
.rep .d-l{color:#fff;margin:16px 0 clamp(26px,3.4vw,48px);max-width:900px}
.rep__player{position:relative;aspect-ratio:16/9;background:#000}
.rep__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rep__poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer;color:#fff;overflow:hidden}
.rep__poster img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .5s}
.rep__poster:hover img{opacity:.95}
.rep__play{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#b9000a}
.rep__play svg{transform:translateX(3px)}
.rep__poster:focus-visible{outline:2px solid #fff;outline-offset:4px}
.rep__cta{margin-top:clamp(22px,2.6vw,36px)}
@media (max-width:900px){.rep__play{width:72px;height:72px;margin:-36px 0 0 -36px}}

/* dwie pozycje przedsprzedaży w siatce na trzy */
@media (min-width:901px){#tickets,#ticketsMini{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* telefon: napis Global Slow Medicine Conference i przycisk na górze do lewej */
@media (max-width:760px){
 .hero .hero__body .wrap{text-align:left!important}
 .hero .hero__mark{margin-left:0!important;margin-right:auto!important}
 .hero .hero__actions{justify-content:flex-start!important}
 .hero .hero__actions .btn{margin-left:0!important;margin-right:0!important}
}
@media (max-width:760px){.hero__bar .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}