/* Piqelo v892 — clean, compact Best-TV shortlist. */
body[data-piqelo-shortlist="v892"] .ranklist{
  display:grid!important;
  gap:11px!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankcard{
  position:relative!important;
  display:grid!important;
  grid-template-columns:46px 138px minmax(0,1fr) 150px!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-height:108px!important;
  padding:14px 17px!important;
  border:1px solid rgba(93,162,188,.22)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(8,30,46,.98),rgba(6,25,39,.96))!important;
  box-shadow:none!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankcard:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(92,218,202,.38)!important;
  box-shadow:0 14px 30px rgba(0,12,23,.16)!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankcard.pc-awarded{
  min-height:112px!important;
  border-color:rgba(101,229,196,.34)!important;
  background:
    radial-gradient(circle at 95% 0,rgba(69,218,183,.09),transparent 26%),
    linear-gradient(135deg,rgba(8,35,50,.99),rgba(6,28,40,.97))!important;
  box-shadow:inset 3px 0 0 rgba(91,229,196,.70)!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankcard.pc-awarded:before{
  display:none!important;
  content:none!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .ranknum{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(89,203,190,.20)!important;
  border-radius:12px!important;
  background:rgba(68,184,173,.08)!important;
  color:#76e5cc!important;
  font-size:19px!important;
  font-weight:950!important;
  line-height:1!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankimg{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:138px!important;
  height:82px!important;
  min-width:138px!important;
  overflow:hidden!important;
  border:1px solid rgba(113,178,202,.13)!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(96,179,207,.13),transparent 65%),
    rgba(5,23,36,.70)!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankimg>.guideRankProductImage,
body[data-piqelo-shortlist="v892"] .ranklist .rankimg>img:not(.pc-award-badge){
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:130px!important;
  max-height:78px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.23))!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankfallback{
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  color:#52768a!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .pc-award-corner{
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  width:31px!important;
  height:31px!important;
  padding:3px!important;
  border:1px solid rgba(122,226,207,.34)!important;
  border-radius:50%!important;
  background:rgba(5,27,40,.92)!important;
  box-shadow:0 7px 15px rgba(0,10,20,.25)!important;
  pointer-events:none!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .pc-award-corner img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .pc-award-corner:after{
  display:none!important;
  content:none!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankcard>div:nth-child(3){
  min-width:0!important;
  align-self:center!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .badges{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin:0 0 6px!important;
}
body[data-piqelo-shortlist="v892"] .guideRankChoicePill{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:25px!important;
  padding:3px 7px 3px 4px!important;
  border:1px solid rgba(108,223,201,.31)!important;
  border-radius:999px!important;
  background:rgba(66,194,168,.09)!important;
  color:#98eedb!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body[data-piqelo-shortlist="v892"] .guideRankChoicePill img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .badge{
  min-height:25px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 7px!important;
  font-size:10px!important;
}
body[data-piqelo-shortlist="v892"] .ranklist h3{
  margin:1px 0 4px!important;
  color:#f4fbff!important;
  font-size:18px!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
  overflow-wrap:normal!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankmeta{
  max-width:760px!important;
  color:#9ab3c0!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  overflow-wrap:normal!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .price{
  min-width:138px!important;
  max-width:150px!important;
  justify-self:end!important;
  align-self:center!important;
  text-align:right!important;
  color:#f5fbff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .price small{
  display:block!important;
  margin-top:5px!important;
  color:#7695a7!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}
body[data-piqelo-shortlist="v892"] .ranklist .rankExplanation{
  display:block!important;
  margin-top:9px!important;
  color:#7ce5d3!important;
  font-size:10.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body[data-piqelo-shortlist="v892"] .guideHeroProduct--v892{
  width:100%!important;
  height:130px!important;
  display:grid!important;
  place-items:center!important;
  margin:4px 0 13px!important;
  overflow:hidden!important;
  border:1px solid rgba(111,186,210,.12)!important;
  border-radius:15px!important;
  background:radial-gradient(circle at center,rgba(91,176,210,.11),transparent 68%)!important;
}
body[data-piqelo-shortlist="v892"] .guideHeroProduct--v892 img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:270px!important;
  max-height:118px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.25))!important;
}

@media(max-width:920px){
  body[data-piqelo-shortlist="v892"] .ranklist .rankcard{
    grid-template-columns:40px 108px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:106px!important;
  }
  body[data-piqelo-shortlist="v892"] .ranklist .rankimg{
    width:108px!important;height:72px!important;min-width:108px!important
  }
  body[data-piqelo-shortlist="v892"] .ranklist .rankimg>.guideRankProductImage,
  body[data-piqelo-shortlist="v892"] .ranklist .rankimg>img:not(.pc-award-badge){
    max-width:102px!important;max-height:68px!important
  }
  body[data-piqelo-shortlist="v892"] .ranklist .price{
    grid-column:3!important;
    justify-self:start!important;
    max-width:none!important;
    min-width:0!important;
    display:flex!important;
    align-items:baseline!important;
    gap:8px!important;
    text-align:left!important;
  }
  body[data-piqelo-shortlist="v892"] .ranklist .price small{margin:0!important}
  body[data-piqelo-shortlist="v892"] .ranklist .rankExplanation{display:inline!important;margin-left:6px!important}
}
@media(max-width:560px){
  body[data-piqelo-shortlist="v892"] .ranklist .rankcard{
    grid-template-columns:32px 76px minmax(0,1fr)!important;
    gap:9px!important;
    padding:11px 10px!important;
    border-radius:15px!important;
  }
  body[data-piqelo-shortlist="v892"] .ranklist .ranknum{
    width:31px!important;height:31px!important;font-size:16px!important;border-radius:9px!important
  }
  body[data-piqelo-shortlist="v892"] .ranklist .rankimg{
    display:grid!important;
    width:76px!important;height:56px!important;min-width:76px!important
  }
  body[data-piqelo-shortlist="v892"] .ranklist .rankimg>.guideRankProductImage,
  body[data-piqelo-shortlist="v892"] .ranklist .rankimg>img:not(.pc-award-badge){
    max-width:72px!important;max-height:52px!important
  }
  body[data-piqelo-shortlist="v892"] .ranklist .pc-award-corner{
    width:25px!important;height:25px!important;top:3px!important;right:3px!important
  }
  body[data-piqelo-shortlist="v892"] .ranklist h3{font-size:15px!important}
  body[data-piqelo-shortlist="v892"] .ranklist .rankmeta{font-size:11px!important;line-height:1.35!important}
  body[data-piqelo-shortlist="v892"] .ranklist .price{
    grid-column:3!important;
    flex-wrap:wrap!important;
    font-size:15px!important;
  }
  body[data-piqelo-shortlist="v892"] .ranklist .rankExplanation{width:100%;margin:3px 0 0!important}
  body[data-piqelo-shortlist="v892"] .guideRankChoicePill span{display:none}
  body[data-piqelo-shortlist="v892"] .guideRankChoicePill{padding:3px!important}
}
@media(max-width:420px){
  body[data-piqelo-shortlist="v892"] .ranklist .rankcard{
    grid-template-columns:30px minmax(0,1fr)!important
  }
  body[data-piqelo-shortlist="v892"] .ranklist .rankimg{display:none!important}
  body[data-piqelo-shortlist="v892"] .ranklist .price{grid-column:2!important}
}
