/* KPIZZ SITE V241
   Cartes pizzas plus lisibles tout en conservant le défilement horizontal.
   Même dimensions que Puilboreau pour Lagord et tous les PDV générés à l’avenir.
   Un clic sur une carte ouvre son détail. Toutes les fenêtres restent centrées et le bouton Allergènes fonctionne aussi dans le détail. */

.menu-category .pizza-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:8px 4px 18px!important;
  margin:18px 0 0!important;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}

.menu-category .pizza-grid::-webkit-scrollbar{height:9px}
.menu-category .pizza-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:999px}
.menu-category .pizza-grid::-webkit-scrollbar-thumb{background:rgba(239,56,56,.72);border-radius:999px}

.menu-category .pizza-card{
  flex:0 0 340px!important;
  width:340px!important;
  max-width:340px!important;
  min-width:340px!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:12px!important;
  border-radius:18px!important;
  overflow:visible!important;
  scroll-snap-align:start;
  cursor:zoom-in;
}

.menu-category .pizza-card > img{
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  object-fit:cover!important;
  border-radius:14px!important;
  flex:none!important;
}

.menu-category .pizza-card .pizza-info{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:14px 2px 2px!important;
}

.menu-category .pizza-card .pizza-info h4,
.menu-category .pizza-card > h3{
  margin:0 0 9px!important;
  font-size:1.34rem!important;
  line-height:1.15!important;
}

.menu-category .pizza-card .pizza-info p{
  height:auto!important;
  min-height:64px!important;
  overflow:visible!important;
  margin:0 0 12px!important;
  font-size:.98rem!important;
  line-height:1.35!important;
}

.menu-category .pizza-card .pizza-price{
  margin-top:auto!important;
  padding-top:12px!important;
  font-size:1.05rem!important;
}

.menu-category .pizza-card:focus-visible{
  outline:3px solid #ef3838!important;
  outline-offset:3px!important;
}

/* Fenêtre détail */
.kpizz-pizza-modal{
  position:fixed;
  inset:0;
  margin:auto;
  width:min(94vw,920px);
  height:min(88dvh,720px);
  max-height:calc(100dvh - 20px);
  padding:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:#0b0b0b;
  color:#fff;
  box-shadow:0 26px 100px rgba(0,0,0,.78);
  overflow:hidden;
}
.kpizz-pizza-modal[open]{display:block}
.kpizz-pizza-modal::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(4px)}
.kpizz-pizza-modal-close{
  position:sticky;top:10px;float:right;z-index:8;
  width:46px;height:46px;margin:10px;border:0;border-radius:50%;
  background:#ef3838;color:#fff;font-size:1.65rem;font-weight:900;cursor:pointer;
}
.kpizz-pizza-modal-body{clear:both;height:calc(100% - 66px);padding:0 24px 22px;overflow:hidden}
.kpizz-pizza-modal-body .pizza-card{
  display:grid!important;
  grid-template-columns:minmax(280px,44%) minmax(0,1fr)!important;
  gap:26px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:default!important;
  overflow:hidden!important;
}
.kpizz-pizza-modal-body .pizza-card > img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:17px!important;
  align-self:start!important;
}
.kpizz-pizza-modal-body .pizza-info{height:100%!important;min-height:0!important;padding:10px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}
.kpizz-pizza-modal-body .pizza-info h4,
.kpizz-pizza-modal-body .pizza-card > h3{font-size:clamp(1.8rem,4vw,2.5rem)!important;line-height:1.1!important}
.kpizz-pizza-modal-body .pizza-info p{font-size:1.12rem!important;line-height:1.55!important;height:auto!important;min-height:0!important;overflow:visible!important}
.kpizz-pizza-modal-body .pizza-price{font-size:1.25rem!important;margin-top:8px!important}

@media(max-width:900px){
  .menu-category .pizza-card{
    flex-basis:min(72vw,360px)!important;
    width:min(72vw,360px)!important;
    min-width:min(72vw,360px)!important;
    max-width:min(72vw,360px)!important;
  }
  .menu-category .pizza-card > img{height:180px!important;min-height:180px!important;max-height:180px!important}
}

@media(max-width:600px){
  .menu-category .pizza-grid{gap:12px!important;padding-bottom:14px!important}
  .menu-category .pizza-card{
    flex-basis:82vw!important;
    width:82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .menu-category .pizza-card > img{height:175px!important;min-height:175px!important;max-height:175px!important}
  .menu-category .pizza-card .pizza-info h4,.menu-category .pizza-card > h3{font-size:1.2rem!important}
  .menu-category .pizza-card .pizza-info p{font-size:.93rem!important;min-height:0!important}
  .kpizz-pizza-modal{inset:0;margin:auto;width:95vw;height:min(94dvh,760px);max-height:calc(100dvh - 10px);border-radius:19px}
  .kpizz-pizza-modal-body{height:calc(100% - 58px);padding:0 14px 14px}
  .kpizz-pizza-modal-body .pizza-card{grid-template-columns:1fr!important;grid-template-rows:minmax(120px,30dvh) minmax(0,1fr)!important;gap:8px!important}
  .kpizz-pizza-modal-body .pizza-card > img{height:100%!important;max-height:30dvh!important}
  .kpizz-pizza-modal-body .pizza-info{height:auto!important;padding:0!important;justify-content:flex-start!important}
  .kpizz-pizza-modal-body .pizza-info h4,.kpizz-pizza-modal-body .pizza-card > h3{font-size:clamp(1.35rem,6vw,1.75rem)!important;margin-bottom:6px!important}
  .kpizz-pizza-modal-body .pizza-info p{font-size:.92rem!important;line-height:1.35!important;margin-bottom:6px!important}
  .kpizz-pizza-modal-body .pizza-price{font-size:1rem!important;margin-top:2px!important;padding-top:4px!important}
  .kpizz-pizza-modal-body .kpizz-allergen-btn{margin-top:7px!important;padding:7px 11px!important}
}

/* KPIZZ V245 - CORRECTIF CSS UNIQUEMENT
   L'encadrement photo reste strictement identique à la V241.
   La pizza est légèrement réduite et alignée à gauche afin que la coupe d'une demi-pizza
   reste discrète au bord de l'encadrement.
   Règle commune à Lagord, tous les PDV actuels et tous les futurs PDV créés. */

.menu-category .pizza-card > img{
  position:static!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  margin:0!important;
  padding:16px 46px 16px 0!important;
  box-sizing:border-box!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:14px!important;
  background:#000!important;
  z-index:auto!important;
  flex:none!important;
}

@media(max-width:900px){
  .menu-category .pizza-card > img{
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    padding:15px 42px 15px 0!important;
  }
}

@media(max-width:600px){
  .menu-category .pizza-card > img{
    height:175px!important;
    min-height:175px!important;
    max-height:175px!important;
    padding:14px 38px 14px 0!important;
  }
}


/* KPIZZ V246 - CORRECTIF CSS UNIQUEMENT
   La pizza reste réduite et visible à gauche.
   Le nom, la description et les prix remontent à droite de la pizza pour mieux utiliser l'espace.
   Le bouton Allergènes reste en dessous.
   Règle commune à tous les PDV actuels et futurs, sans toucher aux autres fichiers. */

.menu-category .pizza-card{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  column-gap:14px!important;
  row-gap:10px!important;
  align-items:start!important;
}

.menu-category .pizza-card > img{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  margin:0!important;
  padding:10px 16px 10px 0!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:14px!important;
  background:#000!important;
  align-self:start!important;
}

.menu-category .pizza-card .pizza-info{
  grid-column:2!important;
  grid-row:1!important;
  padding:0!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
}

.menu-category .pizza-card .pizza-info h4,
.menu-category .pizza-card > h3{
  margin:2px 0 8px!important;
  font-size:1.14rem!important;
  line-height:1.1!important;
}

.menu-category .pizza-card .pizza-info p{
  margin:0 0 8px!important;
  min-height:0!important;
  font-size:.9rem!important;
  line-height:1.25!important;
}

.menu-category .pizza-card .pizza-price{
  margin-top:4px!important;
  padding-top:0!important;
  gap:6px 8px!important;
  font-size:.95rem!important;
}

.menu-category .pizza-card .pizza-price .size-badge{
  min-width:62px!important;
  padding:7px 8px!important;
  font-size:.82rem!important;
  border-radius:10px!important;
}

.menu-category .pizza-card .pizza-price .price-value{
  font-size:.98rem!important;
}

.menu-category .pizza-card > .kpizz-allergen-btn,
.menu-category .pizza-card > button[class*="allergen"],
.menu-category .pizza-card > a[class*="allergen"]{
  grid-column:1 / -1!important;
  width:100%!important;
  margin-top:2px!important;
}

.menu-category .pizza-card .pizza-info .kpizz-allergen-btn,
.menu-category .pizza-card .pizza-info button[class*="allergen"],
.menu-category .pizza-card .pizza-info a[class*="allergen"]{
  width:100%!important;
  margin-top:10px!important;
}

@media(max-width:900px){
  .menu-category .pizza-card{
    grid-template-columns:112px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  .menu-category .pizza-card > img{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    padding:9px 14px 9px 0!important;
  }
  .menu-category .pizza-card .pizza-info h4,.menu-category .pizza-card > h3{font-size:1.08rem!important;}
  .menu-category .pizza-card .pizza-info p{font-size:.86rem!important;line-height:1.22!important;}
}

@media(max-width:600px){
  .menu-category .pizza-grid{gap:12px!important;padding-bottom:14px!important}
  .menu-category .pizza-card{
    grid-template-columns:104px minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:8px!important;
    padding:10px!important;
  }
  .menu-category .pizza-card > img{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    padding:8px 12px 8px 0!important;
  }
  .menu-category .pizza-card .pizza-info h4,.menu-category .pizza-card > h3{font-size:1.04rem!important;margin:0 0 6px!important;}
  .menu-category .pizza-card .pizza-info p{font-size:.84rem!important;line-height:1.2!important;margin:0 0 7px!important;}
  .menu-category .pizza-card .pizza-price{gap:5px 7px!important;}
  .menu-category .pizza-card .pizza-price .size-badge{min-width:56px!important;padding:6px 7px!important;font-size:.78rem!important;}
  .menu-category .pizza-card .pizza-price .price-value{font-size:.92rem!important;}
}


/* KPIZZ V247 - CORRECTIF CSS UNIQUEMENT
   Centre le bouton Allergènes et réduit l'espace vide sous le bouton.
   Les cartes s'ajustent à leur contenu pour rapprocher le bas du cadre noir.
   Règle commune à tous les PDV actuels et futurs, sans toucher aux autres fichiers. */

.menu-category .pizza-grid{
  align-items:flex-start!important;
}

.menu-category .pizza-card{
  align-content:start!important;
  padding-bottom:8px!important;
}

.menu-category .pizza-card > .kpizz-allergen-btn,
.menu-category .pizza-card > button[class*="allergen"],
.menu-category .pizza-card > a[class*="allergen"],
.menu-category .pizza-card .pizza-info .kpizz-allergen-btn,
.menu-category .pizza-card .pizza-info button[class*="allergen"],
.menu-category .pizza-card .pizza-info a[class*="allergen"]{
  width:min(86%, 300px)!important;
  max-width:300px!important;
  margin:8px auto 0!important;
  align-self:center!important;
  justify-self:center!important;
  display:flex!important;
  justify-content:center!important;
}

@media(max-width:600px){
  .menu-category .pizza-card{
    padding-bottom:8px!important;
  }
  .menu-category .pizza-card > .kpizz-allergen-btn,
  .menu-category .pizza-card > button[class*="allergen"],
  .menu-category .pizza-card > a[class*="allergen"],
  .menu-category .pizza-card .pizza-info .kpizz-allergen-btn,
  .menu-category .pizza-card .pizza-info button[class*="allergen"],
  .menu-category .pizza-card .pizza-info a[class*="allergen"]{
    width:min(88%, 290px)!important;
    margin-top:8px!important;
  }
}


/* KPIZZ V248 - CORRECTIF CSS UNIQUEMENT
   Le bouton Allergènes est centré par rapport aux deux bords de la carte entière.
   Le bas du cadre noir remonte juste sous le bouton, sans grand espace vide.
   Application commune à tous les PDV actuels et futurs. */

.menu-category .pizza-grid{
  align-items:flex-start!important;
}

.menu-category .pizza-grid > .pizza-card{
  height:max-content!important;
  min-height:0!important;
  max-height:none!important;
  align-self:flex-start!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  padding-bottom:10px!important;
}

/* Les éléments de pizza-info participent directement à la grille de la carte.
   Cela permet au bouton Allergènes de prendre toute la largeur de la carte. */
.menu-category .pizza-grid > .pizza-card > .pizza-info{
  display:contents!important;
}

.menu-category .pizza-grid > .pizza-card > .pizza-info > h4,
.menu-category .pizza-grid > .pizza-card > .pizza-info > p,
.menu-category .pizza-grid > .pizza-card > .pizza-info > .pizza-price{
  grid-column:2!important;
  min-width:0!important;
}

.menu-category .pizza-grid > .pizza-card > .pizza-info > h4{
  grid-row:1!important;
  align-self:start!important;
}

.menu-category .pizza-grid > .pizza-card > .pizza-info > p{
  grid-row:2!important;
  align-self:start!important;
}

.menu-category .pizza-grid > .pizza-card > .pizza-info > .pizza-price{
  grid-row:3!important;
  align-self:start!important;
}

.menu-category .pizza-grid > .pizza-card > img{
  grid-column:1!important;
  grid-row:1 / span 3!important;
}

/* Bouton placé sous toute la carte et centré entre le bord gauche et le bord droit. */
.menu-category .pizza-grid > .pizza-card > .kpizz-allergen-btn,
.menu-category .pizza-grid > .pizza-card > button[class*="allergen"],
.menu-category .pizza-grid > .pizza-card > a[class*="allergen"],
.menu-category .pizza-grid > .pizza-card > .pizza-info > .kpizz-allergen-btn,
.menu-category .pizza-grid > .pizza-card > .pizza-info > button[class*="allergen"],
.menu-category .pizza-grid > .pizza-card > .pizza-info > a[class*="allergen"]{
  grid-column:1 / -1!important;
  grid-row:4!important;
  width:calc(100% - 20px)!important;
  max-width:none!important;
  min-width:0!important;
  margin:4px auto 0!important;
  justify-self:center!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

/* Sécurité si le bouton est enveloppé dans un conteneur. */
.menu-category .pizza-grid > .pizza-card > .pizza-info > *:has(> .kpizz-allergen-btn){
  display:contents!important;
}

.menu-category .pizza-grid > .pizza-card > .pizza-info .kpizz-allergen-btn,
.menu-category .pizza-grid > .pizza-card > .pizza-info button[class*="allergen"],
.menu-category .pizza-grid > .pizza-card > .pizza-info a[class*="allergen"]{
  grid-column:1 / -1!important;
  grid-row:4!important;
  width:calc(100% - 20px)!important;
  max-width:none!important;
  min-width:0!important;
  margin:4px auto 0!important;
  justify-self:center!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

@media(max-width:600px){
  .menu-category .pizza-grid > .pizza-card{
    padding-bottom:8px!important;
  }
  .menu-category .pizza-grid > .pizza-card > .kpizz-allergen-btn,
  .menu-category .pizza-grid > .pizza-card > button[class*="allergen"],
  .menu-category .pizza-grid > .pizza-card > a[class*="allergen"],
  .menu-category .pizza-grid > .pizza-card > .pizza-info > .kpizz-allergen-btn,
  .menu-category .pizza-grid > .pizza-card > .pizza-info > button[class*="allergen"],
  .menu-category .pizza-grid > .pizza-card > .pizza-info > a[class*="allergen"]{
    width:calc(100% - 16px)!important;
    margin-top:4px!important;
  }
}


/* KPIZZ V249 - CORRECTIF CSS UNIQUEMENT
   La photo de pizza est agrandie pour occuper visuellement environ la moitié du cadre noir,
   tout en gardant la disposition texte à droite et le bouton Allergènes en dessous.
   Application commune à tous les PDV actuels et futurs. */

.menu-category .pizza-grid > .pizza-card{
  grid-template-columns:146px minmax(0,1fr)!important;
  column-gap:14px!important;
}

.menu-category .pizza-grid > .pizza-card > img{
  width:146px!important;
  min-width:146px!important;
  max-width:146px!important;
  height:146px!important;
  min-height:146px!important;
  max-height:146px!important;
  padding:8px 8px 8px 0!important;
}

@media(max-width:900px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:138px minmax(0,1fr)!important;
    column-gap:13px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    padding:8px 8px 8px 0!important;
  }
}

@media(max-width:600px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:128px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    padding:7px 7px 7px 0!important;
  }
}


/* KPIZZ V250 - CORRECTIF CSS UNIQUEMENT
   La pizza est encore légèrement agrandie et l'espace noir autour d'elle est réduit.
   Le bord du cadre noir se rapproche visuellement de la pizza, sans toucher au reste de la carte.
   Application commune à tous les PDV actuels et futurs. */

.menu-category .pizza-grid > .pizza-card{
  grid-template-columns:158px minmax(0,1fr)!important;
  column-gap:12px!important;
}

.menu-category .pizza-grid > .pizza-card > img{
  width:158px!important;
  min-width:158px!important;
  max-width:158px!important;
  height:158px!important;
  min-height:158px!important;
  max-height:158px!important;
  padding:3px 4px 3px 0!important;
}

@media(max-width:900px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:150px minmax(0,1fr)!important;
    column-gap:11px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    padding:3px 4px 3px 0!important;
  }
}

@media(max-width:600px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:140px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
    height:140px!important;
    min-height:140px!important;
    max-height:140px!important;
    padding:2px 3px 2px 0!important;
  }
}


/* KPIZZ V251 - CORRECTIF CSS UNIQUEMENT
   Micro-réglage : la pizza prend visuellement environ la moitié de son cadre noir,
   tout en gardant le cadre noir au plus près de la pizza.
   Application commune à tous les PDV actuels et futurs. */

.menu-category .pizza-grid > .pizza-card{
  grid-template-columns:152px minmax(0,1fr)!important;
  column-gap:12px!important;
}

.menu-category .pizza-grid > .pizza-card > img{
  width:152px!important;
  min-width:152px!important;
  max-width:152px!important;
  height:152px!important;
  min-height:152px!important;
  max-height:152px!important;
  padding:2px 3px 2px 0!important;
}

@media(max-width:900px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:144px minmax(0,1fr)!important;
    column-gap:11px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:144px!important;
    min-width:144px!important;
    max-width:144px!important;
    height:144px!important;
    min-height:144px!important;
    max-height:144px!important;
    padding:2px 3px 2px 0!important;
  }
}

@media(max-width:600px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:134px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:134px!important;
    min-width:134px!important;
    max-width:134px!important;
    height:134px!important;
    min-height:134px!important;
    max-height:134px!important;
    padding:2px 2px 2px 0!important;
  }
}


/* KPIZZ V252 - CORRECTIF CSS UNIQUEMENT
   Dernier réglage : le cadre noir est recadré au plus près de la demi-pizza.
   La hauteur de la pizza est conservée, seule la largeur vide noire est réduite.
   Les valeurs restent adaptées ordinateur, tablette et mobile.
   Application commune à tous les PDV actuels et futurs. */

.menu-category .pizza-grid > .pizza-card{
  grid-template-columns:108px minmax(0,1fr)!important;
  column-gap:10px!important;
}

.menu-category .pizza-grid > .pizza-card > img{
  width:108px!important;
  min-width:108px!important;
  max-width:108px!important;
  height:152px!important;
  min-height:152px!important;
  max-height:152px!important;
  padding:2px 2px 2px 0!important;
  object-fit:cover!important;
  object-position:left center!important;
}

@media(max-width:900px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:102px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:144px!important;
    min-height:144px!important;
    max-height:144px!important;
    padding:2px 2px 2px 0!important;
    object-fit:cover!important;
    object-position:left center!important;
  }
}

@media(max-width:600px){
  .menu-category .pizza-grid > .pizza-card{
    grid-template-columns:96px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  .menu-category .pizza-grid > .pizza-card > img{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:134px!important;
    min-height:134px!important;
    max-height:134px!important;
    padding:1px 1px 1px 0!important;
    object-fit:cover!important;
    object-position:left center!important;
  }
}

/* KPIZZ V310 - les noms, ingredients, tarifs et boutons sont alignes entre cartes. */
.menu-category .pizza-grid{
  align-items:stretch!important;
}
.menu-category .pizza-grid > .pizza-card{
  height:auto!important;
  min-height:270px!important;
  max-height:none!important;
  align-self:stretch!important;
  align-content:start!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.menu-category .pizza-grid > .pizza-card > .pizza-info > p{
  overflow-wrap:anywhere!important;
  height:var(--kpizz-pizza-description-height,auto)!important;
  min-height:var(--kpizz-pizza-description-height,0px)!important;
  box-sizing:border-box!important;
}
.menu-category .pizza-grid > .pizza-card > .pizza-info > h4{
  height:var(--kpizz-pizza-title-height,auto)!important;
  min-height:var(--kpizz-pizza-title-height,0px)!important;
  box-sizing:border-box!important;
}
.menu-category .pizza-grid > .pizza-card > .pizza-info > .pizza-price{
  height:var(--kpizz-pizza-price-height,auto)!important;
  min-height:var(--kpizz-pizza-price-height,0px)!important;
  box-sizing:border-box!important;
}
.menu-category .pizza-grid > .pizza-card .kpizz-allergen-btn{
  position:relative!important;
  z-index:3!important;
}
@media(max-width:900px){
  .menu-category .pizza-grid > .pizza-card{
    height:auto!important;
    min-height:282px!important;
    max-height:none!important;
  }
}
@media(max-width:600px){
  .menu-category .pizza-grid > .pizza-card{
    height:auto!important;
    min-height:286px!important;
    max-height:none!important;
  }
}