/* Piqelo v821 — compact product media and review-linked product names. */
#compare .decisionProductIntro{
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
}
#compare .decisionChoiceHeader>.decisionProductIntro{flex:1 1 auto}
#compare .decisionProductIntro.is-compact{align-items:center;gap:13px}
#compare .decisionProductCopy{min-width:0;flex:1 1 auto}

#compare .decisionProductMedia{
  appearance:none;
  -webkit-appearance:none;
  inline-size:104px;
  block-size:72px;
  flex:0 0 104px;
  display:grid;
  place-items:center;
  margin:0;
  padding:8px;
  overflow:hidden;
  border:1px solid rgba(174,216,228,.62);
  border-radius:14px;
  background:linear-gradient(145deg,#fff 0%,#edf6f8 100%);
  box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.85);
  color:inherit;
}
#compare button.decisionProductMedia{cursor:pointer}
#compare .decisionProductMedia.is-featured{
  inline-size:132px;
  block-size:88px;
  flex-basis:132px;
  padding:10px;
  border-color:rgba(138,232,209,.74);
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 3px rgba(76,215,180,.08);
}
#compare .decisionProductMedia img{
  display:block;
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:100%!important;
  max-block-size:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
#compare button.decisionProductMedia:hover{
  border-color:#79dfc8;
  box-shadow:0 10px 24px rgba(0,0,0,.19),0 0 0 3px rgba(76,215,180,.11);
}
#compare button.decisionProductMedia:focus-visible{
  outline:3px solid rgba(88,215,188,.42);
  outline-offset:3px;
}

#compare .decisionChoiceCard h3 .decisionTitleLink{
  appearance:none;
  -webkit-appearance:none;
  display:inline;
  max-inline-size:100%;
  margin:0;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  text-align:start;
  overflow-wrap:anywhere;
  cursor:pointer;
}
#compare .decisionChoiceCard h3 .decisionTitleLink:after{
  content:' →';
  color:#77d9c1;
  font-size:.68em;
  vertical-align:.1em;
  opacity:.72;
}
#compare .decisionChoiceCard.is-alternative h3 .decisionTitleLink:after{color:#82c9e8}
#compare .decisionChoiceCard h3 .decisionTitleLink:hover{
  color:#9cf0db;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
#compare .decisionChoiceCard.is-alternative h3 .decisionTitleLink:hover{color:#bde8fb}
#compare .decisionChoiceCard h3 .decisionTitleLink:focus-visible{
  border-radius:5px;
  outline:3px solid rgba(88,215,188,.36);
  outline-offset:4px;
}

@media(max-width:680px){
  #compare .decisionProductIntro{align-items:flex-start;gap:11px}
  #compare .decisionProductIntro.is-compact{align-items:center;gap:11px}
  #compare .decisionProductMedia,
  #compare .decisionProductMedia.is-featured{
    inline-size:92px;
    block-size:66px;
    flex-basis:92px;
    padding:7px;
    border-radius:12px;
  }
  #compare .decisionChoiceCard h3{margin-top:7px!important}
}

@media(max-width:420px){
  #compare .decisionProductMedia,
  #compare .decisionProductMedia.is-featured{
    inline-size:78px;
    block-size:58px;
    flex-basis:78px;
    padding:6px;
  }
  #compare .decisionProductIntro{gap:9px}
}

@media(prefers-reduced-motion:reduce){
  #compare button.decisionProductMedia{transition:none}
}