/* Piqelo v809 — contained mobile Finder, budget-aware sizes and calmer image loading */
#selectorCard,
#selectorCard .classicBudget,
#selectorCard .finderQuestion,
#selectorCard .finderOptions,
#selectorCard .finderOptions .option,
#selectorCard .piqeloAvailabilityRow{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}

#selectorCard .finderOptions{
  width:100%;
}

#selectorCard .finderOptions .option{
  max-inline-size:100%!important;
  min-inline-size:0!important;
  overflow-wrap:anywhere;
  white-space:normal;
}

#selectorCard .finderOptions .option:disabled,
#selectorCard .finderOptions .option.isBudgetUnavailable{
  opacity:1!important;
  color:rgba(190,211,221,.46)!important;
  border-color:rgba(87,128,149,.25)!important;
  background:rgba(7,27,41,.68)!important;
  box-shadow:none!important;
  filter:saturate(.42)!important;
  cursor:not-allowed!important;
  transform:none!important;
}

#selectorCard .finderOptions .option:disabled:before,
#selectorCard .finderOptions .option.isBudgetUnavailable:before{
  display:none!important;
}

.piqeloSizeAvailabilityHint{
  grid-column:2;
  display:block;
  min-width:0;
  margin:1px 0 0;
  color:#8eabbc;
  font-size:10.5px;
  font-weight:700;
  line-height:1.3;
}

.piqeloSizeAvailabilityHint[hidden]{display:none!important}

.piqeloAvailabilityRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  margin:12px 0 2px;
  padding:12px 14px;
  overflow:hidden;
  border:1px solid rgba(100,177,202,.25);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(16,45,65,.82),rgba(10,35,51,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,12,23,.12);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.piqeloAvailabilityRow.isActive{
  border-color:rgba(76,224,181,.56);
  background:linear-gradient(135deg,rgba(20,74,67,.82),rgba(10,49,55,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 26px rgba(27,174,145,.11);
}

.piqeloAvailabilityCopy{display:flex;align-items:center;gap:10px;min-width:0}
.piqeloAvailabilityIcon{
  position:relative;
  display:grid;
  flex:0 0 34px;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(91,221,193,.20);
  border-radius:11px;
  background:rgba(80,207,184,.10);
}
.piqeloAvailabilityIcon:before{
  content:'';
  width:9px;
  height:9px;
  border-radius:50%;
  background:#5be4bb;
  box-shadow:0 0 0 5px rgba(91,228,187,.10),0 0 18px rgba(91,228,187,.22);
}
.piqeloAvailabilityText{min-width:0}
.piqeloAvailabilityText b{display:flex;align-items:center;gap:8px;color:#effbff;font-size:14px;line-height:1.2;letter-spacing:-.01em}
.piqeloAvailabilityText b:after{
  content:'BUYABLE NOW';
  padding:4px 6px;
  border:1px solid rgba(90,224,192,.22);
  border-radius:999px;
  background:rgba(70,212,181,.08);
  color:#83ead0;
  font-size:9px;
  line-height:1;
  letter-spacing:.10em;
}
.piqeloAvailabilityText small{
  display:block;
  min-width:0;
  margin-top:4px;
  overflow:hidden;
  color:#8eabbc;
  font-size:11.5px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#piqeloAvailableToggle{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-block!important;
  position:relative!important;
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(126,154,170,.34)!important;
  border-radius:999px!important;
  background:#183242!important;
  box-shadow:none!important;
  cursor:pointer!important;
  line-height:0!important;
}
#piqeloAvailableToggle .dot{
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#d7e1e6!important;
  box-shadow:0 1px 3px rgba(0,0,0,.22)!important;
  transform:translateX(0)!important;
  transition:transform .18s ease,background .18s ease!important;
}
#piqeloAvailableToggle .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#piqeloAvailableToggle.active{border-color:rgba(72,208,170,.68)!important;background:#1ca784!important}
#piqeloAvailableToggle.active .dot{transform:translateX(20px)!important;background:#fff!important}
#piqeloAvailableToggle:focus-visible{outline:2px solid rgba(106,225,198,.72)!important;outline-offset:3px!important}

#budget{
  touch-action:pan-y!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
#budgetOut{
  min-width:5.5ch;
  text-align:right;
  font-variant-numeric:tabular-nums lining-nums;
}

#spotlightImage,#winnerThumbImg{
  transition:opacity .18s ease!important;
}
#spotlightImage.piqeloImageLoading,#winnerThumbImg.piqeloImageLoading{opacity:.72}

@media(max-width:780px){
  #selectorCard.classicFinder{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:linear-gradient(145deg,rgba(10,42,64,.99),rgba(7,31,48,.99))!important;
  }
  #selectorCard .classicBudget,
  #selectorCard .finderQuestion{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #selectorCard .questionTitle{min-width:0!important}
  #selectorCard .finderOptions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #selectorCard .finderOptions .option{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:38px!important;
    padding:6px 6px!important;
    font-size:11.5px!important;
    line-height:1.12!important;
  }
  #selectorCard .finderOptions .option.active{padding-left:6px!important;gap:4px!important}
  #selectorCard .finderOptions .option.active:before{width:17px;height:17px;flex:0 0 17px}
  .piqeloSizeAvailabilityHint{grid-column:2;margin-top:0;font-size:9.75px;line-height:1.25}
  .piqeloAvailabilityRow{margin:9px 0 2px;padding:9px 10px;gap:9px;min-height:52px;border-radius:13px}
  .piqeloAvailabilityCopy{gap:8px;overflow:hidden}
  .piqeloAvailabilityIcon{flex-basis:29px;width:29px;height:29px;border-radius:9px}
  .piqeloAvailabilityIcon:before{width:8px;height:8px;box-shadow:0 0 0 4px rgba(91,228,187,.09)}
  .piqeloAvailabilityText b{font-size:13px;line-height:1.15}
  .piqeloAvailabilityText b:after{display:none}
  .piqeloAvailabilityText small{max-width:none;font-size:10px;line-height:1.2}
  #piqeloAvailableToggle{flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:24px!important;min-height:24px!important;max-height:24px!important}
  #piqeloAvailableToggle .dot{width:16px!important;height:16px!important}
  #piqeloAvailableToggle.active .dot{transform:translateX(20px)!important}
  #selectorCard.isBudgetDragging{box-shadow:0 10px 24px rgba(0,14,27,.17)!important}
}

@media(max-width:390px){
  #selectorCard .classicBudget,
  #selectorCard .finderQuestion{grid-template-columns:92px minmax(0,1fr)!important;gap:6px!important}
  #selectorCard .finderOptions{gap:5px!important}
  #selectorCard .finderOptions .option{padding:6px 4px!important;font-size:10.75px!important}
  .piqeloAvailabilityText small{font-size:9.5px}
}

@media(max-width:340px){
  #selectorCard .classicBudget,
  #selectorCard .finderQuestion{grid-template-columns:82px minmax(0,1fr)!important}
  #selectorCard .questionTitle b{font-size:11.5px!important}
  #selectorCard .finderOptions .option{font-size:10.25px!important}
}

@media(prefers-reduced-motion:reduce){
  #spotlightImage,#winnerThumbImg,#piqeloAvailableToggle .dot{transition:none!important}
}


/* v1032 — compact TV sizes without competing with the primary size row */
.finderOptions[data-key="size"] .sizeSecondaryBreak{flex-basis:100%;height:0;pointer-events:none}
.finderOptions[data-key="size"] .sizeSecondaryLabel{align-self:center;color:#7895a8;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;padding:0 2px;white-space:nowrap}
.finderOptions[data-key="size"] .sizeSecondaryOption:not(.active){opacity:.72;background:rgba(7,26,42,.72);border-color:#203f55;color:#91a9b8}
.finderOptions[data-key="size"] .sizeSecondaryOption:not(.active):hover{opacity:1;border-color:#2b83a2;color:#eaf8ff}
.finderOptions[data-key="size"] .sizeSecondaryOption.active{opacity:1}
@media(max-width:780px){
  .finderOptions[data-key="size"] .sizeSecondaryLabel{font-size:9.5px;padding-left:1px}
  .finderOptions[data-key="size"] .sizeSecondaryOption{padding-left:9px;padding-right:9px}
}