.card-books-item
  +media-breakpoint-up(md)
    height: 100%

.card-books-item__body
  +media-breakpoint-up(md)
    flex: 1

.card-books-item__inner
  padding: .75rem 1rem
  text-decoration: none
  +media-breakpoint-up(md)
    +flex-link
    gap: 1rem
    align-items: flex-start
  +media-breakpoint-down(sm)
    display: block
    overflow: hidden

.card-books-item__start
  +media-breakpoint-up(md)
    flex: 0 0 4rem
  +media-breakpoint-down(sm)
    float: left
    margin-right: 1rem
    width: 3.5rem

.card-books-item__end
  flex: 1

.card-books-item__row
  &:not(:first-child)
    margin-top: .25rem

.card-books-item__cover-container
  height: 100%
  display: flex
  align-items: center
  justify-content: center

.card-books-item__image
  max-height: 100%
  max-width: 100%
  object-fit: contain
  object-position: 50% 0
  border: solid 1px var(--border-tint)
  border-radius: 2px

.card-books-item__title
  +text-block(.875rem 1.4, 600)
  color: var(--default-text)
  transition: all .2s ease-out
  .a-badge
    +position(relative, top -.125em)
    margin-right: .5em

.card-books-item__title-link
  text-decoration: none
  .card-books-item__title-label
    +hover-link-reversal
    color: var(--main-text)

a.card-books-item__inner:hover
  .card-books-item__title-label
    text-decoration: underline
    color: var(--main-text)

.card-books-item__price
  +text-block(.75rem 1.4)
  color: var(--default-text)

.card-books-item__description
  font-size: .75rem
  color: var(--semi-muted-text)

.card-books-item__practices
  padding: 0 1rem .75rem
  .tag-links__item-link
    max-width: 9rem
    text-overflow: ellipsis
    overflow: hidden
    white-space: nowrap
