/* Piqelo v856 — desktop Winner Spotlight clarity + single deal surface.
   Remove legacy commercial surfaces and strip the old washed image-stage layers. */

#home #offersPanel,
#home #spotlightBestOfferCta{
  display:none!important;
}

/* Never allow decorative layers to sit over the winner TV image. */
@media(min-width:781px){
  #home #topPickPanel .winnerSpotlightLeft::after,
  #home #topPickPanel .winnerSpotlightBody::before,
  #home #topPickPanel .winnerSpotlightBody::after,
  #home #topPickPanel .winnerProductThumb::before,
  #home #topPickPanel .winnerProductThumb::after{
    display:none!important;
    content:none!important;
  }

  #home #topPickPanel .winnerProductThumb,
  #home #topPickPanel .winnerProductThumb[data-spotlight-placement="identity-side"]{
    isolation:isolate!important;
    background:linear-gradient(145deg,#0b263a,#071a2a)!important;
    border:1px solid rgba(91,160,188,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,9,18,.16)!important;
  }

  #home #topPickPanel .winnerProductThumb img,
  #home #topPickPanel .winnerProductThumb[data-spotlight-placement="identity-side"] img{
    position:relative!important;
    z-index:5!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
  }
}

/* Compact desktop / laptop widths: keep a proper media stage beside the copy. */
@media(min-width:781px) and (max-width:1279px){
  #home #topPickPanel{
    overflow:hidden!important;
    border-radius:22px!important;
  }

  #home #topPickPanel .winnerSpotlightLeft{
    grid-template-columns:minmax(0,1fr) minmax(250px,.78fr)!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  #home #topPickPanel .winnerSpotlightBody{
    display:grid!important;
    min-width:0!important;
    min-height:220px!important;
    place-items:center!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #home #topPickPanel .winnerProductThumb{
    width:100%!important;
    min-width:0!important;
    min-height:220px!important;
    height:220px!important;
    display:grid!important;
    place-items:center!important;
    padding:14px 16px!important;
    overflow:hidden!important;
    border-radius:17px!important;
  }

  #home #topPickPanel .winnerProductThumb img{
    width:100%!important;
    max-width:390px!important;
    height:190px!important;
    max-height:190px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
  }

  #home #topPickPanel .winnerThumbFallback{
    width:100%!important;
    height:190px!important;
    display:grid!important;
    place-items:center!important;
  }

  #home #topPickPanel::before{
    top:9px!important;
    left:14px!important;
    right:auto!important;
    max-inline-size:calc(100% - 28px)!important;
    transform:none!important;
  }

  #home #topPickPanel > .topPickLeft{
    padding-top:36px!important;
  }

  #home #topPickPanel > .topPickRight,
  #home #topPickPanel .winnerSpotlightLeft,
  #home #topPickPanel .whyBox,
  #home #topPickPanel .topPickAction{
    overflow:hidden!important;
    max-inline-size:100%!important;
    min-inline-size:0!important;
  }

  #home #topPickPanel .topPickAction > *,
  #home #topPickPanel .whyBox > *,
  #home #topPickPanel .winnerSpotlightHeader > *{
    box-sizing:border-box!important;
    max-inline-size:100%!important;
    min-inline-size:0!important;
  }

  #home #topPickPanel .topPickAction :is(a,button){
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }

  #home #topPickPanel .spotlightRunner.isClickable{
    padding-right:11px!important;
    padding-bottom:11px!important;
  }

  #home #topPickPanel .spotlightRunnerLinkCue{
    position:static!important;
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin-top:9px!important;
    transform:none!important;
    white-space:normal!important;
  }

  #home #topPickPanel .winnerSpotlightLeft::before{
    display:none!important;
    content:none!important;
  }
}

/* Mid-size desktop: image should read as a real product image, not a tiny tile. */
@media(min-width:1280px) and (max-width:1449px){
  #home #topPickPanel > .topPickLeft{
    grid-template-columns:92px minmax(0,1fr) minmax(270px,315px)!important;
    column-gap:18px!important;
  }

  #home #topPickPanel .winnerProductThumb[data-spotlight-placement="identity-side"]{
    max-width:315px!important;
    min-height:172px!important;
    height:172px!important;
    padding:10px 12px!important;
  }

  #home #topPickPanel .winnerProductThumb[data-spotlight-placement="identity-side"] img,
  #home #topPickPanel .winnerProductThumb[data-spotlight-placement="identity-side"] .winnerThumbFallback{
    width:100%!important;
    height:148px!important;
    max-height:148px!important;
    max-width:295px!important;
  }
}

/* Compare tray and AI launcher must never occupy the same screen space. */
@media(min-width:781px){
  body:has(#compareTray:not([style*="display:none"])) .askPiqeloLauncher{
    bottom:104px!important;
  }
}

@media(max-width:1100px){
  body:has(#compareTray:not([style*="display:none"])) .askPiqeloLauncher{
    inset-block-end:calc(154px + env(safe-area-inset-bottom))!important;
  }
}