.dish.has-ingredients{position:relative}
.ingredient-trigger{position:absolute;right:10px;bottom:10px;z-index:2;border:1px solid #d7c9a5;border-radius:20px;padding:6px 12px;min-height:34px;background:#fffdf5ed;color:#07594c;font-size:11px;letter-spacing:.3px;box-shadow:0 2px 8px #1a3c2210;transition:background .2s,transform .2s}
.ingredient-trigger::after{content:'↗';margin-left:7px;color:#95702a}
.dish.text-only .ingredient-trigger{position:static;margin:12px 8px 0}
.ingredient-view{position:absolute;inset:7px;z-index:4;border:1px solid #d7c9a5;border-radius:16px;padding:16px 12px 11px;background:linear-gradient(145deg,#fffdf9,#f1eddf);box-shadow:0 10px 28px #22433012;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:scale(.96);pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s linear .25s}
.ingredients-open .ingredient-view{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto;transition-delay:0s}
.ingredients-open>.photo>img{opacity:.12;transform:translateY(12px) scale(.88)!important;transition:opacity .3s,transform .4s}
.ingredient-view-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-shrink:0;margin-bottom:10px}
.ingredient-eyebrow{font:600 8px/1.4 var(--sans);letter-spacing:2px;color:#896424;margin:0 0 5px}
.ingredient-dish-name{font:normal 23px/1.15 var(--serif);color:var(--emerald);margin:0;overflow-wrap:anywhere}
.ingredient-close{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #d5c9ac;border-radius:50%;background:#fffdf6;color:var(--emerald);font:22px/1 var(--sans);padding:0}
.ingredient-layers{display:grid;grid-auto-rows:minmax(45px,1fr);align-content:stretch;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8b98e transparent;list-style:none;padding:0;margin:0}
.ingredient-layer{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;border-bottom:1px solid #d8ceba99;padding:4px 2px;opacity:0;transform:translateY(calc((var(--ingredient-index) - 2)*-12px)) scale(.82);transition:opacity .4s,transform .5s cubic-bezier(.2,.75,.2,1)}
.ingredient-layer:last-child{border:0}
.ingredients-open .ingredient-layer{opacity:1;transform:translateY(0) scale(1);transition-delay:var(--ingredient-delay)}
.ingredient-pieces{display:flex;align-items:center;justify-content:center;flex:1 1 52%;min-width:0;max-width:61%;isolation:isolate;min-height:42px}
.ingredient-piece{width:clamp(30px,4.5vw,61px);height:61px;min-width:0;max-width:42%;object-fit:contain;filter:drop-shadow(0 5px 3px #40381119);margin-left:-8px;transform:translateY(calc((var(--piece) - 1)*3px)) rotate(calc((var(--piece) - 1)*-9deg))}
.ingredient-piece:first-child{margin-left:0}
.ingredient-label{flex:0 1 45%;font:500 12px/1.35 var(--sans);color:#284b3c;overflow-wrap:anywhere}
.ingredient-layers-dense{grid-auto-rows:minmax(35px,1fr)}
.ingredient-layers-dense .ingredient-piece{height:38px;width:42px}
.ingredient-layers-dense .ingredient-pieces{min-height:27px}
.ingredient-layers-dense .ingredient-label{font-size:11px}
.ingredient-layers:focus-visible{outline:2px solid #b17c1d;outline-offset:2px;border-radius:5px}
.ingredient-view-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;margin-top:10px}
.ingredient-source{margin:0;color:#716b58;font:9px/1.3 var(--sans)}
.ingredient-price{font:600 11px/1.3 var(--sans);color:var(--emerald);white-space:nowrap}
.ingredient-choice{font:11px/1.4 var(--sans);margin:0 0 6px;color:#6b624d}
.ingredient-symbol{position:relative;display:flex;align-items:center;gap:5px;min-height:35px;padding:3px 12px}
.ingredient-symbol i{display:block;width:13px;height:20px;border:1px solid #bda56d;border-radius:60% 45% 60% 45%;background:linear-gradient(130deg,#fff9e5,#d9be7a);transform:rotate(30deg)}
.ingredient-symbol-sauce i{border-radius:60%;height:13px;width:20px;background:linear-gradient(135deg,#f6ecd1,#b79a5d)}
.ingredient-symbol-vegetables i{border-color:#80985a;background:linear-gradient(135deg,#e1eacb,#8ba36b)}
.ingredient-symbol-spices i{width:10px;height:10px;border-radius:50%;background:#b69661}
@media(max-width:600px){.ingredient-view{padding:13px 10px 10px}.ingredient-dish-name{font-size:22px}.ingredient-label{font-size:11px}.ingredient-piece{height:52px;width:48px}.ingredient-view-header{margin-bottom:6px}.ingredient-source{font-size:9px}.ingredient-close{width:34px;height:34px}.ingredient-layers-dense .ingredient-label{font-size:10px}}
@media(max-width:520px){.ingredient-dish-name{font-size:26px}.ingredient-view{padding:20px 17px 14px}.ingredient-label{font-size:14px}.ingredient-piece{width:64px;height:69px}.ingredient-layers-dense .ingredient-label{font-size:12px}.ingredient-layers-dense .ingredient-piece{height:45px;width:48px}.ingredient-trigger{min-height:44px;padding:9px 14px;font-size:12px}.ingredient-close{width:44px;height:44px}.ingredient-layers{grid-auto-rows:minmax(52px,1fr)}.ingredient-layers-dense{grid-auto-rows:minmax(39px,1fr)}}
@media(prefers-reduced-motion:reduce){.ingredient-view,.ingredient-layer{transition:none;transform:none!important}}
@media print{.ingredient-view,.ingredient-trigger{display:none!important}}