/** Shopify CDN: Minification failed

Line 139:12 Unexpected "{"
Line 139:21 Expected ":"
Line 139:28 Unexpected "{"
Line 166:15 Unexpected "{"
Line 166:24 Expected ":"
Line 166:31 Unexpected "{"
Line 169:12 Unexpected "{"
Line 169:21 Expected ":"
Line 169:28 Unexpected "{"
Line 179:12 Unexpected "{"
... and 4 more hidden warnings

**/
/* GRID */
  .fcl-grid {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
  }

  .fcl-grid.has-gap {
    gap: var(--column-spacing);
  }

  .fcl-grid.no-gap {
    gap: 0;
  }

  /* CARD */
  .fcl-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
  }

  .fcl-card img {
    transition: transform 0.6s ease;
  }

  .fcl-overlay {
    transition: all 0.8s ease;
  }

  .fcl-card:hover img {
    transform: scale(1.08);
  }

  .fcl-card:hover .fcl-overlay {
    transform: translateY(-6px);
    background: var(--color-secondary-button-hover-background);
    color: var(--color-secondary-button-hover-text);
  }

  .fcl-card:hover .fcl-overlay svg path {
    fill: var(--color-secondary-button-hover-text);
  }

  .fcl-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .fcl-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: var(--color-secondary-button-background);
    padding: 10px 14px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-secondary-button-text);
    font-family: var(--font-body-family);
  }

  .fcl-overlay svg path {
    fill: var(--color-secondary-button-text);
  }

  .fcl-swiper {
    padding-bottom: 30px;
  }

  .feature-coll-list .fc_btn.swiper-button-prev {
    left: 2.5rem;
  }

  .feature-coll-list .fc_btn.swiper-button-next {
    right: 2.5rem;
  }

  .feature-coll-list .fc_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 4rem;
    height: 4rem;
    border: 2px solid var(--color-arrows-border);
    background: var(--color-arrows-bg);
    transition: background 0.3s ease-in-out
    , opacity 0.3s ease-in-out;
  }
  .fcl-nav.arrow-circle .fc_btn {
    border-radius: 50%;
  }
  .fcl-nav.arrow-square .fc_btn {
    border-radius: 0;
  }

  .feature-coll-list .fc_btn:hover {
    background: var(--color-text);
  }

  .feature-coll-list .fc_btn:after {
    display: none;
  }

  .feature-coll-list .swiper-button-disabled {
    opacity: 0 !important;
  }

  .feature-coll-list .fc_btn svg path {
    fill: var(--color-arrows);
  }

  .feature-coll-list .fc_btn:hover svg path {
    fill: var(--color-arrows);
  }
  .feature-coll-list {
    position: relative;
  }

  .fcl-nav-{{ section.id }} {
    position: relative;
  }

  .fcl_head.fcl_head--left {
    text-align: left;
    justify-content: flex-start;
  }

  .fcl_head.fcl_head--center {
    text-align: center;
    justify-content: center;
  }

  .fcl_head.fcl_head--right {
    text-align: right;
    justify-content: flex-end;
  }

  .fcl_head {
    margin: 0 0 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }

  .fcl-swiper-{{ section.id }} {
    position: relative;
  }
  .fcl-nav-{{ section.id }} {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 999;
  }

  .fcl-nav-{{ section.id }}
  .fc_btn {
    pointer-events: all;
  }

  .fcl-overlay span:last-child {
      display: flex;
      flex-wrap: nowrap;
      white-space: nowrap;
      flex-shrink: 0;
  }

  /* MEDIA QUERIES */
  @media (max-width: 989px) {
    .fcl-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media(max-width: 768px) {   
    .fcl-overlay {
      bottom: 10px;
      left: 10px;
      right: 10px;
      padding: 8px 10px;
      font-size: 12px;
    }

    .feature-coll-list .fc_btn {
      width: 3rem;
      height: 3rem;
    }

    .feature-coll-list .fc_btn svg {
      width: 14px;
      height: 14px;
    }
    .fcl-nav-{{ section.id }} {
      top: 57%;
    }
    .fcl-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }