/* Dizajn sistem TapeNS (DESIGN.md, tema tapens-2026): Manrope, navy + tape red + working blue, svetle površine, meke senke. */
:root{
  --navy:#061523; --navy2:#0b2138; --footer:#04111e;
  --red:#e01535; --red-dk:#c2102f; --blue:#075e91; --blue-br:#126fc4;
  --ink:#102033; --muted:#5b6b7d; --line:#dde5ee; --soft:#f4f7fa; --sky:#eef4fb; --white:#fff; --ok:#1f9d55;
  --sh-sm:0 12px 30px rgba(4,18,31,.07); --sh:0 24px 56px rgba(4,18,31,.14);
  --f:"Manrope",Inter,Arial,Helvetica,sans-serif;
  --gl:max(16px, env(safe-area-inset-left, 0px)); --gr:max(16px, env(safe-area-inset-right, 0px));
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.55 var(--f);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue-br);outline-offset:2px;border-radius:6px}
.container{max-width:1320px;margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}
.eyebrow{display:block;margin-bottom:14px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.num{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:8px;border:1.5px solid transparent;font:800 13px/1 var(--f);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s;background:none;white-space:nowrap}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 14px 30px rgba(237,27,63,.28)}
.btn-primary:hover{background:var(--red-dk);transform:translateY(-2px)}
.btn-outline{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.05)}
.btn-outline:hover{background:rgba(255,255,255,.14)}
.btn-line{border-color:var(--line);color:var(--blue);background:#fff}
.btn-line:hover{border-color:var(--blue);transform:translateY(-1px)}
.btn-sm{min-height:40px;padding:0 16px;font-size:12px}

/* prototip */

.proto .container{display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;padding-block:6px}
.proto b{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin-left:auto;font-weight:700;color:#fff}
.switch input{appearance:none;width:30px;height:16px;border-radius:9px;background:#344456;position:relative;cursor:pointer;margin:0}
.switch input::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s}
.switch input:checked{background:var(--red)}
.switch input:checked::after{left:16px}
.devinfo{display:none!important}
body.dev .devinfo{display:flex!important}

/* zaglavlje */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(4,17,30,.97);border-bottom:1px solid rgba(255,255,255,.1)}
.header-inner{display:flex;align-items:center;gap:22px;min-height:76px}
.logo{background:#fff;border-radius:8px;padding:6px 10px;display:inline-flex}
.logo img{height:30px;width:auto}
.nav{margin-left:auto;display:flex;align-items:center;gap:26px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:rgba(255,255,255,.86);font-size:13.5px;font-weight:700;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:#fff;border-bottom-color:var(--red)}
.nav .shop{color:#fff}
.header-cta{min-height:44px}

/* mašine */
.mtop{position:relative;background:#dfe3e6;overflow:hidden}
.mstage{position:relative;height:min(68vh,640px);min-height:440px}
.mstage canvas{width:100%!important;height:100%!important;display:block;touch-action:pan-y;cursor:grab}
.mstage canvas:active{cursor:grabbing}
.callouts{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.co{position:absolute;left:0;top:0;display:flex;align-items:center;will-change:transform;white-space:nowrap}
.co b{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(237,27,63,.25)}
.co s{width:24px;height:2px;background:var(--red)}
.co span{font-size:12.5px;font-weight:800;padding:6px 10px;background:#fff;color:var(--ink);border-radius:8px;box-shadow:var(--sh-sm)}
.mover{position:absolute;inset:0;pointer-events:none}
.mover .container{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-block:26px}
.mintro{pointer-events:auto;max-width:440px;background:rgba(4,17,30,.9);color:#fff;border-radius:18px;padding:22px 24px;box-shadow:var(--sh)}
.mintro h1{font-size:clamp(26px,3vw,36px);line-height:1.08}
.mintro p{color:rgba(255,255,255,.8);font-size:14.5px;margin-top:8px}
.seg{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.seg button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--red);border-color:var(--red)}
.mnow{pointer-events:auto;align-self:flex-end;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}
.mcard{background:#fff;border-radius:16px;box-shadow:var(--sh);padding:16px 18px;min-width:260px;max-width:360px}
.mcard .fam{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.mcard h2{font-size:26px;line-height:1.1;margin-top:4px}
.mcard .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.mcard .kv span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.mcard .kv b{display:block;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}
.vctl{display:flex;gap:6px;flex-wrap:wrap}
.vctl button{background:#fff;border:1px solid var(--line);padding:9px 12px;font-size:12.5px;font-weight:800;cursor:pointer;border-radius:8px;box-shadow:var(--sh-sm)}
.vctl button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.photoov{position:absolute;inset:0;background:rgba(4,17,30,.85);display:grid;place-items:center;padding:20px;z-index:3}
.photoov img{max-height:100%;max-width:min(900px,100%);object-fit:contain;border-radius:12px;background:#fff}
.photoov button{position:absolute;top:16px;right:16px}

.mbody{background:var(--soft)}
.mdetail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;padding-block:32px 8px}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-sm);padding:22px 24px}
.panel h3{font-size:18px;margin-bottom:12px}
.specs{width:100%;border-collapse:collapse}
.specs th,.specs td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:14.5px}
.specs th{color:var(--muted);font-weight:600;width:44%;padding-right:12px}
.specs td{font-weight:700;font-variant-numeric:tabular-nums}
.vars{display:flex;flex-wrap:wrap;gap:8px}
.vars span{font-size:13px;font-weight:700;border:1px solid var(--line);padding:7px 11px;border-radius:999px;background:var(--soft)}
.xlist{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.xlist li{font-size:14.5px;padding-left:28px;position:relative}
.xlist li::before{content:"";position:absolute;left:0;top:.18em;width:18px;height:18px;border-radius:50%;background:var(--red);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/13px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.vline{font-size:17px;font-weight:600;margin-bottom:12px}
.vcta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.price{font-size:16px;font-weight:800}

.advisor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
.q{margin-top:12px}
.q > span{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.qseg{display:flex;flex-wrap:wrap;gap:6px}
.qseg button{border:1px solid var(--line);background:#fff;padding:9px 12px;font-size:13px;font-weight:700;cursor:pointer;border-radius:8px}
.qseg button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.rec{display:grid;gap:10px}
.rec a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s}
.rec a:hover{border-color:var(--red)}
.rec a b{width:40px;height:40px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:18px}
.rec a strong{display:block;font-size:15px}
.rec a small{display:block;color:var(--muted);font-size:13px;line-height:1.35}

.filters{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;padding:18px 0 6px}
.fg{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fg > span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.chip{border:1px solid var(--line);background:#fff;padding:8px 11px;font-size:13px;font-weight:700;cursor:pointer;border-radius:999px}
.chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.count{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted)}
.linkbtn{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font-size:13px;font-weight:700;color:var(--blue)}
.tiph{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:20px;margin:30px 0 14px}
.tiph small{font-size:13px;font-weight:600;color:var(--muted)}
.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mc{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;cursor:pointer;min-width:0;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}
.mc:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.mc[aria-current="true"]{border-color:var(--red);box-shadow:0 0 0 2px var(--red),var(--sh)}
.mc .im{aspect-ratio:4/5;background:linear-gradient(180deg,#fff 0%,#eef3f8 100%);display:grid;place-items:center;overflow:hidden}
.mc .im img{width:100%;height:100%;object-fit:contain;padding:16px 14px 6px}
.mc .im.cover img{object-fit:cover;padding:0}
.mc .bd{padding:14px 16px 16px;display:grid;gap:8px;border-top:1px solid var(--line)}
.mc .fam{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mc h4{font-size:18px;line-height:1.15}
.mc .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mc .kv span{font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.mc .kv b{display:block;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}
.mc .tags{position:absolute;top:12px;left:12px;display:flex;gap:6px}
.cmp{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;background:rgba(255,255,255,.95);padding:6px 9px;border:1px solid var(--line);border-radius:999px}
.cmp input{margin:0;accent-color:var(--red)}
.empty{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:#fff}
.tray{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--navy);color:#fff;transform:translateY(110%);transition:transform .25s;padding-bottom:env(safe-area-inset-bottom,0px)}
.tray:not(.on){visibility:hidden}
.tray.on{transform:none}
.tray .container{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-block:12px}
.tray .pillx{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.3);padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px}
.tray .pillx button{background:none;border:0;color:#fff;cursor:pointer;font-size:16px;line-height:1}
.tray .go{margin-left:auto}
.cmpwrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--sh-sm)}
.cmpt{border-collapse:collapse;min-width:640px;width:100%}
.cmpt th,.cmpt td{border-bottom:1px solid var(--line);padding:11px 16px;text-align:left;vertical-align:top;font-size:14px}
.cmpt thead th{font-size:18px;font-weight:800;background:var(--soft)}
.cmpt tbody th{color:var(--muted);font-weight:600;width:190px}
.cmpt td{font-weight:700}
.cmpt td.best{background:#fff1f4;color:var(--red-dk)}


/* ---------- tamni hero sa dijagonalnim trakama (kao Novo u ponudi) ---------- */
.dhero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#04111e 0%,#061523 45%,#0a2c4a 100%)}
.dhero::before{content:"";position:absolute;top:0;bottom:0;right:-6%;width:46%;background:linear-gradient(100deg,transparent 0 18%,var(--blue) 18% 30%,transparent 30% 34%,var(--red) 34% 100%);opacity:.95;transform:skewX(-14deg);transform-origin:top}
.dhero .container{position:relative;z-index:1}
.dgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-block:44px 56px}
.badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.badge img{height:30px;width:auto;background:#fff;border-radius:6px;padding:4px 8px}
.badge span{background:var(--blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:4px}
.dhero h1{font-size:clamp(34px,4.8vw,58px);line-height:1.04;letter-spacing:-.025em}
.dhero h1 em{font-style:normal;color:#ff5a7a}
.dhero .lead{margin-top:16px;max-width:58ch;font-size:17px;color:rgba(255,255,255,.84)}
.dhero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.stats div strong{display:block;font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.stats div span{display:block;margin-top:6px;font-size:13px;color:rgba(255,255,255,.72)}
.pcardimg{position:relative;background:#fff;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden;aspect-ratio:4/3}
.pcardimg img{width:100%;height:100%;object-fit:contain}
.pcardimg.cover img{object-fit:cover}
.pcardimg .tag{position:absolute;right:14px;bottom:14px;background:#fff;border-radius:6px;padding:5px 9px;box-shadow:var(--sh-sm)}
.pcardimg .tag img{height:22px;width:auto}
.crumb2{font-size:12.5px;color:rgba(255,255,255,.7);padding-top:18px}
.crumb2 a{color:#fff;font-weight:700}
.crumb2 a:hover{text-decoration:underline}

/* ---------- hub: velike pločice kategorija ---------- */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:-64px;position:relative;z-index:2}
.tile{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(4,18,31,.16);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.tile:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(4,18,31,.24)}
.tile .im{aspect-ratio:5/4;background:#efefef;overflow:hidden}
.tile .im img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.tile:hover .im img{transform:scale(1.06)}
.tile .lb{display:flex;align-items:center;gap:10px;padding:14px 16px 16px;border-top:3px solid transparent;transition:border-color .2s}
.tile:hover .lb{border-top-color:var(--red)}
.tile .lb strong{flex:1;min-width:0;font-size:16px;line-height:1.2}
.tile .lb small{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:3px}
.tile .go{flex:none;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 18px rgba(237,27,63,.3)}

/* ---------- hub: pojas po kategoriji ---------- */
.band2{padding-block:64px}
.band2:nth-of-type(even){background:var(--sky)}
.bgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.bside{position:sticky;top:110px}
.bside .ic{width:100%;max-width:220px;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#efefef;box-shadow:var(--sh-sm);margin-bottom:20px}
.bside .ic img{width:100%;height:100%;object-fit:contain}
.bside h2{font-size:30px;line-height:1.08}
.bside p{color:var(--muted);margin-top:10px;font-size:15px}
.bside .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px}
.pc{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.pc:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:#cfe0f0}
.pc .im{aspect-ratio:4/3;background:#fff;overflow:hidden;border-bottom:1px solid var(--line)}
.pc .im img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.pc .im.fit img{object-fit:contain;padding:8px}
.pc:hover .im img{transform:scale(1.05)}
.pc .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.pc h3{font-size:16.5px;line-height:1.22}
.pc .chips{display:flex;flex-wrap:wrap;gap:6px}
.pc .chips span{font-size:12px;font-weight:700;color:var(--blue);background:var(--sky);border-radius:6px;padding:4px 8px}
.pc .more{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:800;color:var(--red);letter-spacing:.03em;text-transform:uppercase}
.pc .more i{font-style:normal;color:var(--muted);font-weight:600;text-transform:none;letter-spacing:0}
.pc .newb{position:absolute;top:12px;left:12px;z-index:1}
.pc .devinfo{padding:0 16px 12px}

/* ---------- strana proizvoda ---------- */
.sec2{padding-block:76px}
.sec2.blue{background:linear-gradient(135deg,#0a5f96 0%,#0b4f82 55%,#083a63 100%);color:#fff}
.sec2.navy{background:radial-gradient(ellipse at 80% 20%,#123d61 0%,#061523 60%);color:#fff}
.sec2 .eyebrow{color:var(--red)}
.sec2.blue .eyebrow,.sec2.navy .eyebrow{color:#ff8aa1}
.sec2 h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;max-width:22ch}
.sec2 .intro{margin-top:12px;max-width:64ch;color:var(--muted)}
.sec2.blue .intro,.sec2.navy .intro{color:rgba(255,255,255,.8)}
.ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.ben div{background:#fff;color:var(--ink);border-top:4px solid var(--red);border-radius:6px;padding:20px 22px 22px;box-shadow:0 18px 40px rgba(0,0,0,.14)}
.ben b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--red)}
.ben h3{font-size:18px;margin:10px 0 8px}
.ben p{color:var(--muted);font-size:14.5px}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px;margin-top:30px}
.vcard{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-sm);padding:18px 18px 20px}
.vcard .k{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}
.vcard h3{font-size:19px;margin:4px 0 14px}
.vcard .cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vcard .cells div{background:var(--sky);border-radius:8px;padding:8px 10px}
.vcard .cells span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.vcard .cells b{display:block;font-size:15px;font-variant-numeric:tabular-nums;margin-top:2px}
.vcard p{margin-top:12px;font-size:13.5px;color:var(--muted)}
.vcard.dark{background:var(--navy);color:#fff;border:0;display:flex;flex-direction:column;justify-content:center;gap:12px}
.vcard.dark p{color:rgba(255,255,255,.75);margin:0}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.split .imgbox{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.25)}
.split .imgbox img{width:100%;height:auto}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ticks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.ticks li{padding-left:26px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:0;height:0;border-left:9px solid var(--red);border-top:6px solid transparent;border-bottom:6px solid transparent}
.htable{margin-top:28px;border-radius:12px;overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--line);overflow-x:auto}
.htable table{border-collapse:collapse;width:100%;min-width:560px;background:#fff}
.htable th,.htable td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:14.5px}
.htable thead th{background:var(--navy);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.htable tbody tr:nth-child(even) td{background:#f7f9fc}
.htable td:first-child{font-weight:700}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:30px}
.gal figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18);aspect-ratio:4/3}
.gal img{width:100%;height:100%;object-fit:cover}
.gal figure.fit img{object-fit:contain;padding:10px}
.apps{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.apps span{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:9px 15px;font-weight:700;font-size:14px;background:rgba(255,255,255,.06)}
.formwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.formwrap dl{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:22px;font-size:15px}
.formwrap dt{font-size:11px;font-weight:800;letter-spacing:.12em;color:#ff8aa1;padding-top:3px}
.formwrap dd{margin:0;font-weight:700}
.qform{background:#fff;color:var(--ink);border-top:4px solid var(--red);border-radius:10px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.qform label{display:grid;gap:5px;font-size:12px;font-weight:800}
.qform input,.qform select,.qform textarea{font:inherit;font-size:14px;border:1px solid var(--line);background:#f3f6fa;border-radius:6px;padding:10px 12px;width:100%}
.qform .full{grid-column:1/-1}
.qform .ok{grid-column:1/-1;color:var(--ok);font-weight:700;font-size:14px}
.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:26px}

/* slajderi sa strelicama */
.slider{position:relative}
.slider .sb{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:var(--sh-sm)}
.slider .sb.l{left:-8px}.slider .sb.r{right:-8px}
.slider .sb[disabled]{opacity:0;pointer-events:none}
.subnav .slider .sb{width:32px;height:32px;font-size:15px}
.track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 14px;scroll-padding-inline:2px}
.track::-webkit-scrollbar{display:none}
.track::after{content:"";flex:0 0 8px}
.track > *{flex:0 0 auto}
.ncard{width:250px}
.subchip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13.5px;font-weight:700;white-space:nowrap;transition:border-color .15s}
.subchip img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#efefef}
.subchip:hover,.subchip[aria-current="true"]{border-color:var(--red)}
.subchip .new{font-size:10px;font-weight:800;color:#fff;background:var(--red);border-radius:999px;padding:2px 6px}

/* fotografija mašine */
.photoov{position:absolute;inset:0;background:rgba(4,17,30,.86);display:grid;place-items:center;padding:20px;z-index:4}
.photoov .pf{position:relative;max-height:100%;max-width:min(860px,100%);height:100%;display:grid;place-items:center}
.photoov img{max-height:100%;max-width:100%;object-fit:contain;border-radius:12px;background:#fff}
.photoov .x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:22px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.3)}

.pill{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--red);border-radius:999px;padding:4px 9px}
.pill.blue{background:var(--blue)}
/* struktura */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.tbl table{border-collapse:collapse;width:100%;min-width:720px}
.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top;font-size:13.5px}
.tbl thead th{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.tbl td.u{font-size:12.5px;word-break:break-all;color:var(--blue)}
.h3s{font-size:22px;margin:40px 0 14px}

footer{background:var(--footer);color:rgba(255,255,255,.74)}
.fgrid{display:grid;grid-template-columns:1.25fr 1.5fr 1fr .9fr;gap:28px 40px;padding-block:56px;align-items:start}
.sf-col{display:flex;flex-direction:column}
.sf-list2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.sf-h4b{margin-top:22px}
.sf-sub{margin-top:8px;color:#c9d8e8;font-size:15px;max-width:60ch}
.sf-kv dd a.big{padding:0;font-size:16px}
footer h4{margin:0 0 14px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
footer a{display:block;padding:5px 0;font-size:14px}
footer a:hover{color:#fff}
.fbot{display:flex;justify-content:space-between;gap:16px;padding-block:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.6);flex-wrap:wrap}

.view{display:none}
.view.on{display:block}
main{overflow-x:clip}

.view{display:none}
.view.on{display:block}
main{overflow-x:clip}
@media (max-width:1080px){
  .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .bgrid{grid-template-columns:minmax(0,1fr)}
  .bside{position:static;display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 20px;align-items:center}
  .bside .ic{grid-row:span 3;margin:0}
  .mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mdetail,.advisor{grid-template-columns:minmax(0,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .header-cta{display:none}
  .nav{gap:18px}
  .dhero::before{width:70%;right:-40%;opacity:.5}
  .dgrid{grid-template-columns:minmax(0,1fr);gap:26px}
  .dgrid .stats{justify-content:flex-start!important}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-48px}
  .ben,.split,.formwrap{grid-template-columns:minmax(0,1fr)}
  .mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mstage{height:auto;aspect-ratio:4/5;min-height:0}
  .mover{position:static}
  .mover .container{padding-block:16px}
  .mintro{max-width:none}
  .mnow{align-self:stretch;justify-content:flex-start}
  .mcard{max-width:none;flex:1}
  .sec2{padding-block:56px}
  .band2{padding-block:44px}
}
@media (max-width:520px){
  .bside{grid-template-columns:minmax(0,1fr)}
  .bside .ic{max-width:140px}
  .mgrid{grid-template-columns:minmax(0,1fr)}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pc .bd{padding:10px 12px 12px}
  .pc h3{font-size:14.5px}
  .qform{grid-template-columns:minmax(0,1fr)}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .count{margin-left:0}
  .logo img{height:30px}
  .stats{gap:20px}
}
body[data-view="p"] #upit{display:none}
@media (max-width:520px){.nav{gap:14px}.nav a{font-size:12.5px}.header-inner{gap:12px}.logo{padding:4px 7px}.logo img{height:24px}}

/* ===== footer ===== */
footer.sf{background:linear-gradient(180deg,#0b2d4a 0%,#071a2b 100%);color:#c9d8e8;border-top:6px solid var(--red)}
.sf-top{background:linear-gradient(100deg,#0f3c63,#0b2d4a);border-bottom:1px solid rgba(255,255,255,.12)}
.sf-cta{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;padding-block:36px}
.sf-eb{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ff8aa1}
.sf-cta h3{color:#fff;font-size:clamp(22px,2.6vw,30px);line-height:1.2;max-width:30ch;margin-top:8px}
.sf-cta h3 em{font-style:normal;color:#9fd0ff}
.sf-acts{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
footer.sf .sf-acts .btn{display:inline-flex;padding:0 24px;color:#fff;font-size:13px}
.sf-tel{color:#fff;font-weight:800;font-size:20px;letter-spacing:.01em}
footer.sf .fgrid{padding-block:52px 40px}
footer.sf h4{color:#fff;font-size:13px;letter-spacing:.14em;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--red);display:inline-block}
footer.sf a{color:#d7e4f1;font-size:15px;padding:6px 0;font-weight:500}
footer.sf a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
footer.sf a.big{color:#fff;font-weight:800;font-size:17px}
.sf-logo{display:inline-flex;background:#fff;border-radius:10px;padding:8px 14px;margin-bottom:16px}
.sf-logo img{height:34px;width:auto}
.sf-brand p{font-size:15.5px;color:#e3ecf5;font-weight:600}
.sf-kv{margin:20px 0 0;display:grid;gap:12px}
.sf-kv dt{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ff8aa1}
.sf-kv dd{margin:3px 0 0;color:#fff;font-size:14.5px}
.sf-bot{background:rgba(0,0,0,.25)}
footer.sf .fbot{border-top:0;color:#a9bfd6;font-size:13.5px;padding-block:16px}
/* kategorije: kartice zauzimaju širinu kada ih je malo */
.pgrid[data-n="1"]{grid-template-columns:minmax(0,520px)!important}
.pgrid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pgrid[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pgrid[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1000px){.pgrid[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
#kGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#kGrid[data-n="2"] .pc .im,#kGrid[data-n="1"] .pc .im{aspect-ratio:16/10}
@media (max-width:640px){.pgrid[data-n="3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pgrid[data-n="1"]{grid-template-columns:minmax(0,1fr)!important}}


/* hero naslovne */
.dhero.hh::before{display:none}
.hh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:46px 120px}
.hh h1{font-size:clamp(32px,4.2vw,54px);line-height:1.06;max-width:16ch}
.hh h1 em{display:block;color:#fff;background:linear-gradient(90deg,var(--red),#ff5a7a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hh-art{position:relative;height:440px}
.hh-p{position:absolute;top:0;bottom:0;margin:0;overflow:hidden}
.hh-p img{width:100%;height:100%;object-fit:cover}
.hh-a{left:0;width:64%;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}
.hh-b{right:0;width:52%;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.hh-a::after,.hh-b::after{content:"";position:absolute;inset:0;pointer-events:none}
.hh-a::after{background:linear-gradient(180deg,transparent 55%,rgba(9,59,122,.85));box-shadow:inset 0 -8px 0 var(--blue)}
.hh-b::after{background:linear-gradient(180deg,transparent 60%,rgba(150,10,40,.8));box-shadow:inset 0 -8px 0 var(--red)}
.hh-p figcaption{position:absolute;z-index:2;bottom:22px;color:#fff;font-size:13px;letter-spacing:.04em;line-height:1.3}
.hh-p figcaption b{display:block;font-weight:800;font-size:clamp(22px,2.4vw,34px);line-height:1;letter-spacing:-.01em;margin-bottom:6px}
.hh-a figcaption{left:22px}
.hh-b figcaption{right:22px;text-align:right}
.hh-art::before{content:"";position:absolute;z-index:3;top:-18px;bottom:-18px;left:calc(56.8% - 8px);width:16px;background:linear-gradient(180deg,var(--blue) 0 50%,var(--red) 50% 100%);transform:skewX(-9.6deg)}
.hh-run{position:absolute;z-index:4;left:-8px;right:-8px;bottom:-46px;overflow:hidden;white-space:nowrap;font:800 13px/1 var(--mono,monospace);letter-spacing:.32em;color:rgba(255,255,255,.55)}
.hh-run span{display:inline-block;animation:hhrun 26s linear infinite}
@keyframes hhrun{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.hh-run span{animation:none}}
@media (max-width:900px){.hh-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:30px 100px}.hh-art{height:300px}.hh h1{max-width:none}}
@media (max-width:520px){.hh-art{height:240px}.hh-p figcaption{bottom:14px;font-size:11.5px}.hh-a figcaption{left:14px}.hh-b figcaption{right:12px}.hh .acts .btn{flex:1 1 100%;justify-content:center}}

/* veći meni podkategorija */
.subnav{background:linear-gradient(180deg,#fff,#f3f6fa);border-bottom:1px solid var(--line)}
#kNav{gap:12px!important;padding-block:18px!important}
.subchip{flex:0 0 168px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #d7e0ea;border-radius:14px;background:#fff;white-space:normal;overflow:hidden;position:relative;box-shadow:0 2px 0 rgba(13,40,70,.04);transition:transform .18s,box-shadow .18s,border-color .18s}
.subchip img{width:100%;height:104px;border-radius:0;object-fit:contain;background:#fff;padding:10px;border-bottom:1px solid #e6ecf2}
.subchip{font-size:13.5px;line-height:1.25;font-weight:750;color:var(--navy)}
.subchip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--blue) 0 50%,var(--red) 50%);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.subchip:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(13,40,70,.12);border-color:#b9c8d8}
.subchip:hover::after{transform:scaleX(1)}
.subchip > :not(img){margin:0}
.subchip .nm{display:block;padding:10px 12px 0}
.subchip .new{position:absolute;top:8px;left:8px}
@media (max-width:640px){.subchip{flex-basis:138px;font-size:12.5px}.subchip img{height:84px}}
@media (max-width:420px){.nav{gap:11px}.nav a{font-size:12px}.logo img{height:21px}.header-inner{gap:10px}}

/* pretraga */
.srch-btn{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.srch-btn:hover{background:rgba(255,255,255,.16)}
.srch{position:fixed;inset:0;z-index:200;background:rgba(4,17,30,.72);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding:80px 16px 16px}
.srch-in{width:min(760px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.srch-bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted)}
.srch-bar input::-webkit-search-cancel-button{display:none}
.srch-bar input{flex:1;border:0;font:600 17px var(--f);outline:none;color:var(--ink);min-width:0}
.srch-bar button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:20px;cursor:pointer}
.srch-res{max-height:min(62vh,560px);overflow:auto;padding:8px}
.srch-res a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:12px}
.srch-res a:hover,.srch-res a:focus{background:var(--soft);outline:none}
.srch-res img{width:52px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}
.srch-res b{display:block;font-size:15px}.srch-res small{display:block;color:var(--muted);font-size:13px;line-height:1.35}
.srch-res .t{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.srch-res .none,.srch-res .hint{padding:18px;color:var(--muted);font-size:14px}
.srch-res .hint span{display:inline-block;margin:6px 6px 0 0;padding:6px 10px;border:1px solid var(--line);border-radius:999px;cursor:pointer;color:var(--ink);font-weight:700}
@media (max-width:760px){
 .header-inner{flex-wrap:wrap;row-gap:0;min-height:60px}
 .header-inner .nav{flex-basis:calc(100% + 2*var(--gl))!important;margin-left:calc(-1*var(--gl))!important}
 .header-inner .nav{order:5;flex:0 0 100%;margin:0 calc(-1*var(--gl)) 0;padding:0 var(--gl) 8px;gap:20px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .header-inner .srch-btn{margin-left:auto}
 .nav a{font-size:13.5px}
}
.tray{display:none!important}

.wa{position:fixed;right:18px;bottom:18px;z-index:150;font-family:var(--f,inherit)}
.wa-btn{width:60px;height:60px;border-radius:50%;border:0;background:#25d366;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .15s}
.wa-btn:hover{transform:scale(1.06)}
.wa-pop{position:absolute;right:0;bottom:74px;width:min(330px,calc(100vw - 36px));background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden}
.wa-h{background:#075e54;color:#fff;padding:14px 16px}.wa-h b{display:block;font-size:16px}.wa-h span{font-size:12.5px;opacity:.85}
.wa-msg{margin:14px;background:#e7f8ee;border-radius:0 12px 12px 12px;padding:10px 12px;font-size:14px;color:#102033;line-height:1.45}
.wa-go{display:block;margin:0 14px 14px;text-align:center;background:#25d366;color:#fff!important;font-weight:800;padding:12px;border-radius:10px;text-decoration:none}
.wa-x{position:absolute;top:8px;right:8px;border:0;background:rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px}
body.pv .wa{bottom:86px}
.sf-legal{display:flex;flex-wrap:wrap;gap:6px 18px}.sf-legal a{color:inherit;opacity:.8;text-decoration:none}.sf-legal a:hover{opacity:1;text-decoration:underline}

/* ===== MAŠINE – tamna, profesionalna (Superlative + teenage engineering) ===== */
#v-masine{--m-bg:#06121f;--m-pan:#0b1d30;--m-pan2:#0f2640;--m-line:rgba(255,255,255,.1);--m-mut:#8fa6bf;--m-txt:#e6eef7;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--cond:"Barlow Condensed","Arial Narrow",sans-serif;background:var(--m-bg);color:var(--m-txt)}
#v-masine .mtop{background:#0a1826}
#v-masine .mintro{background:rgba(6,18,31,.88);backdrop-filter:blur(8px);border:1px solid var(--m-line);border-radius:14px}
#v-masine .mintro h1{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(30px,3.4vw,44px);line-height:.98}
#v-masine .seg button{border-radius:8px;font-family:var(--cond);font-size:15px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}
#v-masine .mcard{background:rgba(6,18,31,.92);color:#fff;border:1px solid var(--m-line);border-left:4px solid var(--red);border-radius:12px;backdrop-filter:blur(8px)}
#v-masine .mcard .fam{color:#ff6b8b;font-family:var(--mono);font-weight:600;letter-spacing:.04em}
#v-masine .mcard h2{font-family:var(--cond);font-size:26px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em;color:#fff}
#v-masine .mcard .kv{border-top-color:var(--m-line)}
#v-masine .mcard .kv span{color:var(--m-mut);font-family:var(--cond);letter-spacing:.08em}
#v-masine .mcard .kv b{color:#fff;font-family:var(--mono);font-size:15px}
#v-masine .vctl button{background:rgba(6,18,31,.85);color:#fff;border-color:var(--m-line);border-radius:8px}
#v-masine .vctl button[aria-pressed="true"]{background:var(--red);border-color:var(--red)}
#v-masine .mbody{background:linear-gradient(180deg,#081624 0%,#06121f 100%)}
#v-masine .panel{background:var(--m-pan);border:1px solid var(--m-line);border-radius:14px;box-shadow:none;color:var(--m-txt)}
#v-masine .panel h3{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:18px;color:#fff}
#v-masine .vline{font-size:18px;color:#fff;font-weight:600;line-height:1.45;border-left:3px solid var(--red);padding-left:14px}
#v-masine .specs th,#v-masine .specs td{border-bottom:1px solid var(--m-line);padding:11px 0}
#v-masine .specs th{color:var(--m-mut);font:600 11.5px/1.4 var(--f);letter-spacing:.1em;text-transform:uppercase}
#v-masine .specs td{color:#fff;font:600 14.5px/1.4 var(--mono)}
#v-masine .vars span{background:var(--m-pan2);border-color:var(--m-line);color:#fff;font-family:var(--mono);border-radius:6px}
#v-masine .xlist li{color:#cfdceb}
#v-masine .price{color:#fff;font-family:var(--mono)}
#v-masine .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
#v-masine .vbox{margin-bottom:22px}
#v-masine .vv{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--m-line)}
#v-masine .vv img,#v-masine .vv video,#v-masine .vv iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
#v-masine .vv button{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.5)}
#v-masine .vv.soon img{object-fit:contain;filter:grayscale(.3) brightness(.45)}
#v-masine .vv.soon span{position:absolute;left:14px;top:14px;background:rgba(6,18,31,.9);color:#fff;border:1px solid var(--m-line);font:700 11px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;padding:8px 11px;border-radius:999px}
#v-masine .vcap{font-size:13px;color:var(--m-mut);margin-top:8px}
#v-masine .eyebrow{color:#ff6b8b}
#v-masine .advisor h3{font-size:24px}
#v-masine .q > span{color:var(--m-mut)}
#v-masine .qseg button{background:var(--m-pan2);border-color:var(--m-line);color:#dbe7f3;border-radius:8px}
#v-masine .qseg button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#v-masine .rec a{background:var(--m-pan2);border-color:var(--m-line)}
#v-masine .rec a strong{color:#fff;font-family:var(--cond);font-size:19px;text-transform:uppercase;letter-spacing:.02em}
#v-masine .rec a small{color:var(--m-mut)}
#v-masine .rec a b{border-radius:8px;font-family:var(--cond)}
#v-masine .filters{border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line);padding:16px 0;margin-top:28px}
#v-masine .fg > span{color:var(--m-mut);font-family:var(--cond);font-size:14px;letter-spacing:.1em}
#v-masine .chip{background:transparent;border-color:rgba(255,255,255,.2);color:#dbe7f3;border-radius:6px}
#v-masine .chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#v-masine .count{color:var(--m-mut)}
#v-masine .linkbtn{color:#ff8fa6}
#v-masine .tiph{color:#fff;font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;font-size:28px;border-bottom:2px solid var(--red);padding-bottom:10px;margin-top:44px}
#v-masine .tiph small{font-family:var(--mono);color:var(--m-mut);font-size:12.5px}
#v-masine .mgrid{gap:14px}
#v-masine .mc{background:var(--m-pan);border:1px solid var(--m-line);border-radius:12px;box-shadow:none}
#v-masine .mc:hover{border-color:rgba(255,255,255,.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.4)}
#v-masine .mc[aria-current="true"]{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}
#v-masine .mc .im{aspect-ratio:9/10;background:#dfe5ec}
#v-masine .mc .im img{width:100%;height:100%;object-fit:cover;padding:0;transition:transform .4s}
#v-masine .mc:hover .im img{transform:scale(1.04)}
#v-masine .mc .bd{border-top:1px solid var(--m-line);padding:14px 16px 16px}
#v-masine .mc .fam{color:#ff6b8b;font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase}
#v-masine .mc h4{color:#fff;font-family:var(--cond);font-size:24px;text-transform:uppercase;letter-spacing:.01em;font-weight:700}
#v-masine .mc .kv{border-top:1px dashed var(--m-line);padding-top:10px;margin-top:2px}
#v-masine .mc .kv span{color:var(--m-mut);font-family:var(--cond);font-size:12px;letter-spacing:.08em}
#v-masine .mc .kv b{color:#fff;font-family:var(--mono);font-size:13px;font-weight:600}
#v-masine .cmp{background:rgba(6,18,31,.85);border-color:var(--m-line);color:#fff}
#v-masine .empty{background:var(--m-pan);border-color:var(--m-line);color:var(--m-mut)}
#v-masine .cmpwrap{background:var(--m-pan);border-color:var(--m-line)}
#v-masine .cmpt th,#v-masine .cmpt td{border-bottom-color:var(--m-line);color:#fff}
#v-masine .cmpt thead th{background:var(--m-pan2);font-family:var(--cond);text-transform:uppercase}
#v-masine .cmpt tbody th{color:var(--m-mut)}
#v-masine .cmpt td{font-family:var(--mono)}
#v-masine .cmpt td.best{background:rgba(232,26,75,.18);color:#ff8fa6}
#v-masine #cmpSec h2{color:#fff}
#v-masine .photoov{background:rgba(6,18,31,.92)}
#v-masine .photoov img{background:#dfe5ec}
@media (max-width:860px){#v-masine .mover{background:#06121f}#v-masine .mc h4{font-size:20px}}
@media (max-width:520px){#v-masine .mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}#v-masine .mc .bd{padding:10px}#v-masine .mc h4{font-size:17px}#v-masine .mc .kv{grid-template-columns:1fr;gap:4px}#v-masine .mc .kv span{display:flex;justify-content:space-between;gap:6px}#v-masine .mc .kv b{display:inline}#v-masine .cmp{font-size:10px;padding:4px 6px}#v-masine .tiph{font-size:22px}}

#v-masine .vopts{margin-top:24px}
#v-masine .vopts h3{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:20px;color:#fff;margin-bottom:12px}
#v-masine .og{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
#v-masine .og figure{margin:0;background:var(--m-pan);border:1px solid var(--m-line);border-radius:12px;overflow:hidden}
#v-masine .og img{width:100%;aspect-ratio:768/280;object-fit:cover}
#v-masine .og figcaption{padding:12px 14px;display:grid;gap:4px}
#v-masine .og b{color:#fff;font-size:14.5px}
#v-masine .og span{color:var(--m-mut);font-size:13px}
#v-masine .photoov .pf{height:100%;width:100%}
#v-masine .photoov img{height:100%;width:auto;max-width:100%;object-fit:contain}
#v-masine .mintro h1{font-size:clamp(26px,2.8vw,36px)}#v-masine .mover .container{padding-block:18px}

/* ===== svetliji donji deo (lista, specifikacije) ===== */
#v-masine .mbody{background:linear-gradient(180deg,#e9eef4 0%,#dfe6ee 100%);color:#0b2d4a}
#v-masine .mbody .panel{background:#fff;border:1px solid #d3dce6;box-shadow:0 10px 28px rgba(11,45,74,.08);color:#0b2d4a}
#v-masine .mbody .panel h3,#v-masine .mbody .vline{color:#0b2d4a}
#v-masine .mbody .specs th{color:#5b6b7d}
#v-masine .mbody .specs td{color:#0b2d4a}
#v-masine .mbody .specs th,#v-masine .mbody .specs td{border-bottom-color:#e3e9f0}
#v-masine .mbody .vars span{background:#eef3f8;border-color:#d3dce6;color:#0b2d4a}
#v-masine .mbody .xlist li{color:#33435a}
#v-masine .mbody .price{color:#0b2d4a}
#v-masine .mbody .btn-line{color:#0b2d4a;border-color:#0b2d4a}
#v-masine .mbody .vcap{color:#5b6b7d}
#v-masine .mbody .vv{border-color:#d3dce6}
#v-masine .mbody .q > span,#v-masine .mbody .fg > span,#v-masine .mbody .count{color:#5b6b7d}
#v-masine .mbody .qseg button{background:#f1f5f9;border-color:#d3dce6;color:#0b2d4a}
#v-masine .mbody .qseg button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#v-masine .mbody .rec a{background:#f6f9fc;border-color:#d3dce6}
#v-masine .mbody .rec a strong{color:#0b2d4a}
#v-masine .mbody .rec a small{color:#5b6b7d}
#v-masine .mbody .filters{border-color:#cfd9e4}
#v-masine .mbody .chip{border-color:#c5d1de;color:#0b2d4a;background:#fff}
#v-masine .mbody .chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#v-masine .mbody .linkbtn{color:var(--red)}
#v-masine .mbody .tiph{color:#0b2d4a}
#v-masine .mbody .tiph small{color:#5b6b7d}
#v-masine .mbody .mc{background:#fff;border-color:#d3dce6;box-shadow:0 8px 22px rgba(11,45,74,.08)}
#v-masine .mbody .mc:hover{border-color:#9fb3c8;box-shadow:0 18px 36px rgba(11,45,74,.16)}
#v-masine .mbody .mc .bd{border-top-color:#e3e9f0}
#v-masine .mbody .mc .fam{color:var(--red)}
#v-masine .mbody .mc h4{color:#0b2d4a}
#v-masine .mbody .mc .kv{border-top-color:#e3e9f0}
#v-masine .mbody .mc .kv span{color:#5b6b7d}
#v-masine .mbody .mc .kv b{color:#0b2d4a}
#v-masine .mbody .vopts h3{color:#0b2d4a}
#v-masine .mbody .og figure{background:#fff;border-color:#d3dce6}
#v-masine .mbody .og b{color:#0b2d4a}
#v-masine .mbody .og span{color:#5b6b7d}
#v-masine .mbody .cmpwrap{background:#fff;border-color:#d3dce6}
#v-masine .mbody .cmpt th,#v-masine .mbody .cmpt td{color:#0b2d4a;border-bottom-color:#e3e9f0}
#v-masine .mbody .cmpt thead th{background:#eef3f8}
#v-masine .mbody .cmpt tbody th{color:#5b6b7d}
#v-masine .mbody #cmpSec h2{color:#0b2d4a}
#v-masine .mbody .empty{background:#fff;border-color:#d3dce6;color:#5b6b7d}
#v-masine .mc .tags,#v-masine .mc .cmp{z-index:4}
#v-masine .mbody .cmp{background:rgba(255,255,255,.95);border-color:#d3dce6;color:#0b2d4a;cursor:pointer}
#v-masine .cmp input{width:16px;height:16px;cursor:pointer}
/* fotografija/video preko 3D – cela slika */
#v-masine .photoov{padding:0}
#v-masine .photoov .pf{position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;height:auto;width:auto;max-width:none}
#v-masine .photoov img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;border-radius:12px}
#v-masine .photoov .vbig{width:min(100%,calc((100vh - 220px) * 16 / 9));aspect-ratio:16/9;max-height:100%;background:#000;border-radius:12px;overflow:hidden}
#v-masine .photoov .vbig.v{aspect-ratio:9/16;width:auto;height:100%}
#v-masine .photoov .vbig iframe,#v-masine .photoov .vbig video{width:100%;height:100%;border:0;display:block}
#v-masine .photoov .x{z-index:5}
#v-masine .vv.v{aspect-ratio:9/16;max-height:440px;width:auto;margin-inline:auto}

/* izbor mašine: zaglavlje, pomoćnik na klik, filteri u bočnoj koloni */
#v-masine .mpick-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:44px 0 16px;padding-bottom:16px;border-bottom:2px solid #0b2d4a}
#v-masine .mpick-head h2{font-family:var(--cond);text-transform:uppercase;font-size:clamp(26px,3vw,36px);color:#0b2d4a;letter-spacing:.02em}
#v-masine .advbtn{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:14px;border:1px solid #cfd9e4;background:#fff;cursor:pointer;text-align:left;box-shadow:0 6px 18px rgba(11,45,74,.08)}
#v-masine .advbtn b{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--red));color:#fff;display:grid;place-items:center;font-size:20px}
#v-masine .advbtn strong{display:block;color:#0b2d4a;font-size:15px}#v-masine .advbtn small{color:#5b6b7d;font-size:13px}
#v-masine .advbtn[aria-expanded="true"]{border-color:var(--red)}
#v-masine #advisorBox{margin:0 0 20px}
#v-masine .mpick{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;align-items:start}
#v-masine .mside{position:sticky;top:96px;background:#fff;border:1px solid #d7e0ea;border-radius:16px;padding:16px}
#v-masine .mside-h{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:15px;color:#0b2d4a;margin-bottom:6px}
#v-masine .mside .filters{display:grid;gap:16px;border:0!important;margin:0!important;padding:0!important}
#v-masine .mside .fg{display:flex;flex-wrap:wrap;gap:6px}
#v-masine .mside .fg > span{flex:0 0 100%;margin:0 0 2px;font-size:12.5px}
#v-masine .mside .count{margin:0;flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px;border-top:1px solid #e3e9f0}
#v-masine .mpick .tiph:first-child{margin-top:0}
#v-masine .mpick .mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){#v-masine .mpick{grid-template-columns:minmax(0,1fr)}#v-masine .mside{position:static}#v-masine .mside .filters{grid-template-columns:repeat(2,minmax(0,1fr))}#v-masine .mpick .mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#v-masine .mside .filters{grid-template-columns:minmax(0,1fr)}#v-masine .advbtn{width:100%}}

#v-masine button.mside-h{all:unset;display:flex;justify-content:space-between;align-items:center;width:100%;font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:15px;color:#0b2d4a;cursor:default}
@media (max-width:980px){#v-masine button.mside-h{cursor:pointer}#v-masine button.mside-h::after{content:"+";font-size:22px;color:var(--red)}#v-masine .mside:not(.open) .filters{display:none!important}#v-masine .mside.open button.mside-h::after{content:"−"}#v-masine .mside.open .filters{margin-top:12px!important}}

#v-masine .vadd{margin-top:24px;background:#fff;border:1px solid #d7e0ea;border-radius:16px;padding:22px}
#v-masine .vadd-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#v-masine .vadd-h h3{font-family:var(--cond);text-transform:uppercase;font-size:24px;color:#0b2d4a}
#v-masine .vadd-h p{color:#5b6b7d;font-size:14.5px;max-width:62ch;margin-top:4px}
#v-masine .vadd-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
#v-masine .vadd-c{background:#f5f8fb;border:1px solid #e1e8ef;border-radius:12px;padding:14px;border-top:3px solid var(--blue)}
#v-masine .vadd-c:nth-child(even){border-top-color:var(--red)}
#v-masine .vadd-c b{display:block;color:#0b2d4a;font-size:14px;margin-bottom:6px}
#v-masine .vadd-c ul{margin:0;padding-left:18px;color:#33475b;font-size:13.5px;line-height:1.5}

/* pomoćnik – uvek otvoren, istaknut */
#v-masine .adv2{margin-top:30px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;padding:0;overflow:hidden;border:0;border-radius:20px;box-shadow:0 22px 50px rgba(11,45,74,.16)}
#v-masine .adv2 .adv-q{background:linear-gradient(135deg,#0b2d4a,#0d4fa3);color:#fff;padding:28px 30px;position:relative}
#v-masine .adv2 .adv-q::after{content:"";position:absolute;right:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--blue),var(--red))}
#v-masine .adv2 .eyebrow{color:#ff8497}
#v-masine .adv2 h3{font-family:var(--cond);text-transform:uppercase;font-size:clamp(24px,2.6vw,34px);line-height:1.05;color:#fff;max-width:22ch}
#v-masine .adv2 .adv-qs{display:grid;gap:16px;margin-top:20px}
#v-masine .adv2 .q{margin:0}
#v-masine .adv2 .q > span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);font-size:13px;letter-spacing:.06em;margin-bottom:8px}
#v-masine .adv2 .q > span i{font-style:normal;width:24px;height:24px;border-radius:7px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:13px}
#v-masine .adv2 .qseg button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:10px;padding:10px 14px;font-size:14px}
#v-masine .adv2 .qseg button:hover{background:rgba(255,255,255,.16)}
#v-masine .adv2 .qseg button[aria-pressed="true"]{background:#fff;color:#0b2d4a;border-color:#fff}
#v-masine .adv2 .adv-r{background:#fff;padding:28px 26px;display:flex;flex-direction:column;gap:12px}
#v-masine .adv2 .adv-rh{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;color:#5b6b7d;font-size:14px}
#v-masine .adv2 .rec a{background:#f5f8fb;border:1px solid #d7e0ea;padding:14px}
#v-masine .adv2 .rec a:first-child{border-color:var(--red);background:#fff5f7}
#v-masine .adv2 .rec a strong{color:#0b2d4a;font-size:20px}
/* filteri – jedna pregledna traka */
#v-masine .mpick-head{margin:40px 0 0;border-bottom:0;padding-bottom:12px;align-items:center}
#v-masine .mfbtn{display:none}
#v-masine .mfbar{background:#fff;border:1px solid #d7e0ea;border-radius:16px;padding:6px 18px;margin-bottom:22px;box-shadow:0 8px 22px rgba(11,45,74,.06)}
#v-masine .mfbar .filters{display:flex;flex-direction:column;gap:0;border:0!important;margin:0!important;padding:0!important}
#v-masine .mfbar .fg{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:8px 14px;padding:12px 0;border-bottom:1px solid #edf1f5}
#v-masine .mfbar .fg > span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:#0b2d4a;margin:0}
#v-masine .mfbar .fg .chips,#v-masine .mfbar .fg{flex-wrap:wrap}
#v-masine .mfbar .fg > button{justify-self:start}
#v-masine .mfbar .fg{grid-auto-flow:row}
#v-masine .mfbar .chip{border:1.5px solid #d3dce6;background:#fff;color:#0b2d4a;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:700;margin:0 6px 0 0}
#v-masine .mfbar .chip:hover{border-color:#0b2d4a}
#v-masine .mfbar .chip[aria-pressed="true"]{background:#0b2d4a;border-color:#0b2d4a;color:#fff}
#v-masine .mfbar .chip[aria-pressed="true"]::before{content:"✓ "}
#v-masine .mfbar .count{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin:0;color:#5b6b7d;font-size:14px}
@media (max-width:980px){#v-masine .adv2{grid-template-columns:minmax(0,1fr)}#v-masine .adv2 .adv-q::after{left:0;right:0;top:auto;bottom:0;width:auto;height:5px}}
@media (max-width:760px){#v-masine .mfbtn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #0b2d4a;background:#fff;color:#0b2d4a;border-radius:10px;padding:10px 14px;font-weight:800}
 #v-masine .mfbtn::after{content:"+";color:var(--red);font-size:18px}#v-masine .mfbtn[aria-expanded="true"]::after{content:"−"}
 #v-masine .mfbar:not(.open){display:none}#v-masine .mfbar .fg{grid-template-columns:minmax(0,1fr)}}
#v-masine .mfbar .filters{align-items:stretch!important}
#v-masine .mfbar .fg{width:100%}
#v-masine .mfbar .fch{display:flex;flex-wrap:wrap;gap:8px}
#v-masine .mfbar .chip{margin:0}
#v-masine .adv2 h3{color:#fff!important}
#v-masine .vadd{padding:0}
#v-masine .vadd summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px}
#v-masine .vadd summary::-webkit-details-marker{display:none}
#v-masine .vadd summary b{font-family:var(--cond);text-transform:uppercase;font-size:22px;color:#0b2d4a;display:block}
#v-masine .vadd summary .eyebrow{margin-bottom:4px}
#v-masine .vadd summary i{font-style:normal;font-weight:800;color:var(--red);border:1.5px solid var(--red);border-radius:999px;padding:7px 14px;font-size:13px}
#v-masine .vadd details[open] summary i{color:#fff;background:var(--red)}
#v-masine .vadd details[open] summary i::after{content:""}
#v-masine .vadd details > .vadd-h,#v-masine .vadd details > .vadd-g{margin-inline:22px}
#v-masine .vadd details > .vadd-g{margin-bottom:22px}

/* poređenje */
#v-masine .cmpb{margin-top:12px;width:100%;border:1.5px dashed #9fb3c8;background:#f5f8fb;color:#0b2d4a;border-radius:10px;padding:10px;font-weight:800;font-size:13.5px;cursor:pointer;transition:.15s;position:relative;z-index:3}
#v-masine .cmpb:hover{border-color:var(--red);color:var(--red)}
#v-masine .cmpb[aria-pressed="true"]{background:var(--red);border:1.5px solid var(--red);color:#fff}
#v-masine .cmpbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(110deg,#0b2d4a,#0d4fa3);color:#fff;border-radius:16px;padding:14px 18px;margin-bottom:14px;position:sticky;top:84px;z-index:20;box-shadow:0 12px 30px rgba(11,45,74,.18)}
#v-masine .cmpbar-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#v-masine .cmpbar b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:16px}
#v-masine .cmpbar .pillx{display:inline-flex;gap:8px;align-items:center;background:#fff;color:#0b2d4a;padding:6px 10px;border-radius:999px;font-weight:800;font-size:13px;margin-right:6px}
#v-masine .cmpbar .pillx button{border:0;background:none;color:var(--red);font-size:16px;cursor:pointer;line-height:1}
#v-masine .cmp-empty{color:rgba(255,255,255,.75);font-size:13.5px}
#v-masine .cmpbar small{color:#ffd1da;font-weight:700}
#v-masine .cmpbar .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
#v-masine .cmpbar.has{box-shadow:0 0 0 3px rgba(237,27,63,.35),0 12px 30px rgba(11,45,74,.18)}
.tray{background:linear-gradient(110deg,#0b2d4a,#0d4fa3)!important}
@media (max-width:760px){#v-masine .cmpbar{top:110px;padding:10px 12px}#v-masine .cmpbar .btn{width:100%}}

#v-masine .pf{align-items:center;justify-content:center}
#v-masine .pfi{position:static;display:flex;width:100%;height:100%;align-items:center;justify-content:center}
#v-masine .pfi img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
#v-masine .pfi .vbig:not([hidden]){width:min(100%,960px)}
#v-masine .pfi .x{position:absolute!important;z-index:5;right:auto!important}
#v-masine .pfi{padding:24px 24px 6px}
#v-masine .vtabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#v-masine .vtabs button{border:1px solid var(--m-line,#2a3d52);background:transparent;color:inherit;border-radius:999px;padding:6px 12px;font:700 12.5px/1.2 inherit;font-family:inherit;cursor:pointer}
#v-masine .vtabs button[aria-pressed="true"]{background:var(--red,#ed1b3f);border-color:var(--red,#ed1b3f);color:#fff}
/* QA 19.10: podkategorije na strani kategorije – veće, centrirane, istaknute */
.subnav{background:linear-gradient(180deg,#eef3f8,#fff);border-bottom:1px solid var(--line)}
.subnav .track#kNav{justify-content:safe center;gap:16px!important;padding-block:24px!important}
.subnav .subchip{flex:0 0 210px;border:1.5px solid #cfdbe7;border-radius:16px;box-shadow:0 10px 24px rgba(13,40,70,.08);font-size:15px}
.subnav .subchip img{height:150px;padding:14px;object-fit:contain;background:#fff}
.subnav .subchip .nm{padding:12px 14px 14px;font-weight:800;color:var(--navy)}
.subnav .subchip::after{transform:scaleX(1);opacity:.35;height:4px}
.subnav .subchip:hover{border-color:var(--red);box-shadow:0 18px 32px rgba(13,40,70,.16)}
.subnav .subchip:hover::after{opacity:1}
.subnav .subchip:hover .nm{color:var(--red)}
@media (max-width:640px){.subnav .subchip{flex-basis:150px;font-size:13.5px}.subnav .subchip img{height:104px}.subnav .track#kNav{justify-content:flex-start;padding-block:16px!important;gap:10px!important}}
/* QA 19.10: pretraga vidljiva kao dugme sa natpisom */
.srch-lbl{display:none}
@media (min-width:1100px){.srch-btn{width:auto!important;padding:0 14px;display:inline-flex!important;align-items:center;gap:8px;font:700 13.5px/1 var(--f,inherit);color:#fff}.srch-lbl{display:inline}}
#v-masine .mbody .vtabs button{border-color:#c7d3e0;color:#0b2d4a;background:#fff}
#v-masine .mbody .vtabs button[aria-pressed="true"]{background:var(--red,#ed1b3f);border-color:var(--red,#ed1b3f);color:#fff}
/* QA 20.10: svetlija plava umesto skoro crne (zaglavlje i početna) */
.site-header{background:rgba(11,45,74,.97)!important;border-bottom-color:rgba(255,255,255,.14)!important}
.dhero{background:linear-gradient(115deg,#0b2d4a 0%,#0d3f6b 50%,#075e91 100%)!important}
/* Prodavnica istaknuta u glavnom meniju */
.nav a.shop{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0b2d4a!important;border:0!important;border-radius:999px;padding:7px 14px 7px 11px!important;font-weight:800;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.nav a.shop::before{content:"";width:16px;height:16px;flex:0 0 16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h3l2.6 12.2a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.5L22 8H6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2 3h3l2.6 12.2a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.5L22 8H6'/%3E%3C/svg%3E") center/contain no-repeat}
.nav a.shop:hover,.nav a.shop[aria-current="page"]{background:var(--red);color:#fff!important}
/* QA 20.10: poređenje mašina – pregledno i na telefonu, sa uvećanjem/umanjenjem */
#v-masine .cmpz{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
#v-masine .cmpz button{min-width:38px;height:34px;border-radius:9px;border:1px solid #c7d3e0;background:#fff;color:#0b2d4a;font:800 15px/1 var(--f,inherit);cursor:pointer;padding:0 10px}
#v-masine .cmpsc{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
#v-masine .cmpt{zoom:var(--cz,1);min-width:calc(110px + var(--cn,2) * 150px)}
#v-masine .cmpt tbody th,#v-masine .cmpt thead th:first-child{position:sticky;left:0;z-index:1;background:inherit}
#v-masine .mbody .cmpt tbody th{background:#f6f9fc}
@media (max-width:760px){#v-masine .cmpt{min-width:calc(92px + var(--cn,2) * 122px)}#v-masine .cmpt th,#v-masine .cmpt td{padding:8px 9px;font-size:12.5px;line-height:1.35}#v-masine .cmpt tbody th{width:92px;font-size:11.5px}}
#v-masine .cmpt tbody th{background:var(--m-pan,#0f2236)}#v-masine .mbody .cmpt tbody th{background:#f6f9fc}
/* QA 20.10 (2): telefon – traka poređenja se pojavi tek kad su izabrane 2 mašine, mala i dole */
@media (max-width:760px){
 #v-masine .cmpbar{display:none!important;position:fixed;left:10px;right:10px;bottom:10px;top:auto;margin:0;padding:10px 12px;z-index:70;border-radius:14px;gap:8px}
 #v-masine .cmpbar.ready{display:flex!important}
 #v-masine .cmpbar #cmpChips,#v-masine .cmpbar #cmpHint{display:none}
 #v-masine .cmpbar b{font-size:14px}
 #v-masine .cmpbar .btn{width:auto;flex:1;min-height:42px;font-size:13px}
 .tray{display:none!important}
}

/* 22.10: bedž garancije 5 godina */
#v-masine .mc .im{position:relative}
#v-masine .wb5c{position:absolute;right:8px;top:8px;width:54px;filter:drop-shadow(0 4px 8px rgba(6,18,31,.35))}
#v-masine .wb5c svg{display:block;width:100%;height:auto}
#v-masine .vwar{display:flex;align-items:center;gap:10px;margin:6px 0 2px}
#v-masine .vwar[hidden]{display:none}
#v-masine .vwar svg{width:38px;height:auto;flex:0 0 auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
#v-masine .vwar span{font-size:13px;line-height:1.35;color:var(--m-mut)}
#v-masine .vwar b{display:block;color:#fff;font-size:14px;letter-spacing:.02em}

#v-masine .mc-t{all:unset;cursor:pointer;font:inherit;color:inherit}
#v-masine .mc-t:focus-visible{outline:3px solid #4aa3ff;outline-offset:3px;border-radius:4px}
#v-masine summary .eyebrow{color:#c8102e}