.ci{border-bottom:1px solid #f3f4f6;display:grid;gap:12px;grid-template-columns:80px 1fr;padding:14px 0;transition:opacity .2s}.ci:last-child{border-bottom:none}.ci--loading{opacity:.35;pointer-events:none}@media(min-width:1024px){.ci{gap:16px;grid-template-columns:96px 1fr;padding:16px 0}}.ci__img{align-items:center;background:#f5f5f8;border-radius:14px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.ci__img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ci__img--empty{background:#f3f4f6}@media(min-width:1024px){.ci__img{height:96px;width:96px}}.ci__body{display:flex;flex-direction:column;gap:4px;min-width:0}.ci__name{color:#111;font-size:14px;font-weight:700;line-height:1.3}@media(min-width:1024px){.ci__name{font-size:16px}}.ci__toppings{display:flex;flex-wrap:wrap;gap:4px}.ci__topping{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:11px;padding:2px 7px}.ci__free-badge{color:#16a34a;font-size:11px;font-weight:600}.ci__footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:6px}.ci__counter{align-items:center;background:#f5f5f8;border-radius:12px;display:inline-flex;gap:0;padding:2px}.ci__counter-btn{align-items:center;border-radius:10px;color:#374151;display:flex;font-size:18px;font-weight:600;height:34px;justify-content:center;transition:all .15s;width:34px}.ci__counter-btn:hover:not(:disabled){background:#7c3aed;color:#fff}.ci__counter-btn:disabled{cursor:not-allowed;opacity:.3}.ci__counter-btn--trash{color:#9ca3af;font-size:14px}.ci__counter-btn--trash:hover:not(:disabled){background:#fef2f2;color:#ef4444}.ci__counter-btn--plus{color:#7c3aed}.ci__counter-btn--plus:hover:not(:disabled){background:#7c3aed;color:#fff}.ci__counter-value{color:#111;font-size:15px;font-weight:700;min-width:28px;text-align:center}.ci__qty-readonly{color:#6b7280;font-size:14px}.ci__price{color:#111;font-size:18px;font-weight:800}@media(min-width:1024px){.ci__price{font-size:20px}}