.fil{font-size:12.5px;color:var(--ink3);padding:14px 0 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fil a{color:var(--ink2);text-decoration:none}
.fil a:hover{text-decoration:underline}
.fil b{color:var(--ink)}

.cat-h{padding:10px 0 20px;border-bottom:1px solid var(--line);margin-bottom:22px}
.cat-h h1{font-family:Archivo,Arial,sans-serif;font-size:30px;line-height:1.15;margin:8px 0 6px}
.cat-h>p{color:var(--ink2);font-size:14.5px;margin:0 0 14px;max-width:70ch}

.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.chips a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);
  border-radius:999px;padding:6px 13px;font-size:13px;text-decoration:none;color:var(--ink);
  background:#fff;transition:border-color .12s,background .12s}
.chips a:hover{border-color:var(--ink3)}
.chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips a i{font-style:normal;font-size:11.5px;color:var(--ink3)}
.chips a.on i{color:#C9CFD6}
.chips-p a{background:var(--soft)}

.rg{margin:0 0 30px}
.rg-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}
.rg-h h2{font-family:Archivo,Arial,sans-serif;font-size:21px;margin:0 0 3px}
.rg-h p{color:var(--ink2);font-size:13.5px;margin:0}
.rg-v{white-space:nowrap;font-size:13.5px;font-weight:600;color:var(--blue);text-decoration:none}
.rg-v:hover{text-decoration:underline}

.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px}

.pc{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .14s,border-color .14s}
.pc:hover{border-color:var(--line2);box-shadow:0 3px 14px rgba(21,32,43,.08)}
.pc-v{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.pc-v>img,.pc-v>svg,.pc-v>picture,.pc-v>canvas{width:100%;height:100%;object-fit:cover;display:block}
.pc-v>span:not(.pc-bd):not(.pc-cp){display:block;width:100%;height:100%}
.pc-v>span:not(.pc-bd):not(.pc-cp)>svg{width:100%;height:100%;object-fit:cover;display:block}
.pc-bd{position:absolute;top:8px;left:8px;display:flex;gap:5px;flex-wrap:wrap;max-width:85%}
.bd{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
  padding:3px 7px;border-radius:4px;color:#fff;backdrop-filter:blur(2px)}
.bd-or{background:#B26A00}.bd-vert{background:#1E7A46}.bd-rouge{background:#B3261E}.bd-violet{background:#6B3FA0}
.pc-cp{position:absolute;bottom:8px;left:8px;font-size:10.5px;background:rgba(21,32,43,.82);
  color:#fff;padding:3px 8px;border-radius:4px;display:inline-flex;gap:5px}
.pc-cp b{font-weight:600;color:#BFD4E6}

.pc-b{padding:12px 13px 13px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-b h3{font-size:14px;line-height:1.35;margin:0;font-weight:600}
.pc-b h3 a{color:var(--ink);text-decoration:none}
.pc-b h3 a:hover{text-decoration:underline}
.pc-ed{font-size:12px;color:var(--ink2)}
.pc-ed a{color:var(--blue);text-decoration:none}
.pc-ed a:hover{text-decoration:underline}
.pc-s{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink2);align-items:center}
.pc-nt{display:inline-flex;gap:4px;align-items:center}
.pc-nt .stars{color:#E8A300;font-size:12px;letter-spacing:-.5px}
.pc-nt i{font-style:normal;color:var(--ink3)}
.pc-in{color:var(--ink3)}
.pc-p{display:flex;gap:7px;align-items:baseline;margin-top:auto;padding-top:4px}
.pc-p .now{font-family:Archivo,Arial,sans-serif;font-size:18px;font-weight:700}
.pc-p .was{font-size:12.5px;color:var(--ink3);text-decoration:line-through}
.pc-p .sv{font-size:11.5px;font-weight:700;color:#B3261E}
.pc-a{display:flex;gap:7px;align-items:center;margin-top:4px}
.pc-a form{flex:1}
.pc-a .addc{width:100%;border:0;border-radius:7px;background:var(--ink);color:#fff;
  padding:9px 10px;font-size:13px;font-weight:600;cursor:pointer}
.pc-a .addc:hover{background:#000}
.pc-ap{border:1px solid var(--line2);border-radius:7px;padding:8px 11px;font-size:12.5px;
  text-decoration:none;color:var(--ink2);white-space:nowrap}
.pc-ap:hover{border-color:var(--ink3);color:var(--ink)}

.cat-g{margin-top:6px}
.cat-gh{display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:14px;flex-wrap:wrap}
.cat-gh h2{font-family:Archivo,Arial,sans-serif;font-size:19px;margin:0}
.cat-tri{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}
.cat-tri select{border:1px solid var(--line2);border-radius:7px;padding:7px 10px;font-size:13px;background:#fff}

.pag{display:flex;gap:6px;justify-content:center;margin:26px 0 8px;flex-wrap:wrap}
.pag a{min-width:34px;text-align:center;border:1px solid var(--line2);border-radius:7px;
  padding:7px 10px;font-size:13px;text-decoration:none;color:var(--ink)}
.pag a.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.cat-seo{margin:34px 0 40px;padding-top:22px;border-top:1px solid var(--line);max-width:74ch}
.cat-seo h2{font-family:Archivo,Arial,sans-serif;font-size:18px;margin:0 0 9px}
.cat-seo p{color:var(--ink2);font-size:14px;line-height:1.65;margin:0 0 10px}

@media(max-width:640px){
  .cat-h h1{font-size:23px}
  .pgrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
  .pc-a{flex-direction:column;align-items:stretch}
  .pc-ap{text-align:center}
}

.cats .tout{font-weight:700}
.cats .tout b{font-weight:700}

.lt-wrap{overflow-x:auto;margin:0 0 30px}
.lt{width:100%;border-collapse:collapse;font-size:13.5px;min-width:620px;background:#fff;
  border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lt thead th{background:var(--soft);padding:13px 14px;text-align:center;font-size:14px;
  border-bottom:1px solid var(--line2);vertical-align:top}
.lt thead th:first-child{width:38%}
.lt thead th i{display:block;font-style:normal;font-weight:400;font-size:11.5px;
  color:var(--ink2);margin-top:4px;line-height:1.4}
.lt tbody th{text-align:left;font-weight:600;padding:11px 14px;border-bottom:1px solid var(--line);
  vertical-align:top}
.lt tbody th i{display:block;font-style:normal;font-weight:400;font-size:11.5px;
  color:var(--ink3);margin-top:2px}
.lt tbody td{text-align:center;padding:11px 14px;border-bottom:1px solid var(--line);
  border-left:1px solid var(--line)}
.lt tbody tr:last-child th,.lt tbody tr:last-child td{border-bottom:0}
.lt-y{color:var(--green);font-weight:700;font-size:16px}
.lt-n{color:#B3261E;font-weight:700;font-size:17px}
.lt-t{color:var(--ink);font-weight:600}
.lt-lien{display:inline-block;font-size:12px;margin-top:8px;color:var(--blue);text-decoration:none}
.lt-lien:hover{text-decoration:underline}