.bag-content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));   
  column-gap: var(--gutter-small);
  row-gap: var(--gutter-small);
  padding: var(--small) 0;                             
  align-items: start;
}
.bag-content__title   { grid-column: 1 / -1; margin: 0; }   
.bag-list, .bag-empty { grid-column: 1 / span 8; }          
.bag-content__summary { grid-column: 9 / span 4; }          
.bag-list { display: flex; flex-direction: column; gap: var(--medium-small); margin: 0; padding: 0; list-style: none; }
.bag-list__line { display: flex; flex-direction: column; gap: var(--medium-small); }
.bag-list__line[hidden] { display: none; }
.bag-empty { display: flex; flex-direction: column; align-items: flex-start; gap: var(--medium-small); }
.bag-empty p { margin: 0; }
.bag-empty[hidden], .bag-list[hidden], .bag-content__summary[hidden] { display: none; }
.bag-empty__browse[data-device="mobile"] { display: none; }
@media (max-width: 959px) {
  .bag-content { grid-template-columns: minmax(0, 1fr); }
  .bag-content__title, .bag-list, .bag-empty, .bag-content__summary { grid-column: 1; }
  .bag-empty { align-items: stretch; }
  .bag-empty__browse[data-device="desktop"] { display: none; }
  .bag-empty__browse[data-device="mobile"] { display: inline-flex; }
}