/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--v3.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
/* Bootstrap */
/* Vendors */
/*! purgecss start ignore */
.col-card__tags,
.l__gallery__tags {
  position: absolute;
  top: var(--spacers-xs);
  right: var(--spacers-xs);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(5px * var(--min-font-size-controler), 0.289017341vw, 5px * var(--max-font-size-controler));
  height: auto;
  width: auto;
}
.col-card__tags--bottom,
.l__gallery__tags--bottom {
  top: auto;
  bottom: var(--spacers-xs);
  left: var(--spacers-xs);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.col-card__tag,
.l__gallery__tag {
  font-size: var(--text-xxs);
  line-height: var(--text-xxs-line-height);
  letter-spacing: var(--text-xxs-letter-spacing);
  padding: clamp(3px * var(--min-font-size-controler), 0.1734104046vw, 3px * var(--max-font-size-controler)) clamp(7px * var(--min-font-size-controler), 0.4046242775vw, 7px * var(--max-font-size-controler));
  background-color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
}
.col-card__tag .label-icon,
.l__gallery__tag .label-icon {
  font-size: 0.85em;
  line-height: 1;
}
.col-card__tag .label-icon--img,
.l__gallery__tag .label-icon--img {
  width: auto;
  height: 1em;
  font-size: 1em;
  vertical-align: middle;
}
.col-card__tag--best-value,
.l__gallery__tag--best-value {
  color: #ffffff;
  background-color: #5aa7dc;
}
.col-card__tag--new,
.l__gallery__tag--new {
  color: #ffffff;
  background-color: #10b880;
}
.col-card__tag--sale,
.l__gallery__tag--sale {
  color: #ffffff;
  background-color: #e44;
}
.col-card__tag--made-in-the-uk,
.l__gallery__tag--made-in-the-uk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
}
.col-card__tag--made-in-the-uk::before,
.l__gallery__tag--made-in-the-uk::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='13' viewBox='0 0 19 13' fill='none'%3E%3Cg clip-path='url(%23clip0_6531_43)'%3E%3Cpath d='M18.2012 0.147461H0.201172V12.1476H18.2012V0.147461Z' fill='white'/%3E%3Cpath d='M8.07617 0.147156H10.3262V5.02214H18.2012V7.27214H10.3262V12.1471H8.07617V7.27214H0.201172V5.02214H8.07617V0.147156Z' fill='%23D80027'/%3E%3Cpath d='M4.35665 8.23425L0.200657 10.5432V8.23425H4.35665ZM7.24414 8.23425L0.200657 12.1473V11.0408L5.25236 8.23425H7.24414ZM2.07681 12.1473L7.24414 9.27628V12.1473H2.07681Z' fill='%230052B4'/%3E%3Cpath d='M7.24414 8.23425L0.200657 12.1473V11.0408L5.25236 8.23425H7.24414Z' fill='white'/%3E%3Cpath d='M7.24414 8.23425L0.200657 12.1473V11.0408L5.25236 8.23425H7.24414Z' fill='%23D80027'/%3E%3Cpath d='M15.0251 8.23425L18.2012 9.99875V8.23425H15.0251ZM11.1577 8.73186V12.1473H17.305L11.1577 8.73186Z' fill='%230052B4'/%3E%3Cpath d='M13.1495 8.23425L18.2012 11.0408V12.1473L11.1577 8.23425H13.1495Z' fill='%23D80027'/%3E%3Cpath d='M14.0452 4.06019L18.2012 1.75127V4.06019H14.0452ZM11.1577 4.06019L18.2012 0.147156V1.25366L13.1495 4.06019H11.1577ZM16.325 0.147156L11.1577 3.01816V0.147156H16.325Z' fill='%230052B4'/%3E%3Cpath d='M11.1577 4.06019L18.2012 0.147156V1.25366L13.1495 4.06019H11.1577Z' fill='white'/%3E%3Cpath d='M11.1577 4.06019L18.2012 0.147156V1.25366L13.1495 4.06019H11.1577Z' fill='%23D80027'/%3E%3Cpath d='M3.37671 4.06047L0.200657 2.29598V4.06047H3.37671ZM7.24414 3.56287V0.1474H1.09682L7.24414 3.56287Z' fill='%230052B4'/%3E%3Cpath d='M5.25236 4.06037L0.200657 1.25385V0.147339L7.24414 4.06037H5.25236Z' fill='%23D80027'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6531_43'%3E%3Crect width='18' height='12' fill='white' transform='matrix(-1 0 0 1 18.2012 0.147461)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 1.1875rem;
  height: 0.8125rem;
  display: inline-block;
}

/*! purgecss end ignore */
.v3 {
  --card-spacer-y: var(--spacers-xs);
  --card-spacer-x: var(--spacers-xs);
}
@media (min-width: 992px) {
  .v3 {
    --card-spacer-y: var(--spacers-sm);
    --card-spacer-x: var(--spacers-sm);
  }
}
.v3 .col-card {
  position: relative;
  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-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (hover: hover) {
  .v3 .col-card:hover .col-card__title {
    color: #ee4444;
  }
}
.v3 .col-card__price {
  font-size: var(--title-xs);
  line-height: var(--title-xs-line-height);
  letter-spacing: var(--title-xs-letter-spacing);
  margin-top: var(--spacers-sx);
}
.v3 .col-card__amount {
  font-weight: 800;
}
.v3 .col-card__title-wrapper {
  margin-bottom: clamp(5px * var(--min-font-size-controler), 0.289017341vw, 5px * var(--max-font-size-controler));
}
.v3 .col-card__title {
  font-size: var(--text-xs);
  line-height: var(--text-xs-line-height);
  letter-spacing: var(--text-xs-letter-spacing);
  color: #525252;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
.v3 .col-card__title:last-child {
  margin-bottom: 0;
}
.v3 .col-card__category {
  font-size: var(--text-xs);
  line-height: var(--text-xs-line-height);
  letter-spacing: var(--text-xs-letter-spacing);
  color: #292524;
}
.v3 .col-card__attributes {
  font-size: var(--text-sm);
  line-height: var(--text-sm-line-height);
  letter-spacing: var(--text-sm-letter-spacing);
  font-weight: 600;
  margin-top: clamp(3px * var(--min-font-size-controler), 0.1734104046vw, 3px * var(--max-font-size-controler));
}
.v3 .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;
  width: 100%;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.v3 .col-card__cnt {
  padding-top: var(--spacers-ms);
  z-index: 10;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767.98px) {
  .v3 .col-card__cnt {
    border-top: 1px solid var(--block-border-color);
    padding: var(--gutter-base);
  }
}
@media (min-width: 768px) {
  .v3 .col-card__body {
    max-width: 95%;
  }
}
.v3 .col-card__header {
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .v3 .col-card__header {
    border: 1px solid var(--block-border-color);
  }
}
.v3 .col-card__header .stretch-img,
.v3 .col-card__header .contain-img {
  z-index: 2;
  max-width: 80%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.v3 .col-card__footer {
  margin-top: auto;
  padding-top: var(--spacers-sx);
}
.v3 .col-card__button {
  z-index: 10;
}