/* Piqelo v816 — compact, premium Finder Top 3 cards. */
#home .topThreeSection .altCard.topThreePolished{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#082432 0%,#061d2a 100%)!important;
  border:1px solid rgba(79,154,171,.42)!important;
  box-shadow:0 18px 42px rgba(0,12,24,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#home .topThreeSection .altCard.topThreePolished:hover{
  border-color:rgba(102,213,211,.72)!important;
  box-shadow:0 22px 48px rgba(0,12,24,.30),0 0 0 1px rgba(91,218,201,.08)!important;
}
#home .topThreeSection .altCard.topThreePolished.topRank-1{
  border-color:rgba(72,203,168,.58)!important;
}

#home .topThreeSection .altMediaStage{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  width:100%;
  min-height:0;
  aspect-ratio:16/9.5;
  overflow:hidden;
  background:linear-gradient(145deg,#fbfdfe 0%,#eef5f8 100%);
  border-bottom:1px solid rgba(105,170,183,.28);
}
#home .topThreeSection .altMediaStage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),inset 0 -22px 34px rgba(10,43,55,.045);
}
#home .topThreeSection .altMediaStage>img,
#home .topThreeSection .altMediaStage>.altPhotoFallback{
  position:relative;
  z-index:1;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#f7fafc!important;
  transform:scale(1.045);
  transition:transform .28s ease,filter .28s ease;
}
#home .topThreeSection .altCard.topThreePolished:hover .altMediaStage>img{
  transform:scale(1.065);
  filter:saturate(1.025) contrast(1.015);
}
#home .topThreeSection .altCard.topThreePolished.topRank-1 .altMediaStage>img{
  transform:scale(1.12);
}
#home .topThreeSection .altCard.topThreePolished.topRank-1:hover .altMediaStage>img{
  transform:scale(1.14);
}
#home .topThreeSection .altMediaStage>.altPhotoFallback{
  display:grid!important;
  place-items:center;
  color:#66869a!important;
  font-size:38px;
  font-weight:950;
}
#home .topThreeSection .altMediaStage>.altChoiceBadge{
  position:absolute!important;
  inset:14px auto auto 14px!important;
  z-index:4!important;
  width:max-content!important;
  height:auto!important;
  margin:0!important;
  padding:5px 9px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(239,250,253,.97))!important;
  border:1px solid rgba(112,177,194,.42)!important;
  border-radius:999px!important;
  box-shadow:0 10px 24px rgba(9,42,58,.18)!important;
}

#home .topThreeSection .altCard.topThreePolished>.altCopy{
  position:relative;
  z-index:3;
  display:flex!important;
  flex:1 1 auto;
  flex-direction:column!important;
  min-width:0;
  padding:20px 18px 16px!important;
  background:linear-gradient(180deg,rgba(7,31,43,.98),rgba(5,25,36,.99));
}
#home .topThreeSection .altCard.topThreePolished .altRank{
  position:static!important;
  width:82px!important;
  min-width:82px!important;
  height:60px!important;
  margin:0 0 17px!important;
  padding:6px 9px 7px!important;
  border-radius:16px!important;
}
#home .topThreeSection .altCard.topThreePolished .altRankHash{
  font-size:17px!important;
}
#home .topThreeSection .altCard.topThreePolished .altRank strong{
  font-size:33px!important;
}
#home .topThreeSection .altCard.topThreePolished .altRank small{
  font-size:8px!important;
}
#home .topThreeSection .altCard.topThreePolished .altCopy h4{
  margin:0 0 5px!important;
  color:#f5fbff!important;
  font-size:20px!important;
  line-height:1.18!important;
  letter-spacing:-.012em;
}
#home .topThreeSection .altCard.topThreePolished .altCopy>p{
  margin:0!important;
  color:#b9ced9!important;
  font-size:13px!important;
  line-height:1.45!important;
}
#home .topThreeSection .altCard.topThreePolished .altBottom{
  display:grid!important;
  grid-template-columns:46px auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  width:100%;
  margin:18px 0 0!important;
  padding:0!important;
}
#home .topThreeSection .altCard.topThreePolished .altScore{
  width:46px!important;
  height:46px!important;
  min-width:46px;
  border-width:4px!important;
  font-size:16px!important;
}
#home .topThreeSection .altCard.topThreePolished .rtScoreLabel{
  color:#8faebd!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}
#home .topThreeSection .altCard.topThreePolished .altBottom>strong{
  justify-self:end;
  min-width:0;
  color:#f6fbff!important;
  font-size:15px!important;
  line-height:1.25!important;
  text-align:right;
}
#home .topThreeSection .altCard.topThreePolished .rtCardMini{
  margin-top:12px;
  color:#8eaaba;
  font-size:11px;
  line-height:1.4;
}
#home .topThreeSection .altCard.topThreePolished .altConfidence{
  margin-top:7px!important;
  color:#b8ccd7!important;
  font-size:12px!important;
  line-height:1.45!important;
}

#home .topThreeSection .altCard.topThreePolished .compareMini{
  align-self:flex-start!important;
  min-height:44px!important;
  margin:18px 0 20px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
}
#home .topThreeSection .altCard.topThreePolished .cardDealCta{
  width:100%;
  min-height:70px;
  margin:0!important;
  padding:11px 12px!important;
  border-radius:15px!important;
  border-color:rgba(52,147,207,.62)!important;
  background:linear-gradient(135deg,rgba(7,49,69,.98),rgba(7,40,58,.98))!important;
  box-shadow:0 10px 24px rgba(0,14,26,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#home .topThreeSection .altCard.topThreePolished .cardDealButton{
  min-height:44px!important;
  border-radius:12px!important;
}
#home .topThreeSection .altCard.topThreePolished .saveMini{
  min-height:44px!important;
  margin-top:10px!important;
  border-radius:12px!important;
}

@media(max-width:780px){
  #home .topThreeSection .altCard.topThreePolished{
    border-radius:20px!important;
  }
  #home .topThreeSection .altMediaStage{
    aspect-ratio:16/9.5;
  }
  #home .topThreeSection .altMediaStage>.altChoiceBadge{
    inset:12px auto auto 12px!important;
  }
  #home .topThreeSection .altCard.topThreePolished>.altCopy{
    padding:19px 18px 16px!important;
  }
  #home .topThreeSection .altCard.topThreePolished .altRank{
    width:78px!important;
    min-width:78px!important;
    height:58px!important;
    margin-bottom:16px!important;
  }
  #home .topThreeSection .altCard.topThreePolished .compareMini{
    margin-bottom:22px!important;
  }
}

@media(max-width:380px){
  #home .topThreeSection .altCard.topThreePolished>.altCopy{
    padding-inline:15px!important;
  }
  #home .topThreeSection .altCard.topThreePolished .cardDealCta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #home .topThreeSection .altCard.topThreePolished .cardDealButton{
    width:100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #home .topThreeSection .altMediaStage>img{
    transition:none!important;
  }
}

/* Native review links keep the current Top 3 visual hierarchy. */
#home .topThreeSection .altCopy h4 a{color:inherit;text-decoration:none}
#home .topThreeSection .altCopy h4 a:hover{text-decoration:underline}
#home .topThreeSection .altReviewLink{align-self:flex-start;color:#bceee4;font-size:13px;font-weight:800;margin-top:12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
#home .topThreeSection [data-piqelo-review-link]:focus-visible{outline:2px solid #70e0c3;outline-offset:4px;border-radius:3px}