/** Shopify CDN: Minification failed

Line 8:0 Unexpected "`"
Line 332:0 Unexpected "`"
Line 372:0 Unexpected "`"

**/
```css
/* =========================================
BAKEHAVEN COLLECTION
========================================= */

.bh-collection {
  background: #fff;

  padding: 24px 18px 70px;
}

/* =========================================
HEADER
========================================= */

.bh-collection-header {
  text-align: center;

  margin-bottom: 28px;
}

.bh-collection-title {
  font-size: 36px;

  line-height: 1;

  font-weight: 800;

  color: #111;

  margin: 0;
}

/* =========================================
GRID
========================================= */

.bh-grid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 30px 16px;
}

/* =========================================
CARD
========================================= */

.bh-card {
  display: flex;

  flex-direction: column;

  height: 100%;
}

/* =========================================
IMAGE AREA
========================================= */

.bh-image-wrap {
  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 24px;

  background: #f7f7f7;

  aspect-ratio: 1 / 1.12;

  margin-bottom: 14px;
}

/* =========================================
IMAGE
========================================= */

.bh-image {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    opacity .45s ease,
    transform .55s ease;
}

/* MAIN */

.bh-image.primary {
  opacity: 1;
}

/* SECOND */

.bh-image.secondary {
  opacity: 0;

  transform: scale(1.04);
}

/* HOVER ONLY IF SECOND IMAGE EXISTS */

.has-secondary:hover .bh-image.primary {
  opacity: 0;

  transform: scale(.96);
}

.has-secondary:hover .bh-image.secondary {
  opacity: 1;

  transform: scale(1);
}

/* =========================================
SALE BADGE
========================================= */

.bh-sale-badge {
  display: none;
}

/* =========================================
CONTENT
========================================= */

.bh-content {
  display: flex;

  flex-direction: column;

  flex: 1;
}

/* =========================================
TITLE
========================================= */

.bh-title {
  font-size: 15px;

  line-height: 1.4;

  font-weight: 700;

  color: #111;

  margin: 0 0 8px;

  min-height: 42px;
}

.bh-title a {
  color: inherit;

  text-decoration: none;
}

/* =========================================
REVIEWS
========================================= */

.bh-reviews {
  min-height: 20px;

  margin-bottom: 8px;
}

.jdgm-star {
  color: #e72587 !important;
}

.jdgm-prev-badge__text {
  font-size: 10px !important;

  color: #666 !important;
}

/* =========================================
PRICE
========================================= */

.bh-price-wrap {
  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

  margin-bottom: 14px;

  min-height: 28px;
}

.bh-price {
  font-size: 18px;

  font-weight: 800;

  color: #e72587;
}

.bh-compare-price {
  font-size: 11px;

  color: #999;

  text-decoration: line-through;
}

/* =========================================
BUTTON
========================================= */

.bh-btn {
  margin-top: auto;

  width: 100%;

  height: 42px;

  border: none;

  border-radius: 100px;

  background: #09101d;

  color: white;

  font-size: 12px;

  font-weight: 700;

  cursor: pointer;

  transition: .3s ease;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
}

/* HOVER */

.bh-btn:hover {
  background: #e72587;
}

/* SOLD OUT */

.bh-btn.soldout {
  opacity: .45;

  cursor: not-allowed;
}

/* =========================================
TABLET
========================================= */

@media screen and (min-width: 768px) {

  .bh-collection {
  background: #fff;

  padding: 24px 22px 70px;
}
  .bh-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 30px 14px;
}

}

/* =========================================
DESKTOP
========================================= */

@media screen and (min-width: 1200px) {

  .bh-grid {
    grid-template-columns: repeat(4, 1fr);

    gap: 50px 28px;
  }

  .bh-collection-title {
    font-size: 56px;
  }

  .bh-title {
    font-size: 16px;

    min-height: 46px;
  }

  .bh-price {
    font-size: 22px;
  }

  .bh-btn {
    height: 46px;

    font-size: 13px;
  }

}
```
```css
/* =========================================
REAL MOBILE SIDE SPACING FIX
========================================= */

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

  .shopify-section {
    overflow-x: hidden;
  }

  .bh-collection {
    width: 100%;

    max-width: 100%;

    padding-left: 16px !important;
    padding-right: 16px !important;

    box-sizing: border-box;
  }

  .bh-grid {
    width: 100%;

    padding: 0 !important;

    margin: 0 !important;

    gap: 28px 14px;

    box-sizing: border-box;
  }

  .bh-card {
    min-width: 0;
  }

}
```