/* base */
:root{
  --hrast:#5e4128;
  --hrast-t:#3b2716;
  --hrast-tt:#2a1b0f;
  --zelena:#2e6b4f;
  --zelena-t:#1c4532;
  --krem:#f6f0e1;
  --papir:#ece2cc;
  --tinta:#2a1d12;
  --siva:#5a4a3a;
  --mjed:#b8954f;
  --mjed-t:#8a6a2c;
  --mjed-s:#dcbc72;
  --fokus:#8a6a2c;
  --slova:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--tinta);font-family:var(--slova);font-size:1.0625rem;line-height:1.6;font-weight:400;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--zelena);text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .2s ease,text-decoration-color .2s ease}
a:hover{color:var(--zelena-t);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
a:active{color:var(--hrast-tt)}
h1,h2,h3,h4{font-family:var(--slova);font-weight:700;line-height:1.15;margin:0 0 .6em;color:var(--hrast-tt)}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
h3{font-size:clamp(1.3rem,2vw,1.55rem)}
p{margin:0 0 1em}
em{font-style:italic}
.a00-preskok{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--krem);color:var(--tinta);padding:.6rem 1rem;border:3px solid var(--mjed-t);transition:top .2s ease}
.a00-preskok:focus{top:.6rem}
.p00-uzorci{position:absolute;width:0;height:0;overflow:hidden}

/* header */
.z01-zaglavlje{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#6a492c 0%,var(--hrast) 55%,#523822 100%);border-bottom:4px solid var(--hrast-tt);box-shadow:0 6px 14px rgba(42,27,15,.25);transition:box-shadow .25s ease}
.z11-red{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.35rem clamp(1rem,3vw,2rem);min-height:3.9rem;transition:min-height .25s ease,padding .25s ease}
.z02-okvir{flex:0 0 auto;display:inline-block;padding:4px;border-radius:4px;background:linear-gradient(180deg,var(--mjed-s),var(--mjed) 45%,var(--mjed-t));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 3px rgba(0,0,0,.35);text-decoration:none;transform-origin:left center;transition:padding .25s ease,transform .25s ease}
.z02-okvir:hover{color:inherit}
.z03-kartica{display:flex;align-items:center;gap:.6rem;background:var(--krem);padding:.32rem .9rem .32rem .45rem;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(94,65,40,.25);transition:padding .25s ease}
.z04-znak{width:2.1rem;height:2.1rem;border-radius:3px;background:var(--krem);transition:width .25s ease,height .25s ease}
.z05-ime{font-weight:700;font-size:1.3rem;letter-spacing:.01em;color:var(--hrast-tt);line-height:1;transition:font-size .25s ease}
.s01-skupljeno .z11-red{min-height:3.1rem;padding-top:.2rem;padding-bottom:.2rem}
.s01-skupljeno .z02-okvir{padding:2px 6px}
.s01-skupljeno .z03-kartica{padding:.12rem .6rem .12rem .3rem}
.s01-skupljeno .z04-znak{width:1.5rem;height:1.5rem}
.s01-skupljeno .z05-ime{font-size:1.05rem}
.z06-izbornik{min-width:0}
.z07-popis{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.5rem;align-items:center}
.z08-veza{position:relative;display:inline-block;padding:.45rem .1rem .7rem;color:var(--krem);text-decoration:none;font-size:1rem;transition:transform .2s ease,color .2s ease}
.z08-veza::after{content:"";position:absolute;left:50%;bottom:.05rem;width:.62rem;height:.62rem;margin-left:-.31rem;border-radius:50%;background:var(--hrast-tt);box-shadow:inset 0 2px 2px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.25);opacity:0;transform:scale(.3);transition:opacity .2s ease,transform .2s ease}
.z08-veza:hover{color:#fff;transform:translateY(-2px)}
.z08-veza:hover::after,.z08-veza[aria-current="page"]::after{opacity:1;transform:scale(1)}
.z08-veza[aria-current="page"]{color:#fff;font-weight:700}
.z08-veza:active{transform:translateY(0)}
.z08-veza:focus-visible{outline-color:var(--mjed-s)}
.z09-tipka,.z06-izbornik .z12-zatvori{display:none}

/* buttons */
.g01-gumb,.g02-sporedni{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;background:none;cursor:pointer;font-family:var(--slova);font-weight:700;text-decoration:none;color:var(--tinta);transition:transform .2s ease,filter .2s ease,color .2s ease}
.g01-gumb{font-size:1.12rem;padding:1.05rem 1.8rem 1.6rem;min-width:13rem}
.g02-sporedni{font-size:.98rem;padding:.7rem 1.15rem 1.15rem}
.g01-gumb::before,.g02-sporedni::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:4px;transition:background .2s ease;-webkit-mask:radial-gradient(circle at 50% calc(100% - 10px),transparent 5px,#000 5.6px);mask:radial-gradient(circle at 50% calc(100% - 10px),transparent 5px,#000 5.6px)}
.g01-gumb::before{background:linear-gradient(var(--zelena),var(--zelena)) top/100% 7px no-repeat,var(--krem)}
.g02-sporedni::before{background:linear-gradient(var(--hrast),var(--hrast)) top/100% 4px no-repeat,rgba(246,240,225,.82);box-shadow:inset 0 0 0 1px rgba(94,65,40,.35)}
.g02-sporedni::before{-webkit-mask:radial-gradient(circle at 50% calc(100% - 8px),transparent 4px,#000 4.6px);mask:radial-gradient(circle at 50% calc(100% - 8px),transparent 4px,#000 4.6px)}
.g01-gumb:hover,.g02-sporedni:hover{color:var(--tinta);transform:translateY(-3px);filter:drop-shadow(0 9px 9px rgba(42,27,15,.32))}
.g01-gumb:focus-visible,.g02-sporedni:focus-visible{outline:3px solid var(--fokus);outline-offset:4px;box-shadow:0 0 0 2px var(--krem)}
.g01-gumb:active,.g02-sporedni:active{transform:translateY(1px);filter:none}
.g01-gumb:active::before{background:linear-gradient(var(--zelena-t),var(--zelena-t)) top/100% 7px no-repeat,#e6dcc4}
.g02-sporedni:active::before{background:linear-gradient(var(--hrast-tt),var(--hrast-tt)) top/100% 4px no-repeat,#e6dcc4}
.g01-gumb[disabled]{opacity:.7;cursor:progress;transform:none;filter:none}

/* backgrounds */
.p01-pozadina{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.p02-traka{position:absolute;z-index:0;pointer-events:none;height:97px;width:min(46%,560px);display:block}
.p02-traka.p04-desno{right:0;top:0;border-bottom-left-radius:6px;overflow:hidden}
.p02-traka.p05-lijevo{left:0;bottom:0;border-top-right-radius:6px;overflow:hidden}
.p03-pojas{position:relative;height:clamp(150px,18vw,230px);border-top:10px solid var(--zelena);border-bottom:10px solid var(--zelena);background:var(--hrast-tt)}
.p03-pojas svg{position:absolute;inset:0;width:100%;height:100%}
.p06-crta{height:12px;background:linear-gradient(90deg,var(--zelena) 0 46%,transparent 46% 46.6%,var(--zelena) 46.6%);position:relative}
.p06-crta::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--papir);box-shadow:inset 0 2px 3px rgba(0,0,0,.35)}

/* reveal */
.s04-js .r11-dubina{opacity:0;transform:scale(.96);box-shadow:0 0 0 rgba(42,27,15,0);transition:opacity .4s ease,transform .4s ease,box-shadow .4s ease}
.s04-js .r11-dubina.s03-vidljivo{opacity:1;transform:none;box-shadow:0 18px 36px -18px rgba(42,27,15,.4)}
.s04-js .r12-okret{perspective:900px}
.s04-js .r12-okret>*{opacity:0;transform:rotateX(-78deg);transform-origin:50% 100%;transition:opacity .35s ease,transform .38s cubic-bezier(.2,.7,.3,1)}
.s04-js .r12-okret.s03-vidljivo>*{opacity:1;transform:none}
.s04-js .r12-okret.s03-vidljivo>*:nth-child(2){transition-delay:.07s}
.s04-js .r12-okret.s03-vidljivo>*:nth-child(3){transition-delay:.14s}
.s04-js .r12-okret.s03-vidljivo>*:nth-child(4){transition-delay:.21s}
.s04-js .r12-okret.s03-vidljivo>*:nth-child(5){transition-delay:.28s}
.s04-js .r12-okret.s03-vidljivo>*:nth-child(6){transition-delay:.35s}
.s04-js .r12-okret.s03-vidljivo>*:nth-child(7){transition-delay:.4s}

/* hero */
.h01-junak{position:relative;overflow:hidden;background:var(--hrast-tt);padding:clamp(2rem,4vw,3.5rem) clamp(1rem,3vw,2rem) clamp(2.5rem,5vw,4.5rem)}
.h17-mreza{position:relative;z-index:1;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,.78fr);grid-template-areas:"tekst ladica slika";gap:clamp(1.25rem,2.5vw,2.5rem);align-items:start}
.h02-tekst{grid-area:tekst;min-width:0;background:rgba(42,27,15,.9);border-top:8px solid var(--zelena);border-radius:4px;padding:clamp(1.25rem,2.4vw,2.2rem);color:var(--krem);box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
.h02-tekst h1{color:var(--krem);font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.01em;margin-bottom:.45em;overflow-wrap:break-word;hyphens:manual}
.h16-uvod{max-width:62ch;color:#efe6d2}
.h18-napomena{font-style:italic;color:var(--mjed-s);font-size:.98rem;margin-bottom:1.6rem}
.h19-radnje{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.h19-radnje a:not(.g01-gumb){color:var(--krem)}
.h19-radnje a:not(.g01-gumb):hover{color:#fff}
.h02-tekst a:focus-visible{outline-color:var(--mjed-s)}
.h03-ladica{grid-area:ladica;min-width:0;position:relative;background:linear-gradient(180deg,#24170c,#3b2716 70%);border:10px solid #4c331e;border-top-width:0;border-radius:0 0 8px 8px;padding:2.4rem clamp(.8rem,1.6vw,1.4rem) 1.4rem;box-shadow:inset 0 14px 18px rgba(0,0,0,.55),0 20px 30px -14px rgba(0,0,0,.7)}
.h04-iza{position:absolute;left:clamp(.8rem,1.6vw,1.4rem);right:clamp(.8rem,1.6vw,1.4rem);top:.55rem;height:2rem;pointer-events:none}
.h04-iza span{position:absolute;left:4%;right:6%;top:0;height:100%;background:#e9e0c9;border-top:5px solid #6f8f7e;border-radius:3px 3px 0 0;box-shadow:0 -1px 0 rgba(0,0,0,.2)}
.h04-iza span+span{left:9%;right:2%;top:.7rem;background:#efe7d3;border-top-color:var(--zelena)}
.h05-kartica{position:relative;background:var(--krem);border-top:9px solid var(--zelena);border-radius:3px;padding:1.4rem clamp(1rem,2vw,1.7rem) 2.6rem;box-shadow:0 -4px 10px rgba(0,0,0,.25);-webkit-mask:radial-gradient(circle at 50% calc(100% - 1.15rem),transparent .55rem,#000 calc(.55rem + .6px));mask:radial-gradient(circle at 50% calc(100% - 1.15rem),transparent .55rem,#000 calc(.55rem + .6px))}
.h06-oznaka{font-size:.9rem;color:var(--siva);margin-bottom:.6rem;padding-bottom:.45rem;border-bottom:1px dashed rgba(94,65,40,.45);padding-right:5.5rem}
.h07-pojam{font-size:clamp(1.7rem,2.8vw,2.35rem);font-weight:700;line-height:1.1;margin:0 0 .25rem;color:var(--hrast-tt)}
.h08-pomet{font-style:italic;color:var(--zelena);margin-bottom:.7rem}
.h09-tumac{margin-bottom:.8rem}
.h10-vidi{font-size:.98rem;margin-bottom:1.1rem}
.h10-vidi em{color:var(--siva)}
.h11-brojke{border-top:3px double rgba(94,65,40,.5);padding-top:.8rem}
.h11-brojke p{margin:0 0 .35rem;display:flex;align-items:baseline;gap:.5rem}
.h12-ukupno{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;line-height:1;color:var(--zelena);font-variant-numeric:tabular-nums}
.h13-faze{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}
.h13-faze li{min-width:0;background:#ece2c9;border-radius:3px;padding:.35rem .4rem;font-size:.82rem;line-height:1.25;text-align:center}
.h13-faze b{display:block;font-size:1.35rem;color:var(--hrast-tt);font-variant-numeric:tabular-nums}
.h14-zig{position:absolute;top:1.05rem;right:1rem;border:2px solid rgba(46,107,79,.75);color:var(--zelena);border-radius:4px;padding:.1rem .45rem;font-size:.82rem;font-weight:700;transform:rotate(-7deg);background:rgba(246,240,225,.7)}
.h15-slika{grid-area:slika;min-width:0;margin:0}

/* image frame */
.k01-kadar{margin:0;background:var(--krem);padding:10px 10px 30px;border-radius:3px;box-shadow:0 10px 22px -10px rgba(42,27,15,.55);-webkit-mask:radial-gradient(circle at 50% calc(100% - 14px),transparent 7px,#000 7.6px);mask:radial-gradient(circle at 50% calc(100% - 14px),transparent 7px,#000 7.6px);transition:transform .25s ease}
.k01-kadar img{width:100%;height:auto;filter:sepia(.22) saturate(.92) contrast(1.02);border-radius:1px;background:#d9ccb0}
.k02-potpis{font-size:.86rem;font-style:italic;color:var(--siva);padding-top:.5rem;line-height:1.4;padding-bottom:.4rem}

/* margin layout */
.l01-polje{position:relative;z-index:1;display:grid;grid-template-columns:220px minmax(0,720px);gap:clamp(1.5rem,3.5vw,3rem);justify-content:center;max-width:1100px;margin:0 auto}
.l02-margina{min-width:0;text-align:right;padding-top:.3rem}
.l03-stupac{min-width:0}
.l05-pojam{font-weight:700;font-size:1.5rem;line-height:1.15;color:var(--hrast);margin:0 0 .3rem}
.l06-pomet{font-style:italic;color:var(--siva);font-size:.95rem}
.l04-mreza{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);align-items:start;max-width:1160px;margin:0 auto}

/* search */
.t01-trazilica{position:relative;padding:clamp(3.5rem,6vw,5.5rem) clamp(1rem,3vw,2rem) clamp(2rem,4vw,3rem)}
.t10-slova{display:block;font-size:clamp(4rem,9vw,7.5rem);font-weight:700;line-height:.9;color:var(--zelena);margin-top:.4rem;letter-spacing:-.03em}
.t11-polje{position:relative;margin:1.4rem 0 .6rem}
.t11-polje label{display:block;font-weight:700;margin-bottom:.35rem}
.t02-unos{width:100%;font:inherit;font-size:1.25rem;padding:.85rem 1rem .85rem 3rem;border:3px solid var(--hrast);border-radius:4px;background:var(--krem) radial-gradient(circle at 1.45rem 50%,transparent .45rem,var(--hrast) .5rem,var(--hrast) .62rem,transparent .66rem) no-repeat;color:var(--tinta);transition:border-color .2s ease,box-shadow .2s ease}
.t02-unos:hover{border-color:var(--zelena)}
.t02-unos:focus-visible{border-color:var(--zelena);box-shadow:0 0 0 4px rgba(46,107,79,.2)}
.t09-brojac{font-style:italic;color:var(--siva);margin:0 0 .8rem}
.t03-popis{list-style:none;margin:0;padding:0;columns:2;column-gap:2rem}
.t04-stavka{break-inside:avoid;padding:.45rem 0;border-bottom:1px solid rgba(94,65,40,.25)}
.t04-stavka[hidden]{display:none}
.t05-pojam{font-weight:700;color:var(--hrast-tt);text-decoration:none}
.t05-pojam:hover{color:var(--zelena)}
.t06-faza{display:inline-block;margin-left:.4rem;font-size:.78rem;font-style:italic;color:var(--zelena);border:1px solid rgba(46,107,79,.45);border-radius:999px;padding:0 .45rem;vertical-align:.1em}
.t07-sazetak{display:block;font-size:.95rem;color:var(--siva);margin-top:.15rem}
.s06-filtrirano{columns:1}
.m01-oznaka{background:linear-gradient(transparent 38%,#f3d67a 38%,#f3d67a 88%,transparent 88%);color:inherit;padding:0 1px;border-radius:2px}
.t08-prazno{margin-top:1rem;background:var(--krem);border-left:8px solid var(--zelena);padding:1.1rem 1.2rem;border-radius:3px}
.t08-prazno[hidden]{display:none}

/* dictionary */
.r01-rjecnik{position:relative;padding:clamp(3rem,6vw,6rem) clamp(1rem,3vw,2rem) clamp(4rem,7vw,7rem);background:linear-gradient(180deg,var(--papir),#e6dac0)}
.r13-uvod{text-align:center;max-width:46rem;margin:0 auto clamp(2rem,4vw,3rem);position:relative;z-index:1}
.r02-faza{position:relative;z-index:1;margin-bottom:clamp(2.2rem,4vw,3.5rem)}
.r03-naslov{display:flex;align-items:baseline;gap:.8rem;max-width:1160px;margin:0 auto 1rem;padding-bottom:.4rem;border-bottom:6px solid var(--zelena)}
.r03-naslov h3{margin:0}
.r03-naslov span{font-style:italic;color:var(--siva);font-size:.95rem}
.r04-clanak{position:relative;min-width:0;background:var(--krem);border-top:7px solid var(--zelena);border-radius:3px;padding:1.05rem 1.15rem 2.3rem;box-shadow:0 6px 14px -8px rgba(42,27,15,.5);transition:transform .25s ease,box-shadow .25s ease;-webkit-mask:radial-gradient(circle at 50% calc(100% - .95rem),transparent .42rem,#000 calc(.42rem + .6px));mask:radial-gradient(circle at 50% calc(100% - .95rem),transparent .42rem,#000 calc(.42rem + .6px))}
.r04-clanak:hover{transform:translateY(-8px)}
.s04-js .r12-okret.s03-vidljivo>.r04-clanak:hover{transform:translateY(-8px);transition-delay:0s}
.r04-clanak:target{border-top-color:var(--mjed-t);background:#fbf5e4}
.r05-pojam{font-size:1.32rem;font-weight:700;margin:0 0 .1rem;color:var(--hrast-tt);line-height:1.2}
.r06-pomet{font-style:italic;color:var(--zelena);font-size:.92rem;margin-bottom:.5rem}
.r07-tumac{margin-bottom:.6rem}
.r08-vidi{font-size:.92rem;margin:0}
.r08-vidi em{color:var(--siva)}
.r10-kadar{min-width:0}

/* form */
.f01-upit{position:relative;background:var(--hrast-t);color:var(--krem);padding:clamp(3.5rem,7vw,6.5rem) clamp(1rem,3vw,2rem);overflow:hidden;--fokus:var(--mjed-s)}
.f01-upit h2{color:var(--krem)}
.f01-upit .l05-pojam{color:var(--mjed-s)}
.f01-upit a{color:#cfe6d9}
.f01-upit a:hover{color:#fff}
.f11-kontakt{font-size:.98rem;margin-top:1.2rem;color:#eadfc8}
.f11-kontakt p{margin-bottom:.6rem}
.f09-autor{margin-top:1.8rem;text-align:left;background:rgba(246,240,225,.08);border:1px solid rgba(220,188,114,.4);border-radius:4px;padding:1rem}
.f10-monogram{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--krem);color:var(--zelena);font-weight:700;font-size:1.25rem;margin-bottom:.6rem;box-shadow:inset 0 0 0 3px var(--mjed)}
.f09-autor p{font-size:.95rem;margin-bottom:.5rem}
.f13-ime{font-weight:700;color:var(--krem)}
.f02-obrazac{background:var(--krem);color:var(--tinta);border-top:9px solid var(--zelena);border-radius:4px;padding:clamp(1.2rem,3vw,2.2rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem;--fokus:var(--mjed-t)}
.f02-obrazac a{color:var(--zelena)}
.f03-red{min-width:0;display:flex;flex-direction:column;gap:.3rem}
.f03-red.f14-sirok{grid-column:1/-1}
.f04-oznaka{font-weight:700;font-size:.98rem}
.f04-oznaka small{font-weight:400;font-style:italic;color:var(--siva)}
.f05-unos{width:100%;font:inherit;font-size:1rem;padding:.7rem .8rem;border:2px solid #a08a6c;border-radius:3px;background:#fffdf7;color:var(--tinta);transition:border-color .2s ease,box-shadow .2s ease}
.f05-unos:hover{border-color:var(--hrast)}
.f05-unos:focus-visible{border-color:var(--zelena);box-shadow:0 0 0 3px rgba(46,107,79,.2)}
textarea.f05-unos{min-height:8.5rem;resize:vertical}
.s05-dodirnuto:invalid{border-color:#a3311f;background:#fff5f1}
.f06-greska{font-size:.9rem;color:#9a2a17;min-height:0}
.f06-greska:empty{display:none}
.f08-izbor{grid-column:1/-1;display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}
.f08-izbor input{width:1.25rem;height:1.25rem;margin-top:.2rem;accent-color:var(--zelena);flex:0 0 auto}
.f07-sazetak{grid-column:1/-1;background:#fbe9e2;border-left:6px solid #a3311f;padding:.7rem .9rem;color:#7c2212;font-size:.95rem}
.f07-sazetak:empty{display:none}
.f15-slanje{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.f15-slanje p{margin:0;font-size:.9rem;color:var(--siva)}

/* services */
.u01-usluge{position:relative;padding:clamp(4rem,8vw,7.5rem) clamp(1rem,3vw,2rem) clamp(2rem,4vw,3rem)}
.u07-naslov{position:relative;z-index:1;max-width:1160px;margin:0 auto 2rem;padding-left:clamp(0rem,18vw,16rem)}
.u02-kartica{position:relative;min-width:0;background:var(--krem);border-top:7px solid var(--zelena);border-radius:3px;padding:1.2rem 1.25rem 2.5rem;box-shadow:0 8px 18px -10px rgba(42,27,15,.55);transition:transform .25s ease;-webkit-mask:radial-gradient(circle at 50% calc(100% - 1rem),transparent .45rem,#000 calc(.45rem + .6px));mask:radial-gradient(circle at 50% calc(100% - 1rem),transparent .45rem,#000 calc(.45rem + .6px))}
.u02-kartica:hover,.s04-js .u02-kartica.r11-dubina.s03-vidljivo:hover{transform:translateY(-8px)}
.f02-obrazac>.f06-greska{grid-column:1/-1;margin-top:-.6rem}
.u03-naziv{font-size:1.35rem;margin:0 0 .4rem}
.u04-cijena{font-weight:700;font-size:1.2rem;color:var(--zelena);margin-bottom:.6rem;font-variant-numeric:tabular-nums}
.u05-rijeci{font-size:.92rem;border-top:1px dashed rgba(94,65,40,.45);padding-top:.55rem;margin:0}
.u05-rijeci em{color:var(--siva)}
.u02-kartica.u08-siroka{grid-column:span 2}
.u06-pravilo{position:relative;z-index:1;max-width:1160px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.u06-pravilo p{margin:0;min-width:0;background:var(--hrast-t);color:var(--krem);padding:1rem 1.1rem;border-radius:3px;border-left:6px solid var(--mjed)}
.u06-pravilo a{color:#cfe6d9}
.u06-pravilo a:hover{color:#fff}

/* avoided words */
.n01-izbjegavam{position:relative;padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem) clamp(4rem,8vw,7rem)}
.n05-uvod{position:relative;z-index:1;max-width:1000px;margin:0 auto 2rem;text-align:right}
.n05-uvod p{margin-left:auto;max-width:44rem}
.n02-redak{margin-bottom:1.4rem}
.n03-staro{font-size:1.35rem;font-weight:700;color:#7a6650;text-decoration:line-through;text-decoration-color:#a3311f;text-decoration-thickness:3px;margin:0}
.n06-oznaka{font-style:italic;font-size:.88rem;color:var(--siva);display:block;margin-bottom:.2rem}
.n04-novo{background:var(--krem);border-left:8px solid var(--zelena);padding:1rem 1.2rem;border-radius:0 3px 3px 0;min-width:0}
.n04-novo p:last-child{margin-bottom:0}
.n04-novo strong{color:var(--zelena)}

/* inner pages */
.i01-stranica{position:relative;padding:clamp(2.2rem,5vw,4rem) clamp(1rem,3vw,2rem) clamp(3rem,6vw,5rem)}
.i05-mrvice{position:relative;z-index:1;max-width:1100px;margin:0 auto 1.4rem;font-size:.92rem}
.i05-mrvice ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem .5rem}
.i05-mrvice li+li::before{content:"/";margin-right:.5rem;color:var(--siva)}
.i02-naslov{position:relative;z-index:1;max-width:1100px;margin:0 auto clamp(1.6rem,3vw,2.6rem);background:var(--hrast-t);color:var(--krem);border-top:9px solid var(--zelena);border-radius:4px;padding:clamp(1.4rem,3.5vw,2.6rem)}
.i02-naslov{overflow:hidden}
.i02-naslov>*{position:relative;z-index:1}
.i02-naslov .p07-ladice{position:absolute;z-index:0;top:0;right:0;width:38%;height:100%;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%)}
.i01-stranica{padding-bottom:calc(97px + clamp(2rem,4vw,3rem))}
.i13-kadar{margin:1.6rem 0}
.i14-uski{max-width:340px}
.i02-naslov h1{color:var(--krem);font-size:clamp(2.2rem,4.6vw,3.8rem);margin-bottom:.3em;overflow-wrap:break-word}
.i02-naslov p{max-width:62ch;margin-bottom:0;color:#efe6d2}
.i02-naslov a{color:#cfe6d9}
.i03-tekst{min-width:0}
.i03-tekst h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin-top:1.6em}
.i03-tekst h2:first-child{margin-top:0}
.i03-tekst p,.i03-tekst li{max-width:68ch}
.i03-tekst ul,.i03-tekst ol{padding-left:1.3rem}
.i03-tekst li{margin-bottom:.45rem}
.i06-blok{background:var(--krem);border-left:8px solid var(--zelena);border-radius:0 3px 3px 0;padding:1.1rem 1.3rem;margin:1.4rem 0}
.i06-blok p:last-child{margin-bottom:0}
.i04-sadrzaj{position:sticky;top:5.5rem;font-size:.95rem}
.i04-sadrzaj ol{list-style:none;margin:0;padding:0}
.i04-sadrzaj li{margin-bottom:.4rem}
.i04-sadrzaj a{text-decoration:none;color:var(--hrast-tt);display:inline-block;transition:transform .2s ease,color .2s ease}
.i04-sadrzaj a:hover{color:var(--zelena);transform:translateX(-3px)}
.i07-tablica{width:100%;border-collapse:collapse;margin:1rem 0 1.6rem;background:var(--krem);font-variant-numeric:tabular-nums}
.i07-tablica caption{text-align:left;font-style:italic;color:var(--siva);padding-bottom:.4rem}
.i07-tablica th,.i07-tablica td{padding:.6rem .7rem;border-bottom:1px solid rgba(94,65,40,.3);text-align:left;vertical-align:top}
.i07-tablica thead th{background:var(--zelena);color:#fff}
.i08-pitanja details{background:var(--krem);border-top:5px solid var(--zelena);border-radius:3px;margin-bottom:.8rem;padding:0 1.1rem}
.i08-pitanja summary{cursor:pointer;font-weight:700;padding:.85rem 0;list-style-position:outside;transition:color .2s ease}
.i08-pitanja summary:hover{color:var(--zelena)}
.i08-pitanja details[open] summary{border-bottom:1px dashed rgba(94,65,40,.4);margin-bottom:.6rem}
.i09-dvoje{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem;align-items:start;margin:1.4rem 0}
.i11-veliko{font-size:clamp(4.5rem,12vw,9rem);font-weight:700;line-height:.9;color:var(--zelena);margin:0 0 .2em}
.i12-podaci{list-style:none;padding:0;margin:0 0 1.2rem}
.i12-podaci li{padding:.55rem 0;border-bottom:1px solid rgba(94,65,40,.3)}
.i12-podaci b{display:block;font-size:.88rem;font-style:italic;font-weight:400;color:var(--siva)}

/* footer */
.d01-podnozje{background:var(--hrast-tt);color:#e8dcc3;border-top:12px solid var(--zelena);padding:clamp(2.5rem,5vw,3.5rem) clamp(1rem,3vw,2rem) 1.6rem;--fokus:var(--mjed-s)}
.d06-mreza{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:2rem}
.d05-marka{font-size:1.6rem;font-weight:700;color:var(--krem);margin-bottom:.4rem}
.d02-vlasnik p{margin-bottom:.6rem}
.d01-podnozje a{color:#cfe6d9}
.d01-podnozje a:hover{color:#fff}
.d03-veze ul{list-style:none;margin:0;padding:0}
.d03-veze li{margin-bottom:.4rem}
.d07-naslov{font-weight:700;color:var(--mjed-s);margin-bottom:.6rem}
.d04-autorsko{max-width:1200px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid rgba(220,188,114,.3);font-size:.9rem}

/* cookie banner */
.c01-kolacici{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;max-width:44rem;margin:0 auto;background:var(--krem);color:var(--tinta);border-top:7px solid var(--hrast);border-radius:4px;box-shadow:0 12px 30px -8px rgba(0,0,0,.45);padding:1rem 1.2rem;display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;max-height:25vh;overflow:auto}
.c01-kolacici[hidden]{display:none}
.c02-tekst{margin:0;flex:1 1 18rem;font-size:.93rem;min-width:0}
.c03-gumbi{display:flex;gap:.7rem;flex-wrap:wrap}

/* responsive */
@media (max-width:1280px){
  .h17-mreza{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"tekst ladica" "slika ladica"}
  .h15-slika{max-width:460px}
}
@media (max-width:1100px){
  .z09-tipka{display:inline-flex;align-items:center;gap:.55rem;font:inherit;font-weight:700;color:var(--tinta);background:var(--krem);border:0;border-top:4px solid var(--zelena);border-radius:3px;padding:.5rem .9rem .7rem;cursor:pointer;transition:transform .2s ease,background .2s ease}
  .z09-tipka:hover{transform:translateY(-2px);background:#fffaf0}
  .z09-tipka:active{transform:translateY(1px);background:#e6dcc4}
  .z09-tipka:focus-visible{outline-color:var(--mjed-s)}
  .z09-tipka span{display:block;width:.6rem;height:.6rem;border-radius:50%;background:var(--hrast);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
  .z06-izbornik{position:fixed;left:0;right:0;bottom:0;z-index:50;background:linear-gradient(180deg,#6a492c,var(--hrast-t));border-top:6px solid var(--mjed);border-radius:10px 10px 0 0;padding:1.6rem 1rem 1.4rem;max-height:82vh;overflow:auto;transform:translateY(105%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;box-shadow:0 -14px 30px rgba(0,0,0,.4)}
  .z06-izbornik::before{content:"";position:absolute;left:50%;top:.55rem;width:3.2rem;height:.5rem;margin-left:-1.6rem;border-radius:999px;background:linear-gradient(180deg,var(--mjed-s),var(--mjed-t))}
  .s02-otvoreno .z06-izbornik{transform:none;visibility:visible;transition:transform .3s ease,visibility 0s}
  .z07-popis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .z07-popis li{min-width:0}
  .z08-veza{display:block;background:var(--krem);color:var(--tinta);border-top:5px solid var(--zelena);border-radius:3px;padding:.8rem .8rem 1.7rem;font-size:1.05rem;font-weight:700;-webkit-mask:radial-gradient(circle at 50% calc(100% - .7rem),transparent .3rem,#000 calc(.3rem + .6px));mask:radial-gradient(circle at 50% calc(100% - .7rem),transparent .3rem,#000 calc(.3rem + .6px))}
  .z08-veza::after{display:none}
  .z08-veza:hover{color:var(--zelena)}
  .z08-veza[aria-current="page"]{color:var(--zelena);border-top-color:var(--mjed-t)}
  .z06-izbornik .z12-zatvori{display:inline-flex;margin-top:1rem}
  .h17-mreza{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .d06-mreza{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .d02-vlasnik{grid-column:1/-1}
  .l04-mreza{grid-template-columns:repeat(2,minmax(0,1fr))}
  .u06-pravilo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .h17-mreza{grid-template-columns:minmax(0,1fr);grid-template-areas:"tekst" "ladica" "slika"}
  .h15-slika{max-width:560px}
  .l01-polje{grid-template-columns:minmax(0,1fr);gap:.8rem}
  .l02-margina{text-align:left;padding-top:0}
  .t10-slova{display:inline-block;margin:0 0 0 .6rem;font-size:4rem;vertical-align:middle}
  .l05-pojam{display:inline-block;vertical-align:middle}
  .f09-autor{max-width:34rem}
  .n05-uvod{text-align:left}
  .n05-uvod p{margin-left:0}
  .i09-dvoje{grid-template-columns:minmax(0,1fr)}
  .i04-sadrzaj{position:static}
  .u07-naslov{padding-left:0}
  .i02-naslov .p07-ladice{display:none}
  .i14-uski{max-width:300px}
}
.t01-trazilica,.u01-usluge{padding-top:calc(97px + clamp(2rem,4vw,3.5rem))}
.r01-rjecnik{padding-bottom:calc(97px + clamp(2.5rem,5vw,4rem))}
@media (max-width:768px){
  .p02-traka{height:49px;width:70%}
  .t01-trazilica,.u01-usluge{padding-top:calc(49px + 2rem)}
  .r01-rjecnik{padding-bottom:calc(49px + 2.5rem)}
  .i01-stranica{padding-bottom:calc(49px + 2rem)}
  .u06-pravilo{grid-template-columns:minmax(0,1fr)}
  .t03-popis{columns:1}
}
@media (max-width:640px){
  .l04-mreza{grid-template-columns:minmax(0,1fr)}
  .u02-kartica.u08-siroka{grid-column:auto}
  .f02-obrazac{grid-template-columns:minmax(0,1fr)}
  .d06-mreza{grid-template-columns:minmax(0,1fr)}
  .h13-faze{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h06-oznaka{padding-right:0;padding-top:1.6rem}
  .r03-naslov{flex-direction:column;gap:.1rem}
}
@media (max-width:480px){
  body{font-size:1rem}
  .z05-ime{font-size:1.1rem}
  .z04-znak{width:1.7rem;height:1.7rem}
  .z09-tipka{padding:.45rem .7rem .6rem}
  .z07-popis{grid-template-columns:minmax(0,1fr)}
  .g01-gumb{min-width:0;width:100%}
  .h03-ladica{border-width:0 6px 6px}
  .p02-traka{height:48px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-property:color,background-color,border-color!important;transition-duration:.15s!important}
  .s04-js .r11-dubina,.s04-js .r12-okret>*{opacity:1!important;transform:none!important}
  .g01-gumb:hover,.g02-sporedni:hover,.r04-clanak:hover,.u02-kartica:hover,.z08-veza:hover,.z09-tipka:hover{transform:none!important}
}