.shop-cart-link {
  position: relative;
  display: inline-grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--green) 26%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--sage) 23%, var(--bg));
  color: color-mix(in srgb, var(--green) 58%, var(--ink));
}
.shop-cart-link svg { display: block; width: 24px; height: 24px; }
.shop-cart-link:hover, .shop-cart-link[aria-current='page'] {
  border-color: color-mix(in srgb, var(--green) 54%, transparent);
  background: color-mix(in srgb, var(--sage) 36%, var(--bg));
}
.shop-cart-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.shop-cart-link [data-shop-cart-count] {
  position: absolute;
  inset-block-start: -5px;
  inset-inline-end: -4px;
  display: grid;
  min-width: 20px;
  height: 20px;
  padding-inline: 4px;
  place-items: center;
  border-radius: 999px;
  background: #30573a;
  color: #fff;
  box-shadow: 0 0 0 2px var(--bg);
  font-size: .7rem;
  font-weight: 750;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.shop-cart-link [data-shop-cart-count]:empty { display: none; }
.shop-ingredients { white-space: pre-line; }
[data-shop-add-status]:empty { margin: 0; }
[data-shop-add]:disabled { cursor: not-allowed; opacity: .6; }
@media (max-width: 1180px) {
  .site.site-with-cart .nav-links { display: none; }
  .site.site-with-cart .nav .burger { display: grid; }
}