/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 106:0 Unexpected "<"
Line 108:1 Expected identifier but found "%"
Line 110:61 Unexpected "%"
Line 111:1 Expected identifier but found "%"
Line 112:0 Unexpected "{"
Line 112:1 Expected identifier but found "%"
Line 113:0 Unexpected "{"
Line 113:1 Expected identifier but found "%"
Line 114:0 Unexpected "{"
... and 54 more hidden warnings

**/
<style>
/* ====== STYLES PRIX SHOPIFY (repris + modifiés) ====== */
.price {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  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; }
.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: 0; }
}

.price--large {
  font-size: 1.6rem;
  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; }
}

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

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability { display: none; }

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale { display: inline-block; }

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

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--center {
  display: initial;
  justify-content: center;
}

/* ====== RENDU PROMO (ancien prix barré + prix remisé rouge) ====== */
.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.6); /* gris doux */
  font-size: 1.3rem;
  margin-right: 0.6rem;
}
.price--on-sale .price-item--sale {
  color: #e63946;              /* rouge promo */
  font-weight: 800;
  font-size: 1.9rem;
  margin-right: 0.6rem;
}

/* Badge -XX% */
.price .price__badge-sale {
  background: #ffe8ea;
  color: #e63946;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0.35rem 0.6rem;
  border-radius: 8px;
  vertical-align: middle;
}

/* Prix unitaire */
.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;
  color: rgba(var(--color-foreground), 0.7);
}
</style>

{%- comment -%}
  Bloc prix — Page Produit
  Affiche ancien prix barré + prix remisé rouge + badge -XX% quand compare_at_price > price.
{%- endcomment -%}
{%- assign v = product.selected_or_first_available_variant -%}
{%- assign has_sale = false -%}
{%- if v and v.compare_at_price and v.compare_at_price > v.price -%}
  {%- assign has_sale = true -%}
{%- endif -%}

<div class="price {% if has_sale %}price--on-sale price--large{% endif %}">
  {%- if has_sale -%}
    <span class="price-item price-item--regular">
      {{ v.compare_at_price | money }}
    </span>
    <span class="price-item price-item--sale">
      {{ v.price | money }}
    </span>
    {%- assign reduction = v.compare_at_price | minus: v.price -%}
    {%- assign percent = reduction | times: 100 | divided_by: v.compare_at_price -%}
    <span class="price__badge-sale">-{{ percent }}%</span>

    {%- if v.unit_price_measurement -%}
      <span class="unit-price">
        {{ v.unit_price | money }}
        / {{ v.unit_price_measurement.reference_value }}{{ v.unit_price_measurement.reference_unit }}
      </span>
    {%- endif -%}
  {%- else -%}
    <span class="price-item price-item--regular">
      {{ v.price | money }}
    </span>
    {%- if v.unit_price_measurement -%}
      <span class="unit-price">
        {{ v.unit_price | money }}
        / {{ v.unit_price_measurement.reference_value }}{{ v.unit_price_measurement.reference_unit }}
      </span>
    {%- endif -%}
  {%- endif -%}
</div>