.smart-upsell{padding-top:64px;padding-bottom:64px}.smart-upsell>h2{text-align:center;font-size:clamp(36px,4.5vw,62px);letter-spacing:-.055em;line-height:1.08;margin:0 0 48px}.upsell-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.upsell-visual{position:relative;aspect-ratio:1;background:#f5eee4;border-radius:34px;overflow:hidden;container-type:inline-size}.upsell-order{position:absolute;z-index:2;left:13%;top:12.5%;width:75%;height:19%;display:flex;align-items:center;padding:1.4%;gap:3%;background:white;border-radius:3cqw;box-shadow:0 4cqw 6cqw #352b2220}.upsell-order-photo{height:100%;aspect-ratio:1;position:relative;flex:none}.upsell-order-photo img{width:100%;height:100%;object-fit:cover;border-radius:2.2cqw}.upsell-order-photo span{position:absolute;top:9%;left:9%;font-size:1.3cqw;background:#c8ff00;padding:.4cqw 1.2cqw;border-radius:2cqw;font-weight:700}.upsell-order-info{align-self:stretch;flex:1;min-width:0;padding-top:2%;display:flex;flex-direction:column}.upsell-order-info strong{font-size:2.6cqw;letter-spacing:-.05em;white-space:nowrap}.upsell-order-info i{display:block;width:85%;height:.8cqw;border-radius:1cqw;background:#f1f1f1;margin-top:1cqw}.upsell-order-info i+i{width:65%;margin-top:.6cqw}.upsell-order-info>span{margin-top:auto;margin-bottom:1cqw;color:#95958e;font-size:2.3cqw}.upsell-added{align-self:flex-end;margin-bottom:.2cqw;padding:1.8cqw 1.5cqw;border-radius:2.5cqw;background:#078820;color:white;font-weight:650;font-size:2.4cqw;white-space:nowrap}.upsell-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1.7}.chosen-path{stroke:#138823}.other-path{stroke:#dfd9cf;stroke-dasharray:3 3}.upsell-choice-label{position:absolute;top:49.5%;left:9%;background:#cce7b8;color:#326321;border-radius:4cqw;padding:1.2cqw 1.6cqw;font-size:1.9cqw;font-weight:650}.upsell-no{position:absolute;top:49.5%;width:5.3%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#be411b;background:#f5d8cd;font-weight:750;font-size:2.7cqw}.upsell-no-one{left:47.3%}.upsell-no-two{left:75.7%}.upsell-options{position:absolute;left:12%;right:12%;top:64%;display:grid;grid-template-columns:repeat(3,1fr);gap:12%}.upsell-option{text-align:center;opacity:.45}.upsell-option.is-chosen{opacity:1}.upsell-option img{width:100%;aspect-ratio:1;object-fit:cover;border:1cqw solid white;border-radius:3cqw;display:block}.upsell-option>span{display:block;font-size:2cqw;font-weight:550;margin-top:2cqw;white-space:nowrap;color:#555650}.upsell-benefits{display:flex;flex-direction:column;gap:50px}.upsell-benefit{display:grid;grid-template-columns:50px 1fr;gap:26px}.upsell-icon{height:50px;width:50px;border-radius:12px;background:#f8f3ed;display:grid;place-items:center;font-size:40px;color:#292b27}.upsell-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2.4}.upsell-benefit h3{font-size:clamp(24px,2.4vw,34px);line-height:1.12;letter-spacing:-.04em;margin:2px 0 18px}.upsell-benefit p{font-size:17px;line-height:1.5;color:#41443d;margin:0}@media(max-width:800px){.upsell-layout{grid-template-columns:1fr;gap:36px}.upsell-visual{max-width:600px;width:100%;margin:auto}.upsell-benefits{gap:30px}.smart-upsell{padding-top:40px;padding-bottom:40px}.smart-upsell>h2{margin-bottom:30px}.upsell-benefit{grid-template-columns:44px 1fr;gap:18px}.upsell-icon{width:44px;height:44px}.upsell-benefit p{font-size:16px}}

/* One rounded panel, consistent with the push and reviews sections. */
.smart-upsell{margin-top:64px;margin-bottom:36px;padding:48px 40px;background:#f5eee4;border-radius:36px}
.smart-upsell>h2{margin-bottom:36px}
.upsell-layout{gap:5%}
.upsell-visual{background:radial-gradient(ellipse at 15% 10%,#f4f7eb 0%,transparent 65%),linear-gradient(135deg,#e6eddc,#cbd8bf);border:1px solid #ffffff85}
.upsell-icon{background:#ffffffa6}
.upsell-benefits{gap:32px}
.upsell-benefit{gap:20px}
.upsell-benefit h3{font-size:clamp(24px,2.2vw,32px)}
@media(max-width:800px){.smart-upsell{margin-top:40px;margin-bottom:24px;padding:32px 22px;border-radius:28px}.smart-upsell>h2{margin-bottom:28px}.upsell-layout{gap:32px}.upsell-visual{border-radius:24px}.upsell-benefit{gap:16px}.upsell-benefits{gap:28px}}

/* Compact two-column composition with the title alongside the illustration. */
.smart-upsell{padding:32px 40px}
.upsell-layout{grid-template-columns:.9fr 1.1fr;gap:5%}
.upsell-benefits{gap:22px}
.upsell-benefits>h2{font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:-.045em;margin:0 0 4px}
.upsell-benefit{grid-template-columns:38px 1fr;gap:16px}
.upsell-icon{width:38px;height:38px;font-size:30px;border-radius:10px}
.upsell-icon svg{width:23px;height:23px}
.upsell-benefit h3{font-size:clamp(20px,1.75vw,25px);line-height:1.15;margin:0 0 10px}
.upsell-benefit p{font-size:15px;line-height:1.45}
@media(max-width:800px){.smart-upsell{padding:24px 22px}.upsell-layout{grid-template-columns:1fr;gap:26px}.upsell-benefits{gap:22px}.upsell-benefits>h2{font-size:28px}.upsell-benefit p{font-size:15px}}

.upsell-icon{background:#e1e6d5;border:1px solid #c8d1ba;box-shadow:inset 0 1px 0 #ffffffb0;color:#253222}
.upsell-icon svg{width:26px;height:26px;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.upsell-benefit:first-of-type .upsell-icon svg{fill:currentColor;stroke-width:1.4}
.upsell-benefits>h2{color:#138823}
#smart-upsell #smart-upsell-title{color:#138823}

#smart-upsell #smart-upsell-title{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;font-weight:650;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;color:#138823}
#smart-upsell-title::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:currentColor}
.upsell-benefit{display:block}

/* Six-second recommendation sequence: order, rolls, pizza, matcha. */
.upsell-order{animation:upsell-order-in 6s ease infinite}
.upsell-route{stroke:#bf745a;stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:route-rolls 6s ease-in-out infinite}
.route-pizza{animation-name:route-pizza}.route-matcha{stroke:#138823;animation-name:route-matcha}
.upsell-no-two{animation:reject-rolls 6s ease infinite}.upsell-no-one{animation:reject-pizza 6s ease infinite}
.upsell-choice-label{animation:matcha-label 6s ease infinite}
.upsell-option.is-chosen{animation:matcha-highlight 6s ease infinite}
@keyframes upsell-order-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}8%,92%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes route-rolls{0%,10%{opacity:0;stroke-dashoffset:1}12%{opacity:1;stroke-dashoffset:1}27%,34%{opacity:1;stroke-dashoffset:0}40%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes route-pizza{0%,32%{opacity:0;stroke-dashoffset:1}34%{opacity:1;stroke-dashoffset:1}47%,53%{opacity:1;stroke-dashoffset:0}59%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes route-matcha{0%,54%{opacity:0;stroke-dashoffset:1}56%{opacity:1;stroke-dashoffset:1}67%,92%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes reject-rolls{0%,27%{opacity:0;transform:scale(.5)}32%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes reject-pizza{0%,47%{opacity:0;transform:scale(.5)}52%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes matcha-label{0%,67%{opacity:0;transform:translateY(5px) scale(.95)}73%,92%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes matcha-highlight{0%,65%{opacity:.45;transform:scale(.97)}73%,92%{opacity:1;transform:scale(1.04)}100%{opacity:.45;transform:scale(.97)}}
@media(prefers-reduced-motion:reduce){.upsell-order,.upsell-route,.upsell-no,.upsell-choice-label,.upsell-option.is-chosen{animation:none}.route-matcha{opacity:1;stroke-dashoffset:0}}

#smart-upsell .upsell-benefit #smart-upsell-title{display:block;color:inherit;font-family:inherit;font-size:clamp(20px,1.75vw,25px);font-weight:700;line-height:1.15;letter-spacing:-.04em;text-transform:none;margin:0 0 10px}#smart-upsell .upsell-benefit #smart-upsell-title::before{display:none}
#smart-upsell .upsell-benefit #smart-upsell-title{color:#000;font-size:clamp(30px,3vw,42px);line-height:1.1;margin-bottom:22px}
#smart-upsell .upsell-benefit p{font-size:clamp(18px,1.65vw,23px);line-height:1.5}
@media(max-width:800px){#smart-upsell .upsell-benefit #smart-upsell-title{font-size:30px;margin-bottom:18px}#smart-upsell .upsell-benefit p{font-size:18px}}

.smart-upsell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#e9ddc7 0,transparent 57%),radial-gradient(ellipse at 5% 100%,#e0e7d4 0,transparent 52%),#f5eee4}
.upsell-pattern{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;color:#b2a386;opacity:.3;mask-image:linear-gradient(180deg,#000,transparent 38%,transparent 65%,#000);-webkit-mask-image:linear-gradient(180deg,#000,transparent 38%,transparent 65%,#000)}

.upsell-no{top:57.7%;z-index:3}.upsell-choice-label{top:57.7%;left:7%;z-index:3}