/* UI-087 · Layouts públicos do Oficina Menu. Nenhuma arte do módulo
   do Painel 1499 aparece na página do cliente. */
.menu-app{max-width:1000px}
.hero-logo{margin-top:23px}
.hero-logo strong{font-size:clamp(1.2rem,5.2vw,1.9rem);letter-spacing:.13em;font-weight:950}
.menu-app[data-layout=list]{max-width:770px}
.menu-app[data-layout=list] .menu-hero{min-height:260px;padding-block:24px}
.menu-app[data-layout=list] .menu-hero h1{font-size:clamp(2rem,8vw,3.6rem)}
.menu-app[data-layout=list] .menu-cards{display:grid;grid-template-columns:1fr;gap:8px}
.menu-app[data-layout=list] .menu-item{min-height:0;grid-template-columns:66px minmax(0,1fr);padding:9px 13px;gap:11px;border-radius:9px}
.menu-app[data-layout=list] .menu-item :is(img,.menu-placeholder){width:66px;height:66px}
.menu-app[data-layout=list] .menu-item h3{font-size:.91rem}
.menu-app[data-layout=list] .menu-section{margin-top:14px}
.menu-app[data-layout=list] .menu-section h2{border-bottom:2px solid var(--cp-secondary);padding-bottom:10px;font-size:clamp(1.3rem,5vw,2.2rem)}
.menu-app[data-layout=list] .featured-block{background:var(--cp-surface);border-left:5px solid var(--cp-accent)}
.menu-app[data-layout=list] .featured-block .menu-item{border-color:var(--cp-accent)}
.menu-app[data-layout=market]{max-width:1040px}
.menu-app[data-layout=market] .menu-hero{min-height:245px;padding:22px clamp(18px,4vw,38px)}
.menu-app[data-layout=market] .menu-hero h1{font-size:clamp(2.1rem,7vw,3.9rem);margin:8px 0}
.menu-app[data-layout=market] .hero-logo{margin-top:12px}
.menu-app[data-layout=market] .menu-hero p{margin-bottom:12px}
.menu-app[data-layout=market] .menu-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.menu-app[data-layout=market] .menu-item{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px;min-height:0}
.menu-app[data-layout=market] .menu-item>img,.menu-app[data-layout=market] .menu-item>.menu-placeholder{width:100%;height:155px;flex:none;border-radius:calc(var(--cp-radius)*.8)}
.menu-app[data-layout=market] .menu-item .item-topline{display:grid;grid-template-columns:1fr;gap:5px}
.menu-app[data-layout=market] .menu-item .item-topline strong{font-size:var(--cp-price-size)}
.menu-app[data-layout=market] .menu-item .menu-item-body{width:100%}
.menu-app[data-layout=market] .menu-section h2{font-family:var(--cp-body);font-size:clamp(1.25rem,4vw,1.8rem)}
.menu-app[data-layout=blocks] .menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-app[data-layout=blocks] .menu-item{border-left:3px solid var(--cp-secondary)}
.menu-app[data-layout=blocks] .menu-section{border:1px solid var(--cp-secondary);border-radius:var(--cp-radius);padding:16px;background:color-mix(in srgb,var(--cp-surface),transparent 38%)}
.menu-app[data-layout=blocks] .menu-section h2{margin-top:3px}
.featured-zone{display:grid;gap:14px;padding:10px 18px 7px}
.featured-block{position:relative;overflow:hidden;display:grid;gap:10px;padding:16px;border:1px solid var(--cp-secondary);border-radius:var(--cp-radius);background:var(--cp-surface)}
.featured-header{z-index:1;position:relative}
.featured-header h2{font:900 clamp(1.28rem,5vw,1.9rem)/1.1 var(--cp-title);margin:0}
.featured-header p{font-size:.82rem;opacity:.82;margin:6px 0 0}
.featured-block.featured-banner{background:linear-gradient(135deg,var(--cp-secondary),var(--cp-surface));border-color:var(--cp-accent)}
.featured-block.featured-notice{border-style:dashed}
.featured-block .featured-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;pointer-events:none}
.featured-cards{position:relative;z-index:1;display:flex;gap:10px;max-width:100%;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:5px}
.featured-cards .menu-item{flex:0 0 min(100%,250px);scroll-snap-align:start;min-height:92px;padding:10px;background:color-mix(in srgb,var(--cp-bg),var(--cp-surface) 40%)}
.featured-cards .menu-item>img,.featured-cards .menu-item>.menu-placeholder{width:54px;height:54px;flex:none}
.featured-cards .menu-item h3{font-size:.85rem}
.menu-app[data-layout=list] .featured-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.menu-app[data-layout=list] .featured-cards .menu-item{width:100%;flex-basis:auto}
.menu-app[data-layout=market] .featured-zone{padding-top:16px}
.menu-app[data-layout=market] .featured-block.featured-banner{min-height:160px;padding:18px}
.menu-app[data-layout=market] .featured-cards .menu-item{min-height:125px;max-width:250px;flex-direction:row}
.menu-app[data-layout=market] .featured-cards .menu-item>img,
.menu-app[data-layout=market] .featured-cards .menu-item>.menu-placeholder{height:79px;width:79px}
.detail-combo{display:grid;gap:5px;margin:11px 0;font-size:.83rem}
.combo-saving{color:var(--cp-primary);font-size:.82rem}
.detail-actions{display:grid;gap:9px}
.cart-prototype{margin:12px 18px 26px;padding:17px;border:1px dashed var(--cp-accent);border-radius:var(--cp-radius);background:var(--cp-surface)}
.cart-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}
.cart-head strong{display:grid;gap:2px}
.cart-head small{color:var(--cp-accent);font-size:.68rem}
.cart-head button,.cart-row button{border:1px solid var(--cp-secondary);background:var(--cp-bg);color:var(--cp-text);border-radius:9px;padding:6px 11px;font-weight:850}
.cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px 34px;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid var(--cp-secondary);font-size:.82rem}
.cart-row button{min-height:34px;min-width:34px}
.cart-total{padding-top:11px;font-weight:900;color:var(--cp-primary)}
.cart-prototype>p{font-size:.72rem;opacity:.82}
@media(max-width:760px){
 .menu-app[data-layout=market] .menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .menu-app[data-layout=market] .menu-item>img,.menu-app[data-layout=market] .menu-item>.menu-placeholder{height:132px}
 .menu-app[data-layout=blocks] .menu-cards{grid-template-columns:1fr}
 .menu-app[data-layout=list] .featured-cards{grid-template-columns:1fr}
 .featured-cards .menu-item{flex-basis:min(87%,275px)}
}
@media(max-width:390px){
 .menu-app[data-layout=market] .menu-item{padding:9px}
 .menu-app[data-layout=market] .menu-item>img,.menu-app[data-layout=market] .menu-item>.menu-placeholder{height:115px}
 .menu-app[data-layout=market] .menu-item h3{font-size:.83rem}
 .menu-app[data-layout=market] .menu-item p{font-size:.71rem}
 .menu-app[data-layout=blocks] .menu-section{padding:11px}
 .featured-block{padding:12px}
 .cart-row{grid-template-columns:minmax(0,1fr) auto 28px 28px;gap:4px}
 .cart-row button{min-width:28px;min-height:32px;padding:2px}
}
@media(prefers-reduced-motion:reduce){.featured-cards{scroll-behavior:auto}}