@layer djb.reset,djb.base,djb.theme,djb.elements,djb.classes,djb.global,djb.nodes,djb.custom;@layer djb.base{.djb-button:where(:not(.djb-button--plain)){display:inline-flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;text-decoration:none;border:0;font:inherit;line-height:1.2}.djb-button--sm{padding:.5em 1em;font-size:.875em}.djb-button--md{padding:.75em 1.5em}.djb-button--lg{padding:1em 2em;font-size:1.125em}
.djb-button__icon{flex-shrink:0;width:1em;height:1em}.djb-svg{max-width:100%}
.djb-svg:where(svg):not([height]),.djb-svg__svg:not([height]){height:auto}
.djb-svg--link{display:inline-block;line-height:0;color:inherit}
.djb-svg--link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.djb-svg--empty{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:8px;background:repeating-linear-gradient(45deg,#f3f1f7,#f3f1f7 10px,#eeebf4 10px,#eeebf4 20px);color:#9a93ad}}@layer djb.global{/* ==========================================================================
   PAGE: privatnost  →  Bricks Page settings → Custom CSS
   ========================================================================== */
/* @page:start privatnost */
/* Legal page (MK /privacy/): dark aurora hero with rings and a pointer spotlight, sticky summary card, big statements per topic */
.legal-hero { position: relative; isolation: isolate; overflow: hidden; padding: calc(var(--header-bar-height) + clamp(60px, 7.5vw, 150px)) 0 clamp(50px, 6vw, 100px); background: rgba(7,30,41,1); color: var(--color-white); }
.legal-hero__fx { position: absolute; inset: 0; z-index: -1; overflow: hidden; opacity: .25; pointer-events: none; background: radial-gradient(ellipse at 70% 50%, rgba(4,73,89,1), rgba(7,30,41,1) 72%); }
.legal-hero__fx::before { content: ""; position: absolute; inset: -20%; background: radial-gradient(38% 42% at 72% 40%, rgba(0,255,175,.48), transparent 80%), radial-gradient(38% 48% at 56% 70%, rgba(0,119,141,.65), transparent 77%), radial-gradient(28% 35% at 92% 75%, rgba(75,70,172,.48), transparent 80%); animation: legalAurora 10s ease-in-out infinite alternate; }
.legal-hero__ring { position: absolute; right: -18%; top: -20%; width: 73%; height: 95%; border-radius: 50%; border: 1px solid rgba(0,255,175,.28); box-shadow: 0 0 70px rgba(0,255,175,.1), inset 0 0 70px rgba(0,255,175,.1); transform: rotate(-26deg); }
.legal-hero__ring--b { right: -13%; top: 3%; width: 63%; height: 80%; border-color: rgba(75,70,172,.22); transform: rotate(27deg); }
@keyframes legalAurora { to { transform: translate(5%, -6%) rotate(5deg) scale(1.1); } }
.legal-hero__spot { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; background: radial-gradient(460px circle at var(--sx, 50%) var(--sy, 50%), rgba(3,226,156,.26), transparent 70%); transition: opacity .6s; }
.legal-hero:hover .legal-hero__spot { opacity: 1; }
.legal-hero__inner { position: relative; width: 100%; }
.legal-hero__kicker { display: block; margin-bottom: 16px; font-size: clamp(16px, 11.5px + .78125vw, 24px); line-height: 1.4; }
.legal-hero__title { max-width: 12em; margin-top: clamp(24px, 3vw, 48px); font-size: clamp(40px, 5.63vw, 7.5rem); line-height: 1.15; }
.legal-hero__meta { margin-top: clamp(20px, 2.2vw, 32px); font-size: 15px; color: var(--color-text-on-dark-muted); }

/* body: summary card left (sticky), statements right */
.legal { padding-top: 0; padding-bottom: clamp(40px, 5vw, 96px); }
.legal__grid { display: grid; gap: clamp(30px, 4vw, 60px); }
@media (min-width: 1000px) {
  .legal__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  .legal__summary { position: sticky; top: calc(var(--header-bar-height) + 20px); align-self: start; }
}
.legal__summary { padding: clamp(22px, 2.4vw, 34px); border-radius: 24px; background: var(--color-white); box-shadow: 0 0 0 1px var(--color-border); }
.legal__kicker { display: block; margin-bottom: 16px; font-size: clamp(16px, 11.5px + .78125vw, 24px); line-height: 1.4; color: var(--color-text); }
.legal__facts { display: grid; margin-top: 18px; }
.legal__fact { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-top: 1px solid var(--color-border); font-size: 15px; }
.legal__fact dt { color: var(--color-text-muted); }
.legal__fact dd { font-weight: 500; text-align: right; }
.legal__block { padding-block: clamp(26px, 3vw, 40px); border-top: 1px solid var(--color-border); scroll-margin-top: calc(var(--header-bar-height) + 1rem); }
.legal__block .legal__kicker { margin-bottom: .8rem; }
.legal__title { max-width: 22em; margin-bottom: .6em; }
.legal__text { max-width: 44em; font-size: 16px; line-height: 1.5; color: var(--color-text-muted); }
@media (max-width: 767px) { .legal__text { font-size: 17.6px; } .legal__title { margin-bottom: 18px; } }
.legal__link { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; }
.legal__actions { margin-top: var(--space-lg); }
@media (prefers-reduced-motion: reduce) { .legal-hero__fx::before { animation: none; } }}@layer djb.nodes{.djb-ywo6nz{display:contents}}