/** Shopify CDN: Minification failed

Line 6:0 Unexpected "<"

**/
<section class="ff-eofy-bestsellers">
  <div class="ff-bs-header">
    <p>EOFY BEST SELLERS</p>
    <h2>The products thousands of Aussies use to ditch the servo.</h2>
  </div>

  <div class="ff-bs-grid">

    <a href="https://www.freefloclub.com.au/products/big-block-tray?variant=51165970399539" class="ff-bs-card">
      <span class="ff-bs-badge">BEST SELLER</span>

      <img src="/cdn/shop/files/freeeflo_finals_20.jpg?v=1758772248" alt="Big Block Tray">

      <div class="ff-bs-copy">
        <h3>BIG BLOCK TRAY</h3>
        <p>Create 5.5kg blocks of ice at home.</p>

        <span class="ff-bs-btn">
          SHOP NOW →
        </span>
      </div>
    </a>

    <a href="https://www.freefloclub.com.au/products/big-block-tray-pro" class="ff-bs-card">
      <span class="ff-bs-badge">STACKABLE</span>

      <img src="/cdn/shop/files/freeeflo_finals_26.jpg?v=1758070059" alt="Big Block Tray Pro">

      <div class="ff-bs-copy">
        <h3>BIG BLOCK TRAY PRO</h3>
        <p>Stronger, stackable and built for serious ice production.</p>

        <span class="ff-bs-btn">
          SHOP NOW →
        </span>
      </div>
    </a>

    <a href="https://www.freefloclub.com.au/products/flo-freeze-cubes-max" class="ff-bs-card">
      <span class="ff-bs-badge">MOST POPULAR</span>

      <img src="/cdn/shop/files/freeeflo_finals_3.jpg?v=1758252066" alt="Flo Freeze Cubes Max">

      <div class="ff-bs-copy">
        <h3>FLO FREEZE CUBES MAX</h3>
        <p>Ice that never melts. Perfect for eskies and big setups.</p>

        <span class="ff-bs-btn">
          SHOP NOW →
        </span>
      </div>
    </a>

    <a href="https://www.freefloclub.com.au/products/flo-freeze-cubes-mini?variant=52516223975731" class="ff-bs-card">
      <span class="ff-bs-badge">ENTRY LEVEL</span>

      <img src="/cdn/shop/files/freeeflo_finals_27_1fd501d0-2fb3-4500-9d1b-7b5e58469469.jpg?v=1758252056" alt="Flo Freeze Cubes Mini">

      <div class="ff-bs-copy">
        <h3>FLO FREEZE CUBES MINI</h3>
        <p>Perfect for drinks, lunch boxes and smaller eskies.</p>

        <span class="ff-bs-btn">
          SHOP NOW →
        </span>
      </div>
    </a>

  </div>
</section>

<style>

.ff-eofy-bestsellers{
  max-width:1400px;
  margin:64px auto;
  padding:0 20px;
  font-family:Montserrat,Arial,sans-serif;
}

.ff-bs-header{
  text-align:center;
  max-width:1050px;
  margin:0 auto 32px;
}

.ff-bs-header p{
  margin:0 0 12px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#74d0f0;
}

.ff-bs-header h2{
  margin:0;
  font-size:clamp(34px,5vw,72px);
  line-height:.95;
  font-weight:900;
  letter-spacing:-.04em;
  text-transform:uppercase;
  color:#05070a;
}

.ff-bs-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.ff-bs-card{
  position:relative;
  background:#f5f8fb;
  border:1px solid rgba(5,7,10,.08);
  border-radius:24px;
  overflow:hidden;
  text-decoration:none;
  color:#05070a;
  transition:.25s ease;

  display:flex;
  flex-direction:column;
}

.ff-bs-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(0,0,0,.10);
}

.ff-bs-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  background:#74d0f0;
  color:#05070a;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:10px 16px;
  border-radius:999px;
}

.ff-bs-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  object-position:center;
  display:block;
  padding:42px 28px 22px;
  background:#ffffff;
}

.ff-bs-copy{
  padding:24px 22px 26px;

  display:flex;
  flex-direction:column;
  flex:1;
}

.ff-bs-copy h3{
  margin:0 0 12px;
  font-size:clamp(22px,1.7vw,30px);
  line-height:.95;
  font-weight:900;
  letter-spacing:-.03em;
  text-transform:uppercase;
  color:#05070a;
}

.ff-bs-copy p{
  margin:0 0 22px;
  font-size:14px;
  line-height:1.45;
  color:rgba(5,7,10,.68);
}

.ff-bs-btn{
  display:inline-flex;
  align-items:center;
  width:fit-content;

  margin-top:auto;

  background:#05070a;
  color:#ffffff;

  padding:12px 18px;
  border-radius:999px;

  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media screen and (max-width:990px){

  .ff-bs-grid{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }

}

@media screen and (max-width:640px){

  .ff-eofy-bestsellers{
    margin:46px auto;
  }

  .ff-bs-grid{
    display:flex;
    overflow-x:auto;
    gap:14px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px;
  }

  .ff-bs-card{
    min-width:82%;
    scroll-snap-align:start;
  }

  .ff-bs-grid::-webkit-scrollbar{
    display:none;
  }

}