/* ═══ TitanMC GLOBAL v1 — oddech sekcji + pauza animacji ═══ */
/* Cross-document navigation is owned exclusively by titan-hotfix pageflow v4. */

/* Pauza animacji CSS poza viewportem (klasa nadawana przez titan-global-v1.js) */
.tmc-anim-off,.tmc-anim-off *,.tmc-anim-off *::before,.tmc-anim-off *::after{animation-play-state:paused!important}

/* Oddech sekcji przy scrollu — wejście/wyjście (klasa section-inview z JS) */
main section:not(.hero)>.container{transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}
main section:not(.hero):not(.section-inview)>.container{opacity:.7;transform:translateY(20px)}
@media(max-width:768px){main section:not(.hero):not(.section-inview)>.container{opacity:.7;transform:translateY(12px)}}

/* Spójny focus w całym serwisie */
:is(a,button,[role="button"],input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgba(245,208,97,.85);outline-offset:3px;border-radius:6px}

/* Kontrast tekstu na złotych przyciskach (globalny fix .buy-btn i pochodnych) */
.buy-btn,.buy-btn i{color:#100c02!important;text-shadow:none!important}

/* Mobile-menu geometry and interaction are owned by /components/nav.html.
   Keeping a second breakpoint here previously hid both nav and hamburger. */