  <style>
    *{box-sizing:border-box;margin:0;padding:0;}

.product-prices {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}

.product-old-price {
  color: #999;
  text-decoration: line-through;
  font-size: 12px;
}

.product-new-price {
  color: #000;
  font-weight: 700;
  font-size: 14px;
}

/* bouton à gauche */
.product-cart-btn {
  border: none;
  background: #f57a20;
  color: #fff;
  border-radius: 16px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* bloc prix poussé à droite */
.product-price-wrapper {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}

.product-cart-btn:hover {
  background: #e36610;
}




body{
      /* font-family:Arial,Helvetica,sans-serif; */
      background:#fff;
      color:#222;
      padding:20px;
    }

    .page{
      max-width:1100px;
      margin:0 auto;
      font-size:14px;
    }


    .intro{
      display:grid;
      grid-template-columns:2fr 1fr;
      gap:20px;
      margin-bottom:20px;
    }

    .intro p{margin-bottom:6px;line-height:1.4;}

    .intro-img{text-align:left;}
    .intro-img img{max-width:200px;height:auto;}

    .separator{
      border-top:2px solid #cfcfcf;
      margin:20px 0;
    }

    /* -------- FILTRES + PANIER -------- */
    .filters-cart{
      display:grid;
      grid-template-columns:2fr 1fr;
      gap:30px;
      align-items:flex-start;
      margin-bottom:20px;
    }

    .filters{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .filter-row{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
    }

    .filter-label{
      width:130px;
      font-weight:600;
    }

    .filter-buttons{
      display:flex;
      flex-wrap:wrap;
      gap:6px;
    }

    .filter-btn{
      padding:6px 16px;
      border-radius:18px;
      border:1px solid #000;
      background:#fff;
      color:#000;
      cursor:pointer;
      font-size:13px;
      transition:background .15s,color .15s,border-color .15s;
    }

    /* Bouton sélectionné (orange) */
    .filter-btn.active{
      background:#f57a20;
      color:#fff;
      border-color:#f57a20;
    }

    .filter-btn:not(.active):hover{
      border-color:#f57a20;
    }

    /* Bloc panier */
    .cart-box{
      background:#fff4e6;
      border:1px solid #f57a20;
      padding:18px;
      text-align:center;
    }

    .cart-box-title{font-weight:700;margin-bottom:10px;}
    .cart-total{font-size:24px;font-weight:700;margin-bottom:12px;}

    .cart-btn{
      padding:8px 26px;
      border-radius:20px;
      border:none;
      background:#f57a20;
      color:#fff;
      cursor:pointer;
      font-size:14px;
    }

    /* -------- PRODUITS -------- */
    .products{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px 30px;
    }

    .product{
      padding-bottom:10px;
      border-bottom:1px solid #eee;
      font-size:13px;
    }

    .product-title{font-weight:600;margin-bottom:3px;}
    .product-sub{color:#555;}

    @media (max-width:900px){
      .intro,.filters-cart{grid-template-columns:1fr;}
      .filter-label{width:auto;}
      .products{grid-template-columns:repeat(2,minmax(0,1fr));}
    }
    @media (max-width:600px){
      .products{grid-template-columns:1fr;}
    }
.product {
  display: flex;
  align-items: flex-start; /* ou center si tu veux centrer verticalement */
  gap: 10px; /* espace entre image et texte */
}

.product-image img {
  width: 80px;
  height: 80px;
  object-fit: cover; /* pour remplir sans déformer trop l'image */
  display: block;
}

.product-info {
  flex: 1; /* le bloc texte prend le reste de la largeur */
}

</style>
