.order-flow{max-width:560px;padding:var(--space-lg) var(--gutter);margin:0 auto}.order-flow__loading{justify-content:center;padding:120px 0;display:flex}.order-flow__header{margin-bottom:var(--space-lg)}.order-flow__back{color:var(--sage);margin-bottom:var(--space-sm);letter-spacing:.04em;font-size:.8rem;display:inline-block}@media (hover:hover){.order-flow__back:hover{color:var(--ochre)}}.order-flow__header h2{margin-bottom:2px}.order-flow__subtitle{letter-spacing:.18em;text-transform:uppercase;color:var(--sage);font-size:.625rem}.order-flow__grid{flex-direction:column;gap:.7rem;display:flex}.of-card{background:var(--surface-card);border:1px solid var(--border-hair);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;overflow:hidden}.of-card__row{flex-direction:row;align-items:center;display:flex}@media (hover:hover){.of-card:hover{border-color:var(--border-md)}}.of-card.in-cart{background:#8c9a7b14;border-color:#8c9a7b}.of-card.unpast{background:#fef8f4;border-color:#e6510066}.of-card.in-cart.unpast{background:#8c9a7b14;border-color:#8c9a7b}.of-card__img{box-sizing:border-box;background:0 0;flex-shrink:0;width:90px;height:90px;padding:8px;overflow:hidden}.of-card__img img{object-fit:cover;width:100%;height:100%}.of-card__info{flex:1;padding:.7rem 1rem}.of-card__info h3{color:var(--brown);margin-bottom:2px;font-size:1.05rem}.of-card__info .tag{margin-bottom:4px;display:block}.of-card__price{display:block}.of-card__price-amount{color:var(--ochre);letter-spacing:.06em;font-size:.875rem;font-weight:600}.of-card__price-unit{color:var(--sage);letter-spacing:.04em;font-size:.8125rem;font-weight:300}.of-card__warn{color:#c65200;letter-spacing:.1em;text-transform:uppercase;text-align:left;box-sizing:border-box;background:#e651001a;border-top:1px solid #e6510038;align-items:center;gap:.75rem;width:100%;padding:.55rem 1rem;font-size:.625rem;font-weight:500;display:flex}.of-card__warn-icon{color:currentColor;flex-shrink:0;width:14px;height:14px}.of-card__actions{flex-shrink:0;padding:0 1rem}.of-card__add{border:1px solid var(--ochre);min-width:94px;min-height:44px;color:var(--ochre);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;font-size:.6875rem;font-weight:500;transition:all .2s;display:flex}@media (hover:hover){.of-card__add:hover{background:var(--ochre);color:#fff}}.of-card__stepper{border:1px solid var(--border-md);align-items:center;display:flex}.of-card__stepper button{color:#6b6560;justify-content:center;align-items:center;width:32px;height:44px;font-size:1rem;transition:color .2s,background .2s;display:flex;position:relative}@media (hover:hover){.of-card__stepper button:hover{background:var(--cream-dk);color:var(--ochre)}}.of-card__stepper button:after{content:"";position:absolute;inset:0 -6px}.of-card__stepper span{text-align:center;width:28px;height:44px;color:var(--brown);pointer-events:none;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.order-flow__footer{background:var(--cream);border-top:1px solid var(--border-section);padding:var(--space-md) 0;text-align:center;margin-top:var(--space-xl);position:sticky;bottom:0}.order-flow__footer .btn-primary--filled{width:100%}@media (width<=480px){.order-flow{padding:var(--space-md) var(--gutter)}.of-card__img{width:72px;height:72px;padding:4px}.of-card__info{padding:.5rem .7rem}.of-card__info h3{font-size:.95rem}.of-card__actions{padding:0 .6rem}.of-card__add{min-width:78px;font-size:.625rem}.of-card__stepper button{width:28px;height:44px}.of-card__stepper button:after{inset:0 -8px}.of-card__stepper span{width:24px;height:44px;font-size:.875rem}}@media (width<=360px){.of-card__img{width:60px;height:60px;padding:3px}.of-card__info{padding:.4rem .5rem}.of-card__info h3{font-size:.875rem}.of-card__actions{padding:0 .4rem}.of-card__add{min-width:68px;height:28px;font-size:.5625rem}}
