/* Keep mobile captions compact without moving links or changing price values. */
@media (max-width: 1024px) {
  html body .product-item.fileo-catalog-card .product-item__content .fileo-card-meta[data-fileo-caption-spec] .fileo-card-commerce.fileo-card-summary {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    gap: 2px 0 !important;
    align-items: baseline !important;
  }
  html body .product-item.fileo-catalog-card .product-item__content .fileo-card-meta[data-fileo-caption-spec] .fileo-card-commerce.fileo-card-summary > .fileo-card-attributes {
    display: contents !important;
  }
  html body .product-item.fileo-catalog-card .product-item__content .fileo-card-meta[data-fileo-caption-spec] .fileo-card-commerce.fileo-card-summary > .product-item__price {
    grid-column: 1 / 7 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: baseline !important;
    text-align: left !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html body .product-item.fileo-catalog-card .product-item__content .fileo-card-meta[data-fileo-caption-spec] .fileo-card-commerce.fileo-card-summary .product-item__price :is(.priceval, .mobile-priceval) {
    display: inline-flex !important;
    flex-flow: row wrap !important;
    align-items: baseline !important;
    gap: 0 3px !important;
    max-width: 100%;
  }
  html body .product-item.fileo-catalog-card .product-item__content .fileo-card-meta[data-fileo-caption-spec] .fileo-card-commerce.fileo-card-summary .fileo-card-attributes > .fileo-card-colors {
    grid-column: 7 / 11 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: end !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
  html body .product-item.fileo-catalog-card .product-item__content .fileo-card-meta[data-fileo-caption-spec] .fileo-card-commerce.fileo-card-summary .fileo-card-attributes > .fileo-card-sizes {
    grid-column: 1 / 6 !important;
    grid-row: 2 !important;
    text-align: left !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
  html body .product-item.fileo-catalog-card .product-item__content .fileo-card-meta[data-fileo-caption-spec] .fileo-card-commerce.fileo-card-summary .fileo-card-attributes > .fileo-card-length {
    grid-column: 6 / 11 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    text-align: right !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
}