/** Shopify CDN: Minification failed

Line 8:0 Unexpected "{"
Line 8:1 Expected identifier but found "%"
Line 173:6 Comments in CSS use "/* ... */" instead of "//"

**/
{% assign bg2 = settings.colors_text | color_modify: 'lightness', 10 %}

body.template-caves {
  --font-body-family: 'Glancyr', sans-serif;
  --font-body-family: 'Glancyr', sans-serif;

  --font-heading-family: 'Glancyr', sans-serif;
  --font-heading-weight: 500;
  --font-extra-family: 'Grischel', serif;
  --font-extra-weight: 700;      
  --button-font-family: var(--font-heading-family);
}

.byob-bundle-description {
  font-family: 'Glancyr', sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;

}

div.byob-gpo-wrapper {
  margin: 0 auto auto;
}

body select.byob-max-w-full.byob-gpo-select {
    background-color: transparent;
    color: inherit;
    height: auto;
    padding: 5px 10px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    position: relative;
}

h1#byob-bundle-header {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  text-transform: var(--heading-text-transform);
  letter-spacing: var(--heading-letter-spacing);
  font-size: var(--heading-font-size);
  line-height: 1;
  display: none;
}

.byob-bundle-description {
  display: none;
}

.byob-bundle-description em {
    font-style: normal;
    font-weight: 500;
}
.byob-product-image-container img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  object-fit: contain;
}
.byob-product-image-container:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

div.byob-footer {
  border: 2px solid rgb(var(--color-base-accent-1));
  color: white;
  background-color: rgba(0,0,0,.85);
}

button#btn-add-to-cart, button.btn-add-to-bundle {
  font-size: 15px;
}
button#btn-add-to-cart:disabled {
  opacity: 0.8;
  filter: grayscale(0.5)
}
.lb-price-wrapper {
  margin: 0 auto;
  
}
b.lb-price,
#label-total-price,
label.byob-gpo-label {
   font-family: var(--label-font-family);
  font-weight: var(--label-font-weight);
  font-style: var(--label-font-style);
  font-size: var(--label-font-size);
  text-transform: var(--label-text-transform);
  letter-spacing: var(--label-letter-spacing);
  font-size: var(--label-font-size);
}
.byob-footer .flex-item-right {
  padding-left: 15px;
}


#label-total-price {
  font-size: 11px;
  font-weight: 400;
}
#label-total-price span {
  font-weight: 500;
}
p.card-title,
a.grid-product-text {
  font-family: var(--pg-font-family);
  font-weight: var(--pg-font-weight);
  line-height: var(--pg-line-height);
  text-transform: var(--pg-text-transform);
  font-weight: var(--pg-font-weight);
  letter-spacing: var(--pg-letter-spacing);
  font-style: var(--pg-font-style);
  font-size: var(--pg-font-size);
  margin-top: var(--pg-margin-top);
  margin-bottom: var(--pg-margin-bottom);
}

.byob-footer p.card-title {
  font-size: 14px; 
}

.byob-footer .close {
  color: white
}
#hide-footer-button path, #hide-footer-button circle,
.byob-footer .close path, .byob-footer .close circle {
  stroke: white !important;
}


.lb-price {
  font-family: var(--pg-price-font-family);
  font-weight: var(--pg-price-font-weight);
  line-height: var(--pg-price-line-height);
  text-transform: var(--pg-price-text-transform);
  font-weight: var(--pg-price-font-weight);
  letter-spacing: var(--pg-price-letter-spacing);
  font-style: var(--pg-price-font-style);
  font-size: var(--pg-price-font-size);
  margin-top: var(--pg-price-margin-top);
  margin-bottom: var(--pg-price-margin-bottom);
}
@media (min-width:720px) {
  .grid-collection.byob-panel {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .byob-panel .grid-product {
    grid-column: span 2;
  }

   .byob-panel .grid-product:last-child:nth-child(3n - 1) {
        grid-column-end: -2;
    }
    .byob-panel .grid-product:nth-last-child(2):nth-child(3n + 1) {
        grid-column-end: 4;
    } //1 item
    .byob-panel .grid-product:last-child:nth-child(3n - 2) {
        grid-column-end: 5;
    }
}