Tu ne sais pas quoi choisir ?

Utilise notre outil magique pour trouver ta pizza idéale 🍕✨

Choisis ta base



Viandes & poissons 🥩

Décoche ceux que tu ne veux pas

Fromages 🧀

Décoche ceux que tu ne veux pas

Légumes & autres 🥦

Décoche ceux que tu ne veux pas

Résultats

<> .random-pizza-button { background-color: #E32821; color: white; border: 2px solid #E32821; padding: 12px 24px; font-size: 18px; font-weight: bold; border-radius: 8px; cursor: pointer; transition: all 0.2s ease-in-out; margin: 10px; } .random-pizza-button:hover { background-color: white; color: #E32821; } .pizza-grid { display: flex; flex-wrap: wrap; justify-content: center; /* ❤️ centre les cartes */ align-items: flex-start; gap: 20px; margin-top: 30px; } @media (min-width: 768px) { .pizza-grid { grid-template-columns: repeat(21fr); } } @media (min-width: 1024px) { .pizza-grid { grid-template-columns: repeat(41fr); } } .pizza-card { width: 100%; max-width: 220px; border: 2px solid black; border-radius: 16px; padding: 16px; text-align: center; background-color: white; box-shadow: 2px 2px 8px rgba(0,0,0,0.05); transition: transform 0.2s ease; margin: 0 auto; } .pizza-card:hover { transform: translateY(-4px); } .pizza-card img { max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 12px; } .pizza-card-title { font-weight: bold; font-size: 18px; margin-bottom: 10px; } .pizza-card a { text-decoration: none; display: inline-block; margin-top: 8px; } .ingredient-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 20px auto; max-width: 600px; } /* Style rouge pour les cases à cocher et radio */ input[type="checkbox"], input[type="radio"] { accent-color: #E32821; } /* Compatibilité pour Safari (au cas où) */ input[type="checkbox"]::-webkit-check-box, input[type="radio"]::-webkit-radio { background-color: #E32821; } .pizza-card p { margin: 4px 0; font-size: 14px; line-height: 1.3; } .pizza-card ul { padding: 0; margin: 8px 0 0 0; list-: none; }
< data-shopify="">@media screen and (max-width: 749px) { .collection-hero--with-image .collection-hero__inner { padding-bottom: calc(0px + 2rem); } }

Collection: Les pizzas

< data-shopify="">.section-template--24961914569091__main-collection-product-grid-padding { padding-top: 0px; padding-bottom: 0px; } @media screen and (min-width: 750px) { .section-template--24961914569091__main-collection-product-grid-padding { padding-top: 0px; padding-bottom: 0px; } }