/** Shopify CDN: Minification failed

Line 105:0 Unexpected "{"
Line 105:1 Expected identifier but found "%"
Line 111:0 Unexpected "{"
Line 111:1 Expected identifier but found "%"
Line 113:0 Unexpected "{"
Line 113:1 Expected identifier but found "%"
Line 122:0 Unexpected "{"
Line 122:1 Expected identifier but found "%"

**/
html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg-primary);
  color: var(--body-color);
}

.page-width {
  max-width: var(--container-max-width);
}

@media screen and (max-width: 749px) {
  .page-width {
    padding-left: var(--mobile-padding);
    padding-right: var(--mobile-padding);
  }
}

h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
}

a {
  color: var(--brand-primary);
  transition: color 220ms ease;
}

a:hover {
  color: var(--brand-secondary);
}

.button,
.shopify-payment-button__button,
.customer button,
button.button {
  min-height: var(--button-height);
  border-radius: var(--radius-button);
  border: 1px solid var(--brand-primary);
  background: var(--brand-primary);
  color: #fff;
  transition: transform 220ms ease, background-color 220ms ease, border-color 220ms ease;
}

.button:hover,
.shopify-payment-button__button:hover,
.customer button:hover,
button.button:hover {
  background: var(--brand-secondary);
  border-color: var(--brand-secondary);
  transform: scale(var(--button-hover-scale));
}

.card,
.card-wrapper,
.product-card-wrapper,
.article-card-wrapper,
.collection-card-wrapper {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  overflow: hidden;
}

.field__input,
.select__select,
.quantity__input,
textarea {
  border-radius: var(--radius-input);
  border-color: var(--border-color);
  background: var(--bg-primary);
  color: var(--body-color);
}

.price__badge-sale {
  background: var(--success-color);
  color: #fff;
}

.price__badge-sold-out {
  background: var(--error-color);
  color: #fff;
}

@media screen and (min-width: 750px) {
  .section {
    margin-top: var(--section-spacing);
    margin-bottom: var(--section-spacing);
  }
}

{% if settings.enable_gradient_buttons %}
.button,
.shopify-payment-button__button {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  border-color: transparent;
}
{% endif %}

{% if settings.enable_glass_effect %}
.card,
.card-wrapper,
.product-card-wrapper,
.article-card-wrapper,
.collection-card-wrapper {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
}
{% endif %}