/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./sources/css/components/col-cards--v9.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.v9 {
  overflow: hidden; }
  .v9.bg-gray .col-card__item {
    background-color: #ffffff; }
  .v9 .col-card {
    position: relative; }
    @media (hover: hover) {
      .v9 .col-card:hover .col-card__buttons {
        opacity: 1; } }
    .v9 .col-card__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      height: 100%;
      width: 100%;
      border: 1px solid var(--block-border-color);
      background-color: #f6f6f6;
      padding: var(--spacers-xs);
      border-radius: 0.3125rem; }
    .v9 .col-card__img {
      position: relative;
      overflow: hidden;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 clamp(calc((75 * 1px)), calc(3.75vw), 150px);
              flex: 0 0 clamp(calc((75 * 1px)), calc(3.75vw), 150px);
      height: clamp(calc((75 * 1px)), calc(3.75vw), 150px);
      width: clamp(calc((75 * 1px)), calc(3.75vw), 150px);
      margin-right: var(--spacers-xxxs); }
      .v9 .col-card__img .stretch-img {
        z-index: 2; }
      .v9 .col-card__img .block-tag {
        position: absolute;
        top: var(--spacers-xxxs);
        left: var(--spacers-xxxs);
        z-index: 10;
        height: auto;
        width: auto; }
    .v9 .col-card__image {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: -webkit-transform 0.7s cubic-bezier(0, 0, 0.58, 1);
      transition: -webkit-transform 0.7s cubic-bezier(0, 0, 0.58, 1);
      transition: transform 0.7s cubic-bezier(0, 0, 0.58, 1);
      transition: transform 0.7s cubic-bezier(0, 0, 0.58, 1), -webkit-transform 0.7s cubic-bezier(0, 0, 0.58, 1);
      will-change: auto; }
    .v9 .col-card__title {
      text-align: center; }
    .v9 .col-card__price {
      color: #696969;
      font-size: var(--text-xs);
      line-height: var(--text-xs-line-height); }
    .v9 .col-card__cnt {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: var(--spacers-sm) 0 0; }
    @media (min-width: 768px) {
      .v9 .col-card__footer {
        margin-top: auto; } }
    .v9 .col-card__buttons {
      padding-top: var(--spacers-sm);
      margin-top: auto;
      opacity: 0; }