/* =========================================================================
   Novinky v produktech a novinky podle programu (zvonek)
   ========================================================================= */

/* ---------- novinky v produktech ---------- */
.tag.np{background:var(--green);color:#fff}
.tag.soon{background:#fff1df;color:#b5651d}
html.night .tag.soon{background:#3a2a14;color:#ffb46b}
.nvb{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;border-radius:28px;padding:48px 56px;background:linear-gradient(135deg,var(--mint),var(--card) 70%);border:1px solid var(--line)}
.nvb:before{content:"";position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(50,187,0,.22),transparent 65%);pointer-events:none}
.nvb>*{position:relative}
.nvb .tags{display:flex;gap:8px;flex-wrap:wrap}
.nvb h3{font-size:clamp(28px,3vw,42px);line-height:1.1;margin-top:18px}
.nvb h3 em{font-style:normal;color:var(--green2)}
html.night .nvb h3 em{color:var(--green3)}
.nvb p{margin:16px 0 0;font-size:17px;line-height:1.65;color:var(--muted);max-width:540px}
.nvb ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.nvb li{display:flex;gap:12px;align-items:center;font-weight:600;color:var(--ink)}
.nvb li i{width:34px;height:34px;border-radius:10px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nvb li i svg{width:18px;height:18px}
.nvb .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.phone{width:min(270px,100%);margin:0 auto;border-radius:38px;background:#0b465d;padding:10px;box-shadow:0 40px 70px -30px rgba(11,70,93,.55);transform:rotate(3deg);transition:transform .5s}
.nvb:hover .phone{transform:rotate(0)}
.scr{background:#fff;border-radius:29px;overflow:hidden;color:#1d3743;font-size:12px}
.scr-h{background:#0b465d;color:#fff;padding:14px 16px 12px;display:flex;justify-content:space-between;align-items:center}
.scr-h b{font-family:"Quicksand";font-size:15px}
.scr-h span{font-size:10.5px;color:#d5ff99;font-weight:700}
.scr-b{padding:12px;display:flex;flex-direction:column;gap:9px}
.job{border:1px solid #dbe6ea;border-radius:12px;padding:9px 11px}
.job b{display:block;color:#0b465d;font-size:13px}
.job small{color:#5b707b}
.map{position:relative;height:84px;border-radius:12px;overflow:hidden;background:#e4efe8}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;left:58%;top:38%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#32bb00;box-shadow:0 0 0 0 rgba(50,187,0,.5);animation:ring 1.8s infinite}
.chk{display:flex;flex-direction:column;gap:6px}
.chk div{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:9px;background:#f4f8f9;font-weight:600;color:#0b465d}
.chk div em{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#f2f4f7;color:#98a2b3;transition:all .3s}
.nvb.inview .chk div em{background:#32bb00;color:#fff}
.nvb.inview .chk div:nth-child(1) em{transition-delay:.4s}.nvb.inview .chk div:nth-child(2) em{transition-delay:1s}.nvb.inview .chk div:nth-child(3) em{transition-delay:1.6s}
.ph{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ph span{aspect-ratio:1;border-radius:8px;background:linear-gradient(160deg,#a9dcec,#46bf1a);position:relative;overflow:hidden}
.ph span:nth-child(2){background:linear-gradient(160deg,#cfe3ea,#227798)}
.ph span:nth-child(3){background:linear-gradient(160deg,#ffe9a8,#ff793c)}
.ph span:after{content:"";position:absolute;left:18%;right:18%;bottom:18%;height:30%;background:rgba(255,255,255,.55);clip-path:polygon(0 100%,35% 20%,55% 60%,75% 35%,100% 100%)}
.sig{border:1px dashed #b9cdd5;border-radius:10px;height:46px;position:relative}
.sig svg{position:absolute;inset:0;width:100%;height:100%}
.sig path{fill:none;stroke:#0b465d;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260}
.nvb.inview .sig path{animation:sign 1.6s 2s ease forwards}
.sig small{position:absolute;right:8px;top:4px;font-size:9.5px;color:#98a2b3}
.scr-btn{background:#32bb00;color:#fff;font-weight:700;text-align:center;padding:10px;border-radius:10px}
.nfs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.nf{display:flex;flex-direction:column;border-radius:22px;border:1px solid var(--line);background:var(--card);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.nf:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--green)}
.nf .vis{height:132px;position:relative;background:var(--soft);overflow:hidden}
.nf .vis svg{position:absolute;inset:0;width:100%;height:100%}
.nf .bd{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.nf .tags{display:flex;gap:6px;flex-wrap:wrap}
.nf b{font-family:"Quicksand";font-size:19px;line-height:1.25;color:var(--ink)}
.nf p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.nf .more{margin-top:auto;padding-top:8px;font-weight:700;font-size:14px;color:var(--green2);text-decoration:none;cursor:pointer;background:none;border:0;text-align:left;padding-left:0;font-family:inherit}
html.night .nf .more{color:var(--green3)}
.nf .more:hover{text-decoration:underline}
/* vizuály */
.v-doc{fill:#fff;stroke:#c9d8de;stroke-width:1.5}
html.night .v-doc{fill:#12313c;stroke:#2a4a56}
.v-ln{fill:#dbe6ea}
html.night .v-ln{fill:#2a4a56}
.v-hl{fill:rgba(50,187,0,.18);stroke:#32bb00;stroke-width:1.2;opacity:0;transition:opacity .3s}
.v-scan{fill:url(#scanG);animation:scan 2.6s ease-in-out infinite}
.v-f{opacity:.35;transition:opacity .4s}
.nf.inview .v-f,.nf:hover .v-f{opacity:1}
.nf.inview .v-f:nth-of-type(2){transition-delay:.3s}.nf.inview .v-f:nth-of-type(3){transition-delay:.6s}
.v-fb{fill:var(--card);stroke:var(--line)}
.v-ft{font:600 9.5px Montserrat,sans-serif;fill:var(--ink)}
.v-ok{fill:#32bb00}
.v-sig{fill:none;stroke:#0b465d;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;animation:sign2 3.2s ease-in-out infinite}
html.night .v-sig{stroke:#d5ff99}
.v-stamp{fill:#32bb00;opacity:0;animation:stamp 3.2s ease-in-out infinite}
.v-stamp,.v-stampt{transform-box:fill-box;transform-origin:center}
.v-stampt{font:700 9px Montserrat,sans-serif;fill:#fff;opacity:0;animation:stamp 3.2s ease-in-out infinite}
.v-day{fill:#fff;stroke:#c9d8de}.v-night{fill:#0b2530;stroke:#0b2530}
.v-bar{fill:#0b465d}
.v-dot{fill:#32bb00;animation:flow 2s linear infinite}
.v-dot:nth-of-type(2){animation-delay:.66s}.v-dot:nth-of-type(3){animation-delay:1.33s}
.ops-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:56px}
.ops-h h3{font-size:26px}
.ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.op{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--card);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.op:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--green)}
.op-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.op-ic{width:48px;height:48px;border-radius:14px;background:var(--teal3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.op-ic svg{width:24px;height:24px}
.op.isnew .op-ic{background:var(--mint)}
.op b{font-family:"Quicksand";font-size:19px;line-height:1.25;color:var(--ink)}
.op p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.op ul{list-style:none;padding:0;margin:2px 0 0;display:grid;gap:5px}
.op li{display:flex;gap:8px;font-size:13px;font-weight:600;color:var(--text)}
.op li:before{content:"✓";color:var(--green);font-weight:700}
.op .go2{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:var(--green2)}
html.night .op .go2{color:var(--green3)}
.op.isnew{border:2px solid var(--green)}
.ddm .ndot{color:#fff;font-size:10px}
.ddm .tag{align-self:flex-start;font-size:12px;color:var(--green2)}
.ddm .tag.t{color:var(--teal2)}
html.night .ddm .tag{color:var(--lime)}
.ddm .lst a small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}
.ddm .lst a b .ndot{vertical-align:1px}
@media (max-width:1100px){.nfs,.ops{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.nvb{grid-template-columns:1fr;padding:30px 22px;gap:28px}.phone{transform:none}.ops-h{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){.nfs,.ops{grid-template-columns:1fr}}


/* ---------- novinky podle programu ---------- */
.nvh{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:28px}
.pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border-radius:18px;background:var(--card);border:1px solid var(--line);width:fit-content;max-width:100%}
.pick-l{font-weight:700;font-size:14px;color:var(--muted);padding:0 8px 0 10px}
.pick button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:0;background:transparent;font-weight:700;font-size:14.5px;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.pick button:hover{background:var(--soft)}
.pick button.on{background:var(--teal);color:#fff}
html.night .pick button.on{background:var(--green)}
.pick button i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--mint);color:var(--green2);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.pick button i:empty{display:none}
.pick button.on i{background:rgba(255,255,255,.2);color:#fff}
#nfs{margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
@media (max-width:560px){#nfs{grid-template-columns:1fr}}
.nf.hid{display:none}
.nf{animation:pin .4s ease}
.nf .new-dot{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;z-index:2}
.nf{position:relative}
.nf-empty{background:linear-gradient(150deg,var(--mint),var(--card))}
.nf-empty b{font-size:21px}
/* zvoneček */
.bellw{position:relative;flex-shrink:0}
.bell{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.bell:hover{border-color:var(--green)}
.bell svg{width:21px;height:21px}
.bell.ring svg{animation:ringb 1.2s ease 2;transform-origin:50% 10%}
.bdg{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff793c;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}
.bdg.z{display:none}
.bpan{position:absolute;right:-60px;top:calc(100% + 12px);width:380px;max-width:calc(100vw - 24px);background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -20px rgba(11,70,93,.35);padding:16px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s;z-index:80}
.bpan.on{opacity:1;visibility:visible;transform:none}
.bp-h{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.bp-h b{font-family:"Quicksand";font-size:19px;color:var(--ink)}
.bp-h span{font-size:13px;color:var(--muted)}
.bp-pick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.bp-pick button{padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer}
.bp-pick button.on{background:var(--teal);border-color:var(--teal);color:#fff}
html.night .bp-pick button.on{background:var(--green);border-color:var(--green)}
.bp-l{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}
.bp-i{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:10px 12px;border-radius:12px;text-decoration:none;cursor:pointer;color:var(--text)}
.bp-i:hover{background:var(--soft)}
.bp-i .d{grid-row:span 2;width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--line)}
.bp-i.un .d{background:#ff793c}
.bp-i b{font-size:14.5px;color:var(--ink)}
.bp-i small{font-size:12.5px;color:var(--muted)}
.bp-all{display:block;margin-top:10px;padding:11px;border-radius:12px;background:var(--mint);text-align:center;font-weight:700;font-size:14px;color:var(--green2);text-decoration:none;cursor:pointer}
/* viděli jste už */
.vid{margin-top:64px}
.vid-h{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:28px}
.pc.isnew{border:2px solid var(--green)}
.pc .cmp{font-size:13px;font-weight:600;color:var(--muted)}
.mini{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:min(330px,86%);background:#fff;border-radius:18px;box-shadow:0 24px 50px -24px rgba(11,70,93,.5);padding:16px;color:#1d3743;font-size:12.5px;transition:transform .4s}
.pc:hover .mini{transform:translate(-50%,-50%) rotate(0)}
.mv-h{display:flex;justify-content:space-between;align-items:baseline}
.mv-h b{font-family:"Quicksand";font-size:15px;color:#0b465d}
.mv-h span{font-size:11px;color:#5b707b}
.mv-q{margin:8px 0 10px;font-weight:700;color:#0b465d}
.mv-r{display:grid;grid-template-columns:70px 1fr 40px;gap:8px;align-items:center;margin-top:6px;font-weight:600}
.mv-r i{height:9px;border-radius:999px;background:#eef3f5;overflow:hidden}
.mv-r em{display:block;height:100%;width:var(--w);background:#32bb00;border-radius:999px;transition:width 1s}
.mv-r.no em{background:#ff793c}.mv-r.ab em{background:#98a2b3}
.mv-r b{text-align:right;color:#0b465d}
.pc:not(.seen) .mv-r em{width:0}
.mv-ok{margin-top:12px;padding:7px 10px;border-radius:9px;background:#f2fae9;color:#238500;font-weight:700;text-align:center}
.mi{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mi-map{grid-column:1/-1;position:relative;height:46px;border-radius:12px;background:linear-gradient(90deg,transparent 30%,#fff 30%,#fff 34%,transparent 34%,transparent 70%,#fff 70%,#fff 74%,transparent 74%),linear-gradient(0deg,transparent 40%,#fff 40%,#fff 56%,transparent 56%),#e4efe8}
.mi{gap:8px;padding:14px}
.mi .chk div{padding:6px 10px}
.mi-c{grid-column:1/-1}
.mi-c b{display:block;color:#0b465d;font-size:14px}
.mi-c small{color:#5b707b}
.mi-k{grid-column:1/-1}
.pc.seen .mi-k div em{background:#32bb00;color:#fff}
.pc.seen .mi-k div:nth-child(2) em{transition-delay:.5s}.pc.seen .mi-k div:nth-child(3) em{transition-delay:1s}
.legacy{margin:24px 0 0;font-size:14px;color:var(--muted);text-align:center}
.legacy a{color:var(--green2);font-weight:700}
.ddleg{display:block;padding:10px 14px 4px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:4px}
.ddleg a{display:inline !important;padding:0 !important;font-size:12px;color:var(--teal2);text-decoration:underline}
.ddleg a:hover{background:none !important}
@media (max-width:1380px){.zone{display:none}}
@media (max-width:1460px){.nav>a,.dd>button{padding:10px 8px}}
@media (max-width:900px){.nvh,.vid-h{grid-template-columns:1fr;gap:10px}.pick{width:100%}.pick-l{width:100%;padding:4px 8px}.bpan{position:fixed;left:12px;right:12px;top:80px;width:auto}}

/* --- košík v liště místo zvonečku (js/kosik-lista.js) --- */
.cartb{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid var(--green);background:var(--mint);color:var(--green2);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:cartIn .35s ease}
.cartb[hidden],.bell[hidden]{display:none}
.cartb:hover{background:var(--green);color:#fff}
html.night .cartb{color:var(--lime)}
.cartb svg{width:22px;height:22px}
.cbdg{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}
@keyframes cartIn{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.bellw.has-cart .nn-peek{display:none!important}
.cp-l{display:grid;gap:8px;margin:12px 0;max-height:260px;overflow:auto}
.cp-i{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;border-radius:14px;background:var(--soft)}
.cp-i b{font-size:14px;color:var(--ink);line-height:1.3}
.cp-i span{grid-column:1;font-size:12px;color:var(--muted)}
.cp-i em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap}
.cp-tot{display:flex;justify-content:space-between;align-items:baseline;padding:10px 2px 14px;border-top:1px dashed var(--line);font-size:14px;color:var(--muted)}
.cp-tot b{font-family:Quicksand,sans-serif;font-size:20px;color:var(--ink)}
.cp-tot small{font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;color:var(--muted)}
.cp-go{width:100%}
.cp-news{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:10px;border:0;border-radius:12px;background:none;color:var(--muted);font:600 13px Montserrat,sans-serif;cursor:pointer}
.cp-news:hover{background:var(--soft);color:var(--ink)}
.cp-news svg{width:16px;height:16px}
.cp-news.nove{color:var(--ink)}
.cp-news.nove svg{color:#ff793c}