/* Uzupełnienia dla rankingu; podstawowy wygląd zapewnia wspólny article.css. */
.shredder-ranking .toc{display:flex;height:auto;min-height:0;align-items:flex-start}
.shredder-ranking .toc ol{line-height:1.8}
.shredder-ranking .quick-picks li,.shredder-ranking .sources li{margin:0 0 14px}
.shredder-ranking .section a:not(.button),.shredder-ranking .quick-picks a{text-decoration:underline;text-underline-offset:3px}
.shredder-ranking .product{padding-top:24px;grid-template-columns:145px minmax(0,1.15fr) minmax(0,1.2fr) 180px}
.shredder-ranking .product>*{min-width:0}
.shredder-ranking .rank{position:static;grid-column:1/-1;justify-self:start;max-width:100%}
.shredder-ranking .rank span{display:inline;letter-spacing:.4px}
.shredder-ranking .product-image{width:145px;height:145px;background:#fff}
.shredder-ranking .product-image img{width:100%;height:100%;object-fit:contain}
.shredder-ranking .product-details{font-size:12px;color:#53625d}
.shredder-ranking .product-details>ul{padding-left:17px;margin:8px 0 16px}
.shredder-ranking .product-details li{margin-bottom:5px}
.shredder-ranking .pros{grid-template-columns:1fr}
.shredder-ranking .source{font-size:12px;overflow-wrap:anywhere}
.shredder-ranking .offer .button{text-align:center}
.shredder-ranking .offer small:last-child{margin-top:10px}
.shredder-ranking .table-wrap{overflow:visible}
.shredder-ranking .ranking-table{table-layout:fixed;min-width:0}
.shredder-ranking .ranking-table th,.shredder-ranking .ranking-table td{padding:10px 7px;overflow-wrap:anywhere;font-size:12px;vertical-align:top}
.shredder-ranking caption{text-align:left;padding:12px;font-weight:bold}
.shredder-ranking .two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
@media(max-width:1050px){
  .shredder-ranking .product{grid-template-columns:145px minmax(0,1fr)}
  .shredder-ranking .product-details,.shredder-ranking .offer{grid-column:1/-1}
  .shredder-ranking .offer{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
}
@media(max-width:850px){
  .shredder-ranking .ranking-table caption{display:block;width:100%}
  .shredder-ranking .ranking-table,.shredder-ranking .ranking-table tbody,.shredder-ranking .ranking-table tr,.shredder-ranking .ranking-table td{display:block;width:100%;min-width:0}
  .shredder-ranking .ranking-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
  .shredder-ranking .ranking-table tr{padding:12px 14px;border-bottom:1px solid var(--line)}
  .shredder-ranking .ranking-table tr:last-child{border-bottom:0}
  .shredder-ranking .ranking-table td{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:10px;padding:7px 0;border:0;font-size:13px}
  .shredder-ranking .ranking-table td::before{content:attr(data-label);font-weight:bold;color:var(--muted)}
  .shredder-ranking .two-col{grid-template-columns:minmax(0,1fr);gap:0}
}
@media(max-width:480px){
  .shredder-ranking .product{grid-template-columns:minmax(0,1fr);padding:18px;gap:18px}
  .shredder-ranking .product-image{justify-self:center;width:160px;height:160px}
  .shredder-ranking .article-head h1{font-size:clamp(32px,10.5vw,38px);line-height:1.02;letter-spacing:-1.4px;overflow-wrap:break-word}
  .shredder-ranking .toc{flex-direction:column;padding:18px}
  .shredder-ranking .offer .button{width:100%;justify-content:center}
  .shredder-ranking .ranking-table td{grid-template-columns:minmax(0,38%) minmax(0,1fr)}
}