@import url("store-base.css");

/* ── doplnky pre podstránky shopu ───────────────────────── */
.p .pl{display:block}
.p h3 a{color:inherit}
.p h3 a:hover{color:var(--blue)}

/* breadcrumb */
.crumb{display:flex;align-items:center;gap:9px;padding:16px 0 0;font-size:12.5px;color:var(--fg2);flex-wrap:wrap}
.crumb a:hover{color:var(--blue)}
.crumb .sep{color:var(--fg3)}
.crumb .cur{color:var(--ink);font-weight:600}

/* hlavička podstránky */
.phead{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.phead .eb{display:inline-flex;align-items:center;gap:10px;font:700 10.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.phead .eb::before{content:"";width:14px;height:11px;background:var(--y);clip-path:polygon(0 0,52% 0,100% 50%,52% 100%,0 100%,48% 50%)}
.phead h1{font-size:29px;font-weight:300;letter-spacing:-.025em;margin-top:11px}
.phead h1 b{font-weight:800}
.phead p{font-size:14px;color:var(--fg2);margin-top:8px;max-width:620px;line-height:1.6}
.phead .cnt2{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--fg2);white-space:nowrap}

/* layout kategórie */
.shop{display:grid;grid-template-columns:250px 1fr;gap:18px;margin-top:18px;align-items:start}
aside.filt{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;position:sticky;top:142px}
aside.filt h4{font:700 10.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin:0 0 11px}
aside.filt .fg+.fg{margin-top:20px;padding-top:20px;border-top:1px solid var(--line2)}
aside.filt label{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--fg);padding:5px 0;cursor:pointer}
aside.filt label input{width:15px;height:15px;accent-color:var(--navy);flex:none}
aside.filt label span.n{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg3)}
aside.filt .catl a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;padding:6px 9px;border-radius:7px;color:var(--fg)}
aside.filt .catl a:hover{background:var(--bg);color:var(--ink)}
aside.filt .catl a.on{background:var(--navy);color:#fff;font-weight:600}
aside.filt .catl a.on i{color:var(--y);font-style:normal}
aside.filt .catl a i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg3)}
aside.filt .rst{margin-top:16px;width:100%;height:36px;border:1.5px solid var(--line);border-radius:8px;font:700 11px/1 'Roboto Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2)}
aside.filt .rst:hover{border-color:var(--navy);color:var(--navy)}

.toolbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.toolbar .n{font-size:13px;color:var(--fg2)}
.toolbar .n b{color:var(--ink)}
.toolbar select{margin-left:auto;height:36px;border:1.5px solid var(--line);border-radius:8px;padding:0 10px;font:inherit;font-size:13px;color:var(--ink);background:#fff}
.toolbar select:focus{outline:none;border-color:var(--navy)}
.prods.c3{grid-template-columns:repeat(3,1fr)}
.empty{background:#fff;border:1px dashed var(--line);border-radius:16px;padding:52px 30px;text-align:center;color:var(--fg2)}
.empty b{display:block;font-size:17px;color:var(--ink);margin-bottom:6px}

/* ── detail produktu ───────────────────────────────────── */
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;margin-top:14px;align-items:start}
.pd .gal{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.pd .gal .big{aspect-ratio:4/3;background:linear-gradient(155deg,#f7f9fb,#eef2f6);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pd .gal .big img{width:100%;height:100%;object-fit:contain;padding:18px}
.pd .gal .big.ph{flex-direction:column;gap:10px;background:repeating-linear-gradient(135deg,#f5f7fa 0 10px,#eff3f7 10px 20px);color:#9aa8b8}
.pd .gal .big.ph svg{width:44px;height:44px;stroke:#a9b6c6;fill:none;stroke-width:1.4}
.pd .gal .big.ph span{font:700 11px/1.5 'Roboto Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.pd .gal .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}
.pd .gal .thumbs i{aspect-ratio:1;border:1.5px solid var(--line);border-radius:9px;background:repeating-linear-gradient(135deg,#f7f9fb 0 8px,#f1f4f8 8px 16px)}
.pd .gal .thumbs i.on{border-color:var(--yd)}

.pd .buy2{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 28px}
.pd .buy2 .brand{font:700 10.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.pd .buy2 h1{font-size:26px;font-weight:700;letter-spacing:-.022em;line-height:1.22;margin-top:8px}
.pd .buy2 .skul{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--fg2);margin-top:9px}
.pd .buy2 .lead{font-size:14px;color:var(--fg);line-height:1.65;margin-top:12px}
.pd .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pd .chips span{font-size:11.5px;color:var(--fg);background:var(--bg);border-radius:6px;padding:5px 9px}
.pd .prbox{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}
.pd .prbox .now{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pd .prbox .now b{font-size:32px;font-weight:800;letter-spacing:-.03em;font-family:'JetBrains Mono',monospace}
.pd .prbox .now s{font-size:14px;color:#8b7c56}
.pd .prbox .alt{font-size:12.5px;color:#6f6141;margin-top:4px}
.pd .prbox .b2b{margin-top:11px;padding-top:11px;border-top:1px solid #efe3cc;font-size:12.5px;color:#6f6141;display:flex;align-items:center;gap:8px}
.pd .prbox .b2b svg{width:15px;height:15px;stroke:var(--yd);fill:none;stroke-width:2.2;flex:none}
.pd .row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.pd .row .qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:9px;overflow:hidden;flex:none;background:#fff}
.pd .row .qty button{width:38px;height:48px;font-size:17px;color:var(--fg2);font-weight:700}
.pd .row .qty button:hover{background:var(--bg);color:var(--ink)}
.pd .row .qty input{width:44px;height:48px;border:none;text-align:center;font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;background:none}
.pd .row .qty input:focus{outline:none}
.pd .row .buy{flex:1;min-width:180px;height:48px;border-radius:9px;background:var(--navy);color:#fff;font:700 12.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:9px}
.pd .row .buy svg{width:17px;height:17px;stroke:var(--y);fill:none;stroke-width:2.2}
.pd .row .buy:hover{background:var(--blue)}
.pd .row .buy.done{background:var(--ok)}
.pd .row .buy.done svg{stroke:#fff}
.pd .meta{margin-top:18px;border-top:1px solid var(--line2);padding-top:14px;display:grid;gap:10px}
.pd .meta div{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg)}
.pd .meta svg{width:17px;height:17px;stroke:var(--yd);fill:none;stroke-width:1.8;flex:none}
.pd .meta b{font-weight:600}

.tabs{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.tabs .tb{display:flex;border-bottom:1px solid var(--line);overflow-x:auto}
.tabs .tb button{padding:15px 22px;font:700 12px/1 'Roboto Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2);border-bottom:3px solid transparent;white-space:nowrap}
.tabs .tb button.on{color:var(--navy);border-bottom-color:var(--y)}
.tabs .bd{padding:26px 30px;font-size:14px;color:var(--fg);line-height:1.7}
.tabs .bd p+p{margin-top:12px}
.spectab{width:100%;border-collapse:collapse;font-size:13.5px}
.spectab tr+tr{border-top:1px solid var(--line2)}
.spectab td{padding:11px 0}
.spectab td:first-child{color:var(--fg2);width:38%}
.spectab td:last-child{font-weight:600;color:var(--ink)}

/* ── košík / checkout ──────────────────────────────────── */
.ck{display:grid;grid-template-columns:1fr 350px;gap:18px;margin-top:14px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px}
.panel h2{font-size:19px;font-weight:700;letter-spacing:-.015em}
.panel h2+p{font-size:13.5px;color:var(--fg2);margin-top:5px}
.lines{margin-top:16px}
.line{display:grid;grid-template-columns:78px 1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line2)}
.line:first-child{border-top:none}
.line .th{width:78px;height:64px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(155deg,#f7f9fb,#eef2f6);display:flex;align-items:center;justify-content:center;overflow:hidden}
.line .th img{width:100%;height:100%;object-fit:contain;padding:6px}
.line .th.ph{background:repeating-linear-gradient(135deg,#f5f7fa 0 8px,#eff3f7 8px 16px)}
.line .nm{font-size:14px;font-weight:600;line-height:1.4}
.line .nm a:hover{color:var(--blue)}
.line .sk{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg3);margin-top:3px}
.line .qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:8px;overflow:hidden}
.line .qty button{width:30px;height:36px;color:var(--fg2);font-weight:700}
.line .qty button:hover{background:var(--bg)}
.line .qty input{width:36px;height:36px;border:none;text-align:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;background:none}
.line .qty input:focus{outline:none}
.line .rt{text-align:right;min-width:110px}
.line .rt b{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:800}
.line .rt .u{display:block;font-size:11.5px;color:var(--fg3);margin-top:2px}
.line .del{margin-left:6px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.line .del:hover{background:#fdecec}
.line .del svg{width:15px;height:15px;stroke:var(--fg3);fill:none;stroke-width:1.9}
.line .del:hover svg{stroke:var(--red)}

.sum{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;position:sticky;top:142px}
.sum h3{font:700 10.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.sum .r{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--fg);padding:9px 0}
.sum .r b{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--ink)}
.sum .r.tot{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:15px;font-weight:700;color:var(--ink)}
.sum .r.tot b{font-size:24px;letter-spacing:-.02em}
.sum .free{background:var(--okbg);color:#1f6f42;border-radius:9px;padding:10px 12px;font-size:12.5px;margin-top:10px}
.sum .btn-n{width:100%;height:50px;margin-top:14px;border-radius:10px;background:var(--navy);color:#fff;font:700 12.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:9px}
.sum .btn-n svg{width:16px;height:16px;stroke:var(--y);fill:none;stroke-width:2.4}
.sum .btn-n:hover{background:var(--blue)}
.sum .ghost{width:100%;height:42px;margin-top:8px;border-radius:9px;border:1.5px solid var(--line);font:700 11px/1 'Roboto Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2)}
.sum .ghost:hover{border-color:var(--navy);color:var(--navy)}

/* formuláre */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.form .f{display:flex;flex-direction:column;gap:6px}
.form .f.w{grid-column:1/-1}
.form label{font:700 10px/1 'Roboto Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}
.form input,.form textarea,.form select{height:46px;border:1.5px solid var(--line);border-radius:9px;padding:0 13px;font:inherit;font-size:14px;color:var(--ink);background:#fbfcfd}
.form textarea{height:96px;padding:12px 13px;resize:vertical}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--navy);background:#fff}
.opts2{display:grid;gap:10px;margin-top:14px}
.opt2{border:1.5px solid var(--line);border-radius:11px;padding:14px 16px;display:flex;align-items:center;gap:13px;cursor:pointer}
.opt2.sel{border-color:var(--yd);background:var(--cream)}
.opt2 input{width:17px;height:17px;accent-color:var(--navy);flex:none}
.opt2 .t{font-size:14px;font-weight:600}
.opt2 .d{font-size:12px;color:var(--fg2);margin-top:2px}
.opt2 .pz{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700}

/* statické stránky / účet */
.doc2{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 38px;margin-top:14px;max-width:900px}
.doc2 h2{font-size:20px;font-weight:700;margin-top:26px;letter-spacing:-.015em}
.doc2 h2:first-child{margin-top:0}
.doc2 p,.doc2 li{font-size:14.5px;color:var(--fg);line-height:1.75}
.doc2 p{margin-top:10px}
.doc2 ul{margin:10px 0 0 2px;list-style:none}
.doc2 li{display:flex;gap:11px;padding:4px 0}
.doc2 li::before{content:"";width:9px;height:9px;background:var(--y);flex:none;margin-top:8px;transform:rotate(45deg)}
.ordtab{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:14px}
.ordtab th{text-align:left;font:700 10px/1 'Roboto Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);padding:0 0 10px}
.ordtab td{padding:13px 0;border-top:1px solid var(--line2)}
.ordtab .st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:6px}
.ordtab .st.ok{background:var(--okbg);color:#1f6f42}
.ordtab .st.wait{background:#fdf3dd;color:#8a6a13}
.ordtab .num{font-family:'JetBrains Mono',monospace;font-weight:700}

@media(max-width:1180px){
  .shop{grid-template-columns:1fr}
  aside.filt{position:static}
  .pd{grid-template-columns:1fr}
  .ck{grid-template-columns:1fr}
  .sum{position:static}
  .prods.c3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .phead{padding:20px}
  .doc2{padding:24px 22px}
  .form{grid-template-columns:1fr}
  .line{grid-template-columns:60px 1fr;row-gap:10px}
  .line .th{width:60px;height:50px}
  .line .rt{text-align:left;grid-column:2}
}
@media(max-width:520px){.prods.c3{grid-template-columns:1fr}}

/* ── hero karusel ───────────────────────────────────────── */
.hmain{position:relative}
.hmain .slw{position:relative;z-index:3;transition:opacity .32s ease}
.hmain .slw.out{opacity:0}
.hmain .eb.new::before{background:var(--y)}
.hmain .eb.sale{color:#ff9a9a}
.hmain .eb.sale::before{background:var(--red)}
.hmain .harr{position:absolute;bottom:22px;right:26px;display:flex;gap:8px;z-index:6}
.hmain .harr button{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;transition:background .14s}
.hmain .harr button:hover{background:rgba(255,255,255,.3)}
.hmain .harr svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hmain .dots{position:absolute;bottom:30px;left:46px;display:flex;gap:7px;z-index:6}
.hmain .dots i{width:26px;height:4px;border-radius:99px;background:rgba(255,255,255,.28);cursor:pointer;transition:background .18s,width .18s}
.hmain .dots i.on{background:var(--y);width:38px}
@media(max-width:820px){.hmain .dots{left:26px;bottom:24px}.hmain .harr{right:20px;bottom:18px}}

/* ── editor bannerov ────────────────────────────────────── */
.ed{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;align-items:start}
.ed .slist{display:grid;gap:10px}
.ed .srow{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer}
.ed .srow.on{border-color:var(--yd);background:var(--cream)}
.ed .srow .ix{width:26px;height:26px;border-radius:8px;background:var(--navy);color:var(--y);font:700 12px/26px 'JetBrains Mono',monospace;text-align:center;flex:none}
.ed .srow .tx{flex:1;min-width:0}
.ed .srow .tx b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed .srow .tx span{display:block;font-size:11.5px;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed .srow .mv{display:flex;gap:4px;flex:none}
.ed .srow .mv button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);color:var(--fg2);font-size:12px;line-height:1;background:#fff}
.ed .srow .mv button:hover{border-color:var(--navy);color:var(--navy)}
.ed .bar{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}
.ed .bar button{height:42px;padding:0 18px;border-radius:9px;font:700 11.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ed .bar .prim{background:var(--navy);color:#fff}
.ed .bar .prim:hover{background:var(--blue)}
.ed .bar .gh{background:#fff;border:1.5px solid var(--line);color:var(--fg2)}
.ed .bar .gh:hover{border-color:var(--navy);color:var(--navy)}
.ed .bar .dg{background:#fdecec;color:var(--red)}
.ed code{font-family:'JetBrains Mono',monospace;font-size:11.5px;background:var(--bg);border-radius:5px;padding:2px 6px}

/* pás pod radom kategórie na úvodnej */
.allrow{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;height:46px;background:#fff;border:1px solid var(--line);border-radius:12px;font:700 11.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2);transition:border-color .15s,color .15s,background .15s}
.allrow:hover{border-color:var(--yd);background:var(--cream);color:var(--navy)}

/* ── kalkulačky pod produktom ────────────────────────────── */
.calc{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.calc .ch{padding:24px 28px;border-bottom:1px solid var(--line);background:var(--cream)}
.calc .ch .eb2{display:inline-flex;align-items:center;gap:9px;font:700 10px/1 'Roboto Condensed',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8a6a13}
.calc .ch .eb2::before{content:"";width:13px;height:10px;background:var(--yd);clip-path:polygon(0 0,52% 0,100% 50%,52% 100%,0 100%,48% 50%)}
.calc .ch h2{font-size:20px;font-weight:700;letter-spacing:-.018em;margin-top:9px}
.calc .ch p{font-size:13.5px;color:#6f6141;margin-top:5px;max-width:640px;line-height:1.6}
.calc .cb{display:grid;grid-template-columns:1.25fr 1fr;gap:0}
.calc .cb .form{grid-template-columns:1fr 1fr;padding:24px 28px;margin:0}
.calc .cout{background:var(--navy);color:#fff;padding:24px 28px;position:relative;overflow:hidden}
.calc .cout::after{content:"";position:absolute;bottom:-90px;right:-70px;width:300px;height:300px;opacity:.45;pointer-events:none;background-image:linear-gradient(116deg,transparent 0 50%,rgba(244,199,82,.2) 50% 57%,transparent 57% 66%,rgba(244,199,82,.11) 66% 73%,transparent 73%)}
.calc .cout h4{font:700 10px/1 'Roboto Condensed',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--y);position:relative}
.calc .cout .cr{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.11);position:relative}
.calc .cout .cr:first-of-type{border-top:none;padding-top:14px}
.calc .cout .cr span{font-size:13px;color:rgba(255,255,255,.68)}
.calc .cout .cr b{font-family:'JetBrains Mono',monospace;font-size:15.5px;font-weight:700;color:var(--y);white-space:nowrap}
.calc .cout .cn{font-size:11.5px;color:rgba(255,255,255,.5);line-height:1.55;margin-top:14px;position:relative}
.calc .cout .cl{display:inline-flex;margin-top:14px;font:700 11px/1 'Roboto Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--y);position:relative}
.calc .cout .cl:hover{color:#fff}
@media(max-width:1180px){.calc .cb{grid-template-columns:1fr}}
@media(max-width:820px){.calc .cb .form{grid-template-columns:1fr;padding:20px}.calc .cout{padding:20px}}

/* odkaz na sledovanie zásielky */
.trk{display:inline-flex;align-items:center;gap:7px;margin-top:3px;padding:5px 9px;border-radius:7px;background:var(--bg);font-size:12px;color:var(--navy);font-weight:600}
.trk:hover{background:var(--cream);color:var(--navy)}
.trk svg{width:14px;height:14px;stroke:var(--yd);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* pás povinné / odporúčané na karte príslušenstva */
.p .accb{padding:8px 14px;background:var(--bg);border-bottom:1px solid var(--line2);font:700 9.5px/1.3 'Roboto Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2)}
.p .accb.req{background:var(--cream);color:#8a6a13}
.p .accb span{display:block;margin-top:4px;font:400 11px/1.4 'Roboto',sans-serif;letter-spacing:0;text-transform:none;color:var(--fg2)}

/* prepínač cenníka v utility lište */
.vat.pm button{font-size:11px}
.vat.pm button.on{background:#3e609a;color:#fff}

/* dostupnosť z centrálneho skladu */
.p .stk.cen{color:var(--blue)}
.p .stk.cen i{background:var(--blue)}

/* označenie cenníka pri cene */
.pd .prbox .now .pmtag{font:700 9.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a6a13;background:rgba(255,255,255,.65);border-radius:5px;padding:5px 8px;align-self:center}

/* highlighty z datasheetu */
.pd .hlrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.pd .hl{background:var(--bg);border-radius:10px;padding:12px 11px}
.pd .hl b{display:block;font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.pd .hl span{display:block;font:700 9.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--fg2);margin-top:5px}
.pd .hl i{display:block;font-style:normal;font-size:10.5px;color:var(--fg3);margin-top:4px;line-height:1.35}
@media(max-width:820px){.pd .hlrow{grid-template-columns:repeat(2,1fr)}}

/* skupiny v tabulke parametrov */
.tabs .bd h3.pg{font:700 10.5px/1 'Roboto Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--yd);margin:26px 0 4px;padding-top:18px;border-top:1px solid var(--line2)}
.tabs .bd h3.pg:first-child{margin-top:0;padding-top:0;border-top:none}

/* ── predný panel switcha v kalkulačke ─────────────────────── */
.calc .cpanel{padding:22px 28px 0}
.swp .swhd{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px;flex-wrap:wrap}
.swp .swhd .lbl{font:700 10px/1 'Roboto Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.swp .swhd .ocu{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--navy)}
.swp .swface{position:relative;background:linear-gradient(178deg,#1d2c3e,#14202e);border:1px solid #0d1620;border-radius:12px;padding:16px 18px 14px 122px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.swp .swface .brandm{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-family:'Roboto Condensed',sans-serif;font-size:15px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:-.01em}
.swp .swface .brandm b{color:var(--y)}
.swp .pts{display:flex;flex-wrap:wrap;gap:5px}
.swp .upl{display:flex;gap:5px;padding-left:12px;margin-left:2px;border-left:1px dashed rgba(255,255,255,.18)}
.swp .pt{width:26px;display:flex;flex-direction:column;align-items:center;gap:4px}
.swp .pt i{display:block;width:24px;height:17px;border-radius:3px;background:#0e1822;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 2px 3px rgba(0,0,0,.6);position:relative}
.swp .pt i::after{content:"";position:absolute;left:5px;right:5px;bottom:2px;height:3px;border-radius:1px;background:rgba(255,255,255,.08)}
.swp .pt em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:8.5px;color:rgba(255,255,255,.35)}
.swp .pt.on i{background:#2c4a2f;border-color:rgba(244,199,82,.5);box-shadow:inset 0 2px 3px rgba(0,0,0,.5),0 0 7px rgba(244,199,82,.45)}
.swp .pt.on i::after{background:var(--y)}
.swp .pt.on em{color:var(--y)}
.swp .pt.up i{background:#101d29;border-color:rgba(62,96,154,.55)}
.swp .pt.up i::after{background:rgba(62,96,154,.7)}
.swp .leds{display:flex;flex-direction:column;gap:6px;margin-left:auto;padding-left:12px}
.swp .led{width:7px;height:7px;border-radius:50%}
.swp .led.pwr{background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.7)}
.swp .led.sys{background:var(--y);box-shadow:0 0 6px rgba(244,199,82,.6)}
.swp .swbar{margin-top:12px}
.swp .swbar .bl{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--fg2);margin-bottom:6px}
.swp .swbar .bl b{font-family:'JetBrains Mono',monospace;color:var(--ink)}
.swp .swbar .bt{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.swp .swbar .bt i{display:block;height:100%;border-radius:99px;background:var(--ok);transition:width .25s}
.swp .swbar .bt i.vr{background:var(--y)}
.swp .swbar .bt i.kr{background:var(--red)}
@media(max-width:820px){.swp .swface{padding:16px;justify-content:center}.swp .swface .brandm{position:static;transform:none;width:100%;text-align:center;margin-bottom:6px}.swp .leds{flex-direction:row;margin:8px auto 0;padding:0}}

/* technické listy a manuály */
.subory{display:flex;flex-direction:column;gap:9px}
.subory .sub{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s}
.subory .sub:hover{border-color:var(--navy)}
.subory .ikn{flex:none;width:44px;height:30px;border-radius:6px;background:var(--navy);color:#F5C518;display:flex;align-items:center;justify-content:center;font:700 10.5px/1 "Roboto Condensed",sans-serif;letter-spacing:.08em}
.subory .nm{flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.subory .vel{flex:none;font-size:12px;color:var(--fg3);font-family:"JetBrains Mono",monospace}

/* širšia stránka */
.wrap{max-width:1560px}
@media(min-width:1600px){
  .prods{grid-template-columns:repeat(5,1fr)}
}
@media(min-width:701px) and (max-width:1180px){
  .prods{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .prods{grid-template-columns:repeat(2,1fr)}
  .sh{flex-wrap:wrap;align-items:flex-start;gap:8px}
  .sh .all{white-space:normal}
}
.pd,.pd>*,.ck,.ck>*{min-width:0}
.tabs .tb{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs .tb::-webkit-scrollbar{display:none}
.spectab{display:block;overflow-x:auto}
.prbox .now b,.pr .noprice{white-space:normal;min-width:0}
.prbox .now{flex-wrap:wrap}
.prbox .noprice{display:block;width:100%;flex:1 1 100%}

/* tlacidlo spat v nainstalovanej appke */
.hdr .spat{display:none}
body.vApke .hdr .spat{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin-right:-10px;border:0;background:none;color:var(--navy);cursor:pointer}
body.vApke .hdr .spat svg{width:24px;height:24px}

/* odhlásenie v hlavičke */
.acts .odhl{border:0;background:none;font:inherit;cursor:pointer;text-align:left;color:inherit;display:flex;align-items:center;gap:7px;padding:0 4px}
.acts .odhl .m{color:#c0392b}
.acts .odhl:hover .m{text-decoration:underline}

/* zastupna cena */
.p .pr .now .noprice,.pd .prbox .now .noprice{display:block;font:600 13px/1.45 Roboto,sans-serif;color:var(--fg2);letter-spacing:0;text-transform:none}
.p .pr .now .noprice b,.pd .prbox .now .noprice b{display:block;font:700 14.5px/1.35 Roboto,sans-serif;color:var(--navy);letter-spacing:0}
@media(max-width:700px){
  .p .pr .now .noprice{font-size:12px}
  .p .pr .now .noprice b{font-size:13px}
}

/* strom kategorii */
.catl a.lvl1{padding-left:22px;font-size:12.5px}
.catl a.lvl2{padding-left:36px;font-size:12px;opacity:.85}
.catl a.lvl0{font-weight:600}
/* na sirokej obrazovke 4 produkty v riadku (menej rolovania) */
@media(min-width:1380px){.prods.c3{grid-template-columns:repeat(4,1fr)}}
/* bocny stlpec: pri 129 kategoriach je vyssi ako obrazovka -> vlastne rolovanie */
@media (min-width:900px){
  aside.filt{max-height:calc(100vh - 158px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  aside.filt::-webkit-scrollbar{width:7px}
  aside.filt::-webkit-scrollbar-thumb{background:#d7dee7;border-radius:4px}
}
.empty .btn-n.brana{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:9px;background:#0f172a;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.foot .oper .logotxt{font:800 15px/1 sans-serif;letter-spacing:.16em;color:#fff}
/* logo BYSEC */
.brands .bn.bysec{display:inline-flex;align-items:center}
.brands .bysecimg{height:26px;width:auto;display:block}
.foot .oper .logoimg,footer .oper .logoimg{height:26px;width:auto;display:block;opacity:.92}
/* stary text-fallback */
.brands .bn.bysec{display:inline-flex;align-items:center}
.brands .bysectxt{font:800 17px/1 sans-serif;letter-spacing:.14em;color:#0f172a}
.brands .bysectxt span{color:#f5c518;font-size:11px;vertical-align:super;letter-spacing:0}
/* filtre podla parametrov */
aside.filt .atrg h4{margin-top:0}
aside.filt .atrg{margin-top:20px;padding-top:20px;border-top:1px solid var(--line2)}
aside.filt .viac{background:none;border:0;padding:4px 0;font:600 12px/1.4 sans-serif;color:var(--fg2);cursor:pointer;text-decoration:underline}
/* karta Servis a udrzba */
.tabs .skore{display:flex;align-items:center;gap:12px;margin:2px 0 18px}
.tabs .skore b{font:800 20px/1 'Roboto Condensed',sans-serif;color:#0f172a}
.tabs .skore .bar{flex:1;max-width:220px;height:8px;border-radius:6px;background:#e8edf3;overflow:hidden}
.tabs .skore .bar i{display:block;height:100%;background:#f5c518}
.tabs .skore .pop{font-size:12px;color:#8a97a8}
/* paticka: pat stlpcov, aby nebola vysoka */
footer .cols{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:26px}
@media(max-width:1100px){footer .cols{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:460px){footer .cols{grid-template-columns:1fr}}
/* pristupnost: preskocit na obsah + viditelny fokus (WCAG 2.4.1, 2.4.7) */
.preskoc{position:absolute;left:-9999px;top:0;z-index:200;background:#0f172a;color:#fff;padding:12px 18px;border-radius:0 0 8px 0;font-weight:700}
.preskoc:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #f5c518;outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* cookie lista */
#ssCookies{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#0f172a;color:#e6ecf5;box-shadow:0 -6px 24px rgba(0,0,0,.18)}
#ssCookies .ck-in{max-width:1240px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#ssCookies .ck-txt{flex:1;min-width:260px;font-size:13px;line-height:1.55}
#ssCookies .ck-txt b{display:block;color:#fff;margin-bottom:2px}
#ssCookies .ck-btn{display:flex;align-items:center;gap:14px}
#ssCookies .ck-viac{color:#f5c518;font-size:12.5px;text-decoration:underline}
#ssCookies .ck-ok{height:40px;padding:0 22px;border:0;border-radius:8px;background:#f5c518;color:#0f172a;font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
/* produkt bez fotky — ikona v znackovych farbach namiesto sedej sachovnice */
.p .img.ph,.pd .gal .big.ph{background:linear-gradient(160deg,#f7f9fc,#eef2f7);border:1px dashed #d5dde7}
.p .img.ph svg,.pd .gal .big.ph svg{width:38%;max-width:110px;height:auto;stroke:#9fb0c4;fill:none;stroke-width:1.2;opacity:.9}
.p .img.ph span,.pd .gal .big.ph span{font:700 10px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;color:#9aa8b8;margin-top:8px}
/* galeria produktu */
.pd .gal .thumbs i{overflow:hidden;cursor:pointer;background:#fff;display:block}
.pd .gal .thumbs i img{width:100%;height:100%;object-fit:contain;padding:5px;display:block}
.pd .gal .thumbs i:hover{border-color:var(--yd)}