@layer components{.yh{--yh-crvena:#e74a4e;--yh-tekst-2:#eff1f6bd;--yh-razmak:clamp(10px, 1.2vw, 16px);background:var(--noc);color:var(--magla)}.yh :focus-visible{outline:2px solid var(--magla);outline-offset:3px}.yh .lead{color:var(--yh-tekst-2)}.yh-hero{--okvir-vrh:calc(var(--head) + 28px);--okvir-h:calc(max(600px, 100svh) - var(--head) - 112px);--okvir-w:calc(var(--okvir-h) * 9 / 16);--okvir-desno:max(var(--gut), calc((100% - 1520px) / 2 + var(--gut)));--okvir-razmak:clamp(40px, 5vw, 96px);isolation:isolate;min-height:max(600px,100svh);padding-top:var(--head);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.yh-video{z-index:-2;background:var(--noc);position:absolute;inset:0;overflow:hidden}.yh-video__slika,.yh-video__snimak{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.yh-video__snimak{opacity:0;transition:opacity .8s var(--ease)}.yh-video__snimak[data-radi]{opacity:1}.yh-hero__senka{z-index:-1;background:linear-gradient(#0e111600 34%,#0e111680 54%,#0e1116e0 73%,#0e1116f2 100%);position:absolute;inset:0}.yh-hero__sadrzaj{width:100%;padding-bottom:clamp(32px,6.5vh,76px)}.yh-hero__naslov{font-weight:500;display:grid}.yh-red{margin:-.06em -.16em -.2em;padding:.06em .16em .2em;display:block;overflow:hidden}.yh-hero__kist{font-size:clamp(96px,10.5vw,190px);line-height:.95;display:block}.yh-hero__god{letter-spacing:-.01em;margin-top:.12em;font-size:clamp(30px,3.4vw,54px);line-height:1.1;display:block}.yh-hero__kad{margin-top:18px;font-size:clamp(17px,1.35vw,20px);line-height:1.55}.yh-hero__akcija{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:28px;display:flex}.yh-hero__dugme:active{transform:scale(.97)}.yh-hero__odbr .odbr strong{color:var(--yh-crvena)}.yh-hero__odbr .odbr:not(:has(strong)){visibility:hidden}.yh-hero__oznaka{color:var(--yh-tekst-2);margin-top:20px;font-size:13px;line-height:1.45}@media (min-width:900px) and (min-aspect-ratio:5/4){.yh-video{inset:auto;top:var(--okvir-vrh);right:var(--okvir-desno);width:var(--okvir-w);height:var(--okvir-h);border-radius:22px}.yh-hero__senka{display:none}.yh-hero__kist{margin-left:-.15em}.yh-hero__sadrzaj{padding-right:calc(var(--gut) + var(--okvir-w) + var(--okvir-razmak));padding-bottom:84px}.yh-hero__oznaka{top:calc(var(--okvir-vrh) + var(--okvir-h) + 12px);right:var(--okvir-desno);width:var(--okvir-w);margin:0;position:absolute}}@media (max-width:699px){.yh-hero__kist{font-size:clamp(64px,21vw,120px)}.yh-hero__kad{margin-top:12px}.yh-hero__akcija{gap:12px 20px;margin-top:22px}.yh-hero__dugme{height:46px;padding:0 20px;font-size:15px}.yh-hero__oznaka{margin-top:18px}}.yh-glava{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end;gap:16px clamp(32px,6vw,96px);margin-bottom:clamp(32px,4vw,56px);display:grid}.yh-glava .lead{margin-top:0}.yh-gal{gap:var(--yh-razmak);display:grid}.yh-gal__red{gap:var(--yh-razmak);display:flex}.yh-gal__red>li{flex:var(--ar) 1 0%;min-width:0}.yh-gal__dugme{cursor:zoom-in;border-radius:18px;width:100%;display:block}.yh-gal__okvir{background:#eff1f60d;border-radius:18px;display:block;overflow:hidden}.yh-gal__okvir img{width:100%;height:auto;transition:transform .9s var(--ease)}.yh .yh-gal__dugme:hover .yh-gal__okvir img{transform:scale(1.03)}.yh-gal figcaption{color:var(--yh-tekst-2);margin-top:12px;font-size:15px;line-height:1.5}@media (max-width:899px){.yh-glava{grid-template-columns:minmax(0,1fr)}}@media (max-width:699px){.yh-gal__red{flex-direction:column;gap:24px}.yh-gal__red>li{flex:none}}.yh #prijava,.yh #prijava-forma{scroll-margin-top:calc(var(--head) + 16px)}.yh-prijava__mreza{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:clamp(40px,7vw,120px);display:grid}.yh-cinj{margin-top:clamp(28px,3vw,44px)}.yh-cinj>div{border-top:1px solid var(--linija-noc);grid-template-columns:120px minmax(0,1fr);gap:16px;padding-block:18px;display:grid}.yh-cinj>div:last-child{border-bottom:1px solid var(--linija-noc)}.yh-cinj dt{color:var(--yh-tekst-2);padding-top:.35em;font-size:15px}.yh-cinj dd{text-wrap:pretty;font-size:clamp(20px,1.8vw,26px);line-height:1.35}.yh-veza{color:var(--yh-tekst-2);text-underline-offset:5px;transition:color .25s var(--ease), text-decoration-color .25s var(--ease);align-items:center;gap:8px;font-size:15px;line-height:1.4;-webkit-text-decoration:underline #eff1f64d;text-decoration:underline #eff1f64d;display:inline-flex}.yh-cinj .yh-veza{width:fit-content;margin-top:8px;display:flex}.yh-veza:hover,.yh-radnja:hover .yh-veza{color:var(--magla);-webkit-text-decoration-color:var(--yh-crvena);text-decoration-color:var(--yh-crvena)}.yh-forma{top:calc(var(--head) + 24px);border:1px solid var(--linija-noc);border-radius:22px;padding:clamp(22px,2.6vw,40px);position:sticky}.yh-forma h2:focus{outline:none}.yh-forma__uvod{color:var(--yh-tekst-2);margin:8px 0 22px}.yh .forma--tamna .forma__potvrda input{accent-color:var(--magla)}@media (max-width:899px){.yh-prijava__mreza{grid-template-columns:minmax(0,1fr)}.yh-forma{position:static}}@media (max-width:479px){.yh-cinj>div{grid-template-columns:minmax(0,1fr);gap:4px}.yh-cinj dt{padding-top:0}}.yh-pravila__mreza{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:clamp(40px,7vw,120px);display:grid}.yh-pravila__lista{margin-top:clamp(24px,3vw,40px)}.yh-pravila__lista li{border-top:1px solid var(--linija-noc);max-width:64ch;color:var(--yh-tekst-2);padding-block:18px;font-size:18px;line-height:1.6}.yh-radnja{border:1px solid var(--linija-noc);transition:border-color .3s var(--ease);border-radius:22px;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:20px;padding:14px;display:grid}.yh-radnja:hover{border-color:#eff1f666}.yh-radnja__slika{aspect-ratio:1;border-radius:8px;overflow:hidden}.yh-radnja__slika img{object-fit:cover;object-position:50% 35%;width:100%;height:100%}.yh-radnja__tekst{color:var(--yh-tekst-2);gap:4px;font-size:15px;line-height:1.45;display:grid}.yh-radnja__nasl{color:var(--magla);font-size:19px;font-weight:500}.yh-radnja .yh-veza{margin-top:6px}.yh-nazad{margin-top:clamp(48px,6vw,88px)}@media (max-width:899px){.yh-pravila__mreza{grid-template-columns:minmax(0,1fr)}}body:has(.yh) .uvecanje{background:var(--noc);color:var(--magla)}body:has(.yh) .uvecanje :focus-visible{outline-color:var(--magla)}body:has(.yh) .uvecanje .btn--line{border-color:var(--linija-noc);color:var(--magla)}body:has(.yh) .uvecanje .btn--line:hover{border-color:#eff1f680}body:has(.yh) .uvecanje__str{color:var(--magla);background:#eff1f61f}body:has(.yh) .uvecanje__male button{background:#eff1f60f;overflow:hidden}body:has(.yh) .uvecanje__male button[aria-current]{box-shadow:inset 0 0 0 1.5px var(--magla)}body:has(.yh) .uvecanje__male img{object-fit:cover;padding:0}}.m .yh-red>span{animation:yh-red 1s var(--ease) both}.m .yh-red+.yh-red>span{animation-delay:90ms}.m .yh-hero__kad{animation:yh-pojava .9s var(--ease) .28s both}.m .yh-hero__akcija{animation:yh-pojava .9s var(--ease) .38s both}.m .yh-hero__oznaka{animation:yh-pojava .9s var(--ease) .5s both}@keyframes yh-red{0%{transform:translateY(110%)}}@keyframes yh-pojava{0%{opacity:0;transform:translateY(14px)}}.m .yh [data-rv=img]{clip-path:inset(0 100% 0 0 round 18px);transition:clip-path 1.25s var(--ease-io) calc(var(--i,0) * .14s)}.m .yh [data-rv=img] img{transition:transform 1.6s var(--ease) calc(var(--i,0) * .14s);transform:scale(1.12)}.m .yh [data-rv=img].in{clip-path:inset(0 round 18px)}.m .yh [data-rv=img].in img{transform:none}.m .yh .yh-gal__dugme:hover [data-rv=img].in img{transition-delay:0s;transform:scale(1.03)}.rv-off .yh [data-rv] img{transform:none}@media (prefers-reduced-motion:reduce){.yh-video__snimak{display:none}}.yh-hero .yh-dim{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.yh-hero[data-dim] .yh-hero__kist{color:#0000}.yh-hero[data-dim=ceka] .yh-hero__god,.yh-hero[data-dim=ceka] .yh-hero__kad,.yh-hero[data-dim=ceka] .yh-hero__akcija,.yh-hero[data-dim=pise] .yh-hero__kad,.yh-hero[data-dim=pise] .yh-hero__akcija{opacity:0;transform:translateY(12px)}.yh-hero .yh-hero__god,.yh-hero .yh-hero__kad,.yh-hero .yh-hero__akcija{transition:opacity 1.2s var(--ease), transform 1.2s var(--ease)}.yh-hero .yh-hero__senka{z-index:1}.yh-hero .yh-hero__sadrzaj{z-index:2;position:relative}@media (min-width:900px) and (min-aspect-ratio:5/4){.yh-hero .yh-hero__sadrzaj{padding-right:var(--gut)}}@media (min-width:900px){.yh-hero .yh-hero__kist{font-size:clamp(120px,13.5vw,250px);line-height:1}}