@font-face{font-family:"bacalar";src:url(../fonts/bacalar-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"bacalar-expanded";src:url(../fonts/bacalar-expanded-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"forma-djr-mono";src:url(../fonts/forma-djr-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"forma-djr-mono";src:url(../fonts/forma-djr-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"bacalar-reg";src:url(../fonts/bacalar-reg-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"lacquer-sr";src:url(../fonts/lacquer-sr-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}/* ---------- LOYALTY (#loyalty) ---------- */
body.lyneg .nav .logo{color:#A9C3D9}
body.lymode .mcbar{display:none!important}
.lyp .wrap{max-width:1360px;margin:0 auto}
.ly-stage{position:relative;height:1150vh;background:var(--siphon)}
.ly-stick{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--siphon);color:var(--milk);--hb:-140%}
.ly-stick::after{content:"";position:absolute;inset:0;background:url(a/noise.webp) repeat;background-size:270px;opacity:.68;mix-blend-mode:multiply;pointer-events:none;z-index:6}
.ly-bigstar{position:absolute;left:50%;top:52%;width:min(150vh,140vw);aspect-ratio:1;translate:-50% -50%;color:#3253B3;z-index:0;animation:lyspin 90s linear infinite}
.ly-bigstar svg{width:100%;height:100%}
@keyframes lyspin{to{rotate:360deg}}
.ly-fire{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.ly-gl{position:absolute;inset:0;width:100%;height:100%;z-index:3;touch-action:pan-y;cursor:grab}
.ly-gl.drag{cursor:grabbing}
.ly-reveal{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;text-align:center;pointer-events:none;will-change:transform,opacity;padding-top:60px}
.ly-kick{color:var(--butter);margin-bottom:22px;opacity:0;animation:lyfade .6s .9s forwards}
.ly-reveal .h{font-size:clamp(70px,15vw,240px);line-height:.82;color:var(--milk)}
.ly-reveal .ln{display:block;overflow:hidden;padding:0 .04em}
.ly-reveal .ln+.ln{color:var(--butter)}
.ly-reveal .ch{display:inline-block;transform:translateY(105%) rotate(6deg)}
.lyp.go .ly-reveal .ch{animation:lyrise .8s cubic-bezier(.2,.9,.2,1) forwards}
@keyframes lyrise{to{transform:none}}
@keyframes lyfade{to{opacity:1}}
.ly-rstar{position:absolute;width:var(--s);aspect-ratio:269/219;color:var(--c);transform:scale(0) rotate(-40deg)}
.lyp.go .ly-rstar{animation:lypop .7s var(--d) cubic-bezier(.3,1.7,.5,1) forwards}
.ly-rstar svg{width:100%;height:100%;fill:currentColor}
@keyframes lypop{to{transform:scale(1) rotate(var(--r))}}
.ly-cap{position:absolute;left:max(40px,env(safe-area-inset-left,0px));bottom:44px;z-index:5;max-width:470px;opacity:0;transform:translateY(24px);transition:opacity .45s,transform .45s;pointer-events:none}
.ly-cap.on{opacity:1;transform:none}
.ly-cap .h{font-size:clamp(34px,4.4vw,68px);color:var(--milk)}
.ly-cap .h em{font-style:normal;color:var(--butter)}
.ly-cap p{margin:14px 0 0;font-size:17px;color:var(--milk);opacity:.86;max-width:380px}
.ly-cap.big{top:calc(120px + env(safe-area-inset-top,0px));bottom:auto}.ly-cap.big .h{font-size:clamp(46px,7vw,112px);color:var(--butter)}
.ly-count{position:absolute;right:max(40px,env(safe-area-inset-right,0px));bottom:40px;z-index:5;text-align:right;opacity:0;transition:opacity .4s}
.ly-count.on{opacity:1}
.ly-count b{display:block;font-family:var(--f-head);font-weight:900;font-size:clamp(64px,8vw,128px);line-height:.8;color:var(--butter)}
.ly-count span{color:var(--milk)}
.ly-hint{position:absolute;left:50%;bottom:28px;translate:-50% 0;z-index:5;display:flex;gap:10px;align-items:center;color:var(--butter);opacity:0;transition:opacity .4s;pointer-events:none;white-space:nowrap}
.ly-hint.on{opacity:1}
.ly-hint .hand{font-size:24px}
.ly-hint svg{width:30px;height:30px;stroke-width:1.6;animation:lysw 1.6s ease-in-out infinite}
@keyframes lysw{50%{transform:rotate(-26deg)}}
.ly-cue{position:absolute;left:50%;bottom:26px;translate:-50% 0;z-index:5;color:var(--milk);display:flex;gap:10px;align-items:center;opacity:0;transition:opacity .3s}
.lyp.go .ly-cue{animation:lyfade .6s 1.6s forwards}
.ly-fx{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.ly-fx svg,.ly-fx2 svg{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);fill:currentColor}
.ly-flash{position:absolute;inset:0;z-index:5;background:var(--butter);opacity:0;pointer-events:none;mix-blend-mode:soft-light}
.ly-noweb{position:absolute;inset:0;display:none;place-items:center;z-index:3;color:var(--milk);text-align:center;padding:24px}

.ly-try{background:var(--butter);position:relative;overflow:hidden}
.ly-try .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:center;min-height:min(100svh,860px);padding-block:120px 90px}
.ly-try .h{font-size:clamp(48px,6.4vw,104px);color:var(--char)}
.ly-try p{font-size:18px;max-width:420px;margin:18px 0 22px;color:var(--char)}
.ly-tcount{display:flex;align-items:baseline;gap:14px}
.ly-tcount b{font-family:var(--f-head);font-size:64px;line-height:1;font-weight:900;color:var(--chili)}
.ly-twin{margin-top:22px;border:2px solid var(--char);background:var(--paper);padding:18px 20px;box-shadow:6px 6px 0 var(--char);max-width:420px;color:var(--char)}
.ly-twin b{display:block;font-family:var(--f-head);font-size:24px;text-transform:uppercase;line-height:1.05}
.ly-twin span{display:block;margin:6px 0 14px}
.ly-reset{all:unset;cursor:pointer;font-family:var(--f-mono);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1.5px solid currentColor;margin-top:18px;display:inline-block;color:var(--char)}
.ly-tbox{position:relative;height:min(70vh,640px);min-height:340px}
.ly-gl2{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:pointer}
.ly-fx2{position:absolute;inset:-20%;pointer-events:none}
.ly-tap{position:absolute;left:50%;bottom:0;translate:-50% 0;color:var(--char);font-size:22px;transform:rotate(-3deg);white-space:nowrap;transition:opacity .3s}

.ly-how{background:var(--char);color:var(--paper);padding:110px 0}
.ly-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:46px}
.ly-how .h{font-size:clamp(44px,6vw,92px);color:var(--paper)}
.ly-how .hand{font-size:26px;color:var(--butter);transform:rotate(-4deg)}
.ly-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.ly-steps li{border:1.5px solid rgba(246,242,227,.35);padding:26px 24px 30px;display:grid;gap:12px;align-content:start}
.ly-steps .num{font-family:var(--f-head);font-weight:900;font-size:64px;line-height:.8;color:var(--chili)}
.ly-steps .ic{width:46px;height:46px;stroke-width:1.4;color:var(--butter)}
.ly-steps b{font-family:var(--f-head);font-size:24px;text-transform:uppercase;line-height:1}
.ly-steps span{opacity:.82}
.ly-film{position:relative;z-index:4;height:1000vh;margin-top:-100svh}
.ly-fstick{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--char);color:var(--milk);visibility:hidden}.ly-fstick.live{visibility:visible}
.ly-fr{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.08);will-change:transform,opacity;transition:opacity .001s}
.ly-fr.on{opacity:1}
.ly-fr img,.ly-fr canvas,.ly-kbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) 50%;display:block}
.ly-fr[data-f="0"],.ly-kbg{--fx:38%}.ly-fr[data-f="2"]{--fx:38%}.ly-fr[data-f="3"]{--fx:35%}
@media (min-width:861px){.ly-fr[data-f="0"],.ly-kbg,.ly-fr[data-f="2"],.ly-fr[data-f="3"]{--fx:50%}}
.ly-kbg{position:absolute;inset:0;opacity:0;transform:scale(1.04);pointer-events:none}.ly-kbg::after{content:"";position:absolute;inset:0;background:url(a/noise.webp) repeat;background-size:270px;opacity:.41;mix-blend-mode:multiply}
.ly-fr::after{content:"";position:absolute;inset:0;background:url(a/noise.webp) repeat;background-size:270px;opacity:.41;mix-blend-mode:multiply;pointer-events:none}
.ly-fflash{position:absolute;inset:0;z-index:6;background:var(--paper);opacity:0;pointer-events:none}
.ly-fcap{position:absolute;left:max(40px,var(--gut,16px));bottom:48px;z-index:5;max-width:460px;background:var(--paper);color:var(--cocoa);border:2px solid var(--char);box-shadow:8px 8px 0 var(--char);padding:22px 26px 26px;opacity:0;transform:translateY(26px) rotate(-1.2deg);transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1);pointer-events:none}
.ly-fcap.on{opacity:1;transform:rotate(-1.2deg)}
.ly-fcap .ly-ftag{display:table;background:var(--char);color:var(--paper);padding:5px 9px;margin-bottom:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.ly-fcap .h{font-size:clamp(34px,4.2vw,64px);color:var(--cocoa)}.ly-fcap .h em{font-style:normal;color:var(--chili)}
.ly-fcap p{margin:12px 0 0;font-size:16px;max-width:360px;color:var(--cocoa)}
.ly-fnum{position:absolute;right:max(40px,var(--gutR,16px));top:calc(28px + env(safe-area-inset-top,0px));z-index:5;font-size:12px;letter-spacing:.16em;color:var(--paper);background:var(--char);padding:6px 10px}
@media (max-width:860px){.ly-fcap{left:16px;right:16px;bottom:24px;max-width:none;padding:18px 18px 20px}.ly-fcap .h{font-size:clamp(30px,9vw,44px)}.ly-fcap p{font-size:14.5px}.ly-fnum{right:16px;top:calc(16px + env(safe-area-inset-top,0px))}}
.ly-rules{padding:0 0 110px;background:var(--paper)}
.ly-rules .wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;border-top:1.5px solid var(--cocoa);padding-top:40px}
.ly-rules .h{font-size:clamp(30px,3.4vw,48px)}
.ly-rules ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}
.ly-rules li{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:15.5px;line-height:1.45}
.ly-rules li .ic{width:22px;height:22px;margin-top:1px;color:var(--chili);stroke-width:2}
.ly-cta{background:var(--siphon);color:var(--milk);padding:100px 0;position:relative}.ly-cta::after{content:"";position:absolute;inset:0;background:url(a/noise.webp) repeat;background-size:270px;opacity:.68;mix-blend-mode:multiply;pointer-events:none}.ly-cta .wrap{position:relative;z-index:1}.ly-cta .h{color:var(--butter)}.ly-cta .stamp{--bg:var(--chili)!important}
.ly-cta .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.ly-cta .h{font-size:clamp(48px,7vw,112px)}
.ly-cta p{font-size:18px;max-width:520px;margin:18px 0 0}
.ly-cta .stamp{--bg:var(--butter)}
@media (min-width:861px){.lyp .wrap{padding-left:40px;padding-right:40px}}
@media (max-width:860px){
 .lyp .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .ly-reveal{align-content:start;padding-top:calc(130px + env(safe-area-inset-top,0px))}
 .ly-reveal .h{font-size:clamp(58px,19vw,120px)}
 .ly-cap{left:16px;right:16px;bottom:28px;max-width:none}
 .ly-cap p{font-size:15px}
 .ly-count{right:16px;top:120px;bottom:auto}
 .ly-count b{font-size:64px}
 .ly-cap.big{top:calc(96px + env(safe-area-inset-top,0px))}
 .ly-try .wrap{grid-template-columns:1fr;padding-block:70px 40px;gap:0}
 .ly-tbox{height:58vh}
 .ly-how,.ly-where{padding:80px 0}
 .ly-steps,.ly-ways{grid-template-columns:1fr}
 .ly-way>div{padding:22px 20px 26px}.ly-phone{width:96px;right:14px;bottom:-26px;padding:10px 8px;border-radius:18px}
 .ly-rules{padding-bottom:80px}.ly-rules .wrap{grid-template-columns:1fr;gap:24px}.ly-rules ul{grid-template-columns:1fr}
 .ly-cta{padding:72px 0}.ly-cta .wrap{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.ly-bigstar{animation:none}}

.ly-rv{opacity:0;transform:translateY(46px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.ly-rv.h{transform:translateY(60px) rotate(-2deg);clip-path:inset(0 0 100% 0);transition:opacity .5s,transform .9s cubic-bezier(.2,.9,.2,1),clip-path .9s cubic-bezier(.2,.9,.2,1)}
.ly-rv.in{opacity:1;transform:none;clip-path:inset(0 0 -10% 0)}
.ly-way.ly-rv{transform:translateY(60px) rotate(var(--rr,-2deg))}.ly-way.ly-rv+.ly-way{--rr:2deg}.ly-way.ly-rv.in{transform:none}
@media (prefers-reduced-motion:reduce){.ly-rv{opacity:1;transform:none;clip-path:none}}

/* ---- ruka + telefon ---- */
.ly-hand{position:absolute;right:max(3vw,calc(50% - 600px));bottom:calc(var(--hb) - 26svh);width:min(56vw,960px,100svh);aspect-ratio:880/1168;container-type:inline-size;pointer-events:none}
.lh-back{position:absolute;left:0;top:0;width:100cqw;height:auto;z-index:2}
.lh-front{position:absolute;left:0;top:0;width:100cqw;height:auto;z-index:4}
.lh-phone{--pa:-7.48deg;position:absolute;left:34.2cqw;top:22.5cqw;width:31.1cqw;height:69.5cqw;transform:rotate(var(--pa,-7.48deg));transform-origin:50% 50%;z-index:3}
.lh-screen{position:relative;width:100%;height:100%;border-radius:3.4cqw;background:var(--soda);overflow:hidden;color:var(--cocoa);padding:3.2cqw 2.6cqw;display:flex;flex-direction:column;gap:2.2cqw;opacity:0;transition:opacity .5s}
.lh-screen.on{opacity:1}
.lh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5cqw;color:var(--cocoa);padding-top:1.2cqw}
.lh-ttl{font-family:var(--f-head);font-weight:900;font-stretch:118%;text-transform:uppercase;font-size:4.5cqw;line-height:.86;letter-spacing:-.01em;color:var(--cocoa)}
.lh-pill{flex:none;font-size:1.45cqw;letter-spacing:.06em;background:var(--cocoa);color:var(--paper);padding:.7cqw 1cqw;margin-top:.3cqw;white-space:nowrap}
.lh-row .lh-k{display:block;font-size:1.35cqw;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:var(--cocoa);padding:.4cqw .65cqw;margin:0;flex:none;white-space:nowrap}
.lh-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1cqw;width:100%}
.lh-star{display:inline-block;width:.95em;height:auto;aspect-ratio:269/219;fill:var(--siphon);color:var(--siphon);transform:rotate(-12deg);vertical-align:-.05em;margin-left:.18em}
.lh-cardslot{height:16cqw}
.lh-row{display:flex;flex-direction:column;align-items:flex-start;gap:1.2cqw;padding:2.2cqw 2.2cqw 2.3cqw;background:var(--butter);box-shadow:.9cqw .9cqw 0 var(--cocoa);border:.4cqw solid var(--cocoa);opacity:0;transform:translateY(3cqw);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1);position:absolute;left:2.4cqw;right:3.2cqw;top:35cqw}
.lh-row.on{opacity:1;transform:none}
.lh-row .ic{width:6cqw;height:6cqw;stroke-width:1.6;flex:none;color:var(--soda)}
.lh-row>div{min-width:0}
.lh-s2{align-items:flex-start;text-align:left}
.lh-row b{display:block;font-family:var(--f-head);font-weight:900;font-stretch:118%;font-size:2.9cqw;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.02;text-transform:uppercase}
.lh-row div>span{display:block;font-size:1.85cqw;line-height:1.25;margin-top:.6cqw;opacity:.85}
.lh-s3{background:var(--butter)}
.lh-foot{position:absolute;left:2.6cqw;right:3.4cqw;bottom:2.6cqw;display:flex;justify-content:space-between;align-items:center;gap:2cqw;font-size:1.25cqw;letter-spacing:.12em;text-transform:uppercase;color:var(--cocoa)}
.lh-dots{display:flex;gap:.6cqw}.lh-dots i{width:1.8cqw;height:1.8cqw;border-radius:50%;border:.3cqw solid var(--cocoa);background:transparent}.lh-dots i.f{background:var(--chili)}
.lh-qr{position:relative;width:11cqw;height:11cqw;flex:none;background:#fff;padding:.9cqw;border:.4cqw solid var(--cocoa);overflow:hidden}
.lh-qr svg{width:100%;height:100%;display:block}
.lh-scan{position:absolute;left:0;right:0;top:0;height:.6cqw;background:var(--soda);box-shadow:0 0 1.5cqw var(--soda);animation:lhscan 1.4s ease-in-out infinite}
@keyframes lhscan{0%,100%{top:4%}50%{top:92%}}
.ly-cap.how{bottom:auto;top:calc(150px + env(safe-area-inset-top,0px));max-width:520px}
.ly-cap.how .ly-k{display:block;color:var(--butter);margin-bottom:14px}
.ly-cap.how .h{font-size:clamp(44px,6.4vw,104px)}
@media (max-width:860px){
 .ly-hand{--hw:min(112vw,calc((100svh - 290px) / .7));right:auto;left:50%;bottom:auto;top:calc(272px + env(safe-area-inset-top,0px) - .225 * var(--hw));width:var(--hw);translate:-50% calc(-1 * var(--hb))}
 .ly-cap.how{top:calc(96px + env(safe-area-inset-top,0px));max-width:none}
 .ly-cap.how .h{font-size:clamp(38px,11vw,60px)}
 .ly-cap.how p{font-size:14.5px;max-width:300px}
}

/* QR prikaz na ekranu telefona (isti dizajn kao na fotki) */
.lh-qv{position:absolute;left:2.4cqw;right:3cqw;top:13.5cqw;opacity:0;transform:translateY(2cqw) scale(.96);transition:opacity .45s,transform .55s cubic-bezier(.2,.9,.3,1);pointer-events:none}
.lh-qvbox{background:var(--butter);border:.4cqw solid var(--cocoa);box-shadow:.9cqw .9cqw 0 var(--cocoa);padding:2.4cqw 2.4cqw 2.6cqw;color:var(--cocoa)}
.lh-qvqr{position:relative;background:#fff;border:.4cqw solid var(--cocoa);padding:1.6cqw;overflow:hidden}.lh-qvqr svg{display:block;width:100%;height:auto}
.lh-qvbox .mono{display:block;font-size:1.3cqw;letter-spacing:.12em;text-transform:uppercase;margin-top:2cqw;font-weight:700}
.lh-qvbox b{display:block;font-family:var(--f-head);font-weight:900;font-stretch:118%;text-transform:uppercase;font-size:2.7cqw;line-height:1;margin-top:.7cqw}
.lh-screen.qr .lh-qv{opacity:1;transform:none}
.lh-screen.qr .lh-row,.lh-screen.qr .lh-cardslot{opacity:0!important;transition:opacity .3s}
.ly-hand2{--hb:0%;z-index:4;pointer-events:none;opacity:0}.ly-hand2.on{opacity:1}

.ly-fr{transition:none!important;transform-origin:var(--ox,50%) var(--oy,50%)}
.ly-hand2{transition:none}
.lh-okc{position:absolute;inset:0;display:grid;place-items:center;background:var(--butter);opacity:0;transform:scale(.6) rotate(-12deg);transition:opacity .25s,transform .45s cubic-bezier(.2,1.6,.4,1)}
.lh-okc .ic{width:60%;height:60%;stroke-width:2.6;color:var(--siphon)}
.lh-t2{display:none}
.lh-screen.ok .lh-okc{opacity:1;transform:none}.lh-screen.ok .lh-scan{display:none}
.lh-screen.ok .lh-t1{display:none}.lh-screen.ok .lh-t2{display:inline}
.lh-screen.ok .lh-qvbox{background:var(--butter)}

.ly-num{display:block;font-family:var(--f-head);font-weight:900;font-stretch:118%;font-size:clamp(44px,5vw,84px);line-height:.85;color:var(--soda);margin-bottom:10px;letter-spacing:-.01em}
@media (max-width:860px){.ly-num{font-size:clamp(36px,10vw,52px);margin-bottom:6px}}
.ly-prog{position:fixed;right:max(24px,var(--gutR,16px));bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;gap:7px;padding:9px 11px;background:var(--char);border-radius:999px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none}
.ly-prog.on{opacity:1;transform:none}
.ly-prog i{width:12px;height:12px;border-radius:50%;border:2px solid var(--paper);background:transparent;transition:background .25s,transform .25s}
.ly-prog i.f{background:var(--chili);border-color:var(--chili)}
.ly-prog i.c{background:var(--chili);border-color:var(--paper);transform:scale(1.25)}
body:has(.otwrap.isready) .ly-prog,body:has(.otrk:not([hidden])) .ly-prog{bottom:calc(140px + env(safe-area-inset-bottom,0px))}
@media (max-width:860px){.ly-prog{right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:5px;padding:7px 9px}.ly-prog i{width:9px;height:9px}}

.lh-screen::after{content:"";position:absolute;inset:0;border-radius:inherit;background:url(a/noise.webp) repeat;background-size:200px;opacity:.41;mix-blend-mode:multiply;pointer-events:none;z-index:9}
.ly-hand .lh-phone{filter:saturate(.95)}

.ly-soon{display:inline-block;background:var(--butter);color:var(--char);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:7px 11px;border:2px solid var(--char);box-shadow:3px 3px 0 var(--char);transform:rotate(-3deg)}
.ly-reveal .ly-soon{margin-top:26px;justify-self:center;opacity:0;animation:lyfade .5s 1.2s forwards}
@keyframes lyfade{to{opacity:1}}
.ly-cta .ly-soon{margin-bottom:18px}
.ly-join{display:grid;gap:10px;width:min(440px,100%)}
.ly-join label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--milk)}
.ly-jrow{display:flex;gap:10px;flex-wrap:wrap}
.ly-jrow input{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:14px 16px;background:var(--paper);color:var(--cocoa);border:2px solid var(--char);border-radius:0;box-shadow:4px 4px 0 var(--char);outline:none}
.ly-jrow input:focus-visible{outline:2px solid var(--butter);outline-offset:3px}
.ly-jmsg{min-height:1.2em;font-size:14px;color:var(--butter)}
@media (max-width:860px){.ly-cta .wrap{grid-template-columns:1fr}}

@media (max-width:860px){.ly-fr[data-f="3"]{--fx:42%}}


/* pravi pečat umesto kvačice */
.lh-okc{background:var(--butter)!important}
.lh-stamp{position:relative;width:74%;aspect-ratio:1;transform:scale(2.4) rotate(-28deg);opacity:0;transition:none}
.lh-stamp svg{width:100%;height:100%;display:block;overflow:visible}
.lh-stamp .sf{fill:#EBD27A;stroke:none}
.lh-stamp .sd{fill:none;stroke:var(--cocoa);stroke-width:2.2;stroke-dasharray:5 4}
.lh-stamp .si{fill:none;stroke:var(--char);stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;color:var(--char)}
.lh-stamp .mono{position:absolute;left:0;right:0;bottom:-20%;text-align:center;font-size:1.3cqw;letter-spacing:.12em;color:var(--cocoa);margin:0}
.lh-stamp::after{content:"";position:absolute;inset:0;border-radius:50%;background:url(a/noise.webp) repeat;background-size:120px;mix-blend-mode:screen;opacity:.55;pointer-events:none}
.lh-screen.ok .lh-stamp{animation:lhstamp .5s .05s cubic-bezier(.2,.9,.3,1.2) forwards}
.lh-screen.ok .lh-okc{transform:none!important;opacity:1!important}
@keyframes lhstamp{0%{transform:scale(2.4) rotate(-28deg);opacity:0}45%{opacity:1}70%{transform:scale(.94) rotate(-6deg);opacity:1}100%{transform:scale(1) rotate(-8deg);opacity:1}}
.lh-qvbox .mono .lh-t2{display:none}.lh-screen.ok .lh-qvbox .mono .lh-t1{display:none}.lh-screen.ok .lh-qvbox .mono .lh-t2{display:inline}

/* pečat kao na kartici: žuti box > crveni kvadrat > žuti pečat */
.lh-screen.ok .lh-qvqr{background:var(--chili)!important}
.lh-okc{background:var(--chili)!important;overflow:hidden}
.lh-okc::after{content:"";position:absolute;inset:0;background:url(a/noise.webp) repeat;background-size:140px;opacity:.6;mix-blend-mode:multiply;pointer-events:none}
.lh-stamp{width:70%!important}
.lh-stamp .sf{fill:#E9D27E!important}
.lh-stamp .sd{fill:none;stroke:var(--char)!important;stroke-width:2.6!important;stroke-dasharray:6.5 4.2!important}
.lh-stamp .si{stroke:var(--char)!important;stroke-width:3.2!important}
.lh-stamp .mono{color:var(--char)!important;bottom:-24%!important;font-size:1.45cqw!important}
.lh-stamp::after{inset:11%!important;background-size:120px!important;opacity:.35!important}


/* mobilni: telefon uvek ispod titla, bez preklapanja */
@media (max-width:860px){
 .ly-hand{--cb:var(--capb,272px);--hw:min(112vw,calc((100svh - var(--cb) - 12px) / .7));top:calc(var(--cb) - .225 * var(--hw))!important}
}
@media (max-width:860px) and (max-height:760px){
 .ly-cap.how{top:calc(84px + env(safe-area-inset-top,0px))}
 .ly-cap.how .h{font-size:min(11vw,6.6svh)}
 .ly-cap.how .ly-k{margin-bottom:6px}
 .ly-cap.how p{font-size:13.5px;margin-top:8px}
 .ly-cap.big{top:calc(84px + env(safe-area-inset-top,0px))}
 .ly-cap.big .h{font-size:min(12vw,7svh)}
 .ly-cap .h{font-size:min(9.5vw,6svh)}
 .ly-cap p{font-size:13.5px;margin-top:8px}
 .ly-cap{bottom:20px}
}

/* 03.11 kratki ekrani: naslov i "stiže uskoro" iznad kartice */
@media (max-width:860px) and (max-height:760px){
 .ly-reveal{padding-top:calc(92px + env(safe-area-inset-top,0px))!important}
 .ly-reveal .h{font-size:clamp(48px,15vw,92px)!important}
 .ly-reveal .ly-soon{margin-top:14px!important}
}