/** Shopify CDN: Minification failed

Line 18:13 Expected ")" to end URL token

**/
/*
--------------------------------------------------------------------------------
1. DEFINE YOUR CUSTOM FONT FAMILY (Smooch Sans)
   - Place these @font-face rules at the very top of your CSS file.
   - Ensure the font files (e.g., SmoochSans-Medium.woff2, SmoochSans-Medium.woff, SmoochSans-Medium.ttf)
     are uploaded to your theme's 'assets' folder.
--------------------------------------------------------------------------------
*/

/* Smooch Sans - Medium (Weight 500) */
@font-face {
  font-family: 'Smooch Sans';
  src:url({{ 'SmoochSans-Medium.ttf' | asset_url }}) format('truetype'); /* Fallback for TTF */
  font-weight: 500; /* Corresponds to Medium */
  font-style: normal;
  font-display: swap; /* Improves perceived loading performance */
}

/*
  OPTIONAL: Define other weights/styles if you plan to use them.
  Make sure to upload the corresponding font files to your 'assets' folder.
*/

/* Smooch Sans - Regular (Weight 400) */
/*
@font-face {
  font-family: 'Smooch Sans';
  src: url({{ 'SmoochSans-Regular.woff2' | asset_url }}) format('woff2'),
       url({{ 'SmoochSans-Regular.woff' | asset_url }}) format('woff'),
       url({{ 'SmoochSans-Regular.ttf' | asset_url }}) format('truetype');
  font-weight: 400; // or 'normal'
  font-style: normal;
  font-display: swap;
}
*/

/* Smooch Sans - Bold (Weight 700) */
/*
@font-face {
  font-family: 'Smooch Sans';
  src: url({{ 'SmoochSans-Bold.woff2' | asset_url }}) format('woff2'),
       url({{ 'SmoochSans-Bold.woff' | asset_url }}) format('woff'),
       url({{ 'SmoochSans-Bold.ttf' | asset_url }}) format('truetype');
  font-weight: 700; // or 'bold'
  font-style: normal;
  font-display: swap;
}
*/

/*
--------------------------------------------------------------------------------
2. APPLY THE CUSTOM FONT TO YOUR PRICE AND BADGE ELEMENTS
   - The following are your existing styles, modified to include
     font-family: 'Smooch Sans', sans-serif;
     font-weight: 500; (for the Medium weight)
--------------------------------------------------------------------------------
*/

.price {
  font-family: 'Smooch Sans'; /* Apply Smooch Sans */
  font-weight: 500; /* Use Medium weight */
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.price > * {
  display: inline-block;
  vertical-align: top;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  text-align: right;
}

.price .price-item {
  display: inline-block;
  margin: 0 1rem 0 0;
  /* font-family and font-weight will be inherited from .price
     but can be set specifically here if needed for overrides. */
}

/* Style for price badges/tags like "Sale" or "Sold Out" */
.price .price__badge-sale,
.price .price__badge-sold-out {
  font-family: 'Smooch Sans', sans-serif; /* Apply Smooch Sans */
  font-weight: 500; /* Use Medium weight, or adjust as needed for badges (e.g., 700 for bold) */
  /* Add other badge-specific styles here if needed, e.g., font-size */
  /* Example: font-size: 1.2rem; */
}

.price__regular .price-item--regular {
  margin-right: 0;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
  margin: 0;
}

@media screen and (min-width: 750px) {
  .price {
    margin-bottom: 2;
  }
}

.price--large {
  font-family: 'Smooch Sans', sans-serif; /* Apply Smooch Sans */
  font-weight: 500; /* Use Medium weight */
  font-size: 1.6rem; /* Original size rule */
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
  .price--large {
    font-size: 1.8rem; /* Original size rule for larger screens */
  }
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale, /* This was display: none; - check if you want sale badge visible by default or only with .price--on-sale */
.price .price__badge-sold-out, /* This was display: none; - check if you want sold out badge visible by default or only with .price--sold-out */
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

/* Ensure badges become visible when appropriate class is present */
.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
  display: inline-block; /* This makes the badges visible when these classes are active */
}

.volume-pricing--sale-badge .price__badge-sale {
  margin-left: 0.5rem;
}

.price--on-sale .price__sale {
  display: initial; /* Or 'flex' if you intend to use flex properties later */
  /* If you intended flex behavior, you might need to add:
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  */
}

.price--center {
  display: initial; /* Or 'flex' if you intend to use flex properties later */
  /* If you intended flex behavior, you might need to add:
  display: flex;
  justify-content: center;
  */
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem; /* This will use Smooch Sans (inherited) but at a different size */
}

.unit-price {
  font-family: 'Smooch Sans', sans-serif; /* Apply Smooch Sans to unit price as well if desired */
  font-weight: 500; /* Or a different weight like 400 (Regular) if preferred for unit price */
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}