/* Homepage product navigation and scoped ordering experience. */
.product-layout{display:block}.product-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 38px;border-bottom:1px solid #3c4830;padding-bottom:14px}.product-tab,.product-tab:last-child{min-height:82px;display:flex;align-items:start;justify-content:center;flex-direction:column;gap:10px;padding:14px 12px;border:1px solid transparent;border-radius:6px;font-size:12px;line-height:1.4;color:#b4bcaa;background:transparent}.product-tab .tab-number{align-self:auto;font-size:8px;letter-spacing:1px}.product-tab .tab-arrow{display:none}.product-tab[aria-selected=true]{padding:14px 12px;border:1px solid #667c47;background:#d6fa8110;color:#e1ffab;box-shadow:inset 0 -2px #d6fa81}.product-tab:hover{background:#d6fa8108}.product-panel[hidden],.ordering-experience[hidden]{display:none}.ordering-experience{--shop-ink:#273424;--shop-muted:#708065;--shop-line:#e0e5d8;--shop-green:#d6fa81;min-width:0;font-family:'DM Sans',sans-serif}.ordering-feature-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:4px 0 30px}.ordering-eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.8px;color:#bdcbae}.ordering-eyebrow>span{width:5px;height:5px;background:#d6fa81;border-radius:50%}.ordering-feature-heading h3{font-family:Manrope,sans-serif;font-size:48px;font-weight:500;letter-spacing:-2.2px;line-height:1.1;margin:18px 0 14px}.ordering-feature-heading h3 em{color:#d6fa81}.ordering-feature-heading>div>p{font-size:13px;color:#b3bfa6;line-height:1.8;margin:0}.ordering-demo-meta{text-align:right;flex-shrink:0;padding-bottom:3px}.ordering-pill{border:1px solid #687e4e;border-radius:30px;padding:10px 14px;font-size:8px;letter-spacing:1.2px;display:inline-flex;gap:30px;align-items:center;color:#d9edbd}.ordering-pill i{font-style:normal;font-size:16px;line-height:1}.ordering-demo-meta p{margin:17px 0 0!important;font-size:11px!important;line-height:1.7!important;color:#c7d1ba!important}.ordering-demo-meta small{font-size:9px;color:#93a183}.ordering-experience .playground{background:#f9faf5;color:var(--shop-ink);border-radius:15px;border:1px solid #556342;box-shadow:0 25px 70px #0003;overflow:hidden}.ordering-experience .scenario-head{display:flex;align-items:center;justify-content:space-between;padding:25px 27px 16px;gap:15px}.ordering-experience .scenario-head>span{display:flex;flex-direction:column;gap:5px}.ordering-experience .scenario-head b{font-size:13px;font-weight:600;letter-spacing:-.2px}.ordering-experience .scenario-head small{font-size:10px;color:#839075}.ordering-experience #reset{background:none;border:0;padding:12px 0 12px 14px;font-size:10px;color:#637c4a;min-height:40px}.ordering-experience .scenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 27px 24px}.ordering-experience .scenarios button{position:relative;text-align:left;border:1px solid #e0e5d7;border-radius:9px;padding:16px 17px;background:#f1f3ea;color:#33412a;display:flex;flex-direction:column;gap:10px;transition:background .18s,border-color .18s;min-width:0;min-height:105px}.ordering-experience .scenarios button>span{font-size:7px;letter-spacing:.9px;color:#778765;line-height:1.5}.ordering-experience .scenarios strong{font-size:14px;letter-spacing:-.3px;font-weight:600}.ordering-experience .scenarios small{font-size:10px;color:#7a896b;line-height:1.5}.ordering-experience .scenarios button[aria-pressed=true]{background:#e9f1d9;border-color:#8cae65;box-shadow:inset 0 0 0 1px #9fba8022}.ordering-experience .scenarios button[aria-pressed=true]:after{content:'↗';position:absolute;right:12px;top:12px;font-size:12px;color:#729349}.ordering-experience .scenarios button:hover{border-color:#a5bb88;background:#edf3e2}.ordering-experience .demo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-top:1px solid #dce3d1;min-width:0}.ordering-experience .conversation{background:#fcfdf9;display:flex;flex-direction:column;min-width:0}.ordering-experience .pane-title{display:flex;align-items:center;gap:13px;padding:25px 27px;border-bottom:1px solid #e8edde}.ordering-experience .bot-avatar{background:#263c1d;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 10px #20391715}.ordering-experience .bot-avatar svg{width:29px;height:29px;color:#d6fa81}.ordering-experience .pane-title h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.45px;line-height:1.3;font-weight:600;margin:0 0 5px;color:#293d22}.ordering-experience .pane-title div>span{font-size:10px;color:#879579}.ordering-experience #sound{background:#f0f5e8;color:#67834c;border:1px solid #dde7d1;border-radius:25px;font-size:9px;min-height:34px;margin-left:auto;padding:9px 13px;white-space:nowrap}.ordering-experience #sound[aria-pressed=true]{background:#ddebca;border-color:#9bbd78}.ordering-experience .conversation-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 29px 4px;font-size:7px;color:#8b9b79;letter-spacing:1.3px}.ordering-experience .stage-dots{display:flex;gap:5px}.ordering-experience .stage-dots i{display:block;width:21px;height:3px;border-radius:3px;background:#e0e9d6}.ordering-experience .stage-dots i:first-child{background:#89a565}.ordering-experience[data-stage=review] .stage-dots i:nth-child(2),.ordering-experience[data-stage=placed] .stage-dots i{background:#89a565}.ordering-experience .messages{height:337px;min-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:20px 27px 24px;display:flex;flex-direction:column;gap:17px;scrollbar-width:thin;scrollbar-color:#c9d6b9 transparent}.ordering-experience .message{flex-shrink:0;max-width:90%;padding:15px 18px;background:#eef3e5;border:1px solid #e7eedc;border-radius:4px 15px 15px 15px;animation:shop-enter .22s ease-out}.ordering-experience .message>span{display:block;font-size:7px;letter-spacing:1.3px;color:#758c5f;font-weight:600}.ordering-experience .message p{margin:7px 0 0;font-size:13px;line-height:1.75;color:#45543b}.ordering-experience .message.user{align-self:end;background:#2e4423;border-color:#2e4423;border-radius:15px 4px 15px 15px;box-shadow:0 5px 14px #1937100c}.ordering-experience .message.user p{color:#f2f7eb}.ordering-experience .message.user>span{color:#b8cf9e}.ordering-experience .conversation-bottom{margin-top:auto;padding:20px 25px 19px;border-top:1px solid #e9edde;background:#fcfdf9}.ordering-experience .suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.ordering-experience .suggestions button{color:#597d3b;border:1px solid #c8d9b4;background:#f7fbf1;border-radius:22px;padding:10px 13px;font-size:10px;min-height:38px;line-height:1.3}.ordering-experience .suggestions button:hover{background:#e5f0d5;border-color:#96b678}.ordering-experience #chat-form{margin:0;display:flex;gap:0;border:1px solid #c9d7b9;border-radius:9px;background:#fff;padding:6px;box-shadow:0 4px 12px #56783106}.ordering-experience #chat-input{background:none;border:0;border-radius:3px;padding:12px 10px;font-size:12px;color:#293e20;width:100%;min-width:0;line-height:1.4}.ordering-experience #chat-input::placeholder{color:#8e9c7f}.ordering-experience #chat-form button{border:0;width:42px;min-height:42px;flex-shrink:0;border-radius:6px;background:#304923;color:#e2ffc2;font-size:23px}.ordering-experience .input-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;font-size:8px;color:#95a187;line-height:1.6}.ordering-experience .input-note button{background:none;border:0;font-size:8px;text-decoration:underline;color:#6d8753;padding:6px 0;min-height:25px;white-space:nowrap}.ordering-experience .cart-pane{background:linear-gradient(145deg,#f1f4e9,#eaf0df);padding:27px 29px;border-left:1px solid #dce4d0;min-width:0}.ordering-experience .cart-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.ordering-experience .cart-header .eyebrow{font-size:7px;letter-spacing:1.8px;color:#829571}.ordering-experience .cart-header h2{font-size:21px;letter-spacing:-.8px;line-height:1.25;font-weight:500;color:#334728;margin:9px 0 0}.ordering-experience #cart-count{width:33px;height:33px;display:grid;place-items:center;border:1px solid #cdddbc;background:#e6efd8;border-radius:50%;font-size:11px;color:#547637;flex-shrink:0}.ordering-experience .cart-items{display:flex;flex-direction:column;gap:12px;max-height:293px;min-height:95px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdcda9 transparent}.ordering-experience .cart-item{display:flex;align-items:center;gap:15px;min-height:83px;padding-bottom:12px;border-bottom:1px solid #dce4d1}.ordering-experience .product-art{width:68px;height:76px;border-radius:9px;background:#fbfcf7;box-shadow:0 3px 8px #40582c06;display:grid;place-items:center;border:1px solid #e5ecda;flex-shrink:0}.ordering-experience .product-art svg{width:57px;height:63px;filter:drop-shadow(0 4px 3px #42522b15)}.ordering-experience .item-description{display:flex;flex-direction:column;gap:5px;min-width:0}.ordering-experience .item-description>strong{font-size:12px;font-weight:500;color:#3c502f}.ordering-experience .item-description small{font-size:9px;color:#8b987c}.ordering-experience .quantity{display:flex;align-items:center;justify-content:space-between;width:85px;min-height:29px;border:1px solid #b8cca1;background:#f8fcf2;border-radius:6px;margin-top:5px}.ordering-experience .quantity button{width:29px;height:29px;background:none;border:0;color:#6b9050;font-size:17px}.ordering-experience .quantity>span{font-size:10px;color:#5c7e43}.ordering-experience .line-price{font-size:13px;font-weight:500;color:#486434;margin-left:auto;flex-shrink:0}.ordering-experience .cart-update{font-size:9px;line-height:1.5;color:#769750;min-height:31px;padding:10px 0 5px}.ordering-experience .cart-update:not(:empty):before{content:'✓';margin-right:6px}.ordering-experience .bill{padding:7px 0 0}.ordering-experience .bill>div{display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:10px;color:#8a987b}.ordering-experience .bill .total{padding:13px 0 10px;margin-top:8px;border-top:1px solid #d2dec5;color:#415b31;font-size:15px}.ordering-experience .bill .total strong{font-weight:600}.ordering-experience .bill .budget{background:#e1edce;border:1px solid #c1d4a8;border-radius:5px;padding:10px;font-size:9px;color:#5c7a3e;margin:3px 0 10px}.ordering-experience .bill .budget.over{background:#f6eacb;border-color:#dfc58b;color:#8b671e}.ordering-experience .delivery{border-top:1px solid #d5dfc9;padding-top:16px;margin-top:8px}.ordering-experience .delivery-heading{display:flex;align-items:center;gap:11px}.ordering-experience .delivery-heading>span{display:grid;place-items:center;background:#e4ecd8;border:1px solid #d5e0c6;border-radius:7px;width:33px;height:33px;font-size:23px;color:#7a9560}.ordering-experience .delivery-heading strong{font-size:11px;color:#51683e;display:block;font-weight:500}.ordering-experience .delivery-heading small{font-size:8px;color:#8fa07d;display:block;margin-top:4px}.ordering-experience .addresses{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.ordering-experience .addresses button{position:relative;border:1px solid #ccd9bc;background:#f8faf3;color:#5c7548;padding:12px;border-radius:6px;text-align:left}.ordering-experience .addresses strong{font-size:11px;font-weight:500}.ordering-experience .addresses span{font-size:8px;line-height:1.6;display:block;margin-top:5px;color:#899c76}.ordering-experience .addresses button.selected{background:#e5efd6;border-color:#91af6e;box-shadow:inset 0 0 0 1px #9bb77920}.ordering-experience .addresses button.selected:after{content:'✓';position:absolute;right:10px;top:10px;font-size:10px;color:#668d46}.ordering-experience .checkout{width:100%;border:1px solid #304520;border-radius:7px;background:#304723;color:#ebffd0;padding:15px 18px;min-height:47px;font-size:12px;font-weight:500;margin-top:17px;text-align:center}.ordering-experience .checkout:hover{background:#3c562d}.ordering-experience .checkout.placed{background:#dcebc8;border-color:#a2c17f;color:#517934}.ordering-experience .checkout-note{display:block;text-align:center;color:#8a9c75;font-size:8px;line-height:1.6;margin-top:9px}.ordering-experience .cart-disclaimer{text-align:center;font-size:8px;line-height:1.6;color:#98a68a;margin:12px 0 0}.ordering-experience .demo-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #dbe4cd;background:#e9efdf;padding:15px 28px;font-size:8px;color:#839774;line-height:1.6}.ordering-experience .demo-foot i{display:inline-block;background:#83a160;width:4px;height:4px;border-radius:50%;margin-right:5px}.ordering-experience button{cursor:pointer;transition:background .16s,border-color .16s}.ordering-experience button:disabled{cursor:default;opacity:.5}.ordering-experience button:focus-visible,.ordering-experience input:focus-visible{outline:2px solid #7d9d59;outline-offset:3px}.ordering-experience .empty-cart{font-size:15px;color:#819a68;padding:30px 15px;text-align:center}.ordering-experience .empty-cart small{font-size:10px;display:block;margin-top:12px}.ordering-experience .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.ordering-experience dialog{background:#f6f9ef;color:#364b28;border:1px solid #a3ba8b;border-radius:14px;width:min(540px,calc(100% - 24px));max-height:90svh;padding:38px}.ordering-experience dialog::backdrop{background:#101b10bd;backdrop-filter:blur(8px)}.ordering-experience dialog .close{border:0;background:none;font-size:27px;color:#8da473;position:absolute;right:12px;top:10px;width:33px;height:33px}.ordering-experience dialog h2{font-size:35px;line-height:1.15;letter-spacing:-1.5px;font-weight:500;color:#3d552d;margin:22px 0}.ordering-experience dialog p,.ordering-experience dialog li{font-size:12px;line-height:1.75;color:#869775}.ordering-experience dialog li{margin:13px 0}.ordering-experience dialog em{color:#88a861}.ordering-experience .receipt-check{display:grid;place-items:center;width:48px;height:48px;background:#dfedca;border:1px solid #bdd3a0;border-radius:50%;color:#77a04d;font-size:22px;margin-bottom:25px}.ordering-experience #receipt .eyebrow{font-size:8px;color:#94a480}.ordering-experience .receipt-list{border-top:1px solid #d7e1cc;border-bottom:1px solid #d7e1cc;padding:12px 0;margin:22px 0 0}.ordering-experience .receipt-list>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:8px 0}.ordering-experience .receipt-list b{font-weight:500}.ordering-experience .receipt-address{font-size:11px;color:#78945c;padding:18px 0}.ordering-experience .receipt-note{font-size:10px!important;background:#eaf1df;padding:13px;border-radius:6px}.ordering-experience .delivery-story{border:1px solid #d2dfc1;border-radius:7px;padding:16px;background:#edf4e1;margin:4px 0 15px}.ordering-experience .delivery-track{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ordering-experience .delivery-track span{font-size:8px;color:#9aad8a;border-top:3px solid #d8e4cc;padding-top:10px;line-height:1.5}.ordering-experience .delivery-track span.current{color:#6d944c;border-top-color:#87a766}.ordering-experience .delivery-story button{font-size:11px;color:#799e57;background:transparent;border:0;border-bottom:1px solid #c3d8ab;padding:13px 0 6px}.ordering-experience .delivery-story p{font-size:10px;margin-bottom:0}
@keyframes shop-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.ordering-experience .messages{height:380px}.ordering-experience .message p{font-size:14px}.ordering-experience .cart-pane{padding:30px 36px}.ordering-experience .scenarios button{padding:19px 20px}.ordering-experience .item-description>strong{font-size:13px}}
@media(max-width:1050px){.product-tab,.product-tab:last-child{padding:12px 8px;font-size:11px}.product-tab[aria-selected=true]{padding:12px 8px}.ordering-experience .cart-pane{padding:25px 20px}.ordering-experience .pane-title{padding:23px 20px;gap:10px}.ordering-experience .pane-title h2{font-size:14px}.ordering-experience .pane-title div>span{font-size:8px}.ordering-experience #sound{padding:8px 10px;font-size:8px}.ordering-experience .messages{padding:20px}.ordering-experience .message{padding:13px 15px;max-width:94%}.ordering-experience .message p{font-size:12px}.ordering-experience .conversation-bottom{padding:18px}.ordering-experience .cart-header h2{font-size:18px}.ordering-experience .product-art{width:54px;height:65px}.ordering-experience .product-art svg{width:47px;height:55px}.ordering-experience .cart-item{gap:10px}.ordering-experience .item-description>strong{font-size:11px}.ordering-experience .input-note{flex-wrap:wrap;gap:3px}.ordering-experience .scenarios strong{font-size:12px}.ordering-experience .scenarios small{font-size:9px}}
@media(max-width:800px){.product-tabs{display:flex;flex-direction:row;overflow-x:auto;gap:7px;scrollbar-width:thin;scrollbar-color:#698249 transparent;padding-bottom:12px;margin-bottom:25px}.product-tab,.product-tab:last-child{flex:0 0 150px;min-height:73px;font-size:12px;padding:12px;white-space:normal}.product-tab[aria-selected=true]{padding:12px}.ordering-feature-heading h3{font-size:39px}.ordering-feature-heading>div>p{font-size:12px}.ordering-demo-meta{display:none}.ordering-experience .scenarios{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 20px}.ordering-experience .scenario-head{padding:20px 18px 14px}.ordering-experience .scenarios strong{font-size:14px}.ordering-experience .scenarios small{font-size:10px}.ordering-experience .scenarios button{min-height:101px}.ordering-experience .demo-grid{grid-template-columns:1fr}.ordering-experience .cart-pane{border-left:0;border-top:1px solid #dae4ce;padding:26px}.ordering-experience .cart-header h2{font-size:24px}.ordering-experience .cart-items{max-height:300px}.ordering-experience .product-art{width:69px;height:76px}.ordering-experience .product-art svg{width:59px;height:66px}.ordering-experience .cart-item{gap:15px}.ordering-experience .item-description>strong{font-size:13px}.ordering-experience .item-description small{font-size:10px}.ordering-experience .quantity{width:102px;min-height:38px}.ordering-experience .quantity button{width:36px;height:37px;font-size:19px}.ordering-experience .quantity>span{font-size:12px}.ordering-experience .line-price{font-size:14px}.ordering-experience .pane-title{padding:24px}.ordering-experience .pane-title h2{font-size:17px}.ordering-experience .pane-title div>span{font-size:10px}.ordering-experience .messages{height:320px;padding:20px 24px}.ordering-experience .message p{font-size:14px}.ordering-experience .conversation-bottom{padding:20px 24px}.ordering-experience .input-note{flex-wrap:nowrap;font-size:8px}.ordering-experience .bill>div{font-size:12px}.ordering-experience .bill .total{font-size:16px}.ordering-experience .addresses strong{font-size:12px}.ordering-experience .addresses span{font-size:10px}.ordering-experience .delivery-heading strong{font-size:12px}.ordering-experience .delivery-heading small{font-size:9px}.ordering-experience .checkout-note,.ordering-experience .cart-disclaimer{font-size:9px}.ordering-experience .suggestions button{min-height:42px;font-size:11px}}
@media(max-width:450px){.ordering-feature-heading h3{font-size:34px;letter-spacing:-1.6px}.ordering-feature-heading>div>p{font-size:11px}.ordering-experience .scenario-head{padding:19px 13px 12px}.ordering-experience .scenario-head b{font-size:12px}.ordering-experience .scenario-head small{font-size:8px}.ordering-experience #reset{font-size:9px}.ordering-experience .scenarios{padding:0 12px 17px;gap:7px}.ordering-experience .scenarios button{padding:13px 11px;gap:8px;min-height:107px}.ordering-experience .scenarios strong{font-size:12px}.ordering-experience .scenarios small{font-size:9px}.ordering-experience .scenarios button>span{font-size:6px;letter-spacing:.5px}.ordering-experience .pane-title{padding:19px 16px;gap:10px}.ordering-experience .bot-avatar{height:38px;width:38px;border-radius:12px}.ordering-experience .pane-title h2{font-size:14px}.ordering-experience .pane-title div>span{font-size:8px}.ordering-experience #sound{font-size:7px;padding:8px 9px}.ordering-experience .conversation-progress{padding:16px 18px 0;font-size:6px}.ordering-experience .messages{padding:18px 16px;height:324px}.ordering-experience .message p{font-size:13px}.ordering-experience .conversation-bottom{padding:17px 15px}.ordering-experience .suggestions{gap:6px}.ordering-experience .suggestions button{font-size:10px;padding:10px 11px}.ordering-experience #chat-input{font-size:11px;padding:11px 7px}.ordering-experience .input-note{flex-wrap:wrap}.ordering-experience .cart-pane{padding:23px 18px}.ordering-experience .cart-header h2{font-size:20px}.ordering-experience .cart-item{gap:12px}.ordering-experience .product-art{width:58px;height:69px}.ordering-experience .product-art svg{width:52px;height:61px}.ordering-experience .item-description>strong{font-size:12px}.ordering-experience .item-description small{font-size:9px}.ordering-experience .addresses span{font-size:8px}.ordering-experience .demo-foot{display:block;padding:14px 18px;font-size:8px}.ordering-experience .demo-foot>span{display:block;margin:3px 0}.ordering-experience dialog{padding:35px 22px}.ordering-experience dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ordering-experience *{animation:none!important;transition:none!important}}
/* Keep small labels readable on the light surfaces. */
.ordering-experience .scenario-head small,.ordering-experience .scenarios button>span,.ordering-experience .scenarios small,.ordering-experience .pane-title div>span,.ordering-experience .conversation-progress,.ordering-experience .item-description small,.ordering-experience .bill>div,.ordering-experience .delivery-heading small,.ordering-experience .addresses span,.ordering-experience .checkout-note,.ordering-experience .cart-disclaimer,.ordering-experience .input-note,.ordering-experience .demo-foot{color:#66785a}.ordering-experience .cart-update{color:#557537}.ordering-experience .cart-header .eyebrow{color:#6a7e5d}.ordering-experience .scenario-head small,.ordering-experience .checkout-note,.ordering-experience .cart-disclaimer,.ordering-experience .demo-foot{font-size:9px}.ordering-experience #chat-input::placeholder{color:#718165}
