/* Patch v26: Mobile Lite card imagecomic pair + four pills + original-style details button */
@media (max-width: 820px), (hover: none) and (pointer: coarse){
  #result .card.ccc-mobile-lite-card{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    justify-items: stretch !important;
    width: 100% !important;
  }

  #result .card.ccc-mobile-lite-card > .thumb.ccc-mobile-lite-thumb{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-self: center !important;
    align-items: center !important;
  }

  #result .card.ccc-mobile-lite-card > div:nth-child(2){
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #result .card.ccc-mobile-lite-card .ccc-mobile-lite-image-pair{
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  #result .card.ccc-mobile-lite-card .ccc-mobile-lite-image-pair.is-single-image{
    justify-content: center !important;
  }

  #result .card.ccc-mobile-lite-card .ccc-mobile-lite-image-pair.has-imagecomic .ccc-mobile-lite-main-img{
    width: min(44vw, 170px) !important;
    max-width: calc((100vw - 42px) / 2) !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: contain !important;
  }

  #result .card.ccc-mobile-lite-card .ccc-mobile-lite-image-pair.is-single-image .ccc-mobile-lite-main-img{
    width: min(62vw, 210px) !important;
    max-width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: contain !important;
  }

  #result .card.ccc-mobile-lite-card .pillgrid{
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 2px !important;
  }

  #result .card.ccc-mobile-lite-card .pillgrid .pill.mobile-card-number-pill{
    display: grid !important;
  }

  #result .card.ccc-mobile-lite-card .ccc-mobile-lite-full-details-under-pills{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  #result .card.ccc-mobile-lite-card .ccc-mobile-lite-full-details-under-pills .ccc-mobile-lite-full-details-btn{
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    text-align: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
}