/* « Plus que X € pour la livraison offerte » (Alain, 2026-10-06) : fiche produit et panier.
   Même icône au trait que le bandeau de réassurance de l'accueil (Lucide « truck ») ; fin trait de progression,
   vermillon comme le trait sous les prix. */
.kh-fs {
  --kh-fs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
  display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); column-gap: .8rem; align-items: center;
  max-width: 30rem; margin: 1.5rem 0; color: var(--kh-sumi);
}
.kh-fs[hidden] { display: none; }
.kh-fs::before { content: ""; grid-row: 1 / span 2; width: 1.6rem; height: 1.6rem; background: currentColor; -webkit-mask: var(--kh-fs-icon) center / contain no-repeat; mask: var(--kh-fs-icon) center / contain no-repeat; }
.kh-fs .kh-fs__text { margin: 0; font: 400 .95rem/1.5 var(--kh-font-body); }
.kh-fs .kh-fs__text .woocommerce-Price-amount { font-family: var(--kh-font-ui); font-weight: 500; }
.kh-fs__bar { display: block; height: 2px; margin-top: .45rem; background: var(--kh-sumi-20); overflow: hidden; }
.kh-fs__bar > span { display: block; height: 100%; background: var(--kh-vermillon); transition: width 400ms ease; }
.kh-cart-free-shipping { max-width: none; margin: 0 0 2rem; padding: 1rem 1.25rem; border: 1px solid var(--kh-sumi-20); background: rgb(255 253 252 / .55); }
@media (prefers-reduced-motion: reduce) { .kh-fs__bar > span { transition: none; } }