/* ============================================================================
   KNJIŽNICA — front.css
   Modern 2025 library aesthetic: deep ink navy + warm paper cream + amber.
   Fonts: Fraunces (display) + Inter (body).
   ----------------------------------------------------------------------------
   TABLE OF CONTENTS
   01. Design tokens
   02. Base & reset
   03. Utilities (container, sr-only, skip-link)
   04. Buttons
   05. Status pill
   06. Header & navigation
   07. Flash messages
   08. Hero (home)
   09. Page hero & page head (subpages)
   10. Sections & headings
   11. News cards
   12. Notices strip (home)
   13. Hours panel
   14. Quick-link tiles
   15. Pagination
   16. Article & prose
   17. Gallery & lightbox
   18. Share row
   19. Timeline (notices page)
   20. Documents browser
   21. Contact page & forms
   22. Empty states & success panel
   23. Error page (404)
   24. Footer
   25. Reveal animations & micro-interactions
   26. Accessibility: focus, reduced motion
   ========================================================================== */

/* ============================================================ 01. TOKENS */
:root {
    /* — THEME BASE: 5 boja koje admin bira u Postavkama (zadano: GMS grb).
         Sve ostale nijanse ispod se automatski izvode pomoću color-mix(). — */
    --t-primary:      #1f9e33;   /* glavna boja identiteta */
    --t-primary-dark: #157a28;   /* potamnjena — tekst/linkovi na svijetlom (AA) */
    --t-accent:       #f2e00a;   /* akcent — CTA, isticanja (na tamnom/primarnom) */
    --t-dark:         #0a140c;   /* tamna podloga (hero, footer) */
    --t-paper:        #f6f8f2;   /* svijetla pozadina stranice */

    /* — izvedena paleta — */
    --paper:      var(--t-paper);
    --paper-2:    color-mix(in srgb, var(--t-paper) 94%, var(--t-dark));
    --card:       #ffffff;
    --ink:        color-mix(in srgb, var(--t-dark) 96%, #ffffff);
    --ink-soft:   color-mix(in srgb, var(--t-dark) 72%, var(--t-paper));
    --ink-faint:  color-mix(in srgb, var(--t-dark) 52%, var(--t-paper));
    --pine-950:   var(--t-dark);
    --pine-900:   color-mix(in srgb, var(--t-dark) 92%, var(--t-primary));
    --pine-800:   color-mix(in srgb, var(--t-dark) 84%, var(--t-primary));
    --pine-700:   color-mix(in srgb, var(--t-dark) 72%, var(--t-primary));
    --pale:       color-mix(in srgb, var(--t-paper) 90%, #ffffff);
    --pale-soft:  color-mix(in srgb, var(--pale) 72%, transparent);
    --green:      var(--t-primary);
    --green-deep: var(--t-primary-dark);
    --yellow:     var(--t-accent);
    --yellow-2:   color-mix(in srgb, var(--t-accent) 55%, #ffffff);
    --line:       color-mix(in srgb, var(--ink) 13%, transparent);
    --line-soft:  color-mix(in srgb, var(--ink) 7%, transparent);

    /* type */
    --font-display: "Fraunces", "Georgia", "Times New Roman", serif;
    --font-body:    "Inter", system-ui, "Segoe UI", Roboto, sans-serif;

    /* shape & depth — svi radijusi su tokeni; "kockasti" stil ih nulira iz admina */
    --r-sm: 10px;
    --r-md: 16px;
    --r-lg: 24px;
    --r-xl: 32px;
    --r-pill: 999px;
    --r-round: 50%;
    --r-dot: 2px;
    --r-xs0: 4px;
    --r-xs1: 6px;
    --r-xs2: 10px;
    --r-xs3: 13px;
    --shadow-sm: 0 1px 2px color-mix(in srgb, var(--pine-950) 6%, transparent), 0 2px 8px color-mix(in srgb, var(--pine-950) 5%, transparent);
    --shadow-md: 0 2px 4px color-mix(in srgb, var(--pine-950) 5%, transparent), 0 10px 24px -6px color-mix(in srgb, var(--pine-950) 12%, transparent);
    --shadow-lg: 0 4px 8px color-mix(in srgb, var(--pine-950) 6%, transparent), 0 24px 48px -12px color-mix(in srgb, var(--pine-950) 22%, transparent);
    --shadow-accent: 0 8px 24px -8px color-mix(in srgb, var(--yellow) 40%, transparent);

    /* layout */
    --header-h: 76px;
    --header-h-compact: 60px;
    --container: 1160px;
    --container-narrow: 800px;

    /* motion */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

    /* grain texture (inline SVG, tiny) */
    --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}

/* --- prikaz weba od ruba do ruba (Postavke → Izgled) --- */
body.layout-full .container { max-width: none; }
body.layout-full .article-layout,
body.layout-full .article-main,
body.layout-full .hero-main,
body.layout-full .nb-list,
body.layout-full .nb-compact { max-width: none; }

/* ============================================================ 02. BASE */
*, *::before, *::after { box-sizing: border-box; }

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-h) + 16px);
}

/* sigurnosna mreža: stranica se nikad ne smije moći pomicati vodoravno
   ("clip" ne stvara scroll-kontejner pa position:sticky nastavlja raditi) */
/* Sigurnosna mreža protiv horizontalnog overflowa — SAMO body i SAMO clip:
   clip na <html> u Chromiumu razbija position:sticky zaglavlja,
   a 'hidden' na body pretvara body u scroll-kontejner (isto razbija sticky). */
body { overflow-x: clip; }
@supports not (overflow: clip) {
    body { overflow-x: hidden; } /* prastari preglednici: važniji overflow-guard nego sticky */
}

body {
    margin: 0;
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.65;
    color: var(--ink);
    background: var(--paper);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    /* overflow-x rješava html,body{overflow-x:clip} iznad — 'hidden' bi ovdje
       pretvorio body u scroll-kontejner i RAZBIO position:sticky zaglavlja */
}

[hidden] { display: none !important; }

img, svg, video { max-width: 100%; height: auto; }
svg { flex-shrink: 0; }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 1.15;
    margin: 0 0 0.5em;
    color: inherit;
    text-wrap: balance;
}

p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
a { color: var(--green-deep); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
button { font: inherit; color: inherit; }
input, select, textarea { font: inherit; }
::selection { background: var(--yellow); color: var(--pine-950); }

/* ============================================================ 03. UTILITIES */
.container {
    width: 100%;
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: clamp(1.1rem, 4vw, 2rem);
}
.container--narrow { max-width: var(--container-narrow); }

.sr-only {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: fixed;
    top: 12px; left: 12px;
    z-index: 300;
    padding: 0.7rem 1.2rem;
    background: var(--pine-900);
    color: var(--pale);
    border-radius: var(--r-pill);
    font-weight: 600;
    text-decoration: none;
    box-shadow: var(--shadow-lg);
    transform: translateY(-200%);
    transition: transform 0.25s var(--ease-out);
}
.skip-link:focus-visible { transform: translateY(0); }

/* ============================================================ 04. BUTTONS */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.72rem 1.45rem;
    border: 1.5px solid transparent;
    border-radius: var(--r-pill);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out),
                background-color 0.2s, border-color 0.2s, color 0.2s;
}
.btn:active { transform: translateY(1px) scale(0.99); }
.btn svg { transition: transform 0.25s var(--ease-out); }
.btn:hover svg:last-child { transform: translateX(3px); }

.btn--primary { background: var(--green-deep); color: #ffffff; }
.btn--primary:hover { background: #1b8c2f; box-shadow: var(--shadow-md); transform: translateY(-1px); }

.btn--accent { background: linear-gradient(135deg, var(--yellow-2), var(--yellow)); color: var(--pine-950); box-shadow: var(--shadow-accent); }
.btn--accent:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -8px color-mix(in srgb, var(--yellow) 50%, transparent); }

.btn--ghost { background: transparent; color: var(--ink); border-color: var(--line); }
.btn--ghost:hover { border-color: var(--ink); background: var(--card); transform: translateY(-1px); }

.btn--ghost-light { background: color-mix(in srgb, var(--pale) 6%, transparent); color: var(--pale); border-color: color-mix(in srgb, var(--pale) 35%, transparent); }
.btn--ghost-light:hover { border-color: var(--pale); background: color-mix(in srgb, var(--pale) 12%, transparent); transform: translateY(-1px); }

.btn--soft { background: var(--paper-2); color: var(--ink); }
.btn--soft:hover { background: #dbe8d2; transform: translateY(-1px); }

.btn--lg { padding: 0.95rem 1.9rem; font-size: 1.02rem; }
.btn--sm { padding: 0.5rem 1rem; font-size: 0.86rem; }

/* ============================================================ 05. STATUS PILL */
.status-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.95rem;
    border-radius: var(--r-pill);
    font-size: 0.84rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    background: var(--paper-2);
    color: var(--ink-soft);
    border: 1px solid var(--line-soft);
}
.status-dot {
    width: 8px; height: 8px;
    border-radius: var(--r-round);
    background: var(--ink-faint);
    flex-shrink: 0;
}
.status-pill.is-open { color: #135c22; background: #e3f4e1; border-color: color-mix(in srgb, var(--green) 35%, transparent); }
.status-pill.is-open .status-dot {
    background: var(--green);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--green) 50%, transparent);
    animation: pulse-dot 2.2s infinite;
}
@keyframes pulse-dot {
    0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--green) 45%, transparent); }
    70%  { box-shadow: 0 0 0 7px color-mix(in srgb, var(--green) 0%, transparent); }
    100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--green) 0%, transparent); }
}
.status-pill--hero {
    background: color-mix(in srgb, var(--pale) 9%, transparent);
    border-color: color-mix(in srgb, var(--pale) 20%, transparent);
    color: var(--pale-soft);
    backdrop-filter: blur(6px);
}
.status-pill--hero.is-open { color: #c4eebb; background: color-mix(in srgb, var(--green) 16%, transparent); border-color: color-mix(in srgb, var(--green) 45%, transparent); }

/* ============================================================ 06. HEADER & NAV */
/* --- utility top bar (desktop only) --- */
.top-bar {
    position: relative;
    z-index: 201;
    background: var(--pine-950);
    color: var(--pale-soft);
    font-size: 0.82rem;
}
.top-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    min-height: 38px;
    padding-block: 0.3rem;
}
.top-bar-contact {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    min-width: 0;
}
.top-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--pale-soft);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
}
.top-link svg { opacity: 0.75; }
.top-link:hover { color: var(--yellow-2); text-decoration: none; }
/* Facebook ikona u gornjoj traci (samo ikona, kružni okvir) */
.top-social { width: 28px; height: 28px; justify-content: center; border-radius: 50%; background: color-mix(in srgb, var(--pale) 12%, transparent); }
.top-social svg { opacity: 0.9; }
.top-social:hover { background: color-mix(in srgb, var(--pale) 22%, transparent); }
.top-bar-contact { gap: 1.25rem; }
.status-pill--top { padding: 0.2rem 0.75rem; font-size: 0.78rem; }

/* --- main header: white glass, compacts on scroll --- */
.site-header {
    position: sticky;
    top: 0;
    z-index: 200;
    height: var(--header-h);
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(18px) saturate(1.6);
    -webkit-backdrop-filter: blur(18px) saturate(1.6);
    border-bottom: 1px solid var(--line-soft);
    transition: height 0.28s var(--ease-out), box-shadow 0.3s, border-color 0.3s, background-color 0.3s;
}
/* opcija (Meni → Zaglavlje weba): isključeno fiksiranje — zaglavlje se skrola sa stranicom */
body.header-static .site-header { position: static; }

.site-header.is-scrolled {
    height: var(--header-h-compact);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 30px -14px color-mix(in srgb, var(--pine-950) 18%, transparent);
}

.header-inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: var(--ink);
    margin-right: auto;
    min-width: 0;
}
.brand-logo { max-height: 44px; width: auto; display: block; }
.brand-glyph {
    display: inline-grid;
    place-items: center;
    width: 40px; height: 40px;
    border-radius: var(--r-xs3);
    background: linear-gradient(140deg, var(--pine-800), var(--pine-950));
    color: var(--yellow);
    box-shadow: var(--shadow-sm);
    flex-shrink: 0;
}
.brand-text {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.22rem;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* dugi naziv (> 28 znakova): dva reda manjim fontom umjesto odrezanog „…” */
.brand-text--long {
    font-size: 1.04rem;
    line-height: 1.18;
    white-space: normal;
    text-wrap: balance;
    max-width: 17em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* --- nav (desktop): pill-highlight links, no underlines --- */
.site-nav { display: flex; align-items: center; min-width: 0; }
.nav-list {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    list-style: none;
    margin: 0; padding: 0;
}
.nav-item { position: relative; display: flex; align-items: center; }
.nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.58rem 1.05rem;
    color: var(--ink-soft);
    font-weight: 500;
    font-size: 0.98rem;
    line-height: 1.3;
    text-decoration: none;
    border-radius: var(--r-pill);
    transition: background-color 0.22s var(--ease-out), color 0.22s;
}
.nav-ico {
    display: inline-grid;
    place-items: center;
    flex: none;
    opacity: 0.85;
}
/* max-width: none — globalni `svg { max-width: 100% }` u shrink-wrap kontekstu računa ikonu
   kao 0 px pri odmjeravanju pilla, pa bi gumb bio preuzak točno za širinu ikone */
.nav-ico svg { display: block; max-width: none; }
/* stavka-nositelj (bez poveznice): isti izgled, samo nije klikabilna */
.nav-link--label { cursor: default; user-select: none; }
/* stavka "samo ikona" — naziv se skriva tek na širokom meniju; u mobilnom
   izborniku (≤900px) ostaje ispisan jer bi sama ikona ondje bila nejasna */
@media (min-width: 901px) {
    .nav-link--ico { padding-inline: 0.72rem; }
    .nav-link--ico .nav-ico { opacity: 1; }
    .nav-link--ico .nav-label {
        position: absolute;
        width: 1px; height: 1px;
        margin: -1px; padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }
}
.nav-link:hover {
    background: color-mix(in srgb, var(--ink) 7%, transparent);
    color: var(--ink);
    text-decoration: none;
}
.nav-item.is-active > .nav-link {
    background: color-mix(in srgb, var(--green) 13%, transparent);
    color: var(--green-deep);
    font-weight: 600;
}

.sub-toggle {
    display: inline-grid;
    place-items: center;
    width: 26px; height: 26px;
    margin-left: -6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ink-soft);
    border-radius: var(--r-round);
    cursor: pointer;
    transition: transform 0.25s var(--ease-out), background-color 0.2s, color 0.2s;
}
.sub-toggle:hover { color: var(--ink); }
.nav-item.open > .sub-toggle,
.nav-item:focus-within > .sub-toggle { transform: rotate(180deg); }

/* desktop: chevron ulazi u pill glavne stavke (jedna cjelina, bez odvojenog kvadratića) */
@media (min-width: 901px) {
    /* stavke menija nikad ne lome tekst u dva reda */
    .nav-list > .nav-item > .nav-link { white-space: nowrap; }
    /* boxed način („Sadržaj u sredini”): meni ima najviše ~1160px pa je zbijeniji da sve stane u red */
    body:not(.layout-full) .header-inner { gap: 1rem; }
    body:not(.layout-full) .nav-list > .nav-item > .nav-link { padding: 0.58rem 0.8rem; font-size: 0.95rem; }
    body:not(.layout-full) .nav-list > .nav-item.has-sub > .nav-link { padding-right: 2rem; }
    .nav-item.has-sub > .nav-link { padding-right: 2.05rem; }
    .sub-toggle {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        width: 22px; height: 22px;
        margin: 0;
        translate: 0 -50%;
    }
    .nav-item.has-sub:hover > .nav-link {
        background: color-mix(in srgb, var(--ink) 7%, transparent);
        color: var(--ink);
    }
    .nav-item.has-sub.is-active:hover > .nav-link {
        background: color-mix(in srgb, var(--green) 13%, transparent);
        color: var(--green-deep);
    }
    .sub-menu .nav-link:hover { padding-left: 1.05rem; }
}

/* srednje širine: još zbijeniji meni da ni bogatiji meniji ne izguraju CTA */
@media (min-width: 901px) and (max-width: 1240px) {
    .header-inner,
    body:not(.layout-full) .header-inner { gap: 0.8rem; }
    .nav-list { gap: 0.15rem; }
    .nav-list > .nav-item > .nav-link,
    body:not(.layout-full) .nav-list > .nav-item > .nav-link { padding: 0.55rem 0.68rem; font-size: 0.93rem; }
    .nav-list > .nav-item.has-sub > .nav-link,
    body:not(.layout-full) .nav-list > .nav-item.has-sub > .nav-link { padding-right: 1.9rem; }
}

.sub-menu {
    list-style: none;
    margin: 0;
    padding: 0.4rem;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 220px;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-top: 3px solid var(--green);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px) scale(0.97);
    transform-origin: top left;
    transition: opacity 0.22s var(--ease-out), transform 0.22s var(--ease-out), visibility 0.22s;
    z-index: 50;
}
/* nevidljivi "most" preko razmaka do pilla — hover se ne prekida na putu do izbornika */
.sub-menu::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -12px;
    height: 12px;
}
.nav-item.has-sub:hover > .sub-menu,
.nav-item.has-sub:focus-within > .sub-menu,
.nav-item.has-sub.open > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
.sub-menu .nav-item { display: block; position: relative; }
.sub-menu .nav-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.8rem;
    border-radius: var(--r-xs2);
    font-size: 0.93rem;
    font-weight: 500;
    color: var(--ink);
    /* dugi nazivi se prelamaju (ne režu u „…”); do 380px širine, dalje u novi red */
    width: max-content;
    max-width: min(380px, calc(100vw - 32px));
    white-space: normal;
    line-height: 1.35;
    transition: background-color 0.18s, color 0.18s, padding-left 0.18s;
}
.sub-menu .nav-link > span:last-child { overflow-wrap: anywhere; }
.sub-menu .nav-link > .nav-ico { align-self: flex-start; margin-top: 0.1em; }
/* podizbornik uz desni rub ekrana otvara se ulijevo (klasu dodaje front.js) */
.sub-menu.sub-left { left: auto; right: 0; transform-origin: top right; }
.sub-menu .sub-menu.sub-left { right: calc(100% + 4px); }
.sub-menu .nav-link:hover {
    background: color-mix(in srgb, var(--green) 10%, transparent);
    color: var(--green-deep);
}
.sub-menu .sub-menu { top: calc(-0.4rem - 3px); left: calc(100% + 4px); }
.sub-menu .sub-menu::before { display: none; }
/* desktop: širinu diktira najdulja stavka, a svaka stavka (i hover) ide preko cijelog retka — do strelice podizbornika */
@media (min-width: 901px) {
    .sub-menu { width: max-content; max-width: min(400px, calc(100vw - 32px)); }
    .sub-menu .nav-link { width: auto; max-width: none; }
}

.nav-panel-foot { display: none; }

/* --- catalog CTA: the header's one true button --- */
.nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-left: 0.9rem;
    padding: 0.62rem 1.15rem;
    border-radius: var(--r-pill);
    background: var(--yellow);
    color: var(--pine-950);
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.2;
    letter-spacing: 0.005em;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--pine-950) 12%, transparent), 0 6px 18px -8px color-mix(in srgb, var(--yellow) 55%, transparent);
    transition: transform 0.22s var(--ease-out), box-shadow 0.22s var(--ease-out), background-color 0.22s;
}
.nav-cta svg { transition: transform 0.25s var(--ease-out), opacity 0.2s; }
.nav-cta:hover,
.nav-cta:focus-visible {
    background: var(--yellow-2);
    transform: translateY(-2px);
    box-shadow: 0 2px 4px color-mix(in srgb, var(--pine-950) 10%, transparent), 0 14px 30px -8px color-mix(in srgb, var(--yellow) 60%, transparent);
    text-decoration: none;
}
/* vlastite boje gumba (Meni → Gumb „Katalog”) — --cta-bg/--cta-fg dolaze inline */
.nav-cta--custom { background: var(--cta-bg, var(--yellow)); color: var(--cta-fg, var(--pine-950)); }
.nav-cta--custom:hover,
.nav-cta--custom:focus-visible {
    background: color-mix(in srgb, var(--cta-bg, var(--yellow)) 88%, #ffffff);
    color: var(--cta-fg, var(--pine-950));
    box-shadow: 0 2px 4px color-mix(in srgb, var(--pine-950) 10%, transparent),
                0 14px 30px -8px color-mix(in srgb, var(--cta-bg, var(--yellow)) 55%, transparent);
}
.nav-cta:focus-visible { outline: 3px solid var(--green-deep); outline-offset: 2px; }
.nav-cta:active { transform: translateY(0) scale(0.98); }
.nav-cta:hover .nav-cta-book { transform: rotate(-8deg) scale(1.08); }
.nav-cta-ico { display: inline-flex; width: 17px; height: 17px; }
.nav-cta-ico svg { width: 100%; height: 100%; }
.nav-cta-ext { opacity: 0.5; margin-left: -0.1rem; }
.nav-cta:hover .nav-cta-ext { opacity: 0.85; transform: translate(2px, -2px); }

/* tight desktop band: tuck gaps in so brand + nav + CTA never collide */
@media (min-width: 901px) and (max-width: 1180px) {
    .header-inner { gap: 0.9rem; }
    .nav-list { gap: 0.1rem; }
    .nav-link { padding: 0.55rem 0.72rem; font-size: 0.92rem; }
    .nav-cta { margin-left: 0.5rem; padding: 0.58rem 0.95rem; font-size: 0.9rem; }
    .brand-text { font-size: 1.06rem; }
    .brand-text--long { font-size: 0.95rem; }
}

/* --- burger (mobile trigger) --- */
.nav-burger {
    display: none;
    width: 44px; height: 44px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: var(--r-xs3);
    background: var(--card);
    cursor: pointer;
    place-items: center;
}
.burger-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 18px;
}
.burger-box span {
    display: block;
    height: 2px;
    border-radius: var(--r-dot);
    background: var(--ink);
    transition: transform 0.3s var(--ease-out), opacity 0.2s;
}
.nav-burger[aria-expanded="true"] .burger-box span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-burger[aria-expanded="true"] .burger-box span:nth-child(2) { opacity: 0; }
.nav-burger[aria-expanded="true"] .burger-box span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* --- nav (mobile ≤900px): full-screen deep-pine overlay --- */
@media (max-width: 900px) {
    .top-bar { display: none; }
    .nav-burger { display: grid; }

    /* header joins the overlay while it is open (burger stays reachable) */
    body.nav-open .site-header {
        height: var(--header-h);
        background: var(--pine-950);
        border-bottom-color: color-mix(in srgb, var(--pale) 8%, transparent);
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    body.nav-open .brand { color: var(--pale); }
    body.nav-open .nav-burger { border-color: color-mix(in srgb, var(--pale) 28%, transparent); background: transparent; }
    body.nav-open .burger-box span { background: var(--pale); }

    .site-nav {
        position: fixed;
        top: var(--header-h);
        left: 0; right: 0;
        bottom: 0;
        z-index: 190;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        padding: 1.6rem clamp(1.4rem, 6vw, 2.4rem) 2.2rem;
        background:
            radial-gradient(120% 60% at 85% -10%, color-mix(in srgb, var(--green) 22%, transparent) 0%, transparent 55%),
            linear-gradient(180deg, var(--pine-950) 0%, var(--pine-900) 100%);
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s var(--ease-out), visibility 0.3s;
    }
    body.nav-open { overflow: hidden; }
    body.nav-open .site-nav {
        opacity: 1;
        visibility: visible;
    }

    .nav-list { flex-direction: column; align-items: stretch; gap: 0.1rem; }
    .nav-item { flex-wrap: wrap; }

    /* staggered entrance */
    .nav-list > .nav-item,
    .site-nav > .nav-cta,
    .nav-panel-foot {
        opacity: 0;
        transform: translateY(16px);
        transition: opacity 0.45s var(--ease-out), transform 0.45s var(--ease-out);
    }
    body.nav-open .nav-list > .nav-item,
    body.nav-open .site-nav > .nav-cta,
    body.nav-open .nav-panel-foot {
        opacity: 1;
        transform: none;
    }
    body.nav-open .nav-list > .nav-item:nth-child(1) { transition-delay: 0.05s; }
    body.nav-open .nav-list > .nav-item:nth-child(2) { transition-delay: 0.1s; }
    body.nav-open .nav-list > .nav-item:nth-child(3) { transition-delay: 0.15s; }
    body.nav-open .nav-list > .nav-item:nth-child(4) { transition-delay: 0.2s; }
    body.nav-open .nav-list > .nav-item:nth-child(5) { transition-delay: 0.25s; }
    body.nav-open .nav-list > .nav-item:nth-child(6) { transition-delay: 0.3s; }
    body.nav-open .nav-list > .nav-item:nth-child(7) { transition-delay: 0.35s; }
    body.nav-open .nav-list > .nav-item:nth-child(n+8) { transition-delay: 0.4s; }
    body.nav-open .site-nav > .nav-cta { transition-delay: 0.38s; }
    body.nav-open .nav-panel-foot { transition-delay: 0.46s; }

    .nav-link {
        flex: 1;
        font-family: var(--font-display);
        font-size: clamp(1.75rem, 7vw, 2.3rem);
        font-weight: 600;
        letter-spacing: -0.01em;
        line-height: 1.25;
        color: var(--pale);
        padding: 0.55rem 0.3rem;
        border-radius: var(--r-xs3);
        background: none;
    }
    .nav-link:hover { background: color-mix(in srgb, var(--pale) 6%, transparent); color: var(--pale); }
    .nav-item.is-active > .nav-link { background: none; color: var(--yellow); }
    .nav-link:focus-visible { outline-color: var(--yellow-2); }
    .nav-link { gap: 0.7rem; }
    .nav-ico svg { width: 23px; height: 23px; }
    .sub-menu .nav-ico svg { width: 18px; height: 18px; }

    .sub-toggle { width: 48px; height: 48px; margin: 0; align-self: center; color: var(--pale-soft); }
    .sub-toggle:hover { background: color-mix(in srgb, var(--pale) 8%, transparent); }

    .sub-menu,
    .sub-menu .sub-menu {
        position: static;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: 0;
        background: transparent;
        min-width: 0;
        width: 100%;
        padding: 0.1rem 0 0.5rem 1.1rem;
    }
    .sub-menu::before { display: none; }
    /* on mobile only the JS toggle opens submenus (no hover/focus reveal) */
    .nav-item.has-sub:hover > .sub-menu,
    .nav-item.has-sub:focus-within > .sub-menu { display: none; }
    .nav-item.has-sub.open > .sub-menu { display: block; }
    .sub-menu .nav-link {
        font-family: var(--font-body);
        font-size: 1.08rem;
        font-weight: 500;
        color: var(--pale-soft);
        padding: 0.5rem 0.5rem;
        border-radius: var(--r-xs2);
        max-width: none;
        white-space: normal;
    }
    .sub-menu .nav-link:hover { color: var(--pale); background: color-mix(in srgb, var(--pale) 6%, transparent); }

    .nav-cta {
        width: 100%;
        justify-content: center;
        margin: 1.8rem 0 0;
        padding: 1rem 1.4rem;
        font-size: 1.08rem;
        white-space: normal;
        text-align: center;
    }
    .nav-cta-book { width: 20px; height: 20px; }

    .nav-panel-foot {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.1rem;
        margin-top: auto;
        padding-top: 2.2rem;
    }
    .nav-panel-foot .status-pill { align-self: flex-start; }
    .nav-foot-contact {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
    }
    .nav-foot-contact .top-link { font-size: 0.95rem; }
}

/* ============================================================ 07. FLASH */
.flash {
    position: fixed;
    top: calc(var(--header-h) + 14px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 250;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    max-width: min(92vw, 560px);
    padding: 0.85rem 1.1rem;
    border-radius: var(--r-md);
    background: var(--pine-900);
    color: var(--pale);
    box-shadow: var(--shadow-lg);
    animation: flash-in 0.4s var(--ease-out);
}
@keyframes flash-in {
    from { opacity: 0; transform: translate(-50%, -14px); }
    to   { opacity: 1; transform: translate(-50%, 0); }
}
.flash.is-hiding { opacity: 0; transform: translate(-50%, -14px); transition: opacity 0.35s, transform 0.35s; }
.flash--success .flash-icon { color: var(--green); }
.flash--error   { background: #5c1a10; }
.flash--error .flash-icon { color: #ffb4a1; }
.flash--warning { background: #4c460b; }
.flash--warning .flash-icon { color: var(--yellow-2); }
.flash-msg { font-size: 0.95rem; font-weight: 500; }
.flash-close {
    display: grid;
    place-items: center;
    width: 30px; height: 30px;
    margin-left: 0.2rem;
    padding: 0;
    border: 0;
    border-radius: var(--r-round);
    background: color-mix(in srgb, var(--pale) 12%, transparent);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
}
.flash-close:hover { background: color-mix(in srgb, var(--pale) 25%, transparent); }

/* ============================================================ 08. HERO (home) */
.hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: min(calc(100vh - var(--header-h)), 880px);
    min-height: min(calc(100svh - var(--header-h)), 880px);
    padding: clamp(4rem, 10vh, 7rem) 0;
    background: radial-gradient(120% 90% at 70% 0%, var(--pine-700) 0%, var(--pine-900) 45%, var(--pine-950) 100%);
    color: var(--pale);
    overflow: hidden;
}

.hero-bg { position: absolute; inset: 0; pointer-events: none; }

.blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.8;
    will-change: transform;
}
.blob--1 {
    width: 46vw; height: 46vw;
    min-width: 380px; min-height: 380px;
    top: -18%; right: -10%;
    background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--yellow) 60%, transparent), color-mix(in srgb, var(--green) 28%, transparent) 60%, transparent 75%);
    animation: blob-drift-1 26s ease-in-out infinite alternate;
}
.blob--2 {
    width: 36vw; height: 36vw;
    min-width: 300px; min-height: 300px;
    bottom: -22%; left: -8%;
    background: radial-gradient(circle at 60% 40%, color-mix(in srgb, var(--green) 70%, transparent), color-mix(in srgb, var(--green) 16%, transparent) 65%, transparent 80%);
    animation: blob-drift-2 30s ease-in-out infinite alternate;
}
.blob--3 {
    width: 24vw; height: 24vw;
    min-width: 240px; min-height: 240px;
    top: 26%; left: 36%;
    background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--yellow-2) 35%, transparent), transparent 70%);
    animation: blob-drift-3 22s ease-in-out infinite alternate;
}
@keyframes blob-drift-1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-6%, 9%) scale(1.12); } }
@keyframes blob-drift-2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(8%, -7%) scale(1.08); } }
@keyframes blob-drift-3 { from { transform: translate(0, 0) scale(1); } to { transform: translate(10%, 12%) scale(0.9); } }

/* --- pointer-parallax layers (JS moves wrappers; blobs keep their drift) --- */
.hero-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    will-change: transform;
}
.hero-inner[data-parallax] { will-change: transform; }

/* --- cursor spotlight: fixed-size radial glow moved with translate3d only --- */
.hero-spotlight {
    position: absolute;
    top: -340px; left: -340px;
    width: 680px; height: 680px;
    border-radius: var(--r-round);
    background: radial-gradient(circle,
        color-mix(in srgb, var(--yellow) 17%, transparent) 0%,
        color-mix(in srgb, var(--yellow) 6%, transparent) 42%,
        transparent 68%);
    opacity: 0;
    transition: opacity 0.6s var(--ease-out);
    pointer-events: none;
    will-change: transform;
}
.hero.is-pointer .hero-spotlight { opacity: 1; }

/* --- floating decorative book / page / spark --- */
.hero-float {
    position: absolute;
    pointer-events: none;
    color: var(--yellow-2);
}
.hero-float svg { display: block; }
.hero-float--book {
    top: 21%; right: 11%;
    opacity: 0.34;
    transform: rotate(8deg);
}
.hero-float--book svg { animation: float-bob 8s ease-in-out infinite; }
.hero-float--page {
    bottom: 23%; right: 26%;
    opacity: 0.2;
    color: var(--pale);
    transform: rotate(-7deg);
}
.hero-float--page svg { animation: float-bob 10s ease-in-out 1.2s infinite; }
.hero-float--spark {
    top: 30%; left: 7%;
    opacity: 0.3;
}
.hero-float--spark svg { animation: float-spin 14s linear infinite; }
@keyframes float-bob {
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    50%      { transform: translateY(-16px) rotate(3deg); }
}
@keyframes float-spin {
    from { transform: rotate(0deg) translateY(0); }
    25%  { transform: rotate(90deg) translateY(-8px); }
    50%  { transform: rotate(180deg) translateY(0); }
    75%  { transform: rotate(270deg) translateY(8px); }
    to   { transform: rotate(360deg) translateY(0); }
}
@media (max-width: 760px) {
    .hero-float { display: none; }
}

/* --- living grain: oversized layer jittered with transform steps --- */
.hero-grain--live {
    inset: -50% !important;
    width: 200%;
    height: 200%;
    animation: grain-jitter 1.6s steps(8) infinite;
}
@keyframes grain-jitter {
    0%   { transform: translate(0, 0); }
    12%  { transform: translate(-1.2%, 0.8%); }
    25%  { transform: translate(0.9%, -1.1%); }
    37%  { transform: translate(-0.7%, -0.6%); }
    50%  { transform: translate(1.1%, 0.9%); }
    62%  { transform: translate(-1%, 0.4%); }
    75%  { transform: translate(0.6%, -0.9%); }
    87%  { transform: translate(-0.4%, 1%); }
    100% { transform: translate(0, 0); }
}

/* --- headline: word-by-word masked rise + amber shimmer on the key word --- */
.hero-title--anim .hero-word-mask {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    /* headroom so diacritics (Č, ž) and descenders survive the clip mask */
    padding: 0.18em 0.04em 0.14em;
    margin: -0.18em -0.04em -0.14em;
}
.hero-word {
    display: inline-block;
    animation: word-rise 0.9s var(--ease-out) both;
    will-change: transform;
}
@keyframes word-rise {
    from { opacity: 0; transform: translateY(130%) rotate(2.5deg); }
    to   { opacity: 1; transform: translateY(0) rotate(0deg); }
}
.hero-word--accent {
    background: linear-gradient(100deg,
        var(--yellow-2) 0%, #fdf9c4 22%, var(--yellow) 45%,
        var(--green) 72%, var(--yellow-2) 100%);
    background-size: 240% 100%;
    background-position: 0% 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* background-clip:text crta gradijent samo unutar boxa — bez ovoga descenderi (g, j) i kvačice ostaju prozirni */
    padding: 0.18em 0.04em 0.14em;
    margin: -0.18em -0.04em -0.14em;
    animation: word-rise 0.9s var(--ease-out) both, title-shimmer 7s linear infinite;
}
@keyframes title-shimmer {
    from { background-position: 0% 0; }
    to   { background-position: 240% 0; }
}

/* --- rotating word in the kicker --- */
.hero-kicker-text { display: inline-flex; align-items: baseline; gap: 0.45em; flex-wrap: wrap; }
.word-rotate {
    display: inline-block;
    min-width: 7ch;
    text-align: left;
    color: var(--pale);
    transition: transform 0.28s var(--ease-out), opacity 0.28s;
}
.word-rotate.is-out { opacity: 0; transform: translateY(-9px); }
.word-rotate.is-in { animation: word-in 0.36s var(--ease-out); }
@keyframes word-in {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(color-mix(in srgb, var(--pale) 4.5%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--pale) 4.5%, transparent) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(80% 70% at 50% 40%, #000 30%, transparent 100%);
    -webkit-mask-image: radial-gradient(80% 70% at 50% 40%, #000 30%, transparent 100%);
}
.hero-grain,
.page-hero-bg .hero-grain {
    position: absolute;
    inset: 0;
    background-image: var(--grain);
    background-size: 140px;
    opacity: 0.07;
    mix-blend-mode: overlay;
}

.hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: center;
    width: 100%;
}
.hero-main { max-width: 640px; min-width: 0; }

/* --- obavijesti u heroju: stakleni rotirajući panel --- */
.hero-notices {
    position: relative;
    padding: 1.3rem 1.4rem 1.1rem;
    border-radius: var(--r-lg);
    background: color-mix(in srgb, var(--pale) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--pale) 16%, transparent);
    backdrop-filter: blur(14px) saturate(1.25);
    -webkit-backdrop-filter: blur(14px) saturate(1.25);
    box-shadow: 0 18px 44px color-mix(in srgb, var(--pine-950) 35%, transparent),
                inset 0 1px 0 color-mix(in srgb, var(--pale) 12%, transparent);
}
.hero-notices-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--pale) 12%, transparent);
}
.hero-notices-title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--yellow);
}
.hero-notices-all {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: color-mix(in srgb, var(--pale) 75%, transparent);
    text-decoration: none;
    transition: color 0.2s, gap 0.2s;
}
.hero-notices-all:hover { color: var(--pale); gap: 0.55rem; text-decoration: none; }
.hero-notices-track { position: relative; min-height: 8.6rem; }
.hero-notice {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.45s var(--ease-out), transform 0.45s var(--ease-out);
    pointer-events: none;
    visibility: hidden;
}
.hero-notice.is-active {
    opacity: 1;
    transform: none;
    pointer-events: auto;
    visibility: visible;
}
.hero-notice-meta {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.45rem;
}
.hero-notice-pin {
    padding: 0.14rem 0.6rem;
    border-radius: var(--r-pill);
    background: color-mix(in srgb, var(--yellow) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--yellow) 40%, transparent);
    color: var(--yellow-2);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}
.hero-notice-date { font-size: 0.8rem; font-weight: 600; color: color-mix(in srgb, var(--pale) 60%, transparent); }
.hero-notice-title {
    margin: 0 0 0.4rem;
    font-family: var(--font-body);
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--pale);
}
.hero-notice-ico {
    display: inline-flex;
    margin-right: 0.45rem;
    vertical-align: -3px;
    color: var(--yellow);
}
.hero-notice-body {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--pale) 72%, transparent);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.hero-notices-nav {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.9rem;
}
.hn-arrow {
    display: grid;
    place-items: center;
    width: 30px; height: 30px;
    padding: 0;
    border-radius: var(--r-round);
    border: 1px solid color-mix(in srgb, var(--pale) 22%, transparent);
    background: color-mix(in srgb, var(--pale) 6%, transparent);
    color: color-mix(in srgb, var(--pale) 75%, transparent);
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, transform 0.15s var(--ease-out);
}
.hn-arrow:hover {
    background: var(--yellow);
    border-color: var(--yellow);
    color: var(--pine-950);
    transform: scale(1.08);
}
.hn-arrow:active { transform: scale(0.95); }
.hn-arrow:focus-visible { outline: 2px solid var(--yellow-2); outline-offset: 2px; }
.hero-notices-dots {
    display: flex;
    flex: 1;
    justify-content: center;
    gap: 0.45rem;
}
.hn-dot {
    width: 22px; height: 4px;
    padding: 0;
    border: 0;
    border-radius: var(--r-pill);
    background: color-mix(in srgb, var(--pale) 22%, transparent);
    cursor: pointer;
    transition: background-color 0.25s, width 0.25s var(--ease-out);
}
.hn-dot:hover { background: color-mix(in srgb, var(--pale) 45%, transparent); }
.hn-dot.is-active { width: 34px; background: var(--yellow); }
.hn-dot:focus-visible { outline: 2px solid var(--yellow-2); outline-offset: 2px; }

/* ---- hero slider (slideovi iz admina) ---- */
.hero--slider .hero-bg { background: #101310; }
.hs-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.07);
    transition: opacity 1.1s ease, transform 7.5s linear;
    will-change: opacity, transform;
}
.hs-bg.is-active { opacity: 1; transform: scale(1); }
.hs-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(9, 12, 9, 0.86) 0%, rgba(9, 12, 9, 0.6) 46%, rgba(9, 12, 9, 0.34) 100%),
        linear-gradient(0deg, rgba(9, 12, 9, 0.5) 0%, transparent 32%);
}
.hero--slider .hero-grid { opacity: 0.5; }
.hero--slider .hero-float { opacity: 0.4; }

.hs-main { position: relative; }
.hs-slide {
    position: absolute;
    inset: 0 0 auto 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px);
    transition: opacity 0.55s var(--ease-out), transform 0.55s var(--ease-out), visibility 0s 0.55s;
}
.hs-slide.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0.2s, 0.2s, 0s;
}
.hs-title {
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 5.2vw, 4rem);
}
/* slide "samo tekst i gumb" — bez naslova, tekst malo veci i spusten */
.hs-slide--textonly { padding-top: clamp(2rem, 6vw, 4.5rem); }
.hs-slide--textonly .hs-text { font-size: clamp(1.15rem, 2.2vw, 1.55rem); max-width: 36ch; }

/* dok je aktivan takav slide, skriveni su i panel obavijesti i oznaka radnog vremena
   (selektori s elementom/extra klasom da nadjačaju reveal animaciju i rotator obavijesti) */
.hero-notices, .hs-nav .status-pill { transition: opacity 0.45s ease, visibility 0s; }
section.hero--clean .hero-notices,
.hero--clean .hs-nav .status-pill {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.45s ease, visibility 0s 0.45s;
    pointer-events: none;
}
/* aktivna obavijest sama sebi vraća visibility — unutar čistog slidea mora ostati skrivena */
.hero--clean .hero-notices .hero-notice.is-active { visibility: hidden; }

/* čisti slide: bez efekata koji prate miš i bez dekoracija preko slike
   (parallax piše inline transform iz JS-a — !important ga nadjačava bez diranja skripte) */
.hero--clean [data-parallax] { transform: none !important; }
.hero--clean .hero-spotlight,
.hero--clean .hero-float,
.hero--clean .hero-grid,
.hero--clean .hero-grain { opacity: 0 !important; visibility: hidden; }
/* Slider → Postavke: bez zamućenja (staklo) — oštra slika, panel tamniji da tekst ostane čitljiv */
.hero--noblur * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* ...i bez polaganog zumiranja slike (Ken Burns skalira = omekšava) i bez mreže/zrna preko nje */
.hero--noblur .hs-bg { transform: none; transition: opacity 1.1s ease; will-change: opacity; }
.hero--noblur .hero-grid, .hero--noblur .hero-grain { display: none; }
.hero.hero--noblur .hero-notices { background: color-mix(in srgb, var(--pine-950) 70%, transparent); }
/* Slider → Postavke: bez svjetlosti koja prati miš */
.hero--nospot .hero-spotlight { display: none; }
.hs-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.8rem;
    position: relative;
    z-index: 3;
}
.hs-dots { display: flex; align-items: center; gap: 8px; }

/* ---- foto-zid (kolaz slika u pozadini hera) ---- */
.hero--wall .hero-bg { background: #101310; }
.hero--wall .hero-grid { opacity: 0.4; }
.hw-grid {
    position: absolute;
    inset: -2%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: clamp(4px, 0.5vw, 10px);
}
.hw-cell { position: relative; overflow: hidden; }
.hw-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: hwKen 26s ease-in-out infinite alternate;
    will-change: transform;
}
@keyframes hwKen {
    from { transform: scale(1.03); }
    to   { transform: scale(1.16) translate3d(2%, -1.5%, 0); }
}
.hw-cell:nth-child(2n) img { animation-duration: 32s; animation-direction: alternate-reverse; }
.hw-cell:nth-child(3n) img { animation-delay: -9s; }
.hw-cell:nth-child(4n) img { animation-delay: -17s; }

/* raspored po broju slika — 2 reda, uvijek bez rupa */
.hw-cell { grid-column: span 4; } /* zadano: 3 po redu (za 6 slika) */
.hw-cell:only-child { grid-column: 1 / -1; grid-row: 1 / -1; }
.hw-cell:first-child:nth-last-child(2),
.hw-cell:first-child:nth-last-child(2) ~ .hw-cell { grid-column: span 6; grid-row: 1 / -1; }
.hw-cell:first-child:nth-last-child(3),
.hw-cell:first-child:nth-last-child(3) ~ .hw-cell { grid-column: span 4; grid-row: 1 / -1; }
.hw-cell:first-child:nth-last-child(4),
.hw-cell:first-child:nth-last-child(4) ~ .hw-cell { grid-column: span 6; }
.hw-cell:first-child:nth-last-child(5) ~ .hw-cell:nth-child(n+4) { grid-column: span 6; }
.hw-cell:first-child:nth-last-child(7),
.hw-cell:first-child:nth-last-child(7) ~ .hw-cell { grid-column: span 3; }
.hw-cell:first-child:nth-last-child(7) ~ .hw-cell:nth-child(n+5) { grid-column: span 4; }
.hw-cell:first-child:nth-last-child(8),
.hw-cell:first-child:nth-last-child(8) ~ .hw-cell { grid-column: span 3; }

/* varijanta: kose trake — dijagonalne pruge slika u blagom pomaku */
.hw-grid--strips {
    display: flex;
    inset: -8% -10%;
    gap: clamp(6px, 0.8vw, 16px);
    transform: skewX(-8deg);
}
.hw-grid--strips .hw-cell { flex: 1 1 0; }
.hw-grid--strips .hw-cell:nth-child(2n) { margin-top: 3%; margin-bottom: -3%; }
.hw-grid--strips .hw-cell img {
    animation-name: hwKenStrip;
    transform: skewX(8deg) scale(1.28);
}
@keyframes hwKenStrip {
    from { transform: skewX(8deg) scale(1.26); }
    to   { transform: skewX(8deg) scale(1.4) translate3d(2%, -1.5%, 0); }
}

@media (max-width: 720px) {
    /* ista mreža od 12 stupaca kao desktop (1–4 slike: pravila gore bez rupa);
       5+ slika: samo prve 4 u 2×2 */
    .hw-cell:first-child:nth-last-child(n+5),
    .hw-cell:first-child:nth-last-child(n+5) ~ .hw-cell { grid-column: span 6; grid-row: auto; }
    .hw-cell:nth-child(n+5) { display: none; }
    .hw-grid--strips { transform: skewX(-5deg); gap: 5px; }
}
@media (prefers-reduced-motion: reduce) {
    .hw-cell img { animation: none; }
}

@media (max-width: 980px) {
    .hero-inner { grid-template-columns: minmax(0, 1fr); gap: 2.2rem; }
    .hero-main { max-width: 100%; }
    .hero-notices { max-width: 560px; }
}

.hero-kicker {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 0 1.4rem;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--yellow-2);
}
.kicker-line {
    display: inline-block;
    width: 46px; height: 2px;
    background: linear-gradient(90deg, var(--yellow), transparent);
    border-radius: var(--r-dot);
}

.hero-title {
    margin: 0 0 1.1rem;
    font-size: clamp(2.7rem, 7.5vw, 5.4rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.03;
    color: var(--pale);
    font-variation-settings: "opsz" 144;
}

.hero-tagline {
    margin: 0 0 2.4rem;
    max-width: 34ch;
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(1.2rem, 2.6vw, 1.65rem);
    color: var(--pale-soft);
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    /* stretch: gumbi i oznaka radnog vremena u istom redu uvijek su iste visine
       (prelomi li se element u svoj red, zadržava svoju prirodnu visinu) */
    align-items: stretch;
    gap: 0.9rem;
}

.hero-scroll {
    position: absolute;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%);
    width: 26px; height: 42px;
    border: 2px solid color-mix(in srgb, var(--pale) 30%, transparent);
    border-radius: var(--r-pill);
    display: grid;
    justify-content: center;
    padding-top: 7px;
}
.hero-scroll-dot {
    width: 4px; height: 8px;
    border-radius: var(--r-xs0);
    background: var(--yellow);
    animation: scroll-hint 2s var(--ease-out) infinite;
}
@keyframes scroll-hint {
    0%   { transform: translateY(0); opacity: 1; }
    70%  { transform: translateY(14px); opacity: 0; }
    100% { transform: translateY(0); opacity: 0; }
}

/* ============================================================ 09. PAGE HERO (subpages) */
/* Decorative curved dark band right under the glass header. */
.page-hero {
    position: relative;
    height: clamp(110px, 16vh, 150px);
    overflow: hidden;
    -webkit-clip-path: ellipse(140% 100% at 50% 0%);
    clip-path: ellipse(140% 100% at 50% 0%);
}
.page-hero-bg {
    position: absolute;
    inset: 0;
    background: radial-gradient(130% 120% at 70% -20%, var(--pine-700) 0%, var(--pine-900) 55%, var(--pine-950) 100%);
    overflow: hidden;
}
.page-hero-bg .blob { opacity: 0.5; }
.page-hero-bg .blob--1 { animation-duration: 34s; }
.page-hero-bg .blob--2 { animation-duration: 38s; }

.page-head {
    position: relative;
    z-index: 2;
    padding-top: clamp(1.8rem, 4.5vh, 2.8rem);
}
.page-head .crumbs { margin-bottom: 0.9rem; }
.page-title {
    margin: 0.2rem 0 0;
    font-size: clamp(2.2rem, 5.5vw, 3.6rem);
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* ============================================================ 10. SECTIONS */
.section { padding: clamp(3.2rem, 8vh, 5.5rem) 0; }
.section--first { padding-top: clamp(2rem, 5vh, 3.2rem); }
/* stranica „Bez zaglavlja” — prvi blok (npr. traka s logotipima) odmah ispod izbornika */
.section--nohead { padding-top: 1.1rem; }
.section--nohead .article-layout { padding-top: 0; }
.section--nohead .prose > :first-child { margin-top: 0; }

.section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: clamp(1.8rem, 4vh, 2.8rem);
}
.section-kicker {
    margin: 0 0 0.4rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--green-deep);
}
.section-kicker--light { color: var(--yellow-2); }
.section-title {
    margin: 0;
    font-size: clamp(1.7rem, 3.6vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.015em;
}
.section-title--light { color: var(--pale); }

/* ============================================================ 11. NEWS CARDS */
.card-grid {
    display: grid;
    gap: clamp(1.2rem, 2.5vw, 1.8rem);
}
.card-grid--3 { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
.card-grid--2 { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
.card-grid--4 { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }

/* ---- category badge & chips ---- */
.cat-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.24rem 0.7rem;
    border-radius: var(--r-pill);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
    text-decoration: none;
}
.news-card-media .cat-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--pine-950) 25%, transparent);
}
.cat-badge--link:hover { filter: brightness(1.08); text-decoration: none; }
.cat-kicker-dot {
    display: inline-block;
    width: 10px; height: 10px;
    border-radius: var(--r-round);
    margin-right: 0.35rem;
    vertical-align: -1px;
}
.cat-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.1rem;
}
.cat-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.42rem 0.95rem;
    border: 1px solid var(--line);
    border-radius: var(--r-pill);
    background: var(--card);
    color: var(--ink-soft);
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s, background-color 0.2s, color 0.2s, transform 0.2s var(--ease-out);
}
.cat-chip:hover { border-color: var(--green-deep); color: var(--green-deep); transform: translateY(-2px); text-decoration: none; }
.cat-chip.is-active {
    background: var(--pine-900);
    border-color: var(--pine-900);
    color: var(--pale);
}
.cat-chip-dot { width: 9px; height: 9px; border-radius: var(--r-round); flex: none; }

/* ---- featured card (hero-side / magazine lead) ---- */
.news-feature { position: relative; }
.news-feature-link {
    position: relative;
    display: block;
    min-height: 340px;
    height: 100%;
    border-radius: var(--r-lg);
    overflow: hidden;
    text-decoration: none;
    box-shadow: var(--shadow-md);
    background: var(--pine-900);
}
.news-feature-link:hover { text-decoration: none; }
.news-feature-media { position: absolute; inset: 0; }
.news-feature-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease-out); }
/* cijela naslovnica uvijek vidljiva: oštra slika stane cijela (contain),
   a prazninu oko nje popunjava mutna kopija iste slike */
.news-feature-media img.nf-blur {
    position: absolute;
    inset: 0;
    transform: scale(1.2);
    filter: blur(26px) saturate(1.15) brightness(0.85);
}
.news-feature-media img.nf-main { position: relative; z-index: 1; object-fit: contain; }
.news-feature-media .cover-ph {
    display: grid;
    place-items: center;
    width: 100%; height: 100%;
    color: color-mix(in srgb, var(--pale) 35%, transparent);
}
.news-feature-link:hover .news-feature-media img.nf-main { transform: scale(1.03); }
.news-feature-overlay {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.5rem;
    height: 100%;
    min-height: 340px;
    padding: clamp(1.2rem, 3vw, 2rem);
    background: linear-gradient(180deg, color-mix(in srgb, var(--pine-950) 5%, transparent) 30%, color-mix(in srgb, var(--pine-950) 88%, transparent) 100%);
}
.news-feature-meta { display: flex; align-items: center; gap: 0.7rem; }
.news-feature-date { color: color-mix(in srgb, var(--pale) 80%, transparent); font-size: 0.85rem; font-weight: 600; }
.news-feature-title {
    margin: 0;
    font-size: clamp(1.35rem, 2.6vw, 1.9rem);
    font-weight: 700;
    color: var(--pale);
    letter-spacing: -0.015em;
}
.news-feature-excerpt {
    margin: 0;
    max-width: 60ch;
    color: color-mix(in srgb, var(--pale) 78%, transparent);
    font-size: 0.95rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---- hero-side & magazine wrappers ---- */
.nb-hero-side {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 1.2rem;
    align-items: start;
}
/* istaknuta kartica ne rasteže se do visine cijele liste — drži prirodan omjer,
   a dok se lista skrola, kartica "lijepi" ispod headera */
.nb-hero-side .news-feature { position: sticky; top: 96px; }
/* max-height preko vh: na velikim ekranima kartica raste s kolonom
   (fiksni max bi joj preko aspect-ratia ogranicio i sirinu) */
.nb-hero-side .news-feature-link { height: auto; aspect-ratio: 16 / 10; min-height: 340px; max-height: min(80vh, 940px); }
.nb-rail { display: flex; flex-direction: column; gap: 0.8rem; }
.nb-magazine .news-feature { margin-bottom: 1.2rem; }

/* ---- horizontal item (list + rail mini) ---- */
.news-item {
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out);
}
.news-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.news-item-link {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 1.1rem;
    align-items: stretch;
    padding: 0.8rem;
    text-decoration: none;
    color: inherit;
    height: 100%;
}
.news-item-link:hover { text-decoration: none; }
/* tekst kreće od vrha — red bedž+datum u ravnini s gornjim rubom sličice */
.news-item-body { align-self: start; min-width: 0; }
.news-item-media {
    position: relative;
    height: auto;
    min-height: 120px;
    border-radius: var(--r-sm);
    overflow: hidden;
}
.news-item-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.news-item-media .cover-ph { position: absolute; inset: 0; display: grid; place-items: center; color: color-mix(in srgb, var(--pale) 40%, transparent); }
.news-item-meta { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.35rem; flex-wrap: wrap; line-height: 1.2; }
/* u vodoravnom redu uz bedž datum NE smije nositi donji margin okomite kartice */
.news-item-meta .news-card-date { margin-bottom: 0; line-height: 1.2; }
.news-item-title { margin: 0 0 0.3rem; font-size: 1.08rem; font-weight: 700; color: var(--ink); font-family: var(--font-body); letter-spacing: -0.01em; }
.news-item:hover .news-item-title { color: var(--green-deep); }
.news-item-excerpt {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.92rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-item--mini { flex: 1; }
.news-item--mini .news-item-link { grid-template-columns: 96px 1fr; gap: 0.8rem; padding: 0.6rem; }
.news-item--mini .news-item-media { min-height: 72px; }
.news-item--mini .news-item-title { font-size: 0.98rem; }
.news-item--mini .cat-badge { font-size: 0.62rem; padding: 0.16rem 0.5rem; }
.news-item--mini .news-item-excerpt {
    font-size: 0.8rem;
    -webkit-line-clamp: 2;
    margin-top: 0.15rem;
}
.nb-list { display: flex; flex-direction: column; gap: 0.9rem; max-width: 860px; }

/* ---- compact list ---- */
.nb-compact { list-style: none; margin: 0; padding: 0; max-width: 820px; display: grid; gap: 0.65rem; }
.nb-compact-link {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr) auto;
    grid-template-areas: "when body arrow";
    align-items: center;
    gap: 1.1rem;
    padding: 0.85rem 1rem;
    text-decoration: none;
    color: inherit;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-left: 3px solid var(--nbc, var(--green));
    border-radius: var(--r-sm);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--pine-950) 4%, transparent);
    transition: transform 0.2s var(--ease-out), box-shadow 0.2s, border-color 0.2s;
}
.nb-compact-link:hover {
    text-decoration: none;
    transform: translateX(5px);
    border-color: color-mix(in srgb, var(--nbc, var(--green)) 38%, var(--line-soft));
    border-left-color: var(--nbc, var(--green));
    box-shadow: var(--shadow-md);
}
.nb-compact-when {
    grid-area: when;
    display: grid;
    gap: 0.35rem;
    justify-items: start;
    align-content: center;
}
.nb-compact-when .cat-badge { font-size: 0.6rem; padding: 0.22em 0.65em; }
.nb-compact-date { color: var(--ink-faint); font-size: 0.85rem; font-weight: 600; white-space: nowrap; }
.nb-compact-title { font-weight: 650; color: var(--ink); }
.nb-compact-body { grid-area: body; display: grid; gap: 0.1rem; min-width: 0; }
.nb-compact-ex {
    font-size: 0.83rem;
    color: var(--ink-faint);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.nb-compact-link:hover .nb-compact-title { color: var(--green-deep); }
.nb-compact-arrow { grid-area: arrow; color: var(--green-deep); opacity: 0; transform: translateX(-4px); transition: opacity 0.2s, transform 0.2s var(--ease-out); }
.nb-compact-link:hover .nb-compact-arrow { opacity: 1; transform: none; }
.nb-empty { color: var(--ink-faint); font-style: italic; }

/* ---- category sections on home ---- */
.section--cat-alt { background: var(--paper-2); }

/* izgled sekcije odjela — bira se po kategoriji (Naslovnica → Sekcije odjela).
   --cat je boja kategorije, postavlja se inline na <section>. */
.section--catbg-nijansa  { background: color-mix(in srgb, var(--cat, var(--green)) 9%, transparent); }
.section--catbg-svijetla { background: var(--paper-2); }
.section--catbg-tamna {
    background: linear-gradient(140deg, var(--pine-800), var(--pine-950));
    color: var(--pale-soft);
}
.section--catbg-tamna .section-title { color: var(--pale); }
.section--catbg-tamna .section-kicker { color: color-mix(in srgb, var(--pale) 72%, transparent); }
.section--catbg-tamna .btn--ghost,
.section--catbg-tamna .cat-info-btn {
    background: color-mix(in srgb, var(--pale) 7%, transparent);
    color: var(--pale);
    border-color: color-mix(in srgb, var(--pale) 35%, transparent);
}
.section--catbg-tamna .btn--ghost:hover,
.section--catbg-tamna .cat-info-btn:hover {
    background: color-mix(in srgb, var(--pale) 14%, transparent);
    border-color: var(--pale);
    color: var(--pale);
}
.section--catfr-linija { border-top: 3px solid var(--cat, var(--green)); }
.section--catfr-okvir > .container {
    border: 1px solid color-mix(in srgb, var(--cat, var(--green)) 30%, var(--line-soft));
    border-radius: var(--r-lg);
    padding-block: clamp(1.5rem, 4vh, 2.4rem);
    background: var(--card);
}
.section--catbg-tamna.section--catfr-okvir > .container {
    background: color-mix(in srgb, #ffffff 6%, transparent);
    border-color: color-mix(in srgb, var(--pale) 20%, transparent);
}

@media (max-width: 900px) {
    .nb-hero-side { grid-template-columns: minmax(0, 1fr); }
    .nb-hero-side .news-feature { position: static; }
    /* istaknuta kartica: slika u toku (16/10) iznad teksta umjesto overlaya preko nje —
       overlay je nosio min-height 340 px pa ga je overflow:hidden rezao, a i prekrivao je naslovnicu.
       (min-height se preko aspect-ratia prenosi na sirinu i gura karticu izvan ekrana) */
    .nb-hero-side .news-feature-link { min-height: 0; max-height: none; max-width: 100%; aspect-ratio: auto; }
    .news-feature-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
    .news-feature-overlay { min-height: 0; }
    .news-item-link { grid-template-columns: 130px 1fr; }
    .news-item-media { min-height: 96px; }
}
@media (max-width: 560px) {
    .news-item-link { grid-template-columns: minmax(0, 1fr); gap: 0.7rem; }
    .news-item:not(.news-item--mini) .news-item-media { height: 150px; min-height: 0; } /* mini u rail-u ostaje 2-stupčan: sličica se rasteže uz tekst */
    .nb-compact-link {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "when arrow" "body body";
        row-gap: 0.4rem;
        padding: 0.75rem 0.85rem;
    }
    .nb-compact-when { display: flex; align-items: center; gap: 0.55rem; }
}

.news-card {
    position: relative;
    border-radius: var(--r-lg);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
}
.news-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.news-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
.news-card-media {
    position: relative;
    aspect-ratio: 16 / 9.5;
    overflow: hidden;
    background: var(--paper-2);
}
.news-card-media img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.6s var(--ease-out);
}
.news-card:hover .news-card-media img { transform: scale(1.06); }

/* gradient placeholder covers (seed data has no images) */
.cover-ph {
    display: grid;
    place-items: center;
    width: 100%; height: 100%;
    color: color-mix(in srgb, var(--pale) 80%, transparent);
    position: relative;
    transition: transform 0.6s var(--ease-out);
}
.news-card:hover .cover-ph { transform: scale(1.04); }
.cover-ph::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--grain);
    background-size: 140px;
    opacity: 0.1;
    mix-blend-mode: overlay;
}
.cover-ph::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--pale) 16%, transparent) 0, transparent 26%),
                      radial-gradient(circle at 12% 85%, color-mix(in srgb, var(--pale) 10%, transparent) 0, transparent 30%);
}
.cover-ph svg { position: relative; z-index: 1; filter: drop-shadow(0 4px 10px color-mix(in srgb, var(--pine-950) 35%, transparent)); }
.cover-ph--0 { background: linear-gradient(135deg, var(--pine-700) 0%, var(--pine-900) 55%, var(--green) 160%); }
.cover-ph--1 { background: linear-gradient(135deg, var(--green-deep) -20%, var(--pine-800) 50%, var(--pine-900) 100%); }
.cover-ph--2 { background: linear-gradient(135deg, color-mix(in srgb, var(--yellow) 45%, var(--pine-900)) -30%, var(--pine-700) 40%, var(--pine-900) 100%); }

.news-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.4rem 1.5rem 1.5rem;
}
.news-card-date {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--green-deep);
    margin-bottom: 0.55rem;
}
.news-card-title {
    font-size: 1.28rem;
    font-weight: 650;
    margin-bottom: 0.55rem;
    letter-spacing: -0.01em;
}
.news-card-excerpt {
    color: var(--ink-soft);
    font-size: 0.94rem;
    margin-bottom: 1.1rem;
}
.news-card-more {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: auto;
    font-weight: 650;
    font-size: 0.9rem;
    color: var(--ink);
}
.news-card-more svg { transition: transform 0.25s var(--ease-out); }
.news-card:hover .news-card-more { color: var(--green-deep); }
.news-card:hover .news-card-more svg { transform: translateX(4px); }

/* ============================================================ 12. NOTICES STRIP (home) */
.section--notices { background: var(--paper-2); border-block: 1px solid var(--line-soft); }
.notice-strip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.2rem;
}
.notice-card {
    position: relative;
    padding: 1.4rem 1.5rem;
    border-radius: var(--r-md);
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-top: 3px solid var(--line);
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out);
}
.notice-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.notice-card.is-pinned { border-top-color: var(--yellow); background: linear-gradient(180deg, #fdfce8 0%, var(--card) 55%); }
.pin-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.22rem 0.7rem;
    margin-bottom: 0.7rem;
    border-radius: var(--r-pill);
    background: color-mix(in srgb, var(--yellow) 18%, transparent);
    color: #6d6410;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.notice-date {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink-faint);
    margin-bottom: 0.4rem;
}
.notice-title { font-size: 1.12rem; font-weight: 650; margin-bottom: 0.45rem; }
.notice-body { color: var(--ink-soft); font-size: 0.92rem; margin: 0; }

/* ============================================================ 13. HOURS PANEL */
.section--hours { padding-block: clamp(2rem, 5vh, 3.5rem); }
.hours-panel {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: clamp(2rem, 5vw, 4rem);
    padding: clamp(2rem, 5vw, 3.5rem);
    border-radius: var(--r-xl);
    background:
        radial-gradient(90% 130% at 8% 0%, color-mix(in srgb, var(--yellow) 14%, transparent) 0%, transparent 45%),
        radial-gradient(100% 130% at 100% 100%, color-mix(in srgb, var(--green) 30%, transparent) 0%, transparent 50%),
        linear-gradient(140deg, var(--pine-800), var(--pine-950));
    color: var(--pale);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    position: relative;
}
.hours-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--grain);
    background-size: 140px;
    opacity: 0.06;
    mix-blend-mode: overlay;
    pointer-events: none;
}
/* dekorativni analogni sat u pozadini panela — kazaljke pokazuju stvarno vrijeme (front.js) */
.hours-clock {
    position: absolute;
    z-index: 0;
    left: clamp(1.5rem, 7vw, 6rem);
    bottom: clamp(1.2rem, 3.2vw, 2.8rem);
    width: clamp(220px, 23vw, 340px);
    aspect-ratio: 1;
    pointer-events: none;
    filter: drop-shadow(0 0 42px color-mix(in srgb, var(--yellow) 20%, transparent));
    transform: rotate(-6deg);
}
.hours-clock svg { width: 100%; height: 100%; }
.hc-ring { fill: none; stroke: color-mix(in srgb, var(--pale) 17%, transparent); stroke-width: 1.6; }
.hc-ring--inner { stroke: color-mix(in srgb, var(--pale) 7%, transparent); stroke-width: 1; }
.hc-ticks line { stroke: color-mix(in srgb, var(--pale) 24%, transparent); stroke-width: 2; stroke-linecap: round; }
.hc-ticks line.hc-tick-main { stroke: color-mix(in srgb, var(--yellow) 55%, transparent); stroke-width: 2.6; }
.hc-hand { stroke-linecap: round; }
.hc-hand--h { stroke: color-mix(in srgb, var(--pale) 78%, transparent); stroke-width: 5; }
.hc-hand--m { stroke: color-mix(in srgb, var(--pale) 55%, transparent); stroke-width: 3; }
.hc-hand--s { stroke: var(--yellow); stroke-width: 1.5; }
.hc-cap { fill: var(--yellow); }
@media (max-width: 760px) {
    .hours-clock { display: none; }
}

/* ---- izgled sekcije radnog vremena (Radno vrijeme -> Postavke sata) ---- */
.hours-clock--minimalni .hc-ticks,
.hours-clock--minimalni .hc-ring--inner { display: none; }
.hours-clock--minimalni .hc-ring { stroke-width: 1; }
.hours-clock--minimalni .hc-hand--h { stroke-width: 3.4; }
.hours-clock--minimalni .hc-hand--m { stroke-width: 2.2; }
.hours-clock--minimalni .hc-hand--s { stroke-width: 1.1; }
.hours-clock--digital {
    display: grid;
    place-content: center;
    gap: 0.35rem;
    aspect-ratio: auto;
    width: auto;
    max-width: min(46vw, 460px);
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    text-align: center;
}
.hcd-time {
    font-family: var(--font-display);
    font-size: clamp(2.6rem, 7vw, 5.4rem);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: color-mix(in srgb, var(--pale) 92%, transparent);
}
.hcd-sec { font-size: 0.42em; margin-left: 0.12em; color: var(--yellow); vertical-align: super; }
.hcd-date {
    font-size: clamp(0.82rem, 1.4vw, 1rem);
    color: color-mix(in srgb, var(--pale) 62%, transparent);
    text-transform: capitalize;
}
.hours-panel--noclock { grid-template-columns: 1fr 1.25fr; }
.hours-panel--stack { grid-template-columns: minmax(0, 1fr); }
.hours-table--2 {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    gap: 2px clamp(1rem, 3vw, 2.5rem);
    align-self: stretch;
}
.hours-table--2 .hours-row + .hours-row { margin-top: 0; }
@media (max-width: 760px) {
    .hours-table--2 { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
}
.hours-panel--bg-zelena {
    background:
        radial-gradient(90% 130% at 8% 0%, color-mix(in srgb, var(--yellow) 16%, transparent) 0%, transparent 45%),
        linear-gradient(140deg, var(--green-deep), var(--pine-900));
}
.hours-panel--bg-svijetla {
    background: var(--card);
    border: 1px solid var(--line-soft);
    color: var(--ink-soft);
    box-shadow: var(--shadow-sm);
}
.hours-panel--bg-svijetla::after { opacity: 0.03; mix-blend-mode: multiply; }
.hours-panel--bg-svijetla .section-title--light { color: var(--ink); }
.hours-panel--bg-svijetla .section-kicker--light { color: var(--green-deep); }
.hours-panel--bg-svijetla .hours-row { color: var(--ink-soft); }
.hours-panel--bg-svijetla .hours-row.is-today {
    background: color-mix(in srgb, var(--green) 12%, transparent);
    border-color: color-mix(in srgb, var(--green) 32%, transparent);
    color: var(--ink);
}
.hours-panel--bg-svijetla .today-badge { background: var(--green); color: #fff; }
.hours-panel--bg-svijetla .sat-badge { border-color: color-mix(in srgb, var(--green) 45%, transparent); color: var(--green-deep); }
.hours-panel--bg-svijetla .hours-closed,
.hours-panel--bg-svijetla .ht-line--full .ht-time { color: var(--ink-faint); }
.hours-panel--bg-svijetla .ht-tag { background: color-mix(in srgb, var(--green) 15%, transparent); color: var(--green-deep); }
.hours-panel--bg-svijetla .ht-tag--muted { background: color-mix(in srgb, var(--ink) 7%, transparent); color: var(--ink-faint); }
.hours-panel--bg-svijetla .hours-note {
    background: color-mix(in srgb, var(--yellow) 16%, transparent);
    color: var(--ink-soft);
}
.hours-panel--bg-svijetla .status-pill--hero {
    background: var(--paper-2);
    border-color: var(--line-soft);
    color: var(--ink-soft);
}
.hours-panel--bg-svijetla .status-pill--hero.is-open { color: #135c22; background: #e3f4e1; }
.hours-panel--bg-svijetla .hours-tab { border-color: var(--line-soft); color: var(--ink); background: transparent; }
.hours-panel--bg-svijetla .hours-tab:hover { background: color-mix(in srgb, var(--green) 8%, transparent); }
.hours-panel--bg-svijetla .hours-tab.is-active { background: var(--green); border-color: var(--green); color: #fff; }
.hours-panel--bg-svijetla .hours-tab-dot { background: color-mix(in srgb, var(--ink) 25%, transparent); }
.hours-panel--bg-svijetla .hours-tab.is-active .hours-tab-dot { background: #fff; }
.hours-panel--bg-svijetla .hours-row--saturdays { border-top-color: var(--line-soft); }
.hours-panel--bg-svijetla .hours-row--saturdays .hours-day { color: var(--green-deep); }
.hours-panel--bg-svijetla .ht-sat-note { color: var(--ink-faint); }
.hours-panel--bg-svijetla .ht-sat-note--on { color: var(--green-deep); }
.hours-panel--bg-svijetla .hc-ring { stroke: color-mix(in srgb, var(--ink) 14%, transparent); }
.hours-panel--bg-svijetla .hc-ticks line { stroke: color-mix(in srgb, var(--ink) 22%, transparent); }
.hours-panel--bg-svijetla .hc-hand--h { stroke: color-mix(in srgb, var(--ink) 55%, transparent); }
.hours-panel--bg-svijetla .hc-hand--m { stroke: color-mix(in srgb, var(--ink) 40%, transparent); }
.hours-panel--bg-svijetla .hcd-time { color: color-mix(in srgb, var(--ink) 80%, transparent); }
.hours-panel--bg-svijetla .hcd-date { color: var(--ink-faint); }

/* dvostruko vrijeme: "za korisnike" (glavno) + puno radno vrijeme (diskretno)
   — oznake i vremena u poravnatim stupcima */
.ht-line {
    display: grid;
    grid-template-columns: max-content 8rem;
    justify-content: end;
    align-items: center;
    gap: 0.55rem;
    white-space: nowrap;
}
.ht-line .ht-time { text-align: right; font-variant-numeric: tabular-nums; }
.ht-line--full { margin-top: 0.25rem; }
.ht-line--full .ht-time {
    font-size: 0.78rem;
    font-weight: 500;
    color: color-mix(in srgb, var(--pale) 55%, transparent);
}
.ht-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7.6rem;
    padding: 0.14rem 0.55rem;
    border-radius: var(--r-pill);
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--yellow) 24%, transparent);
    color: color-mix(in srgb, var(--yellow) 75%, var(--pale));
}
.ht-tag--muted {
    background: color-mix(in srgb, var(--pale) 9%, transparent);
    color: color-mix(in srgb, var(--pale) 50%, transparent);
}
.footer-hours-full {
    display: block;
    font-size: 0.68rem;
    opacity: 0.6;
    text-align: right;
    white-space: nowrap;
}
.footer-hours-tag {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.75;
    margin-right: 0.25rem;
}

.hours-intro { position: relative; z-index: 1; }
.hours-intro .status-pill { margin-top: 0.4rem; }
.hours-note {
    margin-top: 1.2rem;
    padding: 0.8rem 1rem;
    border-left: 3px solid var(--yellow);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    background: color-mix(in srgb, var(--pale) 7%, transparent);
    color: var(--pale-soft);
    font-size: 0.92rem;
}
.hours-table {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0; padding: 0;
    align-self: center;
}

/* tabovi odjela radnog vremena (više odjela: npr. Uredi / Kompostana / Reciklažno dvorište) */
.hours-tables { position: relative; z-index: 1; align-self: center; min-width: 0; }
.hours-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1rem; }
.hours-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.95rem;
    border-radius: var(--r-pill);
    border: 1px solid color-mix(in srgb, var(--pale) 22%, transparent);
    background: color-mix(in srgb, var(--pale) 7%, transparent);
    color: var(--pale-soft);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.hours-tab:hover { background: color-mix(in srgb, var(--pale) 14%, transparent); color: var(--pale); }
.hours-tab.is-active { background: var(--yellow); border-color: var(--yellow); color: var(--pine-950); }
.hours-tab-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    flex: none;
    background: color-mix(in srgb, var(--pale) 38%, transparent);
}
.hours-tab.is-open .hours-tab-dot { background: var(--green); }
.hours-tab.is-active .hours-tab-dot { background: var(--pine-950); }
/* skriveni paneli/pilule tabova — display na klasama ne smije pregaziti [hidden] */
.hours-table[hidden], .hours-intro .status-pill[hidden] { display: none !important; }
.hours-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.62rem 0.9rem;
    border-radius: var(--r-sm);
    font-size: 0.97rem;
    color: var(--pale-soft);
}
.hours-row + .hours-row { margin-top: 2px; }
.hours-row.is-today {
    background: color-mix(in srgb, var(--yellow) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--yellow) 35%, transparent);
    color: var(--pale);
    font-weight: 600;
}
.hours-day { display: inline-flex; align-items: center; gap: 0.6rem; }
.today-badge {
    padding: 0.1rem 0.55rem;
    border-radius: var(--r-pill);
    background: var(--yellow);
    color: var(--pine-950);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}
.hours-time { font-variant-numeric: tabular-nums; }
.hours-closed { color: var(--ink-faint); font-style: italic; }
.hours-row.is-today .hours-closed { color: var(--pale-soft); }

/* working saturdays */
.sat-badge {
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--yellow) 55%, transparent);
    color: var(--yellow);
}
.hours-row--saturdays {
    margin-top: 0.7rem;
    border-top: 1px dashed color-mix(in srgb, var(--pale) 22%, transparent);
    padding-top: 0.9rem;
    border-radius: 0;
}
.hours-row--saturdays .hours-day { color: var(--yellow); font-weight: 600; }
.hours-row--saturdays .hours-time { text-align: right; }

@media (max-width: 760px) {
    .hours-panel { grid-template-columns: minmax(0, 1fr); }
    /* redak dana se slaze okomito: dan (s oznakama) gore, vremena ispod pune sirine */
    .hours-row { flex-direction: column; align-items: stretch; gap: 0.4rem; }
    .hours-day { flex-wrap: wrap; row-gap: 0.3rem; }
    .hours-time { width: 100%; text-align: right; }
    .ht-line { grid-template-columns: max-content 1fr; width: 100%; justify-content: stretch; }
    .hours-row--saturdays { flex-direction: column; align-items: stretch; }
    .hours-row--saturdays .hours-time { white-space: normal; }
    .sat-badge { font-size: 0.62rem; }
}

/* ============================================================ 14. QUICK-LINK TILES */
.tile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 1.2rem;
}
.tile {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    padding: 1.5rem 1.6rem;
    border-radius: var(--r-lg);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
    color: inherit;
    text-decoration: none;
    transition: transform 0.28s var(--ease-out), box-shadow 0.28s var(--ease-out), border-color 0.28s;
}
.tile:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: color-mix(in srgb, var(--green) 45%, transparent); }
.tile-icon {
    display: grid;
    place-items: center;
    width: 58px; height: 58px;
    border-radius: var(--r-md);
    flex-shrink: 0;
    color: var(--pale);
    transition: transform 0.3s var(--ease-out);
}
.tile:hover .tile-icon { transform: scale(1.08) rotate(-4deg); }
/* boja ikone pločice — bira se u adminu (Naslovnica → Brze poveznice) */
.tile-icon--tamna  { background: linear-gradient(140deg, var(--pine-700), var(--pine-950)); color: var(--yellow-2); }
.tile-icon--zelena { background: linear-gradient(140deg, #23b13a, var(--green-deep)); }
.tile-icon--zuta   { background: linear-gradient(140deg, var(--yellow-2), #e5d40c); color: var(--ink); }
.tile-body { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.tile-title { font-family: var(--font-display); font-weight: 650; font-size: 1.22rem; }
.tile-desc { color: var(--ink-soft); font-size: 0.88rem; }
.tile-arrow { margin-left: auto; color: var(--ink-faint); transition: transform 0.25s var(--ease-out), color 0.25s; }
.tile:hover .tile-arrow { transform: translateX(4px); color: var(--green-deep); }

/* ============================================================ 15. PAGINATION */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: clamp(2.2rem, 5vh, 3.4rem);
}
.page-link {
    display: inline-grid;
    place-items: center;
    min-width: 42px; height: 42px;
    padding: 0 0.6rem;
    border-radius: var(--r-xs3);
    border: 1px solid var(--line);
    background: var(--card);
    color: var(--ink);
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    transition: transform 0.2s var(--ease-out), background-color 0.2s, border-color 0.2s, color 0.2s;
}
.page-link:hover { border-color: var(--ink); transform: translateY(-2px); }
.page-link.is-current {
    background: var(--pine-900);
    border-color: var(--pine-900);
    color: var(--pale);
    box-shadow: var(--shadow-sm);
}
.page-link.is-disabled { opacity: 0.35; pointer-events: none; }

/* ============================================================ 16. ARTICLE & PROSE */
.article-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: clamp(240px, 32vh, 360px);
    padding: clamp(3.4rem, 7vh, 5rem) 0 clamp(2rem, 4.5vh, 2.8rem);
    background: radial-gradient(130% 120% at 70% -20%, var(--pine-700) 0%, var(--pine-900) 55%, var(--pine-950) 100%);
    color: var(--pale);
    overflow: hidden;
}
.article-hero .page-hero-bg { background: transparent; }
.article-hero-inner { position: relative; z-index: 1; }

/* --- light article: dvostupcani raspored (sadrzaj + bocne novosti) --- */
.article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
    padding-top: clamp(2.2rem, 6vh, 3.6rem);
    padding-bottom: clamp(1.6rem, 4vh, 2.6rem);
}
.article-main { min-width: 0; max-width: 780px; }
.article-head .crumbs { margin-bottom: 1.4rem; }
.article-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

/* share krugovi (FB / WhatsApp / Viber / Instagram / kopiraj) */
.share-circles { display: flex; gap: 0.5rem; }
.share-circle {
    display: grid;
    place-items: center;
    width: 38px; height: 38px;
    padding: 0;
    border: 0;
    border-radius: var(--r-round);
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.18s var(--ease-out), filter 0.18s, box-shadow 0.18s;
}
.share-circle:hover {
    transform: translateY(-3px) scale(1.06);
    filter: brightness(1.08);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--pine-950) 22%, transparent);
    text-decoration: none;
}
.share-circle:active { transform: scale(0.95); }
.share-circle:focus-visible { outline: 2px solid var(--green-deep); outline-offset: 2px; }
.share-circle--fb { background: #1877f2; }
.share-circle--wa { background: #25d366; }
.share-circle--vb { background: #7360f2; }
.share-circle--ig { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.share-circle--copy { background: var(--pine-800); }

/* bocni stupac: ostale novosti + kategorije */
.article-side {
    min-width: 0;
    position: sticky;
    top: calc(var(--header-h) + 20px);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.article-side-inner {
    padding: 1.3rem 1.3rem 1.2rem;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
}

/* kategorije widget */
.side-cats { list-style: none; margin: 0; padding: 0; }
.side-cat {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.6rem;
    border-radius: var(--r-sm);
    text-decoration: none;
    color: var(--ink-soft);
    font-size: 0.92rem;
    font-weight: 600;
    transition: background-color 0.18s, color 0.18s, transform 0.18s var(--ease-out);
}
.side-cat:hover {
    background: var(--paper);
    color: var(--green-deep);
    transform: translateX(3px);
    text-decoration: none;
}
.side-cat.is-current {
    background: color-mix(in srgb, var(--green) 10%, transparent);
    color: var(--green-deep);
}
.side-cat-dot { width: 10px; height: 10px; border-radius: var(--r-round); flex: none; }
.side-cat-name { flex: 1; min-width: 0; }
.side-cat-count {
    padding: 0.1rem 0.55rem;
    border-radius: var(--r-pill);
    background: var(--paper-2);
    color: var(--ink-faint);
    font-size: 0.75rem;
    font-weight: 700;
}
.side-cat:hover .side-cat-count,
.side-cat.is-current .side-cat-count { background: color-mix(in srgb, var(--green) 16%, transparent); color: var(--green-deep); }
.side-title {
    margin: 0 0 1rem;
    padding-bottom: 0.7rem;
    border-bottom: 2px solid var(--green);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ink);
}
.side-news { display: flex; flex-direction: column; }
.side-news-item {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 0.85rem;
    align-items: center;
    padding: 0.7rem 0;
    text-decoration: none;
    color: inherit;
}
.side-news-item + .side-news-item { border-top: 1px solid var(--line-soft); }
.side-news-item:hover { text-decoration: none; }
.side-news-thumb {
    display: block;
    height: 70px;
    border-radius: var(--r-sm);
    overflow: hidden;
    background: var(--paper-2);
}
.side-news-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s var(--ease-out); }
.side-news-item:hover .side-news-thumb img { transform: scale(1.06); }
.side-news-thumb .cover-ph { display: grid; place-items: center; width: 100%; height: 100%; color: color-mix(in srgb, var(--pale) 45%, transparent); }
.side-news-date { display: block; font-size: 0.74rem; font-weight: 600; color: var(--ink-faint); margin-bottom: 0.15rem; }
.side-news-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.35;
    color: var(--ink);
    transition: color 0.2s;
}
.side-news-item:hover .side-news-title { color: var(--green-deep); }
.side-news-all { margin-top: 1rem; width: 100%; justify-content: center; }

@media (max-width: 1020px) {
    .article-grid { grid-template-columns: minmax(0, 1fr); }
    .article-main { max-width: 100%; }
    .article-side { position: static; }
}
.article-head-cat { margin: 0 0 0.9rem; }
.article-title-light {
    margin: 0 0 1rem;
    font-size: clamp(1.7rem, 3.8vw, 2.7rem);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: var(--ink);
}
.article-meta-light {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--ink-faint);
    font-size: 0.92rem;
    font-weight: 500;
}
.article-meta-light time { color: var(--ink-soft); font-weight: 600; }
.article-meta-light svg { color: var(--green-deep); }
.article-head-rule {
    margin: 1.4rem 0 0;
    border: 0;
    border-top: 1px solid var(--line);
}
.article--light .article-layout {
    padding-block: clamp(1.6rem, 4vh, 2.4rem) clamp(1.4rem, 3vh, 2rem);
}

/* full cover image shown inside the article (natural aspect ratio, lightbox) */
.article-cover {
    margin: 0 0 clamp(1.8rem, 4vh, 2.6rem);
}
.article-cover a {
    position: relative;
    display: block;
    border-radius: var(--r-md);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    outline-offset: 3px;
    background: color-mix(in srgb, var(--t-dark) 8%, var(--paper));
}
/* mutna kopija slike iza — puni prazninu kad slika ne pokriva cijelu širinu/omjer */
.article-cover-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(28px) saturate(1.15);
    transform: scale(1.18);
    opacity: 0.55;
}
.article-cover-img {
    position: relative;
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(64vh, 560px);
    margin-inline: auto;
}
.article-cover .gallery-zoom { opacity: 0; }
.article-cover a:hover .gallery-zoom,
.article-cover a:focus-visible .gallery-zoom { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
    .article-cover-img { transition: transform 0.5s var(--ease-out); }
    .article-cover a:hover .article-cover-img { transform: scale(1.015); }
}
.article-title {
    max-width: 22ch;
    margin: 0.6rem 0 0.8rem;
    font-size: clamp(1.9rem, 4.6vw, 3.2rem);
    font-weight: 700;
    letter-spacing: -0.018em;
    color: var(--pale);
}
.article-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--pale-soft);
    font-size: 0.92rem;
    font-weight: 500;
}

.crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.88rem;
    font-weight: 500;
}
.crumbs a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--ink-soft);
    text-decoration: none;
}
.crumbs a:hover { color: var(--green-deep); text-decoration: underline; }
.crumbs--light a { color: var(--pale-soft); }
.crumbs--light a:hover { color: var(--pale); }
.crumb-sep { color: var(--ink-faint); }
.crumbs--light .crumb-sep { color: color-mix(in srgb, var(--pale) 40%, transparent); }
.crumb-current { color: var(--ink); font-weight: 600; }

.article-layout {
    max-width: var(--container-narrow);
    padding-block: clamp(2.4rem, 6vh, 4rem) clamp(1.4rem, 3vh, 2rem);
}
/* širina stranica (Postavke → Širina sadržaja stranica) */
.article-layout--srednja { max-width: 1000px; }
.article-layout--siroka { max-width: var(--container); }

/* --- prose (raw sanitized HTML) --- */
.prose {
    font-size: 1.06rem;
    line-height: 1.78;
    color: var(--ink);
}
.prose > *:first-child { margin-top: 0; }
.prose p { margin: 0 0 1.25em; }
.prose h2, .prose h3, .prose h4 {
    margin: 1.8em 0 0.6em;
    letter-spacing: -0.01em;
}
.prose h2 { font-size: 1.65rem; }
.prose h3 { font-size: 1.35rem; }
.prose h4 { font-size: 1.15rem; }
.prose a { color: var(--green-deep); font-weight: 550; }
.prose ul, .prose ol { margin: 0 0 1.25em; padding-left: 1.5em; }
.prose li { margin-bottom: 0.4em; }
.prose li::marker { color: var(--green-deep); }
.prose blockquote {
    margin: 1.6em 0;
    padding: 1rem 1.4rem;
    border-left: 4px solid var(--yellow);
    border-radius: 0 var(--r-md) var(--r-md) 0;
    background: var(--paper-2);
    font-family: var(--font-display);
    font-style: italic;
    font-size: 1.12rem;
    color: var(--ink-soft);
}
.prose blockquote p:last-child { margin-bottom: 0; }
.prose img {
    border-radius: var(--r-md);
    box-shadow: var(--shadow-md);
    margin: 0.4em 0;
}
.prose figure { margin: 1.6em 0; }
.prose figcaption {
    margin-top: 0.5em;
    font-size: 0.86rem;
    color: var(--ink-faint);
    text-align: center;
}
.prose hr {
    border: 0;
    height: 1px;
    margin: 2.2em 0;
    background: linear-gradient(90deg, transparent, var(--line), transparent);
}
.prose table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    margin: 1.6em 0;
    font-size: 0.95rem;
}
.prose th, .prose td {
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--line);
    text-align: left;
}
.prose th { background: var(--paper-2); font-weight: 650; white-space: nowrap; }
.prose tr:nth-child(even) td { background: color-mix(in srgb, var(--paper-2) 50%, transparent); }

/* ============================================================ 17. GALLERY & LIGHTBOX */
.gallery { margin-top: clamp(2rem, 5vh, 3rem); }
.gallery-title { font-size: 1.5rem; margin-bottom: 1.1rem; }
.gallery-grid {
    --gal-min: 190px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--gal-min), 100%), 1fr));
    gap: 0.9rem;
}
.gallery-item {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    border-radius: var(--r-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform 0.28s var(--ease-out), box-shadow 0.28s var(--ease-out);
}
.gallery-item:hover { transform: translateY(-4px) scale(1.015); box-shadow: var(--shadow-md); }
.gallery-item img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.5s var(--ease-out);
}
.gallery-item:hover img { transform: scale(1.07); }
.gallery-zoom {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--pine-950) 35%, transparent);
    color: var(--pale);
    opacity: 0;
    transition: opacity 0.25s;
}
.gallery-item:hover .gallery-zoom,
.gallery-item:focus-visible .gallery-zoom { opacity: 1; }

/* lightbox (DOM built by front.js) */
.lb-overlay {
    position: fixed;
    inset: 0;
    z-index: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(1rem, 4vw, 3rem);
    background: color-mix(in srgb, var(--pine-950) 94%, transparent);
    backdrop-filter: blur(6px);
    opacity: 0;
    transition: opacity 0.25s var(--ease-out);
}
.lb-overlay.is-open { opacity: 1; }
.lb-figure {
    margin: 0;
    max-width: min(1100px, 100%);
    text-align: center;
}
.lb-img {
    max-width: 100%;
    max-height: 78vh;
    border-radius: var(--r-md);
    box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.7);
    animation: lb-zoom 0.3s var(--ease-out);
}
@keyframes lb-zoom {
    from { transform: scale(0.94); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}
.lb-caption {
    margin-top: 0.9rem;
    color: var(--pale-soft);
    font-size: 0.95rem;
    min-height: 1.3em;
}
.lb-counter {
    position: absolute;
    top: 18px; left: 22px;
    color: color-mix(in srgb, var(--pale) 60%, transparent);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.06em;
}
.lb-btn {
    position: absolute;
    display: grid;
    place-items: center;
    width: 48px; height: 48px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--pale) 20%, transparent);
    border-radius: var(--r-round);
    background: color-mix(in srgb, var(--pale) 8%, transparent);
    color: var(--pale);
    cursor: pointer;
    transition: background-color 0.2s, transform 0.2s var(--ease-out);
}
.lb-btn:hover { background: color-mix(in srgb, var(--pale) 20%, transparent); transform: scale(1.06); }
.lb-close { top: 16px; right: 18px; }
.lb-prev { left: 14px; top: 50%; transform: translateY(-50%); }
.lb-next { right: 14px; top: 50%; transform: translateY(-50%); }
.lb-prev:hover { transform: translateY(-50%) scale(1.06); }
.lb-next:hover { transform: translateY(-50%) scale(1.06); }
@media (max-width: 640px) {
    .lb-prev { left: 6px; }
    .lb-next { right: 6px; }
    .lb-btn { width: 42px; height: 42px; }
}

/* ============================================================ 18. SHARE ROW */
.share-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: clamp(2rem, 5vh, 3rem);
    padding-top: 1.6rem;
    border-top: 1px solid var(--line-soft);
}
.share-label { font-weight: 650; font-size: 0.95rem; color: var(--ink-soft); }
.btn.is-copied { background: #e3f4e1; color: #135c22; }

/* ============================================================ 19. TIMELINE (notices) */
.timeline {
    list-style: none;
    margin: 0; padding: 0.4rem 0 0 0;
    position: relative;
}
.timeline::before {
    content: "";
    position: absolute;
    top: 8px; bottom: 8px;
    left: 9px;
    width: 2px;
    background: linear-gradient(180deg, var(--yellow), var(--line) 30%, var(--line));
    border-radius: var(--r-dot);
}
.timeline-item {
    position: relative;
    padding: 0 0 1.6rem 2.6rem;
}
.timeline-item:last-child { padding-bottom: 0.4rem; }
.timeline-dot {
    position: absolute;
    top: 1.7rem;
    left: 3px;
    width: 14px; height: 14px;
    border-radius: var(--r-round);
    background: var(--card);
    border: 3px solid var(--ink-faint);
    z-index: 1;
}
.timeline-item.is-pinned .timeline-dot { border-color: var(--yellow); background: #fdf9d8; }
.timeline-card {
    padding: 1.5rem 1.7rem;
    border-radius: var(--r-lg);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
    transition: transform 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out);
}
.timeline-item:hover .timeline-card { transform: translateX(4px); box-shadow: var(--shadow-md); }
.timeline-item.is-pinned .timeline-card {
    border-color: color-mix(in srgb, var(--yellow) 45%, transparent);
    background: linear-gradient(180deg, #fdfce8 0%, var(--card) 60%);
}
.timeline-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-bottom: 0.5rem;
}
.timeline-meta time {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-faint);
}
.timeline-meta .pin-badge { margin-bottom: 0; }
.timeline-title { font-size: 1.3rem; font-weight: 650; margin-bottom: 0.5rem; }
.timeline-ico {
    display: inline-grid;
    place-items: center;
    width: 32px; height: 32px;
    margin-right: 0.55rem;
    vertical-align: -8px;
    border-radius: var(--r-xs2);
    background: color-mix(in srgb, var(--green) 13%, transparent);
    color: var(--green-deep);
}
.timeline-body { color: var(--ink-soft); margin: 0; font-size: 0.98rem; }

/* ============================================================ 20. DOCUMENTS */
.docs-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.9rem 1.2rem;
    margin-bottom: clamp(1.6rem, 4vh, 2.4rem);
    border-radius: var(--r-md);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
}
.docs-crumbs { min-width: 0; }
.docs-search {
    position: relative;
    flex: 1 1 240px;
    max-width: 340px;
}
.docs-search-icon {
    position: absolute;
    top: 50%; left: 13px;
    transform: translateY(-50%);
    color: var(--ink-faint);
    pointer-events: none;
}
.docs-search input {
    width: 100%;
    padding: 0.6rem 1rem 0.6rem 2.5rem;
    border: 1.5px solid var(--line);
    border-radius: var(--r-pill);
    background: var(--paper);
    color: var(--ink);
    font-size: 0.93rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.docs-search input:focus {
    outline: none;
    border-color: var(--green-deep);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green-deep) 15%, transparent);
}
.docs-search input::placeholder { color: var(--ink-faint); }

.docs-group-title {
    font-size: 1.05rem;
    font-family: var(--font-body);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin: 2rem 0 1rem;
}
.docs-group-title:first-of-type { margin-top: 0; }

.folder-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 1rem;
}
.folder-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 1.3rem;
    border-radius: var(--r-md);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
    color: inherit;
    text-decoration: none;
    transition: transform 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out), border-color 0.25s;
}
.folder-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: color-mix(in srgb, var(--green) 45%, transparent); }
.folder-icon {
    display: grid;
    place-items: center;
    width: 50px; height: 50px;
    border-radius: var(--r-xs3);
    background: linear-gradient(140deg, #e3f4e1, #c4e8bd);
    color: var(--green-deep);
    flex-shrink: 0;
    transition: transform 0.3s var(--ease-out);
}
.folder-card:hover .folder-icon { transform: scale(1.08) rotate(-3deg); }
.folder-body { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.folder-name { font-weight: 650; font-size: 1.02rem; }
.folder-meta { color: var(--ink-faint); font-size: 0.83rem; }
.folder-arrow { margin-left: auto; color: var(--ink-faint); transition: transform 0.25s var(--ease-out), color 0.25s; }
.folder-card:hover .folder-arrow { transform: translateX(3px); color: var(--green-deep); }

.doc-list {
    list-style: none;
    margin: 0; padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.doc-row {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    padding: 0.95rem 1.2rem;
    border-radius: var(--r-md);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
    transition: transform 0.22s var(--ease-out), box-shadow 0.22s var(--ease-out);
}
.doc-row:hover { transform: translateX(4px); box-shadow: var(--shadow-md); }
.doc-ext {
    display: inline-grid;
    place-items: center;
    min-width: 52px;
    padding: 0.55rem 0.5rem;
    border-radius: var(--r-xs2);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    flex-shrink: 0;
    box-shadow: var(--shadow-sm);
}
.ext--pdf   { background: linear-gradient(140deg, #d3492f, #a92c19); }
.ext--doc   { background: linear-gradient(140deg, #3b74d9, #2352a8); }
.ext--xls   { background: linear-gradient(140deg, #2c9e63, #17714a); }
.ext--ppt   { background: linear-gradient(140deg, #e07439, #c04f1d); }
.ext--zip   { background: linear-gradient(140deg, #8a63c9, #62419e); }
.ext--img   { background: linear-gradient(140deg, #1b96a8, #0e6b7a); }
.ext--other { background: linear-gradient(140deg, #6a7490, #47506b); }
.doc-info { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; flex: 1; }
.doc-title { font-weight: 600; font-size: 0.99rem; overflow-wrap: anywhere; }
.doc-meta {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--ink-faint);
    font-size: 0.83rem;
}
.doc-download { flex-shrink: 0; }
@media (max-width: 560px) {
    .doc-row { flex-wrap: wrap; }
    .doc-download { width: 100%; }
}

/* ============================================================ 21. CONTACT & FORMS */
/* tamni info panel lijevo + karta desno (iste visine); bez karte panel preko cijele širine */
.contact-layout { display: grid; gap: 1.4rem; }
.contact-layout.has-map { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.contact-layout.has-map .map-wrap { margin-top: 0; aspect-ratio: auto; min-height: 420px; }
.contact-layout.has-map .map-wrap > .consent-embed { height: 100%; }
@media (max-width: 900px) {
    .contact-layout.has-map { grid-template-columns: minmax(0, 1fr); }
    .contact-layout.has-map .map-wrap { aspect-ratio: 4 / 3; min-height: 0; }
}
.contact-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: clamp(1.6rem, 4vw, 2.6rem);
    border-radius: var(--r-xl);
    background: linear-gradient(150deg, var(--pine-700), var(--pine-950) 70%);
    color: var(--pale);
    box-shadow: var(--shadow-lg);
}
.contact-panel-glow {
    position: absolute;
    width: 320px; height: 320px;
    right: -120px; top: -140px;
    border-radius: 50%;
    background: radial-gradient(closest-side, color-mix(in srgb, var(--t-accent) 38%, transparent), transparent);
    pointer-events: none;
}
.cp-name {
    position: relative;
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.45rem, 3vw, 1.9rem);
    line-height: 1.2;
    color: var(--pale);
}
.cp-tagline { position: relative; margin: 0.35rem 0 0; color: var(--pale-soft); }
.cp-list {
    position: relative;
    list-style: none;
    margin: 1.8rem 0 1.6rem;
    padding: 0;
    display: grid;
    gap: 1.15rem;
}
.cp-list li { display: flex; gap: 0.95rem; align-items: flex-start; }
.cp-ico {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 44px; height: 44px;
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--pale) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--pale) 16%, transparent);
    color: var(--yellow-2);
}
.cp-list span { min-width: 0; font-size: 1.05rem; line-height: 1.45; }
.cp-list small {
    display: block;
    margin-bottom: 0.1rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--pale-soft);
}
.cp-list a { color: var(--pale); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.cp-list a:hover { color: var(--yellow-2); text-decoration: underline; }
.cp-foot {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: auto;
    padding-top: 1.4rem;
    border-top: 1px solid color-mix(in srgb, var(--pale) 14%, transparent);
}
.cp-oib { font-size: 0.86rem; color: var(--pale-soft); letter-spacing: 0.04em; }
.cp-social { display: flex; gap: 0.5rem; }
.cp-social a {
    display: grid;
    place-items: center;
    width: 38px; height: 38px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--pale) 20%, transparent);
    color: var(--pale);
    transition: background-color 0.2s, color 0.2s;
}
.cp-social a:hover { background: var(--yellow-2); color: var(--pine-950); }

/* donji red: Podaci (ispod panela) + obrazac (ispod karte), isti omjer stupaca kao gornji red */
.contact-lower { display: grid; gap: 1.4rem; margin-top: 1.4rem; align-items: start; }
.contact-lower.has-facts { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.contact-lower:not(.has-facts) .contact-form-col { width: 100%; max-width: var(--container-narrow); margin-inline: auto; }
@media (max-width: 900px) { .contact-lower.has-facts { grid-template-columns: minmax(0, 1fr); } }
/* kartica „Podaci” — Oznaka: vrijednost */
.contact-facts {
    margin: 0;
    padding: clamp(1.4rem, 3.5vw, 2.2rem);
    border-radius: var(--r-xl);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
}
.contact-facts-title {
    margin: 0 0 1rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--muted);
}
.cf-list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    column-gap: 2.4rem;
}
.cf-row {
    display: grid;
    grid-template-columns: minmax(0, 9rem) minmax(0, 1fr);
    gap: 1rem;
    padding: 0.8rem 0;
    border-bottom: 1px dashed var(--line-soft);
}
.cf-row--plain { grid-template-columns: minmax(0, 1fr); }
.cf-row dt { color: var(--muted); font-size: 0.92rem; }
.cf-row dd { margin: 0; color: var(--ink); font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .cf-row { grid-template-columns: minmax(0, 1fr); gap: 0.15rem; }
}

.map-wrap {
    margin-top: 1.6rem;
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--line-soft);
    aspect-ratio: 16 / 7;
    min-height: 300px;
}
.map-wrap iframe {
    display: block;
    width: 100%; height: 100%;
    border: 0;
}

.section--form { padding-top: 0; }
.form-panel {
    padding: clamp(1.8rem, 5vw, 3rem);
    border-radius: var(--r-xl);
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-md);
}
.form-intro { color: var(--ink-soft); margin-bottom: 1.8rem; }

.contact-form { display: flex; flex-direction: column; gap: 1.2rem; }
.form-row--2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
}
@media (max-width: 620px) {
    .form-row--2 { grid-template-columns: minmax(0, 1fr); }
}
.form-field { display: flex; flex-direction: column; gap: 0.4rem; }
.form-field label { font-weight: 600; font-size: 0.92rem; }
.req { color: var(--green-deep); }
.form-field input,
.form-field textarea {
    padding: 0.8rem 1rem;
    border: 1.5px solid var(--line);
    border-radius: var(--r-sm);
    background: var(--paper);
    color: var(--ink);
    transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.form-field input:focus,
.form-field textarea:focus {
    outline: none;
    background: #fff;
    border-color: var(--green-deep);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green-deep) 14%, transparent);
}
.form-field textarea { resize: vertical; min-height: 150px; }
.form-note { color: var(--ink-faint); font-size: 0.85rem; margin: -0.3rem 0 0.2rem; }
.contact-form .btn { align-self: flex-start; }

/* honeypot — offscreen, invisible to humans */
.hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: auto;
    width: 1px; height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* ============================================================ 22. EMPTY STATES & SUCCESS */
.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: clamp(2.5rem, 8vh, 4.5rem) 1.5rem;
    border-radius: var(--r-lg);
    border: 1.5px dashed var(--line);
    background: rgba(255, 255, 255, 0.6);
    text-align: center;
}
.empty-state--filter { margin-top: 1.4rem; }
.empty-icon {
    display: grid;
    place-items: center;
    width: 76px; height: 76px;
    margin-bottom: 0.6rem;
    border-radius: var(--r-round);
    background: var(--paper-2);
    color: var(--ink-faint);
}
.empty-state h2 { font-size: 1.4rem; margin: 0; }
.empty-state p { color: var(--ink-soft); margin: 0.2rem 0 1.2rem; }

.success-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: clamp(2.5rem, 7vh, 4rem) 2rem;
    border-radius: var(--r-xl);
    background: var(--card);
    border: 1px solid color-mix(in srgb, var(--green) 35%, transparent);
    box-shadow: var(--shadow-md);
}
.success-icon {
    display: grid;
    place-items: center;
    width: 76px; height: 76px;
    margin-bottom: 1.1rem;
    border-radius: var(--r-round);
    background: #e3f4e1;
    color: var(--green-deep);
    animation: success-pop 0.5s var(--ease-out);
}
@keyframes success-pop {
    0% { transform: scale(0.5); opacity: 0; }
    70% { transform: scale(1.08); }
    100% { transform: scale(1); opacity: 1; }
}
.success-panel h2 { font-size: 1.8rem; margin-bottom: 0.4rem; }
.success-panel p { color: var(--ink-soft); max-width: 44ch; margin-bottom: 1.6rem; }

/* ============================================================ 23. ERROR PAGE (404) */
.error-page {
    position: relative;
    display: flex;
    align-items: center;
    min-height: min(calc(100vh - var(--header-h)), 820px);
    min-height: min(calc(100svh - var(--header-h)), 820px);
    padding: clamp(3rem, 8vh, 5rem) 0;
    background: radial-gradient(120% 100% at 60% 0%, var(--pine-700) 0%, var(--pine-900) 50%, var(--pine-950) 100%);
    color: var(--pale);
    overflow: hidden;
    text-align: center;
}
.error-page .page-hero-bg { background: transparent; }
.error-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* univerzalni motiv: list papira s presavijenim kutom + povećalo (boje prate temu) */
.error-doc {
    position: relative;
    width: 132px; height: 160px;
    margin-bottom: 1.8rem;
    animation: err-sway 5s ease-in-out infinite alternate;
}
@keyframes err-sway {
    from { transform: rotate(-6deg) translateY(0); }
    to   { transform: rotate(-2deg) translateY(-8px); }
}
.error-doc-sheet {
    position: absolute;
    inset: 0 12px 0 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    background: linear-gradient(160deg, #ffffff, color-mix(in srgb, var(--pale) 78%, var(--green)));
    border-radius: var(--r-xs2) 26px var(--r-xs2) var(--r-xs2);
    box-shadow: 0 24px 50px -12px rgba(0, 0, 0, 0.55);
}
.error-doc-fold {
    position: absolute;
    top: 0; right: 0;
    width: 26px; height: 26px;
    background: linear-gradient(225deg, transparent 50%, color-mix(in srgb, var(--green) 45%, #9fb2a5) 50%);
    border-radius: 0 26px 0 var(--r-xs1);
}
.error-doc-num {
    font-family: var(--font-display);
    font-weight: 900;
    font-size: 2.1rem;
    letter-spacing: -0.03em;
    color: color-mix(in srgb, var(--green-deep) 80%, #1c2b20);
}
.error-doc-line {
    width: 62px; height: 6px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--green-deep) 22%, #d7ded6);
}
.error-doc-line--short { width: 38px; }
/* povećalo: obruč u akcentnoj boji + drška */
.error-doc-glass {
    position: absolute;
    right: -10px; bottom: -8px;
    width: 52px; height: 52px;
    border: 7px solid var(--yellow);
    border-radius: 50%; /* doslovno — povećalo je okruglo i na "kockastim" temama */
    background: color-mix(in srgb, var(--pale) 14%, transparent);
    backdrop-filter: blur(1.5px);
    box-shadow: 0 14px 30px -10px rgba(0, 0, 0, 0.5);
    animation: err-glass 5s ease-in-out infinite alternate;
}
.error-doc-glass::after {
    content: "";
    position: absolute;
    bottom: -22px; right: -10px;
    width: 9px; height: 30px;
    border-radius: 5px;
    background: linear-gradient(180deg, var(--yellow), color-mix(in srgb, var(--yellow) 55%, #4a3f08));
    transform: rotate(-45deg);
}
@keyframes err-glass {
    from { transform: translate(0, 0) rotate(0deg); }
    to   { transform: translate(-7px, -9px) rotate(6deg); }
}

.error-code {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 900;
    font-size: clamp(5rem, 16vw, 9.5rem);
    line-height: 1;
    letter-spacing: -0.04em;
    background: linear-gradient(120deg, var(--yellow-2), var(--yellow) 40%, var(--green));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 12px 34px color-mix(in srgb, var(--yellow) 25%, transparent));
}
.error-title {
    font-size: clamp(1.4rem, 3.4vw, 2.1rem);
    color: var(--pale);
    max-width: 24ch;
    margin: 0.6rem auto 0.8rem;
}
.error-text {
    color: var(--pale-soft);
    max-width: 52ch;
    margin: 0 auto 2rem;
}
.error-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.9rem;
}

/* ============================================================ 24. FOOTER */
.site-footer {
    position: relative;
    margin-top: clamp(2rem, 6vh, 4rem);
    background: linear-gradient(180deg, var(--pine-900), var(--pine-950));
    color: var(--pale-soft);
    overflow: hidden;
}
.footer-glow {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: min(900px, 90%);
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--yellow), transparent);
    opacity: 0.7;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1.1fr 0.9fr;
    gap: clamp(1.8rem, 4vw, 3rem);
    padding: clamp(2.8rem, 7vh, 4.5rem) 0 clamp(1.8rem, 4vh, 2.6rem);
}
@media (max-width: 940px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .footer-grid { grid-template-columns: minmax(0, 1fr); }
}
.footer-brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--pale);
    margin: 0 0 0.7rem;
}
.footer-brand .brand-glyph {
    width: 38px; height: 38px;
    background: color-mix(in srgb, var(--pale) 8%, transparent);
    color: var(--yellow);
    box-shadow: none;
}
.footer-tagline {
    font-family: var(--font-display);
    font-style: italic;
    color: var(--yellow-2);
    margin-bottom: 0.8rem;
}
.footer-text { font-size: 0.92rem; margin-bottom: 1rem; }
.footer-social { display: flex; gap: 0.6rem; margin-top: 0.4rem; }
.footer-social a {
    display: grid;
    place-items: center;
    width: 40px; height: 40px;
    border-radius: var(--r-xs3);
    border: 1px solid color-mix(in srgb, var(--pale) 18%, transparent);
    color: var(--pale-soft);
    transition: color 0.2s, border-color 0.2s, transform 0.2s var(--ease-out), background-color 0.2s;
}
.footer-social a:hover {
    color: var(--pine-950);
    background: var(--yellow);
    border-color: var(--yellow);
    transform: translateY(-3px);
}
.footer-title {
    font-family: var(--font-body);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--pale);
    margin-bottom: 1rem;
}
.footer-list {
    list-style: none;
    margin: 0; padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    font-size: 0.93rem;
}
.footer-list a { color: var(--pale-soft); text-decoration: none; }
.footer-list a:hover { color: var(--yellow-2); text-decoration: underline; }
.footer-hours li {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    max-width: 300px;
}
.footer-hours li span:last-child { font-variant-numeric: tabular-nums; white-space: nowrap; }
.footer-hours li.is-today {
    color: var(--yellow-2);
    font-weight: 600;
}
/* tabovi odjela radnog vremena u podnožju — dijele data-hours-* JS s naslovnicom */
.footer-hours-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 0.8rem; }
.fh-tab {
    padding: 0.22rem 0.7rem;
    border-radius: var(--r-pill);
    border: 1px solid color-mix(in srgb, var(--pale) 22%, transparent);
    background: transparent;
    color: color-mix(in srgb, var(--pale) 72%, transparent);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.fh-tab:hover { background: color-mix(in srgb, var(--pale) 10%, transparent); color: var(--pale); }
.fh-tab.is-active { background: var(--yellow); border-color: var(--yellow); color: var(--pine-950); }
/* .footer-list je flex — [hidden] mora nadjačati taj display */
.footer-hours[hidden] { display: none !important; }
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.8rem;
    padding: 1.3rem 0 1.6rem;
    border-top: 1px solid color-mix(in srgb, var(--pale) 10%, transparent);
    font-size: 0.86rem;
}
.footer-bottom p { margin: 0; }
.footer-credit { font-size: 0.8rem; color: color-mix(in srgb, var(--pale) 45%, transparent); }
.footer-credit a {
    color: color-mix(in srgb, var(--pale) 70%, transparent);
    font-weight: 600;
    text-decoration: none;
}
.footer-credit a:hover { color: var(--yellow); text-decoration: underline; }
.footer-login {
    color: color-mix(in srgb, var(--pale) 45%, transparent);
    text-decoration: none;
    font-size: 0.84rem;
}
.footer-login:hover { color: var(--pale); text-decoration: underline; }
.footer-login--key {
    display: grid;
    place-items: center;
    width: 34px; height: 34px;
    border-radius: var(--r-round);
    color: color-mix(in srgb, var(--pale) 28%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pale) 14%, transparent);
    transition: color 0.25s, background-color 0.25s, transform 0.3s var(--ease-out), box-shadow 0.25s;
}
/* zatvoreni i otvoreni lokot jedan preko drugog — hover "otključa" */
.footer-login--key svg { grid-area: 1 / 1; transition: opacity 0.25s, transform 0.3s var(--ease-out); }
.footer-login--key .fl-unlock { opacity: 0; transform: scale(0.8); }
.footer-login--key:hover,
.footer-login--key:focus-visible {
    color: var(--yellow);
    background: color-mix(in srgb, var(--pale) 8%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--yellow) 45%, transparent);
    transform: translateY(-2px) scale(1.08);
    text-decoration: none;
}
.footer-login--key:hover .fl-lock,
.footer-login--key:focus-visible .fl-lock { opacity: 0; transform: scale(0.8); }
.footer-login--key:hover .fl-unlock,
.footer-login--key:focus-visible .fl-unlock { opacity: 1; transform: scale(1); }

/* ============================================================ 20b. DOKUMENTI — explorer raspored (stablo + sadrzaj) */
.docsf-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: start;
}
.docsf-side {
    position: sticky;
    top: calc(var(--header-h) + 20px);
    padding: 1.1rem 1rem 1rem;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
}
.docsf-side-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.8rem;
    padding-bottom: 0.65rem;
    border-bottom: 2px solid var(--green);
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink);
}
.docsf-side-title svg { color: var(--green-deep); }
.dft-list { list-style: none; margin: 0; padding: 0; }
.dft-list .dft-list { margin-left: 0.95rem; border-left: 1px dashed var(--line); padding-left: 0.45rem; }
.dft-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.55rem;
    margin: 1px 0;
    border-radius: var(--r-sm);
    color: var(--ink-soft);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s, color 0.15s;
}
.dft-item svg { flex: none; color: var(--green-deep); }
.dft-item:hover { background: var(--paper); color: var(--green-deep); text-decoration: none; }
.dft-item.is-active {
    background: color-mix(in srgb, var(--green) 12%, transparent);
    color: var(--green-deep);
}
.dft-root { margin-bottom: 0.35rem; }
.dft-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dft-count {
    padding: 0.05rem 0.5rem;
    border-radius: var(--r-pill);
    background: var(--paper-2);
    color: var(--ink-faint);
    font-size: 0.72rem;
    font-weight: 700;
}
.dft-item.is-active .dft-count { background: color-mix(in srgb, var(--green) 18%, transparent); color: var(--green-deep); }

.docsf-table-wrap {
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    overflow-x: auto;
}
.docsf-table { width: 100%; border-collapse: collapse; font-size: 0.93rem; }
.docsf-table th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--ink-faint);
    border-bottom: 1px solid var(--line);
    background: var(--paper);
}
.docsf-table td { padding: 0.7rem 1rem; border-bottom: 1px solid var(--line-soft); vertical-align: middle; }
.docsf-table tbody tr:last-child td { border-bottom: 0; }
.docsf-table tbody tr { transition: background-color 0.15s; }
.docsf-table tbody tr:hover { background: var(--paper); }
.docsf-title-cell { display: flex; align-items: center; gap: 0.8rem; min-width: 0; }
.docsf-titles { display: grid; gap: 1px; min-width: 0; }
.docsf-filename { font-size: 0.78rem; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 380px; }
.docsf-nowrap { white-space: nowrap; color: var(--ink-soft); }
.docsf-th-actions { text-align: right; }
.docsf-actions { display: flex; justify-content: flex-end; gap: 0.4rem; white-space: nowrap; }

@media (max-width: 980px) {
    /* minmax(0, …): široka tablica ne smije rastegnuti stupac preko ekrana (pomiče se unutar svog okvira) */
    .docsf-layout { grid-template-columns: minmax(0, 1fr); }
    .docsf-side { position: static; }
    .docsf-filename { max-width: 180px; }
}

/* ---- kontakti odjela (kartice na Kontakt stranici) ---- */
.cu-grid {
    columns: 300px;
    column-gap: 1.2rem;
}
.cu-card {
    position: relative;
    break-inside: avoid;
    margin: 0 0 1.2rem;
    padding: 1.3rem 1.4rem 1.2rem;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: transform 0.22s var(--ease-out), box-shadow 0.22s;
}
.cu-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--green), var(--yellow));
}
.cu-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.cu-name {
    margin: 0.2rem 0 0.8rem;
    font-family: var(--font-body);
    font-size: 1.08rem;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: var(--ink);
}
.cu-staff {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0 0 0.9rem;
    border-bottom: 1px dashed var(--line);
}
.cu-staff li { padding: 0.22rem 0; font-size: 0.92rem; color: var(--ink-soft); }
.cu-meta { display: grid; gap: 0.5rem; }
.cu-row {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 550;
    color: var(--ink-soft);
    line-height: 1.5;
}
.cu-row svg { color: var(--green-deep); flex: none; margin-top: 0.2rem; }
.cu-row a { color: var(--green-deep); text-decoration: none; font-weight: 650; }
.cu-row a:hover { text-decoration: underline; }
.cu-ext {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.08rem 0.5rem;
    border-radius: var(--r-pill);
    background: var(--paper-2);
    color: var(--ink-soft);
    font-size: 0.74rem;
    font-weight: 700;
}
.cu-sub {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed var(--line);
}
.cu-sub-name {
    margin: 0 0 0.55rem;
    font-family: var(--font-body);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--green-deep);
}
.cu-sub .cu-staff { border-bottom: 0; padding-bottom: 0; margin-bottom: 0.6rem; }

/* ---- skocna obavijest pri ucitavanju ---- */
.nm-backdrop {
    position: fixed;
    inset: 0;
    z-index: 340;
    display: grid;
    place-items: center;
    padding: 1.2rem;
    background: color-mix(in srgb, var(--pine-950) 62%, transparent);
    backdrop-filter: blur(5px);
    animation: nmFade 0.22s ease;
}
.nm-backdrop.is-closing { opacity: 0; transition: opacity 0.18s ease; }
@keyframes nmFade { from { opacity: 0; } }

.nm {
    width: min(560px, 100%);
    background: var(--card);
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(8, 14, 8, 0.45);
    animation: nmPop 0.3s var(--ease-out);
}
@keyframes nmPop { from { opacity: 0; transform: translateY(18px) scale(0.97); } }

.nm-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.85rem 1.3rem;
    background: linear-gradient(120deg, var(--green-deep), var(--green));
    color: #ffffff;
}
.nm-head-title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.nm-x {
    border: 0;
    background: color-mix(in srgb, #ffffff 16%, transparent);
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: var(--r-round);
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s;
}
.nm-x:hover { background: color-mix(in srgb, #ffffff 30%, transparent); }

.nm-body { padding: 1.3rem 1.5rem 0.4rem; }
.nm-meta { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.55rem; }
.nm-pin {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.15rem 0.55rem;
    border-radius: var(--r-pill);
    background: color-mix(in srgb, var(--yellow) 22%, transparent);
    color: color-mix(in srgb, var(--yellow) 60%, var(--ink));
}
.nm-date { font-size: 0.8rem; color: var(--muted); font-weight: 600; }
.nm-title { margin: 0 0 0.6rem; font-size: 1.35rem; letter-spacing: -0.015em; color: var(--ink); }
.nm-text { color: var(--ink-soft); font-size: 0.95rem; line-height: 1.65; }

.nm-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem 1.3rem;
}
.nm-actions--end { justify-content: flex-end; }

/* sadrzaj modala "Info o odjelu" — osoblje s avatarima + kontakti s ikonama */
.ci-people { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.ci-person { display: flex; align-items: center; gap: 0.8rem; }
.ci-avatar {
    width: 38px;
    height: 38px;
    border-radius: var(--r-round);
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 0.78rem;
    letter-spacing: 0.03em;
    flex: none;
}
.ci-p-body { display: grid; line-height: 1.3; min-width: 0; }
.ci-name { font-weight: 650; color: var(--ink); }
.ci-role { font-size: 0.8rem; color: var(--muted); }
.ci-contacts {
    margin-top: 1.05rem;
    padding-top: 1.05rem;
    border-top: 1px dashed var(--line);
    display: grid;
    gap: 0.6rem;
}
.ci-row { display: flex; align-items: center; gap: 0.65rem; margin: 0; font-size: 0.93rem; font-weight: 600; color: var(--ink-soft); }
.ci-row svg { color: var(--green-deep); flex: none; }
.ci-row a { color: var(--green-deep); text-decoration: none; font-weight: 650; }
.ci-row a:hover { text-decoration: underline; }

/* gumb "Info o odjelu" uz naslov sekcije odjela */
.cat-title-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.cat-info-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 1rem;
    border-radius: var(--r-pill);
    border: 1.5px solid color-mix(in srgb, var(--ink) 16%, transparent);
    background: var(--card);
    color: var(--ink);
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: transform 0.18s var(--ease-out), border-color 0.18s, color 0.18s, box-shadow 0.18s;
}
.cat-info-btn svg { width: 15px; height: 15px; }
.cat-info-btn:hover { transform: translateY(-1px); border-color: var(--green-deep); color: var(--green-deep); box-shadow: var(--shadow-md); }
.cat-info-btn:focus-visible { outline: 2px solid var(--green-deep); outline-offset: 2px; }
.nm-never {
    border: 0;
    background: none;
    color: var(--muted);
    font-size: 0.85rem;
    text-decoration: underline;
    cursor: pointer;
    padding: 0.3rem 0;
}
.nm-never:hover { color: var(--ink); }
body.nm-open { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
    .nm-backdrop, .nm { animation: none; }
}

/* ---- blok Dokumenti (builder stranica) — kartice za preuzimanje iz odabrane mape ---- */
.pb-docs { margin: 1.4rem 0; }
.pb-docs-title { margin: 0 0 0.8rem; font-size: 1.15rem; }
.pb-docs .att-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.pb-docs .att-grid--list { grid-template-columns: minmax(0, 1fr); }
.pb-docs .att-card { align-items: center; }
.pb-docs .doc-ext { flex: none; }
.pb-docs-empty { color: var(--ink-faint); font-style: italic; }

/* blok "Tablica" — podaci u tablici (npr. kontakti odjela) */
/* ---- blok "Promo kartica": slika + naslov + tekst, po želji klikabilna ---- */
.pb-promo {
    display: block;
    margin: 1.8rem auto;
    text-align: center;
    color: inherit;
    text-decoration: none;
}
.pb-promo--s    { max-width: 320px; }
.pb-promo--m    { max-width: 520px; }
.pb-promo--l    { max-width: 760px; }
.pb-promo--full { max-width: 100%; }
/* max-width, ne width — mala slika (npr. traka logotipa) ne smije se rastegnuti.
   inline-block + text-align:center s roditelja centrira i kad `.prose img` nametne margin: 0 */
.pb-promo .pb-promo-img { display: inline-block; max-width: 100%; height: auto; margin: 0; border-radius: var(--r-md); }
.pb-promo-title {
    margin: 1rem 0 0;
    font-family: var(--font-display);
    font-size: clamp(1.15rem, 2.4vw, 1.5rem);
    line-height: 1.25;
    color: var(--ink);
}
.pb-promo-text { margin: 0.4rem 0 0; font-size: 0.95rem; line-height: 1.6; color: var(--ink-soft); }
.pb-promo--link { transition: transform 0.22s var(--ease-out); }
.pb-promo--link:hover { transform: translateY(-3px); text-decoration: none; }
.pb-promo--link:hover .pb-promo-title { color: var(--t-primary); }

/* ============================================================ DIGITALNA PRISTUPAČNOST */
.a11y {
    position: fixed;
    z-index: 900;
    display: flex;
    align-items: flex-start;
}
.a11y--l-mid, .a11y--l-bot { left: 0; flex-direction: row; }
.a11y--r-mid, .a11y--r-bot { right: 0; flex-direction: row-reverse; }
.a11y--l-mid, .a11y--r-mid { top: 50%; transform: translateY(-50%); }
.a11y--l-bot, .a11y--r-bot { bottom: 16px; align-items: flex-end; }
.a11y-fab {
    display: grid;
    place-items: center;
    flex: none;
    width: 48px; height: 48px;
    border: 0;
    background: var(--t-primary);
    color: #fff;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    transition: background-color 0.2s, width 0.2s var(--ease-out);
}
.a11y--l-mid .a11y-fab, .a11y--l-bot .a11y-fab { border-radius: 0 var(--r-sm) var(--r-sm) 0; }
.a11y--r-mid .a11y-fab, .a11y--r-bot .a11y-fab { border-radius: var(--r-sm) 0 0 var(--r-sm); }
.a11y-fab:hover, .a11y-fab:focus-visible { background: var(--t-primary-dark); }
.a11y-panel {
    width: min(270px, calc(100vw - 64px));
    max-height: min(82vh, 560px);
    overflow-y: auto;
    padding: 0.9rem 0.6rem 0.6rem;
    background: var(--card);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-lg);
}
.a11y--l-mid .a11y-panel, .a11y--l-bot .a11y-panel { border-left: 0; border-radius: 0 var(--r-md) var(--r-md) 0; }
.a11y--r-mid .a11y-panel, .a11y--r-bot .a11y-panel { border-right: 0; border-radius: var(--r-md) 0 0 var(--r-md); }
.a11y-title {
    margin: 0 0 0.6rem;
    padding: 0 0.4rem;
    font-family: var(--font-display);
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--ink);
}
.a11y-list { list-style: none; margin: 0; padding: 0; }
.a11y-opt {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.5rem 0.4rem;
    border: 0;
    border-radius: var(--r-sm);
    background: none;
    color: var(--t-primary);
    font: inherit;
    font-size: 0.92rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
}
.a11y-opt svg { flex: none; color: var(--ink-faint); }
.a11y-opt:hover { background: color-mix(in srgb, var(--t-primary) 10%, transparent); }
.a11y-opt.is-on { background: color-mix(in srgb, var(--t-primary) 14%, transparent); font-weight: 700; }
.a11y-opt.is-on svg { color: var(--t-primary); }
.a11y-stmt {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.6rem 0.4rem 0.2rem;
    border-top: 1px solid var(--line-soft);
    font-size: 0.85rem;
    line-height: 1.35;
    color: var(--ink-soft);
}
.a11y-stmt svg { flex: none; }
@media (max-width: 560px) {
    .a11y-fab { width: 42px; height: 42px; }
    .a11y--l-mid, .a11y--r-mid { top: auto; bottom: 16px; transform: none; align-items: flex-end; }
}

/* --- načini prikaza (klase na <html>; filter na <html> ne razbija position:fixed) --- */
/* skaliranje ide na <html> — cijeli web je u rem jedinicama */
.a11y-zoomed { font-size: calc(100% * var(--a11y-zoom, 1)); }
.a11y-gray { filter: grayscale(1); }
.a11y-contrast { filter: contrast(1.45); }
.a11y-invert { filter: invert(1) hue-rotate(180deg); }
.a11y-invert img, .a11y-invert video { filter: invert(1) hue-rotate(180deg); }
.a11y-light body, .a11y-light .section, .a11y-light .card, .a11y-light .prose { background: #fff; color: #111; }
.a11y-underline a { text-decoration: underline !important; }
.a11y-font body, .a11y-font body * { font-family: Verdana, Tahoma, Arial, sans-serif !important; letter-spacing: 0.01em; }

/* ============================================================ SIDRENE CIJENE (objava cjenika) */
.cj-hero {
    padding: clamp(1.6rem, 5vh, 2.8rem) 0 clamp(3.2rem, 8vh, 4.6rem);
    background: linear-gradient(140deg, var(--pine-700), var(--pine-950));
    color: var(--pale);
}
.cj-top { display: flex; align-items: center; gap: clamp(0.9rem, 3vw, 1.4rem); }
.cj-logo {
    display: grid;
    place-items: center;
    flex: none;
    width: 84px; height: 84px;
    padding: 0.6rem;
    border-radius: var(--r-md);
    background: #fff;
}
.cj-logo img { max-width: 100%; max-height: 100%; width: auto; }
.cj-top-main { min-width: 0; }
.cj-title {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.7rem, 5vw, 2.6rem);
    line-height: 1.1;
    color: #fff;
}
.cj-sub {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    margin: 0.35rem 0 0;
    font-size: 0.95rem;
    color: color-mix(in srgb, var(--pale) 82%, transparent);
    overflow-wrap: anywhere;
}
.cj-sub svg { flex: none; margin-top: 0.15rem; }
.cj-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: clamp(1rem, 3vh, 1.5rem); }
.cj-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.9rem;
    border-radius: var(--r-pill);
    border: 1px solid color-mix(in srgb, var(--pale) 26%, transparent);
    background: color-mix(in srgb, var(--pale) 10%, transparent);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--pale);
}

.section--cj { padding-top: 0; }
.cj-card {
    margin-top: clamp(-3rem, -6vh, -2rem);
    padding: clamp(1.2rem, 3.5vw, 1.8rem);
    border-radius: var(--r-lg);
    background: var(--card);
    box-shadow: var(--shadow-lg);
}
.cj-card-head { display: flex; gap: 0.9rem; }
.cj-card-ico {
    display: grid;
    place-items: center;
    flex: none;
    width: 44px; height: 44px;
    border-radius: var(--r-sm);
    background: color-mix(in srgb, var(--green) 14%, transparent);
    color: var(--green-deep);
}
.cj-card-title { margin: 0 0 0.3rem; font-family: var(--font-display); font-size: 1.22rem; color: var(--ink); }
.cj-card-text { margin: 0; font-size: 0.93rem; line-height: 1.6; color: var(--ink-soft); }
.cj-dl {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 100%;
    margin-top: 1.2rem;
    padding: 0.95rem 1.4rem;
    border-radius: var(--r-md);
    background: var(--green-deep);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: background-color 0.2s, transform 0.2s var(--ease-out), box-shadow 0.2s;
}
.cj-dl:hover {
    background: var(--green);
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px -10px color-mix(in srgb, var(--green) 65%, transparent);
}
.cj-dl-meta { margin: 0.7rem 0 0; text-align: center; font-size: 0.83rem; color: var(--ink-faint); }

.cj-vers-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: clamp(1.8rem, 5vh, 2.6rem) 0 0.8rem;
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ink-faint);
}
.cj-count {
    display: grid;
    place-items: center;
    min-width: 26px;
    padding: 0.1rem 0.5rem;
    border-radius: var(--r-pill);
    background: var(--paper-2);
    color: var(--ink-soft);
    font-size: 0.8rem;
    letter-spacing: 0;
}
.cj-vers { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.cj-ver {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    background: var(--card);
}
.cj-ver.is-current { border-color: color-mix(in srgb, var(--green) 45%, transparent); }
.cj-date {
    display: grid;
    place-items: center;
    flex: none;
    width: 52px; height: 52px;
    border-radius: var(--r-sm);
    background: var(--paper-2);
    color: var(--ink);
}
.cj-ver.is-current .cj-date { background: color-mix(in srgb, var(--green) 16%, transparent); color: var(--green-deep); }
.cj-date-d { font-size: 1.2rem; font-weight: 800; line-height: 1; }
.cj-date-m { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.08em; color: var(--ink-faint); }
.cj-ver-main { min-width: 0; flex: 1; display: grid; gap: 0.15rem; }
.cj-ver-top { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; color: var(--ink); }
.cj-ver-time { color: var(--ink-faint); font-size: 0.92rem; }
.cj-badge {
    padding: 0.12rem 0.55rem;
    border-radius: var(--r-pill);
    background: color-mix(in srgb, var(--green) 16%, transparent);
    color: var(--green-deep);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.cj-ver-meta {
    font-size: 0.8rem;
    color: var(--ink-faint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cj-ver-dl {
    display: grid;
    place-items: center;
    flex: none;
    width: 40px; height: 40px;
    border-radius: var(--r-round);
    background: var(--paper-2);
    color: var(--green-deep);
    transition: background-color 0.2s, transform 0.2s var(--ease-out);
}
.cj-ver-dl:hover { background: color-mix(in srgb, var(--green) 18%, transparent); transform: translateY(-2px); }
.cj-foot {
    margin: clamp(1.4rem, 4vh, 2rem) 0 0;
    font-size: 0.82rem;
    line-height: 1.6;
    color: var(--ink-faint);
}
@media (max-width: 560px) {
    .cj-logo { width: 64px; height: 64px; }
    .cj-ver { gap: 0.7rem; padding: 0.65rem 0.7rem; }
    .cj-date { width: 46px; height: 46px; }
    .cj-ver-dl { width: 36px; height: 36px; }
}

.pb-tablewrap { margin: 1.6rem 0; overflow-x: auto; }
.pb-table-title {
    margin: 0 0 0.7rem;
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: var(--ink);
}
.prose .pb-table, .pb-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 0.95rem;
    background: var(--card);
}
.pb-table th, .pb-table td {
    padding: 0.6rem 0.85rem;
    border: 1px solid var(--line-soft);
    text-align: left;
    vertical-align: top;
}
.pb-table thead th {
    background: color-mix(in srgb, var(--green) 14%, var(--card));
    color: var(--ink);
    font-weight: 700;
    white-space: nowrap;
}
.pb-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--ink) 3%, transparent); }
.pb-table tbody tr:hover { background: color-mix(in srgb, var(--green) 7%, transparent); }
.pb-table .pb-td-first { font-weight: 600; color: var(--ink); }
/* glavna stavka (npr. naziv odjela) - redak se istice bojom teme */
.pb-table tbody tr.pb-tr-main td {
    background: color-mix(in srgb, var(--green) 12%, var(--card));
    border-top: 2px solid color-mix(in srgb, var(--green) 40%, transparent);
    font-weight: 700;
    color: var(--ink);
}
.pb-table tbody tr.pb-tr-main:hover td { background: color-mix(in srgb, var(--green) 18%, var(--card)); }
.pb-table a { color: var(--green-deep); }
@media (max-width: 640px) {
    .pb-table { font-size: 0.88rem; }
    .pb-table th, .pb-table td { padding: 0.5rem 0.6rem; }
}

/* ---- stilovi tablice (blok Tablica → Stil); zadani = klasični iznad ---- */
.pb-tablewrap--card,
.pb-tablewrap--accent {
    padding: 0.4rem clamp(0.9rem, 2.4vw, 1.6rem);
    border: 1px solid var(--line);
    border-radius: var(--r-lg, 22px);
    background: var(--card);
}
.pb-tablewrap--accent { padding: 0; overflow: hidden; box-shadow: var(--shadow-sm); }
.pb-tablewrap--card .pb-table-title,
.pb-tablewrap--accent .pb-table-title { margin: 0.9rem 0 0.2rem; }
.pb-tablewrap--accent .pb-table-title { padding: 0 1.2rem; }
.pb-tablewrap--card .pb-table,
.pb-tablewrap--minimal .pb-table,
.pb-tablewrap--zebra .pb-table,
.pb-tablewrap--accent .pb-table { background: transparent; }
.pb-tablewrap--card .pb-table th, .pb-tablewrap--card .pb-table td,
.pb-tablewrap--minimal .pb-table th, .pb-tablewrap--minimal .pb-table td,
.pb-tablewrap--zebra .pb-table th, .pb-tablewrap--zebra .pb-table td,
.pb-tablewrap--accent .pb-table th, .pb-tablewrap--accent .pb-table td {
    border: 0;
    border-bottom: 1px solid var(--line-soft);
    padding: 0.85rem 0.9rem;
}
.pb-tablewrap--card .pb-table tbody tr,
.pb-tablewrap--minimal .pb-table tbody tr,
.pb-tablewrap--accent .pb-table tbody tr { background: transparent; }
.pb-tablewrap--card .pb-table tbody tr:last-child td,
.pb-tablewrap--accent .pb-table tbody tr:last-child td,
.pb-tablewrap--zebra .pb-table tbody tr:last-child td { border-bottom: 0; }
/* kartica s podacima: naziv sivo, vrijednost podebljano */
.pb-tablewrap--card .pb-table td { padding-inline: 0; }
.pb-tablewrap--card .pb-table td + td { padding-left: 1rem; }
.pb-tablewrap--card .pb-table .pb-td-first { font-weight: 400; color: var(--ink-soft); }
.pb-tablewrap--card .pb-table td:not(.pb-td-first) { font-weight: 600; color: var(--ink); }
.pb-tablewrap--card .pb-table thead th { background: transparent; color: var(--ink-soft); font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; padding-inline: 0; }
/* minimalna: bez pozadine, linije, zaglavlje sitnim verzalom */
.pb-tablewrap--minimal .pb-table thead th { background: transparent; border-bottom: 2px solid var(--ink); font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; }
.pb-tablewrap--minimal .pb-table .pb-td-first { font-weight: 600; }
/* zebra: zaobljena, meke pruge */
.pb-tablewrap--zebra .pb-table { border-radius: var(--r-md, 14px); overflow: hidden; }
.pb-tablewrap--zebra .pb-table td { border-bottom: 0; }
.pb-tablewrap--zebra .pb-table tbody tr:nth-child(odd) { background: color-mix(in srgb, var(--green) 7%, var(--card)); }
.pb-tablewrap--zebra .pb-table tbody tr:nth-child(even) { background: var(--card); }
.pb-tablewrap--zebra .pb-table thead th { background: color-mix(in srgb, var(--green) 16%, var(--card)); border-bottom: 0; }
/* istaknuto zaglavlje: boja teme, bijeli tekst */
.pb-tablewrap--accent .pb-table thead th { background: var(--green); color: #fff; border-bottom: 0; padding-block: 0.95rem; }
.pb-tablewrap--accent .pb-table th:first-child, .pb-tablewrap--accent .pb-table td:first-child { padding-left: 1.2rem; }
.pb-tablewrap--accent .pb-table th:last-child, .pb-tablewrap--accent .pb-table td:last-child { padding-right: 1.2rem; }
/* kompaktna mreža: svi rubovi, manji razmaci */
.pb-tablewrap--grid .pb-table { font-size: 0.9rem; }
.pb-tablewrap--grid .pb-table th, .pb-tablewrap--grid .pb-table td { padding: 0.4rem 0.6rem; border-color: var(--line); }
.pb-tablewrap--grid .pb-table tbody tr:nth-child(even) { background: transparent; }
/* opće .prose pruge na ćelijama ne smiju se miješati u stilove (zebra boji retke sama) */
.prose :is(.pb-tablewrap--card, .pb-tablewrap--minimal, .pb-tablewrap--zebra, .pb-tablewrap--accent, .pb-tablewrap--grid) tbody tr:not(.pb-tr-main) td { background: transparent; }
@media (max-width: 640px) {
    .pb-tablewrap--card .pb-table .pb-td-first { width: 42%; }
}

/* poveznice na dokumente unutar teksta clanka -> kartice / kompaktan gumb */
.prose .att-grid--body { margin: 1.4rem 0; }
.prose .att-card { text-decoration: none; }
.prose .att-card:hover { text-decoration: none; }
.doc-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.15rem 0.2rem 0.15rem 0;
    padding: 0.3rem 0.75rem 0.3rem 0.3rem;
    border: 1px solid var(--line-soft);
    border-radius: var(--r-pill);
    background: var(--card);
    color: var(--ink);
    font-weight: 600;
    font-size: 0.92rem;
    line-height: 1.35;
    text-decoration: none;
    vertical-align: baseline;
    transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
.doc-btn:hover,
.doc-btn:focus-visible {
    border-color: color-mix(in srgb, var(--green) 45%, transparent);
    background: color-mix(in srgb, var(--green) 7%, var(--card));
    color: var(--green-deep);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
}
.doc-btn .doc-ext {
    min-width: 0;
    padding: 0.2rem 0.5rem;
    font-size: 0.62rem;
    border-radius: var(--r-pill);
}
.doc-btn-name { overflow-wrap: anywhere; }
.doc-btn-dl { display: inline-grid; place-items: center; color: var(--green-deep); flex: none; }
@media (max-width: 560px) {
    .prose .att-grid--body { grid-template-columns: minmax(0, 1fr); }
}

/* ---- blok "Info kartica": kontakt podaci s ikonama ---- */
.pb-infocard {
    background: color-mix(in srgb, var(--green) 9%, var(--card));
    border: 1px solid color-mix(in srgb, var(--green) 24%, var(--line-soft));
    border-left: 4px solid var(--green);
    border-radius: var(--r-md);
    padding: 1.25rem 1.4rem;
}
.pb-ic-title {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: var(--ink);
}
.pb-ic-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 0.6rem;
}
.pb-ic-row:last-child { margin-bottom: 0; }
.pb-ic-ico {
    flex: none;
    display: inline-grid;
    place-items: center;
    width: 36px; height: 36px;
    border-radius: var(--r-xs2);
    background: color-mix(in srgb, var(--green) 15%, transparent);
    color: var(--green-deep);
}
.pb-ic-txt { min-width: 0; overflow-wrap: anywhere; }
.pb-ic-txt a { color: var(--green-deep); font-weight: 600; text-decoration: none; }
.pb-ic-txt a:hover { text-decoration: underline; }
/* na tamnoj podlozi (kist → tamna pozadina) kartica prelazi u prozirno-svijetlu */
.pb-wrap--bg-dark .pb-infocard {
    background: color-mix(in srgb, #ffffff 8%, transparent);
    border-color: color-mix(in srgb, #ffffff 18%, transparent);
    border-left-color: var(--yellow);
}
.pb-wrap--bg-dark .pb-ic-title { color: var(--pale); }
.pb-wrap--bg-dark .pb-ic-ico { background: color-mix(in srgb, #ffffff 14%, transparent); color: var(--yellow); }
.pb-wrap--bg-dark .pb-ic-txt { color: var(--pale-soft); }
.pb-wrap--bg-dark .pb-ic-txt a { color: var(--yellow-2); }

/* blok "Hero slika" — slika od ruba do ruba ekrana s tekstom preko;
   breakout iz centriranog sadržaja: 100vw + margin-left (body overflow-x: clip čuva od pomicanja) */
.pb-hero {
    position: relative;
    width: calc(100vw - var(--sbw, 0px)); /* bez trake za pomicanje (--sbw iz front.js) */
    margin: 1.8rem 0 1.8rem calc(50% - (100vw - var(--sbw, 0px)) / 2);
    display: flex;
    align-items: center;
    overflow: hidden;
}
.prose > .pb-hero:first-child, .pb-wrap:first-child > .pb-hero { margin-top: 0; }
.pb-hero--s  { min-height: 240px; }
.pb-hero--m  { min-height: 380px; }
.pb-hero--l  { min-height: 520px; }
.pb-hero--xl { min-height: min(78vh, 760px); }
.pb-hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* zatamnjenje radi čitljivosti teksta (bez teksta se ne iscrtava — .pb-hero--bare) */
.pb-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 14, 9, 0.18), rgba(8, 14, 9, 0.48));
}
.pb-hero--bare::after { display: none; }
/* hero bez slike: tamna podloga u boji teme */
.pb-hero--noimg { background: radial-gradient(120% 140% at 85% 20%, color-mix(in srgb, var(--green) 30%, var(--pine-950)), var(--pine-950) 60%); }
.pb-hero--noimg::after { display: none; }
.pb-hero-inner {
    position: relative;
    z-index: 1;
    width: min(100%, var(--container));
    margin-inline: auto;
    padding: clamp(1.4rem, 5vh, 3rem) clamp(1.1rem, 4vw, 2rem);
}
.pb-hero-al-c .pb-hero-inner { text-align: center; }
.pb-hero-al-r .pb-hero-inner { text-align: right; }
.pb-hero .pb-hero-title {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.7rem, 4.5vw, 3rem);
    line-height: 1.15;
    color: #ffffff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}
.pb-hero .pb-hero-sub {
    margin: 0.6rem 0 0;
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.93);
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
}
/* hero proširenja: nadnaslov, istaknuta riječ, gumbi, slika desno (sva neobavezna) */
.pb-hero .pb-hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    margin: 0 0 0.9rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--yellow-2);
}
.pb-hero .pb-hero-kicker::before { content: ""; width: 2.6rem; height: 2px; background: currentColor; flex: none; }
.pb-hero-al-c .pb-hero-kicker::before { display: none; }
.pb-hero-hl {
    background: linear-gradient(90deg, var(--green), var(--yellow-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
}
.pb-hero-btns { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.5rem; }
.pb-hero-al-c .pb-hero-btns { justify-content: center; }
.pb-hero-al-r .pb-hero-btns { justify-content: flex-end; }
.prose .pb-hero-btns a.btn { text-decoration: none; }
.prose .pb-hero-btns a.btn--accent { color: var(--pine-950); }
.prose .pb-hero-btns a.btn--ghost-light { color: var(--pale); }
/* stranica bez zaglavlja koja počinje herojem: hero odmah ispod izbornika */
.section--nohead:has(.prose > .pb-hero:first-child) { padding-top: 0; }
.pb-hero--split::after { background: linear-gradient(90deg, rgba(8, 14, 9, 0.86) 0%, rgba(8, 14, 9, 0.66) 55%, rgba(8, 14, 9, 0.5) 100%); }
.pb-hero--split .pb-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3.5rem);
    text-align: left;
}
.pb-hero--split .pb-hero-title { font-size: clamp(2rem, 5vw, 3.6rem); }
.pb-hero-side {
    padding: clamp(1.2rem, 3vw, 2.2rem);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--r-lg, 22px);
    background: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.pb-hero-side img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: contain; }
@media (max-width: 860px) {
    .pb-hero--split .pb-hero-inner { grid-template-columns: minmax(0, 1fr); }
    .pb-hero-side { max-width: 360px; }
}
@media (max-width: 640px) {
    .pb-hero--s  { min-height: 200px; }
    .pb-hero--m  { min-height: 300px; }
    .pb-hero--l  { min-height: 380px; }
    .pb-hero--xl { min-height: 70vh; }
}

/* blok "Radno vrijeme" — raspored odjela s tabovima (dinamički, dijeli data-hours-* JS s naslovnicom) */
.pb-hours-card {
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    padding: 1.25rem 1.4rem;
    margin: 1.4rem 0;
}
.pbh-title {
    margin: 0 0 0.9rem;
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: var(--ink);
}
.pbh-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1rem; }
.pbh-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.9rem;
    border-radius: var(--r-pill);
    border: 1px solid var(--line-soft);
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.pbh-tab:hover { background: color-mix(in srgb, var(--green) 8%, transparent); }
.pbh-tab.is-active { background: var(--green); border-color: var(--green); color: #fff; }
.pbh-tab-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    flex: none;
    background: color-mix(in srgb, var(--ink) 25%, transparent);
}
.pbh-tab.is-open .pbh-tab-dot { background: var(--green); }
.pbh-tab.is-active .pbh-tab-dot { background: #fff; }
.pbh-panel[hidden] { display: none !important; }
.pbh-panel > .status-pill { margin-bottom: 0.8rem; }
.pbh-list { list-style: none; margin: 0; padding: 0; }
.pbh-list li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.45rem 0.6rem;
    border-radius: var(--r-xs2);
}
.pbh-list li + li { margin-top: 2px; }
.pbh-list li.is-today {
    background: color-mix(in srgb, var(--green) 10%, transparent);
    font-weight: 600;
}
.pbh-day { display: inline-flex; align-items: center; gap: 0.5rem; }
.pbh-badge {
    padding: 0.08rem 0.5rem;
    border-radius: var(--r-pill);
    background: var(--green);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
}
.pbh-time { text-align: right; font-variant-numeric: tabular-nums; min-width: 0; }
.pbh-closed { color: var(--ink-faint); font-style: italic; }
.pbh-tag {
    display: inline-block;
    padding: 0.1rem 0.45rem;
    border-radius: var(--r-pill);
    background: color-mix(in srgb, var(--green) 14%, transparent);
    color: var(--green-deep);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    margin-right: 0.3rem;
}
.pbh-sub { display: block; font-size: 0.7rem; color: var(--ink-faint); }
.pbh-note {
    margin: 1rem 0 0;
    padding: 0.7rem 0.9rem;
    border-left: 3px solid var(--yellow);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    background: color-mix(in srgb, var(--yellow) 10%, transparent);
    font-size: 0.9rem;
}
/* tamna pozadina omota bloka */
.pb-wrap--bg-dark .pb-hours-card { background: color-mix(in srgb, #ffffff 7%, transparent); border-color: color-mix(in srgb, #ffffff 16%, transparent); }
.pb-wrap--bg-dark .pbh-title, .pb-wrap--bg-dark .pbh-tab, .pb-wrap--bg-dark .pbh-list { color: var(--pale); }
.pb-wrap--bg-dark .pbh-tab { border-color: color-mix(in srgb, #ffffff 22%, transparent); }
.pb-wrap--bg-dark .pbh-tab-dot { background: color-mix(in srgb, var(--pale) 40%, transparent); }
.pb-wrap--bg-dark .pbh-closed, .pb-wrap--bg-dark .pbh-sub { color: color-mix(in srgb, var(--pale) 55%, transparent); }
/* kompaktne poveznice dokumenata */
.pb-docs-links { list-style: none; margin: 0; padding: 0; }
.pb-docs-links li + li { border-top: 1px solid var(--line-soft); }
.pb-docs-links a {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.35rem;
    color: var(--ink);
    text-decoration: none;
    border-radius: var(--r-xs1);
    transition: background-color 0.15s;
}
.pb-docs-links a:hover { background: var(--paper); text-decoration: none; }
.pb-docs-links a:hover .pb-dl-name { color: var(--green-deep); text-decoration: underline; }
.pb-docs-links .doc-ext { flex: none; }
.pb-docs-links .pb-dl-name { min-width: 0; overflow-wrap: anywhere; }
.pb-docs-links .pb-dl-size { margin-left: auto; flex: none; font-size: 0.82rem; color: var(--ink-faint); }
.pb-docs-more { margin: 0.75rem 0 0; font-size: 0.9rem; }
.pb-docs-more a { font-weight: 650; }

/* Dokumenti iz odabrane mape ispod članka novosti */
.article-docs { margin: 2rem 0 1.4rem; padding-top: 1.2rem; border-top: 1px solid color-mix(in srgb, var(--ink) 10%, transparent); }
.article-docs .pb-docs { margin: 0; }
.article-docs .pb-docs-title { font-size: 1.25rem; }

/* ---- GDPR kolacici: traka privole + blokirani sadrzaji trecih strana ---- */
.cc-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 260;
    padding: 0 1rem 1.1rem;
    pointer-events: none;
}
.cc-inner {
    pointer-events: auto;
    max-width: 920px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 1.3rem;
    background: var(--card);
    color: var(--ink);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-lg);
    box-shadow: 0 18px 50px rgba(10, 16, 10, 0.35);
    padding: 1.1rem 1.4rem;
    animation: ccUp 0.35s var(--ease-out);
}
@keyframes ccUp { from { opacity: 0; transform: translateY(18px); } }
.cc-text strong { display: block; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; }
.cc-text p { margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--ink-soft); line-height: 1.5; }
.cc-text a { color: var(--green-deep); font-weight: 650; }
.cc-actions { display: flex; gap: 0.6rem; flex: none; }
@media (max-width: 640px) {
    .cc-inner { flex-direction: column; align-items: stretch; }
    .cc-actions .btn { flex: 1; justify-content: center; }
}

.prose iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 14px;
    margin: 1.6em 0;
    background: var(--pine-950, #0a140c);
}

.consent-embed { position: relative; display: block; width: 100%; min-height: 240px; }
.consent-embed--yt { aspect-ratio: 16 / 9; min-height: 0; border-radius: 14px; overflow: hidden; margin: 1.6em 0; }
.consent-embed--yt iframe { margin: 0; width: 100%; height: 100%; }
.consent-embed--yt .consent-ph { background: color-mix(in srgb, #0a140c 92%, transparent); }
.consent-embed--yt .consent-ph p { color: #e8efe6; }
.map-wrap .consent-embed iframe { width: 100%; height: 100%; min-height: 380px; border: 0; }
.consent-embed iframe[data-consent-src] { visibility: hidden; }
.consent-ph {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.9rem;
    text-align: center;
    padding: 1.5rem;
    background: var(--paper-2);
}
.pb-yt .consent-ph { background: color-mix(in srgb, var(--pine-950) 92%, transparent); }
.pb-yt .consent-ph p { color: var(--pale-soft); }
.consent-ph p { margin: 0; max-width: 42ch; font-size: 0.92rem; color: var(--ink-soft); }
.consent-embed.is-loaded .consent-ph { display: none; }
.consent-embed.is-loaded iframe { visibility: visible; }

.footer-cc {
    background: none;
    border: 0;
    padding: 0;
    margin-left: 0.6rem;
    color: inherit;
    font: inherit;
    font-size: 0.85rem;
    text-decoration: underline;
    cursor: pointer;
    opacity: 0.8;
}
.footer-cc:hover { opacity: 1; }

/* ---- YouTube blok (builder stranica) ---- */
.pb-yt {
    position: relative;
    aspect-ratio: 16 / 9;
    margin: 1.4rem 0;
    border-radius: var(--r-md);
    overflow: hidden;
    background: #0c0e0c;
    box-shadow: var(--shadow-md);
}
.pb-yt iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ---- blok: Karta (Google Maps) ---- */
.pb-map {
    position: relative;
    aspect-ratio: 16 / 10;
    margin: 1.4rem 0;
    border-radius: var(--r-md);
    overflow: hidden;
    background: var(--paper-2);
    border: 1px solid var(--line-soft);
}
.pb-map iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.pb-map .consent-ph { background: color-mix(in srgb, var(--pine-950) 92%, transparent); }
.pb-map .consent-ph p { color: var(--pale-soft); }

/* ---- blok: Citat ---- */
.pb-quote {
    position: relative;
    margin: 1.8rem 0;
    padding: 1.5rem 1.6rem 1.4rem 4.4rem;
    background: color-mix(in srgb, var(--green) 6%, var(--card));
    border-left: 4px solid var(--green);
    border-radius: var(--r-md);
}
.pb-quote-mark {
    position: absolute;
    top: 1.3rem;
    left: 1.3rem;
    color: color-mix(in srgb, var(--green) 45%, transparent);
}
.pb-quote blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    font-family: var(--font-display);
    font-size: 1.18rem;
    line-height: 1.55;
    font-style: italic;
    color: var(--ink);
}
.pb-quote figcaption {
    margin-top: 0.7rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--green-deep);
    text-align: left;
}
.pb-quote figcaption::before { content: "— "; }
@media (max-width: 640px) {
    .pb-quote { padding: 1.2rem 1.1rem 1.1rem 3.4rem; }
    .pb-quote-mark { top: 1rem; left: 0.9rem; width: 26px; height: 26px; }
    .pb-quote blockquote { font-size: 1.05rem; }
}

/* ---- blok: Istaknuti okvir (info / uspjeh / upozorenje) ---- */
.pb-callout {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 1.4rem 0;
    padding: 1rem 1.2rem;
    border-radius: var(--r-md);
    border: 1px solid;
    font-size: 0.98rem;
    line-height: 1.6;
}
.pb-callout-ico { flex: none; margin-top: 2px; }
.pb-callout--info {
    background: color-mix(in srgb, #2563eb 8%, var(--card));
    border-color: color-mix(in srgb, #2563eb 30%, transparent);
    color: color-mix(in srgb, #1d4ed8 80%, var(--ink));
}
.pb-callout--success {
    background: color-mix(in srgb, #15803d 8%, var(--card));
    border-color: color-mix(in srgb, #15803d 30%, transparent);
    color: color-mix(in srgb, #166534 80%, var(--ink));
}
.pb-callout--warn {
    background: color-mix(in srgb, #d97706 10%, var(--card));
    border-color: color-mix(in srgb, #d97706 35%, transparent);
    color: color-mix(in srgb, #92400e 85%, var(--ink));
}

/* ---- blok: Razdjelnik ---- */
hr.pb-divider {
    height: 1px;
    max-width: 420px;
    margin: 2.2rem auto;
    border: 0;
    background: linear-gradient(90deg, transparent, var(--line), transparent);
}
.pb-spacer { height: clamp(1.6rem, 5vh, 3.2rem); }

/* ---- izgledi podnožja ---- */
/* Puno informacija: brend + vlastiti stupci s većim serif naslovima */
.footer-grid--info {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2.4rem 2.8rem;
}
.footer-ib-title {
    margin: 0 0 0.9rem;
    font-family: var(--font-display);
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--pale);
}
.footer-ib-body {
    font-size: 0.92rem;
    line-height: 1.75;
    color: var(--pale-soft);
}
.footer-ib-body a { color: color-mix(in srgb, var(--green) 70%, var(--pale)); text-decoration: none; }
.footer-ib-body a:hover { text-decoration: underline; }
.footer-ib-body p { margin: 0 0 0.8rem; }
.footer-ib-body strong { color: var(--pale); }
.footer-ib-h { margin: 0.9rem 0 0.15rem; font-weight: 700; color: var(--pale); }
.footer-ib-h:first-child { margin-top: 0; }
.footer-ib-p { margin: 0 0 0.4rem; }
.footer-ib-img {
    display: block;
    max-width: 190px;
    max-height: 90px;
    margin: 0.4rem 0 0.7rem;
    border-radius: var(--r-sm);
}
.footer-ib-a {
    display: block;
    margin: 0.15rem 0;
    color: color-mix(in srgb, var(--green) 70%, var(--pale));
    text-decoration: none;
}
.footer-ib-a:hover { text-decoration: underline; color: var(--pale); }
.footer-ib-btn {
    display: inline-flex;
    align-items: center;
    margin: 0.35rem 0 0.6rem;
    padding: 0.5rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--green) 55%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--green) 16%, transparent);
    color: var(--pale);
    font-weight: 600;
    font-size: 0.88rem;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.footer-ib-btn:hover {
    background: color-mix(in srgb, var(--green) 32%, transparent);
    border-color: var(--green);
    transform: translateY(-1px);
}
.footer-ib-c {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0 0 0.55rem;
}
.footer-ib-c svg {
    flex: none;
    margin-top: 0.25rem;
    color: color-mix(in srgb, var(--green) 75%, var(--pale));
}
.footer-ib-c a { color: var(--pale-soft); text-decoration: none; }
.footer-ib-c a:hover { color: var(--pale); text-decoration: underline; }
.footer-ib-sp { height: 0.9rem; }
/* blok „Društvene mreže” u vlastitom stupcu podnožja — ispunjene mreže kao ikone */
.footer-ib-soc { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.3rem 0 0.6rem; }
.footer-ib-soc .fsoc {
    display: grid;
    place-items: center;
    width: 38px; height: 38px;
    border-radius: var(--r-xs3);
    border: 1px solid color-mix(in srgb, var(--pale) 18%, transparent);
    color: var(--pale-soft);
    transition: color 0.2s, background-color 0.2s, border-color 0.2s, transform 0.2s var(--ease-out);
}
.footer-ib-soc .fsoc:hover { color: #fff; transform: translateY(-3px); }
/* boje mreža tek na hover — u mirovanju ikone ostaju usklađene s podnožjem */
.fsoc--facebook:hover  { background: #1877f2; border-color: #1877f2; }
.fsoc--instagram:hover { background: #e1306c; border-color: #e1306c; }
.fsoc--youtube:hover   { background: #ff0000; border-color: #ff0000; }
.fsoc--tiktok:hover    { background: #25f4ee; border-color: #25f4ee; color: #10130d; }
.fsoc--whatsapp:hover  { background: #25d366; border-color: #25d366; color: #10130d; }
.fsoc--viber:hover     { background: #7360f2; border-color: #7360f2; }

/* Minimalni: jedna tanka traka */
.footer--minimalni .footer-glow { display: none; }
.footer-min {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2rem;
    padding: 1.8rem 0 0.4rem;
}
.footer-brand--min { margin: 0; display: inline-flex; align-items: center; font-weight: 700; color: var(--pale); }
.footer-min-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.4rem;
    flex: 1;
}
.footer-min-links a {
    color: var(--pale-soft);
    text-decoration: none;
    font-size: 0.92rem;
}
.footer-min-links a:hover { color: var(--pale); text-decoration: underline; }
.footer-min .footer-social { margin-top: 0; }

/* Centrirani: sve u sredini */
.footer-center {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 0.4rem;
    max-width: 620px;
    margin-inline: auto;
    padding-top: 0.6rem;
}
.footer-center .footer-brand { justify-content: center; }
.footer-center .footer-social { margin-top: 0.8rem; justify-content: center; }
.footer-center-links { flex: none; justify-content: center; margin-top: 0.9rem; }

/* ---- blok: Obrazac (graditelj formi) ---- */
.pb-form {
    position: relative;
    margin: 1.6rem 0;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
}
.pb-form-hp { position: absolute; left: -9999px; top: -9999px; }
.pb-form-field { margin-bottom: 1.05rem; min-width: 0; }
.pb-form-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
}
.pb-form-col { min-width: 0; }
@media (max-width: 640px) {
    .pb-form-cols { grid-template-columns: minmax(0, 1fr); }
}
.pb-form-file { padding: 0.5rem 0.6rem; cursor: pointer; }
.pb-form-file::file-selector-button {
    margin-right: 10px;
    padding: 0.35rem 0.8rem;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--green-deep);
    background: color-mix(in srgb, var(--green) 12%, transparent);
    border: 0;
    border-radius: var(--r-xs2);
    cursor: pointer;
}
.pb-form-filehint {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.82rem;
    color: var(--ink-faint);
}
.pb-form-caphint { font-weight: 400; font-size: 0.82rem; color: var(--ink-faint); }
.pb-form-capin { max-width: 140px; }
.pb-form-label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--ink);
}
.pb-form-req { color: #b91c1c; }
/* polje "Samo tekst" — uputa ili naslov odjeljka unutar obrasca (bez unosa) */
.pb-form-note {
    margin: 0;
    padding: 0.7rem 0.9rem;
    border-left: 3px solid color-mix(in srgb, var(--green) 55%, transparent);
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
    background: color-mix(in srgb, var(--green) 7%, transparent);
    color: var(--ink-soft);
    font-size: 0.95rem;
    line-height: 1.6;
}
.pb-form-note--h {
    margin: 0.4rem 0 0;
    padding: 0 0 0.45rem;
    border-left: 0;
    border-bottom: 2px solid color-mix(in srgb, var(--green) 30%, transparent);
    border-radius: 0;
    background: none;
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 1.22rem;
    font-weight: 600;
    line-height: 1.3;
}
.pb-form-input {
    width: 100%;
    padding: 0.65rem 0.85rem;
    font: inherit;
    font-size: 0.97rem;
    color: var(--ink);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.pb-form-input:focus {
    outline: none;
    border-color: var(--green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 18%, transparent);
}
textarea.pb-form-input { resize: vertical; min-height: 110px; }
.pb-form-opts { display: grid; gap: 0.4rem; padding-top: 0.15rem; }
.pb-form-check {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 0.95rem;
    color: var(--ink);
    cursor: pointer;
}
.pb-form-check input {
    flex: none;
    width: 17px; height: 17px;
    margin-top: 2px;
    accent-color: var(--green-deep);
}
.pb-form-submit { margin-top: 0.4rem; }
.pb-form-ok {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1.1rem 1.2rem;
    background: color-mix(in srgb, #15803d 8%, var(--card));
    border: 1px solid color-mix(in srgb, #15803d 30%, transparent);
    border-radius: var(--r-sm);
    color: color-mix(in srgb, #166534 80%, var(--ink));
}
.pb-form-ok p { margin: 0; font-weight: 600; }
.pb-form-ok svg { flex: none; }
.pb-form-err {
    margin-bottom: 1rem;
    padding: 0.85rem 1.1rem;
    background: color-mix(in srgb, #b91c1c 8%, var(--card));
    border: 1px solid color-mix(in srgb, #b91c1c 30%, transparent);
    border-radius: var(--r-sm);
    color: color-mix(in srgb, #991b1b 85%, var(--ink));
    font-size: 0.95rem;
}


/* ---- osvrti citatelja na knjige ---- */
.rv-layout {
    display: grid;
    grid-template-columns: 1.5fr minmax(320px, 1fr);
    gap: 1.6rem;
    align-items: start;
}
.rv-form-col { position: sticky; top: 96px; }
.rv-form-panel { margin: 0; }

.rv-grid { columns: 290px; column-gap: 1.1rem; }
.rv-card {
    position: relative;
    break-inside: avoid;
    margin: 0 0 1.1rem;
    padding: 1.35rem 1.4rem 1.1rem;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    transition: transform 0.22s var(--ease-out), box-shadow 0.22s;
}
.rv-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.rv-quote {
    position: absolute;
    top: 0.45rem;
    right: 0.9rem;
    font-size: 3.2rem;
    line-height: 1;
    color: color-mix(in srgb, var(--green) 18%, transparent);
    font-family: Georgia, serif;
    pointer-events: none;
}
.rv-book {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0 0 0.6rem;
    font-family: var(--font-body);
    font-size: 1.02rem;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: var(--ink);
    padding-right: 2.2rem;
}
.rv-book svg { flex: none; margin-top: 0.18rem; color: var(--green-deep); }
.rv-msg { margin: 0 0 0.9rem; font-size: 0.93rem; color: var(--ink-soft); line-height: 1.6; }
.rv-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding-top: 0.7rem;
    border-top: 1px dashed var(--line);
}
.rv-author { font-size: 0.88rem; font-weight: 700; color: var(--green-deep); }
.rv-date { font-size: 0.78rem; color: var(--muted); white-space: nowrap; }

.rv-empty {
    text-align: center;
    padding: 3rem 1.5rem;
    border: 1px dashed var(--line);
    border-radius: var(--r-md);
    color: var(--muted);
}
.rv-empty svg { margin: 0 auto 0.8rem; color: color-mix(in srgb, var(--green) 45%, transparent); }
.rv-empty p { margin: 0 0 0.2rem; }

@media (max-width: 980px) {
    .rv-layout { grid-template-columns: minmax(0, 1fr); }
    .rv-form-col { position: static; }
}

/* ---- prilozi uz clanak (moderne download kartice) ---- */
.att { margin: 2rem 0 1.4rem; }
.att-title {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 1rem;
    font-family: var(--font-body);
    font-size: 1.15rem;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: var(--ink);
}
.att-title svg { color: var(--green-deep); }
.att-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
/* video ispod članka (YouTube / vlastita datoteka / kartica za preuzimanje) */
.article-video { margin: 2rem 0 1.4rem; display: grid; gap: 0.9rem; }
.article-video .pb-yt { margin: 0; }
.nv-player { border-radius: var(--r-md); overflow: hidden; background: #000; box-shadow: var(--shadow-sm); }
.nv-player video { display: block; width: 100%; max-height: 80vh; aspect-ratio: 16 / 9; background: #000; }
.att-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.9rem 1rem;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform 0.22s var(--ease-out), box-shadow 0.22s, border-color 0.22s;
}
.att-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--green);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.25s var(--ease-out);
}
.att-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: color-mix(in srgb, var(--green) 40%, transparent);
    text-decoration: none;
}
.att-card:hover::before { transform: scaleY(1); }
.att-card:focus-visible { outline: 2px solid var(--green-deep); outline-offset: 3px; }
.att-body { display: grid; gap: 0.1rem; min-width: 0; flex: 1; }
.att-name { font-weight: 700; font-size: 0.96rem; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.att-card:hover .att-name { color: var(--green-deep); }
.att-meta { font-size: 0.78rem; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.att-dl {
    display: grid;
    place-items: center;
    width: 38px; height: 38px;
    border-radius: var(--r-round);
    background: var(--paper);
    border: 1px solid var(--line);
    color: var(--green-deep);
    flex: none;
    transition: background-color 0.22s, color 0.22s, border-color 0.22s, transform 0.22s var(--ease-out);
}
.att-card:hover .att-dl {
    background: var(--green);
    border-color: var(--green);
    color: #fff;
    transform: translateY(2px);
}
@media (max-width: 640px) {
    .att-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================ 24b. PAGE BLOCKS (builder za stranice) */
.pb-h {
    margin: 2rem 0 0.9rem;
    font-size: clamp(1.35rem, 2.6vw, 1.8rem);
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ink);
}
/* blok Naslov s nadnaslovom (crtica + mala verzalna slova) — veći naslov kao sekcije naslovnice */
.prose p.pb-h-kicker { display: flex; align-items: center; gap: 0.9rem; margin: 2.4rem 0 0.35rem; }
.prose p.pb-h-kicker::before { content: ""; width: 2.4rem; height: 2px; background: currentColor; flex: none; }
.prose p.pb-h-kicker.pb-al-c { justify-content: center; }
.prose p.pb-h-kicker.pb-al-r { justify-content: flex-end; }
.prose p.pb-h-kicker.pb-al-c::before { display: none; }
.prose > p.pb-h-kicker:first-child { margin-top: 0; }
.pb-h.pb-h--kicked { margin-top: 0; font-size: clamp(1.7rem, 3.6vw, 2.5rem); }
.pb-text { margin-bottom: 1.2rem; }
.pb-image { margin: 1.6rem 0; text-align: center; }
.pb-image a {
    display: inline-block;      /* mala slika ostaje prirodne veličine (centrirana), velika se ograniči na širinu */
    max-width: 100%;
    border-radius: var(--r-md);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}
.pb-image img { display: block; max-width: 100%; width: auto; height: auto; }
/* „Čista slika” (logotipi, trake logotipa): bez sjene/okvira, poravnanje prati text-align */
.pb-image--plain img,
.pb-image--plain a { box-shadow: none; border-radius: 0; }
.prose .pb-image--plain img { display: inline-block; vertical-align: top; border-radius: 0; box-shadow: none; margin: 0; }
.pb-image figcaption {
    margin-top: 0.5rem;
    font-size: 0.86rem;
    color: var(--ink-faint);
    text-align: inherit;
}
.pb-gallery { margin: 1.6rem 0; }
.pb-gal--s { --gal-min: 130px; }
.pb-gal--m { --gal-min: 190px; }
.pb-gal--l { --gal-min: 300px; }
/* puna sirina: auto-fit umjesto auto-fill — prazne kolone se skupe pa se slike
   proporcionalno rastegnu preko cijele raspolozive sirine (ekrana ili stupca) */
.pb-gal--full, .pb-gal--fit {
    grid-template-columns: repeat(auto-fit, minmax(min(var(--gal-min), 100%), 1fr));
}
/* „puna širina”: uz „Sadržaj u sredini” = širina weba (poravnato sa zaglavljem), uz „Od ruba do ruba” = cijeli ekran.
   --sbw (širina trake za pomicanje, postavlja front.js) — 100vw je uključuje pa bi zadnja slika bila ispod nje */
.pb-gal--full {
    --gw: min(100vw - var(--sbw, 0px), var(--container));
    width: var(--gw);
    margin: 1.6rem 0 1.6rem calc(50% - var(--gw) / 2);
    gap: 6px;
}
body.layout-full .pb-gal--full { --gw: calc(100vw - var(--sbw, 0px)); gap: 4px; }
body.layout-full .pb-gal--full .gallery-item { border-radius: 0; box-shadow: none; }
@media (max-width: 560px) {
    .pb-gal--l { --gal-min: 220px; }
}
.pb-acc { margin: 1.6rem 0; display: grid; gap: 0.6rem; }
.pb-acc-item {
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    background: var(--card);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.pb-acc-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.1rem;
    cursor: pointer;
    font-weight: 650;
    color: var(--ink);
    list-style: none;
    transition: background-color 0.2s, color 0.2s;
}
.pb-acc-item summary::-webkit-details-marker { display: none; }
.pb-acc-item summary:hover { background: var(--paper); color: var(--green-deep); }
.pb-acc-chev { flex: none; color: var(--green-deep); transition: transform 0.25s var(--ease-out); }
.pb-acc-item[open] > summary { background: color-mix(in srgb, var(--green) 8%, transparent); color: var(--green-deep); }
.pb-acc-item[open] .pb-acc-chev { transform: rotate(180deg); }
.pb-acc-body {
    padding: 0.9rem 1.1rem 1.1rem;
    border-top: 1px solid var(--line-soft);
    color: var(--ink-soft);
    line-height: 1.7;
}
/* traka naslova u boji teme + oznaka +/− (umjesto strelice) */
.pb-acc-item > summary { background: color-mix(in srgb, var(--green) 14%, var(--card)); color: var(--green-deep); }
.pb-acc-item > summary:hover { background: color-mix(in srgb, var(--green) 22%, var(--card)); }
.pb-acc-item[open] > summary { background: var(--green); color: #fff; }
.pb-acc-chev { display: none; }
.pb-acc-item > summary::after { content: "+"; flex: none; font-size: 1.4rem; font-weight: 400; line-height: 1; }
.pb-acc-item[open] > summary::after { content: "\2212"; }
.pb-acc-body--rich > :first-child { margin-top: 0; }
.pb-acc-body--rich > :last-child { margin-bottom: 0; }
.pb-acc-body--rich p { margin: 0 0 0.8em; }
.pb-acc-body--rich :is(h2, h3, h4) { margin: 1.1em 0 0.4em; color: var(--ink); font-size: 1.05rem; }
.pb-acc-body--rich strong { color: var(--ink); }
.pb-acc-body--rich img { max-width: 100%; height: auto; }

/* ============================================================
   Blok "Djelatnici": moderna tablica (redci s inicijalima) ili kartice
   ============================================================ */
.pb-staff { margin: 1.6rem 0; font-size: 1rem; line-height: 1.45; }
.prose .pb-staff h3.pb-staff-title, .pb-staff-title {
    display: flex; align-items: center; gap: 0.6rem;
    margin: 0 0 0.9rem; font-size: 1.3rem; color: var(--ink);
}
.pb-staff-count {
    padding: 0.1rem 0.6rem; border-radius: 999px;
    background: color-mix(in srgb, var(--green) 14%, var(--card)); color: var(--green-deep);
    font-size: 0.8rem; font-weight: 700;
}
.pb-staff-list { border: 1px solid var(--line); border-radius: var(--r-md); background: var(--card); overflow: hidden; }
.pb-staff-row {
    display: grid; grid-template-columns: 2.6rem minmax(0, 1.3fr) minmax(0, 1fr); align-items: center; gap: 0.9rem;
    padding: 0.65rem 1rem; border-top: 1px solid var(--line); transition: background-color 0.15s;
}
.pb-staff-row.has-contact { grid-template-columns: 2.6rem minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.1fr); }
.pb-staff-row:first-child { border-top: 0; }
.pb-staff-row:not(.pb-staff-row--head):hover { background: color-mix(in srgb, var(--green) 6%, var(--card)); }
.pb-staff-row:nth-child(even):not(.pb-staff-row--head) { background-color: color-mix(in srgb, var(--ink) 2%, var(--card)); }
.pb-staff-row--head {
    padding-block: 0.55rem; background: color-mix(in srgb, var(--green) 10%, var(--card));
    font-size: 0.72rem; font-weight: 750; letter-spacing: 0.09em; text-transform: uppercase; color: var(--green-deep);
}
.pb-staff-row--head:has(+ .pb-staff-row.has-contact) { grid-template-columns: 2.6rem minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.1fr); }
.pb-staff-av {
    display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%;
    background: linear-gradient(135deg, var(--green), var(--green-deep)); color: #fff;
    font-size: 0.85rem; font-weight: 750; letter-spacing: 0.02em;
}
.pb-staff-row:nth-child(3n) .pb-staff-av { background: linear-gradient(135deg, color-mix(in srgb, var(--green) 60%, var(--t-accent)), var(--green-deep)); }
.pb-staff-row:nth-child(3n+1) .pb-staff-av { background: linear-gradient(135deg, var(--green-deep), color-mix(in srgb, var(--green-deep) 70%, var(--t-dark))); }
.pb-staff-name { color: var(--ink); font-weight: 650; min-width: 0; overflow-wrap: anywhere; }
.pb-staff-role span {
    display: inline-block; padding: 0.2rem 0.7rem; border-radius: 999px;
    background: color-mix(in srgb, var(--green) 11%, var(--card)); color: var(--green-deep);
    font-size: 0.85rem; font-weight: 600; line-height: 1.3;
}
.pb-staff-contact { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; font-size: 0.9rem; }
.prose .pb-staff-contact a, .pb-staff-contact a { color: var(--green-deep); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.pb-staff-contact a:hover { text-decoration: underline; }

/* kartice: mreža s velikim inicijalima */
.pb-staff--cards .pb-staff-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 0.8rem; border: 0; background: none; overflow: visible; }
.pb-staff--cards .pb-staff-row, .pb-staff--cards .pb-staff-row.has-contact {
    display: flex; flex-direction: column; text-align: center; gap: 0.45rem;
    padding: 1.2rem 0.9rem; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--card);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.pb-staff--cards .pb-staff-row:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--green) 40%, var(--line)); box-shadow: 0 12px 26px -16px color-mix(in srgb, var(--green-deep) 60%, transparent); background: var(--card); }
.pb-staff--cards .pb-staff-av { width: 3.6rem; height: 3.6rem; font-size: 1.1rem; }
.pb-staff--cards .pb-staff-contact { align-items: center; }

/* uski prostor (stupci, mobitel): tablica se slaže u kompaktne redke */
.pb-staff { container-type: inline-size; }
@container (max-width: 520px) {
    .pb-staff-row--head { display: none; }
    .pb-staff--table .pb-staff-row, .pb-staff--table .pb-staff-row.has-contact {
        grid-template-columns: 2.6rem minmax(0, 1fr); row-gap: 0.25rem;
    }
    .pb-staff--table .pb-staff-row > :not(.pb-staff-av) { grid-column: 2; }
    .pb-staff--table .pb-staff-av { grid-row: span 3; align-self: start; }
}

/* ============================================================
   Blok "Radne subote": godina po mjesecima + sljedeća radna subota
   ============================================================ */
.pb-sat { margin: 2rem 0; font-size: 1rem; line-height: 1.5; }
.pb-sat-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.1rem; }
.prose .pb-sat h2.pb-sat-title, .pb-sat-title { margin: 0; font-size: clamp(1.5rem, 3vw, 2.1rem); letter-spacing: -0.015em; color: var(--ink); }
.pb-sat-year { color: var(--green-deep); }
.prose .pb-sat p.pb-sat-sub, .pb-sat-sub { margin: 0.2rem 0 0; color: var(--ink-soft); }
.pb-sat-nav { display: flex; gap: 0.5rem; }
.prose .pb-sat-nav a, .pb-sat-nav a {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--card);
    color: var(--ink-soft);
    font-size: 0.9rem;
    font-weight: 650;
    text-decoration: none;
    transition: border-color 0.15s, color 0.15s, background-color 0.15s;
}
.prose .pb-sat-nav a:hover, .pb-sat-nav a:hover { border-color: var(--green); background: var(--green); color: #fff; }

.pb-sat-hero {
    display: flex;
    align-items: center;
    gap: 1rem 1.4rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
    padding: 1.1rem 1.3rem;
    border-radius: var(--r-md);
    background: linear-gradient(135deg, var(--green-deep), color-mix(in srgb, var(--green) 80%, var(--t-dark)));
    color: #fff;
    box-shadow: 0 14px 30px -16px color-mix(in srgb, var(--green-deep) 70%, transparent);
}
.pb-sat-hero-ico {
    flex: none;
    display: grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 14px;
    background: color-mix(in srgb, #fff 16%, transparent);
}
.pb-sat-hero-main { flex: 1 1 14rem; min-width: 0; display: flex; flex-direction: column; }
.pb-sat-hero-k { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: color-mix(in srgb, #fff 78%, transparent); }
.pb-sat-hero-d { font-size: clamp(1.15rem, 2.4vw, 1.45rem); font-weight: 750; }
.pb-sat-hero-in {
    align-self: flex-start;
    margin-top: 0.3rem;
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    background: var(--t-accent);
    color: var(--t-dark);
    font-size: 0.8rem;
    font-weight: 750;
}
.prose .pb-sat ul.pb-sat-hours, .pb-sat-hours { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.prose .pb-sat-hours li, .pb-sat-hours li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.4rem 0.8rem;
    border-radius: 10px;
    background: color-mix(in srgb, #fff 12%, transparent);
    font-size: 0.92rem;
}
.pb-sat-hours span { color: color-mix(in srgb, #fff 80%, transparent); }
.pb-sat-hours strong { margin-left: auto; font-variant-numeric: tabular-nums; }

.pb-sat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 0.75rem; }
.pb-sat-month {
    padding: 0.8rem 0.9rem 0.9rem;
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    background: var(--card);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.pb-sat-month:not(.is-none):hover { border-color: color-mix(in srgb, var(--green) 40%, var(--line)); box-shadow: 0 10px 24px -16px color-mix(in srgb, var(--green-deep) 60%, transparent); transform: translateY(-2px); }
.pb-sat-month.is-none { background: color-mix(in srgb, var(--card) 60%, transparent); }
.pb-sat-mhead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.6rem; font-size: 0.78rem; font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-soft); }
.pb-sat-mhead em {
    font-style: normal;
    min-width: 1.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--green) 14%, var(--card));
    color: var(--green-deep);
    text-align: center;
    letter-spacing: 0;
}
.prose .pb-sat-month ul, .pb-sat-month ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.35rem; }
.prose .pb-sat-month li, .pb-sat-month li {
    display: grid;
    place-items: center;
    min-width: 2.5rem;
    margin: 0;
    padding: 0.3rem 0.45rem;
    border-radius: 999px;
    font-size: 0.86rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}
.pb-sat-month li.is-off { color: color-mix(in srgb, var(--ink-soft) 70%, transparent); background: color-mix(in srgb, var(--ink) 4%, transparent); }
.pb-sat-month li.is-work { background: var(--green); color: #fff; }
.pb-sat-month li.is-past { opacity: 0.45; }
.pb-sat-month li.is-work.is-past { background: color-mix(in srgb, var(--green) 55%, var(--card)); opacity: 0.7; }
.pb-sat-month li.is-next { background: var(--t-accent); color: var(--t-dark); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent) 45%, transparent); animation: pbSatPulse 2s ease-in-out infinite; }
@keyframes pbSatPulse { 50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--t-accent) 20%, transparent); } }
@media (prefers-reduced-motion: reduce) { .pb-sat-month li.is-next { animation: none; } }
.prose .pb-sat p.pb-sat-legend, .pb-sat-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 0.5rem; margin: 0.9rem 0 0; font-size: 0.85rem; color: var(--ink-soft); }
.pb-sat-lg { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; margin-left: 0.4rem; }
.pb-sat-lg:first-child { margin-left: 0; }
.pb-sat-lg.is-work { background: var(--green); }
.pb-sat-lg.is-next { background: var(--t-accent); }
.pb-sat-lg.is-off { background: color-mix(in srgb, var(--ink) 12%, transparent); }
@media (max-width: 600px) {
    .pb-sat-grid { grid-template-columns: 1fr 1fr; gap: 0.55rem; }
    .pb-sat-month { padding: 0.7rem; }
    .prose .pb-sat-month li, .pb-sat-month li { min-width: 2.2rem; padding: 0.25rem 0.35rem; font-size: 0.8rem; }
    .pb-sat-hours { width: 100%; }
}

/* ============================================================
   Blok "Pitanja i odgovori" (faq): stilovi kartice / minimal / soft,
   boja kroz --faq (zadano boja teme), širina wide/narrow/full
   ============================================================ */
.pb-faq {
    --faq: var(--green-deep);
    --faq-soft: color-mix(in srgb, var(--faq) 9%, var(--card));
    margin: 2rem auto;
    max-width: 960px;
}
.pb-faq--w-narrow { max-width: 760px; }
.pb-faq--w-full { max-width: none; }
.pb-faq-head { text-align: center; margin-bottom: 1.4rem; }
.prose .pb-faq h2.pb-faq-title, .pb-faq-title {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 2.1rem);
    letter-spacing: -0.015em;
    color: var(--ink);
}
.pb-faq-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 4px;
    margin: 0.6rem auto 0;
    border-radius: 4px;
    background: var(--faq);
}
.prose .pb-faq p.pb-faq-sub, .pb-faq-sub { margin: 0.7rem auto 0; max-width: 60ch; color: var(--ink-soft); font-size: 1rem; }

.pb-faq-search {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 1rem;
    padding: 0 1rem;
    border: 1.5px solid var(--line);
    border-radius: 999px;
    background: var(--card);
    color: var(--ink-soft);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.pb-faq-search:focus-within { border-color: var(--faq); box-shadow: 0 0 0 4px color-mix(in srgb, var(--faq) 16%, transparent); color: var(--faq); }
.pb-faq-search input {
    flex: 1;
    min-width: 0;
    padding: 0.75rem 0;
    border: 0;
    background: none;
    color: var(--ink);
    font: inherit;
    font-size: 0.98rem;
    outline: none;
}
.pb-faq-none { margin: 0.8rem 0 0; text-align: center; color: var(--ink-soft); font-style: italic; }
.pb-faq-none[hidden], .pb-faq-item[hidden] { display: none; }

.pb-faq-list { display: grid; gap: 0.7rem; }
.pb-faq-item { border-radius: var(--r-md); }
.pb-faq-item > summary {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1.05rem 1.2rem;
    cursor: pointer;
    list-style: none;
    font-weight: 650;
    font-size: 1.04rem;
    line-height: 1.4;
    color: var(--ink);
    border-radius: inherit;
    transition: color 0.15s, background-color 0.15s;
}
.pb-faq-item > summary::-webkit-details-marker { display: none; }
.pb-faq-item > summary:focus-visible { outline: 2px solid var(--faq); outline-offset: 2px; }
.pb-faq-q { flex: 1; min-width: 0; }
.pb-faq-n {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background: var(--faq-soft);
    color: var(--faq);
    font-size: 0.8rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    transition: background-color 0.2s, color 0.2s;
}
/* + koji se okreće u − */
.pb-faq-ico {
    position: relative;
    flex: none;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: var(--faq-soft);
    transition: background-color 0.2s, transform 0.3s var(--ease-out, ease);
}
.pb-faq-ico::before, .pb-faq-ico::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.8rem;
    height: 2px;
    margin: -1px 0 0 -0.4rem;
    border-radius: 2px;
    background: var(--faq);
    transition: transform 0.3s var(--ease-out, ease), background-color 0.2s;
}
.pb-faq-ico::after { transform: rotate(90deg); }
.pb-faq-item[open] .pb-faq-ico { background: var(--faq); transform: rotate(180deg); }
.pb-faq-item[open] .pb-faq-ico::before, .pb-faq-item[open] .pb-faq-ico::after { background: #fff; }
.pb-faq-item[open] .pb-faq-ico::after { transform: rotate(0deg); }
.pb-faq-item[open] .pb-faq-n { background: var(--faq); color: #fff; }
.pb-faq-item > summary:hover { color: var(--faq); }

.pb-faq-a { padding: 0 1.2rem 1.15rem; color: var(--ink-soft); line-height: 1.7; }
.pb-faq--num .pb-faq-a { padding-left: calc(1.2rem + 2.1rem + 0.9rem); }
.pb-faq-a > :first-child { margin-top: 0; }
.pb-faq-a > :last-child { margin-bottom: 0; }
.prose .pb-faq-a p { margin: 0 0 0.8em; }
.pb-faq-a img { max-width: 100%; height: auto; }
.prose .pb-faq ul, .prose .pb-faq ol { margin: 0 0 0.8em; }

/* glatko otvaranje (preglednici s ::details-content; ostali se otvaraju odmah) */
@supports selector(::details-content) {
    .pb-faq { interpolate-size: allow-keywords; }
    .pb-faq-item::details-content {
        height: 0;
        overflow: clip;
        transition: height 0.3s var(--ease-out, ease), content-visibility 0.3s allow-discrete;
    }
    .pb-faq-item[open]::details-content { height: auto; }
}

/* stil: kartice */
.pb-faq--cards .pb-faq-item {
    background: var(--card);
    border: 1px solid var(--line);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
    transition: border-color 0.2s, box-shadow 0.2s;
}
.pb-faq--cards .pb-faq-item:hover { border-color: color-mix(in srgb, var(--faq) 40%, var(--line)); }
.pb-faq--cards .pb-faq-item[open] {
    border-color: color-mix(in srgb, var(--faq) 45%, var(--line));
    box-shadow: 0 10px 28px -12px color-mix(in srgb, var(--faq) 40%, transparent), inset 4px 0 0 var(--faq);
}

/* stil: minimalno — samo razdjelne linije */
.pb-faq--minimal .pb-faq-list { gap: 0; border-top: 1px solid var(--line); }
.pb-faq--minimal .pb-faq-item { border-radius: 0; border-bottom: 1px solid var(--line); }
.pb-faq--minimal .pb-faq-item > summary { padding-inline: 0.2rem; font-size: 1.1rem; }
.pb-faq--minimal .pb-faq-a { padding-inline: 0.2rem; }
.pb-faq--minimal.pb-faq--num .pb-faq-a { padding-left: calc(0.2rem + 2.1rem + 0.9rem); }
.pb-faq--minimal .pb-faq-item[open] > summary { color: var(--faq); }

/* stil: obojene plohe */
.pb-faq--soft .pb-faq-item { background: var(--faq-soft); transition: background-color 0.2s; }
.pb-faq--soft .pb-faq-item:hover { background: color-mix(in srgb, var(--faq) 14%, var(--card)); }
.pb-faq--soft .pb-faq-item .pb-faq-ico, .pb-faq--soft .pb-faq-item .pb-faq-n { background: var(--card); }
.pb-faq--soft .pb-faq-item[open] { background: var(--card); box-shadow: 0 0 0 2px var(--faq), 0 12px 30px -14px color-mix(in srgb, var(--faq) 45%, transparent); }
.pb-faq--soft .pb-faq-item[open] .pb-faq-ico, .pb-faq--soft .pb-faq-item[open] .pb-faq-n { background: var(--faq); }

@media (max-width: 600px) {
    .pb-faq-item > summary { padding: 0.9rem 0.9rem; gap: 0.7rem; font-size: 0.98rem; }
    .pb-faq-a, .pb-faq--num .pb-faq-a { padding: 0 0.9rem 1rem; }
    .pb-faq--minimal .pb-faq-a, .pb-faq--minimal.pb-faq--num .pb-faq-a { padding-inline: 0.2rem; }
}
.pb-btn-wrap { margin: 1.6rem 0; }
/* .prose a bi inace pregazio boju teksta gumba (ista boja kao pozadina) */
.prose a.btn--primary { color: #ffffff; }
.pb-btn--full { width: 100%; }
.pb-cols {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2.2rem);
    margin: 1.6rem 0;
    align-items: start;
}
.pb-cols--1 { grid-template-columns: minmax(0, 1fr); }
.pb-cols--2 { grid-template-columns: 1fr 1fr; }
.pb-cols--3 { grid-template-columns: 1fr 1fr 1fr; }
.pb-cols--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1000px) {
    .pb-cols--4 { grid-template-columns: 1fr 1fr; }
}
.pb-col { min-width: 0; }
.pb-col-title {
    margin: 0 0 0.9rem;
    padding-bottom: 0.55rem;
    border-bottom: 2px solid var(--green);
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ink);
}
.pb-col > :first-child, .pb-col .pb-h:first-child { margin-top: 0; }
@media (max-width: 760px) {
    .pb-cols--2, .pb-cols--3, .pb-cols--4 { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================ 24c. DOGAĐANJA (kalendar + kartice) */
.ev-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: clamp(1.5rem, 3.5vw, 3rem);
    align-items: start;
}
.ev-layout-cal { position: sticky; top: calc(var(--header-h) + 20px); min-width: 0; }
.ev-layout-list { min-width: 0; }
.cal-hint { margin: 0.9rem 0 0; font-size: 0.8rem; color: var(--ink-faint); text-align: center; }
@media (max-width: 980px) {
    .ev-layout { grid-template-columns: minmax(0, 1fr); }
    .ev-layout-cal { position: static; }
}

.cal-wrap {
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-md);
    padding: clamp(1rem, 3vw, 1.8rem);
}
.cal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.2rem;
}
.cal-title { margin: 0; font-size: clamp(1.3rem, 2.6vw, 1.7rem); font-weight: 700; letter-spacing: -0.015em; }
.cal-nav { border-color: var(--line); background: var(--paper); color: var(--ink-soft); }
.cal-nav:hover { background: var(--green); border-color: var(--green); color: #fff; }
.cal-grid {
    display: grid;
    /* minmax(0, …): stupci uvijek jednaki — dugi naziv događaja ne smije rastegnuti svoj dan i izgurati vikend iz kartice */
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}
.cal-dow {
    padding: 0.4rem 0.2rem;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ink-faint);
}
.cal-cell {
    min-height: 74px;
    padding: 0.45rem 0.5rem;
    border-radius: var(--r-sm);
    background: var(--paper);
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    text-decoration: none;
    color: inherit;
}
.cal-cell--empty { background: transparent; }
.cal-daynum { font-size: 0.82rem; font-weight: 600; color: var(--ink-faint); }
.cal-cell.is-today { border-color: var(--green); }
.cal-cell.is-today .cal-daynum {
    display: inline-grid;
    place-items: center;
    width: 22px; height: 22px;
    border-radius: var(--r-round);
    background: var(--green);
    color: #fff;
}
.cal-cell--event { background: color-mix(in srgb, var(--green) 9%, var(--card)); cursor: pointer; transition: transform 0.2s var(--ease-out), box-shadow 0.2s, background-color 0.2s; }
.cal-cell--event:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); background: color-mix(in srgb, var(--green) 16%, var(--card)); text-decoration: none; }
.cal-events { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cal-chip {
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.25;
    padding: 0.14rem 0.4rem;
    border-radius: var(--r-xs0);
    background: var(--green-deep);
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cal-chip--more { background: color-mix(in srgb, var(--green-deep) 18%, transparent); color: var(--green-deep); }

/* skočna kartica dana (hover/fokus): naslov, sličica, vrijeme · mjesto */
.cal-cell--event { position: relative; }
.cal-cell--event:hover, .cal-cell--event:focus-visible { z-index: 5; } /* iznad susjednih dana (inače prekrivaju skočnu karticu) */
.cal-pop {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    z-index: 20;
    display: grid;
    gap: 0.6rem;
    width: 270px;
    padding: 0.8rem;
    border-radius: var(--r-md);
    background: var(--card);
    color: var(--ink);
    box-shadow: 0 18px 40px -12px color-mix(in srgb, var(--pine-950) 45%, transparent), 0 0 0 1px var(--line-soft);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 6px);
    transition: opacity 0.18s, transform 0.18s var(--ease-out), visibility 0.18s;
}
.cal-pop::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top-color: var(--card);
}
.cal-cell--l .cal-pop { left: 0; transform: translate(0, 6px); }
.cal-cell--l .cal-pop::after { left: 28px; }
.cal-cell--r .cal-pop { left: auto; right: 0; transform: translate(0, 6px); }
.cal-cell--r .cal-pop::after { left: auto; right: 21px; }
@media (hover: hover) {
    .cal-cell--event:hover .cal-pop { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
    .cal-cell--l:hover .cal-pop, .cal-cell--r:hover .cal-pop { transform: none; }
}
.cal-cell--event:focus-visible .cal-pop { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.cal-cell--l:focus-visible .cal-pop, .cal-cell--r:focus-visible .cal-pop { transform: none; }
.cal-pop-ev { display: flex; gap: 0.6rem; align-items: center; }
.cal-pop-img { flex: none; width: 52px; height: 40px; border-radius: var(--r-xs2); object-fit: cover; }
.cal-pop-txt { display: grid; gap: 0.15rem; min-width: 0; }
.cal-pop-title { font-size: 0.84rem; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.cal-pop-meta { font-size: 0.74rem; font-weight: 600; color: var(--ink-faint); }
.cal-pop-more { font-size: 0.74rem; font-weight: 700; color: var(--green-deep); }

.ev-list { display: grid; gap: 1rem; max-width: 860px; }
.ev-card {
    position: relative;
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 1.1rem;
    align-items: center;
    padding: 1rem 1.2rem;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    scroll-margin-top: calc(var(--header-h) + 20px);
    transition: transform 0.25s var(--ease-out), box-shadow 0.25s;
}
.ev-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.ev-card--past { opacity: 0.65; }
.ev-card:target { border-color: var(--green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 25%, transparent); }
.ev-datebox {
    display: grid;
    place-items: center;
    gap: 0;
    width: 62px; height: 62px;
    border-radius: var(--r-sm);
    background: var(--pine-900);
    color: var(--pale);
    flex: none;
}
.ev-day { font-size: 1.35rem; font-weight: 800; line-height: 1; }
.ev-mon { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--yellow); }
.ev-media { width: 110px; height: 76px; border-radius: var(--r-sm); overflow: hidden; }
.ev-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-title { margin: 0 0 0.3rem; font-family: var(--font-body); font-size: 1.1rem; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); }
.ev-meta { display: flex; flex-wrap: wrap; gap: 0.9rem; margin: 0 0 0.35rem; font-size: 0.86rem; font-weight: 600; color: var(--ink-soft); }
.ev-meta-item { display: inline-flex; align-items: center; gap: 0.35rem; }
.ev-meta-item svg { color: var(--green-deep); }
.ev-past-badge {
    padding: 0.12rem 0.55rem;
    border-radius: var(--r-pill);
    background: var(--paper-2);
    color: var(--ink-faint);
    font-size: 0.72rem;
    font-weight: 700;
}
.ev-desc { margin: 0; font-size: 0.92rem; color: var(--ink-soft); line-height: 1.6;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ev-card--click { cursor: pointer; padding-bottom: 1.9rem; } /* mjesto za „Detalji →” — nikad preko mjesta/datuma */
/* bez slike: tijelo zauzima sav ostatak (inače ostaje prazan treći stupac, a naslov se lomi preusko) */
.ev-card:not(:has(.ev-media)) { grid-template-columns: auto minmax(0, 1fr); }
.ev-card--click:focus-visible { outline: 2px solid var(--green-deep); outline-offset: 3px; }
.ev-more {
    position: absolute;
    right: 1.1rem; bottom: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--green-deep);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.2s, transform 0.2s var(--ease-out);
}
.ev-card--click:hover .ev-more, .ev-card--click:focus-visible .ev-more { opacity: 1; transform: none; }

/* modal detalja događaja */
.evm-backdrop {
    position: fixed;
    inset: 0;
    z-index: 320;
    display: grid;
    place-items: center;
    padding: 20px;
    background: color-mix(in srgb, var(--pine-950) 72%, transparent);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.18s ease;
}
.evm-backdrop.is-open { opacity: 1; }
.evm-backdrop.is-closing { opacity: 0; }
body.evm-open { overflow: hidden; }
.evm {
    position: relative;
    width: 100%;
    max-width: 560px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: var(--card);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
    transform: translateY(14px) scale(0.97);
    transition: transform 0.18s var(--ease-out);
}
.evm-backdrop.is-open .evm { transform: none; }
.evm-media { aspect-ratio: 16 / 8.5; background: var(--paper-2); }
.evm-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.evm-body { padding: 1.4rem 1.6rem 1.6rem; }
.evm-daterow { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.9rem; }
.evm-meta { display: grid; gap: 0.2rem; justify-items: start; }
.evm-meta-item { font-size: 0.92rem; font-weight: 600; color: var(--ink-soft); }
.evm-loc::before { content: "📍 "; }
.evm-title { margin: 0 0 0.6rem; font-family: var(--font-body); font-size: 1.35rem; font-weight: 800; letter-spacing: -0.015em; color: var(--ink); }
.evm-desc { margin: 0; color: var(--ink-soft); line-height: 1.7; white-space: pre-line; }
.evm-close {
    position: absolute;
    top: 12px; right: 12px;
    display: grid;
    place-items: center;
    width: 36px; height: 36px;
    padding: 0;
    border: 0;
    border-radius: var(--r-round);
    background: color-mix(in srgb, var(--pine-950) 55%, transparent);
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.15s var(--ease-out);
}
.evm-close:hover { background: var(--pine-950); transform: scale(1.08); }
.evm-close:focus-visible { outline: 2px solid var(--yellow-2); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
    .evm-backdrop, .evm { transition: none; }
}

/* radne subote — top bar gumb + modal */
.topbar-right { display: flex; align-items: center; gap: 0.7rem; }
.sat-top-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.32rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--pale) 25%, transparent);
    border-radius: var(--r-pill);
    background: transparent;
    color: color-mix(in srgb, var(--pale) 78%, transparent);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.sat-top-btn:hover { background: color-mix(in srgb, var(--pale) 10%, transparent); color: var(--pale); border-color: color-mix(in srgb, var(--pale) 45%, transparent); }
/* status ove subote unutar gumba (radna / neradna) */
.sat-week-chip {
    display: inline-flex;
    align-items: center;
    margin-left: 0.15rem;
    padding: 0.12rem 0.5rem;
    border-radius: var(--r-pill);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
}
/* oznaka radnog vremena u traci je gumb koji otvara modal s rasporedom */
button.status-pill {
    font: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
}
button.status-pill--top { font-size: 0.78rem; }
button.status-pill:hover { border-color: color-mix(in srgb, var(--pale) 45%, transparent); }
button.status-pill.is-open:hover { border-color: color-mix(in srgb, var(--green) 70%, transparent); }
/* modal radnog vremena: kartica rasporeda bez vlastitog okvira (modal ga već ima) */
.hoursm .pb-hours-card { margin: 0; padding: 0; border: 0; background: none; }
.hoursm .pbh-panel > .status-pill { margin-bottom: 0.9rem; }

.sat-week-chip.is-work { background: color-mix(in srgb, var(--green) 32%, transparent); color: #d9f7de; }
.sat-week-chip.is-free { background: color-mix(in srgb, var(--pale) 12%, transparent); color: color-mix(in srgb, var(--pale) 62%, transparent); }
/* gumb "Osvrti čitatelja" u top baru — akcentiran žutom bojom teme */
a.rv-top-btn {
    text-decoration: none;
    border-color: color-mix(in srgb, var(--yellow) 45%, transparent);
    color: color-mix(in srgb, var(--yellow) 88%, white);
}
a.rv-top-btn:hover {
    background: color-mix(in srgb, var(--yellow) 16%, transparent);
    border-color: var(--yellow);
    color: var(--yellow);
    text-decoration: none;
}
a.rv-top-btn svg { color: var(--yellow); }
.sat-top-btn.is-today {
    border-color: var(--green);
    color: var(--pale);
    background: color-mix(in srgb, var(--green) 25%, transparent);
}
.sat-top-btn.is-today svg { color: var(--yellow); }
.sat-top-btn:focus-visible { outline: 2px solid var(--yellow-2); outline-offset: 2px; }
.satm { max-width: 640px; }
.satm-head {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.4rem 1.6rem;
    background: radial-gradient(120% 160% at 85% -30%, color-mix(in srgb, var(--green) 55%, var(--pine-900)), var(--pine-950) 75%);
    color: var(--pale);
}
.satm-head-ico {
    display: grid;
    place-items: center;
    width: 50px; height: 50px;
    border-radius: var(--r-sm);
    background: color-mix(in srgb, var(--pale) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--pale) 18%, transparent);
    color: var(--yellow);
    flex: none;
}
.satm-head-title { margin: 0; font-family: var(--font-body); font-size: 1.35rem; font-weight: 800; letter-spacing: -0.015em; color: var(--pale); }
.satm-head-sub { margin: 0.15rem 0 0; font-size: 0.85rem; color: color-mix(in srgb, var(--pale) 65%, transparent); }
.satm-body { padding-top: 1.3rem; }
.satm-today {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 1.2rem;
    padding: 0.95rem 1.1rem;
    border-radius: var(--r-md);
    background: var(--green);
    color: #ffffff;
    line-height: 1.5;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--green) 35%, transparent);
}
.satm-today strong { color: #fff; }
.satm-today .status-dot { width: 11px; height: 11px; border-radius: var(--r-round); background: var(--yellow); flex: none; animation: pulse-dot 1.6s ease-in-out infinite; }
.satm-intro {
    margin: 0 0 0.9rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--ink-faint);
}
.satm-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* datumi teku odozgo prema dolje pa u drugi stupac (--satm-rows postavlja layout
       prema broju termina) — čitanjem niz stupac redoslijed je kronološki */
    grid-auto-flow: column;
    grid-template-rows: repeat(var(--satm-rows, 1), auto);
    align-content: start;
    gap: 0.7rem;
    max-height: 46vh;
    overflow-y: auto;
}
.satm-chip {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    background: var(--paper);
    transition: transform 0.2s var(--ease-out), box-shadow 0.2s, border-color 0.2s;
}
.satm-chip:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); border-color: color-mix(in srgb, var(--green) 40%, transparent); }
.satm-chip .ev-datebox { width: 46px; height: 46px; }
.satm-chip .ev-day { font-size: 1.05rem; }
.satm-chip-body { display: grid; gap: 0.05rem; min-width: 0; flex: 1; }
.satm-chip-date { font-weight: 700; font-size: 0.95rem; color: var(--ink); white-space: nowrap; }
.satm-chip-sub { font-size: 0.76rem; font-weight: 600; color: var(--ink-faint); }
.satm-chip.is-today {
    background: color-mix(in srgb, var(--green) 10%, var(--card));
    border-color: var(--green);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--green) 25%, transparent);
}
.satm-badge {
    padding: 0.14rem 0.6rem;
    border-radius: var(--r-pill);
    background: var(--green);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    flex: none;
}
@media (max-width: 560px) {
    .satm-grid { grid-template-columns: minmax(0, 1fr); grid-auto-flow: row; grid-template-rows: none; }
}

/* naslovnica: nadolazeća događanja */
.ev-home-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.2rem;
}
.ev-home-card {
    display: flex;
    flex-direction: column;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: transform 0.25s var(--ease-out), box-shadow 0.25s;
}
.ev-home-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); text-decoration: none; }
.ev-home-media { position: relative; display: block; aspect-ratio: 16 / 9.5; background: var(--paper-2); overflow: hidden; }
.ev-home-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-home-media .cover-ph { position: absolute; inset: 0; display: grid; place-items: center; color: color-mix(in srgb, var(--pale) 40%, transparent); }
.ev-home-media .ev-datebox {
    position: absolute;
    left: 10px; bottom: 10px;
    width: 52px; height: 52px;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--pine-950) 35%, transparent);
}
.ev-home-media .ev-day { font-size: 1.15rem; }
.ev-home-body { display: grid; gap: 0.25rem; padding: 0.85rem 1rem 1rem; }
.ev-home-title { font-weight: 700; font-size: 1rem; letter-spacing: -0.01em; color: var(--ink); }
.ev-home-card:hover .ev-home-title { color: var(--green-deep); }
.ev-home-meta { font-size: 0.83rem; font-weight: 600; color: var(--ink-faint); }

@media (max-width: 640px) {
    .cal-cell { min-height: 52px; padding: 0.3rem; }
    .cal-chip { display: none; }
    .cal-cell--event .cal-daynum { color: var(--green-deep); font-weight: 800; }
    .cal-cell--event::after { content: ""; width: 6px; height: 6px; border-radius: var(--r-round); background: var(--green); }
    .ev-card { grid-template-columns: auto 1fr; }
    .ev-media { display: none; }
}

/* ============================================================ 25. REVEAL & MICRO-INTERACTIONS */
html.js [data-reveal] {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
html.js [data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}
html.js [data-reveal-delay="1"] { transition-delay: 0.09s; }
html.js [data-reveal-delay="2"] { transition-delay: 0.18s; }
html.js [data-reveal-delay="3"] { transition-delay: 0.27s; }
html.js [data-reveal-delay="4"] { transition-delay: 0.36s; }
html.js [data-reveal-delay="5"] { transition-delay: 0.45s; }

/* JS-driven tilt keeps its own transform — make it feel smooth */
[data-tilt] { transform-style: preserve-3d; }

/* ============================================================ 26. A11Y */
:focus-visible {
    outline: 3px solid var(--green-deep);
    outline-offset: 3px;
    border-radius: var(--r-xs0);
}
.btn:focus-visible,
.page-link:focus-visible { outline-offset: 2px; }
.status-pill--hero:focus-visible,
.btn--ghost-light:focus-visible,
.lb-btn:focus-visible { outline-color: var(--yellow-2); }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
    html.js [data-reveal] { opacity: 1; transform: none; }
    .blob { animation: none; }
    .hero-scroll { display: none; }
    .hero-spotlight { display: none; }
    .hero-word { animation: none; opacity: 1; transform: none; }
    .hero-word--accent {
        animation: none;
        background-position: 30% 0; /* frozen mid-shimmer so the word stays amber */
    }
}

/* ---- novosti: AJAX pretraga + "Ucitaj jos" ---- */
.news-search-wrap { margin-top: 20px; max-width: 460px; }
.news-search-front {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--card);
    border: 1.5px solid var(--line-soft);
    border-radius: 999px;
    padding: 0.7rem 1.15rem;
    color: var(--ink-soft);
    transition: border-color 0.2s, box-shadow 0.2s;
}
.news-search-front:focus-within {
    border-color: var(--green-deep);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--green-deep) 14%, transparent);
}
.news-search-front input {
    border: 0;
    outline: 0;
    background: transparent;
    width: 100%;
    font: inherit;
    color: var(--ink);
}
.news-search-info { margin: 10px 0 0; font-size: 0.92rem; color: var(--ink-soft); }
.news-search-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--ink-soft);
    font-size: 1.05rem;
}
.load-more-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 2.6rem;
}
.load-more-count { margin: 0; font-size: 0.88rem; color: var(--ink-soft); }
[data-load-more].is-loading { opacity: 0.7; pointer-events: none; }

/* ---- novosti: autocomplete dropdown pretrage ---- */
.news-search-wrap { position: relative; }
.news-search-front { box-shadow: 0 8px 24px rgba(10, 16, 10, 0.06); }
.ns-drop {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 60;
    background: var(--card);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    box-shadow: 0 22px 50px rgba(10, 16, 10, 0.18);
    overflow: hidden;
    animation: nsDropIn 0.18s ease-out;
}
@keyframes nsDropIn { from { opacity: 0; transform: translateY(-6px); } }
.ns-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    text-decoration: none;
    color: var(--ink);
}
.ns-item + .ns-item { border-top: 1px solid color-mix(in srgb, var(--line-soft) 55%, transparent); }
.ns-item:hover, .ns-item.is-active { background: color-mix(in srgb, var(--green-deep) 8%, transparent); }
.ns-thumb {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    object-fit: cover;
    flex: none;
    background: var(--paper-2);
}
.ns-thumb--ph { display: grid; place-content: center; font-size: 1.2rem; }
.ns-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ns-title { font-weight: 650; font-size: 0.93rem; line-height: 1.3; }
.ns-title mark {
    background: color-mix(in srgb, var(--accent, #f2e00a) 55%, transparent);
    color: inherit;
    border-radius: 3px;
    padding: 0 1px;
}
.ns-meta { display: flex; align-items: center; gap: 6px; font-size: 0.78rem; color: var(--ink-soft); }
.ns-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.ns-all {
    display: block;
    width: 100%;
    padding: 12px;
    border: 0;
    border-top: 1px solid var(--line-soft);
    background: color-mix(in srgb, var(--paper-2) 70%, transparent);
    color: var(--green-deep);
    font: inherit;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
}
.ns-all:hover, .ns-all.is-active { background: color-mix(in srgb, var(--green-deep) 10%, transparent); }
.ns-empty { margin: 0; padding: 16px; text-align: center; color: var(--ink-soft); font-size: 0.92rem; }

/* ---- novosti: trazilica u tamnoj hero traci ---- */
.page-hero--search {
    height: clamp(170px, 22vh, 220px);
    overflow: visible;
    -webkit-clip-path: none;
    clip-path: none;
    z-index: 5;
}
.page-hero--search .page-hero-bg {
    overflow: hidden;
    -webkit-clip-path: ellipse(140% 100% at 50% 0%);
    clip-path: ellipse(140% 100% at 50% 0%);
}
.page-hero-search-in {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-hero--search .news-search-wrap {
    margin: 0;
    width: 100%;
    max-width: 680px;
}
.page-hero--search .news-search-front {
    border-color: transparent;
    padding: 0.9rem 1.35rem;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}
.page-hero--search .news-search-info {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

/* ---- globalna pretraga: ikona u meniju + modal ---- */
.nav-search-btn {
    display: inline-grid;
    place-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1.5px solid var(--line-soft);
    background: transparent;
    color: inherit;
    cursor: pointer;
    flex: none;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.nav-search-btn:hover {
    background: color-mix(in srgb, var(--green-deep) 10%, transparent);
    border-color: var(--green-deep);
    color: var(--green-deep);
}
.nav-search-btn--bar { display: none; }
@media (max-width: 900px) {
    .nav-search-btn--nav { display: none; }
    .nav-search-btn--bar { display: inline-grid; margin-right: 10px; }
    body.nav-open .nav-search-btn--bar { color: var(--pale); border-color: color-mix(in srgb, var(--pale) 28%, transparent); }
}

.gs-overlay {
    position: fixed;
    inset: 0;
    z-index: 420;
    background: rgba(7, 13, 9, 0.55);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 11vh 1rem 2rem;
    animation: gsFade 0.18s ease-out;
}
@keyframes gsFade { from { opacity: 0; } }
.gs-panel {
    width: 100%;
    max-width: 620px;
    background: var(--card);
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    animation: gsPop 0.22s ease-out;
}
@keyframes gsPop { from { opacity: 0; transform: translateY(-14px) scale(0.98); } }
.gs-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--line-soft);
    color: var(--ink-soft);
}
.gs-head input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    font-size: 1.12rem;
    color: var(--ink);
}
.gs-esc {
    flex: none;
    border: 1px solid var(--line-soft);
    background: var(--paper-2);
    border-radius: 8px;
    padding: 3px 9px;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--ink-soft);
    cursor: pointer;
}
.gs-esc:hover { color: var(--ink); border-color: var(--ink-soft); }
.gs-results { max-height: min(56vh, 480px); overflow-y: auto; }
.gs-hint { margin: 0; padding: 1.2rem; text-align: center; color: var(--ink-soft); font-size: 0.92rem; }
body.gs-open { overflow: hidden; }
@media (max-width: 640px) {
    .gs-overlay { padding-top: 7vh; }
}

/* ---- gumb odjela: slika/PDF u modalu ---- */
.nm--media { max-width: min(92vw, 720px); }
.nm--wide { max-width: min(94vw, 880px); width: 100%; }
.nm-body--cta { padding: 14px; }
.nm-media { display: block; width: 100%; height: auto; max-height: 70vh; object-fit: contain; border-radius: 12px; }
.nm-pdf { display: block; width: 100%; height: min(68vh, 700px); border: 0; border-radius: 10px; background: #ffffff; }
@media (max-width: 640px) {
    .nm-pdf { height: 58vh; }
}

/* ---- subota vezana uz radne subote (napomena u tablici radnog vremena) ---- */
.ht-sat-note {
    display: block;
    margin-top: 3px;
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    color: var(--ink-soft);
}
.ht-sat-note--on { color: var(--green-deep); font-weight: 650; }

/* ---- radno vrijeme (tamni panel): citljiva napomena o suboti + pilule radnih subota ---- */
.hours-panel .ht-sat-note { color: color-mix(in srgb, var(--pale) 60%, transparent); }
.hours-panel .ht-sat-note--on { color: var(--yellow); font-weight: 700; }
.sat-pills {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}
.sat-date-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--pale) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--pale) 24%, transparent);
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    color: var(--pale-soft);
    line-height: 1.4;
}
.sat-date-pill--next {
    background: var(--yellow);
    border-color: var(--yellow);
    color: #1c2413;
    font-weight: 750;
}
@media (max-width: 640px) {
    .sat-pills { justify-content: flex-start; }
}

/* poravnanje: viseredni sadrzaj u stupcu vremena (subota + napomena) uz desni rub kao i ostali dani */
.hours-table .hours-time { text-align: right; }

/* ---- logo u podnozju (zamjena za ikonu + naziv) ---- */
.footer-logo {
    display: block;
    max-height: 56px;
    width: auto;
    max-width: min(260px, 80%);
}

/* ---- dokumenti (front): sklopivo stablo mapa ---- */
.dft-row { display: flex; align-items: center; gap: 2px; }
.dft-row .dft-item { flex: 1; min-width: 0; }
.dft-toggle {
    flex: none;
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-content: center;
    border: 0;
    background: none;
    color: var(--ink-soft);
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
}
.dft-toggle:hover { background: color-mix(in srgb, var(--green-deep) 10%, transparent); color: var(--green-deep); }
.dft-toggle svg { transition: transform 0.15s; }
.dft-node.is-open > .dft-row .dft-toggle svg { transform: rotate(90deg); }
.dft-toggle--spacer { cursor: default; }
.dft-node.has-kids > .dft-list { display: none; }
.dft-node.is-open > .dft-list { display: block; }

/* ---- dokumenti: rezultati globalne pretrage ---- */
.ds-summary { margin: 0 0 1.2rem; font-size: 0.95rem; color: var(--ink-soft); }
.ds-path { display: block; text-decoration: none; }
.ds-path:hover { text-decoration: underline; color: var(--green-deep); }

/* ---- brzi gumbi naslovnice (plutaju preko donjeg ruba slidera) ---- */
.section--quickbtns {
    position: relative;
    z-index: 5;
    margin-top: clamp(-3.2rem, -5vh, -2.2rem);
    padding-block: 0 clamp(0.6rem, 2vh, 1.4rem);
}
/* dodatni tekst iznad gumba: hero dobije prostor za njega (--hb-text-h), sekcija se povuče gore za isto */
.hero--hbtext, .hero--hbtext + .section--quickbtns { --hb-text-h: 3.6rem; } /* na oba: sekcija je brat, ne dijete heroja */
.hero--hbtext { padding-bottom: calc(clamp(4rem, 10vh, 7rem) + var(--hb-text-h)); }
.hero--hbtext + .section--quickbtns { margin-top: calc(clamp(-3.2rem, -5vh, -2.2rem) - var(--hb-text-h)); }
.hb-text {
    margin: 0 auto 1.1rem;
    max-width: 1100px;
    min-height: 2.5rem;
    text-align: center;
    font-family: var(--font-display);
    font-size: clamp(1.15rem, 2.2vw, 1.6rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--pale);
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.4);
}
.hb-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
    gap: 16px;
    max-width: 1100px;
    margin-inline: auto;
}
.hb-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 1.5rem 1rem 1.55rem;
    background: linear-gradient(180deg, var(--card) 0%, color-mix(in srgb, var(--card) 92%, var(--green)) 140%);
    border: 1px solid color-mix(in srgb, var(--green) 14%, var(--line-soft));
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-md);
    text-decoration: none;
    color: var(--ink);
    font: inherit;
    font-weight: 700;
    font-size: 0.95rem;
    text-align: center;
    cursor: pointer;
    transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;
}
.hb-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.85rem;
    width: 30px;
    height: 3px;
    border-radius: var(--r-pill);
    background: linear-gradient(90deg, var(--yellow), color-mix(in srgb, var(--yellow) 45%, var(--green)));
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.25s var(--ease-out, ease);
}
.hb-btn:hover,
.hb-btn:focus-visible {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--green) 45%, transparent);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--pine-950) 7%, transparent),
                0 22px 44px -10px color-mix(in srgb, var(--green-deep) 30%, transparent);
}
.hb-btn:hover::after,
.hb-btn:focus-visible::after { transform: translateX(-50%) scaleX(1); }
.hb-icon {
    width: 58px;
    height: 58px;
    border-radius: var(--r-md);
    display: grid;
    place-content: center;
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--green) 18%, transparent),
        color-mix(in srgb, var(--green-deep) 6%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--green) 22%, transparent);
    color: var(--green-deep);
    transition: background 0.22s, color 0.22s, transform 0.22s, box-shadow 0.22s;
}
.hb-btn:hover .hb-icon,
.hb-btn:focus-visible .hb-icon {
    background: linear-gradient(145deg, var(--green), var(--green-deep));
    color: #ffffff;
    transform: scale(1.08) rotate(-4deg);
    box-shadow: 0 10px 20px -6px color-mix(in srgb, var(--green-deep) 45%, transparent);
}
.hb-ico-img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}
/* vlastita (PNG) ikona: hover ne prelijeva pločicu punom bojom da slika ostane čitljiva */
.hb-btn:hover .hb-icon:has(.hb-ico-img),
.hb-btn:focus-visible .hb-icon:has(.hb-ico-img) {
    background: linear-gradient(145deg,
        color-mix(in srgb, var(--green) 28%, transparent),
        color-mix(in srgb, var(--green-deep) 12%, transparent));
}
.hb-label { line-height: 1.25; }
@media (max-width: 640px) {
    .hb-ico-img { width: 26px; height: 26px; }
    .section--quickbtns { margin-top: -1.4rem; }
    .hero--hbtext + .section--quickbtns { margin-top: calc(-1.4rem - var(--hb-text-h)); }
    .hb-text { font-size: 1.1rem; margin-bottom: 0.8rem; }
    .hb-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .hb-btn { padding: 1.05rem 0.6rem 1.15rem; font-size: 0.88rem; gap: 9px; }
    .hb-btn::after { bottom: 0.6rem; }
    .hb-icon { width: 48px; height: 48px; }
}

/* ============================================================
   DIZAJN-TEME (skinovi) — potpuno različiti karakteri weba.
   Klasična = osnovni CSS bez dodataka; ispod su nadgradnje.
   ============================================================ */

/* ---------------- KOMUNALNO: čist flat eko izgled (murs stil) ----------------
   Bijele plohe, trava-zelena, tanke linije, serif naslovi, bez mekih sjena. */
body.skin--komunalno {
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
}
body.skin--komunalno .site-header { border-bottom: 4px solid var(--green); }
body.skin--komunalno .hero { border-bottom: 6px solid var(--green); }
body.skin--komunalno .hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    background: linear-gradient(90deg, var(--green) 0 34%, var(--yellow) 34% 67%, var(--green-deep) 67%);
    z-index: 3;
}
body.skin--komunalno .section-kicker {
    color: var(--green-deep);
    font-weight: 700;
    letter-spacing: 0.14em;
}
body.skin--komunalno .section-title {
    font-weight: 400;
    position: relative;
    padding-bottom: 0.6rem;
}
body.skin--komunalno .section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    background: var(--green);
}
body.skin--komunalno .btn {
    border: 0;
    box-shadow: none;
    font-weight: 600;
    letter-spacing: 0.01em;
}
body.skin--komunalno .btn--primary { background: var(--green); }
body.skin--komunalno .btn--primary:hover { background: var(--green-deep); transform: none; box-shadow: none; }
body.skin--komunalno .btn--accent { background: var(--yellow); color: #1b3a0e; box-shadow: none; }
body.skin--komunalno .btn--accent:hover { background: var(--green); color: #ffffff; transform: none; box-shadow: none; }
body.skin--komunalno .btn--ghost { border: 1px solid color-mix(in srgb, var(--ink) 25%, transparent); }
body.skin--komunalno .news-card,
body.skin--komunalno .hb-btn,
body.skin--komunalno .pb-form,
body.skin--komunalno .pb-quote {
    border: 1px solid color-mix(in srgb, var(--ink) 13%, transparent);
    box-shadow: none;
    background: #ffffff;
}
body.skin--komunalno .news-card { border-top: 4px solid var(--green); }
body.skin--komunalno .news-card:hover,
body.skin--komunalno .hb-btn:hover {
    transform: none;
    border-color: var(--green);
    box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--green-deep) 55%, transparent);
}
body.skin--komunalno .news-card-title { font-weight: 700; }
body.skin--komunalno .news-card-more,
body.skin--komunalno .prose a,
body.skin--komunalno .footer-ib-a { color: var(--green-deep); }
body.skin--komunalno .footer-ib-btn {
    border-radius: 0;
    border-color: var(--green);
    background: transparent;
    color: var(--green-deep);
}
body.skin--komunalno .footer-ib-btn:hover { background: var(--green); color: #ffffff; }
body.skin--komunalno .footer-ib-c svg { color: var(--green-deep); }
body.skin--komunalno .hb-icon {
    border-radius: 0;
    background: var(--green);
    color: #ffffff;
    box-shadow: none;
}
body.skin--komunalno .hb-btn:hover .hb-icon { background: var(--green-deep); }
body.skin--komunalno .badge,
body.skin--komunalno .cat-badge { font-weight: 700; letter-spacing: 0.03em; }
body.skin--komunalno .footer-title,
body.skin--komunalno .footer-ib-title {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 1.3rem;
    text-transform: none;
    letter-spacing: 0;
}
body.skin--komunalno .site-footer { border-top: 6px solid var(--green); }
body.skin--komunalno .footer-glow { display: none; }
body.skin--komunalno .pb-form-input { background: #eceff1; border-color: transparent; }
body.skin--komunalno .pb-form-input:focus { background: #ffffff; border-color: var(--green); }
body.skin--komunalno .footer-hours .footer-hours-tag { background: var(--green); color: #ffffff; }

/* ---------------- MASLAČAK: sunčani vrtićki izgled ---------------- */
body.skin--maslacak {
    --r-sm: 16px;
    --r-md: 24px;
    --r-lg: 34px;
    --r-xl: 44px;
    --r-xs2: 14px;
    --r-xs3: 18px;
}
body.skin--maslacak .site-main,
body.skin--maslacak .section {
    background-image:
        radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--yellow) 9%, transparent) 0, transparent 30%),
        radial-gradient(circle at 92% 70%, color-mix(in srgb, var(--green) 7%, transparent) 0, transparent 32%);
}
body.skin--maslacak .hero {
    border-radius: 0 0 56px 56px;
    overflow: hidden;
}
body.skin--maslacak .site-footer { border-radius: 44px 44px 0 0; margin-top: 1rem; }
body.skin--maslacak .section-kicker { font-weight: 800; }
body.skin--maslacak .section-kicker::before { content: "❀ "; color: var(--green); }
body.skin--maslacak .section-title { color: var(--green-deep); }
body.skin--maslacak .btn { border-radius: 999px; font-weight: 700; }
body.skin--maslacak .btn:hover { transform: translateY(-2px) rotate(-1.2deg) scale(1.02); }
body.skin--maslacak .news-card,
body.skin--maslacak .hb-btn,
body.skin--maslacak .pb-form {
    border: 3px solid color-mix(in srgb, var(--green) 22%, transparent);
    box-shadow: 0 12px 26px -12px color-mix(in srgb, var(--green-deep) 30%, transparent);
}
body.skin--maslacak .news-card:hover { transform: translateY(-6px) rotate(-0.6deg); }
body.skin--maslacak .news-card-media .cat-badge,
body.skin--maslacak .cat-badge {
    border-radius: 999px;
    transform: rotate(-3deg);
    font-weight: 800;
}
body.skin--maslacak .hb-icon {
    border-radius: 50%;
    background: color-mix(in srgb, var(--yellow) 30%, #ffffff);
    color: var(--green-deep);
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--green) 30%, transparent);
}
body.skin--maslacak .footer-title::after { content: " ✿"; color: var(--yellow); }
body.skin--maslacak .nav-cta { border-radius: 999px; }
body.skin--maslacak .hero-notices { border-radius: var(--r-lg); }

/* ---------------- ZVONČIĆI: nebo, oblaci i točkice ---------------- */
body.skin--zvoncici .site-main,
body.skin--zvoncici .section {
    background-image: radial-gradient(color-mix(in srgb, var(--green) 9%, transparent) 1.6px, transparent 1.6px);
    background-size: 26px 26px;
}
body.skin--zvoncici .hero {
    border-radius: 0 0 50% 50% / 0 0 64px 64px;
    overflow: hidden;
}
body.skin--zvoncici .site-footer { position: relative; margin-top: 22px; }
body.skin--zvoncici .site-footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 15px;
    background-image: radial-gradient(circle at 14px 16px, var(--pine-950) 14px, transparent 15px);
    background-size: 28px 16px;
    background-repeat: repeat-x;
}
body.skin--zvoncici .section-kicker::before { content: "✦ "; color: var(--yellow); }
body.skin--zvoncici .section-title { color: var(--green-deep); }
body.skin--zvoncici .news-card,
body.skin--zvoncici .pb-form { border-radius: 26px 26px 26px 8px; }
body.skin--zvoncici .news-card { border: 2px dashed color-mix(in srgb, var(--green) 35%, transparent); background: var(--card); }
body.skin--zvoncici .news-card:hover { border-style: solid; border-color: var(--green); }
body.skin--zvoncici .news-card-media { border-radius: 22px 22px 0 0; }
body.skin--zvoncici .btn { border-radius: 16px; font-weight: 700; }
body.skin--zvoncici .btn--primary { box-shadow: 0 6px 0 -2px color-mix(in srgb, var(--green-deep) 55%, #000000); }
body.skin--zvoncici .btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 0 -2px color-mix(in srgb, var(--green-deep) 55%, #000000); }
body.skin--zvoncici .hb-btn { border-radius: 26px 26px 26px 8px; }
body.skin--zvoncici .hb-icon { border-radius: 50%; background: color-mix(in srgb, var(--green) 14%, #ffffff); box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px color-mix(in srgb, var(--green) 30%, transparent); }
body.skin--zvoncici .badge,
body.skin--zvoncici .cat-badge { border-radius: 999px; }
body.skin--zvoncici .footer-title::after { content: " ☁"; color: color-mix(in srgb, var(--pale) 70%, transparent); }
body.skin--zvoncici .hero-notices { border-radius: 30px 30px 30px 10px; }

/* ---------------- ŽUPA: svečano i moderno za crkvene zajednice ----------------
   Bordo + zlatna, topli papir, elegantni serif, lukovi poput crkvenih prozora. */
body.skin--zupa {
    --gold: var(--yellow); /* akcent teme = zlatna */
}
body.skin--zupa .site-header {
    border-bottom: 3px double color-mix(in srgb, var(--gold) 65%, transparent);
}
body.skin--zupa .hero {
    border-bottom: none;
    border-radius: 0 0 50% 50% / 0 0 64px 64px;
    overflow: hidden;
}
body.skin--zupa .hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    background: linear-gradient(90deg, transparent, var(--gold) 30% 70%, transparent);
    z-index: 3;
}
body.skin--zupa .section-kicker {
    letter-spacing: 0.22em;
    font-weight: 600;
    color: color-mix(in srgb, var(--gold) 72%, var(--ink));
}
body.skin--zupa .section-kicker::before { content: "✣ "; color: var(--gold); }
body.skin--zupa .section-title {
    font-weight: 600;
    position: relative;
    padding-bottom: 0.65rem;
}
body.skin--zupa .section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 74px;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), color-mix(in srgb, var(--gold) 25%, transparent));
}
/* kartice: tanka zlatna linija + slika u luku crkvenog prozora */
body.skin--zupa .news-card {
    background: var(--card);
    border: 1px solid color-mix(in srgb, var(--gold) 32%, transparent);
    border-radius: 14px;
}
body.skin--zupa .news-card:hover {
    border-color: color-mix(in srgb, var(--gold) 62%, transparent);
    box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--green-deep) 35%, transparent);
}
body.skin--zupa .news-card-media {
    border-radius: 999px 999px 0 0;
    margin: 10px 10px 0;
}
body.skin--zupa .btn { border-radius: 10px; letter-spacing: 0.02em; }
body.skin--zupa .btn--primary {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
body.skin--zupa .btn--primary:hover {
    box-shadow: inset 0 0 0 1px var(--gold), 0 12px 26px -12px color-mix(in srgb, var(--green-deep) 55%, transparent);
}
/* brzi gumbi = mali lukovi (prozori) sa zlatnim prstenom oko ikone */
body.skin--zupa .hb-btn { border-radius: 999px 999px 16px 16px; padding-top: 1.5rem; }
body.skin--zupa .hb-btn:hover, body.skin--zupa .hb-btn:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 55%, transparent);
}
body.skin--zupa .hb-icon {
    border-radius: 50%;
    background: color-mix(in srgb, var(--green) 8%, #ffffff);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent),
                0 0 0 5px color-mix(in srgb, var(--gold) 14%, transparent);
    color: var(--green-deep);
}
body.skin--zupa .badge, body.skin--zupa .cat-badge { border-radius: 6px; }
/* podnožje: dvostruka zlatna linija na vrhu, svečani naslovi */
body.skin--zupa .site-footer { border-top: 3px double color-mix(in srgb, var(--gold) 55%, transparent); }
body.skin--zupa .footer-title {
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.82rem;
}
body.skin--zupa .footer-title::after { content: " ✣"; color: var(--gold); }
body.skin--zupa .hero-notices { border-radius: 22px; border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); }
body.skin--zupa .pb-form { border: 1px solid color-mix(in srgb, var(--gold) 35%, transparent); border-radius: 14px; }
body.skin--zupa .pb-form-input { background: color-mix(in srgb, var(--gold) 4%, #ffffff); }
body.skin--zupa .pb-feat-ico {
    border-radius: 50%;
    background: color-mix(in srgb, var(--green) 7%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 50%, transparent);
}
@media (max-width: 700px) {
    body.skin--zupa .hero { border-radius: 0 0 50% 50% / 0 0 34px 34px; }
}

/* ---- blok: Ikone i tekst (red značajki) ---- */
.pb-feats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2.2rem 1.8rem;
    margin: 2rem 0;
    text-align: center;
}
.pb-feat { min-width: 0; }
.pb-feat-ico {
    display: inline-grid;
    place-items: center;
    width: 92px;
    height: 92px;
    border-radius: var(--r-round);
    color: var(--green);
    background: color-mix(in srgb, var(--green) 9%, transparent);
    margin-bottom: 0.9rem;
}
.pb-feat-ico svg { stroke-width: 1.4; }
.pb-feat-title {
    margin: 0 0 0.45rem;
    font-family: var(--font-display);
    font-size: 1.22rem;
    font-weight: 600;
    color: var(--ink);
}
p.pb-feat-text,
.prose p.pb-feat-text {
    margin: 0 auto;
    font-size: 0.92rem;
    line-height: 1.65;
    text-align: center;
    color: var(--ink-soft);
    max-width: 30ch;
}
/* „Ikone i tekst” → izgled Kartice (samo tekst / s malom ikonom) */
.pb-feats--cards {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
    gap: 1rem;
    text-align: left;
}
.pb-feats--cards .pb-feat {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--line);
    border-radius: var(--r-md, 14px);
    background: var(--card);
}
.pb-feats--cards .pb-feat-body { min-width: 0; }
.pb-feats--cards .pb-feat-ico { width: 42px; height: 42px; margin: 0; flex: none; }
.pb-feats--cards .pb-feat-title { margin: 0 0 0.25rem; font-size: 1.08rem; }
.pb-feats--cards p.pb-feat-text,
.prose .pb-feats--cards p.pb-feat-text { margin: 0; max-width: none; text-align: left; font-size: 0.88rem; line-height: 1.5; }
.hblocks--bg-tamna .pb-feats--cards .pb-feat { background: color-mix(in srgb, var(--pale) 6%, transparent); border-color: color-mix(in srgb, var(--pale) 16%, transparent); }

/* slika na dnu objave iz kategorije (npr. traka logotipa EU projekta) — uvijek na bijeloj podlozi */
.article-catfoot {
    margin: 2.6rem 0 0;
    padding: 1.1rem 1.2rem;
    border: 1px solid var(--line);
    border-radius: var(--r-md, 14px);
    background: #fff;
    text-align: center;
}
.article-catfoot img { display: inline-block; max-width: 100%; height: auto; }

/* blok „Brojke” — istaknuti brojevi u karticama (rezultati, statistika) */
.pb-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin: 2rem 0 0.6rem;
}
.pb-stat {
    min-width: 0;
    padding: 1.3rem 1.2rem 1.25rem;
    border: 1px solid var(--line);
    border-top: 4px solid var(--green);
    border-radius: var(--r-md, 14px);
    background: var(--card);
}
.pb-stat-num {
    display: block;
    font-family: var(--font-display);
    font-size: clamp(1.9rem, 1.4rem + 1.4vw, 2.6rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: var(--green-deep);
    overflow-wrap: anywhere;
}
.pb-stat-label {
    display: block;
    margin-top: 0.55rem;
    font-size: 0.92rem;
    line-height: 1.45;
    color: var(--ink-soft);
}
p.pb-stats-note,
.prose p.pb-stats-note { margin: 0.4rem 0 2rem; font-size: 0.86rem; color: var(--ink-soft); }
@media (max-width: 480px) {
    .pb-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; }
    .pb-stat { padding: 1rem 0.9rem; }
}
.hblocks--bg-tamna .pb-stat { background: color-mix(in srgb, var(--pale) 6%, transparent); border-color: color-mix(in srgb, var(--pale) 16%, transparent); }
.hblocks--bg-tamna .pb-stat-num { color: var(--pale); }
.hblocks--bg-tamna .pb-stat-label,
.hblocks--bg-tamna .pb-stats-note { color: var(--pale-soft); }

/* dodatni sadržaj naslovnice */
.section--hblocks .hblocks-prose { max-width: none; }
.section--hblocks .pb-h { text-align: center; }

/* poravnanje sadržaja builder blokova */
.pb-al-l { text-align: left; }
.pb-al-c { text-align: center; }
.pb-al-r { text-align: right; }
.pb-al-c > * { margin-inline: auto; }

/* personalizacija sekcije dodatnog sadržaja naslovnice */
.hblocks--bg-nijansa { background: color-mix(in srgb, var(--green) 6%, var(--paper)); }
.hblocks--bg-bijela { background: var(--card); }
.hblocks--bg-tamna { background: var(--pine-950); }
.hblocks--bg-tamna .hblocks-prose { color: var(--pale-soft); }
.hblocks--bg-tamna .pb-h,
.hblocks--bg-tamna .pb-feat-title,
.hblocks--bg-tamna .pb-col-title { color: var(--pale); }
.hblocks--bg-tamna .pb-feat-text { color: var(--pale-soft); }
.hblocks--bg-tamna .pb-feat-ico {
    background: color-mix(in srgb, var(--pale) 10%, transparent);
    color: color-mix(in srgb, var(--green) 55%, var(--pale));
}
.hblocks--bg-tamna .prose a { color: color-mix(in srgb, var(--green) 55%, var(--pale)); }
.hblocks--bg-tamna .pb-quote { background: color-mix(in srgb, var(--pale) 7%, transparent); }
.hblocks--bg-tamna .pb-quote blockquote { color: var(--pale); }
.hblocks--bg-tamna hr.pb-divider { background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--pale) 30%, transparent), transparent); }
.hblocks--w-uska .hblocks-prose { max-width: var(--container-narrow, 800px); margin-inline: auto; }

/* vlastiti izgled naslovnice (builder preko cijele naslovnice) */
.section--custom-home { padding-top: clamp(2rem, 5vh, 3.5rem); }

/* gumb blok: stil "obrub" + ikona/slika u gumbu */
.btn--outline { background: transparent; color: var(--green-deep); border: 2px solid var(--green-deep); }
.btn--outline:hover { background: var(--green-deep); color: #ffffff; transform: translateY(-1px); box-shadow: var(--shadow-md); }
.prose a.btn--outline { color: var(--green-deep); }
.prose a.btn--outline:hover { color: #ffffff; }
.prose a.btn--ghost { color: var(--ink); }
.pb-btn-icoimg { width: 19px; height: 19px; object-fit: contain; display: inline-block; }

/* blok: Naslov s ikonom (ikona + naslov + tekst) — moderna gradijent ikona s prstenom */
.pb-icotext { display: flex; gap: 1.35rem; align-items: flex-start; margin: 1.7rem 0; }
.pb-icotext-ico {
    flex: none;
    position: relative;
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--green), var(--green-deep));
    box-shadow: 0 12px 24px -10px color-mix(in srgb, var(--green-deep) 60%, transparent),
                inset 0 1px 0 color-mix(in srgb, #ffffff 35%, transparent);
    transform: rotate(-4deg);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s;
}
.pb-icotext-ico::after {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 25px;
    border: 2px solid color-mix(in srgb, var(--green) 28%, transparent);
    transition: inset 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.3s;
    pointer-events: none;
}
.pb-icotext:hover .pb-icotext-ico {
    transform: rotate(3deg) scale(1.08);
    box-shadow: 0 18px 34px -10px color-mix(in srgb, var(--green-deep) 70%, transparent),
                inset 0 1px 0 color-mix(in srgb, #ffffff 40%, transparent);
}
.pb-icotext:hover .pb-icotext-ico::after {
    inset: -12px;
    border-radius: 29px;
    border-color: color-mix(in srgb, var(--green) 45%, transparent);
}
/* vlastita slika (logo): svijetla podloga umjesto gradijenta da slika ostane čitljiva */
.pb-icotext-ico:has(img) {
    background: color-mix(in srgb, var(--green) 7%, #ffffff);
    box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--green-deep) 35%, transparent),
                inset 0 0 0 1px color-mix(in srgb, var(--green) 22%, transparent);
}
.pb-icotext-ico img { width: 34px; height: 34px; object-fit: contain; }
.pb-icotext-title {
    position: relative;
    margin: 0 0 0.55rem;
    padding-bottom: 0.55rem;
    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ink);
}
.pb-icotext-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--green), var(--yellow));
    transition: width 0.4s var(--ease-out);
}
.pb-icotext:hover .pb-icotext-title::after { width: 88px; }
p.pb-icotext-text, .prose p.pb-icotext-text { margin: 0; color: color-mix(in srgb, var(--ink) 78%, transparent); }
.pb-icotext.pb-al-c { flex-direction: column; align-items: center; text-align: center; }
.pb-icotext.pb-al-c .pb-icotext-title::after { left: 50%; transform: translateX(-50%); }
.pb-icotext.pb-al-r { flex-direction: row-reverse; text-align: right; }
.pb-icotext.pb-al-r .pb-icotext-title::after { left: auto; right: 0; }
@media (max-width: 480px) {
    .pb-icotext { gap: 1rem; }
    .pb-icotext-ico { width: 54px; height: 54px; border-radius: 16px; }
    .pb-icotext-ico img { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .pb-icotext-ico, .pb-icotext-ico::after, .pb-icotext-title::after { transition: none; }
}

/* izgled bloka iz buildera: obrub + pozadina (paleta teme) */
.pb-wrap { padding: 1.15rem 1.3rem; border-radius: var(--r-md); margin: 1.5rem 0; }
.pb-wrap > :first-child { margin-top: 0; }
.pb-wrap > :last-child { margin-bottom: 0; }
.pb-wrap--f-thin { border: 1px solid color-mix(in srgb, var(--ink) 15%, transparent); }
.pb-wrap--f-theme { border: 2px solid var(--green); }
.pb-wrap--f-dash { border: 2px dashed color-mix(in srgb, var(--green) 55%, transparent); }
.pb-wrap--f-shadow { box-shadow: var(--shadow-md); background: var(--card); }
.pb-wrap--bg-tint { background: color-mix(in srgb, var(--green) 8%, transparent); }
.pb-wrap--bg-white { background: var(--card); }
.pb-wrap--bg-dark { background: var(--t-dark); color: var(--pale); }
.pb-wrap--bg-dark .pb-h, .pb-wrap--bg-dark .pb-icotext-title, .pb-wrap--bg-dark .pb-col-title,
.pb-wrap--bg-dark h2, .pb-wrap--bg-dark h3, .pb-wrap--bg-dark h4,
.prose .pb-wrap--bg-dark p, .pb-wrap--bg-dark p, .pb-wrap--bg-dark li { color: var(--pale); }
.prose .pb-wrap--bg-dark a { color: var(--yellow); }
.pb-wrap--bg-dark .pb-quote, .pb-wrap--bg-dark blockquote { color: var(--pale); }

/* blok: Novosti (builder) — zaglavlje iznad mreže */
.pb-newsblock { margin: 1.6rem 0; }
/* lista u bloku na stranici popunjava cijelu širinu sadržaja (naslovnica zadržava svoju širinu) */
.pb-newsblock .nb-list { max-width: none; }
.pb-news-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.1rem; }
.pb-news-title { margin: 0; font-family: var(--font-display); font-size: 1.5rem; letter-spacing: -0.01em; color: var(--ink); }

/* gumbi odjela u zaglavlju bloka Novosti */
.pb-news-head-l { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; min-width: 0; }

/* blok Novosti u .prose (builder): zaglavlje identično standardnim sekcijama —
   prose h2/p pravila ne smiju smanjiti naslov ni razmake */
.prose .pb-newsblock .section-head { margin: 0 0 clamp(1.4rem, 3vh, 2.2rem); }
.prose .pb-newsblock p.section-kicker { margin: 0 0 0.4rem; font-size: 0.8rem; letter-spacing: 0.2em; }
.prose .pb-newsblock h2.section-title {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.7rem, 3.6vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.015em;
}

/* kartice novosti u .prose: prose h3/p razmaci (1.8em iznad naslova) ne smiju razvući karticu */
.prose .pb-newsblock h3.news-card-title { margin: 0 0 0.55rem; font-size: 1.28rem; }
.prose .pb-newsblock h3.news-feature-title { margin: 0; font-size: clamp(1.35rem, 2.6vw, 1.9rem); }
.prose .pb-newsblock h3.news-item-title { margin: 0 0 0.3rem; font-size: 1.08rem; }
.prose .pb-newsblock p.news-card-excerpt { margin: 0 0 1.1rem; }
.prose .pb-newsblock p.news-feature-excerpt,
.prose .pb-newsblock p.news-item-excerpt { margin: 0; }

/* blok "Radna vremena" u .prose: ploča s naslovnice — prose ul/li/h2/p pravila je ne smiju mijenjati */
.pb-hoursfull, .pb-events { margin: 1.6rem 0; font-size: 1rem; line-height: 1.65; }
.prose .pb-hoursfull ul { margin: 0; padding: 0; }
.prose .pb-hoursfull li { margin-bottom: 0; }
.prose .pb-hoursfull p.section-kicker { margin: 0 0 0.4rem; }
.prose .pb-hoursfull h2.section-title { margin: 0; font-size: clamp(1.7rem, 3.6vw, 2.5rem); }
.prose .pb-hoursfull p.hours-note { margin: 1.2rem 0 1em; }

/* blok "Kalendar događanja" u .prose: isti izgled kao /dogadanja — prose h2/h3/p/a pravila ne smiju mijenjati kalendar */
.prose .pb-events h2.cal-title { margin: 0; font-size: clamp(1.3rem, 2.6vw, 1.7rem); }
.prose .pb-events h3.ev-title { margin: 0 0 0.3rem; font-size: 1.1rem; }
.prose .pb-events p.ev-meta { margin: 0 0 0.35rem; }
.prose .pb-events p.ev-desc { margin: 0; }
.prose .pb-events p.cal-hint { margin: 0.9rem 0 0; }
.prose .pb-events .empty-state h2 { margin: 0; font-size: 1.4rem; }
.prose .pb-events .empty-state p { margin: 0.2rem 0 1.2rem; }
.prose .pb-events a { color: inherit; font-weight: inherit; }
.prose .pb-events a.cal-nav { color: var(--ink-soft); }
.prose .pb-events a.cal-nav:hover { color: #fff; }

/* gumb "Učitaj još" ispod bloka Novosti */
.pb-news-morewrap { text-align: center; margin-top: 1.5rem; }

/* hero gumbi — brzi dokumenti umjesto kartice obavijesti (staklene pločice) */
.hero-btns {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    width: min(380px, 100%);
}
.hero-btn {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--pale) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--pale) 16%, transparent);
    backdrop-filter: blur(14px) saturate(1.25);
    -webkit-backdrop-filter: blur(14px) saturate(1.25);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--pine-950) 30%, transparent),
                inset 0 1px 0 color-mix(in srgb, var(--pale) 12%, transparent);
    color: var(--pale);
    font: 650 0.95rem/1.3 var(--font-body);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.25s var(--ease-out), border-color 0.25s, background 0.25s;
}
.hero-btn:hover,
.hero-btn:focus-visible {
    transform: translateX(5px);
    border-color: color-mix(in srgb, var(--yellow) 65%, transparent);
    background: color-mix(in srgb, var(--pale) 12%, transparent);
    color: var(--pale);
    text-decoration: none;
}
.hero-btn-ext { flex: none; }
.hero-btn-label { flex: 1; min-width: 0; }
.hero-btn > svg:last-child { flex: none; opacity: 0.55; transition: opacity 0.25s, transform 0.25s; }
.hero-btn:hover > svg:last-child { opacity: 1; transform: translateX(3px); }
@media (max-width: 900px) {
    .hero-btns { width: 100%; }
}

/* hero gumbi v2: veći, sjaj koji prelazi na hover, veći bedž */
.hero-btn { font-size: 1.02rem; border-radius: var(--r-lg); }
.hero-btn .hero-btn-ext { font-size: 0.72rem; padding: 0.34rem 0.6rem; }
.hero-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--pale) 14%, transparent) 50%, transparent 70%);
    transform: translateX(-110%);
    transition: transform 0.6s var(--ease-out);
    pointer-events: none;
}
.hero-btn:hover::after { transform: translateX(110%); }

/* hero gumbi v3: bijele kartice, veće na desktopu */
.hero-btns { width: min(420px, 100%); gap: 0.85rem; }
.hero-btn {
    padding: 1.25rem 1.35rem;
    font-size: 1.06rem;
    background: var(--card);
    border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
    color: var(--ink);
    box-shadow: 0 16px 40px -12px color-mix(in srgb, var(--pine-950) 55%, transparent);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.hero-btn:hover,
.hero-btn:focus-visible {
    background: var(--card);
    color: var(--ink);
    border-color: color-mix(in srgb, var(--green) 60%, transparent);
    transform: translateY(-3px);
    box-shadow: 0 22px 48px -12px color-mix(in srgb, var(--pine-950) 65%, transparent);
}
.hero-btn > svg:last-child { color: var(--green-deep); opacity: 0.7; }
.hero-btn:hover > svg:last-child { opacity: 1; }
.hero-btn::after {
    background: linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--ink) 5%, transparent) 50%, transparent 70%);
}
@media (max-width: 700px) {
    .hero-btn { padding: 1rem 1.1rem; font-size: 0.98rem; }
}

/* hero gumbi: moderne gradijentne pločice vrste datoteke */
.hb-fico {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 16px -8px rgba(16, 24, 40, .5);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.hb-fico--pdf { background: linear-gradient(135deg, #f04438, #b42318); }
.hb-fico--doc { background: linear-gradient(135deg, #2e90fa, #175cd3); }
.hb-fico--xls { background: linear-gradient(135deg, #12b76a, #027a48); }
.hb-fico--img { background: linear-gradient(135deg, #7a5af8, #5925dc); }
.hb-fico-ext { font-size: 8.5px; font-weight: 800; letter-spacing: 0.07em; line-height: 1; }
.hero-btn:hover .hb-fico { transform: scale(1.1) rotate(-4deg); }

/* InTeh CMS mini logo u podnožju */
.footer-credit { display: inline-flex; align-items: center; gap: 6px; }
.footer-credit-mark { flex: none; border-radius: 4px; opacity: 0.85; }

/* ---- mobilni meni: uredne podstavke (zlatna linija hijerarhije, redovi u flexu) ---- */
@media (max-width: 900px) {
    /* red podstavke: link + strelica u ISTOM redu (desktop display:block je lomio strelicu u novi red) */
    .sub-menu .nav-item { display: flex; flex-wrap: wrap; align-items: center; }
    .sub-menu {
        margin: 0.15rem 0 0.4rem 0.6rem;
        padding: 0.2rem 0 0.45rem 0.75rem;
        border-left: 2px solid color-mix(in srgb, var(--yellow) 45%, transparent);
    }
    .sub-menu .nav-link {
        flex: 1;
        font-size: 1.18rem;
        font-weight: 550;
        padding: 0.62rem 0.7rem;
        color: color-mix(in srgb, var(--pale) 85%, transparent);
    }
    .sub-menu .nav-item.is-active > .nav-link { color: var(--yellow); }
    .sub-menu .sub-toggle { width: 42px; height: 42px; }
    /* dublje razine: tanja, bljeđa linija */
    .sub-menu .sub-menu {
        margin-left: 0.4rem;
        border-left: 2px solid color-mix(in srgb, var(--pale) 22%, transparent);
    }
    /* otvoreni roditelj: strelica u zlatnoj */
    .nav-item.open > .sub-toggle { color: var(--yellow); }
}

/* ---- dokumenti na mobitelu: tablica postaje kartice (bez gnječenja stupaca) ---- */
@media (max-width: 720px) {
    .docsf-table-wrap { overflow: visible; }
    .docsf-table thead { display: none; }
    .docsf-table, .docsf-table tbody, .docsf-table tr { display: block; width: 100%; }
    .docsf-table tr {
        padding: 0.95rem 1rem 1rem;
        margin-bottom: 0.85rem;
        background: var(--card);
        border: 1px solid var(--line-soft);
        border-radius: var(--r-md);
        box-shadow: var(--shadow-sm);
    }
    .docsf-table td { display: block; padding: 0; border: 0; }
    .docsf-title-cell { display: flex; gap: 0.75rem; align-items: flex-start; }
    .docsf-title-cell .doc-ext { flex: none; }
    .docsf-titles { min-width: 0; flex: 1; }
    .docsf-table .doc-title { white-space: normal; word-break: normal; overflow-wrap: anywhere; }
    .docsf-table .docsf-filename { overflow-wrap: anywhere; }
    /* veličina i datum kao jedan meta red */
    .docsf-table td.docsf-nowrap {
        display: inline-block;
        width: auto;
        margin: 0.5rem 1rem 0 0;
        font-size: 0.85rem;
        color: var(--ink-soft);
    }
    .docsf-table td.docsf-actions {
        display: flex;
        gap: 0.6rem;
        margin-top: 0.75rem;
    }
    .docsf-table td.docsf-actions .btn { flex: 1; justify-content: center; }
    .docsf-table td.docsf-actions .btn--ghost { flex: 0 0 auto; }
}

/* ============================================================ ŽUPNI MODULI (samo uz župne teme) */
/* liturgijska boja dana — tanka traka na vrhu (boja iz parish_lit_css) */
.lit-strip {
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--lit-color, var(--gold)) 12%, var(--lit-color, var(--gold)) 88%, transparent);
}
/* „Sljedeća misa” — zvono umjesto kvadratića statusa */
.status-pill--mass {
    gap: 0.45rem;
    text-decoration: none;
    color: color-mix(in srgb, var(--gold) 70%, var(--pale));
    border-color: color-mix(in srgb, var(--gold) 45%, transparent);
    background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.status-pill--mass:hover { text-decoration: none; border-color: var(--gold); color: var(--pale); }
.parish-bell { flex: none; transform-origin: 50% 10%; }
.status-pill--mass:hover .parish-bell { animation: bell-swing 0.9s ease-in-out; }
@keyframes bell-swing {
    20% { transform: rotate(14deg); } 45% { transform: rotate(-10deg); }
    70% { transform: rotate(5deg); } 100% { transform: rotate(0); }
}
@media (prefers-reduced-motion: reduce) { .status-pill--mass:hover .parish-bell { animation: none; } }

/* misao dana u heroju (umjesto kartice obavijesti) */
.hero-verse { display: flex; flex-direction: column; justify-content: center; gap: 0.8rem; }
.hero-verse .hero-notices-title { margin: 0; }
.hero-verse-text {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.25rem, 2.2vw, 1.65rem);
    font-style: italic;
    line-height: 1.35;
    color: var(--pale);
}
.hero-verse-src { margin: 0; font-size: 0.9rem; font-weight: 600; letter-spacing: 0.04em; color: color-mix(in srgb, var(--gold) 75%, var(--pale)); }

/* župni kutak na naslovnici */
.parish-verse {
    margin: 0 auto 2rem;
    max-width: 760px;
    text-align: center;
}
.parish-verse blockquote {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.3rem, 2.6vw, 1.8rem);
    font-style: italic;
    line-height: 1.35;
    color: var(--ink);
}
.parish-verse blockquote::before, .parish-verse blockquote::after { color: var(--gold); }
.parish-verse blockquote::before { content: "„"; }
.parish-verse blockquote::after { content: "”"; }
.parish-verse figcaption { margin-top: 0.6rem; font-weight: 600; letter-spacing: 0.06em; color: var(--green-deep); }
.parish-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
    gap: 1.2rem;
    align-items: start;
}
.parish-card {
    min-width: 0;
    padding: 1.4rem 1.4rem 1.5rem;
    background: var(--card);
    border: 1px solid color-mix(in srgb, var(--gold) 32%, var(--line-soft));
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
}
body.skin--zupa .parish-card { border-radius: 120px 120px 16px 16px / 60px 60px 16px 16px; padding-top: 2rem; }
.parish-card-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0 0 1.1rem;
    font-size: 1.2rem;
    color: var(--ink);
    text-align: center;
}
.parish-card-title svg { color: var(--gold); flex: none; }
.parish-mass, .parish-feasts { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.parish-mass li {
    display: grid;
    grid-template-columns: minmax(0, 7.5rem) minmax(0, 1fr);
    gap: 0.8rem;
    padding: 0.5rem 0.7rem;
    border-radius: var(--r-sm);
}
.parish-mass li.is-today { background: color-mix(in srgb, var(--gold) 14%, transparent); box-shadow: inset 3px 0 0 var(--gold); }
.parish-mass-day { font-weight: 600; color: var(--ink); }
.parish-mass-day em { display: block; font-style: normal; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--green-deep); }
.parish-mass-times { display: grid; gap: 0.15rem; min-width: 0; }
.parish-mass-t strong { font-variant-numeric: tabular-nums; color: var(--ink); }
.parish-mass-t small { color: var(--ink-soft); overflow-wrap: anywhere; }
.parish-feasts li { display: flex; align-items: center; gap: 0.8rem; padding: 0.35rem 0; }
.parish-feasts li + li { border-top: 1px dashed var(--line-soft); }
.parish-feast-date {
    flex: none;
    display: grid;
    place-items: center;
    width: 3rem; height: 3rem;
    border-radius: 50%;
    border: 2px solid var(--lit);
    line-height: 1;
    color: var(--ink);
}
.parish-feast-date b { font-size: 1.05rem; }
.parish-feast-date small { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-soft); }
.parish-feast-name { display: grid; min-width: 0; font-weight: 600; color: var(--ink); }
.parish-feast-name small { font-weight: 400; color: var(--ink-soft); }
.parish-feasts li.is-patron .parish-feast-name { color: var(--green-deep); }
.parish-feasts li.is-patron .parish-feast-date { position: relative; }
.parish-feasts li.is-patron .parish-feast-date::after {
    content: "✣";
    position: absolute;
    top: -7px;
    right: -7px;
    padding: 1px 2px;
    font-size: 0.8rem;
    line-height: 1;
    color: var(--gold);
    background: var(--card);
    border-radius: 50%;
}
.parish-card--bulletin { text-align: center; }
.parish-bulletin-title { margin: 0; font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.parish-bulletin-date { margin: 0.2rem 0 1.2rem; color: var(--ink-soft); }
.parish-bulletin-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; }

/* vitraj: naslovne slike kartica kao crkveni prozor — zlatni okvir + staklasti odsjaj */
body.skin--zupa .news-card-media::after {
    content: "";
    position: absolute;
    inset: 6px;
    border: 2px solid color-mix(in srgb, var(--gold) 80%, transparent);
    border-radius: inherit;
    box-shadow: 0 0 0 1px color-mix(in srgb, #ffffff 55%, transparent) inset;
    background: linear-gradient(160deg, color-mix(in srgb, var(--green) 16%, transparent), transparent 35%, transparent 65%, color-mix(in srgb, var(--gold) 16%, transparent));
    pointer-events: none;
}
/* ukrasni inicijal na početku članka */
body.skin--zupa .prose:not(.hblocks-prose) > p:first-of-type::first-letter {
    float: left;
    margin: 0.06em 0.12em 0 0;
    font-family: var(--font-display);
    font-size: 3.4em;
    line-height: 0.82;
    font-weight: 700;
    color: var(--green-deep);
    text-shadow: 2px 2px 0 color-mix(in srgb, var(--gold) 45%, transparent);
}
@media (max-width: 560px) {
    .parish-card { padding: 1.2rem 1rem 1.3rem; }
    body.skin--zupa .parish-card { padding-top: 1.7rem; }
    .parish-mass li { grid-template-columns: minmax(0, 6.2rem) minmax(0, 1fr); gap: 0.6rem; padding-inline: 0.5rem; }
}
/* luk prozora reže gornji kut — oznaka kategorije ide na dno slike, iznad vitraj okvira */
body.skin--zupa .news-card-media .cat-badge { top: auto; bottom: 14px; left: 50%; transform: translateX(-50%); z-index: 2; white-space: nowrap; }

/* župa: nakane ovog tjedna + preminuli */
.parish-intent { display: grid; gap: 0.9rem; }
.parish-intent-date { margin: 0 0 0.3rem; font-weight: 700; color: var(--green-deep); }
.parish-intent-date small { font-weight: 500; color: var(--ink-soft); }
.parish-intent ul { list-style: none; margin: 0; padding: 0 0 0 0.8rem; border-left: 2px solid color-mix(in srgb, var(--gold) 45%, transparent); display: grid; gap: 0.3rem; }
.parish-intent li { color: var(--ink); overflow-wrap: anywhere; }
.parish-intent li strong { font-variant-numeric: tabular-nums; }
.parish-intent li small { color: var(--ink-soft); }
.parish-card--deceased { text-align: center; }
.parish-deceased { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: 0.55rem; }
.parish-deceased li { display: grid; gap: 0.05rem; }
.parish-deceased li + li { padding-top: 0.55rem; border-top: 1px dashed var(--line-soft); }
.parish-deceased-name { font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.parish-deceased-name small, .parish-deceased li > small { font-weight: 400; color: var(--ink-soft); }
.parish-deceased-rip { margin: 0 0 1rem; font-family: var(--font-display); font-style: italic; color: var(--ink-soft); }

.deceased-intro { max-width: 640px; margin: 0 auto 2.2rem; text-align: center; font-family: var(--font-display); font-size: 1.3rem; font-style: italic; color: var(--ink); }
.deceased-intro small { display: block; margin-top: 0.4rem; font-family: var(--font-body); font-size: 0.9rem; font-style: normal; color: var(--ink-soft); }
.deceased-month { margin: 2rem 0 1rem; font-size: 1.3rem; color: var(--ink); }
.deceased-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 1rem; }
.deceased-card {
    display: grid;
    justify-items: center;
    gap: 0.25rem;
    padding: 1.3rem 1rem 1.2rem;
    text-align: center;
    background: var(--card);
    border: 1px solid color-mix(in srgb, var(--gold, var(--green)) 30%, var(--line-soft));
    border-radius: var(--r-md);
}
body.skin--zupa .deceased-card { border-radius: 90px 90px 12px 12px / 40px 40px 12px 12px; }
.deceased-cross { font-size: 1.3rem; line-height: 1; color: var(--gold, var(--green-deep)); }
.deceased-card strong { color: var(--ink); overflow-wrap: anywhere; }
.deceased-card small { color: var(--ink-soft); }
/* galerija novosti: veličina po novosti (admin → Galerija) */
/* točan broj stupaca (ne min. širina) — stupac članka je uži od ekrana */
.gallery-grid--m { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gallery-grid--l { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
@media (max-width: 760px) { .gallery-grid--m { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .gallery-grid--s { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; } .gallery-grid--l { grid-template-columns: minmax(0, 1fr); } }

/* ============================================================
   STIL TRAKE PODSTRANICA (Postavke → Izgled → „Traka podstranica”)
   body.phs-<ključ>; zadano (bez klase) = klasični luk. Sve boje iz tokena teme.
   Traka s pretragom (Novosti) zadržava svoju visinu — mijenja se samo oblik i pozadina.
   ============================================================ */
/* --- oblici --- */
body.phs-ravni .page-hero,
body.phs-tanka .page-hero,
body.phs-akcent .page-hero,
body.phs-svijetla .page-hero,
body.phs-tockice .page-hero,
body.phs-linije .page-hero,
body.phs-mreza .page-hero,
body.phs-dvobojni .page-hero,
body.phs-traka .page-hero { -webkit-clip-path: none; clip-path: none; }
body.phs-kosi .page-hero { -webkit-clip-path: polygon(0 0, 100% 0, 100% 62%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 62%, 0 100%); }
body.phs-kosi-lijevo .page-hero { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 62%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 62%); }
body.phs-strelica .page-hero { -webkit-clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%); clip-path: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%); }
body.phs-luk-dubok .page-hero { -webkit-clip-path: ellipse(85% 100% at 50% 0%); clip-path: ellipse(85% 100% at 50% 0%); }
body.phs-val .page-hero,
body.phs-cikcak .page-hero,
body.phs-kapi .page-hero { -webkit-clip-path: none; clip-path: none; }
body.phs-val .page-hero {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v72c-150 32-300 32-450 0S450 40 300 70 75 96 0 78z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v72c-150 32-300 32-450 0S450 40 300 70 75 96 0 78z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}
body.phs-cikcak .page-hero {
    -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - 14px) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 28px 14px repeat-x;
            mask: linear-gradient(#000, #000) top / 100% calc(100% - 14px) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 28px 14px repeat-x;
}
body.phs-kapi .page-hero {
    -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - 12px) no-repeat, radial-gradient(circle 12px at 50% 0, #000 98%, #0000) bottom / 32px 12px repeat-x;
            mask: linear-gradient(#000, #000) top / 100% calc(100% - 12px) no-repeat, radial-gradient(circle 12px at 50% 0, #000 98%, #0000) bottom / 32px 12px repeat-x;
}
body.phs-kartica .page-hero {
    -webkit-clip-path: none; clip-path: none;
    width: min(100% - 2rem, var(--container));
    margin: 1rem auto 0;
    border-radius: 22px;
}
body.phs-tanka .page-hero:not(.page-hero--search) { height: 46px; }
body.phs-visoka .page-hero:not(.page-hero--search) { height: clamp(170px, 26vh, 240px); }
body.phs-traka .page-hero:not(.page-hero--search) { height: 8px; }

/* --- pozadine --- */
body.phs-gradijent .page-hero-bg,
body.phs-kosi .page-hero-bg,
body.phs-strelica .page-hero-bg { background: linear-gradient(115deg, var(--pine-900) 0%, var(--green-deep) 55%, color-mix(in srgb, var(--green) 70%, var(--yellow)) 100%); }
body.phs-akcent .page-hero-bg,
body.phs-traka .page-hero-bg { background: linear-gradient(100deg, var(--yellow) 0%, color-mix(in srgb, var(--yellow) 70%, var(--green)) 100%); }
body.phs-svijetla .page-hero-bg { background: linear-gradient(180deg, color-mix(in srgb, var(--green) 14%, var(--paper)) 0%, color-mix(in srgb, var(--green) 6%, var(--paper)) 100%); border-bottom: 1px solid color-mix(in srgb, var(--green) 18%, transparent); }
body.phs-ravni .page-hero-bg,
body.phs-tanka .page-hero-bg,
body.phs-kosi-lijevo .page-hero-bg { background: var(--pine-900); }
body.phs-tockice .page-hero-bg { background: radial-gradient(color-mix(in srgb, var(--pale) 22%, transparent) 1.2px, transparent 1.6px) 0 0 / 18px 18px, linear-gradient(120deg, var(--pine-950), var(--pine-800)); }
body.phs-linije .page-hero-bg { background: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pale) 7%, transparent) 0 2px, transparent 2px 16px), linear-gradient(120deg, var(--pine-950), var(--pine-800)); }
body.phs-mreza .page-hero-bg { background: linear-gradient(color-mix(in srgb, var(--pale) 16%, transparent) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, color-mix(in srgb, var(--pale) 16%, transparent) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(120deg, var(--pine-950), var(--pine-800)); }
body.phs-aurora .page-hero-bg { background: radial-gradient(60% 140% at 15% 0%, color-mix(in srgb, var(--green) 75%, transparent), transparent 70%), radial-gradient(50% 130% at 85% 10%, color-mix(in srgb, var(--yellow) 55%, transparent), transparent 70%), radial-gradient(70% 160% at 50% 120%, color-mix(in srgb, var(--green-deep) 80%, transparent), transparent 70%), var(--pine-950); }
body.phs-dvobojni .page-hero-bg { background: linear-gradient(105deg, var(--pine-900) 0 58%, var(--green) 58% 78%, var(--yellow) 78% 100%); }
body.phs-val .page-hero-bg,
body.phs-luk-dubok .page-hero-bg { background: linear-gradient(160deg, var(--green-deep), var(--pine-950)); }
body.phs-cikcak .page-hero-bg,
body.phs-kapi .page-hero-bg { background: linear-gradient(120deg, var(--green), var(--green-deep)); }
body.phs-kartica .page-hero-bg { background: radial-gradient(90% 160% at 100% 0%, color-mix(in srgb, var(--yellow) 35%, transparent), transparent 60%), linear-gradient(120deg, var(--pine-900), var(--green-deep)); }
/* ravne/svijetle/uzorkaste pozadine bez plutajućih mrlja */
body.phs-svijetla .page-hero-bg .blob,
body.phs-akcent .page-hero-bg .blob,
body.phs-traka .page-hero-bg .blob,
body.phs-tanka .page-hero-bg .blob,
body.phs-ravni .page-hero-bg .blob,
body.phs-tockice .page-hero-bg .blob,
body.phs-linije .page-hero-bg .blob,
body.phs-mreza .page-hero-bg .blob,
body.phs-dvobojni .page-hero-bg .blob { display: none; }
body.phs-svijetla .page-hero-bg .hero-grain { opacity: 0.25; }
@media (max-width: 560px) {
    body.phs-kartica .page-hero { width: calc(100% - 1.5rem); margin-top: 0.6rem; border-radius: 16px; }
    body.phs-visoka .page-hero:not(.page-hero--search) { height: 150px; }
}

/* jasno stanje prijelaza mišem na poljima obrazaca (kursor „I” zna biti slabo vidljiv) */
.form-field input:not([type=checkbox]):not([type=radio]):not([type=file]),
.form-field textarea,
.pb-form-input { cursor: text; }
.form-field input:not([type=checkbox]):not([type=radio]):hover:not(:focus),
.form-field textarea:hover:not(:focus),
.form-field select:hover:not(:focus),
.pb-form-input:hover:not(:focus) {
    border-color: color-mix(in srgb, var(--green-deep) 55%, var(--line));
    background-color: color-mix(in srgb, var(--green) 4%, #fff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--green-deep) 8%, transparent);
}

/* ---- mega-izbornik: glavna stavka s > 8 podstavki → široka ploča ispod zaglavlja, stavke u stupcima (samo računalo) ---- */
@media (min-width: 901px) {
    .nav-item.has-mega { position: static; } /* ploča se pozicionira prema zaglavlju (sticky = pozicioniran) */
    /* …zato strelica mega-stavke ne smije biti apsolutna (inače ode na desni rub zaglavlja):
       u toku iza naziva, negativnim razmakom na isto mjesto kao kod ostalih stavki */
    .nav-item.has-mega > .sub-toggle {
        position: relative;
        right: auto;
        top: auto;
        translate: none;
        margin-left: calc(-22px - 0.5rem);
    }
    .nav-item.has-mega > .sub-menu {
        top: 100%;
        left: 0;
        right: 0;
        width: min(var(--container), calc(100vw - var(--sbw, 0px) - 32px));
        max-width: none; /* opće ograničenje podizbornika (400px) ne vrijedi za mega ploču */
        margin-inline: auto;
        padding: 1.1rem 1.2rem 1.3rem;
        columns: 4 210px;
        column-gap: 1.4rem;
        column-rule: 1px solid var(--line-soft);
        max-height: calc(100vh - var(--header-h) - 24px);
        overflow-y: auto;
        border-radius: 0 0 var(--r-lg) var(--r-lg);
        transform-origin: top center;
    }
    .nav-item.has-mega > .sub-menu::before { top: -14px; height: 14px; }
    .nav-item.has-mega > .sub-menu > .nav-item { break-inside: avoid; }
    .nav-item.has-mega > .sub-menu .nav-link { width: auto; max-width: none; padding-block: 0.5rem; }
}

/* ============================================================ IZGLEDI HEROJA (Slider → Postavke → Izgled heroja)
   Isti HTML kao standardni hero — varijante mijenjaju samo raspored i stil (.hero--l-ključ).
   Korijen se gađa s "body .hero.hero--l-…" da nadjača skinove (body.skin--x .hero). */

/* --- centrirano + veliki naslov (dijele raspored po sredini) --- */
body .hero:is(.hero--l-centar, .hero--l-veliki) .hero-inner { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
.hero:is(.hero--l-centar, .hero--l-veliki) .hero-main { max-width: 860px; }
.hero:is(.hero--l-centar, .hero--l-veliki) :is(.hero-kicker, .hero-actions, .hs-nav) { justify-content: center; }
.hero:is(.hero--l-centar, .hero--l-veliki) :is(.hero-tagline, .hs-text) { margin-inline: auto; }
.hero:is(.hero--l-centar, .hero--l-veliki) .hero-notices { width: min(560px, 100%); text-align: left; }
.hero:is(.hero--l-centar, .hero--l-veliki) .hero-btns { flex-direction: row; flex-wrap: wrap; justify-content: center; width: min(920px, 100%); }
.hero:is(.hero--l-centar, .hero--l-veliki) .hero-btn { flex: 1 1 240px; }
.hero:is(.hero--l-centar, .hero--l-veliki) .hs-shade { background: color-mix(in srgb, var(--pine-950) 62%, transparent); }
.hero--l-veliki .hero-title { font-size: clamp(3rem, 9vw, 6.6rem); line-height: 0.98; }
.hero--l-veliki .hero-kicker .kicker-line { display: none; }

/* --- zrcalno: kartica lijevo, tekst desno --- */
body .hero.hero--l-zrcalo .hero-inner { grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr); }
.hero--l-zrcalo .hero-main { order: 2; justify-self: end; text-align: right; }
.hero--l-zrcalo .hero-main:last-child { grid-column: 2; }
.hero--l-zrcalo :is(.hero-kicker, .hero-actions, .hs-nav) { justify-content: flex-end; }
.hero--l-zrcalo :is(.hero-tagline, .hs-text) { margin-left: auto; }
.hero--l-zrcalo .kicker-line { order: 2; transform: scaleX(-1); }
.hero--l-zrcalo .word-rotate { text-align: right; }
.hero--l-zrcalo .hs-shade { background: linear-gradient(270deg, color-mix(in srgb, var(--pine-950) 86%, transparent), color-mix(in srgb, var(--pine-950) 34%, transparent)); }

/* --- kompaktno / niska traka --- */
body .hero.hero--l-kompakt { min-height: min(64vh, 600px); padding: clamp(3rem, 7vh, 4.5rem) 0; }
body .hero.hero--l-kompakt.hero--hbtext { padding-bottom: calc(clamp(3rem, 7vh, 4.5rem) + var(--hb-text-h)); }
.hero--l-kompakt .hero-title { font-size: clamp(2.2rem, 5vw, 3.8rem); }
.hero--l-kompakt .hero-tagline { margin-bottom: 1.6rem; }
.hero:is(.hero--l-kompakt, .hero--l-traka, .hero--l-dno) .hero-scroll { display: none; }

body .hero.hero--l-traka { min-height: clamp(260px, 40vh, 400px); padding: clamp(2.6rem, 6vh, 4rem) 0; }
body .hero.hero--l-traka.hero--hbtext { padding-bottom: calc(clamp(2.6rem, 6vh, 4rem) + var(--hb-text-h)); }
body .hero.hero--l-traka .hero-inner { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; }
.hero--l-traka .hero-main { max-width: none; }
.hero--l-traka .hero-main:not(.hs-main) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 2.5rem; align-items: center; }
.hero--l-traka .hero-main:not(.hs-main) > * { grid-column: 1; }
.hero--l-traka .hero-main:not(.hs-main) > .hero-actions { grid-column: 2; grid-row: 1 / span 3; justify-content: flex-end; max-width: 460px; }
.hero--l-traka .hero-title { font-size: clamp(2rem, 4.4vw, 3.4rem); margin-bottom: 0.6rem; }
.hero--l-traka .hero-tagline { margin-bottom: 0; max-width: 60ch; }
.hero--l-traka .hero-kicker { margin-bottom: 0.8rem; }
.hero--l-traka .hero-notices { max-width: none; }
.hero--l-traka .hero-notices-track { min-height: 6.2rem; }
.hero--l-traka .hero-btns { flex-direction: row; flex-wrap: wrap; width: 100%; }
.hero--l-traka .hero-btn { flex: 1 1 240px; }

/* --- sadržaj pri dnu --- */
body .hero.hero--l-dno { align-items: flex-end; padding-bottom: clamp(2.5rem, 6vh, 4rem); }
body .hero.hero--l-dno.hero--hbtext { padding-bottom: calc(clamp(2.5rem, 6vh, 4rem) + var(--hb-text-h)); }
.hero--l-dno .hero-inner { align-items: end; }
.hero--l-dno .hs-shade { background: linear-gradient(0deg, color-mix(in srgb, var(--pine-950) 90%, transparent) 0%, color-mix(in srgb, var(--pine-950) 55%, transparent) 45%, color-mix(in srgb, var(--pine-950) 15%, transparent) 100%); }

/* --- svijetlo (cijeli hero) i bijela kartica (samo tekst): --pale postaje tamna tinta --- */
body .hero.hero--l-svijetli {
    --pale: var(--ink);
    --pale-soft: var(--ink-soft);
    background: radial-gradient(120% 90% at 75% 0%, color-mix(in srgb, var(--green) 16%, var(--paper)) 0%, var(--paper) 55%, color-mix(in srgb, var(--paper) 93%, var(--t-dark)) 100%);
    color: var(--ink);
}
.hero--l-svijetli .blob { opacity: 0.45; }
.hero--l-svijetli .hero-float { color: var(--green-deep); }
.hero--l-svijetli.hero--slider .hero-bg, .hero--l-svijetli.hero--wall .hero-bg { background: var(--paper); }
.hero--l-svijetli .hs-shade { background: linear-gradient(90deg, color-mix(in srgb, var(--paper) 88%, transparent) 0%, color-mix(in srgb, var(--paper) 62%, transparent) 50%, color-mix(in srgb, var(--paper) 10%, transparent) 100%); }
.hero--l-svijetli.hero--clean .hs-shade { opacity: 0.35; } /* plakat bez teksta: slika ostaje čitljiva */
body .hero.hero--l-svijetli .hero-notices { background: color-mix(in srgb, var(--card) 82%, transparent); box-shadow: var(--shadow-lg); }
.hero--l-svijetli .hero-scroll-dot { background: var(--green); }
.hero--l-papir .hero-main {
    --pale: var(--ink);
    --pale-soft: var(--ink-soft);
    --pad: clamp(1.4rem, 3.5vw, 2.8rem);
    padding: var(--pad);
    border-radius: var(--r-xl);
    background: var(--card);
    color: var(--ink);
    box-shadow: 0 30px 60px -20px color-mix(in srgb, var(--pine-950) 70%, transparent);
}
:is(.hero--l-svijetli, .hero--l-papir .hero-main) .hero-kicker { color: var(--green-deep); }
:is(.hero--l-svijetli, .hero--l-papir .hero-main) .kicker-line { background: linear-gradient(90deg, var(--green), transparent); }
:is(.hero--l-svijetli, .hero--l-papir .hero-main) .hero-word--accent { background-image: linear-gradient(100deg, var(--green-deep) 0%, var(--green) 40%, color-mix(in srgb, var(--green) 55%, var(--yellow)) 70%, var(--green-deep) 100%); }
:is(.hero--l-svijetli, .hero--l-papir .hero-main) :is(.hero-notices-title, .hero-notice-ico, .hero-notice-pin) { color: var(--green-deep); }
:is(.hero--l-svijetli, .hero--l-papir .hero-main) .hn-dot.is-active { background: var(--green); }
:is(.hero--l-svijetli, .hero--l-papir .hero-main) .status-pill--hero.is-open { color: var(--green-deep); }
/* vlastita boja naslova iz admina birana je za tamnu podlogu — na svijetloj uvijek tamna tinta */
:is(.hero--l-svijetli, .hero--l-papir .hero-main) .hero-title--solid { color: var(--ink) !important; }

/* --- staklena ploča --- */
.hero--l-staklo .hero-main {
    --pad: clamp(1.4rem, 3.5vw, 2.8rem);
    padding: var(--pad);
    border-radius: var(--r-xl);
    background: color-mix(in srgb, var(--pale) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--pale) 18%, transparent);
    backdrop-filter: blur(16px) saturate(1.3);
    -webkit-backdrop-filter: blur(16px) saturate(1.3);
    box-shadow: 0 24px 60px color-mix(in srgb, var(--pine-950) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--pale) 14%, transparent);
}
.hero--l-staklo.hero--noblur .hero-main { background: color-mix(in srgb, var(--pine-950) 66%, transparent); }
/* slideovi u ploči s paddingom: neaktivni (apsolutni) moraju stajati gdje i aktivni */
.hero:is(.hero--l-staklo, .hero--l-papir) .hs-slide { inset: var(--pad) var(--pad) auto var(--pad); }
.hero:is(.hero--l-staklo, .hero--l-papir) .hs-slide.is-active { inset: auto; }
/* slide bez teksta i gumba (npr. plakat): bez prazne ploče preko slike */
.hero:is(.hero--l-staklo, .hero--l-papir) .hs-main:not(:has(.hs-slide.is-active :is(.hs-title, .hs-text, .hero-actions))) {
    background: none; border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}

/* --- plutajuća ploča --- */
body .hero.hero--l-kartica {
    margin: clamp(10px, 1.6vw, 22px);
    border-radius: var(--r-xl);
    min-height: min(calc(100svh - var(--header-h) - 44px), 840px);
    box-shadow: var(--shadow-lg);
}

/* --- oblici donjeg ruba (kosi rez, val, luk): više mjesta dolje; skin-traka na dnu bila bi odrezana --- */
body .hero:is(.hero--l-dijagonala, .hero--l-val, .hero--l-luk) { padding-bottom: calc(clamp(4rem, 10vh, 7rem) + var(--hb-text-h, 0px) + clamp(2rem, 5vw, 4.5rem)); border-radius: 0; }
body .hero:is(.hero--l-dijagonala, .hero--l-val, .hero--l-luk)::after { display: none; }
body .hero.hero--l-dijagonala { clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(2.5rem, 7vw, 6rem)), 0 100%); }
body .hero.hero--l-val {
    --wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1200V28C1000 62 800 62 600 32S200 2 0 34Z'/%3E%3C/svg%3E");
    -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - 48px) no-repeat, var(--wave) bottom / 100% 60px no-repeat;
    mask: linear-gradient(#000 0 0) top / 100% calc(100% - 48px) no-repeat, var(--wave) bottom / 100% 60px no-repeat;
}
body .hero.hero--l-luk { clip-path: ellipse(125% 100% at 50% 0%); }
.hero:is(.hero--l-dijagonala, .hero--l-val, .hero--l-luk) .hero-scroll { bottom: clamp(3rem, 6vw, 5.5rem); }

/* --- podijeljeno: tamna ploča lijevo s kosim rubom --- */
body .hero.hero--l-podijeljeno { background: linear-gradient(135deg, color-mix(in srgb, var(--green) 70%, var(--pine-950)), var(--pine-700)); }
.hero--l-podijeljeno .hero-bg::before,
.hero--l-podijeljeno .hero-bg::after {
    content: "";
    position: absolute;
    inset: 0 42% 0 0;
    background: var(--pine-950);
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);
}
/* akcentna crta uz kosi rub: ista ploča malo šira, u boji akcenta, ispod tamne */
.hero--l-podijeljeno .hero-bg::before { inset: 0 41.4% 0 0; background: var(--yellow); }
.hero--l-podijeljeno .hs-shade { background: color-mix(in srgb, var(--pine-950) 25%, transparent); }

/* --- okvir --- */
.hero--l-okvir .hero-bg::after {
    content: "";
    position: absolute;
    inset: clamp(10px, 1.8vw, 22px);
    border: 1px solid color-mix(in srgb, var(--pale) 30%, transparent);
    border-radius: var(--r-lg);
    box-shadow: inset 0 0 0 5px color-mix(in srgb, var(--pale) 4%, transparent);
}

/* --- minimalistički / kontrast: bez ukrasa --- */
.hero:is(.hero--l-minimal, .hero--l-kontrast) :is(.hero-layer, .hero-grid, .hero-float, .hero-grain, .hero-spotlight) { display: none; }
body .hero.hero--l-minimal { background: var(--pine-950); }
.hero:is(.hero--l-minimal, .hero--l-kontrast) .hero-word--accent { background: none; color: var(--yellow); animation: word-rise 0.9s var(--ease-out) both; }
body .hero.hero--l-kontrast { background: color-mix(in srgb, var(--pine-950) 65%, #000); }
.hero--l-kontrast .hero-title { font-family: var(--font-body); font-weight: 800; letter-spacing: -0.04em; text-transform: uppercase; font-size: clamp(2.4rem, 7vw, 5rem); }
.hero--l-kontrast .hero-title::after { content: ""; display: block; width: 92px; height: 6px; margin-top: 0.4em; border-radius: var(--r-pill); background: var(--yellow); }
.hero--l-kontrast .hero-tagline { font-family: var(--font-body); font-style: normal; font-size: clamp(1.05rem, 2vw, 1.3rem); }
.hero--l-kontrast .hero-kicker { display: inline-flex; padding: 0.35rem 0.9rem; border-radius: var(--r-pill); background: var(--yellow); color: var(--pine-950); letter-spacing: 0.14em; }
.hero--l-kontrast .hero-kicker .kicker-line { display: none; }
.hero--l-kontrast .hero-kicker .word-rotate { color: var(--pine-950); }

/* --- živi gradijent --- */
body .hero.hero--l-gradijent {
    background: linear-gradient(125deg, var(--pine-950), color-mix(in srgb, var(--green) 55%, var(--pine-950)), var(--pine-800), color-mix(in srgb, var(--yellow) 28%, var(--pine-900)));
    background-size: 300% 300%;
    animation: hl-grad 18s ease-in-out infinite alternate;
}
.hero--l-gradijent .hero-layer { display: none; }
@keyframes hl-grad { from { background-position: 0% 30%; } to { background-position: 100% 70%; } }

/* --- urednički: okomita crta, linije papira, kurziv na akcentu --- */
.hero--l-urednicki .hero-main { border-left: 4px solid var(--yellow); padding-left: clamp(1.2rem, 3vw, 2.4rem); }
.hero--l-urednicki .hero-title { font-weight: 400; }
.hero--l-urednicki .hero-word--accent { font-style: italic; }
.hero--l-urednicki .kicker-line { display: none; }
.hero--l-urednicki .hero-grid { background-image: linear-gradient(color-mix(in srgb, var(--pale) 6%, transparent) 1px, transparent 1px); background-size: 100% 46px; }

/* --- točkice --- */
.hero--l-tockice .hero-grid { background-image: radial-gradient(color-mix(in srgb, var(--pale) 16%, transparent) 1.2px, transparent 1.7px); background-size: 22px 22px; }

/* --- duotone: slike u boji teme (bez slika: dvobojna podloga) --- */
.hero--l-duotone :is(.hs-bg, .hw-cell img) { filter: grayscale(1) contrast(1.08); }
.hero--l-duotone .hero-bg::after { content: ""; position: absolute; inset: 0; background: var(--green); mix-blend-mode: multiply; opacity: 0.6; }
body .hero.hero--l-duotone { background: linear-gradient(135deg, var(--green-deep), var(--pine-950) 72%); }
.hero--l-duotone .hero-layer { opacity: 0.5; }

@media (max-width: 980px) {
    body .hero.hero--l-zrcalo .hero-inner { grid-template-columns: minmax(0, 1fr); }
    .hero--l-zrcalo .hero-main, .hero--l-zrcalo .hero-main:last-child { order: 0; grid-column: auto; justify-self: stretch; }
    .hero--l-podijeljeno .hero-bg::after { inset: 0; clip-path: none; opacity: 0.8; }
    .hero--l-podijeljeno .hero-bg::before { display: none; }
}
@media (max-width: 760px) {
    .hero--l-traka .hero-main:not(.hs-main) { display: block; }
    .hero--l-traka .hero-main:not(.hs-main) > .hero-actions { margin-top: 1.4rem; max-width: none; justify-content: flex-start; }
    body .hero.hero--l-kartica { margin: 10px; border-radius: var(--r-lg); }
    .hero--l-urednicki .hero-main { padding-left: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    body .hero.hero--l-gradijent { animation: none; }
}

/* --- VRTIĆKI IZGLEDI — zajednička osnova (.hero--kid) + zadana varijanta „razigrano”: oblaci, isprekidane krivulje, bijeli krug sa slikama slidera/zida, šareni gumbi, oblačić obavijesti ---
   slojevi u .hero-bg (z-index): krivulje 0 · krug 1 · slike 2 · ikone 3 · oblaci 4 */
body .hero.hero--kid {
    --kc-size: min(56vw, 860px);
    --kc-right: -5vw;
    --kid-pink: color-mix(in srgb, #ff4f7b 85%, var(--yellow));
    background: color-mix(in srgb, var(--green) 84%, #fff);
    border-radius: 0;
    padding-bottom: calc(clamp(4rem, 10vh, 7rem) + var(--hb-text-h, 0px) + 24px);
    -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - 23px) no-repeat, radial-gradient(circle at 50% 0, #000 23px, transparent 24px) bottom / 46px 24px repeat-x;
    mask: linear-gradient(#000 0 0) top / 100% calc(100% - 23px) no-repeat, radial-gradient(circle at 50% 0, #000 23px, transparent 24px) bottom / 46px 24px repeat-x;
}
body .hero.hero--kid::after { display: none; }
.hero--kid .hero-bg { z-index: 0; }
.hero--kid :is(.hero-layer, .hero-spotlight, .hs-shade) { display: none; }
.hero--kid.hero--slider .hero-bg, .hero--kid.hero--wall .hero-bg { background: none; }
/* bijeli krug + slike u istom krugu */
.hero--kid .hero-bg::before,
.hero--kid :is(.hs-bg, .hw-grid) {
    content: "";
    position: absolute;
    inset: auto;
    top: 50%;
    right: var(--kc-right);
    width: var(--kc-size);
    aspect-ratio: 1;
    border-radius: var(--kc-radius, 50%);
    transform: translateY(-50%) rotate(var(--kc-rot, 0deg));
    z-index: 1;
    background-color: #fff;
}
.hero--kid :is(.hs-bg, .hw-grid) {
    z-index: 2;
    width: calc(var(--kc-size) - 28px);
    right: calc(var(--kc-right) + 14px);
    overflow: hidden;
    transition: opacity 1.1s ease;
}
.hero--kid .hs-bg { background-size: cover; background-position: center; }
.hero--kid .hs-bg.is-active { transform: translateY(-50%) rotate(var(--kc-rot, 0deg)); }
.hero--kid .hw-grid { transform: translateY(-50%) rotate(var(--kc-rot, 0deg)); }
/* bez slika: ikone teme u krugu, veće i u boji */
.hero--kid .hero-float { z-index: 3; opacity: 1; }
.hero--kid .hero-float--book { top: 30%; right: calc(var(--kc-size) * 0.32); color: var(--green); transform: rotate(-8deg) scale(2.4); }
.hero--kid .hero-float--page { top: auto; bottom: 30%; right: calc(var(--kc-size) * 0.14); color: var(--kid-pink); transform: rotate(9deg) scale(2.2); }
.hero--kid .hero-float--spark { top: 24%; left: auto; right: calc(var(--kc-size) * 0.12); color: var(--yellow); transform: scale(2); }
.hero--kid:is(.hero--slider, .hero--wall) .hero-float { display: none; }
/* isprekidane krivulje (boja iz maske, ne hardkodirani SVG) */
.hero--kid .hero-grid {
    z-index: 0;
    background: var(--kid-pink);
    opacity: 0.55;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' fill='none' stroke='%23000' stroke-width='3' stroke-dasharray='12 14' stroke-linecap='round'%3E%3Cpath d='M-40 560C180 700 430 640 520 440S430 120 270 180 130 450 350 560s430 20 600-200 300-180 330-150'/%3E%3Ccircle cx='300' cy='300' r='210'/%3E%3C/svg%3E") center / cover no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' fill='none' stroke='%23000' stroke-width='3' stroke-dasharray='12 14' stroke-linecap='round'%3E%3Cpath d='M-40 560C180 700 430 640 520 440S430 120 270 180 130 450 350 560s430 20 600-200 300-180 330-150'/%3E%3Ccircle cx='300' cy='300' r='210'/%3E%3C/svg%3E") center / cover no-repeat;
}
/* oblaci koji polagano plove (sloj zrna je ovdje slobodan) */
.hero--kid .hero-grain {
    --cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='62' cy='62' r='30'/%3E%3Ccircle cx='102' cy='44' r='38'/%3E%3Ccircle cx='146' cy='64' r='26'/%3E%3Crect x='28' y='62' width='150' height='32' rx='16'/%3E%3C/g%3E%3C/svg%3E");
    inset: 0 !important;
    width: auto;
    height: auto;
    z-index: 4;
    opacity: 1;
    mix-blend-mode: normal;
    background-image: var(--cloud), var(--cloud), var(--cloud), var(--cloud);
    background-repeat: no-repeat;
    background-size: clamp(150px, 22vw, 340px) auto, clamp(90px, 11vw, 170px) auto, clamp(110px, 13vw, 200px) auto, clamp(70px, 8vw, 120px) auto;
    background-position: -3% 52%, 12% 94%, 104% 26%, 62% 104%;
    animation: kid-clouds 40s ease-in-out infinite alternate;
}
@keyframes kid-clouds {
    to { background-position: 2% 50%, 17% 92%, 99% 28%, 58% 102%; }
}
/* tekst */
.hero--kid .hero-title { font-family: var(--font-body); font-weight: 900; letter-spacing: -0.02em; text-shadow: 0 4px 0 color-mix(in srgb, var(--green-deep) 35%, transparent); }
.hero--kid .hero-word--accent { background: none; color: var(--yellow); animation: word-rise 0.9s var(--ease-out) both; }
.hero--kid .hero-kicker { display: inline-flex; padding: 0.4rem 1rem; border-radius: var(--r-pill); background: color-mix(in srgb, #fff 22%, transparent); color: #fff; letter-spacing: 0.12em; }
.hero--kid .hero-kicker .kicker-line { display: none; }
.hero--kid .hero-tagline { font-family: var(--font-body); font-style: normal; font-weight: 700; color: #fff; }
/* šareni zaobljeni gumbi (2. i 3. gumb dobivaju vlastitu boju) */
.hero--kid .hero-actions .btn { border: 0; border-radius: 16px; font-weight: 800; box-shadow: 0 10px 22px -8px color-mix(in srgb, var(--pine-950) 45%, transparent); transition: transform 0.25s cubic-bezier(.34, 1.56, .64, 1); }
.hero--kid .hero-actions .btn:hover { transform: translateY(-3px) rotate(-1.5deg) scale(1.03); }
.hero--kid .hero-actions .btn--ghost-light { background: linear-gradient(135deg, color-mix(in srgb, var(--kid-pink) 80%, #fff), var(--kid-pink)); color: #fff; }
.hero--kid .hero-actions .btn--ghost-light ~ .btn--ghost-light { background: linear-gradient(135deg, color-mix(in srgb, var(--green) 75%, #fff), var(--green-deep)); }
.hero--kid .status-pill--hero { background: #fff; color: var(--ink); border-color: transparent; }
.hero--kid .status-pill--hero.is-open { color: var(--green-deep); }
.hero--kid .hero-btns { flex-direction: row; flex-wrap: wrap; width: min(560px, 100%); }
.hero--kid .hero-btn { flex: 1 1 220px; border: 0; border-radius: 16px; color: #fff; font-weight: 800; background: linear-gradient(135deg, var(--yellow-2), var(--yellow)); box-shadow: 0 12px 26px -10px color-mix(in srgb, var(--pine-950) 50%, transparent); }
.hero--kid .hero-btn:nth-child(3n+1) { color: var(--pine-950); }
.hero--kid .hero-btn:nth-child(3n+2) { background: linear-gradient(135deg, color-mix(in srgb, var(--kid-pink) 80%, #fff), var(--kid-pink)); }
.hero--kid .hero-btn:nth-child(3n) { background: linear-gradient(135deg, color-mix(in srgb, var(--green) 75%, #fff), var(--green-deep)); }
.hero--kid .hero-btn:hover { transform: translateY(-3px) rotate(-1deg); color: inherit; }
.hero--kid .hero-btn:nth-child(3n+1):hover { color: var(--pine-950); }
.hero--kid .hero-btn:not(:nth-child(3n+1)):hover { color: #fff; }
.hero--kid .hero-btn > svg:last-child { color: currentColor; }
/* obavijest = oblačić govora */
body .hero.hero--kid .hero-notices {
    --pale: var(--ink);
    --pale-soft: var(--ink-soft);
    position: relative;
    z-index: 2;
    border: 0;
    border-radius: 26px;
    background: color-mix(in srgb, var(--green) 16%, #fff);
    color: var(--ink);
    box-shadow: 0 16px 34px -14px color-mix(in srgb, var(--pine-950) 45%, transparent);
    transform: rotate(-1.5deg);
}
.hero--kid .hero-notices::after {
    content: "";
    position: absolute;
    left: 38px;
    bottom: -16px;
    border: 16px solid transparent;
    border-top-color: color-mix(in srgb, var(--green) 16%, #fff);
    border-bottom: 0;
}
.hero--kid :is(.hero-notices-title, .hero-notice-ico, .hero-notice-pin) { color: var(--green-deep); }
.hero--kid .hn-dot.is-active { background: var(--green); }
.hero--kid .hero-scroll { border-color: #fff; }
.hero--kid .hero-scroll-dot { background: #fff; }

/* opcija „bez zamućenja” gasi mrežu i zrno — ovdje su to krivulje i oblaci, ostaju */
.hero--kid.hero--noblur :is(.hero-grid, .hero-grain) { display: block; }

@media (max-width: 980px) {
    body .hero.hero--kid { --kc-size: 92vw; --kc-right: -30vw; }
    .hero--kid .hero-bg::before,
    .hero--kid :is(.hs-bg, .hw-grid),
    .hero--kid .hs-bg.is-active { top: auto; bottom: -24vw; transform: rotate(var(--kc-rot, 0deg)); }
    .hero--kid .hero-float--book { top: auto; bottom: 26vw; right: 28vw; }
    .hero--kid .hero-float--spark { top: auto; bottom: 46vw; right: 8vw; }
    /* bez slika krug na uskom ekranu samo smeta sadržaju */
    .hero--kid:not(.hero--slider, .hero--wall) .hero-bg::before { display: none; }
    .hero--kid .hero-grain { background-size: 150px auto, 90px auto, 110px auto, 70px auto; background-position: -40px 58%, 8% 98%, 108% 14%, 70% 103%; animation: none; }
}
@media (prefers-reduced-motion: reduce) {
    .hero--kid .hero-grain { animation: none; }
}

/* --- vrtićke varijante: mijenjaju samo podlogu, ukrase (.hero-grid / .hero-grain / .hero-bg::after) i oblik okvira (--kc-radius, --kc-rot) ---
   .hero-grid i .hero-grain kod varijanti s pokretnim uzorkom: dvostruka visina + translateY(-50%) = beskonačna petlja bez skoka */
/* --kt = pomak jednog kruga: višekratnik visine pločice uzorka (ili 50% za pločice u postocima) */
@keyframes kid-rise { from { transform: translateY(0); } to { transform: translateY(calc(var(--kt, 50%) * -1)); } }
@keyframes kid-fall { from { transform: translateY(0); } to { transform: translateY(var(--kt, 50%)); } }
@keyframes kid-blob {
    0%, 100% { border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%; }
    50%      { border-radius: 58% 42% 38% 62% / 55% 61% 39% 45%; }
}
@keyframes kid-twinkle { 50% { opacity: 0.35; } }
.hero:is(.hero--l-duga, .hero--l-baloni, .hero--l-konfeti, .hero--l-livada, .hero--l-zvjezdice, .hero--l-mjehurici, .hero--l-kockice) .hero-grid {
    -webkit-mask: none;
    mask: none;
    opacity: 1;
}
/* sunce (duga, livada) */
.hero:is(.hero--l-duga, .hero--l-livada) .hero-bg::after {
    content: "";
    position: absolute;
    top: 9%;
    left: 44%;
    z-index: 1;
    width: clamp(56px, 7vw, 96px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: #ffd43b;
    box-shadow: 0 0 0 14px rgb(255 212 59 / 0.28), 0 0 0 30px rgb(255 212 59 / 0.12);
    animation: kid-twinkle 6s ease-in-out infinite;
}

/* DUGA: nebo, lukovi duge dolje lijevo, oblaci */
body .hero.hero--l-duga { background: linear-gradient(180deg, color-mix(in srgb, #4fb6ec 80%, var(--green)), color-mix(in srgb, #a9e1fb 85%, var(--green))); }
.hero--l-duga .hero-grid {
    background: radial-gradient(circle at 18% 118%, transparent 0 33%, #ff5a5a 33% 36%, #ffa53a 36% 39%, #ffe14d 39% 42%, #5fd068 42% 45%, #4aa8ff 45% 48%, #a072ff 48% 51%, transparent 51%);
    opacity: 0.85;
}

/* BALONI: šareni baloni s koncem koji se polagano dižu */
.hero--l-baloni .hero-grid {
    inset: 0 0 -100% 0;
    --b: no-repeat;
    background:
        radial-gradient(26px 32px at 8% 22%, #ff5a7e 96%, transparent) 0 0 / 100% 50% repeat-y,
        linear-gradient(rgb(255 255 255 / 0.6) 0 0) 8% 30% / 1px 70px var(--b),
        radial-gradient(22px 28px at 30% 62%, #ffd43b 96%, transparent) 0 0 / 100% 50% repeat-y,
        radial-gradient(30px 36px at 52% 12%, #4aa8ff 96%, transparent) 0 0 / 100% 50% repeat-y,
        radial-gradient(20px 25px at 70% 44%, #a072ff 96%, transparent) 0 0 / 100% 50% repeat-y,
        radial-gradient(24px 30px at 92% 78%, #5fd068 96%, transparent) 0 0 / 100% 50% repeat-y,
        radial-gradient(18px 22px at 42% 90%, #ff8f3a 96%, transparent) 0 0 / 100% 50% repeat-y,
        radial-gradient(28px 34px at 20% 82%, #4aa8ff 96%, transparent) 0 0 / 100% 50% repeat-y,
        radial-gradient(22px 27px at 62% 70%, #ff5a7e 96%, transparent) 0 0 / 100% 50% repeat-y,
        radial-gradient(25px 31px at 82% 16%, #ffd43b 96%, transparent) 0 0 / 100% 50% repeat-y;
    opacity: 0.9;
    animation: kid-rise 38s linear infinite;
}
.hero--l-baloni .hero-grain { background-image: var(--cloud), var(--cloud); }

/* KONFETI: točkice koje padaju, okvir koji mijenja oblik */
body .hero.hero--l-konfeti { --kc-radius: 42% 58% 63% 37% / 41% 44% 56% 59%; }
.hero--l-konfeti .hero-grid {
    --kt: 560px;
    inset: -560px 0 0 0;
    background:
        radial-gradient(circle at 12% 18%, #ff5a7e 0 6px, transparent 7px),
        radial-gradient(circle at 38% 8%, #ffd43b 0 7px, transparent 8px),
        radial-gradient(circle at 64% 30%, #4aa8ff 0 5px, transparent 6px),
        radial-gradient(circle at 86% 12%, #5fd068 0 6px, transparent 7px),
        radial-gradient(circle at 24% 62%, #a072ff 0 5px, transparent 6px),
        radial-gradient(circle at 52% 74%, #ff8f3a 0 7px, transparent 8px),
        radial-gradient(circle at 80% 58%, #ff5a7e 0 4px, transparent 5px),
        radial-gradient(circle at 6% 88%, #4aa8ff 0 6px, transparent 7px);
    background-size: 280px 280px;
    opacity: 0.75;
    animation: kid-fall 30s linear infinite;
}
.hero--l-konfeti .hero-grain { background: none; animation: none; }
.hero--l-konfeti .hero-bg::before, .hero--l-konfeti :is(.hs-bg, .hw-grid) { animation: kid-blob 12s ease-in-out infinite; }

/* LIVADA: nebo, brežuljci, sunce */
body .hero.hero--l-livada { background: linear-gradient(180deg, color-mix(in srgb, #3ea7e0 85%, var(--green)) 0%, color-mix(in srgb, #9fdcf8 90%, var(--green)) 75%); }
.hero--l-livada .hero-grid {
    z-index: 3;
    background:
        radial-gradient(ellipse 62% 30% at 18% 108%, color-mix(in srgb, #6cc04a 85%, var(--green)) 99%, transparent 100%),
        radial-gradient(ellipse 75% 34% at 88% 112%, color-mix(in srgb, #4fa83a 85%, var(--green)) 99%, transparent 100%),
        radial-gradient(ellipse 110% 22% at 50% 112%, color-mix(in srgb, #3f8f2e 85%, var(--green)) 99%, transparent 100%);
}
.hero--l-livada .hero-grain { background-image: var(--cloud), var(--cloud), var(--cloud); }

/* BOJICE: bilježnica na kockice, škrabotine bojicom, slika u polaroidu */
body .hero.hero--l-bojice {
    --pale: var(--ink);
    --pale-soft: var(--ink-soft);
    --kc-radius: 10px;
    --kc-rot: 4deg;
    --kc-size: min(44vw, 640px);
    --kc-right: 5vw;
    background:
        linear-gradient(color-mix(in srgb, #4aa8ff 14%, transparent) 1px, transparent 1px) 0 0 / 100% 30px,
        linear-gradient(90deg, color-mix(in srgb, #4aa8ff 14%, transparent) 1px, transparent 1px) 0 0 / 30px 100%,
        #fffdf6;
    color: var(--ink);
}
.hero--l-bojice .hero-bg::before { box-shadow: 0 24px 40px -18px rgb(0 0 0 / 0.45); }
.hero--l-bojice .hero-grid {
    background: var(--kid-pink);
    opacity: 0.6;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 700c40-60 90 20 130-40s70 30 110-30 80 40 120-20'/%3E%3Cpath d='M80 120l30 40 40-60 30 50'/%3E%3Cpath d='M620 690c30-20 60-20 90 0s60 20 90 0'/%3E%3Ccircle cx='560' cy='120' r='26'/%3E%3C/svg%3E") center / cover no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 700c40-60 90 20 130-40s70 30 110-30 80 40 120-20'/%3E%3Cpath d='M80 120l30 40 40-60 30 50'/%3E%3Cpath d='M620 690c30-20 60-20 90 0s60 20 90 0'/%3E%3Ccircle cx='560' cy='120' r='26'/%3E%3C/svg%3E") center / cover no-repeat;
}
.hero--l-bojice .hero-grain { background: none; animation: none; }
.hero--l-bojice .hero-title { color: var(--ink) !important; text-shadow: 3px 3px 0 color-mix(in srgb, var(--yellow) 70%, transparent); }
.hero--l-bojice .hero-word--accent { color: var(--kid-pink); }
.hero--l-bojice :is(.hero-tagline, .hero-kicker) { color: var(--ink); }
.hero--l-bojice .hero-kicker { background: var(--yellow); }
.hero--l-bojice .hero-scroll { border-color: var(--ink-soft); }
.hero--l-bojice .hero-scroll-dot { background: var(--kid-pink); }

/* LAKU NOĆ: noćno nebo, zvjezdice koje trepere, mjesec */
body .hero.hero--l-zvjezdice { background: linear-gradient(180deg, color-mix(in srgb, #1b2457 80%, var(--pine-950)), color-mix(in srgb, #4a3a8c 85%, var(--pine-950))); }
.hero--l-zvjezdice .hero-bg::before { background-color: #fff6cf; box-shadow: 0 0 0 18px rgb(255 246 207 / 0.12), 0 0 90px 30px rgb(255 236 150 / 0.25); }
.hero--l-zvjezdice .hero-grid {
    background:
        radial-gradient(circle at 10% 20%, #fff 0 1.6px, transparent 2.4px),
        radial-gradient(circle at 34% 64%, #fff 0 1.2px, transparent 2px),
        radial-gradient(circle at 58% 14%, #ffe9a8 0 2.2px, transparent 3px),
        radial-gradient(circle at 76% 48%, #fff 0 1.4px, transparent 2.2px),
        radial-gradient(circle at 90% 86%, #fff 0 1.8px, transparent 2.6px),
        radial-gradient(circle at 22% 90%, #ffe9a8 0 1.4px, transparent 2.2px);
    background-size: 220px 220px;
    animation: kid-twinkle 4s ease-in-out infinite;
}
.hero--l-zvjezdice .hero-grain { opacity: 0.18; }
.hero--l-zvjezdice .hero-word--accent { color: #ffe9a8; }

/* MJEHURIĆI: mjehurići od sapunice koji se dižu */
body .hero.hero--l-mjehurici { background: linear-gradient(180deg, color-mix(in srgb, #2ec4d6 75%, var(--green)), color-mix(in srgb, #8ee6ee 80%, var(--green))); }
.hero--l-mjehurici .hero-bg::before { box-shadow: inset -18px -24px 0 rgb(46 196 214 / 0.12), 0 0 0 10px rgb(255 255 255 / 0.25); }
.hero--l-mjehurici .hero-grid {
    --kt: 840px;
    inset: 0 0 -840px 0;
    background:
        radial-gradient(circle at 12% 20%, transparent 0 20px, rgb(255 255 255 / 0.75) 21px 23px, transparent 24px),
        radial-gradient(circle at 15% 17%, rgb(255 255 255 / 0.8) 0 4px, transparent 5px),
        radial-gradient(circle at 46% 64%, transparent 0 13px, rgb(255 255 255 / 0.7) 14px 16px, transparent 17px),
        radial-gradient(circle at 72% 30%, transparent 0 28px, rgb(255 255 255 / 0.65) 29px 31px, transparent 32px),
        radial-gradient(circle at 75% 26%, rgb(255 255 255 / 0.8) 0 5px, transparent 6px),
        radial-gradient(circle at 88% 82%, transparent 0 10px, rgb(255 255 255 / 0.7) 11px 13px, transparent 14px),
        radial-gradient(circle at 30% 92%, transparent 0 17px, rgb(255 255 255 / 0.7) 18px 20px, transparent 21px);
    background-size: 420px 420px;
    animation: kid-rise 26s linear infinite;
}
.hero--l-mjehurici .hero-grain { background: none; animation: none; }

/* KOCKICE: razbacane šarene kocke, nagnuti zaobljeni okvir, traka kocaka na dnu */
body .hero.hero--l-kockice {
    --kc-radius: 44px;
    --kc-rot: -5deg;
    --kc-size: min(48vw, 700px);
    --kc-right: 2vw;
    -webkit-mask: none;
    mask: none;
    padding-bottom: calc(clamp(4rem, 10vh, 7rem) + var(--hb-text-h, 0px) + 26px);
}
body .hero.hero--l-kockice::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 26px;
    z-index: 3;
    background: repeating-linear-gradient(90deg, #ff5a7e 0 64px, #ffd43b 64px 128px, #4aa8ff 128px 192px, #5fd068 192px 256px, #a072ff 256px 320px);
}
.hero--l-kockice .hero-grid {
    background:
        linear-gradient(#ffd43b 0 0) 6% 14% / 34px 34px no-repeat,
        linear-gradient(#ff5a7e 0 0) 38% 8% / 22px 22px no-repeat,
        linear-gradient(#4aa8ff 0 0) 3% 72% / 28px 28px no-repeat,
        linear-gradient(#5fd068 0 0) 44% 88% / 40px 40px no-repeat,
        linear-gradient(#a072ff 0 0) 30% 52% / 18px 18px no-repeat,
        linear-gradient(#ff8f3a 0 0) 52% 30% / 24px 24px no-repeat;
    opacity: 0.75;
}
.hero--l-kockice .hero-grain { background: none; animation: none; }
.hero--l-kockice .hero-actions .btn, .hero--l-kockice .hero-btn { border-radius: 8px; }

@media (max-width: 980px) {
    body .hero:is(.hero--l-bojice, .hero--l-kockice) { --kc-size: 80vw; --kc-right: -18vw; }
    .hero:is(.hero--l-duga, .hero--l-livada) .hero-bg::after { left: auto; right: 10%; top: 4%; }
}
@media (prefers-reduced-motion: reduce) {
    .hero--kid .hero-grid, .hero--kid .hero-bg::after,
    .hero--l-konfeti .hero-bg::before, .hero--l-konfeti :is(.hs-bg, .hw-grid) { animation: none; }
}

/* --- MASLAČAK i ZVONČIĆI: biljni vrtićki izgledi (crteži generirani skriptom, SVG u data-URI) --- */
body .hero.hero--l-maslacak {
    background: linear-gradient(180deg, color-mix(in srgb, #5cb8ea 85%, var(--green)) 0%, color-mix(in srgb, #a8dcf3 85%, var(--green)) 62%, color-mix(in srgb, #9fd27a 80%, var(--green)) 100%);
}
.hero--l-maslacak .hero-bg::before { box-shadow: 0 0 0 12px #ffd21f, 0 0 0 24px color-mix(in srgb, #ffd21f 45%, transparent); }
/* sjemenke koje odlijeću (uzorak se diže i lagano zanosi udesno) */
.hero--l-maslacak .hero-grid {
    inset: 0 -360px -720px 0;
    -webkit-mask: none;
    mask: none;
    opacity: 0.9;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'%3E%3Cg transform='translate(40 60) rotate(20)' stroke='%23fff' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M0 0L-6.4 -5.4M0 0L-3.5 -7.6M0 0L0 -8.4M0 0L3.5 -7.6M0 0L6.4 -5.4M0 0L0 14.4'/%3E%3Ccircle cx='0' cy='14.4' r='1.7' fill='%23e8dcc0' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(210 30) rotate(-15)' stroke='%23fff' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M0 0L-5.4 -4.5M0 0L-3 -6.3M0 0L0 -7M0 0L3 -6.3M0 0L5.4 -4.5M0 0L0 12'/%3E%3Ccircle cx='0' cy='12' r='1.4' fill='%23e8dcc0' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(300 170) rotate(35)' stroke='%23fff' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M0 0L-7.5 -6.3M0 0L-4.1 -8.9M0 0L0 -9.8M0 0L4.1 -8.9M0 0L7.5 -6.3M0 0L0 16.8'/%3E%3Ccircle cx='0' cy='16.8' r='2' fill='%23e8dcc0' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(120 220) rotate(-30)' stroke='%23fff' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M0 0L-4.8 -4M0 0L-2.7 -5.7M0 0L0 -6.3M0 0L2.7 -5.7M0 0L4.8 -4M0 0L0 10.8'/%3E%3Ccircle cx='0' cy='10.8' r='1.3' fill='%23e8dcc0' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(260 300) rotate(10)' stroke='%23fff' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M0 0L-5.9 -4.9M0 0L-3.3 -7M0 0L0 -7.7M0 0L3.3 -7M0 0L5.9 -4.9M0 0L0 13.2'/%3E%3Ccircle cx='0' cy='13.2' r='1.5' fill='%23e8dcc0' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(30 320) rotate(25)' stroke='%23fff' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M0 0L-5.4 -4.5M0 0L-3 -6.3M0 0L0 -7M0 0L3 -6.3M0 0L5.4 -4.5M0 0L0 12'/%3E%3Ccircle cx='0' cy='12' r='1.4' fill='%23e8dcc0' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 360px 360px;
    animation: kid-drift 34s linear infinite;
}
@keyframes kid-drift { from { transform: translate(0, 0); } to { transform: translate(-360px, -720px); } } /* višekratnik pločice 360px = bez skoka */
/* livada s maslačcima: dolje lijevo i dolje desno, ispred okvira */
.hero--l-maslacak .hero-grain {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 260'%3E%3Cpath d='M70 260L95 247.2L83.8 243.9L113.3 228.8L93.8 225.5L120 210.5L97.5 207.2L113.3 192.2L93.8 188.9L95 173.8L83.8 170.5L70 155.5L70 152.2L70 150L70 152.2L70 155.5L66.6 170.5L63.8 173.8L64 188.9L59.2 192.2L63.1 207.2L57.5 210.5L64 225.5L59.2 228.8L66.6 243.9L63.8 247.2Z' fill='%234f9a36'/%3E%3Cpath d='M80 260L57 249.5L67.3 246.8L40.2 234.5L58.1 231.8L34 219.5L54.7 216.8L40.2 204.5L58.1 201.8L57 189.5L67.3 186.8L80 174.5L80 171.8L80 170L80 171.8L80 174.5L83.2 186.8L85.8 189.5L85.5 201.8L90 204.5L86.3 216.8L91.5 219.5L85.5 231.8L90 234.5L83.2 246.8L85.8 249.5Z' fill='%234f9a36'/%3E%3Cpath d='M190 260L210 250.7L201 248.3L224.6 237.3L209.1 234.9L230 224L212 221.6L224.6 210.7L209.1 208.3L210 197.3L201 194.9L190 184L190 181.6L190 180L190 181.6L190 184L187.2 194.9L185 197.3L185.2 208.3L181.3 210.7L184.5 221.6L180 224L185.2 234.9L181.3 237.3L187.2 248.3L185 250.7Z' fill='%234f9a36'/%3E%3Cpath d='M60 260Q47 165 70 70' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M78.6 70L118 70M118 70L127.8 66.1M118 70L128.6 70M118 70L127.8 73.9M78.1 73.1L114.9 87M114.9 87L125.5 86.8M114.9 87L124.8 90.7M114.9 87L122.7 94.1M76.5 75.7L106 101.8M106 101.8L115.9 105.3M106 101.8L113.9 108.8M106 101.8L110.7 111.2M76.5 75.7L105.9 101.8M105.9 101.8L115.9 105.4M105.9 101.8L113.8 108.8M105.9 101.8L110.7 111.3M74 77.6L92.3 112.5M92.3 112.5L100.4 119.3M92.3 112.5L97.3 121.8M92.3 112.5L93.4 123M71.1 78.6L75.9 117.6M75.9 117.6L81 126.9M75.9 117.6L77.2 128.1M75.9 117.6L73.2 127.9M71 78.6L75.8 117.7M75.8 117.7L80.9 126.9M75.8 117.7L77.1 128.1M75.8 117.7L73.1 127.9M67.9 78.4L58.6 116.6M58.6 116.6L60 127.1M58.6 116.6L56 126.9M58.6 116.6L52.4 125.2M65.1 77.1L42.8 109.5M42.8 109.5L40.5 119.8M42.8 109.5L36.8 118.2M42.8 109.5L34 115.4M65.1 77.1L42.7 109.5M42.7 109.5L40.4 119.8M42.7 109.5L36.7 118.2M42.7 109.5L33.9 115.3M62.9 74.9L30.5 97.3M30.5 97.3L24.7 106.1M30.5 97.3L21.8 103.3M30.5 97.3L20.2 99.7M61.6 72.1L23.4 81.6M23.4 81.6L14.8 87.7M23.4 81.6L13.2 84.1M23.4 81.6L13 80.1M61.6 72.1L23.4 81.5M23.4 81.5L14.8 87.6M23.4 81.5L13.1 84M23.4 81.5L12.9 80M61.4 69L22.3 64.3M22.3 64.3L12.1 67M22.3 64.3L11.9 63M22.3 64.3L13.1 59.2M62.3 66L27.5 47.8M27.5 47.8L17 46.7M27.5 47.8L18.1 42.9M27.5 47.8L20.6 39.7M62.3 66L27.5 47.7M27.5 47.7L17 46.6M27.5 47.7L18.1 42.8M27.5 47.7L20.6 39.7M64.3 63.5L38.1 34.1M38.1 34.1L28.7 29.4M38.1 34.1L31.1 26.2M38.1 34.1L34.6 24.2M66.9 61.9L52.9 25.1M52.9 25.1L45.8 17.4M52.9 25.1L49.1 15.3M52.9 25.1L53.1 14.6M66.9 61.9L53 25.1M53 25.1L45.8 17.3M53 25.1L49.2 15.2M53 25.1L53.2 14.6M70 61.4L70 22M70 22L66 12.2M70 22L70 11.4M70 22L73.9 12.2M73.1 61.9L86.9 25.1M86.9 25.1L86.7 14.5M86.9 25.1L90.7 15.2M86.9 25.1L94.1 17.3M73.1 61.9L87 25.1M87 25.1L86.8 14.6M87 25.1L90.8 15.2M87 25.1L94.2 17.3M75.7 63.5L101.8 34M101.8 34L105.4 24.1M101.8 34L108.8 26.1M101.8 34L111.2 29.3M77.6 66L112.5 47.6M112.5 47.6L119.3 39.6M112.5 47.6L121.8 42.7M112.5 47.6L123 46.5M77.7 66L112.5 47.7M112.5 47.7L119.4 39.7M112.5 47.7L121.9 42.8M112.5 47.7L123 46.6M78.6 69L117.6 64.2M117.6 64.2L126.9 59.1M117.6 64.2L128.1 62.9M117.6 64.2L127.9 66.9' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='70' cy='70' r='7.7' fill='%23d9c9a3'/%3E%3Cpath d='M130 260Q154 190 150 120' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M156.1 120L184 120M184 120L190.9 117.2M184 120L191.5 120M184 120L190.9 122.8M155.7 122.2L181.8 132M181.8 132L189.3 131.9M181.8 132L188.8 134.7M181.8 132L187.3 137.1M154.6 124.1L175.5 142.5M175.5 142.5L182.5 145M175.5 142.5L181.1 147.5M175.5 142.5L178.9 149.2M154.6 124.1L175.4 142.5M175.4 142.5L182.5 145.1M175.4 142.5L181 147.5M175.4 142.5L178.8 149.2M152.8 125.4L165.8 150.1M165.8 150.1L171.5 154.9M165.8 150.1L169.3 156.7M165.8 150.1L166.6 157.5M150.7 126.1L154.2 153.7M154.2 153.7L157.8 160.3M154.2 153.7L155.1 161.2M154.2 153.7L152.2 161M150.7 126.1L154.1 153.8M154.1 153.8L157.7 160.3M154.1 153.8L155 161.2M154.1 153.8L152.2 161M148.5 125.9L141.9 153M141.9 153L142.9 160.4M141.9 153L140.1 160.3M141.9 153L137.5 159.1M146.5 125L130.7 148M130.7 148L129.1 155.3M130.7 148L126.5 154.2M130.7 148L124.5 152.2M146.5 125L130.7 148M130.7 148L129 155.3M130.7 148L126.4 154.1M130.7 148L124.5 152.1M145 123.5L122 139.3M122 139.3L117.9 145.6M122 139.3L115.9 143.6M122 139.3L114.7 141M144.1 121.5L117 128.2M117 128.2L110.9 132.6M117 128.2L109.7 130M117 128.2L109.6 127.2M144.1 121.5L117 128.1M117 128.1L110.9 132.5M117 128.1L109.7 129.9M117 128.1L109.6 127.1M143.9 119.3L116.2 115.9M116.2 115.9L109 117.9M116.2 115.9L108.8 115M116.2 115.9L109.7 112.3M144.6 117.2L119.9 104.2M119.9 104.2L112.4 103.5M119.9 104.2L113.2 100.8M119.9 104.2L115 98.6M144.6 117.2L119.9 104.2M119.9 104.2L112.5 103.4M119.9 104.2L113.3 100.7M119.9 104.2L115 98.5M145.9 115.4L127.4 94.6M127.4 94.6L120.7 91.2M127.4 94.6L122.5 89M127.4 94.6L124.9 87.5M147.8 114.3L137.9 88.2M137.9 88.2L132.8 82.7M137.9 88.2L135.2 81.2M137.9 88.2L138 80.8M147.8 114.3L137.9 88.2M137.9 88.2L132.9 82.7M137.9 88.2L135.3 81.2M137.9 88.2L138.1 80.7M150 113.9L150 86M150 86L147.2 79.1M150 86L150 78.5M150 86L152.7 79.1M152.2 114.3L162 88.2M162 88.2L161.9 80.7M162 88.2L164.6 81.2M162 88.2L167.1 82.7M152.2 114.3L162.1 88.2M162.1 88.2L161.9 80.7M162.1 88.2L164.7 81.2M162.1 88.2L167.1 82.7M154.1 115.4L172.5 94.5M172.5 94.5L175 87.5M172.5 94.5L177.5 88.9M172.5 94.5L179.2 91.2M155.4 117.1L180.1 104.1M180.1 104.1L184.9 98.5M180.1 104.1L186.7 100.7M180.1 104.1L187.5 103.4M155.4 117.2L180.1 104.2M180.1 104.2L185 98.5M180.1 104.2L186.7 100.7M180.1 104.2L187.5 103.4M156.1 119.3L183.7 115.9M183.7 115.9L190.3 112.3M183.7 115.9L191.2 115M183.7 115.9L191 117.8' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='150' cy='120' r='5.4' fill='%23d9c9a3'/%3E%3Cpath d='M205 260Q215.5 215 210 170' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(0 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(16.4 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(32.7 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(49.1 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(65.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(81.8 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(98.2 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(114.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(130.9 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(147.3 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(163.6 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(180 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(196.4 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(212.7 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(229.1 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(245.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(261.8 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(278.2 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(294.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(310.9 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(327.3 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(343.6 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(8 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(30.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(53 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(75.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(98 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(120.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(143 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(165.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(188 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(210.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(233 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(255.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(278 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(300.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(323 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(345.5 210 168)'/%3E%3Ccircle cx='210' cy='168' r='7.3' fill='%23f2a900'/%3E%3Cpath d='M255 260Q252.5 230 262 200' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(0 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(16.4 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(32.7 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(49.1 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(65.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(81.8 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(98.2 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(114.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(130.9 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(147.3 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(163.6 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(180 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(196.4 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(212.7 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(229.1 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(245.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(261.8 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(278.2 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(294.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(310.9 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(327.3 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(343.6 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(8 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(30.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(53 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(75.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(98 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(120.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(143 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(165.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(188 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(210.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(233 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(255.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(278 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(300.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(323 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(345.5 262 198)'/%3E%3Ccircle cx='262' cy='198' r='5' fill='%23f2a900'/%3E%3Cpath d='M28 260Q31 225 22 190' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(0 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(16.4 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(32.7 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(49.1 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(65.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(81.8 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(98.2 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(114.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(130.9 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(147.3 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(163.6 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(180 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(196.4 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(212.7 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(229.1 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(245.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(261.8 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(278.2 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(294.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(310.9 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(327.3 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(343.6 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(8 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(30.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(53 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(75.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(98 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(120.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(143 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(165.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(188 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(210.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(233 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(255.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(278 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(300.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(323 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(345.5 22 188)'/%3E%3Ccircle cx='22' cy='188' r='4.5' fill='%23f2a900'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 220'%3E%3Cpath d='M150 220L128 209.5L137.9 206.8L111.9 194.5L129 191.8L106 179.5L125.8 176.8L111.9 164.5L129 161.8L128 149.5L137.9 146.8L150 134.5L150 131.8L150 130L150 131.8L150 134.5L153 146.8L155.5 149.5L155.2 161.8L159.5 164.5L156.1 176.8L161 179.5L155.2 191.8L159.5 194.5L153 206.8L155.5 209.5Z' fill='%234f9a36'/%3E%3Cpath d='M60 220L78 211.8L69.9 209.7L91.2 200.2L77.1 198.1L96 188.5L79.8 186.4L91.2 176.8L77.1 174.7L78 165.2L69.9 163.1L60 153.5L60 151.4L60 150L60 151.4L60 153.5L57.5 163.1L55.5 165.2L55.7 174.7L52.2 176.8L55 186.4L51 188.5L55.7 198.1L52.2 200.2L57.5 209.7L55.5 211.8Z' fill='%234f9a36'/%3E%3Cpath d='M170 220Q191 140 180 60' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M187.2 60L220 60M220 60L228.2 56.7M220 60L228.8 60M220 60L228.2 63.3M186.7 62.5L217.4 74.2M217.4 74.2L226.2 74M217.4 74.2L225.6 77.3M217.4 74.2L223.9 80.1M185.4 64.8L210 86.5M210 86.5L218.3 89.4M210 86.5L216.6 92.3M210 86.5L214 94.3M185.4 64.8L209.9 86.5M209.9 86.5L218.2 89.5M209.9 86.5L216.5 92.4M209.9 86.5L213.9 94.4M183.4 66.4L198.6 95.4M198.6 95.4L205.3 101.1M198.6 95.4L202.7 103.2M198.6 95.4L199.5 104.2M180.9 67.1L184.9 99.7M184.9 99.7L189.1 107.4M184.9 99.7L186 108.4M184.9 99.7L182.6 108.2M180.9 67.1L184.8 99.7M184.8 99.7L189 107.4M184.8 99.7L185.9 108.4M184.8 99.7L182.6 108.2M178.3 67L170.5 98.8M170.5 98.8L171.7 107.6M170.5 98.8L168.4 107.4M170.5 98.8L165.3 106M175.9 65.9L157.3 93M157.3 93L155.4 101.5M157.3 93L152.3 100.2M157.3 93L150 97.8M175.9 65.9L157.3 92.9M157.3 92.9L155.3 101.5M157.3 92.9L152.3 100.2M157.3 92.9L149.9 97.8M174.1 64.1L147.1 82.7M147.1 82.7L142.2 90.1M147.1 82.7L139.9 87.8M147.1 82.7L138.5 84.7M173 61.7L141.2 69.6M141.2 69.6L134 74.8M141.2 69.6L132.6 71.8M141.2 69.6L132.5 68.4M173 61.7L141.2 69.6M141.2 69.6L134 74.7M141.2 69.6L132.6 71.7M141.2 69.6L132.4 68.4M172.9 59.1L140.3 55.2M140.3 55.2L131.8 57.5M140.3 55.2L131.6 54.2M140.3 55.2L132.6 51M173.6 56.7L144.6 41.5M144.6 41.5L135.8 40.6M144.6 41.5L136.8 37.4M144.6 41.5L138.8 34.8M173.6 56.7L144.6 41.4M144.6 41.4L135.8 40.5M144.6 41.4L136.8 37.3M144.6 41.4L138.9 34.7M175.2 54.6L153.5 30.1M153.5 30.1L145.6 26.1M153.5 30.1L147.6 23.5M153.5 30.1L150.5 21.8M177.4 53.3L165.8 22.6M165.8 22.6L159.8 16.1M165.8 22.6L162.6 14.4M165.8 22.6L165.9 13.8M177.4 53.3L165.8 22.6M165.8 22.6L159.9 16.1M165.8 22.6L162.7 14.4M165.8 22.6L166 13.8M180 52.8L180 20M180 20L176.7 11.8M180 20L180 11.2M180 20L183.2 11.8M182.5 53.3L194.1 22.6M194.1 22.6L194 13.8M194.1 22.6L197.2 14.3M194.1 22.6L200.1 16.1M182.6 53.3L194.2 22.6M194.2 22.6L194 13.8M194.2 22.6L197.3 14.4M194.2 22.6L200.1 16.1M184.8 54.6L206.5 30M206.5 30L209.5 21.8M206.5 30L212.3 23.4M206.5 30L214.4 26.1M186.4 56.6L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.2M215.4 41.4L224.1 40.4M186.4 56.7L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.3M215.4 41.4L224.2 40.5M187.1 59.1L219.7 55.1M219.7 55.1L227.4 50.9M219.7 55.1L228.4 54.1M219.7 55.1L228.2 57.4' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='180' cy='60' r='6.4' fill='%23d9c9a3'/%3E%3Cpath d='M80 220Q65 180 70 140' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(0 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(16.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(32.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(49.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(65.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(81.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(98.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(114.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(130.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(147.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(163.6 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(180 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(196.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(212.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(229.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(245.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(261.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(278.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(294.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(310.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(327.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(343.6 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(8 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(30.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(53 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(75.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(98 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(120.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(143 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(165.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(188 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(210.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(233 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(255.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(278 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(300.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(323 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(345.5 70 138)'/%3E%3Ccircle cx='70' cy='138' r='6.7' fill='%23f2a900'/%3E%3Cpath d='M120 220Q123 197.5 118 175' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(0 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(16.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(32.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(49.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(65.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(81.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(98.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(114.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(130.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(147.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(163.6 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(180 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(196.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(212.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(229.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(245.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(261.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(278.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(294.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(310.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(327.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(343.6 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(8 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(30.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(53 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(75.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(98 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(120.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(143 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(165.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(188 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(210.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(233 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(255.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(278 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(300.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(323 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(345.5 118 173)'/%3E%3Ccircle cx='118' cy='173' r='4.2' fill='%23f2a900'/%3E%3C/svg%3E");
    background-size: clamp(170px, 24vw, 340px) auto, clamp(130px, 17vw, 250px) auto;
    background-position: left -10px bottom 18px, right 3% bottom 18px;
    animation: kid-sway 7s ease-in-out infinite;
    transform-origin: 50% 100%;
}
@keyframes kid-sway { 0%, 100% { transform: skewX(0deg); } 50% { transform: skewX(1.6deg); } }

body .hero.hero--l-zvoncici {
    background: radial-gradient(120% 90% at 70% 0%, color-mix(in srgb, #2f6d4a 80%, var(--green)), color-mix(in srgb, #143826 85%, var(--pine-950)) 75%);
}
.hero--l-zvoncici .hero-bg::before { box-shadow: 0 0 0 10px rgb(255 255 255 / 0.18), 0 0 70px 20px rgb(220 245 225 / 0.22); }
/* rijetke pahulje — visibabe cvatu krajem zime */
.hero--l-zvoncici .hero-grid {
    --kt: 480px;
    inset: -480px 0 0 0;
    -webkit-mask: none;
    mask: none;
    opacity: 0.8;
    background:
        radial-gradient(circle at 14% 22%, #fff 0 2px, transparent 3px),
        radial-gradient(circle at 46% 8%, #fff 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 72% 40%, #fff 0 2.5px, transparent 3.5px),
        radial-gradient(circle at 30% 70%, #fff 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 88% 78%, #fff 0 2px, transparent 3px);
    background-size: 240px 240px;
    animation: kid-fall 40s linear infinite;
}
.hero--l-zvoncici .hero-grain {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 280'%3E%3Cpath d='M36.5 280Q47.2 190 58 130Q56 197.5 43.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M66.5 280Q65.2 166 58 90Q71 175.5 73.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M146.5 280Q158.8 202 172 150Q168 208.5 153.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M196.5 280Q192 178 180 110Q197 186.5 203.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M246.5 280Q255.6 208 264 160Q264 214 253.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M60 280C60 140 80.8 80 86 80S97.7 78 97.7 88' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='97.7' cy='92' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M97.7 95c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 97.7 94)'/%3E%3Cpath d='M97.7 95c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 97.7 94)'/%3E%3Cpath d='M97.7 95c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 97.7 94)'/%3E%3Cpath d='M95.2 110q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M110 280C110 168 90.8 120 86 120S75.2 118 75.2 128' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='75.2' cy='132' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M75.2 135c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 75.2 134)'/%3E%3Cpath d='M75.2 135c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 75.2 134)'/%3E%3Cpath d='M75.2 135c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 75.2 134)'/%3E%3Cpath d='M72.7 150q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M170 280C170 129.5 187.6 65 192 65S201.9 63 201.9 73' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='201.9' cy='77' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M201.9 80c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 201.9 79)'/%3E%3Cpath d='M201.9 80c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 201.9 79)'/%3E%3Cpath d='M201.9 80c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 201.9 79)'/%3E%3Cpath d='M199.4 95q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M225 280C225 175 209 130 205 130S196 128 196 138' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='196' cy='142' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M196 145c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 196 144)'/%3E%3Cpath d='M196 145c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 196 144)'/%3E%3Cpath d='M196 145c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 196 144)'/%3E%3Cpath d='M193.5 160q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M270 280C270 196 282.8 160 286 160S293.2 158 293.2 168' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='293.2' cy='172' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M293.2 175c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 293.2 174)'/%3E%3Cpath d='M293.2 175c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 293.2 174)'/%3E%3Cpath d='M293.2 175c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 293.2 174)'/%3E%3Cpath d='M290.7 190q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M56.5 240Q53.6 156 44 100Q59 163 63.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M126.5 240Q135.6 138 144 70Q144 146.5 133.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M186.5 240Q185.2 174 178 130Q191 179.5 193.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M80 240C80 121 62.4 70 58 70S48.1 68 48.1 78' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='48.1' cy='82' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M48.1 85c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 48.1 84)'/%3E%3Cpath d='M48.1 85c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 48.1 84)'/%3E%3Cpath d='M48.1 85c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 48.1 84)'/%3E%3Cpath d='M45.6 100q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M140 240C140 142 156 100 160 100S169 98 169 108' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='169' cy='112' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M169 115c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 169 114)'/%3E%3Cpath d='M169 115c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 169 114)'/%3E%3Cpath d='M169 115c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 169 114)'/%3E%3Cpath d='M166.5 130q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M195 240C195 163 182.2 130 179 130S171.8 128 171.8 138' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='171.8' cy='142' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M171.8 145c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 171.8 144)'/%3E%3Cpath d='M171.8 145c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 171.8 144)'/%3E%3Cpath d='M171.8 145c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 171.8 144)'/%3E%3Cpath d='M169.3 160q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
    background-size: clamp(170px, 24vw, 340px) auto, clamp(130px, 18vw, 260px) auto;
    background-position: left -6px bottom 16px, right 2% bottom 16px;
    animation: kid-sway 8s ease-in-out infinite;
    transform-origin: 50% 100%;
}
.hero--l-zvoncici .hero-word--accent { color: #e9f7e4; text-decoration: underline 4px color-mix(in srgb, var(--yellow) 80%, transparent); text-underline-offset: 0.12em; }
.hero--l-zvoncici .hero-actions .btn--ghost-light { background: #fff; color: #1f5a37; }
.hero--l-zvoncici .hero-actions .btn--ghost-light ~ .btn--ghost-light { background: linear-gradient(135deg, #7cbf5c, #3f7d3a); color: #fff; }

/* bijeli cvjetovi i lampice moraju se vidjeti i preko bijelog okvira */
.hero:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-grain { filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.28)); }

@media (max-width: 760px) {
    .hero:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-grain { background-size: 150px auto, 0 0; background-position: left -10px bottom 14px, right 0 bottom 0; }
}
@media (prefers-reduced-motion: reduce) {
    .hero:is(.hero--l-maslacak, .hero--l-zvoncici) :is(.hero-grid, .hero-grain) { animation: none; }
}

/* --- djeca u igri (Maslačak, Zvončići): tri sloja, svaki sa svojom animacijom ---
   .hero-bg::after = iznad okvira i biljaka · .hero::before / ::after = iznad pozadine, ispod sadržaja (z-index 1, sadržaj je kasnije u DOM-u) */
.hero:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-bg::after,
body .hero:is(.hero--l-maslacak, .hero--l-zvoncici)::before,
body .hero:is(.hero--l-maslacak, .hero--l-zvoncici)::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background: no-repeat center bottom / contain;
}
.hero:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-bg::after { z-index: 5; }
@keyframes kid-jump {
    0%, 100% { transform: translateY(0) scaleY(1); }
    8%       { transform: translateY(0) scaleY(0.92); }
    40%      { transform: translateY(-34px) scaleY(1.03); }
    70%      { transform: translateY(0) scaleY(1); }
}
@keyframes kid-bob { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-8px) rotate(2deg); } }
@keyframes kid-kite { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg) translateY(-6px); } }

/* MASLAČAK: puše maslačak (dolje, između teksta i okvira) · skače (na okviru) · zmaj (desno) */
body .hero.hero--l-maslacak::before {
    left: 45%; bottom: 26px; width: clamp(110px, 13vw, 190px); aspect-ratio: 170 / 160;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L51 124L50 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='46' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 66L80 40' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='40' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M73 54L40 76L36 96' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='36' cy='96' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff5a7e'/%3E%3Cpath d='M47 54L63.7 59.4' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L58.1 63.9' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f6c9a8'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f6c9a8'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23e0a23a'/%3E%3Ccircle cx='40' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='80' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='45' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='75' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='60' cy='37.5' r='3' fill='%23c0392b'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Cpath d='M80 40L96 18' stroke='%235a9e3a' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M98 16L111 16M98 16L110.2 20.4M98 16L108 24.4M98 16L104.5 27.3M98 16L100.3 28.8M98 16L95.7 28.8M98 16L91.5 27.3M98 16L88 24.4M98 16L85.8 20.4M98 16L85 16M98 16L85.8 11.6M98 16L88 7.6M98 16L91.5 4.7M98 16L95.7 3.2M98 16L100.3 3.2M98 16L104.5 4.7M98 16L108 7.6M98 16L110.2 11.6' stroke='%23fff' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='98' cy='16' r='2.6' fill='%23d9c9a3'/%3E%3Cpath d='M122 8l5-4M122 8l6 0M122 8l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M138 20l5-4M138 20l6 0M138 20l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M130 32l5-4M130 32l6 0M130 32l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M152 12l5-4M152 12l6 0M152 12l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    animation: kid-bob 3.2s ease-in-out infinite;
}
.hero.hero--l-maslacak .hero-bg::after {
    right: 24%; bottom: 30px; width: clamp(70px, 8vw, 120px); aspect-ratio: 120 / 160;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 122L34 146' stroke='%235fd068' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='30' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L76 122L86 146' stroke='%235fd068' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='90' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L36 30L24 6' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='6' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M73 54L84 30L96 6' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='6' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ffd43b'/%3E%3Cpath d='M47 54L42 43.2' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L78 43.2' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%238a5a3c'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%238a5a3c'/%3E%3Ccircle cx='46' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='53' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='61' cy='15' r='7' fill='%231f1a17'/%3E%3Ccircle cx='69' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='75' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='44' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='77' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3C/svg%3E");
    transform-origin: 50% 100%;
    animation: kid-jump 1.6s ease-in-out infinite;
}
body .hero.hero--l-maslacak::after {
    right: 2%; bottom: 22px; width: clamp(150px, 18vw, 270px); aspect-ratio: 220 / 230;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 230'%3E%3Cpath d='M166 34L198 64 170 104 138 70z' fill='%23ff5a7e'/%3E%3Cpath d='M166 34L170 104M138 70L198 64' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M166 34L198 64 168 69z' fill='%23ffd43b'/%3E%3Cpath d='M138 70L168 69 170 104z' fill='%234aa8ff'/%3E%3Cpath d='M170 104q-8 14 2 24t-2 26' stroke='%23a072ff' stroke-width='2' fill='none'/%3E%3Cpath d='M168 118l-7 -4 0 8zM172 136l7 -4 0 8zM168 152l-7 -4 0 8z' fill='%235fd068'/%3E%3Cpath d='M70 90Q130 100 158 76' stroke='%232e2a3a' stroke-width='1.2' fill='none'/%3E%3Cg transform='translate(-28 72) scale(1.0)'%3E%3Cpath d='M54 92L51 124L50 150' stroke='%23ff8f3a' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='46' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L69 124L70 150' stroke='%23ff8f3a' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='74' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L86 40L98 18' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='98' cy='18' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M73 54L40 76L34 96' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='34' cy='96' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%234aa8ff'/%3E%3Cpath d='M47 54L64.5 47.7' stroke='%234aa8ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L58.1 63.9' stroke='%234aa8ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23c98a5e'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23c98a5e'/%3E%3Cpath d='M43 30a17 17 0 0 1 34 0c-4-7-10-9-17-9s-13 2-17 9z' fill='%235b3a1e'/%3E%3Cpath d='M44 28c2-10 8-14 16-14s14 4 16 14c-6-5-10-6-16-6s-10 1-16 6z' fill='%235b3a1e'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3C/svg%3E");
    transform-origin: 20% 100%;
    animation: kid-kite 5s ease-in-out infinite;
}

/* ZVONČIĆI: trči s loptom · skače · dvoje se drži za ruke */
body .hero.hero--l-zvoncici::before {
    left: 45%; bottom: 24px; width: clamp(120px, 14vw, 200px); aspect-ratio: 190 / 160;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 118L30 140' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='26' cy='143' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L80 110L90 128' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='94' cy='131' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 72L96 62' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='62' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M73 54L36 66L26 80' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='80' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff8f3a'/%3E%3Cpath d='M47 54L63.7 62.1' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L56.3 59.4' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23c98a5e'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23c98a5e'/%3E%3Cpath d='M43 30a17 17 0 0 1 34 0c-4-7-10-9-17-9s-13 2-17 9z' fill='%231f1a17'/%3E%3Cpath d='M44 28c2-10 8-14 16-14s14 4 16 14c-6-5-10-6-16-6s-10 1-16 6z' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(160 132)'%3E%3Ccircle r='16' fill='%234aa8ff'/%3E%3Cpath d='M0 0L0 -16A16 16 0 0 1 13.9 8z' fill='%23ffd43b'/%3E%3Cpath d='M0 0L13.9 8A16 16 0 0 1 -13.9 8z' fill='%23ff5a7e'/%3E%3Ccircle r='3.2' fill='%23fff'/%3E%3Ccircle cx='-6' cy='-7' r='3' fill='%23fff' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
    animation: kid-bob 0.9s ease-in-out infinite;
}
.hero.hero--l-zvoncici .hero-bg::after {
    right: 25%; bottom: 30px; width: clamp(70px, 8vw, 120px); aspect-ratio: 120 / 160;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 122L34 146' stroke='%23ff5a7e' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='30' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L76 122L86 146' stroke='%23ff5a7e' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='90' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L36 30L24 6' stroke='%23f1d1b5' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='6' r='4.6' fill='%23f1d1b5'/%3E%3Cpath d='M73 54L84 30L96 6' stroke='%23f1d1b5' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='6' r='4.6' fill='%23f1d1b5'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23a072ff'/%3E%3Cpath d='M47 54L42 43.2' stroke='%23a072ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L78 43.2' stroke='%23a072ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f1d1b5'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f1d1b5'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23a0522d'/%3E%3Cpath d='M76 22c10 2 14 12 10 22-2-7-6-11-11-13z' fill='%23a0522d'/%3E%3Ccircle cx='77' cy='22' r='3' fill='%23ff5a7e'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3C/svg%3E");
    transform-origin: 50% 100%;
    animation: kid-jump 1.8s ease-in-out infinite;
}
body .hero.hero--l-zvoncici::after {
    right: 6%; bottom: 24px; width: clamp(130px, 16vw, 230px); aspect-ratio: 210 / 160;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L50 124L48 150' stroke='%23a072ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='44' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%23a072ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L32 66L22 84' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='84' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M73 54L86 48L96 30' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='30' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%235fd068'/%3E%3Cpath d='M47 54L40.2 59.4' stroke='%235fd068' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L78.8 51.3' stroke='%235fd068' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f6c9a8'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f6c9a8'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23e0a23a'/%3E%3Ccircle cx='40' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='80' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='45' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='75' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(86 0) scale(1.0)'%3E%3Cpath d='M54 92L50 124L48 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='44' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L34 48L24 30' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='30' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M73 54L88 66L98 84' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='98' cy='84' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ffd43b'/%3E%3Cpath d='M47 54L41.1 51.3' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L79.8 59.4' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%238a5a3c'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%238a5a3c'/%3E%3Ccircle cx='46' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='53' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='61' cy='15' r='7' fill='%231f1a17'/%3E%3Ccircle cx='69' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='75' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='44' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='77' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cpath d='M96 30Q104 24 110 30' stroke='%23f6c9a8' stroke-width='0'/%3E%3C/svg%3E");
    animation: kid-bob 2.4s ease-in-out infinite;
}

/* indikator skrolanja bi stajao preko djece */
.hero:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-scroll { display: none; }
/* plakat bez teksta: bez djece preko slike */
.hero--clean:is(.hero--l-maslacak, .hero--l-zvoncici)::before,
.hero--clean:is(.hero--l-maslacak, .hero--l-zvoncici)::after,
.hero--clean:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-bg::after { display: none; }
/* usko (sadržaj u jednom stupcu, preko cijele širine): ostaje jedno dijete u kutu */
@media (max-width: 980px) {
    body .hero:is(.hero--l-maslacak, .hero--l-zvoncici)::after,
    .hero:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-bg::after { display: none; }
    body .hero:is(.hero--l-maslacak, .hero--l-zvoncici)::before { left: 24%; right: auto; bottom: 18px; width: 92px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero:is(.hero--l-maslacak, .hero--l-zvoncici)::before,
    .hero:is(.hero--l-maslacak, .hero--l-zvoncici)::after,
    .hero:is(.hero--l-maslacak, .hero--l-zvoncici) .hero-bg::after { animation: none; }
}

/* --- GROZDEK: grozd od dječjih lica, loza s vrha, vinograd, djeca (crteži generirani skriptom) --- */
body .hero.hero--l-grozdek {
    background: linear-gradient(180deg, color-mix(in srgb, #7b5bbf 82%, var(--green)) 0%, color-mix(in srgb, #a68ae0 82%, var(--green)) 62%, color-mix(in srgb, #9bcf73 80%, var(--green)) 100%);
}
.hero--l-grozdek .hero-bg::before { box-shadow: 0 0 0 12px color-mix(in srgb, #7d4cc2 70%, #fff), 0 0 0 24px color-mix(in srgb, #8fc45a 55%, transparent); }
/* brežuljci s redovima trsova + sitne bobice koje se dižu */
.hero--l-grozdek .hero-grid {
    -webkit-mask: none;
    mask: none;
    opacity: 1;
    background:
        repeating-linear-gradient(172deg, transparent 0 22px, rgb(47 95 40 / 0.22) 22px 26px) bottom / 100% 26% no-repeat,
        radial-gradient(ellipse 70% 30% at 20% 108%, color-mix(in srgb, #6cb04f 85%, var(--green)) 99%, transparent 100%),
        radial-gradient(ellipse 80% 32% at 86% 112%, color-mix(in srgb, #4f9a36 85%, var(--green)) 99%, transparent 100%);
}
/* loza visi s gornjeg ruba (lijevo i desno), lagano se njiše */
.hero--l-grozdek .hero-grain {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 170'%3E%3Cpath d='M-10 20C60 50 120 10 190 40S320 30 430 60' stroke='%237a5230' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3Cg transform='rotate(10 40 40)'%3E%3Cpath d='M40 18 47.1 30.2 60.9 33.2 51.5 43.7 51 55.1 40 52.1 29 55.1 28.5 43.7 19.1 33.2 32.9 30.2Z' fill='%235fa04a' stroke='%235fa04a' stroke-width='6.6' stroke-linejoin='round'/%3E%3Cpath d='M40 40L40 22.4M40 40L56.7 34.6M40 40L50.3 54.2M40 40L29.7 54.2M40 40L23.3 34.6' stroke='%233f7d3a' stroke-width='1.3' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(-15 150 30)'%3E%3Cpath d='M150 10 156.5 21.1 169 23.8 160.5 33.4 160 43.8 150 41 140 43.8 139.5 33.4 131 23.8 143.5 21.1Z' fill='%236cb04f' stroke='%236cb04f' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M150 30L150 14M150 30L165.2 25.1M150 30L159.4 42.9M150 30L140.6 42.9M150 30L134.8 25.1' stroke='%233f7d3a' stroke-width='1.2' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(20 250 50)'%3E%3Cpath d='M250 28 257.1 40.2 270.9 43.2 261.5 53.7 261 65.1 250 62.1 239 65.1 238.5 53.7 229.1 43.2 242.9 40.2Z' fill='%235fa04a' stroke='%235fa04a' stroke-width='6.6' stroke-linejoin='round'/%3E%3Cpath d='M250 50L250 32.4M250 50L266.7 44.6M250 50L260.3 64.2M250 50L239.7 64.2M250 50L233.3 44.6' stroke='%233f7d3a' stroke-width='1.3' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(-10 360 48)'%3E%3Cpath d='M360 30 365.8 40 377.1 42.4 369.4 51.1 369 60.4 360 57.9 351 60.4 350.6 51.1 342.9 42.4 354.2 40Z' fill='%236cb04f' stroke='%236cb04f' stroke-width='5.4' stroke-linejoin='round'/%3E%3Cpath d='M360 48L360 33.6M360 48L373.7 43.6M360 48L368.5 59.6M360 48L351.5 59.6M360 48L346.3 43.6' stroke='%233f7d3a' stroke-width='1.1' opacity='.6'/%3E%3C/g%3E%3Cpath d='M95 43V61' stroke='%237a5230' stroke-width='2.4'/%3E%3Ccircle cx='77.9' cy='70' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='74.8' cy='66.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='95' cy='70' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='91.8' cy='66.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='112.1' cy='70' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='108.9' cy='66.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='86.5' cy='84.4' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='83.3' cy='81.2' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='103.5' cy='84.4' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='100.4' cy='81.2' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='86.5' cy='98.8' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='83.3' cy='95.6' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='103.5' cy='98.8' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='100.4' cy='95.6' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='95' cy='113.2' r='9' fill='%237d4cc2'/%3E%3Ccircle cx='91.8' cy='110' r='2.2' fill='%23fff' opacity='.4'/%3E%3Cpath d='M205 48V64' stroke='%237a5230' stroke-width='2.4'/%3E%3Ccircle cx='189.8' cy='72' r='8' fill='%238fc45a'/%3E%3Ccircle cx='187' cy='69.2' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='205' cy='72' r='8' fill='%238fc45a'/%3E%3Ccircle cx='202.2' cy='69.2' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='220.2' cy='72' r='8' fill='%238fc45a'/%3E%3Ccircle cx='217.4' cy='69.2' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='197.4' cy='84.8' r='8' fill='%238fc45a'/%3E%3Ccircle cx='194.6' cy='82' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='212.6' cy='84.8' r='8' fill='%238fc45a'/%3E%3Ccircle cx='209.8' cy='82' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='197.4' cy='97.6' r='8' fill='%238fc45a'/%3E%3Ccircle cx='194.6' cy='94.8' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='212.6' cy='97.6' r='8' fill='%238fc45a'/%3E%3Ccircle cx='209.8' cy='94.8' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='205' cy='110.4' r='8' fill='%238fc45a'/%3E%3Ccircle cx='202.2' cy='107.6' r='2' fill='%23fff' opacity='.4'/%3E%3Cpath d='M310 55V73' stroke='%237a5230' stroke-width='2.4'/%3E%3Ccircle cx='292.9' cy='82' r='9' fill='%239466d6'/%3E%3Ccircle cx='289.8' cy='78.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='310' cy='82' r='9' fill='%239466d6'/%3E%3Ccircle cx='306.9' cy='78.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='327.1' cy='82' r='9' fill='%239466d6'/%3E%3Ccircle cx='324' cy='78.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='301.4' cy='96.4' r='9' fill='%239466d6'/%3E%3Ccircle cx='298.3' cy='93.2' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='318.6' cy='96.4' r='9' fill='%239466d6'/%3E%3Ccircle cx='315.4' cy='93.2' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='301.4' cy='110.8' r='9' fill='%239466d6'/%3E%3Ccircle cx='298.3' cy='107.6' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='318.6' cy='110.8' r='9' fill='%239466d6'/%3E%3Ccircle cx='315.4' cy='107.6' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='310' cy='125.2' r='9' fill='%239466d6'/%3E%3Ccircle cx='306.9' cy='122' r='2.2' fill='%23fff' opacity='.4'/%3E%3Cpath d='M120 30c10 -4 16 6 10 12s-12 2 -8 -6' stroke='%235fa04a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M280 44c-10 -4 -16 6 -10 12s12 2 8 -6' stroke='%235fa04a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 150'%3E%3Cpath d='M-10 50C80 20 160 60 330 18' stroke='%237a5230' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3Cg transform='rotate(-10 60 40)'%3E%3Cpath d='M60 20 66.5 31.1 79 33.8 70.5 43.4 70 53.8 60 51 50 53.8 49.5 43.4 41 33.8 53.5 31.1Z' fill='%236cb04f' stroke='%236cb04f' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M60 40L60 24M60 40L75.2 35.1M60 40L69.4 52.9M60 40L50.6 52.9M60 40L44.8 35.1' stroke='%233f7d3a' stroke-width='1.2' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(15 180 44)'%3E%3Cpath d='M180 22 187.1 34.2 200.9 37.2 191.5 47.7 191 59.1 180 56.1 169 59.1 168.5 47.7 159.1 37.2 172.9 34.2Z' fill='%235fa04a' stroke='%235fa04a' stroke-width='6.6' stroke-linejoin='round'/%3E%3Cpath d='M180 44L180 26.4M180 44L196.7 38.6M180 44L190.3 58.2M180 44L169.7 58.2M180 44L163.3 38.6' stroke='%233f7d3a' stroke-width='1.3' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(-20 280 30)'%3E%3Cpath d='M280 12 285.8 22 297.1 24.4 289.4 33.1 289 42.4 280 39.9 271 42.4 270.6 33.1 262.9 24.4 274.2 22Z' fill='%235fa04a' stroke='%235fa04a' stroke-width='5.4' stroke-linejoin='round'/%3E%3Cpath d='M280 30L280 15.6M280 30L293.7 25.6M280 30L288.5 41.6M280 30L271.5 41.6M280 30L266.3 25.6' stroke='%233f7d3a' stroke-width='1.1' opacity='.6'/%3E%3C/g%3E%3Cpath d='M120 45V63' stroke='%237a5230' stroke-width='2.4'/%3E%3Ccircle cx='102.9' cy='72' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='99.8' cy='68.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='120' cy='72' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='116.8' cy='68.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='137.1' cy='72' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='133.9' cy='68.8' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='111.5' cy='86.4' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='108.3' cy='83.2' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='128.6' cy='86.4' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='125.4' cy='83.2' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='111.5' cy='100.8' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='108.3' cy='97.6' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='128.6' cy='100.8' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='125.4' cy='97.6' r='2.2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='120' cy='115.2' r='9' fill='%23a3d16c'/%3E%3Ccircle cx='116.8' cy='112' r='2.2' fill='%23fff' opacity='.4'/%3E%3Cpath d='M235 42V58' stroke='%237a5230' stroke-width='2.4'/%3E%3Ccircle cx='219.8' cy='66' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='217' cy='63.2' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='235' cy='66' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='232.2' cy='63.2' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='250.2' cy='66' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='247.4' cy='63.2' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='227.4' cy='78.8' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='224.6' cy='76' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='242.6' cy='78.8' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='239.8' cy='76' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='227.4' cy='91.6' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='224.6' cy='88.8' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='242.6' cy='91.6' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='239.8' cy='88.8' r='2' fill='%23fff' opacity='.4'/%3E%3Ccircle cx='235' cy='104.4' r='8' fill='%236a3fb0'/%3E%3Ccircle cx='232.2' cy='101.6' r='2' fill='%23fff' opacity='.4'/%3E%3Cpath d='M150 40c10 -4 16 6 10 12s-12 2 -8 -6' stroke='%235fa04a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: clamp(240px, 34vw, 480px) auto, clamp(200px, 26vw, 380px) auto;
    background-position: left -20px top -6px, right -10px top -4px;
    transform-origin: 50% 0;
    animation: kid-sway 9s ease-in-out infinite;
    filter: drop-shadow(0 3px 3px rgb(0 0 0 / 0.2));
}
/* glavni grozd s licima (sredina dolje) · dijete koje skače prema njemu · dijete s košaricom */
body .hero.hero--l-grozdek::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 45.5%;
    bottom: 14px;
    width: clamp(150px, 18vw, 270px);
    aspect-ratio: 200 / 220;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 220'%3E%3Cpath d='M100 8Q104 30 100 52' stroke='%237a5230' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3Cg transform='rotate(-20 70 34)'%3E%3Cpath d='M70 10 77.8 23.3 92.8 26.6 82.6 38.1 82 50.5 70 47.2 58 50.5 57.4 38.1 47.2 26.6 62.2 23.3Z' fill='%235fa04a' stroke='%235fa04a' stroke-width='7.2' stroke-linejoin='round'/%3E%3Cpath d='M70 34L70 14.8M70 34L88.3 28.1M70 34L81.3 49.5M70 34L58.7 49.5M70 34L51.7 28.1' stroke='%233f7d3a' stroke-width='1.4' opacity='.6'/%3E%3C/g%3E%3Cg transform='rotate(25 132 30)'%3E%3Cpath d='M132 10 138.5 21.1 151 23.8 142.5 33.4 142 43.8 132 41 122 43.8 121.5 33.4 113 23.8 125.5 21.1Z' fill='%236cb04f' stroke='%236cb04f' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M132 30L132 14M132 30L147.2 25.1M132 30L141.4 42.9M132 30L122.6 42.9M132 30L116.8 25.1' stroke='%233f7d3a' stroke-width='1.2' opacity='.6'/%3E%3C/g%3E%3Cpath d='M108 18c10 -4 16 6 10 12s-12 2 -8 -6' stroke='%235fa04a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='50.3' cy='70' r='17' fill='%237d4cc2'/%3E%3Cellipse cx='43.1' cy='62.4' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 43.1 62.4)'/%3E%3Ccircle cx='44.8' cy='68.6' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='55.7' cy='68.6' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M45.5 73.7q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='40.9' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='59.6' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Cpath d='M57.9 56.1l-6.8 -3.7v7.5zM57.9 56.1l6.8 -3.7v7.5z' fill='%23ff5a7e'/%3E%3Ccircle cx='57.9' cy='56.1' r='1.7' fill='%23ff5a7e'/%3E%3Ccircle cx='83.4' cy='70' r='17' fill='%239466d6'/%3E%3Cellipse cx='76.3' cy='62.4' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 76.3 62.4)'/%3E%3Ccircle cx='78' cy='68.6' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='88.9' cy='68.6' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M78.7 73.4q4.8 7.1 9.5 0z' fill='%235a1f2e'/%3E%3Ccircle cx='74.1' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='92.8' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='116.6' cy='70' r='17' fill='%238fc45a'/%3E%3Cellipse cx='109.4' cy='62.4' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 109.4 62.4)'/%3E%3Ccircle cx='111.1' cy='68.6' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='122' cy='68.6' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M111.8 73.7q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='107.2' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='125.9' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Cpath d='M114 53q-1.7 -5.9 -5.4 -6.8M117.4 53q0 -6.8 3.1 -8.2' stroke='%233b2a1e' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='149.7' cy='70' r='17' fill='%237d4cc2'/%3E%3Cellipse cx='142.6' cy='62.4' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 142.6 62.4)'/%3E%3Ccircle cx='144.3' cy='68.6' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M153.1 68.6q2 -2 4.1 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M145 73.7q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='140.4' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='159.1' cy='73.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='140.4' cy='57.8' r='2.9' fill='%23ffd43b'/%3E%3Ccircle cx='70.8' cy='97.5' r='17' fill='%239466d6'/%3E%3Cellipse cx='63.7' cy='89.9' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 63.7 89.9)'/%3E%3Ccircle cx='65.4' cy='96.2' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='76.3' cy='96.2' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M66.1 101.3q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='61.5' cy='100.6' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='80.2' cy='100.6' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='104' cy='97.5' r='17' fill='%236a3fb0'/%3E%3Cellipse cx='96.9' cy='89.9' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 96.9 89.9)'/%3E%3Ccircle cx='98.6' cy='96.2' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='109.4' cy='96.2' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M99.2 101.3q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='94.7' cy='100.6' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='113.3' cy='100.6' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Cpath d='M111.7 83.6l-6.8 -3.7v7.5zM111.7 83.6l6.8 -3.7v7.5z' fill='%23ff5a7e'/%3E%3Ccircle cx='111.7' cy='83.6' r='1.7' fill='%23ff5a7e'/%3E%3Ccircle cx='137.2' cy='97.5' r='17' fill='%237d4cc2'/%3E%3Cellipse cx='130' cy='89.9' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 130 89.9)'/%3E%3Ccircle cx='131.7' cy='96.2' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='142.6' cy='96.2' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M132.4 100.9q4.8 7.1 9.5 0z' fill='%235a1f2e'/%3E%3Ccircle cx='127.8' cy='100.6' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='146.5' cy='100.6' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Cpath d='M134.6 80.5q-1.7 -5.9 -5.4 -6.8M138 80.5q0 -6.8 3.1 -8.2' stroke='%233b2a1e' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='66.8' cy='125.1' r='17' fill='%23a3d16c'/%3E%3Cellipse cx='59.7' cy='117.4' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 59.7 117.4)'/%3E%3Ccircle cx='61.4' cy='123.7' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='72.3' cy='123.7' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M62.1 128.8q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='57.5' cy='128.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='76.2' cy='128.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='100' cy='125.1' r='17' fill='%236a3fb0'/%3E%3Cellipse cx='92.9' cy='117.4' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 92.9 117.4)'/%3E%3Ccircle cx='94.6' cy='123.7' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M103.4 123.7q2 -2 4.1 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M95.2 128.8q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='90.7' cy='128.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='109.3' cy='128.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='90.7' cy='112.8' r='2.9' fill='%23ffd43b'/%3E%3Ccircle cx='133.2' cy='125.1' r='17' fill='%237d4cc2'/%3E%3Cellipse cx='126' cy='117.4' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 126 117.4)'/%3E%3Ccircle cx='127.7' cy='123.7' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='138.6' cy='123.7' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M128.4 128.8q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='123.8' cy='128.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='142.5' cy='128.1' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Cpath d='M140.8 111.1l-6.8 -3.7v7.5zM140.8 111.1l6.8 -3.7v7.5z' fill='%23ff5a7e'/%3E%3Ccircle cx='140.8' cy='111.1' r='1.7' fill='%23ff5a7e'/%3E%3Ccircle cx='87.4' cy='152.6' r='17' fill='%239466d6'/%3E%3Cellipse cx='80.3' cy='145' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 80.3 145)'/%3E%3Ccircle cx='82' cy='151.3' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='92.9' cy='151.3' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M82.7 156q4.8 7.1 9.5 0z' fill='%235a1f2e'/%3E%3Ccircle cx='78.1' cy='155.7' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='96.8' cy='155.7' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='120.6' cy='152.6' r='17' fill='%23a3d16c'/%3E%3Cellipse cx='113.4' cy='145' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 113.4 145)'/%3E%3Ccircle cx='115.1' cy='151.3' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='126' cy='151.3' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M115.8 156.4q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='111.2' cy='155.7' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='129.9' cy='155.7' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Cpath d='M118 135.6q-1.7 -5.9 -5.4 -6.8M121.4 135.6q0 -6.8 3.1 -8.2' stroke='%233b2a1e' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='180.2' r='17' fill='%237d4cc2'/%3E%3Cellipse cx='92.9' cy='172.5' rx='3.7' ry='2.4' fill='%23fff' opacity='.45' transform='rotate(-35 92.9 172.5)'/%3E%3Ccircle cx='94.6' cy='178.8' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='105.4' cy='178.8' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M95.2 183.9q4.8 5.1 9.5 0' stroke='%232e2a3a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='90.7' cy='183.2' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3Ccircle cx='109.3' cy='183.2' r='2.4' fill='%23ff8fa3' opacity='.7'/%3E%3C/svg%3E") no-repeat center bottom / contain;
    transform-origin: 50% 0;
    animation: kid-swing 4s ease-in-out infinite;
    filter: drop-shadow(0 6px 6px rgb(0 0 0 / 0.22));
    pointer-events: none;
}
@keyframes kid-swing { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
.hero.hero--l-grozdek .hero-bg::after {
    content: "";
    position: absolute;
    z-index: 5;
    right: 25%;
    bottom: 30px;
    width: clamp(70px, 8vw, 120px);
    aspect-ratio: 120 / 160;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 122L34 146' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='30' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L76 122L86 146' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='90' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L36 30L24 6' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='6' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M73 54L84 30L96 6' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='6' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%235fd068'/%3E%3Cpath d='M47 54L42 43.2' stroke='%235fd068' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L78 43.2' stroke='%235fd068' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f6c9a8'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f6c9a8'/%3E%3Cpath d='M43 30a17 17 0 0 1 34 0c-4-7-10-9-17-9s-13 2-17 9z' fill='%23a0522d'/%3E%3Cpath d='M44 28c2-10 8-14 16-14s14 4 16 14c-6-5-10-6-16-6s-10 1-16 6z' fill='%23a0522d'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") no-repeat center bottom / contain;
    transform-origin: 50% 100%;
    animation: kid-jump 1.7s ease-in-out infinite;
}
body .hero.hero--l-grozdek::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: 6%;
    bottom: 24px;
    width: clamp(80px, 9vw, 130px);
    aspect-ratio: 120 / 160;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L51 124L50 150' stroke='%23a072ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='46' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L69 124L70 150' stroke='%23a072ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='74' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L40 72L50 88' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='88' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M73 54L80 72L70 88' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='88' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ffd43b'/%3E%3Cpath d='M47 54L43.9 62.1' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L76.2 62.1' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%238a5a3c'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%238a5a3c'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%231f1a17'/%3E%3Ccircle cx='40' cy='30' r='7' fill='%231f1a17'/%3E%3Ccircle cx='80' cy='30' r='7' fill='%231f1a17'/%3E%3Ccircle cx='45' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='75' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Cpath d='M40 86h40l-5 22H45z' fill='%23c98a4a'/%3E%3Cpath d='M42 94h36M44 101h32M50 86l2 22M60 86v22M70 86l-2 22' stroke='%238a5a2c' stroke-width='1.4'/%3E%3Cpath d='M42 86q18-22 36 0' stroke='%238a5a2c' stroke-width='3' fill='none'/%3E%3Ccircle cx='50' cy='82' r='5' fill='%237d4cc2'/%3E%3Ccircle cx='58' cy='79' r='5' fill='%239466d6'/%3E%3Ccircle cx='66' cy='81' r='5' fill='%238fc45a'/%3E%3Ccircle cx='73' cy='83' r='5' fill='%236a3fb0'/%3E%3Ccircle cx='62' cy='74' r='5' fill='%237d4cc2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center bottom / contain;
    animation: kid-bob 2.6s ease-in-out infinite;
    pointer-events: none;
}
.hero--l-grozdek .hero-scroll { display: none; }
.hero--l-grozdek .hero-word--accent { color: #e8dcff; }
.hero--clean.hero--l-grozdek::before, .hero--clean.hero--l-grozdek::after, .hero--clean.hero--l-grozdek .hero-bg::after { display: none; }
@media (max-width: 980px) {
    body .hero.hero--l-grozdek::after, .hero.hero--l-grozdek .hero-bg::after { display: none; }
    body .hero.hero--l-grozdek::before { left: auto; right: 64px; bottom: 16px; width: 104px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero--l-grozdek::before, .hero--l-grozdek::after, .hero--l-grozdek .hero-bg::after, .hero--l-grozdek .hero-grain { animation: none; }
}

/* ============================================================ RAZIGRANI VRTIĆKI PAKET (Izgled weba → uz teme Maslačak / Zvončići, opt-in: body.kid-fun) */
/* opruge: gumbi, kartice, pojavljivanje sadržaja */
body.kid-fun { --spring: cubic-bezier(.34, 1.56, .64, 1); }
body.kid-fun .btn { transition: transform 0.35s var(--spring), box-shadow 0.25s, background-color 0.2s; }
body.kid-fun .btn:hover { transform: translateY(-3px) rotate(-1.5deg) scale(1.04); }
body.kid-fun .btn:active { transform: scale(0.94); transition-duration: 0.1s; }
@keyframes kf-jelly {
    0%, 100% { transform: scale(1, 1); }
    30%      { transform: scale(1.04, 0.96); }
    50%      { transform: scale(0.97, 1.03); }
    70%      { transform: scale(1.02, 0.99); }
}
body.kid-fun :is(.news-card, .hb-btn, .tile, .ev-card):hover { animation: kf-jelly 0.6s ease; }
body.kid-fun :is(.news-card, .hb-btn, .tile):nth-child(odd) { rotate: -0.6deg; }
body.kid-fun :is(.news-card, .hb-btn, .tile):nth-child(even) { rotate: 0.6deg; }
html.js body.kid-fun [data-reveal] { transform: translateY(30px) scale(0.92); transition: opacity 0.6s ease, transform 0.8s var(--spring); }
html.js body.kid-fun [data-reveal].is-visible { transform: none; }
/* naslovi: valovita crta u boji akcenta, ikona ispred nadnaslova se njiše */
body.kid-fun .section-title { text-decoration: underline wavy var(--yellow) 3px; text-underline-offset: 0.28em; text-decoration-skip-ink: none; }
body.kid-fun .section-kicker::before { display: inline-block; animation: kf-wiggle 2.4s ease-in-out infinite; }
@keyframes kf-wiggle { 0%, 100% { transform: rotate(-12deg) scale(1); } 50% { transform: rotate(12deg) scale(1.2); } }

/* podnožje: livada s djecom na vrhu (+ jedno dijete skače) */
body.kid-fun .site-footer { padding-top: 112px; margin-top: clamp(3rem, 8vh, 5rem); }
body.kid-fun .site-footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 116px;
    pointer-events: none;
    background-repeat: no-repeat;
    border-bottom: 10px solid color-mix(in srgb, var(--green) 55%, #5fa04a);
    background-color: color-mix(in srgb, var(--paper) 60%, #bfe6a0);
}
body.kid-fun .footer-glow {
    top: 18px;
    left: calc(58% - 42px);
    width: 84px;
    height: 104px;
    opacity: 1;
    transform: none;
    background: no-repeat center bottom / contain;
    transform-origin: 50% 100%;
    animation: kid-jump 1.7s ease-in-out infinite;
    z-index: 1;
}
/* podstranice: dijete i biljke desno od naslova (neovisno o stilu zaglavlja podstranica) */
body.kid-fun .page-head::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -14px;
    width: clamp(170px, 20vw, 250px);
    height: 120px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: auto 100%, auto 92%;
    background-position: left bottom, right bottom;
    animation: kid-bob 2.8s ease-in-out infinite;
}
/* pčelica / leptir lete u petlji iznad sadržaja ispod heroja (samo širi ekrani) */
body.kid-fun .site-main { position: relative; }
body.kid-fun .site-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 46px;
    height: 38px;
    pointer-events: none;
    background: no-repeat center / contain;
    offset-path: path("M 120 900 C 420 760 520 1120 860 980 S 1300 760 1100 1100 S 600 1260 320 1120 S -40 1040 120 900");
    offset-rotate: 0deg;
    animation: kf-fly 26s linear infinite, kf-flap 0.35s ease-in-out infinite alternate;
}
@keyframes kf-fly { to { offset-distance: 100%; } }
@keyframes kf-flap { to { transform: scaleY(0.82) translateY(2px); } }
@media (max-width: 980px) {
    body.kid-fun .site-main::after { display: none; }
    body.kid-fun .page-head::after { width: 130px; height: 92px; }
}
@media (max-width: 640px) {
    body.kid-fun .site-footer { padding-top: 96px; }
    body.kid-fun .site-footer::after { height: 100px; }
    body.kid-fun .footer-glow { left: calc(50% - 32px); width: 64px; height: 84px; top: 14px; }
    body.kid-fun .page-head::after { display: none; } /* dugi naslovi zauzimaju cijelu širinu */
}
@media (prefers-reduced-motion: reduce) {
    body.kid-fun .site-main::after, body.kid-fun .footer-glow, body.kid-fun .page-head::after, body.kid-fun .section-kicker::before { animation: none; }
    body.kid-fun .site-main::after { display: none; }
    body.kid-fun :is(.news-card, .hb-btn, .tile, .ev-card):hover { animation: none; }
}

/* livada s djecom na vrhu podnožja */
body.kid-fun.skin--maslacak .site-footer::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 260'%3E%3Cpath d='M70 260L95 247.2L83.8 243.9L113.3 228.8L93.8 225.5L120 210.5L97.5 207.2L113.3 192.2L93.8 188.9L95 173.8L83.8 170.5L70 155.5L70 152.2L70 150L70 152.2L70 155.5L66.6 170.5L63.8 173.8L64 188.9L59.2 192.2L63.1 207.2L57.5 210.5L64 225.5L59.2 228.8L66.6 243.9L63.8 247.2Z' fill='%234f9a36'/%3E%3Cpath d='M80 260L57 249.5L67.3 246.8L40.2 234.5L58.1 231.8L34 219.5L54.7 216.8L40.2 204.5L58.1 201.8L57 189.5L67.3 186.8L80 174.5L80 171.8L80 170L80 171.8L80 174.5L83.2 186.8L85.8 189.5L85.5 201.8L90 204.5L86.3 216.8L91.5 219.5L85.5 231.8L90 234.5L83.2 246.8L85.8 249.5Z' fill='%234f9a36'/%3E%3Cpath d='M190 260L210 250.7L201 248.3L224.6 237.3L209.1 234.9L230 224L212 221.6L224.6 210.7L209.1 208.3L210 197.3L201 194.9L190 184L190 181.6L190 180L190 181.6L190 184L187.2 194.9L185 197.3L185.2 208.3L181.3 210.7L184.5 221.6L180 224L185.2 234.9L181.3 237.3L187.2 248.3L185 250.7Z' fill='%234f9a36'/%3E%3Cpath d='M60 260Q47 165 70 70' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M78.6 70L118 70M118 70L127.8 66.1M118 70L128.6 70M118 70L127.8 73.9M78.1 73.1L114.9 87M114.9 87L125.5 86.8M114.9 87L124.8 90.7M114.9 87L122.7 94.1M76.5 75.7L106 101.8M106 101.8L115.9 105.3M106 101.8L113.9 108.8M106 101.8L110.7 111.2M76.5 75.7L105.9 101.8M105.9 101.8L115.9 105.4M105.9 101.8L113.8 108.8M105.9 101.8L110.7 111.3M74 77.6L92.3 112.5M92.3 112.5L100.4 119.3M92.3 112.5L97.3 121.8M92.3 112.5L93.4 123M71.1 78.6L75.9 117.6M75.9 117.6L81 126.9M75.9 117.6L77.2 128.1M75.9 117.6L73.2 127.9M71 78.6L75.8 117.7M75.8 117.7L80.9 126.9M75.8 117.7L77.1 128.1M75.8 117.7L73.1 127.9M67.9 78.4L58.6 116.6M58.6 116.6L60 127.1M58.6 116.6L56 126.9M58.6 116.6L52.4 125.2M65.1 77.1L42.8 109.5M42.8 109.5L40.5 119.8M42.8 109.5L36.8 118.2M42.8 109.5L34 115.4M65.1 77.1L42.7 109.5M42.7 109.5L40.4 119.8M42.7 109.5L36.7 118.2M42.7 109.5L33.9 115.3M62.9 74.9L30.5 97.3M30.5 97.3L24.7 106.1M30.5 97.3L21.8 103.3M30.5 97.3L20.2 99.7M61.6 72.1L23.4 81.6M23.4 81.6L14.8 87.7M23.4 81.6L13.2 84.1M23.4 81.6L13 80.1M61.6 72.1L23.4 81.5M23.4 81.5L14.8 87.6M23.4 81.5L13.1 84M23.4 81.5L12.9 80M61.4 69L22.3 64.3M22.3 64.3L12.1 67M22.3 64.3L11.9 63M22.3 64.3L13.1 59.2M62.3 66L27.5 47.8M27.5 47.8L17 46.7M27.5 47.8L18.1 42.9M27.5 47.8L20.6 39.7M62.3 66L27.5 47.7M27.5 47.7L17 46.6M27.5 47.7L18.1 42.8M27.5 47.7L20.6 39.7M64.3 63.5L38.1 34.1M38.1 34.1L28.7 29.4M38.1 34.1L31.1 26.2M38.1 34.1L34.6 24.2M66.9 61.9L52.9 25.1M52.9 25.1L45.8 17.4M52.9 25.1L49.1 15.3M52.9 25.1L53.1 14.6M66.9 61.9L53 25.1M53 25.1L45.8 17.3M53 25.1L49.2 15.2M53 25.1L53.2 14.6M70 61.4L70 22M70 22L66 12.2M70 22L70 11.4M70 22L73.9 12.2M73.1 61.9L86.9 25.1M86.9 25.1L86.7 14.5M86.9 25.1L90.7 15.2M86.9 25.1L94.1 17.3M73.1 61.9L87 25.1M87 25.1L86.8 14.6M87 25.1L90.8 15.2M87 25.1L94.2 17.3M75.7 63.5L101.8 34M101.8 34L105.4 24.1M101.8 34L108.8 26.1M101.8 34L111.2 29.3M77.6 66L112.5 47.6M112.5 47.6L119.3 39.6M112.5 47.6L121.8 42.7M112.5 47.6L123 46.5M77.7 66L112.5 47.7M112.5 47.7L119.4 39.7M112.5 47.7L121.9 42.8M112.5 47.7L123 46.6M78.6 69L117.6 64.2M117.6 64.2L126.9 59.1M117.6 64.2L128.1 62.9M117.6 64.2L127.9 66.9' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='70' cy='70' r='7.7' fill='%23d9c9a3'/%3E%3Cpath d='M130 260Q154 190 150 120' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M156.1 120L184 120M184 120L190.9 117.2M184 120L191.5 120M184 120L190.9 122.8M155.7 122.2L181.8 132M181.8 132L189.3 131.9M181.8 132L188.8 134.7M181.8 132L187.3 137.1M154.6 124.1L175.5 142.5M175.5 142.5L182.5 145M175.5 142.5L181.1 147.5M175.5 142.5L178.9 149.2M154.6 124.1L175.4 142.5M175.4 142.5L182.5 145.1M175.4 142.5L181 147.5M175.4 142.5L178.8 149.2M152.8 125.4L165.8 150.1M165.8 150.1L171.5 154.9M165.8 150.1L169.3 156.7M165.8 150.1L166.6 157.5M150.7 126.1L154.2 153.7M154.2 153.7L157.8 160.3M154.2 153.7L155.1 161.2M154.2 153.7L152.2 161M150.7 126.1L154.1 153.8M154.1 153.8L157.7 160.3M154.1 153.8L155 161.2M154.1 153.8L152.2 161M148.5 125.9L141.9 153M141.9 153L142.9 160.4M141.9 153L140.1 160.3M141.9 153L137.5 159.1M146.5 125L130.7 148M130.7 148L129.1 155.3M130.7 148L126.5 154.2M130.7 148L124.5 152.2M146.5 125L130.7 148M130.7 148L129 155.3M130.7 148L126.4 154.1M130.7 148L124.5 152.1M145 123.5L122 139.3M122 139.3L117.9 145.6M122 139.3L115.9 143.6M122 139.3L114.7 141M144.1 121.5L117 128.2M117 128.2L110.9 132.6M117 128.2L109.7 130M117 128.2L109.6 127.2M144.1 121.5L117 128.1M117 128.1L110.9 132.5M117 128.1L109.7 129.9M117 128.1L109.6 127.1M143.9 119.3L116.2 115.9M116.2 115.9L109 117.9M116.2 115.9L108.8 115M116.2 115.9L109.7 112.3M144.6 117.2L119.9 104.2M119.9 104.2L112.4 103.5M119.9 104.2L113.2 100.8M119.9 104.2L115 98.6M144.6 117.2L119.9 104.2M119.9 104.2L112.5 103.4M119.9 104.2L113.3 100.7M119.9 104.2L115 98.5M145.9 115.4L127.4 94.6M127.4 94.6L120.7 91.2M127.4 94.6L122.5 89M127.4 94.6L124.9 87.5M147.8 114.3L137.9 88.2M137.9 88.2L132.8 82.7M137.9 88.2L135.2 81.2M137.9 88.2L138 80.8M147.8 114.3L137.9 88.2M137.9 88.2L132.9 82.7M137.9 88.2L135.3 81.2M137.9 88.2L138.1 80.7M150 113.9L150 86M150 86L147.2 79.1M150 86L150 78.5M150 86L152.7 79.1M152.2 114.3L162 88.2M162 88.2L161.9 80.7M162 88.2L164.6 81.2M162 88.2L167.1 82.7M152.2 114.3L162.1 88.2M162.1 88.2L161.9 80.7M162.1 88.2L164.7 81.2M162.1 88.2L167.1 82.7M154.1 115.4L172.5 94.5M172.5 94.5L175 87.5M172.5 94.5L177.5 88.9M172.5 94.5L179.2 91.2M155.4 117.1L180.1 104.1M180.1 104.1L184.9 98.5M180.1 104.1L186.7 100.7M180.1 104.1L187.5 103.4M155.4 117.2L180.1 104.2M180.1 104.2L185 98.5M180.1 104.2L186.7 100.7M180.1 104.2L187.5 103.4M156.1 119.3L183.7 115.9M183.7 115.9L190.3 112.3M183.7 115.9L191.2 115M183.7 115.9L191 117.8' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='150' cy='120' r='5.4' fill='%23d9c9a3'/%3E%3Cpath d='M205 260Q215.5 215 210 170' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(0 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(16.4 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(32.7 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(49.1 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(65.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(81.8 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(98.2 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(114.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(130.9 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(147.3 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(163.6 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(180 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(196.4 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(212.7 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(229.1 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(245.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(261.8 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(278.2 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(294.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(310.9 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(327.3 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(343.6 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(8 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(30.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(53 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(75.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(98 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(120.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(143 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(165.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(188 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(210.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(233 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(255.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(278 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(300.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(323 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(345.5 210 168)'/%3E%3Ccircle cx='210' cy='168' r='7.3' fill='%23f2a900'/%3E%3Cpath d='M255 260Q252.5 230 262 200' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(0 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(16.4 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(32.7 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(49.1 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(65.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(81.8 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(98.2 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(114.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(130.9 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(147.3 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(163.6 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(180 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(196.4 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(212.7 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(229.1 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(245.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(261.8 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(278.2 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(294.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(310.9 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(327.3 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(343.6 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(8 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(30.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(53 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(75.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(98 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(120.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(143 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(165.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(188 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(210.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(233 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(255.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(278 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(300.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(323 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(345.5 262 198)'/%3E%3Ccircle cx='262' cy='198' r='5' fill='%23f2a900'/%3E%3Cpath d='M28 260Q31 225 22 190' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(0 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(16.4 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(32.7 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(49.1 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(65.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(81.8 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(98.2 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(114.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(130.9 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(147.3 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(163.6 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(180 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(196.4 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(212.7 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(229.1 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(245.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(261.8 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(278.2 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(294.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(310.9 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(327.3 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(343.6 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(8 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(30.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(53 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(75.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(98 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(120.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(143 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(165.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(188 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(210.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(233 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(255.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(278 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(300.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(323 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(345.5 22 188)'/%3E%3Ccircle cx='22' cy='188' r='4.5' fill='%23f2a900'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 220'%3E%3Cpath d='M150 220L128 209.5L137.9 206.8L111.9 194.5L129 191.8L106 179.5L125.8 176.8L111.9 164.5L129 161.8L128 149.5L137.9 146.8L150 134.5L150 131.8L150 130L150 131.8L150 134.5L153 146.8L155.5 149.5L155.2 161.8L159.5 164.5L156.1 176.8L161 179.5L155.2 191.8L159.5 194.5L153 206.8L155.5 209.5Z' fill='%234f9a36'/%3E%3Cpath d='M60 220L78 211.8L69.9 209.7L91.2 200.2L77.1 198.1L96 188.5L79.8 186.4L91.2 176.8L77.1 174.7L78 165.2L69.9 163.1L60 153.5L60 151.4L60 150L60 151.4L60 153.5L57.5 163.1L55.5 165.2L55.7 174.7L52.2 176.8L55 186.4L51 188.5L55.7 198.1L52.2 200.2L57.5 209.7L55.5 211.8Z' fill='%234f9a36'/%3E%3Cpath d='M170 220Q191 140 180 60' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M187.2 60L220 60M220 60L228.2 56.7M220 60L228.8 60M220 60L228.2 63.3M186.7 62.5L217.4 74.2M217.4 74.2L226.2 74M217.4 74.2L225.6 77.3M217.4 74.2L223.9 80.1M185.4 64.8L210 86.5M210 86.5L218.3 89.4M210 86.5L216.6 92.3M210 86.5L214 94.3M185.4 64.8L209.9 86.5M209.9 86.5L218.2 89.5M209.9 86.5L216.5 92.4M209.9 86.5L213.9 94.4M183.4 66.4L198.6 95.4M198.6 95.4L205.3 101.1M198.6 95.4L202.7 103.2M198.6 95.4L199.5 104.2M180.9 67.1L184.9 99.7M184.9 99.7L189.1 107.4M184.9 99.7L186 108.4M184.9 99.7L182.6 108.2M180.9 67.1L184.8 99.7M184.8 99.7L189 107.4M184.8 99.7L185.9 108.4M184.8 99.7L182.6 108.2M178.3 67L170.5 98.8M170.5 98.8L171.7 107.6M170.5 98.8L168.4 107.4M170.5 98.8L165.3 106M175.9 65.9L157.3 93M157.3 93L155.4 101.5M157.3 93L152.3 100.2M157.3 93L150 97.8M175.9 65.9L157.3 92.9M157.3 92.9L155.3 101.5M157.3 92.9L152.3 100.2M157.3 92.9L149.9 97.8M174.1 64.1L147.1 82.7M147.1 82.7L142.2 90.1M147.1 82.7L139.9 87.8M147.1 82.7L138.5 84.7M173 61.7L141.2 69.6M141.2 69.6L134 74.8M141.2 69.6L132.6 71.8M141.2 69.6L132.5 68.4M173 61.7L141.2 69.6M141.2 69.6L134 74.7M141.2 69.6L132.6 71.7M141.2 69.6L132.4 68.4M172.9 59.1L140.3 55.2M140.3 55.2L131.8 57.5M140.3 55.2L131.6 54.2M140.3 55.2L132.6 51M173.6 56.7L144.6 41.5M144.6 41.5L135.8 40.6M144.6 41.5L136.8 37.4M144.6 41.5L138.8 34.8M173.6 56.7L144.6 41.4M144.6 41.4L135.8 40.5M144.6 41.4L136.8 37.3M144.6 41.4L138.9 34.7M175.2 54.6L153.5 30.1M153.5 30.1L145.6 26.1M153.5 30.1L147.6 23.5M153.5 30.1L150.5 21.8M177.4 53.3L165.8 22.6M165.8 22.6L159.8 16.1M165.8 22.6L162.6 14.4M165.8 22.6L165.9 13.8M177.4 53.3L165.8 22.6M165.8 22.6L159.9 16.1M165.8 22.6L162.7 14.4M165.8 22.6L166 13.8M180 52.8L180 20M180 20L176.7 11.8M180 20L180 11.2M180 20L183.2 11.8M182.5 53.3L194.1 22.6M194.1 22.6L194 13.8M194.1 22.6L197.2 14.3M194.1 22.6L200.1 16.1M182.6 53.3L194.2 22.6M194.2 22.6L194 13.8M194.2 22.6L197.3 14.4M194.2 22.6L200.1 16.1M184.8 54.6L206.5 30M206.5 30L209.5 21.8M206.5 30L212.3 23.4M206.5 30L214.4 26.1M186.4 56.6L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.2M215.4 41.4L224.1 40.4M186.4 56.7L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.3M215.4 41.4L224.2 40.5M187.1 59.1L219.7 55.1M219.7 55.1L227.4 50.9M219.7 55.1L228.4 54.1M219.7 55.1L228.2 57.4' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='180' cy='60' r='6.4' fill='%23d9c9a3'/%3E%3Cpath d='M80 220Q65 180 70 140' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(0 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(16.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(32.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(49.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(65.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(81.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(98.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(114.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(130.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(147.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(163.6 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(180 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(196.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(212.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(229.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(245.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(261.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(278.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(294.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(310.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(327.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(343.6 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(8 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(30.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(53 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(75.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(98 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(120.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(143 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(165.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(188 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(210.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(233 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(255.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(278 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(300.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(323 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(345.5 70 138)'/%3E%3Ccircle cx='70' cy='138' r='6.7' fill='%23f2a900'/%3E%3Cpath d='M120 220Q123 197.5 118 175' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(0 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(16.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(32.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(49.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(65.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(81.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(98.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(114.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(130.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(147.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(163.6 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(180 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(196.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(212.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(229.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(245.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(261.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(278.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(294.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(310.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(327.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(343.6 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(8 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(30.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(53 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(75.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(98 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(120.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(143 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(165.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(188 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(210.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(233 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(255.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(278 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(300.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(323 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(345.5 118 173)'/%3E%3Ccircle cx='118' cy='173' r='4.2' fill='%23f2a900'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 230'%3E%3Cpath d='M166 34L198 64 170 104 138 70z' fill='%23ff5a7e'/%3E%3Cpath d='M166 34L170 104M138 70L198 64' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M166 34L198 64 168 69z' fill='%23ffd43b'/%3E%3Cpath d='M138 70L168 69 170 104z' fill='%234aa8ff'/%3E%3Cpath d='M170 104q-8 14 2 24t-2 26' stroke='%23a072ff' stroke-width='2' fill='none'/%3E%3Cpath d='M168 118l-7 -4 0 8zM172 136l7 -4 0 8zM168 152l-7 -4 0 8z' fill='%235fd068'/%3E%3Cpath d='M70 90Q130 100 158 76' stroke='%232e2a3a' stroke-width='1.2' fill='none'/%3E%3Cg transform='translate(-28 72) scale(1.0)'%3E%3Cpath d='M54 92L51 124L50 150' stroke='%23ff8f3a' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='46' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L69 124L70 150' stroke='%23ff8f3a' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='74' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L86 40L98 18' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='98' cy='18' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M73 54L40 76L34 96' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='34' cy='96' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%234aa8ff'/%3E%3Cpath d='M47 54L64.5 47.7' stroke='%234aa8ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L58.1 63.9' stroke='%234aa8ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23c98a5e'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23c98a5e'/%3E%3Cpath d='M43 30a17 17 0 0 1 34 0c-4-7-10-9-17-9s-13 2-17 9z' fill='%235b3a1e'/%3E%3Cpath d='M44 28c2-10 8-14 16-14s14 4 16 14c-6-5-10-6-16-6s-10 1-16 6z' fill='%235b3a1e'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L51 124L50 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='46' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 66L80 40' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='40' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M73 54L40 76L36 96' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='36' cy='96' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff5a7e'/%3E%3Cpath d='M47 54L63.7 59.4' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L58.1 63.9' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f6c9a8'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f6c9a8'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23e0a23a'/%3E%3Ccircle cx='40' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='80' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='45' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='75' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='60' cy='37.5' r='3' fill='%23c0392b'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Cpath d='M80 40L96 18' stroke='%235a9e3a' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M98 16L111 16M98 16L110.2 20.4M98 16L108 24.4M98 16L104.5 27.3M98 16L100.3 28.8M98 16L95.7 28.8M98 16L91.5 27.3M98 16L88 24.4M98 16L85.8 20.4M98 16L85 16M98 16L85.8 11.6M98 16L88 7.6M98 16L91.5 4.7M98 16L95.7 3.2M98 16L100.3 3.2M98 16L104.5 4.7M98 16L108 7.6M98 16L110.2 11.6' stroke='%23fff' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='98' cy='16' r='2.6' fill='%23d9c9a3'/%3E%3Cpath d='M122 8l5-4M122 8l6 0M122 8l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M138 20l5-4M138 20l6 0M138 20l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M130 32l5-4M130 32l6 0M130 32l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M152 12l5-4M152 12l6 0M152 12l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    background-size: clamp(150px, 20vw, 280px) auto, clamp(120px, 15vw, 210px) auto, auto 108px, auto 82px;
    background-position: left -10px bottom 0, right 1% bottom 0, right 19% bottom 2px, left 24% bottom 2px;
}
body.kid-fun.skin--maslacak .footer-glow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 122L34 146' stroke='%235fd068' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='30' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L76 122L86 146' stroke='%235fd068' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='90' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L36 30L24 6' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='6' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M73 54L84 30L96 6' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='6' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ffd43b'/%3E%3Cpath d='M47 54L42 43.2' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L78 43.2' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%238a5a3c'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%238a5a3c'/%3E%3Ccircle cx='46' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='53' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='61' cy='15' r='7' fill='%231f1a17'/%3E%3Ccircle cx='69' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='75' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='44' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='77' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3C/svg%3E"); }
/* podstranice: dijete i biljke uz naslov */
body.kid-fun.skin--maslacak .page-head::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L51 124L50 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='46' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 66L80 40' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='40' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M73 54L40 76L36 96' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='36' cy='96' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff5a7e'/%3E%3Cpath d='M47 54L63.7 59.4' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L58.1 63.9' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f6c9a8'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f6c9a8'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23e0a23a'/%3E%3Ccircle cx='40' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='80' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='45' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='75' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='60' cy='37.5' r='3' fill='%23c0392b'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Cpath d='M80 40L96 18' stroke='%235a9e3a' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M98 16L111 16M98 16L110.2 20.4M98 16L108 24.4M98 16L104.5 27.3M98 16L100.3 28.8M98 16L95.7 28.8M98 16L91.5 27.3M98 16L88 24.4M98 16L85.8 20.4M98 16L85 16M98 16L85.8 11.6M98 16L88 7.6M98 16L91.5 4.7M98 16L95.7 3.2M98 16L100.3 3.2M98 16L104.5 4.7M98 16L108 7.6M98 16L110.2 11.6' stroke='%23fff' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='98' cy='16' r='2.6' fill='%23d9c9a3'/%3E%3Cpath d='M122 8l5-4M122 8l6 0M122 8l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M138 20l5-4M138 20l6 0M138 20l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M130 32l5-4M130 32l6 0M130 32l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M152 12l5-4M152 12l6 0M152 12l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 220'%3E%3Cpath d='M150 220L128 209.5L137.9 206.8L111.9 194.5L129 191.8L106 179.5L125.8 176.8L111.9 164.5L129 161.8L128 149.5L137.9 146.8L150 134.5L150 131.8L150 130L150 131.8L150 134.5L153 146.8L155.5 149.5L155.2 161.8L159.5 164.5L156.1 176.8L161 179.5L155.2 191.8L159.5 194.5L153 206.8L155.5 209.5Z' fill='%234f9a36'/%3E%3Cpath d='M60 220L78 211.8L69.9 209.7L91.2 200.2L77.1 198.1L96 188.5L79.8 186.4L91.2 176.8L77.1 174.7L78 165.2L69.9 163.1L60 153.5L60 151.4L60 150L60 151.4L60 153.5L57.5 163.1L55.5 165.2L55.7 174.7L52.2 176.8L55 186.4L51 188.5L55.7 198.1L52.2 200.2L57.5 209.7L55.5 211.8Z' fill='%234f9a36'/%3E%3Cpath d='M170 220Q191 140 180 60' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M187.2 60L220 60M220 60L228.2 56.7M220 60L228.8 60M220 60L228.2 63.3M186.7 62.5L217.4 74.2M217.4 74.2L226.2 74M217.4 74.2L225.6 77.3M217.4 74.2L223.9 80.1M185.4 64.8L210 86.5M210 86.5L218.3 89.4M210 86.5L216.6 92.3M210 86.5L214 94.3M185.4 64.8L209.9 86.5M209.9 86.5L218.2 89.5M209.9 86.5L216.5 92.4M209.9 86.5L213.9 94.4M183.4 66.4L198.6 95.4M198.6 95.4L205.3 101.1M198.6 95.4L202.7 103.2M198.6 95.4L199.5 104.2M180.9 67.1L184.9 99.7M184.9 99.7L189.1 107.4M184.9 99.7L186 108.4M184.9 99.7L182.6 108.2M180.9 67.1L184.8 99.7M184.8 99.7L189 107.4M184.8 99.7L185.9 108.4M184.8 99.7L182.6 108.2M178.3 67L170.5 98.8M170.5 98.8L171.7 107.6M170.5 98.8L168.4 107.4M170.5 98.8L165.3 106M175.9 65.9L157.3 93M157.3 93L155.4 101.5M157.3 93L152.3 100.2M157.3 93L150 97.8M175.9 65.9L157.3 92.9M157.3 92.9L155.3 101.5M157.3 92.9L152.3 100.2M157.3 92.9L149.9 97.8M174.1 64.1L147.1 82.7M147.1 82.7L142.2 90.1M147.1 82.7L139.9 87.8M147.1 82.7L138.5 84.7M173 61.7L141.2 69.6M141.2 69.6L134 74.8M141.2 69.6L132.6 71.8M141.2 69.6L132.5 68.4M173 61.7L141.2 69.6M141.2 69.6L134 74.7M141.2 69.6L132.6 71.7M141.2 69.6L132.4 68.4M172.9 59.1L140.3 55.2M140.3 55.2L131.8 57.5M140.3 55.2L131.6 54.2M140.3 55.2L132.6 51M173.6 56.7L144.6 41.5M144.6 41.5L135.8 40.6M144.6 41.5L136.8 37.4M144.6 41.5L138.8 34.8M173.6 56.7L144.6 41.4M144.6 41.4L135.8 40.5M144.6 41.4L136.8 37.3M144.6 41.4L138.9 34.7M175.2 54.6L153.5 30.1M153.5 30.1L145.6 26.1M153.5 30.1L147.6 23.5M153.5 30.1L150.5 21.8M177.4 53.3L165.8 22.6M165.8 22.6L159.8 16.1M165.8 22.6L162.6 14.4M165.8 22.6L165.9 13.8M177.4 53.3L165.8 22.6M165.8 22.6L159.9 16.1M165.8 22.6L162.7 14.4M165.8 22.6L166 13.8M180 52.8L180 20M180 20L176.7 11.8M180 20L180 11.2M180 20L183.2 11.8M182.5 53.3L194.1 22.6M194.1 22.6L194 13.8M194.1 22.6L197.2 14.3M194.1 22.6L200.1 16.1M182.6 53.3L194.2 22.6M194.2 22.6L194 13.8M194.2 22.6L197.3 14.4M194.2 22.6L200.1 16.1M184.8 54.6L206.5 30M206.5 30L209.5 21.8M206.5 30L212.3 23.4M206.5 30L214.4 26.1M186.4 56.6L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.2M215.4 41.4L224.1 40.4M186.4 56.7L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.3M215.4 41.4L224.2 40.5M187.1 59.1L219.7 55.1M219.7 55.1L227.4 50.9M219.7 55.1L228.4 54.1M219.7 55.1L228.2 57.4' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='180' cy='60' r='6.4' fill='%23d9c9a3'/%3E%3Cpath d='M80 220Q65 180 70 140' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(0 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(16.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(32.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(49.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(65.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(81.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(98.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(114.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(130.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(147.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(163.6 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(180 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(196.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(212.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(229.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(245.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(261.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(278.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(294.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(310.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(327.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(343.6 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(8 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(30.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(53 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(75.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(98 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(120.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(143 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(165.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(188 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(210.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(233 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(255.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(278 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(300.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(323 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(345.5 70 138)'/%3E%3Ccircle cx='70' cy='138' r='6.7' fill='%23f2a900'/%3E%3Cpath d='M120 220Q123 197.5 118 175' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(0 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(16.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(32.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(49.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(65.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(81.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(98.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(114.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(130.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(147.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(163.6 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(180 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(196.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(212.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(229.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(245.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(261.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(278.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(294.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(310.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(327.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(343.6 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(8 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(30.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(53 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(75.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(98 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(120.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(143 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(165.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(188 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(210.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(233 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(255.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(278 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(300.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(323 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(345.5 118 173)'/%3E%3Ccircle cx='118' cy='173' r='4.2' fill='%23f2a900'/%3E%3C/svg%3E"); }
body.kid-fun.skin--maslacak .site-main::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 50'%3E%3Cellipse cx='22' cy='14' rx='11' ry='8' fill='%23fff' opacity='.85' transform='rotate(-25 22 14)'/%3E%3Cellipse cx='34' cy='13' rx='10' ry='7' fill='%23fff' opacity='.7' transform='rotate(20 34 13)'/%3E%3Cellipse cx='30' cy='30' rx='17' ry='12' fill='%23ffd21f'/%3E%3Cpath d='M24 19q-3 11 0 22M32 18q-3 12 0 24' stroke='%232e2a3a' stroke-width='4.5' fill='none'/%3E%3Cpath d='M46 30l8 0' stroke='%232e2a3a' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='14' cy='28' r='8' fill='%232e2a3a'/%3E%3Ccircle cx='11.5' cy='26' r='1.8' fill='%23fff'/%3E%3Cpath d='M10 31q3 2.5 6 0' stroke='%23fff' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M12 21q-3-7-7-8M16 21q0-7 3-9' stroke='%232e2a3a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* livada s djecom na vrhu podnožja */
body.kid-fun.skin--zvoncici .site-footer::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 280'%3E%3Cpath d='M36.5 280Q47.2 190 58 130Q56 197.5 43.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M66.5 280Q65.2 166 58 90Q71 175.5 73.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M146.5 280Q158.8 202 172 150Q168 208.5 153.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M196.5 280Q192 178 180 110Q197 186.5 203.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M246.5 280Q255.6 208 264 160Q264 214 253.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M60 280C60 140 80.8 80 86 80S97.7 78 97.7 88' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='97.7' cy='92' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M97.7 95c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 97.7 94)'/%3E%3Cpath d='M97.7 95c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 97.7 94)'/%3E%3Cpath d='M97.7 95c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 97.7 94)'/%3E%3Cpath d='M95.2 110q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M110 280C110 168 90.8 120 86 120S75.2 118 75.2 128' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='75.2' cy='132' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M75.2 135c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 75.2 134)'/%3E%3Cpath d='M75.2 135c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 75.2 134)'/%3E%3Cpath d='M75.2 135c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 75.2 134)'/%3E%3Cpath d='M72.7 150q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M170 280C170 129.5 187.6 65 192 65S201.9 63 201.9 73' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='201.9' cy='77' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M201.9 80c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 201.9 79)'/%3E%3Cpath d='M201.9 80c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 201.9 79)'/%3E%3Cpath d='M201.9 80c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 201.9 79)'/%3E%3Cpath d='M199.4 95q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M225 280C225 175 209 130 205 130S196 128 196 138' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='196' cy='142' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M196 145c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 196 144)'/%3E%3Cpath d='M196 145c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 196 144)'/%3E%3Cpath d='M196 145c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 196 144)'/%3E%3Cpath d='M193.5 160q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M270 280C270 196 282.8 160 286 160S293.2 158 293.2 168' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='293.2' cy='172' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M293.2 175c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 293.2 174)'/%3E%3Cpath d='M293.2 175c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 293.2 174)'/%3E%3Cpath d='M293.2 175c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 293.2 174)'/%3E%3Cpath d='M290.7 190q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M56.5 240Q53.6 156 44 100Q59 163 63.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M126.5 240Q135.6 138 144 70Q144 146.5 133.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M186.5 240Q185.2 174 178 130Q191 179.5 193.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M80 240C80 121 62.4 70 58 70S48.1 68 48.1 78' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='48.1' cy='82' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M48.1 85c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 48.1 84)'/%3E%3Cpath d='M48.1 85c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 48.1 84)'/%3E%3Cpath d='M48.1 85c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 48.1 84)'/%3E%3Cpath d='M45.6 100q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M140 240C140 142 156 100 160 100S169 98 169 108' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='169' cy='112' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M169 115c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 169 114)'/%3E%3Cpath d='M169 115c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 169 114)'/%3E%3Cpath d='M169 115c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 169 114)'/%3E%3Cpath d='M166.5 130q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M195 240C195 163 182.2 130 179 130S171.8 128 171.8 138' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='171.8' cy='142' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M171.8 145c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 171.8 144)'/%3E%3Cpath d='M171.8 145c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 171.8 144)'/%3E%3Cpath d='M171.8 145c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 171.8 144)'/%3E%3Cpath d='M169.3 160q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L50 124L48 150' stroke='%23a072ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='44' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%23a072ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L32 66L22 84' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22' cy='84' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M73 54L86 48L96 30' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='30' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%235fd068'/%3E%3Cpath d='M47 54L40.2 59.4' stroke='%235fd068' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L78.8 51.3' stroke='%235fd068' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f6c9a8'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f6c9a8'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23e0a23a'/%3E%3Ccircle cx='40' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='80' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='45' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='75' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(86 0) scale(1.0)'%3E%3Cpath d='M54 92L50 124L48 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='44' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L34 48L24 30' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='30' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M73 54L88 66L98 84' stroke='%238a5a3c' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='98' cy='84' r='4.6' fill='%238a5a3c'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ffd43b'/%3E%3Cpath d='M47 54L41.1 51.3' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L79.8 59.4' stroke='%23ffd43b' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%238a5a3c'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%238a5a3c'/%3E%3Ccircle cx='46' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='53' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='61' cy='15' r='7' fill='%231f1a17'/%3E%3Ccircle cx='69' cy='17' r='7' fill='%231f1a17'/%3E%3Ccircle cx='75' cy='24' r='7' fill='%231f1a17'/%3E%3Ccircle cx='44' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='77' cy='31' r='5' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cpath d='M96 30Q104 24 110 30' stroke='%23f6c9a8' stroke-width='0'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 118L30 140' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='26' cy='143' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L80 110L90 128' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='94' cy='131' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 72L96 62' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='62' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M73 54L36 66L26 80' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='80' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff8f3a'/%3E%3Cpath d='M47 54L63.7 62.1' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L56.3 59.4' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23c98a5e'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23c98a5e'/%3E%3Cpath d='M43 30a17 17 0 0 1 34 0c-4-7-10-9-17-9s-13 2-17 9z' fill='%231f1a17'/%3E%3Cpath d='M44 28c2-10 8-14 16-14s14 4 16 14c-6-5-10-6-16-6s-10 1-16 6z' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(160 132)'%3E%3Ccircle r='16' fill='%234aa8ff'/%3E%3Cpath d='M0 0L0 -16A16 16 0 0 1 13.9 8z' fill='%23ffd43b'/%3E%3Cpath d='M0 0L13.9 8A16 16 0 0 1 -13.9 8z' fill='%23ff5a7e'/%3E%3Ccircle r='3.2' fill='%23fff'/%3E%3Ccircle cx='-6' cy='-7' r='3' fill='%23fff' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
    background-size: clamp(150px, 20vw, 280px) auto, clamp(120px, 15vw, 210px) auto, auto 108px, auto 82px;
    background-position: left -10px bottom 0, right 1% bottom 0, right 19% bottom 2px, left 24% bottom 2px;
}
body.kid-fun.skin--zvoncici .footer-glow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 122L34 146' stroke='%23ff5a7e' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='30' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L76 122L86 146' stroke='%23ff5a7e' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='90' cy='149' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L36 30L24 6' stroke='%23f1d1b5' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='6' r='4.6' fill='%23f1d1b5'/%3E%3Cpath d='M73 54L84 30L96 6' stroke='%23f1d1b5' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='6' r='4.6' fill='%23f1d1b5'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23a072ff'/%3E%3Cpath d='M47 54L42 43.2' stroke='%23a072ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L78 43.2' stroke='%23a072ff' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f1d1b5'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f1d1b5'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23a0522d'/%3E%3Cpath d='M76 22c10 2 14 12 10 22-2-7-6-11-11-13z' fill='%23a0522d'/%3E%3Ccircle cx='77' cy='22' r='3' fill='%23ff5a7e'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3C/svg%3E"); }
/* podstranice: dijete i biljke uz naslov */
body.kid-fun.skin--zvoncici .page-head::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 118L30 140' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='26' cy='143' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L80 110L90 128' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='94' cy='131' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 72L96 62' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='62' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M73 54L36 66L26 80' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='80' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff8f3a'/%3E%3Cpath d='M47 54L63.7 62.1' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L56.3 59.4' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23c98a5e'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23c98a5e'/%3E%3Cpath d='M43 30a17 17 0 0 1 34 0c-4-7-10-9-17-9s-13 2-17 9z' fill='%231f1a17'/%3E%3Cpath d='M44 28c2-10 8-14 16-14s14 4 16 14c-6-5-10-6-16-6s-10 1-16 6z' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(160 132)'%3E%3Ccircle r='16' fill='%234aa8ff'/%3E%3Cpath d='M0 0L0 -16A16 16 0 0 1 13.9 8z' fill='%23ffd43b'/%3E%3Cpath d='M0 0L13.9 8A16 16 0 0 1 -13.9 8z' fill='%23ff5a7e'/%3E%3Ccircle r='3.2' fill='%23fff'/%3E%3Ccircle cx='-6' cy='-7' r='3' fill='%23fff' opacity='.5'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M56.5 240Q53.6 156 44 100Q59 163 63.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M126.5 240Q135.6 138 144 70Q144 146.5 133.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M186.5 240Q185.2 174 178 130Q191 179.5 193.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M80 240C80 121 62.4 70 58 70S48.1 68 48.1 78' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='48.1' cy='82' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M48.1 85c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 48.1 84)'/%3E%3Cpath d='M48.1 85c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 48.1 84)'/%3E%3Cpath d='M48.1 85c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 48.1 84)'/%3E%3Cpath d='M45.6 100q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M140 240C140 142 156 100 160 100S169 98 169 108' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='169' cy='112' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M169 115c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 169 114)'/%3E%3Cpath d='M169 115c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 169 114)'/%3E%3Cpath d='M169 115c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 169 114)'/%3E%3Cpath d='M166.5 130q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M195 240C195 163 182.2 130 179 130S171.8 128 171.8 138' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='171.8' cy='142' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M171.8 145c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 171.8 144)'/%3E%3Cpath d='M171.8 145c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 171.8 144)'/%3E%3Cpath d='M171.8 145c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 171.8 144)'/%3E%3Cpath d='M169.3 160q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); }
body.kid-fun.skin--zvoncici .site-main::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 50'%3E%3Cpath d='M30 24C20 2 2 4 6 18s18 10 24 6z' fill='%23a072ff'/%3E%3Cpath d='M30 24C40 2 58 4 54 18s-18 10-24 6z' fill='%23ff5a7e'/%3E%3Cpath d='M30 26C20 30 10 42 18 46s12-10 12-20z' fill='%23ffd166'/%3E%3Cpath d='M30 26C40 30 50 42 42 46s-12-10-12-20z' fill='%234aa8ff'/%3E%3Ccircle cx='14' cy='15' r='3' fill='%23fff' opacity='.8'/%3E%3Ccircle cx='46' cy='15' r='3' fill='%23fff' opacity='.8'/%3E%3Cellipse cx='30' cy='26' rx='2.6' ry='12' fill='%232e2a3a'/%3E%3Cpath d='M29 15q-4-8-8-9M31 15q4-8 8-9' stroke='%232e2a3a' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* ============================================================ RAZIGRANI PAKET — ZAGLAVLJE I IZBORNICI (body.kid-fun)
   Boje stavki: --k1…--k5 po temi; svaka glavna stavka nosi svoju (--kc), podizbornik je nasljeđuje. */
body.kid-fun .site-header {
    background: color-mix(in srgb, var(--paper) 86%, transparent);
    border-bottom: 0;
}
body.kid-fun .site-header.is-scrolled { background: color-mix(in srgb, var(--paper) 94%, transparent); }
/* zastavice ispod zaglavlja (vise preko sadržaja, ne hvataju klikove) */
body.kid-fun .site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 18px;
    background: var(--bunting) repeat-x 0 0 / 150px 18px;
    pointer-events: none;
    z-index: -1; /* zaglavlje je stacking-kontekst: zastavice ispod podizbornika, ali i dalje vidljive ispod zaglavlja */
    transform-origin: 50% 0;
    animation: kn-flutter 4s ease-in-out infinite;
}
@keyframes kn-flutter { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.18) skewX(-2deg); } }
body.kid-fun .brand:hover .brand-logo,
body.kid-fun .brand:hover .brand-glyph { animation: kf-jelly 0.6s ease; }

/* glavne stavke: svaka u svojoj boji, pill u toj boji, poskok */
body.kid-fun .nav-list > .nav-item:nth-child(5n+1) { --kc: var(--k1); }
body.kid-fun .nav-list > .nav-item:nth-child(5n+2) { --kc: var(--k2); }
body.kid-fun .nav-list > .nav-item:nth-child(5n+3) { --kc: var(--k3); }
body.kid-fun .nav-list > .nav-item:nth-child(5n+4) { --kc: var(--k4); }
body.kid-fun .nav-list > .nav-item:nth-child(5n)   { --kc: var(--k5); }
body.kid-fun .nav-link { font-weight: 700; transition: background-color 0.2s, color 0.2s, transform 0.35s var(--spring); }
body.kid-fun .nav-list > .nav-item > .nav-link .nav-ico { color: var(--kc); opacity: 1; }
body.kid-fun .nav-list > .nav-item > .nav-link:hover,
body.kid-fun .nav-list > .nav-item.has-sub:hover > .nav-link {
    background: color-mix(in srgb, var(--kc) 16%, #fff);
    color: color-mix(in srgb, var(--kc) 62%, #000);
    transform: translateY(-2px) rotate(-2deg);
}
body.kid-fun .nav-list > .nav-item.is-active > .nav-link,
body.kid-fun .nav-list > .nav-item.has-sub.is-active:hover > .nav-link {
    background: var(--kc);
    color: #fff;
    box-shadow: 0 4px 0 -1px color-mix(in srgb, var(--kc) 60%, #000);
}
body.kid-fun .nav-list > .nav-item.is-active > .nav-link .nav-ico,
body.kid-fun .nav-list > .nav-item.is-active > .sub-toggle { color: #fff; }
body.kid-fun .nav-list > .nav-item:hover > .sub-toggle { color: color-mix(in srgb, var(--kc) 62%, #000); }

/* podizbornik: zaobljeni oblačić s repićem u boji stavke, opružno otvaranje, šarene točkice */
body.kid-fun .sub-menu {
    border: 2px solid color-mix(in srgb, var(--kc, var(--green)) 45%, #fff);
    border-top-width: 2px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--kc, var(--green)) 55%, #000);
    transform: translateY(10px) scale(0.85);
    transition: opacity 0.2s ease, transform 0.42s var(--spring), visibility 0.2s;
}
body.kid-fun .nav-list > .nav-item > .sub-menu::after {
    content: "";
    position: absolute;
    top: -9px;
    left: 26px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-left: 2px solid color-mix(in srgb, var(--kc, var(--green)) 45%, #fff);
    border-top: 2px solid color-mix(in srgb, var(--kc, var(--green)) 45%, #fff);
    border-radius: 4px 0 0 0;
    rotate: 45deg;
}
body.kid-fun .nav-list > .nav-item > .sub-menu.sub-left::after { left: auto; right: 26px; }
body.kid-fun .sub-menu .nav-link { border-radius: 14px; font-weight: 600; }
body.kid-fun .sub-menu .nav-link::before {
    content: "";
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--kc, var(--green));
    transition: transform 0.35s var(--spring);
}
/* točkice se izmjenjuju kroz paletu teme */
body.kid-fun .sub-menu .nav-item:nth-child(5n+1) > .nav-link::before { background: var(--k1); }
body.kid-fun .sub-menu .nav-item:nth-child(5n+2) > .nav-link::before { background: var(--k2); }
body.kid-fun .sub-menu .nav-item:nth-child(5n+3) > .nav-link::before { background: var(--k3); }
body.kid-fun .sub-menu .nav-item:nth-child(5n+4) > .nav-link::before { background: var(--k4); }
body.kid-fun .sub-menu .nav-item:nth-child(5n) > .nav-link::before { background: var(--k5); }
body.kid-fun .sub-menu .nav-item:nth-child(3n+2) > .nav-link::before { border-radius: 2px; rotate: 45deg; }
body.kid-fun .sub-menu .nav-item:nth-child(3n) > .nav-link::before { width: 10px; height: 10px; clip-path: polygon(50% 0, 100% 100%, 0 100%); border-radius: 0; }
body.kid-fun .sub-menu .nav-link:hover {
    background: color-mix(in srgb, var(--kc, var(--green)) 13%, #fff);
    color: color-mix(in srgb, var(--kc, var(--green)) 60%, #000);
}
body.kid-fun .sub-menu .nav-link:hover::before { transform: scale(1.6) rotate(90deg); }

/* gumb kataloga i tražilica */
body.kid-fun .nav-cta { border-radius: 16px; font-weight: 800; box-shadow: 0 4px 0 -1px color-mix(in srgb, var(--yellow) 55%, #000); transition: transform 0.35s var(--spring), box-shadow 0.2s; }
body.kid-fun .nav-cta:hover, body.kid-fun .nav-cta:focus-visible { transform: translateY(-3px) rotate(-2deg) scale(1.04); box-shadow: 0 7px 0 -1px color-mix(in srgb, var(--yellow) 55%, #000); }
body.kid-fun .nav-cta:hover .nav-cta-book { animation: kf-wiggle 0.8s ease-in-out infinite; }
body.kid-fun :is(.nav-search-btn) { transition: transform 0.35s var(--spring); }
body.kid-fun :is(.nav-search-btn):hover { transform: rotate(-12deg) scale(1.1); }

/* burger: tri šarene crte */
body.kid-fun .nav-burger { border-radius: 14px; border: 2px solid color-mix(in srgb, var(--k1) 40%, #fff); }
body.kid-fun .burger-box span { height: 3px; border-radius: 3px; }
body.kid-fun .burger-box span:nth-child(1) { background: var(--k1); }
body.kid-fun .burger-box span:nth-child(2) { background: var(--k2); }
body.kid-fun .burger-box span:nth-child(3) { background: var(--k3); }

@media (min-width: 901px) {
    body.kid-fun .nav-item.has-sub:hover > .sub-menu,
    body.kid-fun .nav-item.has-sub:focus-within > .sub-menu,
    body.kid-fun .nav-item.has-sub.open > .sub-menu { transform: translateY(0) scale(1); }
    /* mega ploča: isti stil, bez repića; isprekidana crta između stupaca u boji stavke */
    body.kid-fun .nav-item.has-mega > .sub-menu { border-radius: 0 0 28px 28px; border-top: 0; column-rule: 2px dashed color-mix(in srgb, var(--kc, var(--green)) 30%, #fff); }
    body.kid-fun .nav-item.has-mega > .sub-menu::after { display: none; }
}

/* mobilni izbornik: podloga u boji teme s konfetima, šarene oznake, opružni ulazak, livada s djetetom na dnu */
@media (max-width: 900px) {
    body.kid-fun.nav-open .site-header { background: var(--green-deep); }
    body.kid-fun .site-nav {
        background:
            radial-gradient(circle at 12% 18%, color-mix(in srgb, #fff 30%, transparent) 0 3px, transparent 4px) 0 0 / 90px 90px,
            radial-gradient(circle at 70% 60%, color-mix(in srgb, var(--yellow) 70%, transparent) 0 4px, transparent 5px) 0 0 / 120px 120px,
            radial-gradient(circle at 40% 85%, color-mix(in srgb, var(--k1) 70%, transparent) 0 3px, transparent 4px) 0 0 / 70px 70px,
            linear-gradient(180deg, var(--green-deep), color-mix(in srgb, var(--green) 85%, var(--green-deep)));
    }
    /* opružni ulazak: početni pomak samo dok je izbornik zatvoren (inače nadjača stanje „otvoreno” i stavke ostanu smanjene) */
    body.kid-fun .nav-list > .nav-item,
    body.kid-fun .site-nav > .nav-cta,
    body.kid-fun .nav-panel-foot { transition: opacity 0.4s ease, transform 0.6s var(--spring); }
    body.kid-fun:not(.nav-open) :is(.nav-list > .nav-item, .site-nav > .nav-cta, .nav-panel-foot) { transform: translateY(26px) scale(0.85); }
    body.kid-fun .nav-list > .nav-item > .nav-link { color: #fff; transform: none; }
    body.kid-fun .nav-list > .nav-item > .nav-link::before {
        content: "";
        flex: none;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--kc);
        box-shadow: 0 0 0 3px color-mix(in srgb, #fff 70%, transparent);
    }
    body.kid-fun .nav-list > .nav-item > .nav-link:hover,
    body.kid-fun .nav-list > .nav-item.has-sub:hover > .nav-link { background: color-mix(in srgb, #fff 12%, transparent); color: #fff; transform: none; }
    body.kid-fun .nav-list > .nav-item.is-active > .nav-link { background: #fff; color: color-mix(in srgb, var(--kc) 65%, #000); box-shadow: none; }
    body.kid-fun .nav-list > .nav-item > .nav-link .nav-ico { color: #fff; }
    body.kid-fun .nav-list > .nav-item.is-active > .nav-link .nav-ico { color: var(--kc); }
    body.kid-fun .sub-toggle { color: #fff; }
    body.kid-fun .sub-menu { border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: none; }
    body.kid-fun .nav-list > .nav-item > .sub-menu::after { display: none; }
    body.kid-fun .sub-menu .nav-link { color: color-mix(in srgb, #fff 88%, transparent); }
    body.kid-fun .sub-menu .nav-link:hover { color: #fff; background: color-mix(in srgb, #fff 12%, transparent); }
    body.kid-fun .nav-panel-foot, body.kid-fun .nav-panel-foot .top-link { color: color-mix(in srgb, #fff 85%, transparent); }
    body.kid-fun .site-nav::after {
        content: "";
        flex: none;
        height: 120px;
        margin: 1.4rem calc(-1 * clamp(1.4rem, 6vw, 2.4rem)) -2.2rem;
        background-repeat: no-repeat;
        background-size: auto 112px, auto 86px, auto 96px;
        background-position: left -10px bottom 0, center bottom 4px, right -6px bottom 0;
        background-color: color-mix(in srgb, #fff 18%, transparent);
        border-radius: 60% 60% 0 0 / 30px 30px 0 0;
    }
    body.kid-fun .site-header::after { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
    body.kid-fun .site-header::after, body.kid-fun .nav-cta:hover .nav-cta-book { animation: none; }
}
body.kid-fun.skin--maslacak { --k1: #ff5d8f; --k2: #f2a413; --k3: #4fb84a; --k4: #3fa2f0; --k5: #9b6bff; --bunting: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 18'%3E%3Cpath d='M0 2.2Q75 5 150 2.2' stroke='%237a6a55' stroke-width='1.4' fill='none'/%3E%3Cpath d='M3 2h24l-12 15z' fill='%23ff5d8f'/%3E%3Cpath d='M33 2h24l-12 15z' fill='%23f2a413'/%3E%3Cpath d='M63 2h24l-12 15z' fill='%234fb84a'/%3E%3Cpath d='M93 2h24l-12 15z' fill='%233fa2f0'/%3E%3Cpath d='M123 2h24l-12 15z' fill='%239b6bff'/%3E%3C/svg%3E"); }
@media (max-width: 900px) { body.kid-fun.skin--maslacak .site-nav::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 260'%3E%3Cpath d='M70 260L95 247.2L83.8 243.9L113.3 228.8L93.8 225.5L120 210.5L97.5 207.2L113.3 192.2L93.8 188.9L95 173.8L83.8 170.5L70 155.5L70 152.2L70 150L70 152.2L70 155.5L66.6 170.5L63.8 173.8L64 188.9L59.2 192.2L63.1 207.2L57.5 210.5L64 225.5L59.2 228.8L66.6 243.9L63.8 247.2Z' fill='%234f9a36'/%3E%3Cpath d='M80 260L57 249.5L67.3 246.8L40.2 234.5L58.1 231.8L34 219.5L54.7 216.8L40.2 204.5L58.1 201.8L57 189.5L67.3 186.8L80 174.5L80 171.8L80 170L80 171.8L80 174.5L83.2 186.8L85.8 189.5L85.5 201.8L90 204.5L86.3 216.8L91.5 219.5L85.5 231.8L90 234.5L83.2 246.8L85.8 249.5Z' fill='%234f9a36'/%3E%3Cpath d='M190 260L210 250.7L201 248.3L224.6 237.3L209.1 234.9L230 224L212 221.6L224.6 210.7L209.1 208.3L210 197.3L201 194.9L190 184L190 181.6L190 180L190 181.6L190 184L187.2 194.9L185 197.3L185.2 208.3L181.3 210.7L184.5 221.6L180 224L185.2 234.9L181.3 237.3L187.2 248.3L185 250.7Z' fill='%234f9a36'/%3E%3Cpath d='M60 260Q47 165 70 70' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M78.6 70L118 70M118 70L127.8 66.1M118 70L128.6 70M118 70L127.8 73.9M78.1 73.1L114.9 87M114.9 87L125.5 86.8M114.9 87L124.8 90.7M114.9 87L122.7 94.1M76.5 75.7L106 101.8M106 101.8L115.9 105.3M106 101.8L113.9 108.8M106 101.8L110.7 111.2M76.5 75.7L105.9 101.8M105.9 101.8L115.9 105.4M105.9 101.8L113.8 108.8M105.9 101.8L110.7 111.3M74 77.6L92.3 112.5M92.3 112.5L100.4 119.3M92.3 112.5L97.3 121.8M92.3 112.5L93.4 123M71.1 78.6L75.9 117.6M75.9 117.6L81 126.9M75.9 117.6L77.2 128.1M75.9 117.6L73.2 127.9M71 78.6L75.8 117.7M75.8 117.7L80.9 126.9M75.8 117.7L77.1 128.1M75.8 117.7L73.1 127.9M67.9 78.4L58.6 116.6M58.6 116.6L60 127.1M58.6 116.6L56 126.9M58.6 116.6L52.4 125.2M65.1 77.1L42.8 109.5M42.8 109.5L40.5 119.8M42.8 109.5L36.8 118.2M42.8 109.5L34 115.4M65.1 77.1L42.7 109.5M42.7 109.5L40.4 119.8M42.7 109.5L36.7 118.2M42.7 109.5L33.9 115.3M62.9 74.9L30.5 97.3M30.5 97.3L24.7 106.1M30.5 97.3L21.8 103.3M30.5 97.3L20.2 99.7M61.6 72.1L23.4 81.6M23.4 81.6L14.8 87.7M23.4 81.6L13.2 84.1M23.4 81.6L13 80.1M61.6 72.1L23.4 81.5M23.4 81.5L14.8 87.6M23.4 81.5L13.1 84M23.4 81.5L12.9 80M61.4 69L22.3 64.3M22.3 64.3L12.1 67M22.3 64.3L11.9 63M22.3 64.3L13.1 59.2M62.3 66L27.5 47.8M27.5 47.8L17 46.7M27.5 47.8L18.1 42.9M27.5 47.8L20.6 39.7M62.3 66L27.5 47.7M27.5 47.7L17 46.6M27.5 47.7L18.1 42.8M27.5 47.7L20.6 39.7M64.3 63.5L38.1 34.1M38.1 34.1L28.7 29.4M38.1 34.1L31.1 26.2M38.1 34.1L34.6 24.2M66.9 61.9L52.9 25.1M52.9 25.1L45.8 17.4M52.9 25.1L49.1 15.3M52.9 25.1L53.1 14.6M66.9 61.9L53 25.1M53 25.1L45.8 17.3M53 25.1L49.2 15.2M53 25.1L53.2 14.6M70 61.4L70 22M70 22L66 12.2M70 22L70 11.4M70 22L73.9 12.2M73.1 61.9L86.9 25.1M86.9 25.1L86.7 14.5M86.9 25.1L90.7 15.2M86.9 25.1L94.1 17.3M73.1 61.9L87 25.1M87 25.1L86.8 14.6M87 25.1L90.8 15.2M87 25.1L94.2 17.3M75.7 63.5L101.8 34M101.8 34L105.4 24.1M101.8 34L108.8 26.1M101.8 34L111.2 29.3M77.6 66L112.5 47.6M112.5 47.6L119.3 39.6M112.5 47.6L121.8 42.7M112.5 47.6L123 46.5M77.7 66L112.5 47.7M112.5 47.7L119.4 39.7M112.5 47.7L121.9 42.8M112.5 47.7L123 46.6M78.6 69L117.6 64.2M117.6 64.2L126.9 59.1M117.6 64.2L128.1 62.9M117.6 64.2L127.9 66.9' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='70' cy='70' r='7.7' fill='%23d9c9a3'/%3E%3Cpath d='M130 260Q154 190 150 120' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M156.1 120L184 120M184 120L190.9 117.2M184 120L191.5 120M184 120L190.9 122.8M155.7 122.2L181.8 132M181.8 132L189.3 131.9M181.8 132L188.8 134.7M181.8 132L187.3 137.1M154.6 124.1L175.5 142.5M175.5 142.5L182.5 145M175.5 142.5L181.1 147.5M175.5 142.5L178.9 149.2M154.6 124.1L175.4 142.5M175.4 142.5L182.5 145.1M175.4 142.5L181 147.5M175.4 142.5L178.8 149.2M152.8 125.4L165.8 150.1M165.8 150.1L171.5 154.9M165.8 150.1L169.3 156.7M165.8 150.1L166.6 157.5M150.7 126.1L154.2 153.7M154.2 153.7L157.8 160.3M154.2 153.7L155.1 161.2M154.2 153.7L152.2 161M150.7 126.1L154.1 153.8M154.1 153.8L157.7 160.3M154.1 153.8L155 161.2M154.1 153.8L152.2 161M148.5 125.9L141.9 153M141.9 153L142.9 160.4M141.9 153L140.1 160.3M141.9 153L137.5 159.1M146.5 125L130.7 148M130.7 148L129.1 155.3M130.7 148L126.5 154.2M130.7 148L124.5 152.2M146.5 125L130.7 148M130.7 148L129 155.3M130.7 148L126.4 154.1M130.7 148L124.5 152.1M145 123.5L122 139.3M122 139.3L117.9 145.6M122 139.3L115.9 143.6M122 139.3L114.7 141M144.1 121.5L117 128.2M117 128.2L110.9 132.6M117 128.2L109.7 130M117 128.2L109.6 127.2M144.1 121.5L117 128.1M117 128.1L110.9 132.5M117 128.1L109.7 129.9M117 128.1L109.6 127.1M143.9 119.3L116.2 115.9M116.2 115.9L109 117.9M116.2 115.9L108.8 115M116.2 115.9L109.7 112.3M144.6 117.2L119.9 104.2M119.9 104.2L112.4 103.5M119.9 104.2L113.2 100.8M119.9 104.2L115 98.6M144.6 117.2L119.9 104.2M119.9 104.2L112.5 103.4M119.9 104.2L113.3 100.7M119.9 104.2L115 98.5M145.9 115.4L127.4 94.6M127.4 94.6L120.7 91.2M127.4 94.6L122.5 89M127.4 94.6L124.9 87.5M147.8 114.3L137.9 88.2M137.9 88.2L132.8 82.7M137.9 88.2L135.2 81.2M137.9 88.2L138 80.8M147.8 114.3L137.9 88.2M137.9 88.2L132.9 82.7M137.9 88.2L135.3 81.2M137.9 88.2L138.1 80.7M150 113.9L150 86M150 86L147.2 79.1M150 86L150 78.5M150 86L152.7 79.1M152.2 114.3L162 88.2M162 88.2L161.9 80.7M162 88.2L164.6 81.2M162 88.2L167.1 82.7M152.2 114.3L162.1 88.2M162.1 88.2L161.9 80.7M162.1 88.2L164.7 81.2M162.1 88.2L167.1 82.7M154.1 115.4L172.5 94.5M172.5 94.5L175 87.5M172.5 94.5L177.5 88.9M172.5 94.5L179.2 91.2M155.4 117.1L180.1 104.1M180.1 104.1L184.9 98.5M180.1 104.1L186.7 100.7M180.1 104.1L187.5 103.4M155.4 117.2L180.1 104.2M180.1 104.2L185 98.5M180.1 104.2L186.7 100.7M180.1 104.2L187.5 103.4M156.1 119.3L183.7 115.9M183.7 115.9L190.3 112.3M183.7 115.9L191.2 115M183.7 115.9L191 117.8' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='150' cy='120' r='5.4' fill='%23d9c9a3'/%3E%3Cpath d='M205 260Q215.5 215 210 170' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(0 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(16.4 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(32.7 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(49.1 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(65.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(81.8 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(98.2 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(114.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(130.9 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(147.3 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(163.6 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(180 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(196.4 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(212.7 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(229.1 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(245.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(261.8 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(278.2 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(294.5 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(310.9 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(327.3 210 168)'/%3E%3Cellipse cx='210' cy='153.7' rx='3.4' ry='13' fill='%23ffd21f' transform='rotate(343.6 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(8 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(30.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(53 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(75.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(98 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(120.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(143 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(165.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(188 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(210.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(233 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(255.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(278 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(300.5 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(323 210 168)'/%3E%3Cellipse cx='210' cy='158.3' rx='2.3' ry='8.8' fill='%23ffbf00' transform='rotate(345.5 210 168)'/%3E%3Ccircle cx='210' cy='168' r='7.3' fill='%23f2a900'/%3E%3Cpath d='M255 260Q252.5 230 262 200' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(0 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(16.4 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(32.7 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(49.1 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(65.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(81.8 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(98.2 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(114.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(130.9 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(147.3 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(163.6 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(180 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(196.4 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(212.7 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(229.1 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(245.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(261.8 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(278.2 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(294.5 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(310.9 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(327.3 262 198)'/%3E%3Cellipse cx='262' cy='188.1' rx='2.3' ry='9' fill='%23ffd21f' transform='rotate(343.6 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(8 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(30.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(53 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(75.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(98 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(120.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(143 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(165.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(188 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(210.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(233 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(255.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(278 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(300.5 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(323 262 198)'/%3E%3Cellipse cx='262' cy='191.3' rx='1.6' ry='6.1' fill='%23ffbf00' transform='rotate(345.5 262 198)'/%3E%3Ccircle cx='262' cy='198' r='5' fill='%23f2a900'/%3E%3Cpath d='M28 260Q31 225 22 190' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(0 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(16.4 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(32.7 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(49.1 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(65.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(81.8 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(98.2 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(114.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(130.9 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(147.3 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(163.6 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(180 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(196.4 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(212.7 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(229.1 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(245.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(261.8 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(278.2 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(294.5 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(310.9 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(327.3 22 188)'/%3E%3Cellipse cx='22' cy='179.2' rx='2.1' ry='8' fill='%23ffd21f' transform='rotate(343.6 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(8 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(30.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(53 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(75.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(98 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(120.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(143 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(165.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(188 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(210.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(233 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(255.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(278 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(300.5 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(323 22 188)'/%3E%3Cellipse cx='22' cy='182' rx='1.4' ry='5.4' fill='%23ffbf00' transform='rotate(345.5 22 188)'/%3E%3Ccircle cx='22' cy='188' r='4.5' fill='%23f2a900'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L51 124L50 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='46' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L70 124L72 150' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='76' cy='153' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 66L80 40' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='40' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M73 54L40 76L36 96' stroke='%23f6c9a8' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='36' cy='96' r='4.6' fill='%23f6c9a8'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff5a7e'/%3E%3Cpath d='M47 54L63.7 59.4' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L58.1 63.9' stroke='%23ff5a7e' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23f6c9a8'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23f6c9a8'/%3E%3Cpath d='M43 31c0-11 7-18 17-18s17 7 17 18c-6-6-11-8-17-8s-11 2-17 8z' fill='%23e0a23a'/%3E%3Ccircle cx='40' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='80' cy='30' r='7' fill='%23e0a23a'/%3E%3Ccircle cx='45' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='75' cy='25' r='2.4' fill='%23ffd43b'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='60' cy='37.5' r='3' fill='%23c0392b'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Cpath d='M80 40L96 18' stroke='%235a9e3a' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M98 16L111 16M98 16L110.2 20.4M98 16L108 24.4M98 16L104.5 27.3M98 16L100.3 28.8M98 16L95.7 28.8M98 16L91.5 27.3M98 16L88 24.4M98 16L85.8 20.4M98 16L85 16M98 16L85.8 11.6M98 16L88 7.6M98 16L91.5 4.7M98 16L95.7 3.2M98 16L100.3 3.2M98 16L104.5 4.7M98 16L108 7.6M98 16L110.2 11.6' stroke='%23fff' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='98' cy='16' r='2.6' fill='%23d9c9a3'/%3E%3Cpath d='M122 8l5-4M122 8l6 0M122 8l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M138 20l5-4M138 20l6 0M138 20l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M130 32l5-4M130 32l6 0M130 32l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M152 12l5-4M152 12l6 0M152 12l5 4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 220'%3E%3Cpath d='M150 220L128 209.5L137.9 206.8L111.9 194.5L129 191.8L106 179.5L125.8 176.8L111.9 164.5L129 161.8L128 149.5L137.9 146.8L150 134.5L150 131.8L150 130L150 131.8L150 134.5L153 146.8L155.5 149.5L155.2 161.8L159.5 164.5L156.1 176.8L161 179.5L155.2 191.8L159.5 194.5L153 206.8L155.5 209.5Z' fill='%234f9a36'/%3E%3Cpath d='M60 220L78 211.8L69.9 209.7L91.2 200.2L77.1 198.1L96 188.5L79.8 186.4L91.2 176.8L77.1 174.7L78 165.2L69.9 163.1L60 153.5L60 151.4L60 150L60 151.4L60 153.5L57.5 163.1L55.5 165.2L55.7 174.7L52.2 176.8L55 186.4L51 188.5L55.7 198.1L52.2 200.2L57.5 209.7L55.5 211.8Z' fill='%234f9a36'/%3E%3Cpath d='M170 220Q191 140 180 60' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M187.2 60L220 60M220 60L228.2 56.7M220 60L228.8 60M220 60L228.2 63.3M186.7 62.5L217.4 74.2M217.4 74.2L226.2 74M217.4 74.2L225.6 77.3M217.4 74.2L223.9 80.1M185.4 64.8L210 86.5M210 86.5L218.3 89.4M210 86.5L216.6 92.3M210 86.5L214 94.3M185.4 64.8L209.9 86.5M209.9 86.5L218.2 89.5M209.9 86.5L216.5 92.4M209.9 86.5L213.9 94.4M183.4 66.4L198.6 95.4M198.6 95.4L205.3 101.1M198.6 95.4L202.7 103.2M198.6 95.4L199.5 104.2M180.9 67.1L184.9 99.7M184.9 99.7L189.1 107.4M184.9 99.7L186 108.4M184.9 99.7L182.6 108.2M180.9 67.1L184.8 99.7M184.8 99.7L189 107.4M184.8 99.7L185.9 108.4M184.8 99.7L182.6 108.2M178.3 67L170.5 98.8M170.5 98.8L171.7 107.6M170.5 98.8L168.4 107.4M170.5 98.8L165.3 106M175.9 65.9L157.3 93M157.3 93L155.4 101.5M157.3 93L152.3 100.2M157.3 93L150 97.8M175.9 65.9L157.3 92.9M157.3 92.9L155.3 101.5M157.3 92.9L152.3 100.2M157.3 92.9L149.9 97.8M174.1 64.1L147.1 82.7M147.1 82.7L142.2 90.1M147.1 82.7L139.9 87.8M147.1 82.7L138.5 84.7M173 61.7L141.2 69.6M141.2 69.6L134 74.8M141.2 69.6L132.6 71.8M141.2 69.6L132.5 68.4M173 61.7L141.2 69.6M141.2 69.6L134 74.7M141.2 69.6L132.6 71.7M141.2 69.6L132.4 68.4M172.9 59.1L140.3 55.2M140.3 55.2L131.8 57.5M140.3 55.2L131.6 54.2M140.3 55.2L132.6 51M173.6 56.7L144.6 41.5M144.6 41.5L135.8 40.6M144.6 41.5L136.8 37.4M144.6 41.5L138.8 34.8M173.6 56.7L144.6 41.4M144.6 41.4L135.8 40.5M144.6 41.4L136.8 37.3M144.6 41.4L138.9 34.7M175.2 54.6L153.5 30.1M153.5 30.1L145.6 26.1M153.5 30.1L147.6 23.5M153.5 30.1L150.5 21.8M177.4 53.3L165.8 22.6M165.8 22.6L159.8 16.1M165.8 22.6L162.6 14.4M165.8 22.6L165.9 13.8M177.4 53.3L165.8 22.6M165.8 22.6L159.9 16.1M165.8 22.6L162.7 14.4M165.8 22.6L166 13.8M180 52.8L180 20M180 20L176.7 11.8M180 20L180 11.2M180 20L183.2 11.8M182.5 53.3L194.1 22.6M194.1 22.6L194 13.8M194.1 22.6L197.2 14.3M194.1 22.6L200.1 16.1M182.6 53.3L194.2 22.6M194.2 22.6L194 13.8M194.2 22.6L197.3 14.4M194.2 22.6L200.1 16.1M184.8 54.6L206.5 30M206.5 30L209.5 21.8M206.5 30L212.3 23.4M206.5 30L214.4 26.1M186.4 56.6L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.2M215.4 41.4L224.1 40.4M186.4 56.7L215.4 41.4M215.4 41.4L221.1 34.7M215.4 41.4L223.2 37.3M215.4 41.4L224.2 40.5M187.1 59.1L219.7 55.1M219.7 55.1L227.4 50.9M219.7 55.1L228.4 54.1M219.7 55.1L228.2 57.4' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' opacity='.95'/%3E%3Ccircle cx='180' cy='60' r='6.4' fill='%23d9c9a3'/%3E%3Cpath d='M80 220Q65 180 70 140' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(0 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(16.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(32.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(49.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(65.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(81.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(98.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(114.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(130.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(147.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(163.6 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(180 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(196.4 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(212.7 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(229.1 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(245.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(261.8 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(278.2 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(294.5 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(310.9 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(327.3 70 138)'/%3E%3Cellipse cx='70' cy='124.8' rx='3.1' ry='12' fill='%23ffd21f' transform='rotate(343.6 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(8 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(30.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(53 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(75.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(98 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(120.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(143 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(165.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(188 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(210.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(233 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(255.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(278 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(300.5 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(323 70 138)'/%3E%3Cellipse cx='70' cy='129' rx='2.1' ry='8.2' fill='%23ffbf00' transform='rotate(345.5 70 138)'/%3E%3Ccircle cx='70' cy='138' r='6.7' fill='%23f2a900'/%3E%3Cpath d='M120 220Q123 197.5 118 175' stroke='%235a9e3a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(0 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(16.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(32.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(49.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(65.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(81.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(98.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(114.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(130.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(147.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(163.6 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(180 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(196.4 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(212.7 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(229.1 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(245.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(261.8 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(278.2 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(294.5 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(310.9 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(327.3 118 173)'/%3E%3Cellipse cx='118' cy='164.8' rx='2' ry='7.5' fill='%23ffd21f' transform='rotate(343.6 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(8 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(30.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(53 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(75.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(98 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(120.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(143 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(165.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(188 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(210.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(233 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(255.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(278 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(300.5 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(323 118 173)'/%3E%3Cellipse cx='118' cy='167.4' rx='1.3' ry='5.1' fill='%23ffbf00' transform='rotate(345.5 118 173)'/%3E%3Ccircle cx='118' cy='173' r='4.2' fill='%23f2a900'/%3E%3C/svg%3E"); } }
body.kid-fun.skin--zvoncici { --k1: #5b6ff5; --k2: #f5b301; --k3: #ff5a7e; --k4: #18b3c7; --k5: #9b6bff; --bunting: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 18'%3E%3Cpath d='M0 2.2Q75 5 150 2.2' stroke='%237a6a55' stroke-width='1.4' fill='none'/%3E%3Cpath d='M3 2h24l-12 15z' fill='%235b6ff5'/%3E%3Cpath d='M33 2h24l-12 15z' fill='%23f5b301'/%3E%3Cpath d='M63 2h24l-12 15z' fill='%23ff5a7e'/%3E%3Cpath d='M93 2h24l-12 15z' fill='%2318b3c7'/%3E%3Cpath d='M123 2h24l-12 15z' fill='%239b6bff'/%3E%3C/svg%3E"); }
@media (max-width: 900px) { body.kid-fun.skin--zvoncici .site-nav::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 280'%3E%3Cpath d='M36.5 280Q47.2 190 58 130Q56 197.5 43.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M66.5 280Q65.2 166 58 90Q71 175.5 73.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M146.5 280Q158.8 202 172 150Q168 208.5 153.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M196.5 280Q192 178 180 110Q197 186.5 203.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M246.5 280Q255.6 208 264 160Q264 214 253.5 280Z' fill='%234b8f45'/%3E%3Cpath d='M60 280C60 140 80.8 80 86 80S97.7 78 97.7 88' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='97.7' cy='92' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M97.7 95c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 97.7 94)'/%3E%3Cpath d='M97.7 95c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 97.7 94)'/%3E%3Cpath d='M97.7 95c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 97.7 94)'/%3E%3Cpath d='M95.2 110q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M110 280C110 168 90.8 120 86 120S75.2 118 75.2 128' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='75.2' cy='132' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M75.2 135c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 75.2 134)'/%3E%3Cpath d='M75.2 135c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 75.2 134)'/%3E%3Cpath d='M75.2 135c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 75.2 134)'/%3E%3Cpath d='M72.7 150q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M170 280C170 129.5 187.6 65 192 65S201.9 63 201.9 73' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='201.9' cy='77' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M201.9 80c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 201.9 79)'/%3E%3Cpath d='M201.9 80c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 201.9 79)'/%3E%3Cpath d='M201.9 80c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 201.9 79)'/%3E%3Cpath d='M199.4 95q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M225 280C225 175 209 130 205 130S196 128 196 138' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='196' cy='142' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M196 145c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 196 144)'/%3E%3Cpath d='M196 145c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 196 144)'/%3E%3Cpath d='M196 145c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 196 144)'/%3E%3Cpath d='M193.5 160q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M270 280C270 196 282.8 160 286 160S293.2 158 293.2 168' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='293.2' cy='172' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M293.2 175c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 293.2 174)'/%3E%3Cpath d='M293.2 175c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 293.2 174)'/%3E%3Cpath d='M293.2 175c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 293.2 174)'/%3E%3Cpath d='M290.7 190q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 160'%3E%3Cg transform='translate(0 0) scale(1.0)'%3E%3Cpath d='M54 92L44 118L30 140' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='26' cy='143' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M66 92L80 110L90 128' stroke='%234aa8ff' stroke-width='10' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='94' cy='131' rx='8' ry='4.5' fill='%232e2a3a'/%3E%3Cpath d='M47 54L84 72L96 62' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='62' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M73 54L36 66L26 80' stroke='%23c98a5e' stroke-width='7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='80' r='4.6' fill='%23c98a5e'/%3E%3Cpath d='M46 50q14-6 28 0l3 44q-17 5-34 0z' fill='%23ff8f3a'/%3E%3Cpath d='M47 54L63.7 62.1' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M73 54L56.3 59.4' stroke='%23ff8f3a' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M53 70h14' stroke='%23fff' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3Crect x='56' y='42' width='8' height='9' rx='3' fill='%23c98a5e'/%3E%3Ccircle cx='60' cy='31' r='16' fill='%23c98a5e'/%3E%3Cpath d='M43 30a17 17 0 0 1 34 0c-4-7-10-9-17-9s-13 2-17 9z' fill='%231f1a17'/%3E%3Cpath d='M44 28c2-10 8-14 16-14s14 4 16 14c-6-5-10-6-16-6s-10 1-16 6z' fill='%231f1a17'/%3E%3Ccircle cx='54' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Ccircle cx='66' cy='30' r='1.9' fill='%232e2a3a'/%3E%3Cpath d='M54 36q6 6 12 0' stroke='%237a2e1f' stroke-width='2' fill='%23fff' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3Ccircle cx='70' cy='35' r='2.6' fill='%23ff8fa3' opacity='.6'/%3E%3C/g%3E%3Cg transform='translate(160 132)'%3E%3Ccircle r='16' fill='%234aa8ff'/%3E%3Cpath d='M0 0L0 -16A16 16 0 0 1 13.9 8z' fill='%23ffd43b'/%3E%3Cpath d='M0 0L13.9 8A16 16 0 0 1 -13.9 8z' fill='%23ff5a7e'/%3E%3Ccircle r='3.2' fill='%23fff'/%3E%3Ccircle cx='-6' cy='-7' r='3' fill='%23fff' opacity='.5'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath d='M56.5 240Q53.6 156 44 100Q59 163 63.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M126.5 240Q135.6 138 144 70Q144 146.5 133.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M186.5 240Q185.2 174 178 130Q191 179.5 193.5 240Z' fill='%234b8f45'/%3E%3Cpath d='M80 240C80 121 62.4 70 58 70S48.1 68 48.1 78' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='48.1' cy='82' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M48.1 85c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 48.1 84)'/%3E%3Cpath d='M48.1 85c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 48.1 84)'/%3E%3Cpath d='M48.1 85c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 48.1 84)'/%3E%3Cpath d='M45.6 100q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M140 240C140 142 156 100 160 100S169 98 169 108' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='169' cy='112' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M169 115c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 169 114)'/%3E%3Cpath d='M169 115c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 169 114)'/%3E%3Cpath d='M169 115c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 169 114)'/%3E%3Cpath d='M166.5 130q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3Cpath d='M195 240C195 163 182.2 130 179 130S171.8 128 171.8 138' stroke='%233f7d3a' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='171.8' cy='142' rx='3.4' ry='4.6' fill='%235fa04a'/%3E%3Cpath d='M171.8 145c-12 6 -13 18 -4.2 26c8.1 -8 2.2 -20 4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(14 171.8 144)'/%3E%3Cpath d='M171.8 145c2 6 1 18 4.2 26c3.9 -8 7.8 -20 -4.2 -26z' fill='%23f4f7f2' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(-14 171.8 144)'/%3E%3Cpath d='M171.8 145c-5 6 -6 18 0 26c6 -8 5 -20 0 -26z' fill='%23ffffff' stroke='%23d7e2d3' stroke-width='.6' transform='rotate(0 171.8 144)'/%3E%3Cpath d='M169.3 160q2.5 3 5 0' stroke='%237cbf5c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); } }

/* ============================================================ VRTIĆKE TEME (Zvončići, Maslačak) — MODERNI DJEČJI STIL SREDINE STRANICE (uz razigrani paket)
   trake sekcija s valovima i oblacima · šarene kartice (--cc po kartici) · nadnaslov-pill sa zvončićem · noćno nebo za radno vrijeme */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) { --scallop: radial-gradient(circle at 50% 100%, #000 15px, transparent 16px) top / 32px 16px repeat-x; }

/* naizmjenične pastelne trake: valoviti (oblačasti) gornji i donji rub, oblaci u kutovima */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .site-main > section.section:nth-of-type(even) {
    position: relative;
    background: color-mix(in srgb, var(--k4) 9%, var(--paper));
    background-image: radial-gradient(color-mix(in srgb, var(--k1) 12%, transparent) 1.6px, transparent 1.7px);
    background-size: 26px 26px;
    padding-block: clamp(4.4rem, 10vh, 6.5rem);
    -webkit-mask: var(--scallop), linear-gradient(#000 0 0) center / 100% calc(100% - 30px) no-repeat, radial-gradient(circle at 50% 0, #000 15px, transparent 16px) bottom / 32px 16px repeat-x;
    mask: var(--scallop), linear-gradient(#000 0 0) center / 100% calc(100% - 30px) no-repeat, radial-gradient(circle at 50% 0, #000 15px, transparent 16px) bottom / 32px 16px repeat-x;
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .site-main > section.section:nth-of-type(even)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='62' cy='62' r='30'/%3E%3Ccircle cx='102' cy='44' r='38'/%3E%3Ccircle cx='146' cy='64' r='26'/%3E%3Crect x='28' y='62' width='150' height='32' rx='16'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 4% top 26px / clamp(90px, 10vw, 150px) auto, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='62' cy='62' r='30'/%3E%3Ccircle cx='102' cy='44' r='38'/%3E%3Ccircle cx='146' cy='64' r='26'/%3E%3Crect x='28' y='62' width='150' height='32' rx='16'/%3E%3C/g%3E%3C/svg%3E") no-repeat left 2% bottom 30px / clamp(70px, 7vw, 110px) auto;
    opacity: 0.9;
    animation: zv-float 9s ease-in-out infinite alternate;
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .site-main > section.section:nth-of-type(even) > * { position: relative; }
@keyframes zv-float { to { background-position: right 6% top 18px, left 4% bottom 38px; } }

/* nadnaslov: šareni pill sa zvončićem koji se njiše · naslov deblji */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.32rem 0.85rem 0.32rem 0.6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--k1) 14%, #fff);
    color: color-mix(in srgb, var(--k1) 75%, #000);
    letter-spacing: 0.12em;
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .section-kicker::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2c-3.4 0-6 2.7-6 6.1v3.9l-1.9 3.1h15.8L18 13.2V9.3c0-3.4-2.6-6.1-6-6.1z' fill='%23ffd166'/%3E%3Ccircle cx='12' cy='19.3' r='2.1' fill='%23ffd166'/%3E%3Cpath d='M12 1.2v2' stroke='%237cbf5c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
    transform-origin: 50% 0;
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .section-title { font-weight: 800; }
/* gumb u zaglavlju sekcije („Sve novosti →”): šareni gradijent s „3D” rubom */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .section-head .btn {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--k1) 75%, #fff), var(--k1));
    color: #fff;
    font-weight: 800;
    box-shadow: 0 5px 0 -1px color-mix(in srgb, var(--k1) 55%, #000);
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .section-head .btn:hover { color: #fff; box-shadow: 0 8px 0 -1px color-mix(in srgb, var(--k1) 55%, #000); }

/* kartice: svaka u svojoj boji (--cc), bez isprekidanog ruba, „3D” sjena, slika s oblačastim donjim rubom */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) :is(.news-card, .ev-home-card, .news-item):nth-child(5n+1) { --cc: var(--k1); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) :is(.news-card, .ev-home-card, .news-item):nth-child(5n+2) { --cc: var(--k3); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) :is(.news-card, .ev-home-card, .news-item):nth-child(5n+3) { --cc: var(--k4); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) :is(.news-card, .ev-home-card, .news-item):nth-child(5n+4) { --cc: var(--k5); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) :is(.news-card, .ev-home-card, .news-item):nth-child(5n)   { --cc: var(--k2); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-card {
    border: 0;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 9px 0 -3px color-mix(in srgb, var(--cc) 45%, #fff), 0 18px 34px -18px color-mix(in srgb, var(--cc) 60%, #000);
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-card:hover { box-shadow: 0 13px 0 -3px color-mix(in srgb, var(--cc) 55%, #fff), 0 26px 40px -18px color-mix(in srgb, var(--cc) 60%, #000); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-card-media {
    border-radius: 0;
    -webkit-mask: linear-gradient(#000 0 0) top / 100% calc(100% - 15px) no-repeat, radial-gradient(circle at 50% 0, #000 15px, transparent 16px) bottom / 32px 16px repeat-x;
    mask: linear-gradient(#000 0 0) top / 100% calc(100% - 15px) no-repeat, radial-gradient(circle at 50% 0, #000 15px, transparent 16px) bottom / 32px 16px repeat-x;
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-card-date {
    display: inline-block;
    align-self: flex-start;
    width: fit-content;
    padding: 0.18rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cc) 14%, #fff);
    color: color-mix(in srgb, var(--cc) 70%, #000);
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-card-title { font-weight: 800; }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-card-more {
    align-self: flex-start;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    background: var(--cc);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 4px 0 -1px color-mix(in srgb, var(--cc) 55%, #000);
}
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-card:hover .news-card-more { transform: translateY(-2px) rotate(-2deg); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .cat-badge { box-shadow: 0 3px 0 -1px rgb(0 0 0 / 0.2); }
/* istaknuta novost: pomaknuta žuta sjena kao naljepnica */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-feature { border-radius: 32px; box-shadow: 12px 12px 0 var(--k2); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-feature :is(.news-feature-link, .news-feature-media) { border-radius: 32px; }
/* kompaktne novosti (popis uz istaknutu): zaobljene, obojeni lijevi rub */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-item { border-radius: 22px; border-left: 6px solid var(--cc); background: #fff; }
/* događanja na naslovnici */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-home-card { border-radius: 26px; border: 0; box-shadow: 0 8px 0 -3px color-mix(in srgb, var(--cc) 45%, #fff), 0 16px 30px -18px color-mix(in srgb, var(--cc) 60%, #000); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-home-card .ev-datebox, body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-card .ev-datebox { background: var(--cc, var(--k1)); border-radius: 18px; rotate: -4deg; }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-home-card .ev-mon, body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-card .ev-mon { color: #fff; opacity: 0.85; }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-list .ev-card:nth-child(5n+1) { --cc: var(--k1); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-list .ev-card:nth-child(5n+2) { --cc: var(--k3); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-list .ev-card:nth-child(5n+3) { --cc: var(--k4); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-list .ev-card:nth-child(5n+4) { --cc: var(--k5); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-list .ev-card:nth-child(5n)   { --cc: var(--k2); }
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .ev-card { border-radius: 26px; border: 0; }

/* radno vrijeme: noćno nebo sa zvjezdicama i mjesecom */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .hours-panel {
    position: relative;
    border-radius: 40px;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M52 8a32 32 0 1 0 20 50A26 26 0 0 1 52 8z' fill='%23fff6cf'/%3E%3Ccircle cx='40' cy='44' r='4' fill='%23f1e3a8'/%3E%3Ccircle cx='30' cy='28' r='3' fill='%23f1e3a8'/%3E%3C/svg%3E") no-repeat right 4% top 18px / 70px 70px,
        radial-gradient(circle at 12% 20%, #fff 0 1.4px, transparent 2px) 0 0 / 120px 120px,
        radial-gradient(circle at 70% 60%, #ffe9a8 0 1.6px, transparent 2.4px) 0 0 / 160px 160px,
        radial-gradient(circle at 40% 85%, #fff 0 1.1px, transparent 1.8px) 0 0 / 90px 90px,
        linear-gradient(160deg, color-mix(in srgb, var(--k1) 85%, #000), color-mix(in srgb, #2a1e6b 90%, var(--pine-950)));
    box-shadow: 0 0 0 8px #fff, 0 0 0 14px color-mix(in srgb, var(--k1) 25%, #fff), 0 30px 50px -24px color-mix(in srgb, var(--k1) 70%, #000);
}
/* podnožje: zvjezdano nebo ispod livade */
body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .site-footer {
    background:
        radial-gradient(circle at 15% 30%, #fff 0 1.2px, transparent 1.8px) 0 0 / 110px 110px,
        radial-gradient(circle at 65% 70%, #ffe9a8 0 1.4px, transparent 2.2px) 0 0 / 150px 150px,
        linear-gradient(180deg, var(--pine-900), var(--pine-950));
}
@media (max-width: 760px) {
    body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .site-main > section.section:nth-of-type(even)::before { background-size: 80px auto, 60px auto; }
    body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .news-feature { box-shadow: 7px 7px 0 var(--k2); }
    body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .hours-panel { border-radius: 28px; box-shadow: 0 0 0 5px #fff, 0 0 0 9px color-mix(in srgb, var(--k1) 25%, #fff); }
}
@media (prefers-reduced-motion: reduce) {
    body.kid-fun:is(.skin--zvoncici, .skin--maslacak) .site-main > section.section:nth-of-type(even)::before { animation: none; }
}

/* --- Maslačak: sunčana varijanta istih elemenata --- */
body.kid-fun.skin--maslacak .section-kicker::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23ffd21f'%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(0 12 12)'/%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(45 12 12)'/%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(90 12 12)'/%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(135 12 12)'/%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(180 12 12)'/%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(225 12 12)'/%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(270 12 12)'/%3E%3Cellipse cx='12' cy='6.2' rx='2.6' ry='4.4' transform='rotate(315 12 12)'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='3.4' fill='%23f29a00'/%3E%3C/svg%3E"); }
body.kid-fun.skin--maslacak .site-main > section.section:nth-of-type(even) { background-color: color-mix(in srgb, var(--k2) 10%, var(--paper)); }
body.kid-fun.skin--maslacak .hours-panel {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg stroke='%23ffd21f' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M45 6v12' transform='rotate(0 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(30 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(60 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(90 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(120 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(150 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(180 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(210 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(240 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(270 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(300 45 45)'/%3E%3Cpath d='M45 6v12' transform='rotate(330 45 45)'/%3E%3C/g%3E%3Ccircle cx='45' cy='45' r='20' fill='%23ffd21f'/%3E%3Ccircle cx='39' cy='42' r='2.4' fill='%237a4a00'/%3E%3Ccircle cx='51' cy='42' r='2.4' fill='%237a4a00'/%3E%3Cpath d='M38 50q7 7 14 0' stroke='%237a4a00' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 3% top 12px / 84px 84px,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='62' cy='62' r='30'/%3E%3Ccircle cx='102' cy='44' r='38'/%3E%3Ccircle cx='146' cy='64' r='26'/%3E%3Crect x='28' y='62' width='150' height='32' rx='16'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 14% bottom 18px / 120px auto,
        linear-gradient(160deg, color-mix(in srgb, #1b6fc4 88%, var(--green)), color-mix(in srgb, #2f8fe0 85%, var(--green)) 65%, color-mix(in srgb, #3c9be6 80%, var(--k2)));
    box-shadow: 0 0 0 8px #fff, 0 0 0 14px color-mix(in srgb, var(--k2) 30%, #fff), 0 30px 50px -24px color-mix(in srgb, var(--k2) 70%, #000);
}
body.kid-fun.skin--maslacak .hours-panel .section-title { color: #fff; text-decoration-color: var(--yellow); }
body.kid-fun.skin--maslacak .site-footer {
    background:
        radial-gradient(circle at 15% 30%, color-mix(in srgb, #ffd21f 80%, transparent) 0 2.4px, transparent 3px) 0 0 / 120px 120px,
        radial-gradient(circle at 65% 70%, color-mix(in srgb, #fff 70%, transparent) 0 1.6px, transparent 2.4px) 0 0 / 150px 150px,
        linear-gradient(180deg, var(--pine-900), var(--pine-950));
}

/* ============================================================ WOW DORADA VRTIĆKIH HEROJA
   naslov-naljepnica (svaka riječ svoja boja, „3D” sjena, poskakivanje) · Zvončići: sumrak u bojama teme + brežuljci na kojima djeca stoje */
.hero--kid .hero-title { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.01em; font-size: clamp(2.8rem, 7.4vw, 5.8rem); line-height: 1.02; }
.hero--kid .hero-word { text-shadow: 0 5px 0 color-mix(in srgb, var(--pine-950) 40%, transparent), 0 12px 22px color-mix(in srgb, var(--pine-950) 30%, transparent); }
.hero--kid .hero-word-mask:nth-child(4n+2) .hero-word { color: var(--yellow); }
.hero--kid .hero-word-mask:nth-child(4n+3) .hero-word { color: #ffb3c9; }
.hero--kid .hero-word-mask:nth-child(4n+4) .hero-word { color: #b8f0d8; }
.hero--kid .hero-word-mask { padding-bottom: 0.3em; margin-bottom: -0.3em; animation: kid-word-bob 3.2s ease-in-out infinite; }
.hero--kid .hero-word-mask:nth-child(2n) { animation-delay: -1.6s; }
@keyframes kid-word-bob { 0%, 100% { translate: 0 0; rotate: -1.2deg; } 50% { translate: 0 -5px; rotate: 1.2deg; } }
.hero--kid .hero-title:hover .hero-word-mask { animation-duration: 0.9s; }

/* Zvončići: sumračno nebo iz boja teme (umjesto fiksne tamnozelene) */
body .hero.hero--l-zvoncici {
    background:
        radial-gradient(70% 60% at 78% 18%, color-mix(in srgb, var(--yellow) 22%, transparent), transparent 60%),
        linear-gradient(180deg, color-mix(in srgb, var(--green) 55%, var(--pine-950)) 0%, var(--green) 55%, color-mix(in srgb, var(--green) 55%, #e9d8ff) 100%);
}
/* brežuljci: dva sloja ispred okvira slika — djeca i visibabe stoje na tlu (element svjetlosti je tu slobodan; JS ga pomiče inline transformom) */
.hero.hero--l-zvoncici .hero-spotlight {
    display: block;
    inset: auto 0 0 0;
    top: auto;
    left: 0;
    width: auto;
    height: clamp(110px, 17vw, 210px);
    border-radius: 0;
    opacity: 1 !important;
    transform: none !important;
    z-index: 3;
    background:
        radial-gradient(34% 62% at 12% 100%, color-mix(in srgb, #8fd06a 82%, var(--green)) 98%, transparent 100%),
        radial-gradient(30% 50% at 52% 100%, color-mix(in srgb, #7cbf5c 82%, var(--green)) 98%, transparent 100%),
        radial-gradient(38% 72% at 90% 100%, color-mix(in srgb, #6bb44e 82%, var(--green)) 98%, transparent 100%),
        radial-gradient(42% 100% at 32% 118%, color-mix(in srgb, #5fa04a 85%, var(--green)) 98%, transparent 100%),
        radial-gradient(46% 100% at 72% 122%, color-mix(in srgb, #4b8f45 85%, var(--green)) 98%, transparent 100%);
}
body .hero.hero--l-zvoncici::before { width: clamp(150px, 17vw, 240px); bottom: 34px; }
.hero.hero--l-zvoncici .hero-bg::after { width: clamp(90px, 10vw, 150px); bottom: 44px; }
body .hero.hero--l-zvoncici::after { width: clamp(160px, 20vw, 290px); bottom: 34px; }
.hero--l-zvoncici .hero-grain { background-position: left -6px bottom 30px, right 2% bottom 30px; }
@media (max-width: 980px) {
    body .hero.hero--l-zvoncici::before { width: 104px; bottom: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero--kid .hero-word-mask { animation: none; }
}

/* ============================================================ HERO „RUDARSKI KRAJ” (vrtićki; osnova Maslačak + scena: rijeka, rudarski toranj, njihalke, spomen-kuća)
   scena je zaseban <span class="hero-scene"> u .hero-bg (samo uz ovaj izgled) — svaki dio ima svoju animaciju */
.hero-scene { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.hero-scene > span { position: absolute; display: block; background: no-repeat center bottom / contain; }
/* rijeka: valovita obala, svjetlucanje koje teče */
.hero-scene > .hs-river {
    left: 0; right: 0; bottom: 0;
    height: clamp(64px, 9vw, 120px);
    background:
        repeating-linear-gradient(100deg, transparent 0 46px, rgb(255 255 255 / 0.55) 46px 70px, transparent 70px 140px) 0 18px / 280px 4px repeat-x,
        repeating-linear-gradient(100deg, transparent 0 90px, rgb(255 255 255 / 0.4) 90px 120px, transparent 120px 210px) 60px 44px / 420px 3px repeat-x,
        repeating-linear-gradient(100deg, transparent 0 30px, rgb(255 255 255 / 0.45) 30px 46px, transparent 46px 100px) 30px 70px / 200px 3px repeat-x,
        linear-gradient(180deg, color-mix(in srgb, #4fb3ef 90%, var(--green)), color-mix(in srgb, #1f78c8 90%, var(--green)));
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40'%3E%3Cpath d='M0 14C150 0 300 28 450 14S750 0 900 14 1100 26 1200 12V40H0z'/%3E%3C/svg%3E") top / 100% 34px no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - 33px) no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40'%3E%3Cpath d='M0 14C150 0 300 28 450 14S750 0 900 14 1100 26 1200 12V40H0z'/%3E%3C/svg%3E") top / 100% 34px no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - 33px) no-repeat;
    animation: hs-flow 9s linear infinite;
}
@keyframes hs-flow { to { background-position: 280px 18px, 480px 44px, 230px 70px, 0 0; } }
/* rudarski toranj + kotač koji se vrti */
.hero-scene > .hs-tower {
    right: 33%; bottom: clamp(50px, 7vw, 92px);
    width: clamp(90px, 11vw, 150px); aspect-ratio: 140 / 210;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 210'%3E%3Crect x='0' y='176' width='54' height='34' rx='3' fill='%23c9563c'/%3E%3Cpath d='M-2 178h58l-6-12H4z' fill='%237a3b2a'/%3E%3Crect x='10' y='186' width='10' height='10' rx='2' fill='%23ffe9a8'/%3E%3Crect x='30' y='186' width='10' height='10' rx='2' fill='%23ffe9a8'/%3E%3Cpath d='M40 210L50 40M80 210L70 40' stroke='%234a3a33' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M42 200L78 180M78 200L42 180M42.8 180L77.2 160M77.2 180L42.8 160M43.6 160L76.4 140M76.4 160L43.6 140M44.4 140L75.6 120M75.6 140L44.4 120M45.2 120L74.8 100M74.8 120L45.2 100M46 100L74 80M74 100L46 80M46.8 80L73.2 60M73.2 80L46.8 60M47.6 60L72.4 40M72.4 60L47.6 40' stroke='%234a3a33' stroke-width='2.2'/%3E%3Cpath d='M128 210L74 66' stroke='%234a3a33' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M118 210L84 120' stroke='%234a3a33' stroke-width='2.4'/%3E%3Crect x='40' y='34' width='40' height='8' rx='2' fill='%23f2a413'/%3E%3Cpath d='M60 34v-6' stroke='%234a3a33' stroke-width='4'/%3E%3Cpath d='M60 46v140' stroke='%23a99a8c' stroke-width='1.4' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}
.hs-wheel {
    position: absolute; left: 50%; top: -1%;
    width: 44%; aspect-ratio: 1; translate: -50% 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='25' fill='none' stroke='%234a3a33' stroke-width='5'/%3E%3Ccircle cx='30' cy='30' r='25' fill='none' stroke='%23f2a413' stroke-width='2' stroke-dasharray='6 6'/%3E%3Cpath d='M30 30L54 30M30 30L47 47M30 30L30 54M30 30L13 47M30 30L6 30M30 30L13 13M30 30L30 6M30 30L47 13' stroke='%234a3a33' stroke-width='2.6'/%3E%3Ccircle cx='30' cy='30' r='6' fill='%23f2a413' stroke='%234a3a33' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat center / contain;
    animation: hs-spin 6s linear infinite;
}
@keyframes hs-spin { to { rotate: 360deg; } }
/* njihalke: greda kima oko vrha stupa */
.hero-scene > .hs-pump { width: clamp(90px, 10vw, 140px); aspect-ratio: 140 / 100; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 100'%3E%3Crect x='6' y='90' width='128' height='8' rx='3' fill='%234a3a33'/%3E%3Cpath d='M58 92L70 40L82 92' stroke='%234a3a33' stroke-width='6' fill='none' stroke-linejoin='round'/%3E%3Crect x='100' y='70' width='26' height='20' rx='3' fill='%234a3a33'/%3E%3Ccircle cx='112' cy='64' r='12' fill='%23f2a413' stroke='%234a3a33' stroke-width='3'/%3E%3Cpath d='M20 90V60' stroke='%234a3a33' stroke-width='3'/%3E%3C/svg%3E"); }
.hero-scene > .hs-pump--a { right: 4%; bottom: clamp(48px, 6.6vw, 86px); }
.hero-scene > .hs-pump--b { left: 23%; bottom: clamp(50px, 7vw, 90px); width: clamp(70px, 7.5vw, 105px); }
.hs-pump--b .hs-beam { animation-delay: -1.4s; }
.hs-beam {
    position: absolute; left: 0; top: 20%;
    width: 100%; height: 40%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 40'%3E%3Crect x='16' y='16' width='104' height='9' rx='3' fill='%23f2a413' stroke='%234a3a33' stroke-width='2.4'/%3E%3Cpath d='M18 10c-12 0-16 10-12 20s12 6 14 0z' fill='%23ff5d8f' stroke='%234a3a33' stroke-width='2.4'/%3E%3Ccircle cx='70' cy='20.5' r='4.5' fill='%234a3a33'/%3E%3Cpath d='M112 24v12' stroke='%234a3a33' stroke-width='3'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
    transform-origin: 50% 51%;
    animation: hs-nod 2.8s ease-in-out infinite;
}
@keyframes hs-nod { 0%, 100% { rotate: 13deg; } 50% { rotate: -13deg; } }
/* spomen-kuća */
.hero-scene > .hs-house { left: 1.5%; bottom: clamp(48px, 6.6vw, 86px); width: clamp(120px, 12vw, 180px); aspect-ratio: 170 / 130; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 130'%3E%3Cpath d='M8 62L85 10l77 52z' fill='%238a4a2a'/%3E%3Cpath d='M8 62L85 10l77 52' stroke='%235e2f19' stroke-width='3' fill='none' stroke-linejoin='round'/%3E%3Cpath d='M30 50L85 14l55 36' stroke='%23a8603a' stroke-width='2'/%3E%3Crect x='118' y='18' width='12' height='26' fill='%23c9563c'/%3E%3Crect x='20' y='60' width='130' height='64' fill='%23fffaf0' stroke='%235e2f19' stroke-width='2.4'/%3E%3Cpath d='M20 74h130M20 110h130' stroke='%23c08a5a' stroke-width='3'/%3E%3Crect x='72' y='80' width='26' height='44' rx='3' fill='%237a4a2a'/%3E%3Ccircle cx='93' cy='103' r='2' fill='%23f2a413'/%3E%3Crect x='32' y='82' width='24' height='20' rx='2' fill='%239fd3f5' stroke='%235e2f19' stroke-width='2'/%3E%3Cpath d='M44 82v20M32 92h24' stroke='%235e2f19' stroke-width='1.6'/%3E%3Crect x='114' y='82' width='24' height='20' rx='2' fill='%239fd3f5' stroke='%235e2f19' stroke-width='2'/%3E%3Cpath d='M126 82v20M114 92h24' stroke='%235e2f19' stroke-width='1.6'/%3E%3Cg fill='%23ff5d8f'%3E%3Ccircle cx='36' cy='104' r='3'/%3E%3Ccircle cx='44' cy='105' r='3'/%3E%3Ccircle cx='52' cy='104' r='3'/%3E%3Ccircle cx='118' cy='104' r='3'/%3E%3Ccircle cx='126' cy='105' r='3'/%3E%3Ccircle cx='134' cy='104' r='3'/%3E%3C/g%3E%3Ccircle cx='85' cy='40' r='11' fill='%23fffaf0' stroke='%235e2f19' stroke-width='2'/%3E%3Cpath d='M79 46l12-12M91 46L79 34' stroke='%234a3a33' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M88 32l5 5M76 33l6 0' stroke='%234a3a33' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); filter: drop-shadow(0 6px 6px rgb(0 0 0 / 0.18)); }

/* djeca i biljke stoje na obali iznad rijeke */
.hero.hero--l-rudarski .hero-grain { background-position: left calc(1.5% + clamp(120px, 12vw, 180px)) bottom clamp(40px, 6vw, 80px), right 18% bottom clamp(40px, 6vw, 80px); }
body .hero.hero--l-rudarski::before { left: 40%; bottom: clamp(50px, 7vw, 92px); }
.hero.hero--l-rudarski .hero-bg::after { right: 22%; bottom: clamp(52px, 7.2vw, 96px); }
body .hero.hero--l-rudarski::after { right: 9%; bottom: clamp(50px, 7vw, 92px); width: clamp(130px, 15vw, 220px); }

@media (max-width: 980px) {
    .hero-scene > :is(.hs-tower, .hs-pump--b) { display: none; }
    .hero-scene > .hs-house { width: 96px; }
    .hero-scene > .hs-pump--a { width: 80px; right: 3%; }
    body .hero.hero--l-rudarski::before { left: 30%; right: auto; bottom: 46px; }
}
@media (prefers-reduced-motion: reduce) {
    .hs-river, .hs-wheel, .hs-beam { animation: none; }
}

/* Maslačak: šarene riječi naslova na svijetlom nebu — tamniji obrub i sjena radi čitljivosti */
.hero--kid.hero--l-maslacak .hero-word { -webkit-text-stroke: 1.5px color-mix(in srgb, var(--pine-950) 45%, transparent); text-shadow: 0 5px 0 color-mix(in srgb, var(--pine-950) 55%, transparent), 0 0 24px color-mix(in srgb, var(--pine-950) 30%, transparent); }

/* Slider → Tekstovi: naslov u jednom redu (samo računalo) — naslov dobiva cijeli redak (kartica obavijesti ide ispod), slova se skaliraju sa širinom */
@media (min-width: 981px) {
    body .hero.hero--title1 .hero-inner { grid-template-columns: minmax(0, 1fr); }
    .hero--title1 .hero-main { max-width: none; }
    .hero.hero--title1 :is(.hero-title, .hs-title) { white-space: nowrap; font-size: clamp(1.8rem, 3.9vw, 4.6rem); }
    .hero.hero--title1 .hero-notices { max-width: 560px; }
}

/* Slider → Prikaz: mirna (fiksna) slika — bez Ken Burns zumiranja slidera/foto-zida i bez paralakse za mišem
   (paralaksu piše JS inline transformom — !important je nadjačava bez diranja skripte) */
.hero--still:not(.hero--kid) .hs-bg { transform: none !important; transition: opacity 1.1s ease; will-change: opacity; }
.hero--still .hw-cell img { animation: none !important; transform: none; }
.hero--still .hw-grid--strips .hw-cell img { transform: skewX(8deg) scale(1.28); }
.hero--still [data-parallax] { transform: none !important; }

/* vrtićki izgled u načinu Slider: zajednički gumbi heroja ispod teksta slidea */
.hero-actions--slider { position: relative; z-index: 3; margin-top: 1.6rem; }

/* ---- blok Tablica: uvijek uredno ----
   telefon i e-mail se ne lome · zaglavlje poravnato s ćelijama i u stilu „Kartica” · istaknuti redak s razmakom ·
   mobitel: svaki redak postaje kartica s nazivom stupca uz vrijednost (data-label), prazne ćelije se skrivaju */
.pb-table a[href^="tel:"], .pb-table a[href^="mailto:"] { white-space: nowrap; }
.pb-table td { overflow-wrap: break-word; }
.pb-tablewrap--card .pb-table th + th { padding-left: 1rem; }
.pb-tablewrap--card .pb-table tbody tr.pb-tr-main td { padding-inline: 0.9rem; }
.pb-tablewrap--card .pb-table tbody tr.pb-tr-main td:first-child { border-radius: 10px 0 0 10px; }
.pb-tablewrap--card .pb-table tbody tr.pb-tr-main td:last-child { border-radius: 0 10px 10px 0; }
@media (max-width: 640px) {
    .pb-tablewrap { overflow-x: visible; }
    .pb-tablewrap .pb-table, .pb-tablewrap .pb-table tbody { display: block; width: 100%; }
    .pb-tablewrap .pb-table thead { display: none; }
    .pb-tablewrap .pb-table tbody tr { display: block; padding: 0.75rem 0; border-bottom: 1px solid var(--line-soft); background: transparent; }
    .pb-tablewrap .pb-table tbody tr:last-child { border-bottom: 0; }
    .pb-tablewrap .pb-table td {
        display: flex;
        gap: 0.75rem;
        padding: 0.2rem 0 !important;
        border: 0 !important;
        background: transparent !important;
        min-width: 0;
    }
    .pb-tablewrap .pb-table td[data-label]::before {
        content: attr(data-label);
        flex: none;
        width: 6.5rem;
        padding-top: 0.15em;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--ink-faint);
    }
    .pb-tablewrap .pb-table td.pb-td-first { width: auto; font-weight: 700; color: var(--ink); font-size: 1rem; margin-bottom: 0.15rem; }
    .pb-tablewrap .pb-table td.pb-td-first::before { display: none; }
    .pb-tablewrap .pb-table td.pb-td-empty { display: none; }
    .pb-tablewrap .pb-table td a { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
    .pb-tablewrap .pb-table tbody tr.pb-tr-main { margin: 0.4rem 0; padding: 0.6rem 0.8rem; border-radius: 12px; border-bottom: 0; background: color-mix(in srgb, var(--green) 12%, var(--card)); }
    .pb-tablewrap .pb-table tbody tr.pb-tr-main td:not(.pb-td-first) { display: none; }
}

/* e-mail adrese (email_display): domena se ne lomi na crticama — prijelom samo iza „@” */
.nowrap-mail { white-space: nowrap; }