/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/ProductCard/style.css ***!
  \*********************************************************************************************************************************************************************************************/
[name='ProductCard'] {
  border-radius: var(--border-radius);
  overflow: hidden;
  padding-block-end: 16px;
}

  [name='ProductCard'] .content > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

  [name='ProductCard'] .content > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

  [name='ProductCard'] .content > h2,
  [name='ProductCard'] .content > h3,
  [name='ProductCard'] .content > h4,
  [name='ProductCard'] .content > h5,
  [name='ProductCard'] .content > h6 {
    margin-block-start: 0;
  }

  [name='ProductCard'] .content {

    padding-inline: var(--box-padding);
}

  [name='ProductCard'] .content > p:last-of-type {
      margin-block-end: 0;
    }

  [name='ProductCard'] .content .title {
      margin-block: 16px 8px;
    }

  [name='ProductCard'] .content .price {
      color: var(--clr-text);
      display: flex;
      align-items: flex-end;
      gap: 1ch;
      margin-block-start: 16px;
    }

  [name='ProductCard'] .content .price .amount {
        /* flex-grow: 1; */
      }

  [name='ProductCard'] .content .price .suffix {
        font-size: 12px;
        font-weight: var(--fw-regular);
        line-height: 24px;
      }


/*# sourceMappingURL=style.min.css.map*/