/* PROBNA nova početna (15.10.2026), v3. Tri elementa iz probnog redizajna (pločice sa slikama, klizač,
   DJI/Insta360 sa snimcima) — bez plavih površina; plava samo za oznake i linkove, kao na sajtu.
   Kartice proizvoda su prave kartice sajta. Sve je pod .np / .np-* da ne dira ostatak sajta. */
.np{
  --np-ink:#1d1d1f; --np-ink2:#424245; --np-mute:#6e6e73; --np-mute2:#86868b;
  --np-siva:#f4f4f6; --np-siva2:#e8e8ed; --np-line:#e3e5ea;
  --np-plava:var(--color-blue,#2382e1);
  --np-noc:#111113; --np-noc-tekst:#f5f5f7; --np-noc-mute:#a1a1a6;
  --np-ease:cubic-bezier(.2,.75,.2,1);
  --np-sen-s:0 1px 2px rgba(0,0,0,.04),0 12px 26px -16px rgba(0,0,0,.18);
  --np-sen-l:0 38px 80px -42px rgba(0,0,0,.35);
  color:var(--np-ink);
}
.np *,.np *::before,.np *::after{box-sizing:border-box}
.np :where(h2,h3,p,ul,figure){margin:0}
.np :where(ul){padding:0;list-style:none}
.np :where(a){color:inherit;text-decoration:none}
.np :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.np :where(img){display:block;max-width:100%;height:auto}
.np :where(h2,h3){font-weight:700;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}

.np-wrap{width:min(1156px,calc(100% - 40px));margin-inline:auto}
.np-sek{padding-block:clamp(48px,6vw,90px)}
.np-kick{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--np-mute)}
.np-h2{font-size:clamp(30px,4vw,48px)}
.np-uvod{max-width:560px;margin-top:12px;font-size:19px;color:var(--np-mute)}
.np-glava{margin-bottom:clamp(24px,3vw,40px)}
.np-glava .np-kick{margin-bottom:12px}
.np-glava--red{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.np-glava--red>div{min-width:0;max-width:100%} /* bez ovoga traka tabova gura stranicu šire od telefona (bilo 475px na 390) */
@media (max-width:760px){.np-glava--red{flex-direction:column;align-items:stretch;gap:12px}}
.np-link{display:inline-flex;align-items:center;gap:7px;font-size:18px;color:var(--np-plava)!important;white-space:nowrap}
.np-link:hover{text-decoration:underline;text-underline-offset:3px}
.np-oznaka{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;line-height:16.5px;color:#fff;background:var(--np-plava)}
.np-krug{position:absolute;right:20px;bottom:20px;z-index:3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:var(--np-ink);transition:transform .4s var(--np-ease)}
.np-krug--belo{position:static;flex:0 0 44px;width:44px;height:44px;color:var(--np-ink);background:#fff}

/* otkrivanje pri skrolu (klasu .vidi dodaje np.js); bez skripte sve je vidljivo */
.np-js .np [data-otkrij]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .8s var(--np-ease),transform .8s var(--np-ease);transition-delay:calc(var(--k,0)*80ms)}
.np-js .np [data-otkrij].vidi{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.np-js .np [data-otkrij]{opacity:1;transform:none;transition:none}}

/* ---------- red sa uređajima ---------- */
/* pilule kategorija: ravne, iste sive kao kartice sajta (#f4f4f6), bez senke; red ide tačno od ivice do ivice
   kolone sadržaja (kao naslov i pločice ispod) — pilule se ravnomerno rašire (flex-grow) */
.np-kat{padding-top:clamp(30px,3.5vw,46px)}
.np-kat ul{display:flex;gap:10px;margin:0;padding:4px 0 6px;list-style:none}
.np-kat li,.np-kat ul li+li{margin:0} /* tema (ul:not([class]) li+li) daje razmak svakom osim prvog */
.np-kat li{flex:1 1 auto}
.np-kat a{display:flex;align-items:center;justify-content:center;gap:8px;height:60px;padding:0 14px 0 8px;border-radius:999px;color:var(--np-ink);white-space:nowrap;
  background:var(--np-siva);transition:background .25s,transform .35s var(--np-ease)}
.np-kat a:hover{background:var(--np-siva2);transform:translateY(-2px)}
.np-kat__sl{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px}
.np-kat img{max-width:42px;max-height:38px;width:auto;height:auto;object-fit:contain} /* sve slike su providne (Watch i Dodaci obrađeni: 15892, 15893) */
.np-kat strong{font-size:15.5px;font-weight:600;letter-spacing:-.01em}
@media (max-width:1100px){.np-kat.np-wrap{width:100%}.np-kat ul{overflow-x:auto;scrollbar-width:none;padding:4px 20px 8px;scroll-padding-inline:20px}.np-kat ul::-webkit-scrollbar{display:none}.np-kat li{flex:0 0 auto}}
@media (max-width:640px){.np-kat a{height:54px;padding:0 16px 0 6px}.np-kat__sl{flex-basis:38px;width:38px;height:38px}.np-kat img{max-width:38px;max-height:34px}.np-kat strong{font-size:15px}}

/* ---------- pločice sa slikama ---------- */
.np-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.np-pl{position:relative;display:flex;flex-direction:column;min-width:0;min-height:460px;border-radius:28px;overflow:hidden;isolation:isolate;transition:transform .6s var(--np-ease),box-shadow .6s var(--np-ease)}
.np-pl:hover{transform:translateY(-6px)}
.np-pl--duo{grid-column:span 12;min-height:520px}.np-pl--airpods{grid-column:span 5;min-height:520px}
.np-pl--iphone,.np-pl--ultra,.np-pl--mini{grid-column:span 4}
.np-pl--studio{grid-column:span 7;min-height:520px}.np-pl--air{grid-column:span 12;min-height:380px}
.np-pl--svetla{background:linear-gradient(180deg,#f6f6f8,#ececf0)}
.np-pl--bela{background:#fff;border:1px solid var(--np-line);box-shadow:var(--np-sen-s)}
.np-pl--svetla:hover,.np-pl--bela:hover{box-shadow:var(--np-sen-l)}
.np-pl--tamna,.np-pl--foto{color:var(--np-noc-tekst);background:var(--np-noc)}
.np-pl--tamna::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 80% 0%,rgba(255,255,255,.12),transparent 70%)}
.np-pl--tamna:hover,.np-pl--foto:hover{box-shadow:0 40px 80px -36px rgba(0,0,0,.6)}
.np-pl__tx{position:relative;z-index:2;padding:30px 30px 0}
.np-pl__br{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;opacity:.5}
.np-pl__br:has(span){opacity:1}
.np-pl__br span{padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--np-plava)}
.np-pl__ime{margin-top:14px;font-size:15px;font-weight:600;opacity:.65}
.np-pl h3{margin-top:4px;font-size:clamp(25px,2.6vw,36px)}
.np-pl--duo h3,.np-pl--airpods h3{font-size:clamp(30px,3.4vw,46px)}
.np-pl__op{max-width:340px;margin-top:10px;font-size:16px;opacity:.72}
.np-pl__cena{margin-top:10px;font-size:15px;font-weight:600;opacity:.85}
.np-pl__sl{position:relative;flex:1;display:grid;place-items:end center;min-width:0;min-height:0;padding:10px 26px 30px}
.np-pl__sl img{max-width:100%;max-height:240px;width:auto;object-fit:contain}
.np-pl--bela .np-pl__sl img,.np-pl--svetla .np-pl__sl img{mix-blend-mode:multiply}
.np-pl--tamna .np-krug,.np-pl--foto .np-krug{color:var(--np-ink);background:#fff}
.np-pl:hover .np-krug{transform:translateX(4px)}
.np-pl--svetla:hover .np-krug,.np-pl--bela:hover .np-krug{background:var(--np-plava)}
/* iPhone Duo: fotografija uz desnu ivicu */
.np-pl--duo{flex-direction:row}
.np-pl--duo .np-pl__tx{flex:0 0 38%;padding:44px 0 44px 48px;align-self:center}
.np-pl--duo .np-pl__sl{position:relative;min-height:320px;padding:0;place-items:stretch}
.np-pl--duo{background:#f6f5f8}
.np-pl--duo .np-pl__sl img{max-height:none;height:100%;width:100%;object-fit:cover;object-position:62% 40%;mix-blend-mode:normal}
/* Duo ima ceo red pa snimak staje CEO (contain); pozadina snimka je ista kao kartica (#f6f6f8), spoj se ne vidi */
.np-pl--duo{background:#f6f6f8}
.np-pl--duo .np-pl__sl video{position:absolute;inset:0;max-height:none;height:100%;width:100%;object-fit:contain;object-position:center bottom;background:#f6f6f8} /* šake se seku na dnu snimka — dno snimka mora na ivicu kartice */
/* AirPods: fotografija kao pozadina, tekst pri dnu */
.np-pl--foto{justify-content:flex-end}
.np-pl--foto .np-pl__sl{position:absolute;inset:0;z-index:0;padding:0}
.np-pl--foto .np-pl__sl img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:62% 50%}
.np-pl--foto::after{content:"";position:absolute;inset:40% 0 0;z-index:1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}
.np-pl--foto .np-pl__tx{padding:0 90px 30px 30px}
/* Mac Studio: tekst levo, fotografija desno */
.np-pl--studio{flex-direction:row;align-items:stretch}
.np-pl--studio .np-pl__tx{flex:0 0 40%;align-self:center;padding:30px 0 30px 30px}
.np-pl--studio .np-pl__sl{place-items:center;padding:20px}
.np-pl--studio .np-pl__sl img{max-height:300px}
/* Mac mini: šira slika */
.np-pl--mini .np-pl__sl img{max-height:220px}
/* MacBook Air: sam u redu, tekst levo, laptop desno */
.np-pl--air{flex-direction:row;align-items:stretch}
.np-pl--air .np-pl__tx{flex:0 0 38%;align-self:center;padding:30px 0 30px 48px}
.np-pl--air .np-pl__sl{place-items:center;padding:30px}
.np-pl--air .np-pl__sl img{max-height:300px}
@media (max-width:1000px){
  .np-pl--duo,.np-pl--airpods,.np-pl--studio,.np-pl--mini{grid-column:span 12}
  .np-pl--iphone,.np-pl--ultra{grid-column:span 6}
  .np-pl--duo .np-pl__tx{flex-basis:42%;padding-left:32px}
}
@media (max-width:640px){
  .np-bento{gap:10px}
  .np-pl,.np-pl--duo,.np-pl--airpods{min-height:400px}
  .np-pl--iphone,.np-pl--ultra,.np-pl--mini,.np-pl--air{grid-column:span 12}
  .np-pl--duo{flex-direction:column}
  .np-pl--duo .np-pl__tx{flex:0 0 auto;padding:26px 24px 0;align-self:stretch}
  .np-pl--duo .np-pl__sl{min-height:260px}
  .np-pl--duo .np-pl__sl img{height:260px;object-position:50% 30%}
  .np-pl--duo .np-pl__sl{min-height:250px}
  .np-pl--air{flex-direction:column;min-height:400px}.np-pl--air .np-pl__tx{flex:0 0 auto;padding:26px 24px 0;align-self:stretch}.np-pl--air .np-pl__sl img{max-height:220px}
  .np-pl__tx{padding:26px 24px 0}.np-pl--foto .np-pl__tx{padding:0 80px 24px 24px}
  .np-pl--studio{flex-direction:column}.np-pl--studio .np-pl__tx{flex:0 0 auto;padding:26px 24px 0;align-self:stretch}
}

/* ---------- klizač „Izdvajamo za tebe" (prave kartice sajta) ---------- */
.np-izd{padding-top:clamp(10px,2vw,24px)}
.np-tabovi{position:relative;display:inline-flex;max-width:100%;margin-top:20px;padding:4px;border-radius:999px;background:var(--np-siva);overflow-x:auto;scrollbar-width:none}
.np-tabovi::-webkit-scrollbar{display:none}
.np-tabovi button{position:relative;z-index:1;height:40px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:500;color:var(--np-ink2);white-space:nowrap;transition:color .3s}
.np-tabovi button[aria-pressed="true"]{color:#fff}
.np-tabovi i{position:absolute;top:4px;left:0;height:40px;width:0;border-radius:999px;background:var(--np-ink);transition:transform .45s var(--np-ease),width .45s var(--np-ease)}
.np-tabovi:not(.spreman) i{transition:none}
.np-staza{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px max(20px,calc((100% - 1156px)/2)) 24px;scroll-padding-inline:max(20px,calc((100% - 1156px)/2));scroll-behavior:smooth}
.np-staza::-webkit-scrollbar{display:none}
.np-staza li{flex:0 0 clamp(250px,24vw,280px);scroll-snap-align:start;display:flex}
.np-staza li[hidden]{display:none} /* bez ovoga display:flex poništi [hidden] i tab ne sakriva ništa */
.np-staza li>flynt-component{width:100%;margin:0}
.np-strelice{display:flex;justify-content:flex-end;gap:8px}
.np-strelice button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--np-siva);transition:background .2s,opacity .2s,transform .3s var(--np-ease)}
.np-strelice button:hover{background:var(--np-siva2);transform:scale(1.06)}
.np-strelice button:disabled{opacity:.3;pointer-events:none}
@media (max-width:760px){.np-staza{gap:10px}.np-staza li{flex-basis:72vw}.np-strelice{display:none}}

/* ---------- DJI i Insta360: tamna sekcija sa snimcima ---------- */
.np-kre{position:relative;margin:clamp(20px,3vw,40px) clamp(8px,1vw,14px) 0;padding-block:clamp(56px,7vw,100px);border-radius:40px;color:var(--np-noc-tekst);background:var(--np-noc);overflow:hidden;isolation:isolate}
.np-kre::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 12% 0%,rgba(255,255,255,.09),transparent 70%)}
.np-kre .np-kick{color:var(--np-noc-mute)}.np-kre .np-uvod{color:var(--np-noc-mute)}
.np-kre__brendovi{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.np-kre__br{position:relative;display:block;aspect-ratio:16/10;border-radius:30px;overflow:hidden;isolation:isolate;background:#000}
.np-kre__br video{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--np-ease)}
.np-kre__br:hover video{transform:scale(1.04)}
/* svetlije „tečno staklo": beli odsjaj preko blago tamne osnove, pa se natpis čita i preko snega */
.np-kre__natpis{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 14px 14px 20px;border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.06)),rgba(28,28,32,.34);border:0;
  backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7);
  box-shadow:0 14px 34px -14px rgba(0,0,0,.45);text-shadow:0 1px 2px rgba(0,0,0,.3)}
.np-kre__natpis strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.025em}
.np-kre__natpis span{font-size:14.5px;color:#fff;opacity:.9}
.np-kre .np-krug--belo{color:#fff;background:var(--np-plava);box-shadow:0 8px 18px -8px rgba(35,130,225,.8)}
.np-kre__br:hover .np-krug--belo{transform:translateX(4px)}
.np-kre__proizvodi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.np-kre__proizvodi li{display:flex}
.np-kre__proizvodi li>flynt-component{width:100%;margin:0;color:#231f20}
@media (max-width:1000px){.np-kre__proizvodi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.np-kre{border-radius:28px}.np-kre__brendovi{grid-template-columns:1fr}.np-kre__br{aspect-ratio:4/3}.np-kre__proizvodi{gap:10px}}

/* ---------- B2B portal (u stilu kartica sajta) ---------- */
.np-b2b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,60px);padding:clamp(36px,5vw,64px) clamp(24px,5vw,70px);border-radius:28px;background:var(--np-siva);overflow:hidden}
.np-b2b__tx h2{margin-top:10px;font-size:33px;font-weight:700;line-height:1.2}
.np-b2b__uvod{margin-top:10px;font-size:20px;line-height:1.5}
.np-b2b__tacke{display:grid;gap:10px;margin-top:22px}
.np-b2b__tacke li{display:flex;align-items:center;gap:10px;font-size:17px}
.np-b2b__tacke i{flex:0 0 22px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--np-plava);background:#fff}
.np-b2b__linkovi{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:24px}
.np-b2b__art{position:relative;perspective:1600px;padding:10px 0 20px}
.np-b2b__scena{position:relative;transform-style:preserve-3d;transform:rotateY(var(--ry,-15deg)) rotateX(var(--rx,6deg)) rotateZ(1deg);transition:transform .9s var(--np-ease);max-width:400px;margin-inline:auto}
.np-b2b__ekran{position:relative;border-radius:22px;overflow:hidden;background:#fff;aspect-ratio:1160/1600;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 50px 90px -40px rgba(20,30,60,.45),0 16px 30px -20px rgba(20,30,60,.3)}
.np-b2b__ekran img{width:100%;height:100%;object-fit:cover;object-position:top}
.np-b2b__ekran::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.3) 0%,transparent 35%);pointer-events:none}
.np-b2b__kartica{position:absolute;border-radius:18px;background:#fff;box-shadow:0 24px 50px -24px rgba(20,30,60,.45),0 0 0 1px rgba(0,0,0,.04);transform:translateZ(50px)}
.np-b2b__kartica small{display:block;font-size:12.5px;color:var(--np-mute)}
.np-b2b__kartica strong{display:block;font-size:15px;font-weight:600}
.np-b2b__kartica span{font-size:13px;color:var(--np-mute)}
.np-b2b__kartica--a{left:-40px;top:26%;padding:12px 18px}
.np-b2b__kartica--a strong{font-size:28px;color:#1a8f4a;line-height:1.15}
.np-b2b__kartica--b{right:-36px;bottom:16%;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px}
.np-b2b__kartica--b i{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#1a8f4a;background:#e9f6ee}
@media (max-width:900px){
  .np-b2b{grid-template-columns:minmax(0,1fr)}
  .np-b2b__scena{max-width:300px}
  .np-b2b__kartica--a{left:-12px}.np-b2b__kartica--b{right:-8px}
}

/* ---------- Zašto iComp: velika kartica sa slikom + četiri manje ---------- */
.np-za__mreza{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px}
.np-za__velika{grid-row:span 2;display:flex;flex-direction:column;border-radius:28px;background:var(--np-siva);overflow:hidden}
.np-za__tx{padding:32px 32px 0}
.np-za__velika h3{margin-top:14px;font-size:clamp(26px,2.6vw,34px)}
.np-za__velika p{max-width:420px;margin-top:10px;font-size:17px;line-height:1.5;color:var(--np-mute)}
.np-za__sl{flex:1;display:grid;place-items:end center;padding:20px 24px 26px}
.np-za__sl img{width:100%;max-height:340px;object-fit:contain;mix-blend-mode:multiply}
.np-za__mala{display:flex;flex-direction:column;gap:8px;padding:28px 26px;border-radius:28px;background:var(--np-siva);transition:transform .45s var(--np-ease),background .3s}
.np-za__mala:hover{transform:translateY(-4px);background:var(--np-siva2)}
.np-za__ik{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:16px;color:var(--np-ink);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.np-za__mala h3{font-size:21px}
.np-za__mala p{font-size:16px;line-height:1.45;color:var(--np-mute)}
@media (max-width:1000px){.np-za__mreza{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.np-za__velika{grid-column:span 2;grid-row:auto}}
@media (max-width:560px){.np-za__mreza{grid-template-columns:minmax(0,1fr);gap:10px}.np-za__velika{grid-column:auto}.np-za__mala{padding:22px}}

/* ---------- proba 1: slajder novosti ---------- */
.np-sl{position:relative;margin:0;border-radius:0 0 32px 32px;overflow:hidden;background:#000;isolation:isolate}
.np-sl__kadrovi{position:relative;height:clamp(600px,90vh,900px)}
.np-sl__kadar{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;color:var(--np-sl-tekst);background:var(--np-sl-poz);opacity:0;visibility:hidden;transition:opacity .9s var(--np-ease),visibility 0s linear .9s}
.np-sl__kadar.aktivan{opacity:1;visibility:visible;transition:opacity .9s var(--np-ease),visibility 0s}
.np-sl__medij,.np-sl__medij img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
/* snimak ispod naslova (Duo, iPhone): naslov gore, snimak zauzima ostatak kadra i ne seče se */
.np-sl__kadar--stek .np-sl__tx{order:1;flex:0 0 auto}
.np-sl__kadar--stek .np-sl__medij{position:relative;inset:auto;order:2;flex:1 1 auto;min-height:0;width:100%;height:auto;margin-top:18px;object-fit:contain;object-position:center bottom}
/* satovi: snimak preko celog kadra, naslov i dugmad dole preko prelaza */
.np-sl__kadar--dole{justify-content:flex-end}
.np-sl__kadar--dole::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.np-sl__kadar--dole.np-sl__kadar--svetao::after{background:linear-gradient(180deg,rgba(246,245,248,0),var(--np-sl-poz,#f6f5f8) 78%)}
.np-sl__kadar--dole .np-sl__tx{padding:0 20px clamp(34px,5vh,56px)}
.np-sl__kadar--dole .np-sl__medij{object-position:center}
/* snimci satova imaju potpuno crnu pozadinu: prikazuju se CELI (contain), pa sat ne udari u ivicu kadra;
   višak ostaje crn i stapa se sa kadrom. Fotografija (AirPods) i dalje pokriva ceo kadar. */
.np-sl__kadar--dole video.np-sl__medij{top:clamp(14px,3vh,36px);height:calc(100% - clamp(14px,3vh,36px));object-fit:contain;object-position:center top}
.np-sl__tx{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,6vh,70px) 20px 0;max-width:760px}
.np-sl__ime{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em}
.np-sl__tx h2{margin-top:4px;font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.05}
.np-sl__op{margin-top:12px;font-size:clamp(16px,1.5vw,20px);line-height:1.45;opacity:.9}
.np-sl__dugmad{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
.np-sl__dugmad a{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:999px;font-size:17px;text-decoration:none;transition:filter .2s,background .2s,color .2s}
.np-sl__d1{color:#fff!important;background:var(--np-plava)}
.np-sl__d1:hover{filter:brightness(1.08)}
.np-sl__d2{color:var(--np-plava)!important;box-shadow:inset 0 0 0 1px var(--np-plava)}
.np-sl__d2:hover{color:#fff!important;background:var(--np-plava)}
.np-sl__kadar[style*="#ffffff"] .np-sl__d2,.np-sl__kadar[style*="#fff;"] .np-sl__d2{color:var(--np-plava)!important;box-shadow:inset 0 0 0 1.5px var(--np-plava)} /* „Kupi" na tamnim kadrovima: plav okvir i plav tekst (Stefan 15.10) */
.np-sl__kadar[style*="#ffffff"] .np-sl__d2:hover,.np-sl__kadar[style*="#fff;"] .np-sl__d2:hover{color:#fff!important;background:var(--np-plava)} /* na prelaz: beo tekst na plavom */
.np-sl__najava{margin-top:14px;font-size:clamp(15px,1.3vw,17px);font-weight:600}
.np-sl__nav{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px 0 4px}
.np-sl__tacke{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f4f4f6}
.np-sl__tacka{position:relative;display:block;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#a1a1a6;cursor:pointer;overflow:hidden;transition:width .45s var(--np-ease),background .3s}
.np-sl__tacka:hover{background:#6e6e73}
.np-sl__tacka.aktivan{width:40px;background:#d2d2d7}
.np-sl__tacka b{position:absolute;inset:0;border-radius:inherit;background:#1d1d1f;transform-origin:left;transform:scaleX(0)}
.np-sl__tacka:not(.aktivan) b{transform:scaleX(0)!important}
.np-sl__pauza{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;color:#1d1d1f;background:#f4f4f6;cursor:pointer;transition:background .2s}
.np-sl__pauza:hover{background:#e8e8ed}
.np-sl__ik-k{display:none}
.np-sl-omot.stoji .np-sl__ik-p{display:none}.np-sl-omot.stoji .np-sl__ik-k{display:block}
@keyframes npNapredak{to{transform:scaleX(1)}}
@media (max-width:760px){
  .np-sl{margin:0;border-radius:0 0 24px 24px}
  .np-sl__kadrovi{height:clamp(560px,86svh,720px)}
  .np-sl__kadar--dole video.np-sl__medij{object-position:center 24%} /* sat u sredini praznog dela, ne uz vrh */
}
@media (prefers-reduced-motion:reduce){.np-sl__kadar{transition:none}}

/* ---------- „tečno staklo" u detaljima (15.10, Stefan: sve pet) ---------- */
/* 1. tačkice i pauza preklapaju donju ivicu slajdera */
.np-sl__nav{position:relative;z-index:3;margin-top:-25px;padding:0}
.np-sl__tacke,.np-sl__pauza{background:rgba(255,255,255,.8);border:0;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 12px 30px -12px rgba(0,0,0,.32)}
.np-sl__tacke{padding:14px 16px}
.np-sl__pauza{width:44px;height:44px}
.np-sl__pauza:hover{background:rgba(255,255,255,.85)}
.np-sl__tacka{background:rgba(29,29,31,.4)}
.np-sl__tacka.aktivan{background:rgba(29,29,31,.14)}
.np-sl__kadar--dole .np-sl__tx{padding-bottom:clamp(58px,7.5vh,84px)}
/* 2. traka tabova */
.np-tabovi{background:rgba(244,244,246,.72);border:0;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);box-shadow:0 8px 24px -14px rgba(0,0,0,.18)}
/* 3. oznake na tamnim i foto pločicama */
.np-pl--tamna .np-pl__br span,.np-pl--foto .np-pl__br span{color:#fff;background:rgba(255,255,255,.2);border:0;backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6)}
/* 4. strelice na tamnim i foto pločicama — iste kao na DJI/Insta360 karticama */
.np-pl--tamna .np-krug,.np-pl--foto .np-krug{color:#fff;background:var(--np-plava);box-shadow:0 8px 18px -8px rgba(35,130,225,.8)}
/* 5. kartice preko B2B snimka — BEZ backdrop-filter: u 3D sceni (preserve-3d + translateZ) Chrome tada ne iscrta snimak
   ekrana (ostane beo). Staklo se zato pravi odsjajem i ivicom, uz skoro neprozirnu podlogu. */
.np-b2b__kartica{background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(246,247,250,.92));border:0;box-shadow:0 24px 50px -24px rgba(20,30,60,.45)}

/* kartice u klizaču „Izdvajamo za tebe": šire i zbijenije (bile 280×586 — izdužene); važi SAMO na ovoj strani */
@media (min-width:761px){.np-staza li{flex-basis:clamp(260px,26vw,330px)}}
.np-staza .itemBox{padding:26px 18px 24px}
.np-staza .itemBox .productImage>a{margin:6px 0 4px}
.np-staza .itemBox figure.color_main_image{margin-top:0;height:230px}
.np-staza .itemBox figure.color_main_image img{width:100%;height:100%;object-fit:contain}
.np-staza .itemBox .colors{margin:8px 0}
.np-staza .itemBox .productActions{margin-top:14px}
/* ista visina u svim tabovima (bilo 455–551 zavisno od kružića boja i reda „AirTag na poklon"); cena i dugme uvek na dnu */
.np-staza .itemBox{height:552px!important;box-sizing:border-box!important} /* tema: flynt-component[name=WooListSingleProduct] .itemBox{height:100%} je jače */
.np-staza .itemBox--content,.np-staza .content-wrapp{height:100%!important}

/* ---------- telefon (15.10, pregled cele strane na 360/390px) ---------- */
@media (max-width:760px){
  /* slajder niži: na 720px je između teksta i snimka ostajala prazna traka, a pilule se nisu videle */
  .np-sl__kadrovi{height:clamp(540px,76svh,640px)}
  .np-sl__kadar--stek .np-sl__medij{margin-top:10px;object-position:center}
}
@media (max-width:700px){
  /* DJI/Insta360 kartice: u dve kolone su bile 162px (naslov preko slike, cena u dva reda) → red koji se lista prstom */
  .np-kre__proizvodi{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
  .np-kre__proizvodi::-webkit-scrollbar{display:none}
  .np-kre__proizvodi li{flex:0 0 72%;scroll-snap-align:start}
}
@media (max-width:560px){
  /* „Zašto iComp": male kartice zbijene — ikonica levo, naslov i tekst desno */
  .np-za__mala{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:start;padding:18px}
  .np-za__ik{grid-row:span 2;width:44px;height:44px;margin:0;border-radius:13px}
  .np-za__mala h3{font-size:18px}.np-za__mala p{font-size:15px}
}

/* ---------- slajder: stakleni elementi (15.10, Stefanov kolega) ----------
   A) brojač pretprodaje na kadru proizvoda sa pretprodajom (Duo); B) pilula sa stanjem zaliha na ostalima */
/* brojač: kutije sa brojkama levo, desno natpis iznad dugmeta (Stefan: kutije lepše, prozor manji, natpis i dugme zajedno) */
.np-sl__odbroj{position:absolute;z-index:3;left:50%;bottom:52px;transform:translateX(-50%);display:flex;align-items:stretch;gap:20px;padding:12px 14px 12px 12px;border-radius:24px;color:#1d1d1f;
  background:rgba(255,255,255,.6);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);box-shadow:0 24px 60px -24px rgba(20,25,40,.35)}
.np-sl__odbroj[hidden]{display:none}
.np-sl__cifre{display:flex;gap:6px}
.np-sl__cifre span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:8px 4px 7px;border-radius:14px;background:rgba(255,255,255,.75)}
.np-sl__cifre b{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.np-sl__cifre i{margin-top:4px;font-size:10.5px;font-style:normal;color:#6e6e73}
.np-sl__desno{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}
.np-sl__odbroj p,.np-sl__odbroj .np-sl__d1{margin:0} /* tema daje dugmetu margin-top 25px — pravilo za prazan prostor */
.np-sl__natpis{margin:0;font-size:13px;line-height:1.2;white-space:nowrap;text-align:center}
.np-sl__natpis strong{font-weight:650}.np-sl__natpis span{color:#6e6e73}
.np-sl__odbroj .np-sl__d1{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;font-size:15px;white-space:nowrap;text-decoration:none;color:#fff!important;background:var(--np-plava);box-shadow:0 8px 18px -8px rgba(35,130,225,.8)}
.np-sl__pilula{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 16px;border-radius:999px;font-size:14.5px;font-weight:500;color:inherit;
  background:rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6)}
.np-sl__pilula--svetla{background:rgba(255,255,255,.62);box-shadow:0 10px 26px -16px rgba(0,0,0,.3)}
.np-sl__pilula span{opacity:.55}
.np-sl__pilula i{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#34c759;animation:npTacka 1.8s ease-out infinite}
.np-sl__pilula--porucivanje i{background:#ff9f0a;animation:none}
@keyframes npTacka{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}100%{box-shadow:0 0 0 10px rgba(52,199,89,0)}}
@media (prefers-reduced-motion:reduce){.np-sl__pilula i{animation:none}}
@media (max-width:760px){
  /* telefon: isti raspored, manje kutije */
  .np-sl__odbroj{left:16px;right:16px;bottom:36px;transform:none;justify-content:space-between;gap:10px;padding:10px 10px 10px 10px;border-radius:22px}
  .np-sl__cifre{gap:4px}.np-sl__cifre span{min-width:0;width:40px;padding:6px 2px 5px;border-radius:11px}.np-sl__cifre b{font-size:19px}.np-sl__cifre i{margin-top:3px;font-size:9px}
  .np-sl__desno{flex:1;gap:6px}.np-sl__natpis{font-size:11.5px;white-space:normal}
  .np-sl__odbroj .np-sl__d1{height:36px;padding:0 12px;font-size:14px}
  .np-sl__pilula{margin-top:14px;padding:8px 13px;font-size:13px;flex-wrap:wrap;justify-content:center}
}

/* ---------- traka preko dna kadra — ista kao .mbTraka na pravoj početnoj (Stefan 15.10: brojač odbijen) ---------- */
.np-sl__traka{position:absolute;z-index:3;left:50%;bottom:52px;transform:translateX(-50%);display:flex;align-items:center;gap:30px;padding:12px 12px 12px 26px;border-radius:22px;color:var(--np-sl-tekst,#1d1d1f);
  background:rgba(120,120,128,.22);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px)}
.np-sl__traka-tx{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap}
.np-sl__traka a.np-sl__traka-dugme{display:inline-block;margin:0;padding:10px 22px;border-radius:980px;font-size:15px;line-height:18px;white-space:nowrap;text-decoration:none;color:#fff!important;background:var(--np-plava)}
@media (max-width:760px){
  .np-sl__traka{left:16px;right:16px;bottom:36px;transform:none;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:20px}
  .np-sl__traka-tx{font-size:12.5px;white-space:normal}
  .np-sl__traka a.np-sl__traka-dugme{padding:9px 16px;font-size:14px}
}

/* MacBook pločica: link preko cele pločice + linkovi ka MacBook Neo i MacBook Pro */
.np-pl--jos{cursor:pointer}
.np-pl__ceo{position:absolute;inset:0;z-index:1;border-radius:inherit}
.np-pl--jos .np-pl__tx,.np-pl--jos .np-pl__sl,.np-pl--jos .np-krug{pointer-events:none}
.np-pl__jos{margin-top:12px;font-size:15px;color:var(--np-mute)}
.np-pl__jos a{position:relative;z-index:3;margin-left:6px;color:var(--np-plava)!important;text-decoration:none;pointer-events:auto}
.np-pl__jos a:hover{text-decoration:underline}

/* ---------------- kontakt (predlog C): forma levo, naša mapa + podaci desno ---------------- */
.np-kon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:stretch}
.np-kon__forma{display:flex;flex-direction:column;padding:34px 34px 30px;border-radius:28px;background:var(--np-siva)}
.np-kon__forma .np-h2{margin:0}
.np-kon__uvod{margin:8px 0 22px;font-size:17px;color:var(--np-mute)}
.np-kon__cf7,.np-kon__cf7 .wpcf7,.np-kon__cf7 form{display:flex;flex-direction:column;flex:1 1 auto;margin:0}
.np-kon__cf7 form{gap:10px}
.np-kon__cf7 p{margin:0}
.np-kon__cf7 br{display:none}
.np-kon__cf7 .half{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.np-kon__cf7 .wpcf7-form-control-wrap{display:block;margin:0}
.np-kon__cf7 .wpcf7-form-control-wrap[data-name="textarea-30"]{display:flex;flex:1 1 auto}
.np-kon__cf7 input[type=text],.np-kon__cf7 input[type=email],.np-kon__cf7 textarea{
  display:block;width:100%;height:52px;margin:0;padding:0 18px;border:0!important;border-radius:14px;outline:0;
  font:inherit;font-size:16px;color:var(--np-ink);background:#fff;box-shadow:none;transition:box-shadow .2s}
.np-kon__cf7 textarea{flex:1 1 auto;min-height:130px;height:auto;padding:15px 18px;resize:vertical}
.np-kon__cf7 input:focus,.np-kon__cf7 textarea:focus{box-shadow:0 0 0 2px var(--np-plava)}
.np-kon__cf7 ::placeholder{color:var(--np-mute2);opacity:1}
.np-kon__cf7 .wpcf7-submit{align-self:flex-start;margin:4px 0 0!important;height:50px;padding:0 30px;border:0;border-radius:999px;
  font:inherit;font-size:16px;font-weight:600;color:#fff;background:var(--np-plava);cursor:pointer;transition:filter .2s,transform .3s var(--np-ease)}
.np-kon__cf7 .wpcf7-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
.np-kon__cf7 form{position:relative}
.np-kon__cf7 .wpcf7-spinner{position:absolute;left:170px;bottom:13px;margin:0}
.np-kon__cf7 .wpcf7-not-valid-tip{margin:6px 4px 0;font-size:13px}
.np-kon__cf7 .wpcf7-response-output{margin:6px 0 0!important;padding:10px 14px!important;border-radius:12px;font-size:14px}
.np-kon__cf7 .wpcf7-response-output:empty{display:none}

.np-kon__desno{display:flex;flex-direction:column;gap:12px;min-width:0}
.np-kon__mapa{position:relative;display:block;flex:1 1 auto;min-height:300px;border-radius:28px;overflow:hidden;background:#f2f3f5;isolation:isolate}
.np-kon__mapa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1.2s var(--np-ease)}
.np-kon__mapa:hover img{transform:scale(1.03)}
.np-kon__pin{position:absolute;left:50%;top:50%;z-index:2;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;
  background:var(--np-plava);box-shadow:0 0 0 4px #fff,0 6px 16px rgba(0,0,0,.25)}
.np-kon__pin i{position:absolute;inset:-4px;border-radius:50%;background:var(--np-plava);opacity:.35;animation:np-kon-puls 2.4s var(--np-ease) infinite;z-index:-1}
@keyframes np-kon-puls{0%{transform:scale(1);opacity:.4}100%{transform:scale(3.4);opacity:0}}
.np-kon__pin::after{content:"iComp";position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);padding:5px 11px;border-radius:999px;
  font-size:13px;font-weight:600;line-height:1.2;color:var(--np-ink);background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.14);white-space:nowrap}
.np-kon__status,.np-kon__put{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;
  font-size:14px;line-height:1.2;color:var(--np-ink);background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);box-shadow:0 8px 24px -12px rgba(0,0,0,.25)}
.np-kon__status{left:16px;top:16px}
.np-kon__status b{font-weight:600}
.np-kon__status i{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--np-mute2)}
.np-kon__status.je-otvoreno i{background:#30b158;box-shadow:0 0 0 4px rgba(48,177,88,.18)}
.np-kon__status.je-zatvoreno i{background:#ff9f0a;box-shadow:0 0 0 4px rgba(255,159,10,.18)}
.np-kon__put{left:16px;bottom:16px;font-weight:600;color:var(--np-plava)}
.np-kon__osm{position:absolute;right:10px;bottom:8px;z-index:3;font-size:10px;color:var(--np-mute)}

.np-kon__podaci{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.np-kon__pod{display:flex;align-items:center;gap:13px;min-width:0;padding:14px 16px;border-radius:20px;color:var(--np-ink)!important;background:var(--np-siva);text-decoration:none!important;transition:background .25s}
a.np-kon__pod:hover{background:var(--np-siva2)}
.np-kon__ik{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;color:var(--np-plava);background:#fff}
.np-kon__tx{display:flex;flex-direction:column;min-width:0}
.np-kon__tx small{font-size:12px;color:var(--np-mute)}
.np-kon__tx strong{font-size:15px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.np-kon__tx em{font-style:normal;font-size:12px;color:var(--np-mute)}

@media (max-width:900px){
  .np-kon{grid-template-columns:1fr;gap:12px}
  .np-kon__forma{padding:26px 20px 22px;border-radius:24px}
  .np-kon__mapa{flex:none;height:260px;min-height:0;border-radius:24px}
  .np-kon__cf7 .wpcf7-form-control-wrap[data-name="textarea-30"]{flex:none}
  .np-kon__cf7 textarea{flex:none;height:140px;min-height:110px}
}
@media (max-width:560px){
  .np-kon__cf7 .half{grid-template-columns:1fr}
  .np-kon__podaci{grid-template-columns:1fr}
  .np-kon__status{left:12px;top:12px;font-size:13px;padding:9px 13px}
  .np-kon__put{left:12px;bottom:12px;font-size:13px;padding:9px 13px}
}

/* ---------------- pregled telefona 15.10.2026 ---------------- */
/* naslov kartice: najviše dva reda i nikad preko slike (tema mu daje fiksnih 50px, a dugi nazivi idu u 3–4 reda) */
.np-staza .itemBox h3,.np-kre__proizvodi .itemBox h3{height:auto!important;min-height:2.5em;margin-bottom:0!important;font-size:20px!important;line-height:1.25!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* kartice u vodoravnim trakama se ne „pojavljuju" — van ekrana su bočno, pa bi ostajale prazne dok se ne prevuku */
.np-js .np .np-kre__proizvodi [data-otkrij]{opacity:1;transform:none;transition:none}
/* iOS: snimak ume da izađe preko zaobljenih ivica dok se skroluje */
.np-kre__br{-webkit-mask-image:-webkit-radial-gradient(white,black)}
@media (max-width:900px){
  /* 3D nagib je na telefonu pravio da plutajuće kartice „propadaju" kroz ekran */
  .np-b2b__scena{transform:none!important}
  .np-b2b__kartica{transform:none}
}
@media (max-width:760px){
  .np-sek{padding-block:34px}
  .np-staza .itemBox h3,.np-kre__proizvodi .itemBox h3{font-size:18px!important}
}
@media (max-width:700px){
  .np-kre{padding-block:40px}
  .np-kre__br{aspect-ratio:16/11}
  .np-kre__natpis{left:10px;right:10px;bottom:10px;gap:10px;padding:10px 10px 10px 16px;border-radius:16px}
  .np-kre__natpis strong{font-size:18px}
  .np-kre__natpis div span{display:block;font-size:13px;line-height:1.35}
  .np-kre .np-krug--belo{flex:0 0 38px;width:38px;height:38px}
}
/* telefon: crni deo bez animacije pojavljivanja — Safari staklo preko snimka tokom bledenja iscrtava sa treperenjem */
@media (max-width:760px),(hover:none){.np-js .np.np-kre [data-otkrij],.np-js .np-kre [data-otkrij]{opacity:1;transform:none;transition:none}}

/* ---------------- slike u karticama i snimci u slajderu (15.10.2026, Stefan) ---------------- */
/* slika boje NE ide u tok: tema je crta kao drugu figuru sa 25px gornje margine, pa je sve skakalo na prelaz preko boje.
   Glavna slika uvek stoji, a np.js joj menja izvor kad slika boje ima isti kadar. */
.np-staza .itemBox figure.color_image,.np-kre__proizvodi .itemBox figure.color_image{display:none!important}
.np-staza .itemBox figure.color_main_image,.np-kre__proizvodi .itemBox figure.color_main_image{display:block!important;position:relative;margin:0!important;overflow:visible}
.np-kre__proizvodi .itemBox figure.color_main_image{height:190px}
.np-staza .itemBox figure.color_main_image img,.np-kre__proizvodi .itemBox figure.color_main_image img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain;transform-origin:0 0}
.np-js .np-staza .itemBox figure.color_main_image img,.np-js .np-kre__proizvodi .itemBox figure.color_main_image img{opacity:0;transition:opacity .3s}
.np-js .np-staza .itemBox.np-sl-ok figure.color_main_image img,.np-js .np-kre__proizvodi .itemBox.np-sl-ok figure.color_main_image img{opacity:1}
/* okvir slike preko cele širine kartice — tema ga drži na 240px uz levu ivicu, pa je slika bila ~25px levo od sredine */
.np-staza .itemBox .productImage>a,.np-kre__proizvodi .itemBox .productImage>a{display:block}
.np-staza .itemBox figure.color_main_image,.np-kre__proizvodi .itemBox figure.color_main_image{width:100%!important;max-width:none!important}
/* oznaka poklona ispod naslova (np.js je premesti) — ne gura cenu i dugme */
.np .np-poklon{position:absolute;left:0;right:0;z-index:2;display:flex;justify-content:center;margin:0!important;pointer-events:none}
/* oznaka na mapi: logo umesto natpisa (Stefan 15.10) */
.np .np-kon__pin::after{content:"";width:58px;height:20px;padding:6px 13px;background:#fff url("/wp-content/uploads/2026/05/icomp-black.svg") center/58px auto no-repeat;background-origin:content-box;box-sizing:content-box}
@media (max-width:900px){.np .np-kon__mapa{height:300px}}
/* kartice: prostor za sliku do tačkica boja — uređaj na sredini između naslova i boja (bio je ~25px preblizu naslovu) */
.np-staza .itemBox figure.color_main_image{height:255px}
/* kartice: okvir slike se širi do cene/boja; uređaj centrira np.js u stvarnom prostoru između naslova i boja/cene */
.np-staza .itemBox .productImage,.np-staza .itemBox .productImage>a{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.np-staza .itemBox figure.color_main_image{flex:1 1 auto;height:auto!important;min-height:200px}
.np-staza .itemBox figure.color_main_image img{position:absolute;left:0;top:0}

/* ---------------- kartice proizvoda: izgled 1D (Stefan 15.10) ----------------
   sivi kvadrat sa uređajem; na njemu u uglovima akcija (gore levo), poklon (gore desno) i boje (dole);
   ispod samo naziv u jednom redu i cena. Važi za „Izdvajamo za tebe" i crni DJI/Insta deo. */
.np-staza .itemBox,.np-kre__proizvodi .itemBox{height:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;cursor:pointer;overflow:visible!important}
.np-staza .itemBox--content,.np-staza .content-wrapp,.np-kre__proizvodi .itemBox--content,.np-kre__proizvodi .content-wrapp{display:block!important;height:auto!important;padding:0!important;margin:0!important;background:none!important}
.np .np-staza .itemBox .productImage,.np .np-kre__proizvodi .itemBox .productImage{display:block!important;flex:none!important;margin:0!important;padding:0!important}
.np .np-staza .itemBox .productImage>a,.np .np-kre__proizvodi .itemBox .productImage>a{position:relative;display:block!important;flex:none!important;aspect-ratio:1/1;margin:0!important;border-radius:22px;background:#f4f4f6;overflow:hidden;transition:background .25s}
.np .np-staza .itemBox:hover .productImage>a,.np .np-kre__proizvodi .itemBox:hover .productImage>a{background:#ececf0}
.np .np-staza .itemBox figure.color_main_image,.np .np-kre__proizvodi .itemBox figure.color_main_image{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;flex:none!important}
.np .np-staza .itemBox figure.color_main_image img,.np .np-kre__proizvodi .itemBox figure.color_main_image img{position:absolute;left:0;top:0;width:100%!important;height:100%!important}
.np .np-staza .itemBox .productImage>h3,.np .np-kre__proizvodi .itemBox .productImage>h3{display:block!important;min-height:0!important;height:auto!important;margin:13px 4px 0!important;padding:0!important;font-size:16px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
.np .np-staza .itemBox .wrappMeta,.np .np-kre__proizvodi .itemBox .wrappMeta{display:block!important;margin:3px 4px 0!important;padding:0!important;text-align:left!important}
.np .np-staza .itemBox .price,.np .np-kre__proizvodi .itemBox .price{display:flex!important;align-items:baseline;justify-content:flex-start!important;gap:8px;margin:0!important;padding:0!important;white-space:nowrap;text-align:left!important}
.np .np-staza .itemBox .price>.amount,.np .np-staza .itemBox .price>ins,.np .np-kre__proizvodi .itemBox .price>.amount,.np .np-kre__proizvodi .itemBox .price>ins{order:1;font-size:17px!important;font-weight:700!important;line-height:1.3!important;text-decoration:none}
.np .np-staza .itemBox .price>del,.np .np-kre__proizvodi .itemBox .price>del{order:2;margin:0!important;font-size:13px!important;font-weight:400!important;color:#86868b!important;opacity:1}
.np .np-staza .itemBox .price>del *,.np .np-kre__proizvodi .itemBox .price>del *{font-size:13px!important;color:#86868b!important}
.np .np-staza .itemBox .productActions,.np .np-staza .itemBox .productInfo,.np .np-kre__proizvodi .itemBox .productActions,.np .np-kre__proizvodi .itemBox .productInfo{display:none!important}
/* uglovi */
.np .itemBox .productImage>a .discount{position:absolute!important;z-index:3;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;height:auto!important;margin:0!important;padding:4px 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;color:#fff!important;background:#e0262b!important}
.np .itemBox .productImage>a .np-poklon{position:absolute!important;z-index:3;top:12px!important;right:12px!important;left:auto!important;margin:0!important;display:block!important;pointer-events:none}
.np .itemBox .productImage>a .np-poklon>span{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:3px 10px 3px 3px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;color:var(--np-plava)!important;background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.np .itemBox .productImage>a .np-poklon i{display:inline-flex!important;width:22px!important;height:22px!important;margin:0!important;border-radius:50%;overflow:hidden;background:#fff}
.np .itemBox .productImage>a .np-poklon i img{width:100%!important;height:100%!important;object-fit:cover}
.np .itemBox .productImage>a .colors{position:absolute!important;z-index:3;left:50%!important;bottom:12px!important;top:auto!important;transform:translateX(-50%);display:flex!important;align-items:center;gap:6px!important;width:auto!important;margin:0!important;padding:6px 9px!important;border-radius:999px;background:rgba(255,255,255,.75)}
.np .itemBox .productImage>a .colors .product_color{display:block!important;width:12px!important;height:12px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.np .itemBox .productImage>a .colors .product_color img{display:block;width:12px!important;height:12px!important;border-radius:50%}
/* crni deo: tekst svetao */
.np .np-kre__proizvodi .itemBox .productImage>h3,.np .np-kre__proizvodi .itemBox .price>.amount,.np .np-kre__proizvodi .itemBox .price>ins{color:#f5f5f7!important}
.np .np-kre__proizvodi .itemBox .productImage>a{background:#f4f4f6}
.np .np-staza .itemBox .price>.amount,.np .np-kre__proizvodi .itemBox .price>.amount{display:block!important;width:auto!important;justify-content:flex-start!important;text-align:left!important;margin:0!important}
/* dugi naziv u jednom redu ne sme da širi karticu; stara cena u istom redu sa novom */
.np .np-staza li,.np .np-kre__proizvodi li,.np .np-staza li>flynt-component,.np .np-kre__proizvodi li>flynt-component,.np .np-staza .itemBox,.np .np-kre__proizvodi .itemBox{min-width:0!important;max-width:100%}
.np .np-staza .itemBox,.np .np-kre__proizvodi .itemBox{width:100%!important}
.np .np-staza .itemBox .price>del,.np .np-kre__proizvodi .itemBox .price>del{position:static!important;inset:auto!important;transform:none!important;display:inline-block!important}
.np .np-staza .itemBox .price,.np .np-kre__proizvodi .itemBox .price{flex-direction:row!important}
.np .np-staza .itemBox .price>del,.np .np-kre__proizvodi .itemBox .price>del{position:relative!important;text-decoration:line-through!important}
.np .np-staza .itemBox .price>del::before,.np .np-kre__proizvodi .itemBox .price>del::before{display:none!important}
/* prost proizvod na akciji: WooCommerce u novu cenu ubaci i svoju staru (del) — ta se ne prikazuje, stara cena je već pored */
.np .np-staza .itemBox .price>.amount del,.np .np-kre__proizvodi .itemBox .price>.amount del{display:none!important}
.np .np-staza .itemBox .price>.amount ins,.np .np-kre__proizvodi .itemBox .price>.amount ins{text-decoration:none!important;background:none!important}