/* Čarobna poruka: jedan CSS, bez biblioteka. Svijetlo = zimsko jutro (pergament), tamno = zvjezdana noć (auto). */
@font-face{font-family:"Dancing";src:url(/assets/fonts/dancing-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito-extrabold.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --noc1:#0f1a3a;--noc2:#1b2a5c;--noc3:#2b1f5e;
  --zlato:#f2c14e;--zlato2:#b8860b;--zlato3:#fff3c4;
  --krem:#f6efe4;--crvena:#b3261e;--zelena:#2e7d32;
  --bg:#f6efe4;--bg2:#fdfaf4;--tekst:#1b2448;--tekst2:#4a5275;--kartica:#ffffff;
  --rub:rgba(27,36,72,.12);--sjena:0 12px 32px rgba(27,36,72,.12);--sjena2:0 2px 8px rgba(27,36,72,.08);
  --naslov:#1b2448;--link:#8a5a00;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#0f1a3a;--bg2:#15224a;--tekst:#f3eee4;--tekst2:#c6cce4;--kartica:#1a2652;--rub:rgba(246,239,228,.14);
    --sjena:0 12px 32px rgba(0,0,0,.45);--sjena2:0 2px 8px rgba(0,0,0,.3);--naslov:#fff3c4;--link:#f2c14e}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tekst);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--link)}
h1,h2,h3,h4,.btn,.pod-naslov,.korak-br,.cijena-iznos{font-family:"Nunito",system-ui,sans-serif;font-weight:800;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5.2vw,3.6rem);margin:0 0 .6em;color:inherit}
h2{font-size:clamp(1.6rem,3.6vw,2.4rem);margin:0 0 .6em;color:var(--naslov)}
h3{font-size:1.25rem;margin:0 0 .4em;color:var(--naslov)}
p{margin:0 0 1em}
.sadrzaj{max-width:1120px;margin:0 auto;padding:0 16px}
.uzak{max-width:760px}
.sredina{text-align:center}
.rukopis{font-family:"Dancing",cursive;font-weight:700}
.zlato{background:linear-gradient(100deg,#c99a2e 0%,#f2c14e 30%,#fff3c4 50%,#f2c14e 70%,#c99a2e 100%);background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:sjaj 5s linear infinite}
@keyframes sjaj{to{background-position:200% center}}
.preskoci{position:absolute;left:-999px;top:0;background:var(--zlato);color:#000;padding:.5rem 1rem;z-index:99}
.preskoci:focus{left:8px;top:8px}
.sitno{font-size:.85rem;color:var(--tekst2)}
.nadnaslov{font-family:"Nunito",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--zlato);margin:0 0 .8em}

/* gumbi */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.7rem;border-radius:999px;font-size:1.02rem;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.btn-zlato{background:linear-gradient(135deg,#f9dd7e 0%,#f2c14e 45%,#d19a1f 100%);color:#2a1a00;box-shadow:0 10px 26px rgba(242,193,78,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-zlato:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(242,193,78,.5),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-staklo{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.38);backdrop-filter:blur(6px)}
.btn-staklo:hover{background:rgba(255,255,255,.2)}
.btn-obrub{background:transparent;color:var(--naslov);border:2px solid var(--rub)}
.btn-obrub:hover{border-color:var(--zlato)}
.btn-mali{padding:.6rem 1.1rem;font-size:.92rem}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

/* čestice (snijeg, iskrice, konfeti) */
#cestice{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.85}

/* zaglavlje */
.zaglavlje{position:sticky;top:0;z-index:20;background:rgba(15,26,58,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.zag-red{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem}
.logo{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-family:"Dancing",cursive;font-size:1.65rem;font-weight:700}
.logo .zvijezda{color:var(--zlato);filter:drop-shadow(0 0 6px rgba(242,193,78,.8))}
.izbornik{display:flex;align-items:center;gap:1.1rem}
.izbornik a{color:#fff;text-decoration:none;font-weight:600;font-size:.98rem;opacity:.92}
.izbornik a:hover{opacity:1;color:var(--zlato3)}
.izbornik .btn{color:#2a1a00;opacity:1}
.izbornik-gumb{display:none;background:none;border:0;width:44px;height:44px;padding:8px;cursor:pointer}
.izbornik-gumb span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:2px;transition:.25s}
@media (max-width:900px){
  .izbornik-gumb{display:block}
  .izbornik{position:absolute;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;gap:0;background:var(--noc1);padding:.5rem 16px 1rem;display:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .izbornik.otvoren{display:flex}
  .izbornik a{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.05rem}
  .izbornik .btn{margin-top:.8rem;border-bottom:0}
  .izbornik-gumb[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .izbornik-gumb[aria-expanded="true"] span:nth-child(2){opacity:0}
  .izbornik-gumb[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* hero */
.hero{position:relative;color:#fff;background:var(--noc1);overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-bg img,.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hero-bg video{opacity:0;transition:opacity 1.2s ease}
.hero-bg video.spreman{opacity:1}
.hero-sjena{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,26,58,.15) 0%,rgba(15,26,58,.2) 35%,rgba(15,26,58,.88) 62%,var(--bg) 100%)}
.hero-unutra{position:relative;padding:min(58vw,440px) 0 3.5rem;text-align:center}
.hero-tekst{max-width:640px;margin:0 auto}
.hero p.uvod{font-size:1.15rem;opacity:.95;margin-bottom:1.4rem}
.hero-gumbi{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.2rem}
.hero-cek{list-style:none;padding:0;margin:0;display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;font-size:.95rem;opacity:.95}
.hero-cek li::before{content:"✦ ";color:var(--zlato)}
.hero-kartica{display:none}
@media (min-width:900px){
  .hero{min-height:min(88vh,780px);display:grid;align-items:center}
  .hero-sjena{background:linear-gradient(90deg,rgba(15,26,58,.9) 0%,rgba(15,26,58,.72) 38%,rgba(15,26,58,.15) 70%,rgba(15,26,58,.05) 100%),linear-gradient(180deg,transparent 70%,var(--bg) 100%)}
  .hero-unutra{padding:5rem 0 6rem;text-align:left;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}
  .hero-tekst{margin:0}
  .hero-gumbi,.hero-cek{justify-content:flex-start}
  .hero-kartica{display:block;justify-self:end;width:min(360px,100%);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 3px rgba(242,193,78,.6);position:relative;transform:rotate(2deg)}
  .hero-kartica img{width:100%;aspect-ratio:4/5;object-fit:cover}
  .hero-kartica .oznaka-kartice{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1rem;background:linear-gradient(180deg,transparent,rgba(15,26,58,.9));font-family:"Dancing",cursive;font-size:1.6rem;text-align:center}
  .hero.bez-kartice .hero-unutra{grid-template-columns:1fr;max-width:680px}
  .hero.bez-kartice .hero-sjena{background:linear-gradient(90deg,rgba(15,26,58,.82) 0%,rgba(15,26,58,.5) 45%,rgba(15,26,58,.08) 75%),linear-gradient(180deg,transparent 72%,var(--bg) 100%)}
}

/* hero naslovnice: slika svih likova u okviru, noćno nebo iza */
.hero-grupa{background:radial-gradient(900px 520px at 72% 18%,rgba(92,70,170,.5),transparent 62%),linear-gradient(180deg,#0f1a3a 0%,#1b2a5c 68%,var(--bg) 100%)}
.hero-grupa .nebo{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 61%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 41% 15%,#fff3c4 50%,transparent 51%),radial-gradient(1px 1px at 55% 44%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 67% 8%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 36%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 88% 20%,#fff3c4 50%,transparent 51%),radial-gradient(1px 1px at 93% 58%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 6% 48%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 48% 72%,#fff 50%,transparent 51%)}
.hero-grupa .hero-unutra{padding:1.2rem 0 3.2rem;display:grid;gap:1.4rem}
.hero-grupa .hero-slika{order:-1}
.hero-grupa .hero-slika img{width:100%;height:auto;border-radius:22px;box-shadow:0 26px 60px rgba(0,0,0,.55),0 0 0 3px rgba(242,193,78,.55)}
@media (min-width:900px){
  .hero-grupa{min-height:0}
  .hero-grupa .hero-unutra{grid-template-columns:.95fr 1.05fr;gap:3rem;padding:4.5rem 0 5.5rem;align-items:center}
  .hero-grupa .hero-slika{order:0;transform:rotate(1.5deg)}
}

/* odjeljci */
.odjeljak{padding:4rem 0}
.odjeljak-noc{background:radial-gradient(900px 500px at 50% -20%,rgba(74,56,140,.55),transparent 70%),var(--noc1);color:#f3eee4}
.odjeljak-noc h2,.odjeljak-noc h3{color:#fff3c4}
.odjeljak-noc .sitno{color:#c6cce4}
.odjeljak h2+p.podnaslov{font-size:1.12rem;color:var(--tekst2);max-width:680px;margin:-.3em auto 2.2rem}
.odjeljak-noc h2+p.podnaslov{color:#c6cce4}

/* prigode (kartice likova) */
.prigode{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (min-width:760px){.prigode{grid-template-columns:repeat(4,1fr);gap:1.4rem}}
.prigoda{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sjena);text-decoration:none;color:#fff;transition:transform .3s,box-shadow .3s}
.prigoda img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.prigoda:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(0,0,0,.35)}
.prigoda:hover img{transform:scale(1.05)}
.prigoda-tekst{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1rem 1rem;background:linear-gradient(180deg,transparent,rgba(15,26,58,.92))}
.prigoda-tekst strong{display:block;font-family:"Nunito",sans-serif;font-size:1.2rem}
.prigoda-tekst span{font-size:.85rem;opacity:.9}
.prigoda .vrpca{position:absolute;top:12px;left:12px;background:var(--zlato);color:#2a1a00;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px}

/* koraci */
.koraci{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:760px){.koraci{grid-template-columns:repeat(3,1fr)}}
.korak{background:var(--kartica);border:1px solid var(--rub);border-radius:20px;padding:1.6rem;box-shadow:var(--sjena2)}
.korak-br{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9dd7e,#d19a1f);color:#2a1a00;font-size:1.2rem;margin-bottom:.8rem;box-shadow:0 6px 16px rgba(242,193,78,.4)}

/* zlatna knjiga */
.knjiga-okvir{perspective:1400px}
.knjiga{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:900px;margin:0 auto;border-radius:12px;min-height:380px;
  background:linear-gradient(90deg,#efe2c6 0%,#faf2df 46%,#d8c7a2 50%,#faf2df 54%,#efe2c6 100%);box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 0 0 6px #8a5a2b,inset 0 0 0 9px #d9a94a;color:#4a2c17;font-family:"Dancing",cursive;font-weight:700}
.knjiga-str{padding:2.4rem 1.6rem;display:flex;flex-direction:column;gap:.45rem}
.knjiga-str.desna{text-align:left}
.knjiga-naslov{font-size:1.35rem;opacity:.85;margin-bottom:.4rem}
.knjiga-ime{font-size:clamp(2.8rem,7vw,4.6rem);color:#8b1c1c;line-height:1;margin:.2rem 0}
.knjiga-dob{font-size:1.7rem}
.knjiga-red{font-size:1.25rem;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i,0)*.18s)}
.knjiga-red .kvacica{color:var(--zelena);font-weight:900;margin-left:.3rem}
.knjiga-red.sitno-slova{font-size:.9rem;opacity:0;margin-top:auto;color:#6b4a2a}
.vidljivo .knjiga-red{opacity:1;transform:none}
.vidljivo .knjiga-red.sitno-slova{opacity:.9}
@media (max-width:600px){.knjiga{grid-template-columns:1fr;background:linear-gradient(180deg,#faf2df,#efe2c6)}.knjiga-str{padding:1.6rem 1.2rem}}
.knjiga-legenda{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 1.5rem;max-width:900px;margin:2rem auto 0;padding:0;list-style:none}
@media (min-width:760px){.knjiga-legenda{grid-template-columns:repeat(4,1fr)}}
.knjiga-legenda li{font-size:.95rem}
.knjiga-legenda li strong{display:block;color:var(--zlato)}

/* primjeri videa */
.primjeri{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media (min-width:760px){.primjeri{grid-template-columns:1fr 1fr}}
.primjer{margin:0}
.primjer-gumb{position:relative;display:block;width:100%;padding:0;border:0;background:#000;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--sjena);aspect-ratio:16/9}
.primjer-gumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.primjer-gumb:hover img{transform:scale(1.03)}
.primjer-gumb .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(242,193,78,.95);color:#2a1a00;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .2s}
.primjer-gumb:hover .play{transform:scale(1.08)}
.primjer-gumb .trajanje{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.6);color:#fff;font-size:.8rem;padding:.2rem .55rem;border-radius:999px}
.primjer video{width:100%;border-radius:18px;background:#000;aspect-ratio:16/9;box-shadow:var(--sjena)}
.primjer figcaption{font-size:.92rem;color:var(--tekst2);margin-top:.6rem}
.primjer-veliki{max-width:900px;margin:0 auto}
.primjer-veliki .primjer-gumb .play{width:96px;height:96px;margin:-48px 0 0 -48px}

/* cijene */
.cijene{display:grid;gap:1.2rem;grid-template-columns:1fr;max-width:860px;margin:0 auto}
@media (min-width:700px){.cijene{grid-template-columns:1fr 1fr}}
.cijena{position:relative;background:var(--kartica);border:1px solid var(--rub);border-radius:24px;padding:2rem 1.6rem;box-shadow:var(--sjena2)}
.cijena.istaknuta{border:2px solid var(--zlato);box-shadow:0 18px 40px rgba(242,193,78,.22)}
.cijena .vrpca{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--zlato);color:#2a1a00;font-weight:800;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .8rem;border-radius:999px}
.cijena-iznos{font-size:2.6rem;color:var(--naslov);margin:.3rem 0 .1rem}
.sidrena{display:block;font-size:.82rem;color:var(--tekst2);font-family:system-ui,sans-serif;font-weight:500;letter-spacing:0}
.cijena-iznos small{font-size:1rem;color:var(--tekst2);font-weight:600}
.cijena ul{padding-left:0;list-style:none;margin:1rem 0 1.4rem}
.cijena li{padding:.3rem 0 .3rem 1.6rem;position:relative}
.cijena li::before{content:"✓";position:absolute;left:0;color:var(--zelena);font-weight:900}
.cijena .btn{width:100%}

/* FAQ */
.faq details{background:var(--kartica);border:1px solid var(--rub);border-radius:16px;margin:0 0 .7rem;box-shadow:var(--sjena2)}
.faq summary{cursor:pointer;padding:1rem 3rem 1rem 1.2rem;font-weight:700;list-style:none;position:relative;font-family:"Nunito",sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.1rem;top:.75rem;font-size:1.5rem;color:var(--zlato2);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 1.2rem 1.1rem;color:var(--tekst2)}
.faq .uzak{margin:0 auto}

/* vodiči */
.vodici-lista{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media (min-width:700px){.vodici-lista{grid-template-columns:1fr 1fr}}
.vodic-kartica{display:block;background:var(--kartica);border:1px solid var(--rub);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--sjena2);transition:transform .25s}
.vodic-kartica:hover{transform:translateY(-3px)}
.vodic-kartica img{aspect-ratio:16/9;object-fit:cover;width:100%}
.vodic-kartica div{padding:1.1rem 1.2rem 1.3rem}
.vodic-kartica h3{margin-bottom:.3em}
.mrvice{font-size:.88rem;color:var(--tekst2);margin:1.2rem 0}
.mrvice a{color:inherit}
.clanak{max-width:740px;margin:0 auto;font-size:1.08rem;line-height:1.75}
.clanak h1{font-size:clamp(1.9rem,4.6vw,2.8rem);color:var(--naslov)}
.clanak h2{font-size:1.5rem;margin-top:2em}
.clanak .uvodnik{font-size:1.2rem;color:var(--tekst2)}
.clanak ul,.clanak ol{padding-left:1.3rem}
.clanak li{margin-bottom:.35em}
.clanak img{border-radius:18px;box-shadow:var(--sjena);margin:1.5rem 0}
.clanak .okvir{background:var(--kartica);border-left:4px solid var(--zlato);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0;box-shadow:var(--sjena2)}
.clanak .cta-okvir{background:linear-gradient(135deg,var(--noc2),var(--noc3));color:#fff;border-radius:20px;padding:1.6rem;margin:2.2rem 0;text-align:center;box-shadow:var(--sjena)}
.clanak .cta-okvir h3{color:#fff3c4}
.clanak .cta-okvir p{color:#dfe3f3}
.datum{font-size:.85rem;color:var(--tekst2)}

/* galerija scena */
.scene{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.scene img{border-radius:14px;aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--sjena2)}
@media (max-width:600px){.scene{grid-template-columns:1fr 1fr}.scene img:last-child{grid-column:span 2}}
.citat{font-family:"Dancing",cursive;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.4;color:var(--naslov);max-width:760px;margin:0 auto;padding:1.4rem 1.6rem;background:var(--kartica);border-radius:20px;border:1px solid var(--rub);box-shadow:var(--sjena2);position:relative}
.citat::before{content:"“";position:absolute;left:14px;top:-10px;font-size:4rem;color:var(--zlato);line-height:1;font-family:Georgia,serif}
.unosi{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;list-style:none;padding:0;margin:0}
@media (min-width:760px){.unosi{grid-template-columns:repeat(3,1fr)}}
.unosi li{background:var(--kartica);border:1px solid var(--rub);border-radius:14px;padding:.8rem 1rem;box-shadow:var(--sjena2)}
.unosi li strong{display:block;font-family:"Nunito",sans-serif;color:var(--naslov)}
.unosi li span{font-size:.9rem;color:var(--tekst2)}

/* obrazac narudžbe */
.obrazac{max-width:760px;margin:0 auto}
.obrazac fieldset{border:1px solid var(--rub);background:var(--kartica);border-radius:20px;padding:1.4rem 1.3rem;margin:0 0 1.2rem;box-shadow:var(--sjena2)}
.obrazac legend{font-family:"Nunito",sans-serif;font-weight:800;font-size:1.1rem;padding:0 .5rem;color:var(--naslov)}
.polje{margin-bottom:1rem}
.polje label{display:block;font-weight:700;margin-bottom:.3rem}
.polje input[type=text],.polje input[type=email],.polje input[type=tel],.polje input[type=number],.polje input[type=date],.polje input[type=time],.polje select,.polje textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--rub);border-radius:12px;background:var(--bg2);color:var(--tekst);font:inherit}
.polje input:focus,.polje select:focus,.polje textarea:focus{outline:2px solid var(--zlato);border-color:var(--zlato)}
.red-polja{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.lik-izbor{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
@media (min-width:600px){.lik-izbor{grid-template-columns:repeat(4,1fr)}}
.lik-izbor label{position:relative;cursor:pointer;border-radius:16px;overflow:hidden;border:3px solid transparent;display:block}
.lik-izbor input{position:absolute;opacity:0}
.lik-izbor img{aspect-ratio:4/5;object-fit:cover;width:100%}
.lik-izbor span{position:absolute;left:0;right:0;bottom:0;padding:.6rem .5rem;background:linear-gradient(180deg,transparent,rgba(15,26,58,.9));color:#fff;font-weight:700;font-size:.9rem;text-align:center}
.lik-izbor input:checked+img{outline:0}
.lik-izbor label:has(input:checked){border-color:var(--zlato);box-shadow:0 0 0 3px rgba(242,193,78,.35)}
.lik-izbor input:focus-visible~span{outline:2px solid var(--zlato)}
.spol{display:flex;gap:.6rem}
.spol label,.paket label,.kada label{flex:1;display:flex;align-items:center;gap:.5rem;border:1px solid var(--rub);border-radius:12px;padding:.7rem .9rem;cursor:pointer;background:var(--bg2)}
.spol label:has(input:checked),.paket label:has(input:checked),.kada label:has(input:checked){border-color:var(--zlato);box-shadow:0 0 0 3px rgba(242,193,78,.3)}
.paket{display:grid;grid-template-columns:1fr;gap:.7rem}
@media (min-width:600px){.paket{grid-template-columns:1fr 1fr}}
.paket label{flex-direction:column;align-items:flex-start}
.paket strong{font-family:"Nunito",sans-serif;font-size:1.05rem}
.kvacice{display:grid;grid-template-columns:1fr;gap:.4rem}
@media (min-width:600px){.kvacice{grid-template-columns:1fr 1fr}}
.kvacice label{display:flex;gap:.5rem;align-items:flex-start;padding:.4rem .2rem;cursor:pointer}
.kvacice input{margin-top:.3rem}
.pregled{background:linear-gradient(135deg,#faf2df,#efe2c6);color:#4a2c17;border-radius:16px;padding:1.1rem 1.3rem;font-family:"Dancing",cursive;font-size:1.5rem;line-height:1.35;box-shadow:inset 0 0 0 3px #d9a94a;margin:.6rem 0 1rem}
.pregled small{display:block;font-family:system-ui,sans-serif;font-size:.8rem;color:#6b4a2a;margin-top:.5rem}
.sakrij{display:none!important}
.obavijest{background:linear-gradient(135deg,var(--noc2),var(--noc3));color:#fff;border-radius:20px;padding:1.4rem 1.5rem;margin:0 0 1.6rem;box-shadow:var(--sjena)}
.obavijest h2{color:#fff3c4;font-size:1.3rem;margin-bottom:.4em}
.obavijest form{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}
.obavijest input[type=email]{flex:1;min-width:220px;padding:.75rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font:inherit}
.obavijest input::placeholder{color:#c6cce4}
.greska{color:var(--crvena);font-weight:700}
.privole label{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.6rem;font-size:.95rem}
.ukupno{display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;padding:1rem 0;border-top:1px solid var(--rub)}
.ukupno strong{font-family:"Nunito",sans-serif;font-size:1.5rem;color:var(--naslov)}

/* podnožje */
.podnozje{background:var(--noc1);color:#c6cce4;padding:3rem 0 5rem;margin-top:4rem;position:relative;z-index:6}
.pod-mreza{display:grid;gap:2rem;grid-template-columns:1fr}
@media (min-width:760px){.pod-mreza{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.pod-logo{font-family:"Dancing",cursive;font-size:1.8rem;color:#fff3c4;margin-bottom:.4em}
.pod-naslov{color:#fff;margin-bottom:.6em;font-size:1rem}
.podnozje a{display:block;color:#dfe3f3;text-decoration:none;margin-bottom:.4em}
.podnozje a:hover{color:var(--zlato)}
.podnozje .sitno{color:#9aa3c7;line-height:1.5}
.podnozje .sitno a{display:inline}
.copy{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}

/* mobilni CTA */
.cta-mobilni{display:none}
@media (max-width:760px){
  body{padding-bottom:78px}
  .cta-mobilni{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:30;display:flex;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.2rem;border-radius:999px;
    background:linear-gradient(135deg,#f9dd7e,#f2c14e 45%,#d19a1f);color:#2a1a00;font-family:"Nunito",sans-serif;font-weight:800;font-size:1.05rem;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.4)}
  .cta-mobilni span{font-weight:600;font-size:.9rem;opacity:.85}
  body.bez-cta .cta-mobilni{display:none}
  body.bez-cta{padding-bottom:0}
}

/* hvala, 404 */
.poruka-stranica{min-height:60vh;display:grid;place-items:center;text-align:center;padding:3rem 0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .zlato{color:var(--zlato);background:none;-webkit-text-fill-color:initial}
  .knjiga-red{opacity:1;transform:none}
}