@media screen and (min-width: 480px) {

.products .product-item.supergood {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: center;
  /*border: 12px solid #000;*/
  box-shadow: var(--shadow);
}

  .products .product-item.supergood .image a {
    padding: 0;
    margin: 0;
    line-height: 0;
  }
  .products .product-item.supergood .image,
  .products .product-item.supergood .image img {
    background: ;
    width: 100%;
    height: 100%;
  }

  video {
    box-sizing: border-box;
    border: 0px solid #000;
  }

  .products .product-item.supergood .text {
    position: relative;
    padding: 12px 12px 0 12px;
  }
    .products .product-item.supergood .title {
      display: block;
      height: auto;
      margin: 1em 0 0.5em;
      line-height: 1.25;
      font-size: 2.0em;
      font-weight: 700;
    }
    .products .product-item.supergood .desc {
      height: auto;
      margin: 0;
      font-weight: 700;
    }

  .products .product-item.supergood .cost-line {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 16px;
  }


    .products .product-item.supergood .cost {
      font-size: 2.0em;
    }

}



@media screen and (max-width: 1025px) {

  .products .product-item.supergood {
    box-shadow: var(--shadow) !important;
    /*box-shadow: 0 0 7px rgba(0,0,0,.5) !important;*/
  }

  .products .product-item.supergood .cost-line {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 10px;
  }


    .products .product-item.supergood .button-passive .addToCart {
      width: 128px !important;
      height: 29px;
    }

      .products .product-item .button-active .kolvo {
        width: 64px !important;
      }

}