.mci-menu-carousel{
  --mci-visible:3;
  --mci-gap:40px;
  position:relative;
  width:100%;
  box-sizing:border-box;
  overflow:visible;
}
.mci-menu-carousel *{box-sizing:border-box}
.mci-menu-viewport{width:100%;overflow:hidden}
.mci-menu-track{
  display:flex;
  gap:var(--mci-gap);
  transform:translate3d(0,0,0);
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
  touch-action:pan-y;
}
.mci-menu-card{
  flex:0 0 calc((100% - (var(--mci-visible) - 1)*var(--mci-gap))/var(--mci-visible));
  border:2px solid;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-width:0;
}
.mci-menu-image{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mci-menu-image img{width:100%;height:100%;display:block;object-position:center}
.mci-menu-content{display:flex;flex-direction:column;min-width:0;flex:1;padding:0 2px}
.mci-menu-title{margin:0 0 6px;font-size:20px;line-height:1.15;font-weight:700;letter-spacing:.5px;overflow-wrap:break-word;word-break:normal}
.mci-menu-short,.mci-menu-description{font-size:14px;line-height:1.2;overflow-wrap:break-word;word-break:normal}
.mci-menu-short{margin-bottom:16px}
.mci-menu-description{margin-top:auto;margin-bottom:14px}
.mci-order-button{
  align-self:flex-end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:999px;
  text-decoration:none!important;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  transition:transform .2s ease,background-color .2s ease,color .2s ease;
}
.mci-order-button:hover{transform:translateY(-1px)}
.mci-button-icon{display:inline-flex;align-items:center;justify-content:center}
.mci-button-icon i,.mci-button-icon svg{width:1em;height:1em}
.mci-arrow{
  position:absolute;
  top:50%;
  z-index:4;
  transform:translateY(-50%);
  border:0;
  border-radius:50%;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:none;
  transition:transform .2s ease,opacity .2s ease;
}
.mci-arrow:hover{transform:translateY(-50%) scale(1.06)}
.mci-arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.mci-arrow-prev{left:12px}
.mci-arrow-next{right:12px}
.mci-arrow i,.mci-arrow svg{width:.52em;height:.52em}
.mci-arrow[disabled]{opacity:.35;cursor:not-allowed}

@media(max-width:1024px){
  .mci-menu-carousel{--mci-visible:2}
  .mci-menu-title{font-size:18px}
}
@media(max-width:767px){
  .mci-menu-carousel{--mci-visible:1}
  .mci-menu-card{width:100%}
  .mci-menu-title{font-size:18px}
  .mci-menu-short,.mci-menu-description{font-size:14px}
  .mci-order-button{align-self:center}
  .mci-arrow-prev{left:6px}
  .mci-arrow-next{right:6px}
}
