/* Four side dishes: one type scale, consistent image areas and aligned prices. */
#buns-menu-v2 .buns-menu__grid--sides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto 64px;align-items:stretch}
#buns-menu-v2 .buns-menu__grid--sides .buns-card{display:flex;flex-direction:column;min-width:0;margin:0;container-type:inline-size}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__panel{display:grid;grid-template-rows:2.2em 58px 1fr;column-gap:0;row-gap:8px;padding:24px 18px 22px;border-radius:20px 20px 0 0;min-height:0;height:auto;overflow:hidden;font-size:clamp(24px,11cqw,34px);text-align:center;flex:1}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__title{grid-row:1;display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0;margin:0;padding:0;font-size:inherit;font-weight:900;line-height:1.1;letter-spacing:-.04em;white-space:normal;text-transform:none;color:inherit}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__desc{grid-row:2;align-self:center;margin:0;padding:0;font-size:clamp(11px,4.4cqw,13px);font-weight:700;line-height:1.45;color:inherit;min-height:0;max-height:none}
#buns-menu-v2 .buns-side__media{grid-row:3;display:grid;place-items:center;aspect-ratio:1.5;min-width:0;width:100%;overflow:hidden}
#buns-menu-v2 .buns-side__art{position:relative;width:100%;aspect-ratio:var(--art-ratio);overflow:hidden;transition:scale .2s ease}
#buns-menu-v2 .buns-side__media--cup .buns-side__art{width:70%}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__img{position:absolute;display:block;top:var(--art-top);left:var(--art-left);width:var(--art-width);max-width:none;min-width:0;height:auto;min-height:0;max-height:none;margin:0;transform:none;scale:none;object-fit:contain;filter:none;pointer-events:none}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__prices{display:flex;margin:0;min-height:76px;border:2px solid #161616;border-top:0;border-radius:0 0 18px 18px;box-shadow:none;transform:none}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__price{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:14px 10px}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__price-label{font-size:11px;font-weight:800;line-height:1;letter-spacing:.04em}
#buns-menu-v2 .buns-menu__grid--sides .buns-card__price-value{font-size:26px;font-weight:900;line-height:1}
@media(hover:hover) and (pointer:fine){#buns-menu-v2 .buns-menu__grid--sides .buns-card:hover .buns-card__img{transform:none;filter:none}#buns-menu-v2 .buns-menu__grid--sides .buns-card:hover .buns-side__art{scale:1.015}}
@media(max-width:1000px){#buns-menu-v2 .buns-menu__grid--sides{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;gap:24px}}
@media(max-width:560px){#buns-menu-v2 .buns-menu__grid--sides{gap:14px;margin-bottom:40px}#buns-menu-v2 .buns-menu__grid--sides .buns-card__panel{padding:18px 10px 16px;font-size:clamp(17px,11cqw,26px);grid-template-rows:2.2em 70px 1fr;row-gap:6px;border-radius:14px 14px 0 0}#buns-menu-v2 .buns-menu__grid--sides .buns-card__desc{font-size:10px;line-height:1.35}#buns-menu-v2 .buns-menu__grid--sides .buns-card__prices{min-height:64px;border-radius:0 0 14px 14px}#buns-menu-v2 .buns-menu__grid--sides .buns-card__price-value{font-size:23px}#buns-menu-v2 .buns-menu__grid--sides .buns-card__price-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){#buns-menu-v2 .buns-side__art{transition:none}}
/* Keep room around the cutouts, including hover, and reduce unused space on phones. */
#buns-menu-v2 .buns-side__art{width:94%}
#buns-menu-v2 .buns-side__media--cup .buns-side__art{width:68%}
@media(max-width:560px){#buns-menu-v2 .buns-menu__grid--sides .buns-card__panel{grid-template-rows:2.2em 62px 1fr;padding-top:16px}#buns-menu-v2 .buns-menu__grid--sides .buns-card:nth-child(-n+2) .buns-card__panel{grid-template-rows:2.2em 12px 1fr}}
/* The remaining nine starters share one responsive grid instead of duplicate layouts. */
#buns-menu-v2 .buns-menu__grid--bites{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
#buns-menu-v2 .buns-menu__grid--bites .buns-card__panel{padding-top:32px;font-size:clamp(24px,9cqw,32px)}
#buns-menu-v2 .buns-menu__grid--bites .buns-card__badge{position:absolute;top:8px;right:10px;margin:0;padding:4px 7px;font-size:10px;line-height:1;transform:none;z-index:2}
#buns-menu-v2 .buns-menu__grid--bites .buns-card.is-spicy::before{top:8px;left:10px;right:auto;font-size:20px;transform:none;line-height:1}
@media(max-width:1000px){#buns-menu-v2 .buns-menu__grid--bites{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:560px){#buns-menu-v2 .buns-menu__grid--bites{gap:14px}#buns-menu-v2 .buns-menu__grid--bites .buns-card .buns-card__panel{font-size:clamp(17px,11cqw,26px);padding-top:28px;grid-template-rows:2.2em 12px 1fr}#buns-menu-v2 .buns-menu__grid--bites .buns-card:has(.buns-card__desc) .buns-card__panel{grid-template-rows:2.2em 62px 1fr}#buns-menu-v2 .buns-menu__grid--bites .buns-card__badge{font-size:9px}#buns-menu-v2 .buns-menu__grid--bites .buns-card.is-spicy::before{font-size:18px}}
/* Preserve the original desktop grouping: five chicken dishes, then four extras. */
@media(min-width:1001px){
  #buns-menu-v2 .buns-menu__grid--chicken{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
  #buns-menu-v2 .buns-menu__grid--extras{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  #buns-menu-v2 .buns-menu__grid--bites .buns-card__panel{font-size:clamp(18px,11cqw,28px)}
}
/* Large product names, matching the bold, card-filling burger typography. */
#buns-menu-v2 .buns-menu__grid--sides .buns-card .buns-card__panel{
  font-size:clamp(24px,17cqw,64px);
  grid-template-rows:3.3em 58px 1fr;
}
#buns-menu-v2 .buns-menu__grid--sides .buns-card .buns-card__title{
  font-size:inherit;line-height:1.05;letter-spacing:-.045em;
}
@media(max-width:560px){
  #buns-menu-v2 .buns-menu__grid--sides .buns-card .buns-card__panel{font-size:clamp(21px,16cqw,36px);grid-template-rows:3.3em 62px 1fr}
  #buns-menu-v2 .buns-menu__grid--sides .buns-card:not(:has(.buns-card__desc)) .buns-card__panel{grid-template-rows:3.3em 12px 1fr}
}
/* Chicken starters: bring larger photos closer to the product names. */
#buns-menu-v2 .buns-menu__grid--chicken .buns-card .buns-card__panel{
  grid-template-rows:2.2em 0 1fr;
  row-gap:6px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:16px;
}
#buns-menu-v2 .buns-menu__grid--chicken .buns-side__media{
  aspect-ratio:1.2;
}
#buns-menu-v2 .buns-menu__grid--chicken .buns-side__art{
  width:98%!important;
  max-height:none;
}
@media(max-width:560px){
  #buns-menu-v2 .buns-menu__grid--chicken .buns-card:not(:has(.buns-card__desc)) .buns-card__panel{
    grid-template-rows:2.2em 0 1fr;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:12px;
  }
}
/* Restore the original salad markup and styling alongside the two updated fritti. */
#buns-restored-extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto 64px;align-items:start}
#buns-menu-v2 #buns-restored-extras .buns-extras-layout,
#buns-menu-v2 #buns-restored-extras .buns-salads-original{display:contents!important}
@media(max-width:1000px){#buns-restored-extras{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px}}
@media(max-width:560px){#buns-restored-extras{gap:24px 14px;margin-bottom:40px}}
/* Match the restored salads: remove the unused description slot under fried sides. */
#buns-menu-v2 #buns-restored-extras .buns-extras-layout .buns-card .buns-card__panel{
  grid-template-rows:2.2em 0 1fr;
  row-gap:6px;
}
@media(min-width:1001px){
  #buns-menu-v2 #buns-restored-extras .buns-extras-layout .buns-card{height:var(--salad-card-height,446px)}
  #buns-menu-v2 #buns-restored-extras .buns-extras-layout .buns-card .buns-card__panel{min-height:0}
  #buns-menu-v2 #buns-restored-extras .buns-extras-layout .buns-side__media{min-height:0;align-self:center}
}

/* Mobile: one full-width dish per row, matching the original burger menu. */
@media(max-width:900px){
  #buns-menu-v2 .buns-menu__grid--sides,
  #buns-menu-v2 .buns-menu__grid--bites,
  #buns-menu-v2 #buns-restored-extras{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    max-width:100%;
  }
  #buns-menu-v2 .buns-menu__grid--sides .buns-card,
  #buns-menu-v2 #buns-restored-extras .buns-card{
    grid-column:1 / -1;
    width:100%;
    max-width:none;
  }
}
