/* colors for the sustainability report */
/* colors for widget trustpilot */
/*
$font-body: AvenirNextLTW01-Regular,helvetica,arial,sans-serif;
$font-header: P22UndergroundW01-Mediu,helvetica,arial,sans-serif;
*/
.product-grid {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .product-grid article {
    position: relative;
    overflow: hidden;
    border: 5px solid transparent; }
    .product-grid article img {
      width: 100%; }
    .product-grid article a .caption {
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 80%;
      transform: translate(-50%, 30px);
      transition: transform .6s ease;
      background-color: #fff;
      padding: 7px 30px 0 30px;
      font-size: 12px;
      z-index: 2; }
      .product-grid article a .caption h3, .product-grid article a .caption .h3 {
        display: inline; }
      .product-grid article a .caption span {
        font-weight: 600; }
      .product-grid article a .caption div.send {
        background: #233540;
        color: #fff;
        margin: 5px -30px 0 -30px;
        text-transform: uppercase;
        padding: 7px 30px 5px 30px;
        line-height: 1.4;
        letter-spacing: .2em; }
    .product-grid article a:hover .caption {
      transform: translate(-50%, 0); }

@media (min-width: 769px) {
  .product-grid {
    flex-direction: row;
    flex-wrap: wrap; }
    .product-grid article {
      width: 50%; } }

@media (min-width: 1025px) {
  .product-grid article {
    width: 33%; } }