.pricebook-page .hprice {
  display: inline-block;
  min-width: 10ch;
  min-height: 2em;
  line-height: 2;
  white-space: nowrap;
  vertical-align: middle;
}

.pricebook-page .pcontainer {
  display: flex;
  flex-wrap: wrap;
}

.pricebook-page .pblock {
  box-sizing: border-box;
  padding: 1px;
  border: 0 solid #000;
  line-height: 2;
  min-width: 0;
}

.pricebook-page #tableId > .pcontainer:nth-child(2n) {
  background-color: #f0f0f0;
}

.pricebook-page .pblock:first-child {
  flex: 0 0 25%;
  min-width: 125px;
}

.pricebook-page .pblock:nth-child(2) {
  flex: 0 0 15%;
}

.pricebook-page .pblock:nth-child(3) {
  flex: 1;
}

@media screen and (min-width: 737px) {
  .pricebook-page .pcontainer .pblock:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) .morebutton {
    margin-left: auto;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) .more-content {
    flex-basis: calc(100% - max(0px, var(--tag-right-gap, 0px) - 1px));
    width: calc(100% - max(0px, var(--tag-right-gap, 0px) - 1px)) !important;
    margin-left: 0;
    margin-right: max(0px, var(--tag-right-gap, 0px) - 1px);
    text-align: right;
  }
}

@media screen and (max-width: 736px) {
  .pricebook-page .pcontainer {
    display: grid;
    grid-template-columns: 38% 18% 16% 9% 19%;
    align-items: center;
  }

  .pricebook-page .pcontainer .pblock:first-child {
    min-width: 0;
    white-space: nowrap;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) {
    display: contents;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) > br {
    display: none;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) > .copySingleNum {
    justify-self: center;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) > a,
  .pricebook-page .pcontainer .pblock:nth-child(3) > span:not(.more-content) {
    flex: 1 1 0;
    text-align: center;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) > span:not(.more-content) {
    width: auto !important;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) .inline,
  .pricebook-page .pcontainer .pblock:nth-child(3) .morebutton {
    margin-left: 0 !important;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) .morebutton {
    float: none;
    min-width: 0 !important;
    padding: 2px !important;
    white-space: nowrap;
    font-size: 0.7em !important;
  }

  .pricebook-page .pcontainer .morebutton .toggle-icon {
    width: 12px;
    height: 12px;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) .more-content {
    grid-column: 1 / -1;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) .more-content > * {
    max-width: 100%;
  }

  .pricebook-page .pcontainer .pblock:nth-child(3) .more-content .tdesc {
    word-break: normal;
  }
}

@media screen and (max-width: 380px) {
  .pricebook-page .pcontainer .hprice {
    font-size: 11px;
  }
}

@media screen and (max-width: 360px) {
  .pricebook-page .pcontainer .heart-container {
    width: 16px;
    height: 16px;
  }

  .pricebook-page .pcontainer .heart-container .like-count {
    font-size: 11px;
  }
}

.pricebook-page .more-content.more-content-card {
  background: #f5f5f5;
  position: relative;
  padding: 0.3rem;
  border: 2px solid #c3c6ce;
  border-radius: 20px;
  transition: border-color 0.5s ease-out, box-shadow 0.5s ease-out;
  overflow: visible;
  gap: 0.5em;
}

.pricebook-page .more-content.default-expanded {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  text-align: right;
}

@media screen and (max-width: 736px) {
  .pricebook-page .more-content.default-expanded {
    display: block;
  }
}

.pricebook-page .more-content .tdesc {
  box-sizing: border-box;
  width: calc(100% - 6px);
  min-height: 2.5em;
  line-height: 2.5em;
  white-space: normal;
}

.pricebook-page .more-content .pdesc {
  display: inline-block;
  width: auto;
  line-height: 1.65;
  vertical-align: middle;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}