@media (max-width:780px){
  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{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline-flex !important;
    visibility:visible !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 !important;
    margin:4px 0 6px 0 !important;
    gap:0 !important;
    border:1px solid var(--border) !important;
    border-bottom:1px solid var(--border) !important;
    border-radius:10px !important;
    background:var(--panel) !important;
    color:var(--text) !important;
    opacity:1 !important;
    overflow:hidden !important;
    box-shadow:none !important;
    outline:0 !important;
    transform:none !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:normal !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    transition:background .15s ease, border-color .15s ease, color .15s ease !important;
  }

  /* Mobile/touch: do not keep the white hover/focus border after tapping the toggle. */
  @media (hover:none){
    html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style:hover,
    html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style[aria-pressed="true"]:hover{
      border-color:var(--border) !important;
      border-bottom-color:var(--border) !important;
      background:var(--panel) !important;
      color:var(--text) !important;
      box-shadow:none !important;
      outline:0 !important;
    }
  }

  /* Desktop-style hover only where hover really exists; mirrors Set Checklist without affecting mobile taps. */
  @media (hover:hover) and (pointer:fine){
    html body .card.ccc-logged-in-card .card-main > button.mobile-1cc-gallery-toggle.mobile-1cc-gallery-toggle--value-style:hover{
      border-color:rgba(255,255,255,.6) !important;
      border-bottom-color:rgba(255,255,255,.6) !important;
      background:rgba(255,255,255,.08) !important;
      color:#fff !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.60) !important;
      outline:none !important;
      transform:none !important;
    }
  }
}