/* Zemixal catalog + product pages (extends zx.css, same tokens). */
.subcats{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0 0}
.sortf{display:flex;gap:8px;align-items:center}
.sortf .btn{padding:8px 14px}
.js .sortf .go{display:none}
.lst-main{min-width:0}
.lst-more{margin-top:44px;display:grid;gap:34px}
.lst-more h2{font-size:1.3rem}
.fside .fbox a.clr{color:var(--coral);font-size:.84rem}
.fside .ink{background:var(--ink);color:#C3CCDB;border:0}.fside .ink h3{color:#fff;font-size:1rem;margin-bottom:6px}.fside .ink p{font-size:.88rem}
.prow-h{display:grid;grid-template-columns:72px 1fr 140px 150px 120px 92px;gap:16px;padding:0 16px 8px;font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}
.az{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.az a{min-width:38px;height:38px;padding:0 10px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--white);font:600 .9rem var(--f-mono);color:var(--ink-2)}
.az a:hover{border-color:var(--violet);color:var(--violet-d)}.az a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.divblk{padding:34px 0;border-bottom:1px solid var(--line)}.divblk:last-child{border-bottom:0}
.divblk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.divblk-h .t{display:flex;gap:16px;align-items:flex-start;max-width:820px}
.divblk-h .ico{width:52px;height:52px;border-radius:14px;background:var(--violet-50);color:var(--violet-d);display:grid;place-items:center;flex:none}
.divblk-h h2{font-size:1.45rem;margin:0 0 4px}.divblk-h h2 a{color:var(--ink)}.divblk-h p{color:var(--ink-3);margin:0;font-size:.95rem}
.catlinks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.catlinks a{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:var(--white);border:1px solid var(--line);color:var(--ink-2);font-size:.92rem}
.catlinks a:hover{border-color:var(--violet);color:var(--violet-d)}.catlinks a span{font:500 .78rem var(--f-mono);color:var(--ink-4);white-space:nowrap}
.castbl{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:.93rem}
.castbl th,.castbl td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--line)}
.castbl th{font:500 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);background:var(--paper)}
.castbl td.n{font-family:var(--f-mono);color:var(--ink-3);text-align:right;width:90px}
.pd-ids .chip{font-family:var(--f-mono)}
.pd-ids button.chip{cursor:pointer;font-size:.85rem}
.pd-ids button.chip:hover{border-color:var(--violet);color:var(--violet-d)}
.pd-sum{color:var(--ink-2);font-size:1.05rem;max-width:760px;margin:0 0 20px}
.pd-mq{display:none;gap:10px;align-items:center;margin:-6px 0 20px}
.pd-img.pack{background:var(--paper-2)}
.tabs{position:sticky;top:126px;background:var(--paper);z-index:5}
.pd-sec{scroll-margin-top:190px}
.pd-two{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}
.pd-side h3{font-size:1rem;margin:0 0 10px}.pd-side ul{margin:0 0 18px;padding-left:1.1em;color:var(--ink-2)}
.pd-api{background:var(--violet-50);border:1px solid var(--violet-100);border-radius:var(--r);padding:16px 18px;margin-bottom:18px}
.ghs figure{margin:0;text-align:center;font-size:.74rem;color:var(--ink-3);max-width:84px}
.ghs figcaption{line-height:1.25;margin-top:4px}
.packs .st{font-size:.84rem;color:var(--ink-3)}
.pd-more{padding:34px 0 0}.pd-more h2{font-size:1.35rem;margin-bottom:16px}
.rail .btn-block{margin-top:8px}
.rail .qty label{display:block;font:500 .7rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:4px}
.rail .addq.btn-violet{background:var(--violet);color:#fff;border:0;padding:14px 20px;font-size:.95rem;border-radius:999px}.rail .addq.btn-violet:hover{background:var(--violet-d);color:#fff}
.rail .addq.btn-violet.on{background:var(--lime);color:var(--ink)}
.pd-vis .keyfacts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media (max-width:1240px){.pd-vis{grid-template-columns:minmax(0,1fr)}.pd-img{max-width:560px}}
@media (max-width:980px){
  .lst>.fside{order:2}.lst>.lst-main{order:1}
  .catlinks{grid-template-columns:repeat(2,1fr)}.pd-two{grid-template-columns:minmax(0,1fr)}
  .pd-mq{display:flex}.tabs{top:64px}.pd-sec{scroll-margin-top:130px}.prow-h{display:none}
}
@media (max-width:620px){.catlinks{grid-template-columns:minmax(0,1fr)}.castbl th:nth-child(3),.castbl td:nth-child(3){display:none}.sortf{flex-wrap:wrap}}