@media (max-width:780px){
  /* Reduce the outside gap above the Value Highlights scrollable window on phones only. */
  html body .card .card-main > .details-panels{
    margin-top:2px !important;
    gap:6px !important;
  }

  html body .card .details-panels > .cc-highlights-panel{
    margin-top:0 !important;
  }

  /* When logged in, the 1CC toggle sits directly above Value Highlights; trim its lower gap. */
  html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style,
  html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style[aria-pressed="true"],
  html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style:focus,
  html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style:focus-visible,
  html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style:active{
    margin-bottom:2px !important;
  }
}