/** Shopify CDN: Minification failed

Line 40:2 Unexpected "{"
Line 40:3 Expected identifier but found "%"
Line 40:56 Expected identifier but found "%"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:byob-bundle-info (INDEX:7) */
.byob-text-center {
    text-align: center;
  }
  .byob-text-left {
    text-align: left;
  }
  .byob-text-right {
    text-align: right;
  }
  /* Whole */
  .medium-up--one-whole {
      width: 100%;
  }
  /* Halves */
  .medium-up--one-half {
  	width: 50%;
  }
  /* Thirds */
  .medium-up--one-third {
  	width: 33.33333%;
  }
  .medium-up--two-thirds {
      width: 66.66667%;
  }
  .byob-content-center {
    margin: 0 auto;
  }
  {%- comment %}Set top banner to full width for mobile{% endcomment -%}
  @media screen and (max-width: 600px) {
  .medium-up--one-half {
  	width: 100%;
  }
  /* Thirds */
  .medium-up--one-third {
  	width: 100%;
  }
  .medium-up--two-thirds {
      width: 100%;
  }
  .byob-bundle-description {
      line-height: normal;
  }
  }
/* END_SECTION:byob-bundle-info */

/* START_SECTION:gridd (INDEX:35) */
.promo-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
}

.promo-left {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 24px;
}

.promo-card {
  border-radius: 24px;
  padding: 32px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
}

.promo-card img {
  max-width: 100%;
  height: auto;
}

.promo-card h2 {
  font-size: 28px;
  margin-bottom: 12px;
}

.promo-card p {
  font-size: 16px;
  margin-bottom: 20px;
}

.promo-card a {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
}

.card-pink {
  background: #ffd6ec;
}

.card-pink a {
  background: #ffffff;
  color: #d63b87;
}

.card-green {
  background: #dbffd6;
}

.card-green a {
  background: #ffffff;
  color: #2e7d32;
}

.card-yellow {
  background: #f6e36b;
  grid-template-columns: 1fr;
}

.card-yellow a {
  background: #ffffff;
  color: #f2a900;
}

.card-yellow .content {
  max-width: 520px;
}

.card-yellow .images {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
/* END_SECTION:gridd */