.zpc{--y:#f1c900;--ink:#111315;--mut:#687078;--line:#d9dde1;--soft:#f3f4f5;width:100%;color:var(--ink);font-family:Arial,sans-serif}.zpc *{box-sizing:border-box}.zpc-hero,.zpc-filters{background:#fff;border:1px solid var(--line);border-radius:9px}.zpc-hero{padding:30px 34px 27px}.zpc-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#6b7177}.zpc-hero-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:8px}.zpc h1{font-size:34px;line-height:1.08;margin:0;letter-spacing:-.025em}.zpc-hero p{font-size:14px;color:var(--mut);line-height:1.65;margin:10px 0 0}.zpc-count{font-size:13px;font-weight:700;color:#747b81;white-space:nowrap}.zpc-filters{margin-top:14px;padding:18px 20px}.zpc-cats{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:17px;border-bottom:1px solid #e4e6e8}.zpc-cats button{border:1px solid #d7dade;background:#fff;color:#202326;padding:10px 14px;border-radius:5px;font-size:12px;font-weight:750;cursor:pointer}.zpc-cats button.active{background:var(--y);border-color:var(--y)}.zpc-controls{display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;gap:10px;margin-top:15px}.zpc-controls small{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#727980;margin-bottom:6px}.zpc-controls select,.zpc-controls input{width:100%;height:42px;border:1px solid #d5d9dd;border-radius:4px;background:#fafafa;color:#24282b;padding:0 11px;font-size:13px}.zpc-head{display:flex;justify-content:space-between;margin:30px 2px 12px;font-size:12px}.zpc-head b{letter-spacing:.14em}.zpc-head span{color:#777e84}.zpc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.zpc-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;text-decoration:none;color:var(--ink);min-width:0;transition:border-color .18s,transform .18s}.zpc-card:hover{border-color:#b6bbc0;transform:translateY(-2px)}.zpc-image{aspect-ratio:16/9;background:#f5f6f7;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid #e2e5e7}.zpc-image:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:3px;background:var(--y);transition:width .22s}.zpc-card:hover .zpc-image:after{width:100%}.zpc-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.zpc-body{padding:17px}.zpc-category{display:block;font-size:10px;letter-spacing:.14em;color:#7a8187;font-weight:800}.zpc-code{display:block;font-size:21px;font-weight:800;letter-spacing:-.02em;margin:5px 0 3px}.zpc-name{font-size:13px;line-height:1.42;color:#596168;min-height:38px}.zpc-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px;min-height:49px;align-content:flex-start}.zpc-tags span{font-size:10px;font-weight:700;border:1px solid #d8dce0;border-radius:3px;padding:5px 6px;background:#fafafa;color:#3f454a}.zpc-tags .ex{border-color:#dfc437;background:#fffbea}.zpc-go{margin-top:13px;border-top:1px solid #e4e6e8;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;font-weight:800}.zpc-go i{font-size:16px;color:#b79a00;font-style:normal}.zpc-empty{display:none;background:#fff;border:1px solid var(--line);padding:50px;text-align:center;color:#747b81;border-radius:7px}.zpc-card[hidden]{display:none!important}@media(max-width:1350px){.zpc-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.zpc-grid{grid-template-columns:repeat(3,1fr)}.zpc-controls{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.zpc-hero-row{display:block}.zpc-count{margin-top:16px}.zpc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.zpc-grid,.zpc-controls{grid-template-columns:1fr}} .zpc-card{display:flex!important;flex-direction:column!important}.zpc-image{aspect-ratio:16/9!important;height:auto!important;flex:0 0 auto}.zpc-image img{width:100%;height:100%;object-fit:contain}.zpc-body{display:flex!important;flex-direction:column!important;flex:1!important}.zpc-tags{margin-bottom:auto!important}.zpc-go{margin-top:20px!important;flex:0 0 auto!important}
.zpc{--zpm-yellow:#f1c900}.zpc-cats button.active,.zpc-tags .ex{border-color:var(--zpm-yellow)}.zpc-card:hover{border-color:var(--zpm-yellow)}