/* Poklon vaucer - drnadamaksimovic.rs. Sve je pod #nm-vaucer da ne dira ostatak sajta. */
#nm-vaucer{--teget:#16273b;--karamel:#a97450;--maslina:#896a46;--krem:#f6ede3;--papir:#f4ece0;--tiho:#5b6672;
  --serif:Lora,Georgia,"Times New Roman",serif;--sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --zlato:linear-gradient(100deg,#8a5a38 0%,#c99a6e 20%,#f0d8b8 34%,#b88358 50%,#e6c9a5 66%,#93643f 82%,#d2a97f 100%);
  color:var(--teget);font-family:var(--sans);line-height:1.6}
#nm-vaucer *{box-sizing:border-box}
#nm-vaucer [hidden]{display:none!important}
.nmv-omot{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:center}
.nmv-levo,.nmv-scena,.nmv-p-levo,.nmv-p-desno{min-width:0}
.nmv-nadnaslov{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--karamel);font-weight:600;display:flex;align-items:center;gap:12px}
.nmv-nadnaslov::before{content:"";width:32px;height:1px;background:var(--karamel)}
#nm-vaucer .nmv-h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.4vw,50px);line-height:1.1;margin:16px 0 18px;text-wrap:balance;color:var(--teget)}
#nm-vaucer .nmv-h2 em{color:var(--karamel)}
.nmv-uvod{color:var(--tiho);max-width:46ch;margin:0 0 28px}
.nmv-iznosi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;max-width:420px}
.nmv-iznos{font:500 15px var(--sans);font-variant-numeric:tabular-nums;padding:11px 10px;border:1px solid rgba(22,39,59,.22);background:transparent;color:var(--teget);cursor:pointer;transition:background .25s,color .25s,border-color .25s;border-radius:0}
.nmv-iznos:hover{border-color:var(--teget)}
.nmv-iznos[aria-pressed="true"]{background:var(--teget);color:var(--krem);border-color:var(--teget)}
.nmv-tretman{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px;max-width:420px}
.nmv-tretman label,.nmv-polje label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tiho)}
.nmv-tretman select{font:400 15px var(--sans);padding:11px 12px;border:1px solid rgba(22,39,59,.22);background:transparent;color:var(--teget);border-radius:0;width:100%}
.nmv-napomena{font-size:13px;color:var(--tiho);margin:0 0 22px;max-width:46ch}
.nmv-polja{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.nmv-polje{display:flex;flex-direction:column;gap:6px;min-width:0}
.nmv-polje.nmv-siroko{grid-column:1/-1}
.nmv-polje input{font:400 16px var(--sans);padding:12px 0;border:0;border-bottom:1px solid rgba(22,39,59,.3);background:transparent;color:var(--teget);border-radius:0;width:100%}
.nmv-polje input:focus{outline:none;border-bottom-color:var(--karamel)}
.nmv-mejl-napomena{font-size:13px;color:var(--tiho);line-height:1.5}
.nmv-saglasnost{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tiho);margin-bottom:22px}
.nmv-saglasnost input{margin-top:4px;accent-color:var(--teget);width:16px;height:16px;flex:0 0 auto}
.nmv-saglasnost a{color:var(--teget)}
.nmv-dugme{font:600 14px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:18px 34px;border:0;background:#D9A94B;color:var(--teget);cursor:pointer;transition:background .3s,color .3s;border-radius:0}
.nmv-dugme:hover{background:var(--teget);color:var(--krem)}
.nmv-dugme:disabled{opacity:.6;cursor:wait}
.nmv-greska{color:#9a3b2a;font-size:14px;margin:12px 0 0}
#nm-vaucer button:focus-visible,#nm-vaucer input:focus-visible,#nm-vaucer select:focus-visible,#nm-vaucer a:focus-visible{outline:2px solid var(--karamel);outline-offset:2px}
.nmv-skriveno{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* vaucer */
.nmv-scena{perspective:1800px;display:flex;flex-direction:column;align-items:center;gap:22px}
.nmv-nagib{width:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.nmv-karta{container-type:inline-size;position:relative;width:100%;aspect-ratio:1.75/1;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.1,.15,1)}
.nmv-karta.nmv-okrenuta{transform:rotateY(180deg)}
.nmv-strana{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;box-shadow:0 36px 60px -28px rgba(22,39,59,.5),0 10px 18px -10px rgba(22,39,59,.35)}
.nmv-zadnja{transform:rotateY(180deg)}
.nmv-zlato{background:var(--zlato);background-size:240% 100%;background-position:var(--zx,40%) 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .9s cubic-bezier(.2,.7,.2,1)}
.nmv-prednja{display:grid;grid-template-columns:46% 54%;background:var(--teget)}
.nmv-foto{position:relative;background:#e9d8c4 url("foto.webp") center 30%/cover no-repeat}
.nmv-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 78%,rgba(22,39,59,.28))}
.nmv-tekst{position:relative;padding:4.6cqw 4.4cqw 9cqw 4.8cqw;color:var(--krem);display:flex;flex-direction:column;justify-content:center;min-width:0}
@container (max-width:520px){.nmv-tekst{padding-bottom:15cqw;padding-top:3cqw}}
.nmv-naslov{font-family:var(--serif);font-weight:500;font-size:max(15px,3.4cqw);letter-spacing:.2em;text-transform:uppercase;margin:1cqw 0 0;line-height:1.1;font-style:italic}
.nmv-za{font-family:var(--serif);font-style:italic;font-size:max(11px,1.9cqw);color:#e6c9a5;margin:1.6cqw 0 0;min-height:1.3em;overflow-wrap:anywhere}
.nmv-opis{font-size:max(9px,1.45cqw);line-height:1.5;color:rgba(246,237,227,.82);margin:1.2cqw 0 0;max-width:32ch}
.nmv-crta{width:5cqw;height:1px;background:#c99a6e;margin:2.4cqw 0 1.6cqw}
.nmv-vr-oznaka{font-size:max(7px,1.05cqw);letter-spacing:.28em;text-transform:uppercase;color:rgba(246,237,227,.6)}
.nmv-vrednost{font-family:var(--serif);font-weight:600;font-size:max(18px,3.9cqw);line-height:1.15;font-variant-numeric:lining-nums tabular-nums;margin-top:.4cqw;word-spacing:-.12em}
.nmv-potpis{position:absolute;right:4.4cqw;bottom:4.2cqw;text-align:right;font-size:max(6.5px,1cqw);letter-spacing:.24em;text-transform:uppercase;color:rgba(246,237,227,.7);line-height:1.7}
.nmv-potpis em{display:block;font-family:var(--serif);font-style:italic;font-size:max(9px,1.6cqw);letter-spacing:.02em;text-transform:none;color:#e6c9a5;margin-bottom:.3cqw}
.nmv-odsjaj{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--mx,30%) var(--my,25%),rgba(255,236,214,.5),transparent 45%)}
.nmv-zadnja{background:var(--papir);color:var(--teget);display:grid;grid-template-columns:62% 38%;grid-template-rows:1fr auto}
.nmv-uslovi-k{position:relative;padding:3.8cqw 3.2cqw 1.6cqw 4.4cqw;min-width:0;display:flex;flex-direction:column}
.nmv-uslovi-k h4{font-family:var(--serif);font-weight:600;font-size:max(10px,2.3cqw);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.2cqw;color:var(--teget)}
.nmv-uslovi-k ol{margin:0;padding-left:1.15em;font-size:max(10.5px,2.05cqw);line-height:1.32;color:#2f3a48;display:grid;gap:1.1cqw;align-content:start}
.nmv-posveta{font-family:var(--serif);font-style:italic;font-size:max(10.5px,2.15cqw);color:var(--maslina);margin-top:auto;padding-top:1cqw;line-height:1.3;min-height:1.4em;overflow-wrap:anywhere}
.nmv-polja-k{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;margin-top:1.6cqw}
.nmv-pk{border-top:1px solid rgba(22,39,59,.28);padding-top:.8cqw;font-size:max(8px,1.45cqw);letter-spacing:.2em;text-transform:uppercase;color:#5b6470}
.nmv-pk b{display:block;font-family:var(--serif);font-weight:500;font-size:max(11px,2.45cqw);letter-spacing:.03em;color:var(--teget);text-transform:none;margin-top:.3cqw;white-space:nowrap}
.nmv-znak{position:relative;border-left:1px solid rgba(169,116,80,.35);margin:4cqw 0 2cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;text-align:center}
.nmv-znak strong{font-family:var(--serif);font-style:italic;font-weight:400;font-size:max(16px,3.6cqw);line-height:1.2;color:var(--teget)}
.nmv-znak small{font-family:var(--serif);font-style:italic;font-size:max(10.5px,2.1cqw);color:var(--maslina)}
.nmv-traka{grid-column:1/-1;position:relative;border-top:1px solid rgba(169,116,80,.35);margin:0 3cqw;padding:1.1cqw 0 1.4cqw;display:flex;justify-content:space-between;gap:2cqw;font-size:max(8px,1.5cqw);letter-spacing:.1em;text-transform:uppercase;color:#6c7480;white-space:nowrap}
.nmv-okreni{font:500 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;background:none;border:0;border-bottom:1px solid var(--karamel);color:var(--teget);padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border-radius:0}
.nmv-okreni svg{width:16px;height:16px;transition:transform .6s}
.nmv-okreni[aria-pressed="true"] svg{transform:rotate(180deg)}

/* placanje */
.nmv-prethodni{max-width:1200px;margin:0 auto 18px;display:flex;font-size:14px;color:var(--teget);background:#fff8f0;border-left:2px solid var(--karamel);padding:10px 14px}
.nmv-p-omot{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,80px);align-items:start}
.nmv-p-desno{position:sticky;top:24px}
.nmv-p-oznaka{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tiho);margin-bottom:12px}
.nmv-p-mini{container-type:inline-size;position:relative;width:100%;aspect-ratio:1.75/1;box-shadow:0 30px 50px -26px rgba(22,39,59,.5)}
.nmv-p-mini .nmv-strana{transform:none}
.nmv-p-mini-tekst{font-size:14px;color:var(--tiho);margin:16px 0 0;max-width:40ch}
.nmv-korak{padding:26px;background:#fff8f0;border:1px solid rgba(169,116,80,.35)}
.nmv-korak h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 14px;color:var(--teget)}
.nmv-korak ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--tiho);font-size:15px}
.nmv-korak b{color:var(--teget);font-weight:600}
.nmv-korak ol b{white-space:nowrap}
.nmv-sazetak{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid rgba(169,116,80,.3)}
.nmv-sazetak dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tiho)}
.nmv-sazetak dd{margin:0;font-weight:600;color:var(--teget);font-variant-numeric:tabular-nums}
.nmv-qr-red{display:flex;gap:22px;align-items:center;margin-bottom:20px}
.nmv-qr{flex:0 0 auto;background:#fff;padding:10px;border:1px solid rgba(22,39,59,.15);line-height:0}
.nmv-qr img,.nmv-qr canvas{width:168px;height:168px;display:block}
.nmv-qr-tekst{min-width:0}
.nmv-qr-tekst p{margin:0;font-size:14px;color:var(--tiho)}
.nmv-na-telefonu{display:none}
.nmv-rucno{margin:0 0 20px;font-size:14px;color:var(--tiho)}
.nmv-rucno summary{cursor:pointer;color:var(--teget);text-decoration:underline;text-decoration-color:var(--karamel);text-underline-offset:4px}
.nmv-rucno dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0 0}
.nmv-rucno dd{margin:0;color:var(--teget);font-variant-numeric:tabular-nums}
.nmv-rucno dd.nmv-br{white-space:nowrap}
.nmv-p-dugmad{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:24px}
.nmv-jos{font:600 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:15px 24px;border:1px solid var(--teget);background:transparent;color:var(--teget);cursor:pointer;transition:background .3s,color .3s;border-radius:0}
.nmv-jos:hover{background:var(--teget);color:var(--krem)}
.nmv-nazad{font-size:14px;color:var(--teget);text-underline-offset:4px;text-decoration-color:var(--karamel)}

@media (pointer:coarse),(max-width:700px){.nmv-na-telefonu{display:block}.nmv-na-racunaru{display:none}}
@media (max-width:900px){.nmv-omot,.nmv-p-omot{grid-template-columns:1fr}.nmv-scena{order:-1}.nmv-p-desno{position:static}}
@media (max-width:560px){.nmv-polja{grid-template-columns:1fr}.nmv-karta,.nmv-p-mini{aspect-ratio:1.42/1}.nmv-sazetak{display:grid;grid-template-columns:1fr 1fr}
  .nmv-rucno dl{grid-template-columns:1fr;gap:0}.nmv-rucno dt{font-size:12px;margin-top:10px}}
@media (max-width:480px){.nmv-qr-red{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.nmv-nagib,.nmv-karta,.nmv-zlato{transition:none}.nmv-nagib{transform:none!important}.nmv-odsjaj{display:none}}

/* uklapanje u stranicu sajta */
.prose>#nm-vaucer{max-width:none}
.prose #nmvIzbor .nmv-nadnaslov{display:none}
#nm-vaucer .nmv-uslovi-k li{text-wrap:pretty;margin:0;padding:0}
@media (max-width:520px){.nmv-zadnja{grid-template-columns:1fr}.nmv-znak{display:none}.nmv-uslovi-k{padding:4.5cqw 5cqw 2cqw}.nmv-uslovi-k ol{font-size:10px;gap:3px}.nmv-uslovi-k h4{margin-bottom:6px}.nmv-polja-k{margin-top:6px}.nmv-traka{font-size:8px;padding:5px 0 7px}.nmv-posveta{font-size:10.5px;padding-top:4px}.nmv-pk{padding-top:4px}.nmv-uslovi-k{padding-top:3.8cqw}}