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
<>
.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 à la crème
< 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;
}
}
< data-shopify="">
.scroll-to-top-btn-scroll-to-top-btn {
--offset-x: 20px;
--offset-y: 20px;
}
< data-shopify="">
.music-player-global-music-player {
--offset-x: 20px;
--offset-y: 20px;
}
<>.gpo-hidden,[class*=gpo-original],[data-gpo-is-enabled=true] [data-shopify=payment-button],[data-gpo-is-enabled=true][data-gpo-cart-hide-additional-payment-button=true] [data-shopify=dynamic-checkout-cart],a[class*=gpo-original],button[class*=gpo-original],input#AddToCart[class*=gpo-original],input#addToCart[class*=gpo-original],input[class*=gpo-original]{display:none!important}.gpo-hidden{opacity:0!important;visibility:hidden!important}#mini-cart form.cart a.gpo-clone-checkout-button,.cart-flyout a.gpo-clone-checkout-button{display:block!important}
