/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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(calc((5px * var(--min-font-size-controler))), calc(0.28902vw), calc(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(calc((3px * var(--min-font-size-controler))), calc(0.17341vw), calc(3px * var(--max-font-size-controler))) clamp(calc((7px * var(--min-font-size-controler))), calc(0.40462vw), calc(7px * var(--max-font-size-controler)));
  background-color: #ffffff;
  text-transform: uppercase;
  font-weight: 600; }
  .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(calc((5px * var(--min-font-size-controler))), calc(0.28902vw), calc(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(calc((3px * var(--min-font-size-controler))), calc(0.17341vw), calc(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; }