:root{--brand-glow:rgb(242 101 19/0.28);--brand-spot-shadow:0 18px 40px -22px rgb(0 0 0/0.8);--brand-sale:#22a35a}html[data-theme=light]{--brand-glow:rgb(242 101 19/0.16);--brand-spot-shadow:0 18px 40px -24px rgb(60 40 20/0.35)}.dish-spot{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:22px;border:1px solid var(--brand-line);background:var(--brand-paper);box-shadow:var(--brand-spot-shadow);transition:transform .25s ease,border-color .25s ease}.spot-stage{position:relative;display:block;width:100%;aspect-ratio:1/.86;cursor:zoom-in;background:radial-gradient(60% 55% at 50% 58%,var(--brand-glow),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--brand-paper),var(--brand-ink) 6%),var(--brand-paper))}.spot-stage img{object-fit:contain;padding:8% 10% 4%;filter:drop-shadow(0 14px 18px rgb(0 0 0/.45));transition:transform .5s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.dish-spot:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand-orange) 45%,var(--brand-line))}.dish-spot:hover .spot-stage img{transform:scale(1.07) rotate(-2deg)}}.spot-sale{position:absolute;top:12px;left:12px;z-index:2;border-radius:999px;background:var(--brand-sale);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;padding:5px 10px}.spot-body{display:flex;flex:1;flex-direction:column;padding:6px 16px 16px}.spot-cat{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-orange)}html[data-theme=light] .spot-cat{color:var(--brand-orange-dark)}.spot-name{margin-top:4px;font-family:var(--brand-font-sans);font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--brand-ink);text-wrap:balance}.spot-desc{margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--brand-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spot-vars{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.spot-vars button{cursor:pointer;border-radius:999px;border:1px solid var(--brand-line);padding:7px 12px;font-size:13px;font-weight:600;color:var(--brand-muted);transition:border-color .2s,color .2s,background .2s}.spot-vars button[aria-pressed=true]{border-color:var(--brand-orange);color:var(--brand-ink);background:color-mix(in srgb,var(--brand-orange) 16%,transparent)}.spot-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px}.spot-price{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--brand-ink)}.spot-was{margin-right:6px;font-size:.82em;font-weight:400;text-decoration:line-through;opacity:.55}.spot-now{color:var(--brand-orange)}.spot-note{font-weight:600;letter-spacing:.06em;text-transform:uppercase}.spot-closed,.spot-note{font-size:12px;color:var(--brand-muted)}.spot-closed{margin-top:8px;line-height:1.5}.spot-add{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;border-radius:50%;background:var(--brand-orange);color:#fff;box-shadow:0 8px 20px -6px var(--brand-orange);transition:transform .15s}.spot-add:active{transform:scale(.9)}.spot-stepper{margin-left:auto;display:inline-flex;align-items:center;height:44px;overflow:hidden;border-radius:999px;background:var(--brand-orange);color:#fff;box-shadow:0 8px 20px -6px var(--brand-orange)}.spot-stepper button{width:44px;height:44px;cursor:pointer;font-size:20px;font-weight:600;color:#fff}.spot-stepper b{min-width:22px;text-align:center;font-size:16px}@media (max-width:480px){.spot-body{padding:4px 12px 12px}.spot-name{font-size:16px}.spot-price{font-size:17px}.spot-stepper button{width:38px}}