/* Type */
h1.label, h2.label {
	font-size: 20px;
  padding: 16px;
}
/* Discount */
.discount-aside .discount-collapse {
	all: unset;
  display: flex;
  color: var(--link-color);
  margin-bottom: 16px;
  cursor: pointer;
}
.discount-aside .discount-collapse p {
  color: var(--link-color);
}
.discount-aside .discount-content {
	margin-top: 0;
  margin-bottom: 10px;
  box-shadow: unset;
}
.discount-aside .discount-content .discount-left {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
}
/* Cart */
.total-price-label__wrapper {
  font-weight: bold;
  color: var(--link-color);
}
/* Size modal */
.size-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
}
.size-modal .size-modal-content {
	max-width: 74vw;
}
/* Size modal test equal Height */
.quality-grid-container {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-template-columns: 220px !important;
  grid-auto-columns: minmax(220px, 1fr) !important;
  gap: 4px 5px !important;
  overflow-x: auto !important;
  align-items: stretch !important;
  width: 100%;
}

.quality-grid-container .quality-col,
.quality-grid-container .quality-col.labels,
.quality-grid-container .quality-grid-wrapper,
.quality-grid-container .quality-grid-flex {
  display: contents !important;
}

/* Thema-regel ".quality-col .label-cell, .quality-col .card" zette
   ook "height:50px" vast. Hier expliciet overschreven zodat de cel
   meegroeit met de inhoud in plaats van een vaste hoogte te houden. */
.quality-grid-container .quality-col .label-cell,
.quality-grid-container .quality-col .card {
  height: auto !important;
  min-height: 50px !important;
}

/* Labelkolom blijft zichtbaar tijdens horizontaal scrollen.
   Moest van .quality-col.labels (die nu display:contents is en dus
   geen box meer heeft) verplaatst worden naar de losse cellen zelf. */
.quality-grid-container .quality-col .label-cell {
  position: sticky !important;
  left: 0 !important;
  z-index: 3 !important;
}