/* Loja Modelo media, isolated to the guided demonstration. */
.demo-media[hidden]{display:none!important}.interactive-phone{position:relative;height:596px;isolation:isolate}.interactive-phone iframe{display:block;border:0;transform-origin:top left;background:white;max-width:none}.interactive-phone-wrap{width:100%;position:relative}.interaction-hint{pointer-events:none;position:absolute;left:12px;right:12px;bottom:70px;display:flex;align-items:center;justify-content:center;gap:10px;background:#09243bf2;color:#fff;border:1px solid #ffffff35;border-radius:24px;padding:12px 10px;font:500 11px Inter,Arial;box-shadow:0 6px 24px #09243b25;opacity:0;transition:opacity .35s}.hint-visible .interaction-hint{opacity:1}.interaction-hint.hint-dismissed{opacity:0!important}.gesture-hand{display:block;flex:none;width:27px;height:34px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gesture-trail{opacity:.4}.hint-visible .gesture-hand{animation:demo-gesture 2.8s cubic-bezier(.4,0,.2,1) infinite}.interaction-hint>span{max-width:170px;line-height:1.45}.demo-order-summary>strong+strong{margin-top:8px}.demo-total{padding-top:10px;margin-top:12px!important;border-top:1px solid #dce4e9}.demo-order-summary>strong{line-height:1.5}.live-kanban-shell{position:relative;width:100%;height:580px;overflow:hidden;background:#f3f6fa}.live-kanban-shell iframe{width:1680px;height:1000px;border:0;transform-origin:top left;max-width:none}.timeline-live-shell{width:min(315px,100%);margin:auto;border:6px solid #122c40;border-radius:24px;overflow:hidden;background:#f3f6fa;box-sizing:content-box}.timeline-live-shell iframe{width:420px;height:760px;border:0;display:block;transform-origin:top left;max-width:none}.no-demo-order>*{display:none!important}.no-demo-order::before{content:'Escolha um produto na primeira etapa para visualizar seu pedido aqui.';display:block;padding:36px;border:1px dashed #bccbd7;border-radius:14px;color:#617487;font-size:14px;line-height:1.8}.demo-menu-dialog{padding:0;border:1px solid #bccbd7;border-radius:18px;background:white;width:min(440px,calc(100vw - 20px));max-width:none;height:min(950px,calc(100dvh - 24px));max-height:none;overflow:hidden}.demo-menu-dialog::backdrop,.demo-live-dialog::backdrop{background:#031625d9;backdrop-filter:blur(6px)}.demo-menu-dialog header{height:67px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e2e8f0}.demo-menu-dialog header strong{display:block;font-size:13px}.demo-menu-dialog header small{font-size:10px;color:#64748b}.demo-menu-dialog header button{min-height:44px;padding:8px;font-size:12px}.expanded-menu-slot{height:calc(100% - 67px);width:100%}.expanded-menu-slot iframe{border:0;display:block}.demo-modal-open{overflow:hidden}.demo-live-dialog{width:min(1720px,96vw);max-width:none;height:90dvh;max-height:none;border:0;padding:54px 12px 12px;border-radius:16px;background:#f3f6fa}.live-view-slot{height:100%;overflow:auto}.live-view-slot iframe{width:max(100%,1500px);height:100%;border:0;min-height:700px}.demo-live-dialog[data-view=timeline]{width:min(460px,96vw)}.demo-live-dialog[data-view=timeline] iframe{width:100%;min-height:0}.order-lines>strong{display:block;margin-top:8px}.demo-panel{scroll-margin-top:100px}.kanban-viewport:focus-visible{outline:3px solid #ec5a17;outline-offset:3px}@keyframes demo-gesture{0%,15%{transform:translateY(5px);opacity:.5}35%{opacity:1}65%,80%{transform:translateY(-5px);opacity:1}100%{transform:translateY(5px);opacity:.5}}@media(prefers-reduced-motion:reduce){.gesture-hand{animation:none!important}.interaction-hint{transition:none}}@media(max-width:650px){.live-kanban-shell{width:1100px}.timeline-live-shell{width:min(280px,calc(100% - 12px))}.demo-menu-dialog{border-radius:14px}.demo-live-dialog{padding-inline:6px}.interactive-phone{touch-action:pan-x pan-y}.interaction-hint{font-size:10px}.demo-order-summary strong{font-size:.8rem}}
.demo-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:720px;padding:38px 52px;gap:54px}
.demo-order-summary{border-block:1px solid #dce4e9;padding:17px 0;margin:25px 0}.demo-order-summary>span{display:block;font-size:.56rem;letter-spacing:.11em;color:#6c7d89;margin-bottom:8px}.demo-order-summary>strong{display:flex;justify-content:space-between;gap:15px;font-size:.87rem}.demo-order-summary b{white-space:nowrap}.demo-order-summary small{display:block;font-size:.68rem;color:#657582;margin-top:7px}.demo-media{min-width:0}
.capture-phone{width:min(290px,100%);margin:auto;border:6px solid #122c40;border-radius:25px;overflow:hidden;background:white;box-shadow:0 22px 50px #09243b20}.capture-phone video{display:block;width:100%;aspect-ratio:420/900;object-fit:contain;background:#fff}.video-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:15px;font-size:.67rem}.video-actions button{text-decoration:underline;text-underline-offset:4px;padding:4px;min-height:32px}.video-actions>span{width:100%;text-align:center;color:#70808c;font-size:.61rem}
.capture-open{display:block;position:relative;padding:0;background:#f3f6fa;overflow:hidden;border:1px solid #d6e0e8;border-radius:12px;width:100%;box-shadow:0 16px 35px #09243b10;cursor:zoom-in}.capture-open img{display:block;width:100%;height:auto}.capture-open>span{position:absolute;right:12px;bottom:12px;background:#09243bef;color:white;padding:7px 12px;border-radius:6px;font-size:.62rem;box-shadow:0 2px 10px #0001}.capture-caption{text-align:center;color:#73818d;font-size:.62rem;margin-top:12px}.timeline-capture{max-width:365px;margin:auto;border:6px solid #122c40;border-radius:24px}.kitchen-demo-card{background:white;padding:27px;border:1px solid #dfe6eb;border-radius:14px;box-shadow:0 16px 35px #09243b10}
.demo-wide{display:block;min-height:720px}.demo-wide .demo-text{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:start;margin-bottom:28px}.demo-wide .demo-text>.eyebrow{grid-column:1/-1}.demo-wide .demo-text>h3{grid-column:1;grid-row:2/4}.demo-wide .demo-text>p:not(.eyebrow){grid-column:2;grid-row:2;margin:10px 0 12px}.demo-wide .demo-order-summary{grid-column:1;grid-row:4;margin:0;padding:10px 0;border:0}.demo-wide #demo-action{grid-column:2;grid-row:3;justify-self:start}.demo-wide .demo-order-summary>span{display:none}.demo-wide .demo-order-summary strong{justify-content:flex-start;gap:18px}
.demo-zoom{padding:48px 16px 16px;border:1px solid #cad6df;border-radius:14px;background:#f4f7fa;color:#09243b;width:min(1700px,96vw);max-height:94vh}.demo-zoom::backdrop{background:#031625cf;backdrop-filter:blur(5px)}.zoom-close{position:absolute;right:18px;top:10px;font:600 14px Inter,Arial;padding:7px 12px;border-radius:6px;background:#fff;border:1px solid #d2dce4}.zoom-scroll{max-height:calc(94vh - 75px);overflow:auto}.zoom-scroll img{width:auto;max-width:100%;height:auto;max-height:none;margin:auto}
.kanban-viewport{width:100%;overflow:auto;border-radius:12px}.kanban-mobile-hint{display:none}
@media(max-width:850px){.demo-panel{padding:30px;gap:30px}.demo-text h3{font-size:1.65rem}.demo-wide .demo-text{column-gap:25px}.demo-order-summary>strong{font-size:.79rem}.capture-phone{max-width:265px}.timeline-capture{max-width:315px}}
@media(max-width:650px){.demo-panel{display:flex;padding:26px 20px;min-height:0;gap:30px}.demo-wide .demo-text{display:block;margin-bottom:26px}.demo-text h3{font-size:1.6rem}.demo-order-summary{margin-block:20px}.demo-wide .demo-order-summary{margin:0 0 16px}.demo-wide .demo-text>p:not(.eyebrow){margin-bottom:16px}.demo-wide .demo-order-summary strong{justify-content:space-between;gap:8px}.capture-phone{max-width:285px}.timeline-capture{max-width:315px}.demo-media-1{width:100%;overflow-x:auto;padding-bottom:5px}.kanban-capture{width:850px;max-width:none}.demo-media-1 .capture-caption{text-align:left}.demo-zoom{width:96vw}.zoom-scroll{overflow:auto}.zoom-scroll img{max-width:none;min-width:100%;max-height:78vh;width:auto}.kitchen-demo-card{padding:20px}.demo-stage-nav button{font-size:.62rem;line-height:1.5}.demo-foot>span{line-height:1.6}}
@media(max-width:650px){.demo-media-1{overflow:visible}.kanban-capture{width:1450px;border-radius:10px}.kanban-viewport{border:1px solid #dce4eb;overscroll-behavior-x:contain;scrollbar-width:thin}.kanban-mobile-hint{display:block;font-size:.7rem;text-align:center;margin-top:12px;color:#536979}.video-actions{gap:8px}.video-actions button{min-height:44px;padding:8px 12px}.demo-stage-nav button{min-height:58px;font-size:.68rem}.demo-order-summary>strong{flex-wrap:wrap;column-gap:12px;row-gap:3px}.zoom-close{min-height:40px}.capture-caption{font-size:.68rem}}
/* Expand the same document without reloading the cart. */
dialog.interactive-phone{padding:0;color:inherit;max-width:none;max-height:none;inset:auto}dialog.interactive-phone.demo-menu-expanded{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 20px));height:min(950px,calc(100dvh - 24px));border:1px solid #bccbd7;border-radius:18px;box-sizing:border-box;z-index:10000}.demo-menu-expanded::backdrop{background:#031625d9;backdrop-filter:blur(6px)}.expanded-menu-header{height:67px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e2e8f0;background:#fff}.expanded-menu-header[hidden]{display:none}.expanded-menu-header strong{display:block;font-size:13px}.expanded-menu-header small{font-size:10px;color:#64748b}.expanded-menu-header button{min-height:44px;padding:8px;font-size:12px}.demo-menu-expanded .interaction-hint{display:none}

@media(min-width:1151px){.demo-panel{padding:34px 48px;gap:48px}.capture-phone{width:min(340px,100%)}}