.pl-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:18px; max-width:440px; }
.pl-tile { background:var(--bg3); border:1px solid rgba(255,255,255,0.07); border-radius:var(--radius-md); padding:10px 12px; }
.pl-tile b { display:block; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:22px; line-height:1.1; color:var(--white); }
.pl-tile span { display:block; font-size:11.5px; color:var(--grey); line-height:1.25; margin-top:2px; }
.pl-tile.is-c b { color:var(--cyan); } .pl-tile.is-g b { color:var(--gold); }

.pl-rail { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 0 8px; margin-top:12px; scrollbar-width:none; }
.pl-rail::-webkit-scrollbar { display:none; }
.pl-bb { flex:none; width:210px; scroll-snap-align:start; background:var(--bg3); border:1px solid rgba(255,255,255,0.07); border-radius:var(--radius-lg); overflow:hidden; display:flex; flex-direction:column; }
.pl-bb-pic { height:120px; background:#fff; display:flex; align-items:center; justify-content:center; position:relative; padding:10px; }
.pl-bb-pic img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.pl-bb-lab { position:absolute; left:8px; top:8px; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:10.5px; letter-spacing:1px; text-transform:uppercase; padding:5px 7px; border-radius:6px; background:var(--bg); color:var(--gold); }
.pl-bb-lab.is-c { color:var(--cyan); }
.pl-bb-bd { padding:10px 12px 12px; display:flex; flex-direction:column; flex:1; }
.pl-bb-name { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:18px; line-height:1.05; text-transform:uppercase; color:var(--white); }
.pl-bb-name:hover { color:var(--cyan); }
.pl-bb-pt { font-size:11.5px; color:var(--grey); margin:3px 0 6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:30px; line-height:1.3; }
.pl-bb-pr { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:24px; line-height:1; color:var(--cyan); font-variant-numeric:tabular-nums; }
.pl-bb-pr.is-u { color:var(--gold); }
.pl-bb-ps { font-size:11.5px; color:var(--grey); margin-top:3px; line-height:1.3; }
.pl-btn { display:flex; align-items:center; justify-content:center; gap:6px; height:38px; border-radius:9px; background:var(--cyan); color:#0a0e17; font-weight:700; font-size:14px; margin-top:10px; text-decoration:none; }
.pl-btn:hover { filter:brightness(1.08); }
.pl-btn.is-ghost { background:transparent; border:1px solid rgba(255,255,255,0.14); color:#c5d0e6; }

.pl-tools { position:sticky; top:calc(var(--nav-h) + 40px); z-index:140; background:rgba(15,21,32,0.97); backdrop-filter:blur(8px); margin:0 -16px; padding:8px 16px 6px; border-bottom:1px solid rgba(255,255,255,0.06); }
.pl-tools .hc-bar { margin:0; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
.pl-tools .hc-bar::-webkit-scrollbar { display:none; }
.pl-tools .hc-bar input[type=search] { flex:1 0 170px; }
.pl-tools .hc-chip, .pl-tools select { flex:none; }
.pl-tools .hc-count { margin:6px 0 0; }
.pl-list-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:16px 0 0; }
.pl-list-head small { color:var(--grey); font-size:12px; }

.pl-grp { margin-top:14px; }
.pl-grp[hidden] { display:none; }
.pl-brand { margin-top:6px; } .pl-brand[hidden] { display:none; }
.pl-bl { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--grey); margin:20px 0 6px; display:flex; align-items:center; gap:10px; }
.pl-bl::after { content:""; flex:1; height:1px; background:rgba(255,255,255,0.1); }
.pl-brand:first-of-type .pl-bl { margin-top:14px; }
.pl-gh-t { margin:0; font:inherit; display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; flex:1; min-width:0; text-transform:inherit; }
summary.pl-gh { list-style:none; cursor:pointer; }
summary.pl-gh::-webkit-details-marker { display:none; }
summary.pl-gh svg { width:18px; height:18px; flex:none; color:var(--cyan); transition:transform 0.18s; align-self:center; }
details.pl-grp[open] > summary.pl-gh svg { transform:rotate(180deg); }
.pl-gh { display:flex; align-items:center; gap:12px; flex-wrap:nowrap; margin:0; padding:10px 12px; background:var(--bg3); border:1px solid rgba(255,255,255,0.08); border-radius:var(--radius-md); font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:19px; line-height:1; text-transform:uppercase; color:var(--white); }
.pl-gh small { font-family:'Barlow',sans-serif; font-weight:400; font-size:12px; text-transform:none; color:var(--grey); line-height:1.3; }
.pl-gh small i { font-style:normal; font-weight:700; }
.pl-gh small i.is-c { color:var(--cyan); } .pl-gh small i.is-g { color:var(--gold); }
.pl-colh { display:none; }
.pl-list { display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.pl-anchor { display:block; height:0; scroll-margin-top:calc(var(--nav-h) + 110px); }

.pl-row { background:var(--bg2); border:1px solid rgba(255,255,255,0.07); border-radius:var(--radius-md); overflow:hidden; scroll-margin-top:calc(var(--nav-h) + 110px); }
.pl-row[hidden] { display:none; }
.pl-row[open] { border-color:rgba(0,200,232,0.3); }
.pl-row:target { border-color:var(--cyan); }
.pl-row > summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:56px minmax(0,1fr) auto; grid-template-rows:auto auto auto; column-gap:10px; row-gap:0; padding:9px 10px; align-items:start; min-height:98px; line-height:1.3; }
.pl-row > summary::-webkit-details-marker { display:none; }
.pl-th { width:56px; height:56px; grid-column:1; grid-row:1 / 4; border-radius:8px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:3px; }
.pl-th img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.pl-nm { grid-column:2; grid-row:1 / 3; min-width:0; }
.pl-nm h3 { margin:0; font-family:'Barlow',sans-serif; font-weight:700; font-size:16px; line-height:1.2; text-transform:none; letter-spacing:0; color:var(--white); }
.pl-ln { display:block; font-size:12.5px; color:var(--grey); margin-top:2px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.pl-row h3 .pl-reab { display:inline-flex; flex-direction:row; align-items:center; gap:5px; width:auto; height:auto; font-size:10px; line-height:1; padding:3px 6px; margin:0 0 0 6px; vertical-align:middle; white-space:nowrap; box-shadow:none; }
.pl-row h3 .pl-reab i { display:none; }
.pl-nm h3 a { color:inherit; text-decoration:underline; text-decoration-style:dotted; text-decoration-color:rgba(0,200,232,0.6); text-underline-offset:3px; }
.pl-nm h3 a:hover { color:var(--cyan); }
.pl-ln b { font-weight:700; } .pl-ln .is-c { color:var(--cyan); } .pl-ln .is-g { color:var(--gold); }
.pl-cell { display:flex; flex-direction:column; align-items:flex-end; min-width:0; }
.pl-cell b { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:20px; line-height:1; white-space:nowrap; font-variant-numeric:tabular-nums; }
.pl-cell small { display:none; font-size:12px; color:var(--grey); white-space:nowrap; }
.pl-cn b { color:var(--cyan); } .pl-cu b { color:var(--gold); } .pl-cell.is-dim b { color:#5c6c8a; }
.pl-cn { grid-column:3; grid-row:1; }
.pl-cu { display:none; }
.pl-row.is-uo .pl-cn { display:none; } .pl-row.is-uo .pl-cu { display:flex; grid-column:3; grid-row:1; }
.pl-ca { grid-column:3; grid-row:2; justify-self:end; margin-top:5px; }
.pl-pill { height:30px; padding:0 12px; border-radius:8px; background:var(--cyan); color:#0a0e17; font-weight:700; font-size:13px; display:inline-flex; align-items:center; white-space:nowrap; text-decoration:none; }
.pl-pill:hover { filter:brightness(1.08); }
.pl-pill.is-t { background:transparent; border:1px solid rgba(255,255,255,0.14); color:#c5d0e6; }
.pl-cm { grid-column:2; grid-row:3; align-self:end; }
.pl-aff { grid-column:3; grid-row:3; }
.pl-mv { display:inline-flex; align-items:center; gap:3px; font-size:11px; font-weight:700; padding:1px 5px; border-radius:5px; margin-top:3px; white-space:nowrap; }
.pl-mv.is-down { color:var(--green); background:rgba(0,230,118,0.1); }
.pl-mv.is-up { color:#ff8a99; background:rgba(255,61,87,0.1); }
.pl-mv.is-flat, .pl-mv.is-none { color:var(--grey); background:var(--bg3); }
.pl-mv.is-none { white-space:normal; line-height:1.2; text-align:left; }
.pl-aff { grid-column:3; grid-row:3; align-self:end; justify-self:end; display:flex; align-items:center; gap:3px; font-size:12px; font-weight:600; color:var(--cyan); margin-top:6px; white-space:nowrap; }
.pl-aff svg { width:14px; height:14px; transition:transform 0.18s; }
.pl-aff .x { display:none; }
.pl-row[open] .pl-aff .o { display:none; } .pl-row[open] .pl-aff .x { display:inline; }
.pl-row[open] .pl-aff svg { transform:rotate(180deg); }

.pl-more { padding:0 12px 12px; border-top:1px solid rgba(255,255,255,0.07); font-size:13px; }
.pl-more h4 { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--grey); margin:12px 0 7px; }
.pl-kv { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:12px; }
.pl-kv div { background:var(--bg3); border-radius:8px; padding:7px 8px; min-width:0; }
.pl-kv b { display:block; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:15px; line-height:1.1; font-variant-numeric:tabular-nums; }
.pl-kv b.is-c { color:var(--cyan); } .pl-kv b.is-g { color:var(--gold); }
.pl-kv span { font-size:10.5px; color:var(--grey); line-height:1.3; display:block; }
.pl-more .hc-save { margin-top:8px; }

.pl-more .hc-shoplist { gap:10px; padding-bottom:4px; }
.pl-more .hc-shop { grid-template-columns:72px 1fr auto auto; gap:12px; padding:10px 12px; }
.pl-more .hc-vimg { width:72px; height:48px; padding:5px; box-sizing:border-box; border-radius:6px; }
.pl-more .hc-vtxt { display:flex; flex-direction:column; gap:3px; min-width:0; }
.pl-more .hc-vs { font-size:11.5px; }
.pl-more .hc-vt { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pl-more .hc-mv { margin-bottom:4px; }
.pl-more .hc-table td.hc-t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:0; width:100%; }
.pl-more .hc-table td, .pl-more .hc-table th { padding-right:10px; }
.pl-more .hc-table td:first-child { white-space:nowrap; }
.pl-share-row { display:flex; align-items:flex-start; gap:12px; margin-top:16px; padding:12px; border:1px solid rgba(255,255,255,0.07); border-radius:8px; background:rgba(255,255,255,0.02); }
.pl-share { flex:none; display:inline-flex; align-items:center; gap:6px; background:transparent; border:1px solid rgba(0,200,232,0.4); color:var(--cyan); font:inherit; font-weight:700; font-size:13px; padding:7px 12px; border-radius:8px; cursor:pointer; }
.pl-share:hover { background:rgba(0,200,232,0.08); }
.pl-share.is-done { color:var(--green); border-color:rgba(0,230,118,0.5); }
.pl-cite { font-size:11.5px; color:var(--grey); line-height:1.45; user-select:all; -webkit-user-select:all; min-width:0; margin:0; }
.pl-cite-label { display:block; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:10px; letter-spacing:1.4px; text-transform:uppercase; color:var(--cyan); margin-bottom:3px; }

.pl-faq { border-top:1px solid rgba(255,255,255,0.07); }
.pl-faq:last-child { border-bottom:1px solid rgba(255,255,255,0.07); }
.pl-faq > summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; }
.pl-faq > summary::-webkit-details-marker { display:none; }
.pl-faq > summary::after { content:"+"; color:var(--cyan); font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:20px; line-height:1; flex:none; }
.pl-faq[open] > summary::after { content:"\2212"; }
.pl-faq h3 { margin:0; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:17px; line-height:1.2; color:var(--white); }
.pl-faq .ts-body { margin:0 0 14px; }

@media (min-width:900px) {
  .pl-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:480px; }
  .pl-tile { padding:12px 14px; } .pl-tile b { font-size:26px; } .pl-tile span { font-size:12px; }
  .pl-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; overflow:visible; padding:0; }
  .pl-bb { width:auto; }
  .pl-bb-pic { height:130px; }
  .pl-tools { margin:0 -32px; padding:10px 32px 8px; }
  .pl-tools .hc-bar { flex-wrap:wrap; overflow:visible; }
  .pl-tools .hc-bar input[type=search] { flex:0 0 300px; }
  .pl-tools select { margin-left:auto; }
  .pl-grp { margin-top:18px; }
  .pl-gh { padding:9px 14px; }
  .pl-list { gap:6px; margin-top:6px; }
  .pl-colh, .pl-row > summary { grid-template-columns:54px minmax(0,1fr) 170px 170px 120px 116px 22px; column-gap:16px; }
  .pl-colh { display:grid; padding:8px 14px 2px 10px; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:10.5px; letter-spacing:1.5px; text-transform:uppercase; color:#5c6c8a; }
  .pl-row { border-radius:10px; }
  .pl-row > summary { grid-template-rows:auto; align-items:center; min-height:68px; padding:8px 14px 8px 10px; }
  .pl-th { width:54px; height:40px; grid-row:1; border-radius:7px; }
  .pl-nm { grid-row:1; grid-column:2; }
  .pl-ln { display:none; }
  .pl-cell { align-items:flex-start; grid-row:1; }
  .pl-cell b { font-family:'Barlow',sans-serif; font-weight:800; font-size:17px; }
  .pl-cell small { display:block; margin-top:1px; overflow:hidden; text-overflow:ellipsis; max-width:170px; }
  .pl-cn { grid-column:3; display:flex; }
  .pl-cu { display:flex; grid-column:4; }
  .pl-row.is-uo .pl-cn { display:flex; } .pl-row.is-uo .pl-cu { grid-column:4; }
  .pl-cm { grid-column:5; grid-row:1; align-self:center; }
  .pl-mv { margin:0; font-size:12px; padding:3px 7px; }
  .pl-ca { grid-column:6; grid-row:1; margin:0; justify-self:stretch; }
  .pl-ca .pl-pill { width:100%; justify-content:center; height:34px; }
  .pl-aff { grid-column:7; grid-row:1; margin:0; align-self:center; justify-self:end; }
  .pl-aff > span { display:none; }
  .pl-aff svg { width:18px; height:18px; }
  .pl-more { display:grid; grid-template-columns:1fr 1fr; column-gap:36px; padding:0 20px 18px; font-size:13.5px; }
  .pl-more > * { grid-column:1; min-width:0; }
  .pl-kv { grid-column:1 / -1; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-width:760px; }
  .pl-more .hc-save { grid-column:1 / -1; }
  .pl-more .pl-r2 { grid-column:2; }
  .pl-more .pl-share-row { grid-column:1 / -1; }
  .pl-more .hc-shop { grid-template-columns:72px 1fr auto auto; }
  .pl-faq h3 { font-size:18px; }
  .pl-row h3 .pl-reab i { display:inline; margin:0; font-style:normal; font-weight:400; opacity:0.85; }
}
@media (max-width:600px) {
  
  #lista.ts-panel { padding:0 0 16px; background:transparent; border:0; }
  .pl-tools { margin:0 -16px; padding:8px 16px 6px; }
  .pl-list-head { padding:0 2px; }
  .pl-more { padding:0 10px 10px; }
}