/* Original illustrated restaurant; the points and content remain native HTML. */
.restaurant-section{background:#f1eee6;padding-bottom:40px}
.restaurant-section .section-heading{align-items:center;margin-bottom:36px}
.restaurant-section h2 span{color:#a64120}
.restaurant-section .section-heading>p{max-width:300px}
.restaurant-explorer{border:1px solid #d8d3c9;border-radius:24px;overflow:hidden;background:#f6f3ed}
.zone-picker{display:grid;grid-template-columns:repeat(6,1fr);padding:10px;gap:5px;border-bottom:1px solid #d8d3c9;background:#f9f7f2}
.zone-picker button{border:1px solid transparent;background:transparent;color:#51534f;border-radius:9px;min-height:54px;padding:9px 7px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s,color .2s}
.zone-picker button span{color:#777770;font-size:10px;margin-right:7px}
.zone-picker button:hover{background:#e8e3da}
.zone-picker button[aria-pressed=true]{background:var(--dark);color:#fff}
.zone-picker button[aria-pressed=true] span{color:#ff925e}
.explorer-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}
.restaurant-view{position:relative;align-self:center;min-width:0;background:#f1eee6}
.restaurant-image{width:100%;aspect-ratio:3/2;object-fit:contain}
.scene-points{position:absolute;inset:0 0 42px}
.scene-point{position:absolute;display:flex;gap:0;align-items:center;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:30px;background:#202327;color:white;box-shadow:0 3px 0 #0002,0 5px 20px #0003;padding:0;min-height:44px;min-width:44px;cursor:pointer;transition:background .18s,box-shadow .18s}
.scene-point span{width:42px;flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:700}
.scene-point b{font-size:11px;font-weight:600;padding-right:15px}
.scene-point:hover,.scene-point[aria-pressed=true]{background:var(--orange);color:#181a1d;box-shadow:0 0 0 5px #ff642b24,0 6px 16px #0002}
.scene-point:focus-visible{outline-color:#141619;z-index:3}
.point-cardapio{left:23%;top:46%}.point-equipe{left:49%;top:48%}.point-cozinha{left:71%;top:29%}.point-caixa{left:76%;top:62%}.point-estoque{left:35%;top:18%}.point-delivery{left:40%;top:75%}
.scene-hint{height:42px;display:flex;gap:9px;align-items:center;justify-content:center;text-align:center;font-size:11px;color:#66645d}
.scene-hint span{color:#a64120;font-size:18px}
.zone-detail{background:#fffdf8;border-left:1px solid #ded9ce;padding:26px 27px 28px;display:flex;flex-direction:column}
.guide-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4dfd6;padding-bottom:18px;margin-bottom:24px}
.guide-heading img{width:69px;height:69px;object-fit:contain}
.guide-heading p{font-size:9px;letter-spacing:.1em;color:#716e66;line-height:1.8}
.guide-heading strong{font-size:12px;letter-spacing:0;color:#353633;font-weight:500}
.zone-kicker{font-size:10px;letter-spacing:.12em;font-weight:700;color:#a64120;margin-bottom:13px}
.zone-panel h3{font-size:27px;letter-spacing:-.045em;line-height:1.12;margin-bottom:17px}
.zone-panel>p:not(.zone-kicker){font-size:13px;line-height:1.8;color:#656660}
.zone-panel ul{list-style:none;padding:0;margin:20px 0 12px;font-size:12px;color:#44463f}
.zone-panel li{padding:8px 0;border-bottom:1px solid #e9e4dc;display:flex;gap:9px;align-items:baseline}
.zone-panel li:before{content:'✓';color:#a64120}
.zone-panel .text-link{font-size:12px;margin-top:8px}
.zone-panel .zone-note{font-size:10px!important;line-height:1.6!important;margin-top:12px;color:#706b63!important}
.zone-panel[hidden]{display:none}
.zone-panels{min-height:354px}
.operation-thread{display:flex;gap:22px;justify-content:center;align-items:center;padding-top:29px;flex-wrap:wrap;font-size:12px;color:#595952}
.operation-thread b{color:#a64120;font-size:18px;font-weight:400}
.device-section{display:grid;grid-template-columns:1.13fr .87fr;gap:90px;align-items:center}
.device-section h2{font-size:clamp(36px,3.6vw,50px)}
.device-section .eyebrow{color:#a64120}
.device-roles{margin-top:33px}
.device-roles article{display:flex;align-items:start;gap:21px;border-top:1px solid var(--line);padding:25px 0}
.role-number{color:#a64120;font-size:11px;padding-top:3px}
.role-label{font-size:9px;letter-spacing:.14em;margin-bottom:8px;color:#686962}
.device-roles h3{font-size:20px;margin-bottom:9px;letter-spacing:-.035em}
.device-roles article div>p:last-child{font-size:13px;max-width:440px;line-height:1.8}
.real-menu{background:#eae6dd;padding:27px 30px 30px;gap:24px;overflow:hidden;border:1px solid #ddd8ce}
.menu-topline{font-size:8px;letter-spacing:.12em;color:#65645e;display:flex;justify-content:space-between;width:100%;gap:16px}
.real-menu .menu-window{height:405px;width:266px;transform:rotate(3deg);border-width:8px;box-shadow:16px 20px 35px #29221626}
.menu-caption{text-align:center;position:relative;padding-top:6px}
.menu-caption h3{font-size:24px;line-height:1.2;letter-spacing:-.04em}
.menu-caption .text-link{margin-top:14px;font-size:13px}
@media(max-width:1100px){.explorer-body{grid-template-columns:minmax(0,1fr) 310px}.zone-detail{padding:22px}.scene-point b{display:none}.device-section{gap:45px}.zone-picker button{font-size:11px}.zone-picker button span{display:block;margin-right:0;margin-bottom:2px}.zone-panel h3{font-size:25px}}
@media(max-width:850px){.explorer-body{grid-template-columns:1fr}.restaurant-view{max-width:760px;width:100%;margin-inline:auto}.zone-detail{border-left:0;border-top:1px solid #ded9ce;display:grid;grid-template-columns:160px 1fr;gap:28px;padding:25px 32px}.guide-heading{align-self:start;flex-direction:column;align-items:flex-start;border:0;margin:0;padding:0}.guide-heading img{width:90px;height:90px}.guide-heading p{font-size:9px}.zone-panels{min-height:310px}.zone-panel h3 br{display:none}.zone-panel ul{margin-top:13px}.scene-point b{display:block}.device-section{gap:30px}.real-menu{padding:24px 20px}.operation-thread{gap:12px}}
@media(max-width:760px){.restaurant-section{padding-bottom:32px}.restaurant-section .section-heading>p{max-width:520px}.restaurant-explorer{border-radius:16px}.zone-picker{grid-template-columns:repeat(3,1fr);padding:8px;gap:4px}.zone-picker button{font-size:11px;min-height:48px;padding:8px 3px}.zone-picker button span{display:inline;margin-right:4px}.scene-point b{display:none}.scene-point{min-height:44px;min-width:44px}.scene-point span{width:42px}.restaurant-view{padding-top:8px}.scene-points{top:8px}.scene-hint{font-size:10px}.zone-detail{display:block;padding:21px}.guide-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e4dfd6}.guide-heading img{width:55px;height:55px}.guide-heading p{font-size:8px}.zone-panels{min-height:330px}.zone-panel h3{font-size:28px}.zone-panel>p:not(.zone-kicker){font-size:14px}.zone-panel li{font-size:12px}.zone-panel .text-link{font-size:13px}.operation-thread{display:grid;grid-template-columns:1fr auto 1fr;gap:10px 12px;padding-inline:10px;font-size:11px}.operation-thread span:nth-of-type(2){text-align:right}.operation-thread b:nth-of-type(2){display:none}.operation-thread span:nth-of-type(4){text-align:right}.device-section{grid-template-columns:1fr;gap:22px}.real-menu{max-width:440px;order:0}.real-menu .menu-window{height:390px;width:260px}.device-roles article{padding-block:22px}.device-section h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.scene-point,.zone-picker button{transition:none}}