/* ===================================================== Alysum — spoločný vzhľad podstránok (zhodný s hlavným webom) Pripája sa do za hlavný build CSS. - ružové bloby + jemná mriežka na pozadí - tesné prestrkanie nadpisov (Syne tracking-tighter) ===================================================== */ /* Pozn.: pozadie (mriežka + bloby + noise) majú podstránky vlastné v markupe, preto ho tu NEDUPLIKUJEME (inak vznikne dvojitá mriežka cez seba). */ /* Poistka proti vodorovnému pretečeniu na mobile (žiadny bočný posun obsahu). clip (nie hidden) — nevytvára scroll kontajner, takže sticky navbar funguje. */ html { overflow-x: clip; max-width: 100%; } img, svg, video { max-width: 100%; } /* ===== Spoločná navigácia (rovnaká ako úvodná) ===== */ .asnav { position: sticky; top: 0; z-index: 50; backdrop-filter: saturate(140%) blur(10px); background: hsl(var(--background) / .72); border-bottom: 1px solid hsl(var(--foreground) / .08); } .asnav-in { max-width: 1400px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .asnav-logo { display: inline-flex; align-items: center; text-decoration: none; } .asnav-logo img { height: 42px; width: auto; display: block; } .asnav-logo-txt { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 800; font-size: 22px; letter-spacing: -.02em; color: hsl(var(--foreground)); } @media (min-width: 768px) { .asnav-logo img { height: 50px; } } .asnav-links { display: flex; align-items: center; gap: 28px; } .asnav-links a { font-family: Manrope, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: hsl(var(--muted-foreground)); text-decoration: none; transition: color .2s; white-space: nowrap; } .asnav-links a:hover { color: hsl(var(--foreground)); } .asnav-cta { padding: 10px 18px; border: 2px solid hsl(var(--primary)); background: hsl(var(--primary)); color: hsl(var(--primary-foreground)) !important; transition: .2s; } .asnav-cta:hover { background: transparent; color: hsl(var(--foreground)) !important; } .asnav-cta-out { background: transparent; border-color: hsl(var(--foreground)); color: hsl(var(--foreground)) !important; } .asnav-cta-out:hover { background: hsl(var(--foreground)); color: hsl(var(--background)) !important; } .asnav-burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 6px; } .asnav-burger span { width: 26px; height: 2px; background: hsl(var(--foreground)); display: block; transition: transform .3s ease, opacity .3s ease; } @media (max-width: 900px) { .asnav-links { position: fixed; inset: 0; width: 100%; height: 100vh; height: 100dvh; flex-direction: column; justify-content: center; align-items: center; gap: 30px; padding: 40px; margin: 0; background: #f4f5f7; z-index: 60; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease, visibility .3s ease; } .asnav-links.open { opacity: 1; visibility: visible; pointer-events: auto; } .asnav-links a { font-size: 30px; font-weight: 700; color: hsl(var(--foreground)); } .asnav-links .asnav-cta { font-size: 16px; padding: 16px 34px; margin-top: 6px; } .asnav-burger { display: flex; position: relative; z-index: 70; } .asnav-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .asnav-burger.open span:nth-child(2) { opacity: 0; } .asnav-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } } /* Jednotná šírka obsahu právnych stránok — zarovnané s úvodnou (1280px) */ .doc { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* Nadpisy: čistý systémový grotesk (rovnako ako hlavná stránka), bez Syne */ .ex-h1, .ex-h2, .ex-h3, .ex-h4, .site-topbar a.logo, .btn-fill, .back-button, .ex-cosum .nm, .ex-cosum .tot, .ex-cta h2, .ex-step h3, .site-footer-static .copy, h1, h2, h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; letter-spacing: -.04em !important; }