.item-name { font-weight: bold; font-size: 1.25em; }
.item-name-short { font-weight: bold; font-size: 1em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; }
.item-image { margin: auto 0; display: flex; flex-direction: column; }
.item-image img { max-width: 100%; }
.item-image-a { min-width: 50%; }
.item-to-cart { white-space: nowrap; justify-content: space-evenly; }
.item-to-cart button { margin-left: .5em; padding: 0.25em .5em; min-width: auto; }
.item-to-cart button:disabled { background-color: var(--colorLightBorder); color: var(--colorShadow); }
.item-count { width: 50px }
.item-status { margin-top: auto; }
/*.inventory .dummy { min-height: 25em; }*/
.inventory .dummy { border: 1px solid lightgray; border-radius: .5em; background: linear-gradient(130deg, var(--colorHover), var(--colorBackground), var(--colorHover)); min-height: 25em; animation: DummyAnimation 5s ease infinite; background-size: 200% 200%; transition: filter .25s ease-out; filter: opacity(100%); }
@keyframes DummyAnimation { 0%{background-position:10% 0%} 50%{background-position:91% 100%} 100%{background-position:10% 0%} }
.inventory-buttons { display: flex; justify-content: center; }
.inventory-buttons button { font-size: 1em; padding: 1em; white-space: nowrap; }
.item-school-action { background: var(--colorHover); padding: .5em; border-radius: .5em; margin: .5em 0; display: flex; flex-direction: column; }
.item-school-action a { font-size: 1.5em; font-weight: bold; border-bottom: 1px solid; }
.item-school-action.highlight { background-color: var(--colorDiscount); }
.item-school-action .miuc { color: var(--colorImportant); font-weight: bold; font-size: 1.2em; }
.pack-image { flex-basis: 100%; display: flex; align-items: center; }
.pack-image img { max-width: 10em; }
.pack-contents-wrap { display: flex; margin: auto 0; padding-top: 2em; flex-direction: column; }
.pack-contents-wrap .item-image { flex: auto; }
.pack-contents-wrap:not(.hidden) .item-image { flex: 0 1 33%; }
.pack-contents-wrap.hidden .pack-contents { display: none; }
.pack-contents { display: grid; grid-template-columns: min-content auto min-content; height: fit-content; text-align: left; grid-gap: .2em 1em; }
.pack-contents-item { display: contents; word-break: normal; }
.pack-contents-block { display: contents; }
.pack-description { text-align: left; }
.grid-span-all { grid-column: 1 / -1 }
.price-wrap-range { align-self: center; width: max-content; }
.price-row { display: flex; justify-content: space-around; }
.price-wrap-range .price-row { justify-content: space-between; }
.price-row .discount { margin: 0 .2em; }
.inventory-search { display: flex; align-items: start; flex-wrap: wrap; }
.inventory-sort { margin-top: .25em; }
.inventory-filter { width: 100%; background-color: white; z-index: 499; padding: .5em 5px; margin-left: -5px; border-bottom: 2px solid var(--colorLightBorder); }
.inventory-filter-tags { display: flex; flex-wrap: wrap; }
.inventory-filter-tag, .inventory-filter-search { border: 1px solid var(--colorLightBorder); border-radius: .2em; padding: .2em; font-size: 1.1em; background-color: var(--colorHover); white-space: nowrap; display: flex; height: 1.5em; align-items: center; margin: .1em; }
.inventory-filter-tag:hover, .inventory-filter-search:hover { cursor: pointer; }
.inventory-filter-tag img, .inventory-filter-search img { max-height: 100%; filter: opacity(50%); }
.inventory-filter-tag:hover img, .inventory-filter-search:hover img { filter: opacity(100%); }
.inventory-filters { display: grid; grid-template-columns: min-content auto; grid-gap: .25em 1em; align-items: center; margin-top: .25em; }
.inventory-filters-row { display: contents; }
.inventory-filters-row button { text-align: left; }
.inventory-filter-search { background-color: var(--colorSearch); order: -1; }

.inventory-detail { position: relative; width: 100%; height: 100%; font-size: 1.25em; }
.inventory-detail-thumbnail { box-shadow: .2em .2em .5em var(--colorShadow); margin: .5em; max-height: 15em; }
.inventory-detail-preview { width: 20em; box-shadow: .2em .2em .5em var(--colorShadow); margin: .4em; }
.inventory-detail-thumbnail:hover, .inventory-detail-preview.active:hover { box-shadow: .2em .2em .5em var(--colorSelected); }
.inventory-detail-parameters { border: 1px solid var(--colorLightBorder); padding: .25em; height: fit-content; }
.inventory-detail-parameters > div { padding: .2em; }
.inventory-detail .price { font-size: 125%; }
.inventory-detail-tags a:not(:last-child)::after { content: ","; margin-right: .3em; }
.inventory-detail .class-price { justify-content: flex-start; }
.inventory-detail .class-price .price { margin-left: .4em; }
.inventory-detail-description { margin-bottom: 1em; text-align: justify; }
.inventory-detail-miuc { font-size: 120%; }
.inventory-detail-status, .item-status { white-space: preserve-breaks; }

.inventory-variant-select {
  border: 1px solid var(--colorLightBorder);
  margin: .5em;
  padding: .5em;
}
.inventory-variant-select .variant-row {
  margin: .5em 0;
}
.inventory-variant-select .variant-row:hover {
  background-color: var(--colorHover);
  cursor: pointer;
}

.inventory-edit.name { width: 100%; height: 2em; }
.inventory-edit.description { width: 100%; resize: none; min-height: 5em; }
.inventory-edit.code,
.inventory-edit.pages,
.inventory-edit.binding,
.inventory-edit.format { width: 5em; }
.inventory-item .select-button, .inventory-detail .select-button { background-color: var(--colorHover); }
.inventory-item .select-button:not([value="null"]) { margin-bottom: .4em; }

.inventory .watch-button, .inventory-detail .watch-button { min-width: 1em; min-height: 1em; background-repeat: no-repeat; background-position: left; background-size: contain; padding-left: 2em; }

.inventory-section-header {
  grid-column: 1 / -1;
  border-bottom: 2px solid var(--colorShadow);
  font-size: 1.5em;
  margin-top: .5em;
}

@media screen and (min-width: 800px) {
    .pack-contents-wrap {
        flex-direction: row;
    }
}