.shelf {
  width: 90%;
  max-width: 400px;
  padding: 0;
  margin-top: 15px;}
.shelf p {
  color: #909090;
  margin-left: 5px;
  font-weight: 600;
  font-size: 14px; }

.itm-top, .itm, .itm-btm, .item {
  background: #f7f7f7;
  border: .7px solid #bebebe;
  display: flex;
  padding: 5px;
  align-items: center;
  text-decoration: none;}
.itm-top, .itm, .itm-btm {width: 100%;}
.itm-top, .itm, .itm-btm {margin: 0;}
.itm-top {
  border-radius: 10px 10px 0 0;
  border-bottom: .35px solid #bebebe;}
.itm-top span {color: #1b1b1b;}
.itm {
  border: .7px solid #bebebe;
  border-top: .35px solid #bebebe;
  border-bottom: .35px solid #bebebe;}
.itm span {color: #1b1b1b;}
.itm-btm {
  border-radius: 0 0 10px 10px;
  border-top: .35px solid #bebebe;}
.itm-btm span {color: #1b1b1b;}
.item {
  width: 90%;
  max-width: 400px;
  border-radius: 10px;
  margin-top: 15px;}
.itm-top img, .itm img, .itm-btm img, .item img {
  width: 24px;
  height: 24px;
  margin: 6px 10px;}
.item span {color: #1b1b1b;}
.itm-top:hover, .itm:hover, .itm-btm:hover, .item:hover,
.itm-top:active, .itm:active, .itm-btm:active, .item:active {
  background: #f0f0f0;}