article.cart.navigate > .data,
article.client-order.output > .data {
  display: grid;
  grid-template-areas: "items" "comment";
  grid-template-rows: 1fr min-content;
  overflow: hidden; }
  article.cart.navigate > .data > .items,
  article.client-order.output > .data > .items {
    grid-area: items;
    overflow: auto; }
  article.cart.navigate > .data > .comment,
  article.client-order.output > .data > .comment {
    grid-area: comment; }
    article.cart.navigate > .data > .comment label:after,
    article.client-order.output > .data > .comment label:after {
      content: ' :'; }
    article.cart.navigate > .data > .comment label, article.cart.navigate > .data > .comment textarea,
    article.client-order.output > .data > .comment label,
    article.client-order.output > .data > .comment textarea {
      display: block;
      width: calc(100% - 22px); }
    article.cart.navigate > .data > .comment div.comment,
    article.client-order.output > .data > .comment div.comment {
      padding: 8px; }

article.cart.navigate > .general.actions,
article.client.account > .general.actions,
article.client-order.output > .general.actions {
  flex-direction: row-reverse;
  grid-area: footer; }
  article.cart.navigate > .general.actions > .disconnect > a,
  article.cart.navigate > .general.actions > .empty > a,
  article.client.account > .general.actions > .disconnect > a,
  article.client.account > .general.actions > .empty > a,
  article.client-order.output > .general.actions > .disconnect > a,
  article.client-order.output > .general.actions > .empty > a {
    padding-left: 10px; }

article.client-order.output > header,
article.navigate > header,
article.search > header {
  display: grid;
  grid-template-areas: "breadcrumb title summary sort";
  grid-template-columns: auto 1fr auto auto;
  position: relative; }
  article.client-order.output > header > h2,
  article.navigate > header > h2,
  article.search > header > h2 {
    grid-area: title;
    font-size: 18px;
    padding-top: 6px; }
  article.client-order.output > header > .breadcrumb,
  article.navigate > header > .breadcrumb,
  article.search > header > .breadcrumb {
    grid-area: breadcrumb; }
  article.client-order.output > header > .sort,
  article.navigate > header > .sort,
  article.search > header > .sort {
    grid-area: sort; }
    article.client-order.output > header > .sort > label,
    article.navigate > header > .sort > label,
    article.search > header > .sort > label {
      display: inline-block;
      padding: 10px 4px; }
    article.client-order.output > header > .sort > select,
    article.navigate > header > .sort > select,
    article.search > header > .sort > select {
      height: 31px;
      vertical-align: top; }
  article.client-order.output > header > .summary,
  article.navigate > header > .summary,
  article.search > header > .summary {
    grid-area: summary;
    white-space: nowrap; }
    article.client-order.output > header > .summary > h3,
    article.navigate > header > .summary > h3,
    article.search > header > .summary > h3 {
      display: none; }
    article.client-order.output > header > .summary > p,
    article.navigate > header > .summary > p,
    article.search > header > .summary > p {
      font-weight: 500;
      padding: 10px; }
article.client-order.output .only-first-100-displayed,
article.navigate .only-first-100-displayed,
article.search .only-first-100-displayed {
  font-weight: 500;
  padding: 10px;
  text-align: center; }
  article.client-order.output .only-first-100-displayed:after,
  article.navigate .only-first-100-displayed:after,
  article.search .only-first-100-displayed:after {
    content: ' ... '; }
  article.client-order.output .only-first-100-displayed:before,
  article.navigate .only-first-100-displayed:before,
  article.search .only-first-100-displayed:before {
    content: ' ... '; }

#modal > article.big.item.picture {
  width: initial; }