.icon-flow-showcase{background:#f5f7f9}.restaurant-icon-flow{position:relative;display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;grid-template-rows:auto 92px auto 92px auto;gap:0 12px;align-items:stretch;padding:46px;border:1px solid #dce4e9;border-radius:20px;background:#fff;box-shadow:0 22px 50px rgba(7,26,45,.1);overflow:hidden}.flow-node{position:relative;display:grid;grid-template-columns:52px 1fr;gap:15px;align-content:center;min-height:170px;padding:28px 24px;background:#fff;border:1px solid #dce4e9;border-top:4px solid var(--yellow);z-index:2}.flow-node>span{position:absolute;right:16px;top:10px;color:#d9e1e6;font:800 31px Manrope}.flow-node .feature-icon{width:48px;height:48px}.flow-node h3{font-size:19px;margin:0 0 5px}.flow-node p{font-size:13px;color:var(--muted);margin:0}.order-node{grid-column:1;grid-row:1}.manage-node{grid-column:3;grid-row:1}.kitchen-node{grid-column:5;grid-row:1}.flow-arrow{align-self:center;text-align:center;color:var(--red);font-size:27px}.arrow-one{grid-column:2;grid-row:1}.arrow-two{grid-column:4;grid-row:1}.choice-label{grid-column:1/6;grid-row:2;align-self:center;justify-self:center;position:relative;text-align:center;padding:11px 28px;border-radius:50px;background:var(--navy);color:#fff;z-index:3}.choice-label small,.choice-label strong{display:block}.choice-label small{font:800 9px Manrope;letter-spacing:.13em;color:var(--yellow)}.choice-label strong{font-size:16px}.choice-label:before{content:'';position:absolute;width:2px;height:46px;background:#b8c5ce;left:50%;bottom:100%}.choice-label:after{content:'';position:absolute;left:-145px;right:-145px;height:40px;top:100%;border-top:2px solid #b8c5ce;border-left:2px solid #b8c5ce;border-right:2px solid #b8c5ce;border-radius:12px 12px 0 0}.choice{border-top-color:#ff8a22;background:#fffaf3}.choice .feature-icon{background:#d8462f}.pickup-node{grid-column:2/3;grid-row:3}.delivery-node{grid-column:4/5;grid-row:3}.or-badge{grid-column:3;grid-row:3;align-self:center;justify-self:center;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font:800 11px Manrope;z-index:4}.result-node{grid-column:3;grid-row:5;background:var(--navy);color:#fff;border-color:#1c3b54;border-top-color:var(--red)}.result-node .feature-icon{background:var(--red);color:#fff}.result-node p{color:#b9c9d5}.result-node:before{content:'';position:absolute;width:2px;height:92px;background:#b8c5ce;left:50%;bottom:100%}.result-node:after{content:'';position:absolute;left:-145px;right:-145px;height:46px;bottom:calc(100% + 90px);border-bottom:2px solid #b8c5ce;border-left:2px solid #b8c5ce;border-right:2px solid #b8c5ce;border-radius:0 0 12px 12px}.flow-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:22px;color:var(--muted);font-size:12px}.flow-legend span{display:flex;align-items:center;gap:7px}.flow-legend i{width:12px;height:12px;border-radius:50%;background:var(--yellow)}.flow-legend span:nth-child(2) i{background:#ff8a22}.flow-legend span:nth-child(3) i{background:var(--red)}
@media(max-width:980px){.restaurant-icon-flow{padding:30px;grid-template-columns:1fr 42px 1fr 42px 1fr}.flow-node{grid-template-columns:1fr;min-height:205px}.pickup-node{grid-column:1/3}.delivery-node{grid-column:4/6}.or-badge{grid-column:3}.choice-label:after,.result-node:after{left:-120px;right:-120px}}
.pickup-node{grid-column:1/3}.delivery-node{grid-column:4/6}
@media(max-width:760px){.restaurant-icon-flow{display:flex;flex-direction:column;padding:20px;gap:14px}.flow-node{min-height:0;grid-template-columns:52px 1fr;padding:24px 20px}.flow-arrow{transform:rotate(90deg);height:22px;line-height:22px}.choice-label{align-self:center;margin:10px 0}.choice-label:before,.choice-label:after,.result-node:before,.result-node:after{display:none}.or-badge{align-self:center}.flow-legend{justify-content:flex-start}.flow-node>span{font-size:26px}}