:root{--erm-accent:#ff5a0a;--erm-ink:#111827;--erm-muted:#667085;--erm-line:#e7e9ee;--erm-bg:#f7f7f8;--erm-card:#fff;--erm-radius:18px;--erm-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--erm-bg);color:var(--erm-ink);font-family:var(--erm-font)}.erm-public-shell{max-width:1240px;margin:0 auto;padding:20px 16px 70px}.erm-pm-head{padding:10px 0 14px}.erm-pm-head>span{color:var(--erm-accent);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:850}.erm-pm-head h1{font-size:34px;line-height:1.04;margin:5px 0}.erm-pm-head p{margin:0;color:var(--erm-muted);font-size:12px}.erm-pm-search{display:flex;align-items:center;gap:8px;margin-top:14px;max-width:560px;padding:10px 12px;border:1px solid var(--erm-line);border-radius:13px;background:#fff}.erm-pm-search span{color:#98a2b3;font-size:20px}.erm-pm-search input{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:var(--erm-ink)}.erm-pm-cats{display:flex;gap:6px;overflow:auto;padding:10px 0 0;scrollbar-width:none}.erm-pm-cats::-webkit-scrollbar{display:none}.erm-pm-cats button{white-space:nowrap;border:1px solid var(--erm-line);background:#fff;color:#475467;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:750;cursor:pointer}.erm-pm-cats button.active{background:#111827;color:#fff;border-color:#111827}.erm-pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.erm-pm-card{overflow:hidden;background:#fff;border:1px solid var(--erm-line);border-radius:var(--erm-radius);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.erm-pm-card:hover,.erm-pm-card:focus{transform:translateY(-2px);border-color:#ffd0ba;box-shadow:0 12px 30px rgba(16,24,40,.08);outline:0}.erm-pm-card-media{position:relative;height:190px;overflow:hidden;background:linear-gradient(135deg,#fff1e8,#f1f5f9);display:grid;place-items:center}.erm-pm-card-media>img{width:100%;height:100%;object-fit:cover;display:block}.erm-pm-card-media>span{font-size:38px;font-weight:900;color:#c2410c}.erm-pm-card-media>i{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:999px;background:rgba(17,24,39,.85);color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px}.erm-pm-card-media>b{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:999px;background:#fff4e8;color:#b54708;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.erm-pm-card-copy{padding:12px}.erm-pm-card-copy h2{margin:0;font-size:16px}.erm-pm-card-copy p{margin:4px 0 9px;color:var(--erm-muted);font-size:11px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.erm-pm-chips{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.erm-pm-chips span{font-size:8px;background:#f2f4f7;color:#475467;padding:3px 6px;border-radius:999px}.erm-pm-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.erm-pm-card footer strong{font-size:17px;color:#dc4b00}.erm-pm-card footer button{border:0;background:#111827;color:#fff;border-radius:10px;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.erm-pm-empty,.erm-public-error{grid-column:1/-1;padding:24px;border:1px dashed var(--erm-line);border-radius:15px;text-align:center;color:var(--erm-muted);background:#fff}.erm-public-error{color:#b42318;background:#fff5f4} .erm-pm-modal-back{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.56);display:grid;place-items:center;padding:18px}.erm-pm-detail{position:relative;width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(15,23,42,.28)}.erm-pm-close{position:absolute;right:12px;top:12px;z-index:3;width:34px;height:34px;border:0;border-radius:999px;background:rgba(17,24,39,.86);color:#fff;font-size:20px;cursor:pointer}.erm-pm-detail-media{display:block;width:100%;height:340px;object-fit:cover;background:#111}.erm-pm-placeholder{display:grid;place-items:center;font-size:60px;color:#c2410c;background:linear-gradient(135deg,#fff1e8,#f8fafc)}.erm-pm-detail-copy{padding:18px}.erm-pm-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.erm-pm-detail-head h2{margin:0;font-size:27px}.erm-pm-detail-head p{margin:5px 0 0;color:var(--erm-muted);font-size:12px;max-width:640px;line-height:1.5}.erm-pm-detail-head>strong{font-size:22px;color:#dc4b00;white-space:nowrap}.erm-pm-detail-tabs{display:flex;gap:5px;overflow:auto;margin:14px 0 10px;padding:4px;background:#f6f7f9;border-radius:12px}.erm-pm-detail-tabs button{white-space:nowrap;border:0;background:transparent;color:#475467;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}.erm-pm-detail-tabs button.active{background:#fff;color:#111827;box-shadow:0 1px 4px rgba(16,24,40,.08)}.erm-pm-tab{display:none;padding:6px 2px 2px}.erm-pm-tab.active{display:block}.erm-pm-tab ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:0;margin:0;list-style:none}.erm-pm-tab li{padding:8px 9px;border:1px solid var(--erm-line);border-radius:10px;font-size:11px;background:#fbfcfd}.erm-pm-tab>p{font-size:12px;line-height:1.55}.erm-pm-muted{color:var(--erm-muted)}.erm-pm-tab h3{font-size:12px;margin:10px 0 7px}.erm-pm-mod-group{border:1px solid var(--erm-line);border-radius:13px;padding:10px;margin-bottom:8px}.erm-pm-mod-group header{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.erm-pm-mod-group header strong{font-size:12px}.erm-pm-mod-group header span{font-size:8px;color:var(--erm-muted)}.erm-pm-option{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #eef0f3;font-size:10px}.erm-pm-option:last-child{border-bottom:0}.erm-pm-option strong{font-size:9px}.erm-pm-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.erm-pm-gallery img{width:100%;height:150px;object-fit:cover;border-radius:11px} @media(max-width:900px){.erm-pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.erm-pm-detail-media{height:280px}} @media(max-width:600px){.erm-public-shell{padding:10px 8px 60px}.erm-pm-head h1{font-size:27px}.erm-pm-head p{font-size:10px}.erm-pm-search{max-width:none;padding:8px 10px}.erm-pm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.erm-pm-card{border-radius:14px}.erm-pm-card-media{height:120px}.erm-pm-card-copy{padding:8px}.erm-pm-card-copy h2{font-size:12px}.erm-pm-card-copy p{font-size:9px;margin:3px 0 6px}.erm-pm-card footer strong{font-size:13px}.erm-pm-card footer button{padding:6px 7px;font-size:7px}.erm-pm-chips span{font-size:6.5px}.erm-pm-modal-back{padding:7px}.erm-pm-detail{border-radius:16px;max-height:96vh}.erm-pm-detail-media{height:215px}.erm-pm-detail-copy{padding:12px}.erm-pm-detail-head h2{font-size:21px}.erm-pm-detail-head p{font-size:10px}.erm-pm-detail-head>strong{font-size:17px}.erm-pm-detail-tabs button{padding:7px 8px;font-size:8px}.erm-pm-tab ul{grid-template-columns:1fr}.erm-pm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.erm-pm-gallery img{height:110px}} /* Standalone Restaurant Suite surface: loaded only on the dedicated restaurant-menu page. */ #wpadminbar,.site-header,#masthead,.site-footer,#colophon,.entry-header,.page-header,.entry-title{display:none!important}.site-container,.site-content,.content-area,.content-container,#primary,.site-main,article.page,.entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important} /* Public Menu Experience 1.4.0 */ body.erm-public-menu-page #masthead,body.erm-public-menu-page .site-header,body.erm-public-menu-page #colophon,body.erm-public-menu-page .site-footer,body.erm-public-menu-page .entry-header,body.erm-public-menu-page .page-header{display:none!important}body.erm-public-menu-page .site-container,body.erm-public-menu-page .site-content,body.erm-public-menu-page .content-area,body.erm-public-menu-page #primary,body.erm-public-menu-page .site-main,body.erm-public-menu-page article,body.erm-public-menu-page .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.erm-pm-logo{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--erm-line);margin-bottom:8px}.erm-theme-editorial .erm-pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.erm-theme-editorial .erm-pm-card{grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);display:grid}.erm-theme-editorial .erm-pm-card-media{height:100%;min-height:230px}.erm-theme-compact .erm-pm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.erm-theme-compact .erm-pm-card-media{height:150px}.erm-theme-compact .erm-pm-card-copy{padding:10px}@media(max-width:760px){.erm-theme-editorial .erm-pm-grid,.erm-theme-compact .erm-pm-grid{grid-template-columns:1fr}.erm-theme-editorial .erm-pm-card{grid-template-columns:120px minmax(0,1fr)}.erm-theme-editorial .erm-pm-card-media{min-height:150px}} /* Captured theme feed 1.5.0 */ .erm-pm-card,.erm-pm-search,.erm-pm-empty,.erm-pm-detail{background:var(--erm-card)}.erm-pm-card footer strong,.erm-pm-head>span,.erm-pm-detail-head>strong{color:var(--erm-accent)}.erm-pm-cats button.active,.erm-pm-card footer button{background:var(--erm-ink);border-color:var(--erm-ink)}.erm-pm-card-media{background:color-mix(in srgb,var(--erm-accent) 10%,var(--erm-bg))}.erm-pm-card-media>span,.erm-pm-placeholder{color:var(--erm-accent)} /* 1.6.0 · Safe per-restaurant visual identity. The HTML/behavior stay unchanged. */ :root{--eco-menu-primary:#ff5a0a;--eco-menu-secondary:#111827;--eco-menu-background:#f7f7f8;--eco-menu-text:#111827;--eco-menu-button:#111827;--eco-menu-button-text:#fff;--eco-menu-price:#dc4b00;--eco-menu-active-category:#111827;--eco-menu-active-category-text:#fff;--eco-menu-surface:#fff;--eco-menu-muted:#667085;--eco-menu-radius:18px} body{background:var(--eco-menu-background);color:var(--eco-menu-text)} .erm-public-shell{color:var(--eco-menu-text)} .erm-pm-head>span{color:var(--eco-menu-primary)} .erm-pm-head p,.erm-pm-card-copy p,.erm-pm-muted,.erm-pm-detail-head p{color:var(--eco-menu-muted)} .erm-pm-search,.erm-pm-card,.erm-pm-empty,.erm-pm-detail{background:var(--eco-menu-surface)} .erm-pm-search input,.erm-pm-card-copy h2,.erm-pm-detail-head h2{color:var(--eco-menu-text)} .erm-pm-cats button{background:var(--eco-menu-surface);color:var(--eco-menu-text)} .erm-pm-cats button.active{background:var(--eco-menu-active-category);border-color:var(--eco-menu-active-category);color:var(--eco-menu-active-category-text)} .erm-pm-card{border-radius:var(--eco-menu-radius)} .erm-pm-card:hover,.erm-pm-card:focus{border-color:color-mix(in srgb,var(--eco-menu-primary) 42%,#e7e9ee)} .erm-pm-card-media{background:linear-gradient(135deg,color-mix(in srgb,var(--eco-menu-primary) 12%,var(--eco-menu-background)),color-mix(in srgb,var(--eco-menu-secondary) 8%,var(--eco-menu-background)))} .erm-pm-card-media>span,.erm-pm-placeholder{color:var(--eco-menu-primary)} .erm-pm-card-media>b{background:color-mix(in srgb,var(--eco-menu-secondary) 10%,#fff);color:var(--eco-menu-secondary)} .erm-pm-chips span{background:color-mix(in srgb,var(--eco-menu-secondary) 9%,#fff);color:var(--eco-menu-text)} .erm-pm-card footer strong,.erm-pm-detail-head>strong{color:var(--eco-menu-price)} .erm-pm-card footer button{background:var(--eco-menu-button);color:var(--eco-menu-button-text)} .erm-pm-logo{border-radius:min(12px,var(--eco-menu-radius))} .erm-pm-detail{border-radius:calc(var(--eco-menu-radius) + 4px)} /* 1.6.1 · Interactive serving video + customer order actions */ .erm-pm-card-actions{display:flex;align-items:center;gap:6px}.erm-pm-card-add{width:31px;height:31px;padding:0!important;border-radius:999px!important;font-size:18px!important;line-height:1!important;background:var(--eco-menu-primary)!important;color:#fff!important}.erm-pm-card-view{background:var(--eco-menu-button)!important;color:var(--eco-menu-button-text)!important}.erm-pm-video-pill{position:absolute;left:9px;bottom:9px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 18px);padding:6px 9px;border-radius:999px;background:rgba(17,24,39,.86);backdrop-filter:blur(8px);color:#fff;font-size:8px;font-weight:850;box-shadow:0 5px 18px rgba(17,24,39,.22)}.erm-pm-video-pill i{width:18px;height:18px;border-radius:999px;background:#fff;color:#111827;display:grid;place-items:center;font-size:7px;font-style:normal}.erm-pm-card-media>i{display:none}.erm-pm-video-stage{position:relative;background:#090b0f}.erm-pm-video-stage .erm-pm-detail-media{background:#090b0f}.erm-pm-sound{position:absolute;right:12px;bottom:12px;border:0;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.94);color:#111827;font-size:9px;font-weight:850;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.18)}.erm-pm-video-hint{position:absolute;left:12px;bottom:14px;padding:5px 8px;border-radius:999px;background:rgba(17,24,39,.7);color:#fff;font-size:8px;font-weight:700}.erm-pm-choice-block{margin-bottom:10px}.erm-pm-choice{display:flex;align-items:center;gap:9px;padding:10px 9px;border-bottom:1px solid #eef0f3;cursor:pointer}.erm-pm-choice:last-child{border-bottom:0}.erm-pm-choice input{width:17px;height:17px;accent-color:var(--eco-menu-primary);flex:0 0 auto}.erm-pm-choice span{flex:1;font-size:11px;font-weight:650}.erm-pm-choice strong{font-size:10px}.erm-pm-needs-choice{outline:2px solid #d92d20;outline-offset:2px}.erm-pm-order-tools{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:end;margin-top:16px;padding-top:13px;border-top:1px solid var(--erm-line)}.erm-pm-qty{display:flex;align-items:center;gap:10px;padding:5px;border:1px solid var(--erm-line);border-radius:12px;background:#f8f9fb}.erm-pm-qty button{width:34px;height:34px;border:0;border-radius:9px;background:#fff;color:var(--eco-menu-text);font-size:19px;font-weight:800;cursor:pointer}.erm-pm-qty strong{min-width:18px;text-align:center}.erm-pm-notes{display:block;font-size:9px;font-weight:750}.erm-pm-notes span{display:block;margin-bottom:4px}.erm-pm-notes input{width:100%;border:1px solid var(--erm-line);border-radius:11px;padding:10px 11px;font:inherit;color:var(--eco-menu-text);background:#fff}.erm-pm-sticky-actions{position:sticky;bottom:-18px;z-index:2;display:grid;grid-template-columns:auto 1fr;gap:8px;margin:14px -18px -18px;padding:11px 18px max(11px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--erm-line)}.erm-pm-share{border:1px solid var(--erm-line);border-radius:12px;padding:11px 13px;background:#fff;color:var(--eco-menu-text);font-size:10px;font-weight:800;cursor:pointer}.erm-pm-add-order{border:0;border-radius:12px;padding:10px 13px;background:var(--eco-menu-button);color:var(--eco-menu-button-text);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:850;cursor:pointer}.erm-pm-add-order strong{font-size:12px;color:inherit}.erm-pm-toast{position:fixed;z-index:100003;left:50%;bottom:100px;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:9px 13px;border-radius:999px;background:#111827;color:#fff;font-size:10px;font-weight:800;transition:.2s ease;box-shadow:0 10px 35px rgba(17,24,39,.24)}.erm-pm-toast.show{opacity:1;transform:translate(-50%,0)}#erm-pm-cartbar{position:fixed;z-index:99990;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 20px));border:0;border-radius:16px;padding:10px 12px;background:var(--eco-menu-button);color:var(--eco-menu-button-text);display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;text-align:left;box-shadow:0 14px 42px rgba(15,23,42,.28);cursor:pointer}#erm-pm-cartbar span{display:flex;align-items:center;gap:8px}#erm-pm-cartbar span b{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:var(--eco-menu-primary);color:#fff;font-size:10px}#erm-pm-cartbar span i{font-style:normal;font-size:10px;font-weight:800}#erm-pm-cartbar>strong{font-size:12px}#erm-pm-cartbar>em{font-style:normal;font-size:9px;font-weight:850;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.14)}.erm-pm-cart-back{position:fixed;inset:0;z-index:100004;background:rgba(15,23,42,.5);display:flex;justify-content:flex-end}.erm-pm-cart-drawer{width:min(460px,100%);height:100%;background:var(--eco-menu-surface);color:var(--eco-menu-text);display:flex;flex-direction:column;box-shadow:-20px 0 70px rgba(15,23,42,.22);animation:ermCartIn .2s ease}@keyframes ermCartIn{from{transform:translateX(24px);opacity:.7}to{transform:none;opacity:1}}.erm-pm-cart-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--erm-line)}.erm-pm-cart-drawer>header span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--eco-menu-muted);font-weight:800}.erm-pm-cart-drawer>header h2{margin:2px 0 0;font-size:22px}.erm-pm-cart-drawer>header button{width:34px;height:34px;border:0;border-radius:999px;background:#f2f4f7;font-size:20px;cursor:pointer}.erm-pm-cart-body{flex:1;overflow:auto;padding:10px 18px}.erm-pm-cart-line{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #eef0f3}.erm-pm-cart-line>img,.erm-pm-cart-letter{width:62px;height:62px;border-radius:12px;object-fit:cover;background:color-mix(in srgb,var(--eco-menu-primary) 10%,#fff)}.erm-pm-cart-letter{display:grid;place-items:center;font-size:22px;font-weight:900;color:var(--eco-menu-primary)}.erm-pm-cart-line>div>strong{display:block;font-size:12px}.erm-pm-cart-line small{display:block;color:var(--eco-menu-muted);font-size:8px;margin-top:2px;line-height:1.35}.erm-pm-cart-line>strong{font-size:11px;color:var(--eco-menu-price)}.erm-pm-line-controls{display:flex;align-items:center;gap:6px;margin-top:7px}.erm-pm-line-controls button{width:25px;height:25px;border:1px solid var(--erm-line);border-radius:8px;background:#fff;cursor:pointer}.erm-pm-line-controls b{font-size:10px;min-width:14px;text-align:center}.erm-pm-line-controls .erm-pm-remove{width:auto;padding:0 7px;color:#b42318;font-size:8px}.erm-pm-cart-drawer>footer{padding:14px 18px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--erm-line)}.erm-pm-cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.erm-pm-cart-total span{font-size:10px;color:var(--eco-menu-muted)}.erm-pm-cart-total strong{font-size:20px;color:var(--eco-menu-price)}.erm-pm-checkout-btn{width:100%;border:0;border-radius:12px;padding:12px 14px;background:var(--eco-menu-button);color:var(--eco-menu-button-text);font-size:10px;font-weight:850;cursor:pointer}.erm-pm-continue{width:100%;margin-top:7px;border:0;background:transparent;color:var(--eco-menu-text);font-size:9px;font-weight:750;cursor:pointer}.erm-pm-cart-empty{padding:30px 12px;text-align:center;color:var(--eco-menu-muted);font-size:11px}.erm-pm-checkout{padding:18px;overflow:auto}.erm-pm-checkout label{display:block;margin-bottom:10px;font-size:9px;font-weight:800}.erm-pm-checkout input,.erm-pm-checkout select,.erm-pm-checkout textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--erm-line);border-radius:11px;padding:10px 11px;background:#fff;color:var(--eco-menu-text);font:inherit}.erm-pm-honeypot{position:absolute!important;left:-10000px!important;opacity:0!important}.erm-pm-order-success{margin:auto;padding:28px 22px;text-align:center}.erm-pm-order-success>span{width:52px;height:52px;border-radius:999px;margin:0 auto 12px;display:grid;place-items:center;background:#eaf8f4;color:#08755f;font-size:25px;font-weight:900}.erm-pm-order-success h2{margin:0 0 7px;font-size:24px}.erm-pm-order-success>strong{display:block;font-size:13px;color:var(--eco-menu-primary)}.erm-pm-order-success p{color:var(--eco-menu-muted);font-size:10px;line-height:1.5;margin:10px auto;max-width:280px}.erm-pm-order-success>b{display:block;font-size:23px;color:var(--eco-menu-price);margin-bottom:16px} @media(max-width:600px){.erm-pm-video-pill{font-size:6.8px;padding:5px 7px;left:6px;bottom:6px}.erm-pm-video-pill i{width:15px;height:15px}.erm-pm-card-actions{gap:4px}.erm-pm-card-add{width:26px!important;height:26px!important;font-size:15px!important}.erm-pm-card-view{font-size:6.7px!important}.erm-pm-detail-media{height:260px}.erm-pm-order-tools{grid-template-columns:1fr}.erm-pm-notes{display:none}.erm-pm-sticky-actions{margin:12px -12px -12px;padding:10px 12px max(10px,env(safe-area-inset-bottom))}.erm-pm-cart-back{align-items:flex-end}.erm-pm-cart-drawer{height:min(88vh,780px);width:100%;border-radius:22px 22px 0 0}.erm-pm-cart-line{grid-template-columns:52px 1fr auto}.erm-pm-cart-line>img,.erm-pm-cart-letter{width:52px;height:52px}#erm-pm-cartbar{grid-template-columns:1fr auto}#erm-pm-cartbar>em{display:none}.erm-pm-toast{bottom:86px}} /* v1.7.0 App-style public menu enhancements */ #erm-public-menu.erm-pm-app{max-width:1120px;margin:0 auto;padding:14px 14px 120px;box-sizing:border-box} #erm-public-menu.erm-pm-app .erm-pm-hero{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(140deg,color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 18%,#fff),color-mix(in srgb,var(--eco-menu-secondary,#111827) 12%,#fff));box-shadow:0 18px 40px rgba(15,23,42,.08);margin-bottom:18px} #erm-public-menu.erm-pm-app .erm-pm-hero.has-cover{min-height:320px} #erm-public-menu.erm-pm-app .erm-pm-hero-cover{position:absolute;inset:0} #erm-public-menu.erm-pm-app .erm-pm-hero-cover img{width:100%;height:100%;object-fit:cover;display:block} #erm-public-menu.erm-pm-app .erm-pm-hero-overlay{position:relative;z-index:1;padding:18px;display:grid;gap:14px;background:linear-gradient(180deg,rgba(17,24,39,.08),rgba(17,24,39,.54));min-height:inherit;color:#fff} #erm-public-menu.erm-pm-app .erm-pm-hero:not(.has-cover) .erm-pm-hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.1));color:var(--eco-menu-text,#111827)} #erm-public-menu.erm-pm-app .erm-pm-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand{display:flex;align-items:center;gap:12px;min-width:0} #erm-public-menu.erm-pm-app .erm-pm-hero-brand>div{min-width:0} #erm-public-menu.erm-pm-app .erm-pm-logo{width:56px;height:56px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.26);background:#fff;box-shadow:0 8px 16px rgba(15,23,42,.12)} #erm-public-menu.erm-pm-app .erm-pm-hero-brand span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;opacity:.92} #erm-public-menu.erm-pm-app .erm-pm-hero-brand h1{margin:4px 0 0;font-size:clamp(28px,5vw,42px);line-height:1.05;color:inherit} #erm-public-menu.erm-pm-app .erm-pm-hero-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:76px;border:0;border-radius:18px;padding:10px 12px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px);color:inherit;cursor:pointer} #erm-public-menu.erm-pm-app .erm-pm-hero-cart b{font-size:18px;line-height:1} #erm-public-menu.erm-pm-app .erm-pm-hero-cart span{font-size:11px;font-weight:700} #erm-public-menu.erm-pm-app .erm-pm-hero-copy{display:grid;gap:8px;max-width:720px} #erm-public-menu.erm-pm-app .erm-pm-hero-copy strong{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} #erm-public-menu.erm-pm-app .erm-pm-hero:not(.has-cover) .erm-pm-hero-copy strong{background:rgba(255,255,255,.82)} #erm-public-menu.erm-pm-app .erm-pm-hero-copy p{margin:0;font-size:15px;line-height:1.55;max-width:680px;color:inherit} #erm-public-menu.erm-pm-app .erm-pm-search{display:flex!important;align-items:center;gap:10px;padding:14px 16px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:18px;color:#98a2b3;box-shadow:none} #erm-public-menu.erm-pm-app .erm-pm-search input{border:0;background:transparent;font-size:16px;color:#111827;outline:0;width:100%} #erm-public-menu.erm-pm-app .erm-pm-hero-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px} #erm-public-menu.erm-pm-app .erm-pm-quick{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px);color:inherit;font-weight:800;cursor:pointer} #erm-public-menu.erm-pm-app .erm-pm-quick.is-accent{background:var(--eco-menu-button,#111827);color:var(--eco-menu-button-text,#fff);border-color:transparent} #erm-public-menu.erm-pm-app .erm-pm-quick i{font-style:normal;font-size:14px;font-weight:900} #erm-public-menu.erm-pm-app .erm-pm-section{margin-bottom:18px;padding:18px;border:1px solid color-mix(in srgb,var(--eco-menu-text,#111827) 9%,transparent);border-radius:24px;background:var(--eco-menu-surface,#fff);box-shadow:0 10px 28px rgba(15,23,42,.05)} #erm-public-menu.erm-pm-app .erm-pm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px} #erm-public-menu.erm-pm-app .erm-pm-section-head span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--eco-menu-primary,#ff5a0a)} #erm-public-menu.erm-pm-app .erm-pm-section-head h2{margin:4px 0 0;font-size:22px} #erm-public-menu.erm-pm-app .erm-pm-section-head button,#erm-public-menu.erm-pm-app .erm-pm-inline-link{border:0;border-radius:999px;padding:10px 14px;background:#f4f5f7;color:#111827;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity} #erm-public-menu.erm-pm-app .erm-pm-promo-card{scroll-snap-align:start;border:1px solid color-mix(in srgb,var(--eco-menu-text,#111827) 10%,transparent);border-radius:22px;background:#fff;overflow:hidden;cursor:pointer;display:grid} #erm-public-menu.erm-pm-app .erm-pm-promo-media{position:relative;height:190px;background:linear-gradient(135deg,color-mix(in srgb,var(--eco-menu-primary) 18%,#fff),color-mix(in srgb,var(--eco-menu-secondary) 10%,#fff));display:grid;place-items:center;overflow:hidden} #erm-public-menu.erm-pm-app .erm-pm-promo-media img{width:100%;height:100%;object-fit:cover} #erm-public-menu.erm-pm-app .erm-pm-promo-media span{font-size:42px;font-weight:900;color:var(--eco-menu-primary,#ff5a0a)} #erm-public-menu.erm-pm-app .erm-pm-promo-copy{padding:14px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy small{display:block;color:var(--eco-menu-primary,#ff5a0a);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900} #erm-public-menu.erm-pm-app .erm-pm-promo-copy h3{margin:6px 0;font-size:22px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy p{margin:0;color:var(--eco-menu-muted,#667085);font-size:14px;line-height:1.55;min-height:42px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy footer strong{font-size:22px;color:var(--eco-menu-price,#dc4b00)} #erm-public-menu.erm-pm-app .erm-pm-promo-copy footer button{border:0;border-radius:12px;padding:10px 14px;background:var(--eco-menu-button,#111827);color:var(--eco-menu-button-text,#fff);font-weight:800;cursor:pointer} #erm-public-menu.erm-pm-app .erm-pm-cats{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px} #erm-public-menu.erm-pm-app .erm-pm-cats button{border-radius:999px;padding:11px 16px;background:#f6f7f8;border:1px solid transparent;font-size:14px;font-weight:800;color:var(--eco-menu-text,#111827)} #erm-public-menu.erm-pm-app .erm-pm-cats button.active{background:var(--eco-menu-active-category,#111827);color:var(--eco-menu-active-category-text,#fff)} #erm-public-menu.erm-pm-app .erm-pm-grid{gap:14px;margin-top:14px} #erm-public-menu.erm-pm-app .erm-pm-card{border-radius:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--eco-menu-text,#111827) 10%,transparent);background:#fff;box-shadow:none;transition:transform .18s ease, box-shadow .18s ease} #erm-public-menu.erm-pm-app .erm-pm-card:active,#erm-public-menu.erm-pm-app .erm-pm-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(15,23,42,.08)} #erm-public-menu.erm-pm-app .erm-pm-card-media{height:210px} #erm-public-menu.erm-pm-app .erm-pm-card-copy{padding:14px} #erm-public-menu.erm-pm-app .erm-pm-card-copy h2{font-size:24px} #erm-public-menu.erm-pm-app .erm-pm-card-copy p{font-size:14px;line-height:1.55;min-height:44px} #erm-public-menu.erm-pm-app .erm-pm-card-copy footer strong{font-size:28px} #erm-public-menu.erm-pm-app .erm-pm-card-view{border-radius:12px;padding:10px 12px} #erm-public-menu.erm-pm-app .erm-pm-card-add{width:42px;height:42px;border-radius:14px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(640px,calc(100vw - 22px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:22px;background:rgba(17,24,39,.88);backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(15,23,42,.24);z-index:100} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button{border:0;border-radius:16px;padding:10px 8px;background:transparent;color:#e5e7eb;display:grid;justify-items:center;gap:4px;font-size:11px;font-weight:800;cursor:pointer} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button i{font-style:normal;font-size:16px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button.has-items{background:rgba(255,255,255,.14);color:#fff} body #erm-pm-cartbar{bottom:94px} @media (max-width:780px){ #erm-public-menu.erm-pm-app{padding:10px 10px 128px} #erm-public-menu.erm-pm-app .erm-pm-hero.has-cover{min-height:300px} #erm-public-menu.erm-pm-app .erm-pm-hero-overlay{padding:14px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand h1{font-size:34px} #erm-public-menu.erm-pm-app .erm-pm-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))} #erm-public-menu.erm-pm-app .erm-pm-section{padding:14px;border-radius:20px} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{grid-auto-columns:85%} #erm-public-menu.erm-pm-app .erm-pm-card-media{height:170px} } @media (max-width:520px){ #erm-public-menu.erm-pm-app .erm-pm-hero-brand{align-items:flex-start} #erm-public-menu.erm-pm-app .erm-pm-logo{width:48px;height:48px;border-radius:16px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand span{font-size:10px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand h1{font-size:28px} #erm-public-menu.erm-pm-app .erm-pm-hero-copy p{font-size:14px} #erm-public-menu.erm-pm-app .erm-pm-search{padding:12px 14px} #erm-public-menu.erm-pm-app .erm-pm-quick{padding:11px 12px;font-size:13px} #erm-public-menu.erm-pm-app .erm-pm-section-head{align-items:flex-start;flex-direction:column} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{grid-auto-columns:92%} #erm-public-menu.erm-pm-app .erm-pm-bottomnav{width:calc(100vw - 16px);bottom:8px;border-radius:18px;padding:8px;gap:4px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button{padding:9px 4px;font-size:10px} body #erm-pm-cartbar{bottom:82px} } /* v1.7.1 responsive refinement: compact mobile + differentiated desktop + promo marquee */ #erm-public-menu.erm-pm-app .erm-pm-marquee{display:flex;align-items:center;overflow:hidden;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16)} #erm-public-menu.erm-pm-app .erm-pm-hero:not(.has-cover) .erm-pm-marquee{background:rgba(255,255,255,.9);border-color:rgba(17,24,39,.08)} #erm-public-menu.erm-pm-app .erm-pm-marquee-track{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;min-width:max-content;animation:ermPromoMove 26s linear infinite;font-size:12px;font-weight:800;color:inherit} #erm-public-menu.erm-pm-app .erm-pm-marquee-track i{font-style:normal;opacity:.55} @keyframes ermPromoMove{from{transform:translateX(0)}to{transform:translateX(-50%)}} #erm-public-menu.erm-pm-app .erm-pm-marquee:hover .erm-pm-marquee-track{animation-play-state:paused} @media (min-width:1025px){ #erm-public-menu.erm-pm-app{padding:24px 24px 40px} #erm-public-menu.erm-pm-app .erm-pm-hero{border-radius:32px;margin-bottom:22px} #erm-public-menu.erm-pm-app .erm-pm-hero-overlay{padding:24px 24px 22px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-template-areas:"marquee marquee" "top actions" "copy actions" "search actions";align-items:start;column-gap:18px;row-gap:14px} #erm-public-menu.erm-pm-app .erm-pm-marquee{grid-area:marquee} #erm-public-menu.erm-pm-app .erm-pm-hero-top{grid-area:top} #erm-public-menu.erm-pm-app .erm-pm-hero-copy{grid-area:copy;max-width:none} #erm-public-menu.erm-pm-app .erm-pm-search{grid-area:search;max-width:none} #erm-public-menu.erm-pm-app .erm-pm-hero-actions{grid-area:actions;grid-template-columns:1fr;align-self:stretch;align-content:start} #erm-public-menu.erm-pm-app .erm-pm-quick{justify-content:flex-start;padding:13px 14px} #erm-public-menu.erm-pm-app .erm-pm-section{padding:22px} #erm-public-menu.erm-pm-app .erm-pm-section-head h2{font-size:24px} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{grid-auto-flow:unset;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible} #erm-public-menu.erm-pm-app .erm-pm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #erm-public-menu.erm-pm-app .erm-pm-card-media{height:220px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav{display:none} body #erm-pm-cartbar{bottom:20px} } @media (max-width:820px){ #erm-public-menu.erm-pm-app{padding:8px 8px 108px} #erm-public-menu.erm-pm-app .erm-pm-hero{border-radius:22px;margin-bottom:12px} #erm-public-menu.erm-pm-app .erm-pm-hero.has-cover{min-height:auto} #erm-public-menu.erm-pm-app .erm-pm-hero-overlay{padding:12px;gap:10px} #erm-public-menu.erm-pm-app .erm-pm-marquee{padding:6px 10px} #erm-public-menu.erm-pm-app .erm-pm-marquee-track{font-size:10px;gap:10px} #erm-public-menu.erm-pm-app .erm-pm-hero-top{gap:10px;align-items:center} #erm-public-menu.erm-pm-app .erm-pm-logo{width:42px;height:42px;border-radius:14px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand{gap:10px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand span{font-size:10px;letter-spacing:.09em} #erm-public-menu.erm-pm-app .erm-pm-hero-brand h1{font-size:22px;line-height:1.04;margin-top:2px} #erm-public-menu.erm-pm-app .erm-pm-hero-cart{min-width:62px;padding:8px 8px;border-radius:14px} #erm-public-menu.erm-pm-app .erm-pm-hero-cart b{font-size:15px} #erm-public-menu.erm-pm-app .erm-pm-hero-cart span{font-size:9px} #erm-public-menu.erm-pm-app .erm-pm-hero-copy strong{padding:5px 9px;font-size:10px} #erm-public-menu.erm-pm-app .erm-pm-hero-copy p{font-size:12px;line-height:1.4} #erm-public-menu.erm-pm-app .erm-pm-search{padding:10px 12px;border-radius:14px} #erm-public-menu.erm-pm-app .erm-pm-search input{font-size:14px} #erm-public-menu.erm-pm-app .erm-pm-hero-actions{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none} #erm-public-menu.erm-pm-app .erm-pm-hero-actions::-webkit-scrollbar{display:none} #erm-public-menu.erm-pm-app .erm-pm-quick{flex:0 0 auto;min-width:auto;padding:10px 12px;border-radius:14px;font-size:13px;gap:7px} #erm-public-menu.erm-pm-app .erm-pm-quick span{white-space:nowrap} #erm-public-menu.erm-pm-app .erm-pm-section{padding:12px;border-radius:18px;margin-bottom:12px} #erm-public-menu.erm-pm-app .erm-pm-section-head{margin-bottom:10px} #erm-public-menu.erm-pm-app .erm-pm-section-head h2{font-size:18px} #erm-public-menu.erm-pm-app .erm-pm-section-head button,#erm-public-menu.erm-pm-app .erm-pm-inline-link{padding:8px 11px;font-size:12px} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{grid-auto-columns:82%;gap:10px} #erm-public-menu.erm-pm-app .erm-pm-promo-media{height:142px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy{padding:11px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy h3{font-size:18px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy p{font-size:12px;min-height:34px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy footer strong{font-size:18px} #erm-public-menu.erm-pm-app .erm-pm-cats{gap:8px;padding-bottom:0} #erm-public-menu.erm-pm-app .erm-pm-cats button{padding:9px 12px;font-size:12px} #erm-public-menu.erm-pm-app .erm-pm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px} #erm-public-menu.erm-pm-app .erm-pm-card{border-radius:18px} #erm-public-menu.erm-pm-app .erm-pm-card-media{height:126px} #erm-public-menu.erm-pm-app .erm-pm-card-copy{padding:10px} #erm-public-menu.erm-pm-app .erm-pm-card-copy h2{font-size:16px;line-height:1.1} #erm-public-menu.erm-pm-app .erm-pm-card-copy p{font-size:11px;min-height:32px;line-height:1.35} #erm-public-menu.erm-pm-app .erm-pm-card-copy footer{margin-top:8px;gap:6px} #erm-public-menu.erm-pm-app .erm-pm-card-copy footer strong{font-size:18px} #erm-public-menu.erm-pm-app .erm-pm-card-view{padding:8px 9px;font-size:10px} #erm-public-menu.erm-pm-app .erm-pm-card-add{width:34px;height:34px;border-radius:12px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav{width:calc(100vw - 14px);bottom:6px;padding:7px 6px;gap:4px;border-radius:18px;grid-template-columns:repeat(4,1fr)} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button{padding:8px 3px;font-size:10px;gap:2px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button i{font-size:14px} body #erm-pm-cartbar{bottom:74px;left:8px;right:8px;width:auto;transform:none;border-radius:16px;padding:11px 12px} } @media (max-width:480px){ #erm-public-menu.erm-pm-app{padding:6px 6px 102px} #erm-public-menu.erm-pm-app .erm-pm-hero-overlay{padding:10px;gap:8px} #erm-public-menu.erm-pm-app .erm-pm-marquee-track{font-size:9px} #erm-public-menu.erm-pm-app .erm-pm-logo{width:38px;height:38px;border-radius:12px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand h1{font-size:19px} #erm-public-menu.erm-pm-app .erm-pm-hero-brand span{font-size:9px} #erm-public-menu.erm-pm-app .erm-pm-hero-copy strong{font-size:9px;padding:4px 8px} #erm-public-menu.erm-pm-app .erm-pm-hero-copy p{font-size:11px} #erm-public-menu.erm-pm-app .erm-pm-search{padding:9px 10px} #erm-public-menu.erm-pm-app .erm-pm-search span{font-size:16px} #erm-public-menu.erm-pm-app .erm-pm-search input{font-size:13px} #erm-public-menu.erm-pm-app .erm-pm-quick{padding:9px 10px;border-radius:12px;font-size:12px} #erm-public-menu.erm-pm-app .erm-pm-section{padding:10px;border-radius:16px} #erm-public-menu.erm-pm-app .erm-pm-section-head h2{font-size:16px} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{grid-auto-columns:88%} #erm-public-menu.erm-pm-app .erm-pm-grid{gap:8px} #erm-public-menu.erm-pm-app .erm-pm-card-media{height:112px} #erm-public-menu.erm-pm-app .erm-pm-card-copy{padding:8px} #erm-public-menu.erm-pm-app .erm-pm-card-copy h2{font-size:14px} #erm-public-menu.erm-pm-app .erm-pm-card-copy p{font-size:10px;min-height:28px} #erm-public-menu.erm-pm-app .erm-pm-card-copy footer strong{font-size:16px} #erm-public-menu.erm-pm-app .erm-pm-card-view{font-size:9px;padding:7px 8px} #erm-public-menu.erm-pm-app .erm-pm-card-add{width:30px;height:30px} } /* v1.7.2 mobile app concept + swipe/auto promotions */ @media (max-width:820px){ /* The moving promotion line becomes the compact top message on mobile. */ #erm-public-menu.erm-pm-app .erm-pm-marquee{order:-2;background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 11%,#fff);border-color:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 24%,transparent);color:var(--eco-menu-text,#111827)} #erm-public-menu.erm-pm-app .erm-pm-marquee-track{animation-duration:22s} /* Avoid duplicating the same promotion message and the same app actions. */ #erm-public-menu.erm-pm-app .erm-pm-hero-copy{display:none} #erm-public-menu.erm-pm-app .erm-pm-hero-actions{display:none} #erm-public-menu.erm-pm-app .erm-pm-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 12%,var(--eco-menu-background,#f7f7f8)),color-mix(in srgb,var(--eco-menu-secondary,#111827) 5%,var(--eco-menu-background,#f7f7f8)))} #erm-public-menu.erm-pm-app .erm-pm-hero:not(.has-cover) .erm-pm-hero-overlay{background:transparent} #erm-public-menu.erm-pm-app .erm-pm-hero-overlay{padding:10px;gap:8px} #erm-public-menu.erm-pm-app .erm-pm-search{margin:0} /* Promotions: natural swipe + snap. JS advances them automatically every few seconds. */ #erm-public-menu.erm-pm-app .erm-pm-promo-rail{display:flex;grid-auto-flow:unset;grid-auto-columns:unset;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 1px 5px;scrollbar-width:none} #erm-public-menu.erm-pm-app .erm-pm-promo-rail::-webkit-scrollbar{display:none} #erm-public-menu.erm-pm-app .erm-pm-promo-card{flex:0 0 78%;scroll-snap-align:start;scroll-snap-stop:always;border-radius:16px} #erm-public-menu.erm-pm-app .erm-pm-promo-media{height:124px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy{padding:9px 10px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy small{font-size:9px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy h3{font-size:15px;margin:4px 0} #erm-public-menu.erm-pm-app .erm-pm-promo-copy p{font-size:10px;line-height:1.35;min-height:27px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #erm-public-menu.erm-pm-app .erm-pm-promo-copy footer{margin-top:8px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy footer strong{font-size:16px} #erm-public-menu.erm-pm-app .erm-pm-promo-copy footer button{padding:7px 9px;border-radius:9px;font-size:9px} /* Bottom app bar inherits each restaurant's palette instead of generic black. */ #erm-public-menu.erm-pm-app .erm-pm-bottomnav{background:color-mix(in srgb,var(--eco-menu-surface,#fff) 92%,var(--eco-menu-primary,#ff5a0a) 8%);border:1px solid color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 22%,transparent);box-shadow:0 12px 32px rgba(15,23,42,.16);backdrop-filter:blur(18px);padding:5px 6px;min-height:58px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button{color:var(--eco-menu-text,#111827);border-radius:13px;padding:5px 3px;gap:1px;font-size:9px;background:transparent} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button i{width:26px;height:26px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 10%,#fff);color:var(--eco-menu-primary,#ff5a0a);font-size:13px;font-weight:900} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button:nth-child(2) i{background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 17%,#fff)} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button.has-items{background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 10%,transparent);color:var(--eco-menu-text,#111827)} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button.has-items i{background:var(--eco-menu-primary,#ff5a0a);color:#fff} body #erm-pm-cartbar{bottom:69px} } @media (max-width:480px){ #erm-public-menu.erm-pm-app{padding-bottom:94px} #erm-public-menu.erm-pm-app .erm-pm-promo-card{flex-basis:84%} #erm-public-menu.erm-pm-app .erm-pm-promo-media{height:112px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav{width:calc(100vw - 12px);min-height:54px;border-radius:16px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button{font-size:8.5px} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button i{width:24px;height:24px;border-radius:9px;font-size:12px} body #erm-pm-cartbar{bottom:65px} } @media (prefers-reduced-motion:reduce){ #erm-public-menu.erm-pm-app .erm-pm-marquee-track{animation:none} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{scroll-behavior:auto} } /* v1.7.4 final size pricing + stronger featured section */ #erm-public-menu.erm-pm-app .erm-pm-promo-section{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 18%,#fff),color-mix(in srgb,var(--eco-menu-secondary,#111827) 9%,#fff));border:1px solid color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 34%,transparent);box-shadow:0 18px 42px color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 13%,transparent)} #erm-public-menu.erm-pm-app .erm-pm-promo-section:before{content:"★";position:absolute;right:-18px;top:-34px;font-size:128px;line-height:1;color:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 10%,transparent);pointer-events:none;transform:rotate(12deg)} #erm-public-menu.erm-pm-app .erm-pm-promo-section .erm-pm-section-head{position:relative;z-index:1} #erm-public-menu.erm-pm-app .erm-pm-promo-section .erm-pm-section-head>div>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--eco-menu-primary,#ff5a0a);color:#fff;letter-spacing:.1em} #erm-public-menu.erm-pm-app .erm-pm-promo-section .erm-pm-section-head h2{font-weight:950;letter-spacing:-.03em} #erm-public-menu.erm-pm-app .erm-pm-promo-card{box-shadow:0 12px 30px rgba(15,23,42,.09);border-color:rgba(255,255,255,.6)} #erm-public-menu.erm-pm-app .erm-pm-promo-card .erm-pm-promo-copy small{color:var(--eco-menu-primary,#ff5a0a);font-weight:950} #erm-public-menu.erm-pm-app .erm-pm-size-help{margin:-2px 0 8px;color:var(--eco-menu-muted,#667085);font-size:10px} #erm-public-menu.erm-pm-app .erm-pm-size-choice{border:1px solid color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 12%,#e7e9ee);border-radius:12px;padding:10px 11px;margin-bottom:6px;background:#fff} #erm-public-menu.erm-pm-app .erm-pm-size-choice:has(input:checked){border-color:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 55%,transparent);background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 7%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 8%,transparent)} #erm-public-menu.erm-pm-app .erm-pm-size-choice strong{font-size:13px;color:var(--eco-menu-price,#dc4b00)} @media(min-width:1025px){ #erm-public-menu.erm-pm-app .erm-pm-promo-section{padding:26px} #erm-public-menu.erm-pm-app .erm-pm-promo-rail{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} #erm-public-menu.erm-pm-app .erm-pm-promo-card:first-child{grid-column:span 2;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)} #erm-public-menu.erm-pm-app .erm-pm-promo-card:first-child .erm-pm-promo-media{height:100%;min-height:310px} #erm-public-menu.erm-pm-app .erm-pm-promo-card:first-child .erm-pm-promo-copy{display:flex;flex-direction:column;justify-content:center;padding:24px} #erm-public-menu.erm-pm-app .erm-pm-promo-card:first-child .erm-pm-promo-copy h3{font-size:30px} } @media(max-width:820px){ #erm-public-menu.erm-pm-app .erm-pm-promo-section{padding:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 14%,#fff),color-mix(in srgb,var(--eco-menu-secondary,#111827) 5%,#fff))} #erm-public-menu.erm-pm-app .erm-pm-promo-section:before{font-size:88px;right:-20px;top:-26px} #erm-public-menu.erm-pm-app .erm-pm-promo-section .erm-pm-section-head>div>span{padding:5px 8px;font-size:9px} #erm-public-menu.erm-pm-app .erm-pm-size-choice{padding:9px 10px} } /* 1.8.0 · Promociones activas en menú público */ #erm-public-menu .erm-pm-live-promo{position:absolute;left:9px;top:9px;z-index:3;padding:6px 9px;border-radius:999px;background:#dc2626!important;color:#fff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.08em!important;box-shadow:0 8px 18px rgba(220,38,38,.32);animation:ermPromoPulse 2.2s ease-in-out infinite} #erm-public-menu .erm-pm-card-media .erm-pm-live-promo~.erm-pm-video-pill{top:auto} #erm-public-menu .erm-pm-old-price{display:block;text-decoration:line-through;color:#98a2b3;font-size:.62em;font-weight:750;line-height:1} #erm-public-menu .erm-pm-promo-price{display:block;color:#dc2626;font-weight:950;line-height:1.05} #erm-public-menu .erm-pm-card footer strong.has-promo{color:#dc2626} #erm-public-menu .erm-pm-promo-card:has(.erm-pm-live-promo),#erm-public-menu .erm-pm-promo-card{border-color:color-mix(in srgb,#dc2626 35%,#e7e9ee)} @keyframes ermPromoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}} @media(max-width:600px){#erm-public-menu .erm-pm-live-promo{left:6px;top:6px;padding:5px 7px;font-size:7px!important}} /* 1.8.1 · Fondo general y navegación inferior tipo app */ #erm-public-menu.erm-pm-app{position:relative;isolation:isolate} #erm-public-menu.erm-pm-app:before{content:"";position:fixed;inset:0;z-index:-2;background-image:var(--eco-menu-bg-image,none);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--eco-menu-bg-opacity,0);pointer-events:none} #erm-public-menu.erm-pm-app:after{content:"";position:fixed;inset:0;z-index:-1;background:color-mix(in srgb,var(--eco-menu-background,#f7f7f8) 88%,transparent);pointer-events:none} #erm-public-menu.erm-pm-app .erm-pm-bottomnav{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(480px,calc(100vw - 18px))!important;min-height:48px!important;padding:4px 5px!important;gap:2px!important;border-radius:17px!important;background:color-mix(in srgb,var(--eco-menu-surface,#fff) 94%,transparent)!important;border:1px solid color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 16%,#e5e7eb)!important;box-shadow:0 10px 28px rgba(15,23,42,.15)!important} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button{min-width:0!important;padding:4px 2px!important;border-radius:12px!important;font-size:7.5px!important;line-height:1!important;gap:1px!important;font-weight:800!important} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button i{position:relative;width:24px!important;height:24px!important;border-radius:8px!important;font-size:12px!important;background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 8%,#fff)!important} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #erm-public-menu.erm-pm-app .erm-pm-bottomnav .erm-pm-cart-nav.has-items{background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 10%,transparent)!important} #erm-public-menu.erm-pm-app .erm-pm-bottomnav .erm-pm-cart-nav i em{position:absolute;right:-4px;top:-4px;min-width:14px;height:14px;padding:0 3px;display:grid;place-items:center;border-radius:999px;background:var(--eco-menu-primary,#ff5a0a);color:#fff;font-size:7px;font-style:normal;font-weight:900} @media(max-width:600px){ #erm-public-menu.erm-pm-app .erm-pm-bottomnav{bottom:max(5px,env(safe-area-inset-bottom))!important;width:calc(100vw - 12px)!important} } /* 1.8.2 · Lista visual de platillos en móvil No modifica carrusel/promociones ni hero. */ .erm-pm-card-stepper{display:flex;align-items:center;gap:5px} .erm-pm-card-stepper button{width:31px;height:31px!important;min-width:31px;padding:0!important;border-radius:10px!important;font-size:17px!important;line-height:1!important} .erm-pm-card-stepper button:first-child{background:#f4f5f7!important;color:#667085!important;border:1px solid #e7e9ee!important} .erm-pm-card-stepper button:last-child{background:var(--eco-menu-primary,#ff5a0a)!important;color:#fff!important} .erm-pm-card-stepper button:disabled{opacity:.38;cursor:default} .erm-pm-card-stepper b{min-width:18px;text-align:center;font-size:10px;color:var(--eco-menu-text,#111827)} .erm-pm-card-price{display:flex;align-items:center} @media(max-width:600px){ /* Solo la sección inferior "Ver menú" cambia a lista. */ #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-grid{ display:flex!important; flex-direction:column!important; gap:5px!important; margin-top:8px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card{ display:grid!important; grid-template-columns:132px minmax(0,1fr)!important; min-height:132px!important; border:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; box-shadow:none!important; padding:8px 0!important; border-bottom:1px solid color-mix(in srgb,var(--eco-menu-text,#111827) 9%,transparent)!important; transform:none!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card:last-child{border-bottom:0!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media{ width:122px!important; height:122px!important; min-height:122px!important; align-self:center!important; border-radius:18px!important; overflow:hidden!important; background:linear-gradient(135deg,color-mix(in srgb,var(--eco-menu-primary) 8%,#fff),#fff)!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media>img{ object-fit:cover!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-copy{ min-width:0!important; padding:2px 0 2px 10px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text h2{ margin:0!important; font-size:15px!important; line-height:1.06!important; font-weight:900!important; letter-spacing:-.015em!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text p{ margin:5px 0 5px!important; min-height:0!important; font-size:9px!important; line-height:1.36!important; color:var(--eco-menu-muted,#667085)!important; -webkit-line-clamp:3!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-chips{ margin:2px 0 4px!important; gap:3px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-chips span{ font-size:6px!important; padding:2px 4px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card footer{ margin-top:auto!important; display:grid!important; grid-template-columns:1fr auto!important; align-items:end!important; gap:5px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-price strong{ display:block!important; font-size:17px!important; line-height:1!important; font-weight:950!important; color:var(--eco-menu-price,var(--eco-menu-primary,#ff5a0a))!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-old-price{ font-size:8px!important; margin-bottom:2px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-promo-price{ font-size:17px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-view{ padding:0!important; background:transparent!important; color:var(--eco-menu-text,#111827)!important; font-size:7.5px!important; font-weight:850!important; white-space:nowrap!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper{ display:grid!important; grid-template-columns:26px 20px 30px!important; align-items:center!important; gap:2px!important; padding:2px!important; border:1px solid #eceef1!important; border-radius:12px!important; background:#fff!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper button{ width:26px!important; min-width:26px!important; height:27px!important; border-radius:9px!important; font-size:15px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper button:last-child{ width:30px!important; min-width:30px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper b{ font-size:10px!important; min-width:20px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-live-promo{ left:7px!important; top:7px!important; font-size:6px!important; padding:4px 6px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-video-pill{ left:6px!important; bottom:6px!important; } } @media(max-width:390px){ #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card{ grid-template-columns:112px minmax(0,1fr)!important; min-height:116px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media{ width:104px!important; height:104px!important; min-height:104px!important; border-radius:16px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-copy{ padding-left:8px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text h2{font-size:13px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text p{font-size:8px!important;-webkit-line-clamp:2!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-price strong{font-size:15px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-view{display:none!important} } /* 1.8.4 · Tarjeta premium compacta del menú público */ #erm-public-menu .erm-pm-card-category{ display:inline-flex; width:max-content; margin:0 0 4px; padding:3px 6px; border-radius:999px; background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 9%,#fff); color:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 78%,#8a2f00); font-size:6.5px; line-height:1; font-weight:950; letter-spacing:.08em; text-transform:uppercase; } @media(max-width:600px){ #erm-public-menu.erm-pm-app #erm-pm-menu-section{padding-left:10px!important;padding-right:10px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-grid{gap:8px!important;margin-top:10px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card{ grid-template-columns:96px minmax(0,1fr)!important; min-height:108px!important; padding:7px!important; border:1px solid color-mix(in srgb,var(--eco-menu-text,#111827) 7%,#edf0f3)!important; border-radius:17px!important; background:color-mix(in srgb,var(--eco-menu-surface,#fff) 97%,var(--eco-menu-primary,#ff5a0a) 3%)!important; box-shadow:0 5px 16px rgba(15,23,42,.055)!important; overflow:hidden!important; transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card:active{ transform:scale(.988)!important; border-color:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 24%,#e7e9ee)!important; box-shadow:0 3px 10px rgba(15,23,42,.04)!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media{ width:96px!important;height:96px!important;min-height:96px!important;border-radius:14px!important;align-self:center!important; box-shadow:inset 0 0 0 1px rgba(15,23,42,.03)!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media>img{object-fit:cover!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media>span{font-size:26px!important;font-weight:950!important;color:var(--eco-menu-primary,#ff5a0a)!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-copy{padding:1px 1px 1px 9px!important;min-height:96px!important;justify-content:space-between!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text h2{font-size:12.5px!important;line-height:1.08!important;margin:0!important;letter-spacing:-.012em!important;font-weight:900!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text p{margin:4px 0 0!important;font-size:7.8px!important;line-height:1.3!important;-webkit-line-clamp:2!important;color:var(--eco-menu-muted,#667085)!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-chips{display:none!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:5px!important;margin-top:5px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-price strong{font-size:14px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-old-price{font-size:6.8px!important;margin-bottom:2px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-promo-price{font-size:14px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-actions{display:flex!important;align-items:center!important;gap:5px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-view{ display:grid!important;place-items:center!important;width:26px!important;height:26px!important;min-width:26px!important;padding:0!important; border:1px solid #e7e9ee!important;border-radius:9px!important;background:#fff!important;color:transparent!important;font-size:0!important;position:relative!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-view:after{content:"›";color:var(--eco-menu-text,#111827)!important;font-size:17px!important;line-height:1!important;font-weight:800!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper{ grid-template-columns:24px 18px 27px!important;gap:1px!important;padding:2px!important;border-radius:11px!important;border:1px solid #e7e9ee!important;box-shadow:0 2px 7px rgba(15,23,42,.035)!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper button{width:24px!important;min-width:24px!important;height:24px!important;border-radius:8px!important;font-size:13px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper button:last-child{width:27px!important;min-width:27px!important;box-shadow:0 3px 8px color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 24%,transparent)!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper b{min-width:18px!important;font-size:8.5px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-live-promo{left:5px!important;top:5px!important;padding:4px 5px!important;font-size:5.8px!important;box-shadow:0 4px 10px rgba(220,38,38,.2)!important} } @media(max-width:390px){ #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card{grid-template-columns:88px minmax(0,1fr)!important;min-height:100px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media{width:88px!important;height:88px!important;min-height:88px!important;border-radius:13px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-copy{min-height:88px!important;padding-left:8px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text h2{font-size:11.5px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text p{font-size:7.2px!important} #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-price strong, #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-promo-price{font-size:13px!important} } /* 1.8.5 · Visual app mode inspired by premium food apps. Uses the restaurant's configured colors via existing CSS variables. */ #erm-public-menu.erm-pm-app{ --erm-accent:var(--eco-menu-primary,#ff5a0a); --erm-accent-soft:color-mix(in srgb,var(--erm-accent) 10%,#fff); --erm-accent-soft-2:color-mix(in srgb,var(--erm-accent) 18%,#fff); --erm-surface:var(--eco-menu-surface,#fff); --erm-text:var(--eco-menu-text,#111827); --erm-muted:var(--eco-menu-muted,#667085); } /* search */ #erm-public-menu .erm-pm-search{ border:1px solid color-mix(in srgb,var(--erm-accent) 13%,#e7e9ee)!important; background:color-mix(in srgb,var(--erm-surface) 96%,var(--erm-accent) 4%)!important; box-shadow:0 8px 24px rgba(15,23,42,.07)!important; } /* colorful category pills */ #erm-public-menu .erm-pm-categories button{ display:inline-flex!important; align-items:center!important; gap:6px!important; border:1px solid color-mix(in srgb,var(--erm-accent) 11%,#edf0f3)!important; background:color-mix(in srgb,var(--erm-surface) 96%,var(--erm-accent) 4%)!important; color:var(--erm-text)!important; box-shadow:0 4px 12px rgba(15,23,42,.045)!important; } #erm-public-menu .erm-pm-categories button i{ width:22px;height:22px;border-radius:8px;display:grid;place-items:center; background:var(--erm-accent-soft);color:var(--erm-accent); font-style:normal;font-size:11px;font-weight:900; } #erm-public-menu .erm-pm-categories button.is-active, #erm-public-menu .erm-pm-categories button.active{ background:var(--erm-accent)!important;color:#fff!important;border-color:var(--erm-accent)!important; box-shadow:0 8px 18px color-mix(in srgb,var(--erm-accent) 26%,transparent)!important; } #erm-public-menu .erm-pm-categories button.is-active i, #erm-public-menu .erm-pm-categories button.active i{background:rgba(255,255,255,.18);color:#fff} /* rich featured / promo area */ #erm-public-menu .erm-pm-promos, #erm-public-menu #erm-pm-promos{ position:relative; } #erm-public-menu .erm-pm-promo-card{ border-radius:22px!important; border:1px solid color-mix(in srgb,var(--erm-accent) 22%,#f0f1f3)!important; background: radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--erm-accent) 15%,transparent),transparent 38%), linear-gradient(135deg,color-mix(in srgb,var(--erm-accent) 8%,#fff),#fff)!important; box-shadow:0 12px 28px rgba(15,23,42,.08)!important; } #erm-public-menu .erm-pm-promo-card img{filter:saturate(1.04) contrast(1.02)} #erm-public-menu .erm-pm-live-promo{ background:#dc2626!important; box-shadow:0 8px 18px rgba(220,38,38,.28)!important; } /* section title */ #erm-public-menu .erm-pm-section-title{ display:flex;align-items:end;justify-content:space-between;gap:12px; margin:12px 0 8px; } #erm-public-menu .erm-pm-section-title span{ display:block;color:var(--erm-accent);font-size:8px;font-weight:950;letter-spacing:.14em } #erm-public-menu .erm-pm-section-title h2{ margin:2px 0 0;font-size:18px;line-height:1.05;color:var(--erm-text);font-weight:950 } #erm-public-menu .erm-pm-section-title button{ border:0;background:transparent;color:var(--erm-accent);font-size:9px;font-weight:850;padding:4px 0;cursor:pointer } /* product cards */ #erm-public-menu .erm-pm-card{ position:relative!important; } #erm-public-menu .erm-pm-favorite{ position:absolute!important; right:8px!important; top:8px!important; z-index:5!important; width:28px!important; height:28px!important; border-radius:999px!important; border:1px solid rgba(15,23,42,.08)!important; background:rgba(255,255,255,.94)!important; display:grid!important; place-items:center!important; color:#344054!important; font-size:15px!important; box-shadow:0 4px 12px rgba(15,23,42,.08)!important; } #erm-public-menu .erm-pm-favorite.is-active{color:#e11d48!important;background:#fff0f4!important} #erm-public-menu .erm-pm-card-promo{ display:inline-flex; width:max-content; margin:0 4px 4px 0; padding:3px 6px; border-radius:999px; background:#fee2e2; color:#b91c1c; font-size:6.5px; font-weight:950; letter-spacing:.06em; text-transform:uppercase; } /* bottom dock: richer and more app-like */ #erm-public-menu.erm-pm-app .erm-pm-bottomnav{ backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); } #erm-public-menu.erm-pm-app .erm-pm-bottomnav button{ transition:transform .15s ease,background .15s ease,color .15s ease!important; } #erm-public-menu.erm-pm-app .erm-pm-bottomnav button:active{transform:translateY(1px) scale(.97)} #erm-public-menu.erm-pm-app .erm-pm-bottomnav button i{ background:var(--erm-accent-soft)!important;color:var(--erm-accent)!important; } #erm-public-menu.erm-pm-app .erm-pm-bottomnav .erm-pm-cart-nav{ background:linear-gradient(180deg,var(--erm-accent-soft),color-mix(in srgb,var(--erm-accent) 6%,#fff))!important; } /* Mobile product rows become lively premium cards */ @media(max-width:600px){ #erm-public-menu.erm-pm-app #erm-pm-menu-section{ padding-left:8px!important;padding-right:8px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-grid{ gap:9px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card{ grid-template-columns:108px minmax(0,1fr)!important; min-height:116px!important; padding:8px!important; border-radius:18px!important; border:1px solid color-mix(in srgb,var(--erm-accent) 10%,#edf0f3)!important; background: linear-gradient(135deg,color-mix(in srgb,var(--erm-surface) 97%,var(--erm-accent) 3%),var(--erm-surface))!important; box-shadow:0 8px 20px rgba(15,23,42,.065)!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media{ width:108px!important;height:100px!important;min-height:100px!important;border-radius:15px!important; overflow:hidden!important;background:var(--erm-accent-soft)!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media>img{ width:100%!important;height:100%!important;object-fit:cover!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-media>span{ background:linear-gradient(135deg,var(--erm-accent-soft),color-mix(in srgb,var(--erm-accent) 4%,#fff))!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-copy{ padding:2px 2px 1px 10px!important;min-height:100px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text h2{ font-size:13px!important;line-height:1.08!important;margin-right:28px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-text p{ font-size:8px!important;line-height:1.32!important;-webkit-line-clamp:2!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-price strong{ color:var(--erm-accent)!important;font-size:15px!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper{ background:color-mix(in srgb,#fff 94%,var(--erm-accent) 6%)!important; border-color:color-mix(in srgb,var(--erm-accent) 12%,#e7e9ee)!important; } #erm-public-menu.erm-pm-app #erm-pm-menu-section .erm-pm-card-stepper button:last-child{ background:var(--erm-accent)!important; box-shadow:0 4px 10px color-mix(in srgb,var(--erm-accent) 28%,transparent)!important; } } /* desktop/tablet: colorful two-column product cards */ @media(min-width:601px){ #erm-public-menu #erm-pm-menu-section .erm-pm-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important; } #erm-public-menu #erm-pm-menu-section .erm-pm-card{ border-radius:20px!important; border:1px solid color-mix(in srgb,var(--erm-accent) 10%,#edf0f3)!important; box-shadow:0 10px 24px rgba(15,23,42,.06)!important; } } /* 1.8.7 · Selector ES/EN del menú público */ #erm-public-menu .erm-pm-hero-tools{display:flex;align-items:center;gap:7px} #erm-public-menu .erm-pm-lang{display:flex;align-items:center;padding:3px;border:1px solid color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 14%,#e7e9ee);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 4px 12px rgba(15,23,42,.06)} #erm-public-menu .erm-pm-lang button{border:0;background:transparent;color:var(--eco-menu-muted,#667085);padding:5px 7px;border-radius:999px;font-size:7px;font-weight:900;line-height:1;cursor:pointer} #erm-public-menu .erm-pm-lang button.active{background:var(--eco-menu-primary,#ff5a0a);color:#fff;box-shadow:0 3px 9px color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 24%,transparent)} @media(max-width:600px){ #erm-public-menu .erm-pm-hero-tools{gap:4px} #erm-public-menu .erm-pm-lang{padding:2px} #erm-public-menu .erm-pm-lang button{padding:4px 6px;font-size:6.5px} } /* ===== Smart Interactive Menu V2 · 2.0.0 ===== */ html,body.erm-public-menu-page{margin:0!important;padding:0!important;background:var(--eco-menu-bg,#f5f7fa)!important;color:var(--eco-menu-text,#111827)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden}.erm-public-shell{max-width:none!important;padding:0!important}.eco-smart-menu-v2{min-height:100vh;background:linear-gradient(rgba(255,255,255,calc(1 - var(--eco-menu-bg-opacity,0))),rgba(255,255,255,calc(1 - var(--eco-menu-bg-opacity,0)))),var(--eco-menu-bg-image,none),var(--eco-menu-bg);background-size:cover;background-attachment:fixed}.eco-smart-menu-v2.is-dark{--eco-menu-surface:#131820;--eco-menu-bg:#0d1117;--eco-menu-text:#f3f4f6;--eco-menu-muted:#a7b0bd}.eco-ticker{overflow:hidden;background:var(--eco-menu-secondary);color:#fff;height:26px;display:flex;align-items:center;font-size:10px;font-weight:800}.eco-ticker>div{display:flex;width:max-content;animation:ecoTicker 32s linear infinite}.eco-ticker span{padding:0 24px;white-space:nowrap}.eco-header{position:relative;background:color-mix(in srgb,var(--eco-menu-surface) 96%,transparent);padding:10px 14px 12px;border-bottom:1px solid color-mix(in srgb,var(--eco-menu-text) 8%,transparent);box-shadow:0 5px 24px rgba(15,23,42,.05)}.eco-head-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.eco-brand{display:flex;align-items:center;gap:9px;min-width:0}.eco-brand img{width:38px;height:38px;object-fit:contain;border-radius:11px;background:#fff}.eco-brand strong{display:block;font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.eco-brand small{display:block;margin-top:2px;font-size:9px;color:var(--eco-menu-accent);font-weight:900}.eco-head-actions,.eco-lang{display:flex;align-items:center;gap:5px}.eco-lang{padding:2px;border:1px solid color-mix(in srgb,var(--eco-menu-primary) 15%,#e5e7eb);border-radius:999px}.eco-lang button{border:0;border-radius:999px;padding:5px 7px;background:transparent;color:var(--eco-menu-muted);font-size:8px;font-weight:900}.eco-lang button.active{background:var(--eco-menu-primary);color:#fff}.eco-order-head{display:flex;align-items:center;gap:5px;border:0;background:var(--eco-menu-primary);color:#fff;border-radius:11px;padding:7px 9px;font-size:8px;font-weight:900}.eco-order-head b{display:grid;place-items:center;min-width:17px;height:17px;background:#fff;color:var(--eco-menu-primary);border-radius:50%;font-size:8px}.eco-search{display:flex;align-items:center;gap:7px;margin-top:9px;padding:0 10px;height:38px;border:1px solid color-mix(in srgb,var(--eco-menu-primary) 12%,#e6e9ee);border-radius:12px;background:var(--eco-menu-surface);box-shadow:0 4px 14px rgba(15,23,42,.04)}.eco-search span{color:var(--eco-menu-primary);font-size:16px}.eco-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--eco-menu-text)!important;font-size:11px!important;box-shadow:none!important}.eco-hero{position:relative;height:110px;margin-top:9px;border-radius:16px;overflow:hidden;background:var(--eco-menu-secondary)}.eco-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(1.06)}.eco-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.08))}.eco-hero>div{position:absolute;z-index:2;left:12px;bottom:12px;color:#fff;max-width:70%}.eco-hero strong{display:inline-flex;background:var(--eco-menu-accent);padding:4px 7px;border-radius:999px;font-size:7px}.eco-hero p{margin:5px 0 0;font-size:10px;line-height:1.25;font-weight:800}.eco-smart-actions{display:flex;gap:6px;margin-top:8px}.eco-smart-actions button{flex:1;border:1px solid color-mix(in srgb,var(--eco-menu-primary) 18%,#e8ebef);background:color-mix(in srgb,var(--eco-menu-primary) 7%,var(--eco-menu-surface));color:var(--eco-menu-primary);border-radius:11px;padding:8px;font-size:9px;font-weight:900}.eco-featured,.eco-main{padding:12px 12px 0}.eco-section-title,.eco-cat-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:7px}.eco-section-title small{display:block;color:var(--eco-menu-accent);font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.eco-section-title h2,.eco-cat-title h2{margin:1px 0 0;font-size:17px;line-height:1.05}.eco-feature-rail{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 7px;scrollbar-width:none}.eco-feature-rail::-webkit-scrollbar{display:none}.eco-feature-rail article{scroll-snap-align:start;flex:0 0 76%;max-width:330px;border-radius:18px;overflow:hidden;background:var(--eco-menu-surface);border:1px solid color-mix(in srgb,var(--eco-menu-primary) 10%,#e8ebef);box-shadow:0 8px 24px rgba(15,23,42,.07)}.eco-feature-media{position:relative;height:150px;background:color-mix(in srgb,var(--eco-menu-primary) 7%,#fff)}.eco-feature-media img{width:100%;height:100%;object-fit:cover}.eco-feature-media span{height:100%;display:grid;place-items:center;font-size:30px;color:var(--eco-menu-primary)}.eco-feature-media i{position:absolute;right:9px;bottom:9px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.65);color:#fff}.eco-feature-copy{padding:9px}.eco-feature-copy>b{display:inline-flex;margin-right:3px;padding:3px 6px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:6px}.eco-feature-copy h3{margin:5px 0 2px;font-size:13px}.eco-feature-copy p{margin:0;color:var(--eco-menu-muted);font-size:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eco-feature-copy footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.eco-feature-copy footer strong{font-size:13px;color:var(--eco-menu-accent)}.eco-feature-copy footer button{border:0;background:var(--eco-menu-primary);color:#fff;border-radius:9px;padding:6px 8px;font-size:7px;font-weight:900}.eco-categories{position:sticky;top:0;z-index:30;display:flex;gap:6px;overflow-x:auto;margin:0 -12px 10px;padding:8px 12px;background:color-mix(in srgb,var(--eco-menu-bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--eco-menu-text) 7%,transparent);scrollbar-width:none}.eco-categories::-webkit-scrollbar{display:none}.eco-categories button{white-space:nowrap;border:1px solid color-mix(in srgb,var(--eco-menu-primary) 11%,#e4e7ec);background:var(--eco-menu-surface);color:var(--eco-menu-text);border-radius:999px;padding:7px 10px;font-size:8px;font-weight:850}.eco-categories button.active{background:var(--eco-menu-primary);color:#fff;border-color:var(--eco-menu-primary);box-shadow:0 5px 12px color-mix(in srgb,var(--eco-menu-primary) 24%,transparent)}.eco-cat-section{scroll-margin-top:58px;margin-bottom:15px}.eco-cat-title h2{font-size:15px}.eco-cat-title small{color:var(--eco-menu-muted);font-size:8px}.eco-list{display:grid;gap:8px}.eco-card{position:relative;display:grid;grid-template-columns:38% minmax(0,1fr);min-height:118px;padding:7px;border-radius:var(--eco-menu-radius);background:var(--eco-menu-surface);border:1px solid color-mix(in srgb,var(--eco-menu-primary) 9%,#e9edf1);box-shadow:0 6px 18px rgba(15,23,42,.055);transition:transform .15s ease,box-shadow .15s ease}.eco-card:active{transform:scale(.991)}.eco-card.is-unavailable{opacity:.72}.eco-photo{border:0;padding:0;border-radius:calc(var(--eco-menu-radius) - 5px);overflow:hidden;background:color-mix(in srgb,var(--eco-menu-primary) 6%,#f4f6f8);min-height:104px}.eco-photo img{display:block;width:100%;height:100%;object-fit:cover}.eco-placeholder{width:100%;height:100%;min-height:80px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--eco-menu-primary) 8%,#f8fafc),#f7f8fa)}.eco-placeholder span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--eco-menu-primary) 10%,#fff);color:var(--eco-menu-primary);font-size:15px}.eco-card-body{min-width:0;padding:2px 1px 1px 9px;display:flex;flex-direction:column}.eco-card-top{display:flex;justify-content:space-between;gap:4px;min-height:19px}.eco-card-top>div{display:flex;gap:3px;overflow:hidden}.eco-card-top span{display:inline-flex;white-space:nowrap;padding:3px 5px;border-radius:999px;background:color-mix(in srgb,var(--eco-menu-primary) 8%,#fff);color:var(--eco-menu-primary);font-size:5.8px;font-weight:950}.eco-heart{position:absolute;right:7px;top:7px;width:27px;height:27px;border-radius:50%;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.94);color:#344054;font-size:15px}.eco-heart.active{color:#e11d48;background:#fff0f4}.eco-name{display:block;text-align:left;border:0;background:transparent;padding:0 28px 0 0;color:var(--eco-menu-text);font-size:13px;line-height:1.05;font-weight:950}.eco-card-body>p{margin:4px 0 3px;color:var(--eco-menu-muted);font-size:7.7px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eco-unavailable{display:inline-flex;width:max-content;margin-top:3px;color:#b42318;background:#fee4e2;border-radius:999px;padding:3px 6px;font-size:6px;font-weight:900}.eco-card footer{display:flex;align-items:end;justify-content:space-between;margin-top:auto}.eco-card footer strong{color:var(--eco-menu-accent);font-size:15px;line-height:1;font-weight:950}.eco-plus{width:31px;height:31px;border:0;border-radius:10px;background:var(--eco-menu-primary);color:#fff;font-size:18px;font-weight:700;box-shadow:0 4px 10px color-mix(in srgb,var(--eco-menu-primary) 25%,transparent)}.eco-plus:disabled{background:#d0d5dd;box-shadow:none}.eco-dock{position:fixed;z-index:60;left:6px;right:6px;bottom:max(5px,env(safe-area-inset-bottom));height:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px;border-radius:16px;background:color-mix(in srgb,var(--eco-menu-surface) 95%,transparent);border:1px solid color-mix(in srgb,var(--eco-menu-primary) 12%,#e5e7eb);box-shadow:0 10px 28px rgba(15,23,42,.16);backdrop-filter:blur(16px)}.eco-dock button{min-width:0;border:0;border-radius:11px;background:transparent;color:var(--eco-menu-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:6.8px;font-weight:850}.eco-dock i{font-style:normal;font-size:12px}.eco-dock button.has-cart{background:var(--eco-menu-primary);color:#fff}.eco-main{padding-bottom:70px}.eco-backdrop{position:fixed;z-index:100;inset:0;background:rgba(15,23,42,.48);display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.eco-sheet,.eco-cart,.eco-smart{position:relative;width:min(680px,100%);max-height:94vh;overflow:auto;background:var(--eco-menu-surface);color:var(--eco-menu-text);border-radius:24px 24px 0 0;box-shadow:0 -14px 50px rgba(15,23,42,.24)}.eco-sheet-close,.eco-cart header>button,.eco-smart>button{position:absolute;z-index:8;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#111827;font-size:19px}.eco-detail-media{position:relative;background:#111;min-height:220px}.eco-detail-media>img,.eco-detail-media>video{width:100%;height:42vh;max-height:390px;object-fit:cover;display:block}.eco-gallery{position:absolute;left:8px;bottom:8px;display:flex;gap:4px}.eco-gallery img{width:42px;height:42px;border-radius:9px;object-fit:cover;border:2px solid #fff}.eco-detail{padding:13px}.eco-detail-head>span{display:inline-flex;margin-right:3px;padding:3px 6px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:6px;font-weight:900}.eco-detail-head h1{margin:6px 0 3px;font-size:22px}.eco-detail-head p{margin:0;color:var(--eco-menu-muted);font-size:10px;line-height:1.45}.eco-detail-head>strong{display:block;margin-top:7px;color:var(--eco-menu-accent);font-size:19px}.eco-detail fieldset{border:0;margin:13px 0 0;padding:0}.eco-detail legend{display:flex;justify-content:space-between;width:100%;font-size:11px;font-weight:950;margin-bottom:5px}.eco-detail legend small{font-size:7px;color:var(--eco-menu-muted)}.eco-detail fieldset label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 9px;margin-top:4px;border:1px solid #e7e9ee;border-radius:11px;font-size:9px}.eco-detail fieldset label:has(input:checked){border-color:var(--eco-menu-primary);background:color-mix(in srgb,var(--eco-menu-primary) 5%,#fff)}.eco-detail fieldset.invalid{outline:2px solid #ef4444;border-radius:12px}.eco-notes{display:grid;gap:5px;margin-top:12px;font-size:9px;font-weight:900}.eco-notes textarea,.eco-checkout-sheet textarea,.eco-checkout-sheet input{width:100%;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:11px;padding:9px;background:var(--eco-menu-surface);color:var(--eco-menu-text);font:inherit}.eco-qty{display:flex;justify-content:center;align-items:center;gap:15px;margin:13px 0}.eco-qty button{width:34px;height:34px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;font-size:18px}.eco-add-cta,.eco-checkout{width:100%;border:0;border-radius:13px;background:var(--eco-menu-primary);color:#fff;padding:12px;display:flex;justify-content:center;gap:8px;font-size:11px;font-weight:950}.eco-upsell{margin-top:15px}.eco-upsell h3{font-size:11px}.eco-upsell>div{display:flex;gap:6px;overflow-x:auto}.eco-upsell>div>button{flex:0 0 120px;border:1px solid #e8ebef;border-radius:12px;background:#fff;padding:6px;text-align:left}.eco-upsell img{width:100%;height:70px;object-fit:cover;border-radius:8px}.eco-upsell span,.eco-upsell b{display:block;font-size:7px;margin-top:3px}.eco-cart header{position:relative;padding:15px 48px 10px 14px;border-bottom:1px solid #edf0f3}.eco-cart header h2{margin:2px 0;font-size:20px}.eco-cart header small{color:var(--eco-menu-muted);font-size:8px}.eco-cart-body{padding:8px 12px}.eco-cart-line{display:grid;grid-template-columns:58px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f3}.eco-cart-line>img,.eco-cart-line>.eco-placeholder{width:58px;height:58px;min-height:58px;border-radius:10px;object-fit:cover}.eco-cart-line strong{font-size:10px}.eco-cart-line small{display:block;color:var(--eco-menu-muted);font-size:7px;margin-top:2px}.eco-cart-line>div>div{display:flex;gap:4px;margin-top:5px}.eco-cart-line button{border:1px solid #e3e7eb;background:#fff;border-radius:7px;padding:4px 6px;font-size:7px}.eco-cart>footer{padding:10px 12px 16px}.eco-cart>footer>div{display:flex;justify-content:space-between;margin-bottom:8px}.eco-empty{padding:28px 18px;text-align:center;color:var(--eco-menu-muted)}.eco-empty span{font-size:28px}.eco-empty h3{color:var(--eco-menu-text);margin:8px 0 4px}.eco-empty p{font-size:9px}.eco-empty button{border:0;border-radius:10px;background:var(--eco-menu-primary);color:#fff;padding:8px 10px}.eco-checkout-sheet form{padding:10px 13px 18px}.eco-checkout-sheet form>label{display:grid;gap:4px;margin-top:8px;font-size:8px;font-weight:900}.eco-fulfillment{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.eco-fulfillment>strong{grid-column:1/-1;font-size:9px}.eco-fulfillment label input{display:none}.eco-fulfillment label span{display:block;border:1px solid #e5e7eb;border-radius:10px;padding:8px;text-align:center;font-size:8px}.eco-fulfillment label:has(input:checked) span{border-color:var(--eco-menu-primary);background:color-mix(in srgb,var(--eco-menu-primary) 7%,#fff);color:var(--eco-menu-primary);font-weight:900}.eco-tip{display:flex;align-items:center;gap:5px;margin:10px 0}.eco-tip strong{margin-right:auto;font-size:9px}.eco-tip input{display:none}.eco-tip span{display:block;padding:6px;border:1px solid #e5e7eb;border-radius:8px;font-size:7px}.eco-tip label:has(input:checked) span{background:var(--eco-menu-primary);color:#fff}.eco-checkout-total{display:grid;grid-template-columns:1fr auto;gap:4px;padding:9px 0;font-size:9px}.eco-checkout-total strong{font-size:14px;color:var(--eco-menu-accent)}.eco-hp{position:absolute!important;left:-9999px!important}.eco-success{text-align:center;padding:45px 20px}.eco-success>span{width:54px;height:54px;margin:auto;display:grid;place-items:center;background:#dcfce7;color:#15803d;border-radius:50%;font-size:28px}.eco-success h2{margin:12px 0 4px}.eco-success b,.eco-success strong{display:block;margin-top:6px}.eco-success button{margin-top:18px;border:0;border-radius:11px;background:var(--eco-menu-primary);color:#fff;padding:10px 13px}.eco-smart{padding:18px 14px 20px}.eco-smart>span{color:var(--eco-menu-primary);font-size:7px;font-weight:950;letter-spacing:.1em}.eco-smart h2{font-size:21px;margin:6px 0 12px}.eco-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.eco-choice button{min-height:72px;border:1px solid color-mix(in srgb,var(--eco-menu-primary) 12%,#e7e9ee);background:color-mix(in srgb,var(--eco-menu-primary) 5%,#fff);border-radius:14px;font-size:18px}.eco-choice b{display:block;margin-top:4px;font-size:9px}.eco-recommend{display:grid;gap:7px}.eco-recommend article{display:grid;grid-template-columns:74px 1fr;gap:8px;border:1px solid #e7e9ee;border-radius:13px;padding:6px}.eco-recommend img,.eco-recommend>.eco-placeholder{width:74px;height:74px;object-fit:cover;border-radius:10px}.eco-recommend strong,.eco-recommend b{display:block;font-size:9px;margin-top:4px}.eco-recommend span{display:flex;gap:4px;margin-top:7px}.eco-recommend button{border:0;border-radius:8px;background:var(--eco-menu-primary);color:#fff;padding:6px 8px;font-size:7px}.eco-discover{position:fixed;z-index:110;inset:0;background:#05070a;color:#fff}.eco-discover>button{position:absolute;z-index:4;right:13px;top:max(13px,env(safe-area-inset-top));width:37px;height:37px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:20px}.eco-story-media,.eco-story-media img,.eco-story-media video{width:100%;height:100%;object-fit:cover}.eco-story-copy{position:absolute;left:0;right:0;bottom:0;padding:70px 18px max(25px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.88))}.eco-story-copy small{font-size:8px;opacity:.7}.eco-story-copy h2{font-size:24px;margin:7px 0}.eco-story-copy p{font-size:10px;line-height:1.4;max-width:500px}.eco-story-copy strong{font-size:20px}.eco-story-copy>div{display:flex;gap:6px;margin-top:12px}.eco-story-copy button{border:0;border-radius:11px;background:rgba(255,255,255,.18);color:#fff;padding:9px 12px}.eco-story-copy button[data-quick-add]{background:var(--eco-menu-primary)}#eco-toast{position:fixed;z-index:150;left:50%;bottom:72px;transform:translate(-50%,18px);opacity:0;background:#111827;color:#fff;border-radius:999px;padding:8px 12px;font-size:8px;font-weight:850;transition:.18s}#eco-toast.show{opacity:1;transform:translate(-50%,0)}@keyframes ecoTicker{to{transform:translateX(-50%)}}@media(min-width:700px){.eco-header,.eco-featured,.eco-main{max-width:980px;margin-left:auto;margin-right:auto}.eco-list{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-card{grid-template-columns:150px 1fr}.eco-photo{height:130px}.eco-dock{left:50%;right:auto;width:480px;transform:translateX(-50%)}}@media(min-width:1100px){.eco-list{grid-template-columns:repeat(3,minmax(0,1fr))}.eco-card{grid-template-columns:42% 1fr}}@media(max-width:360px){.eco-card{grid-template-columns:104px 1fr}.eco-name{font-size:11.5px}.eco-card footer strong{font-size:13px}.eco-order-head span{display:none}.eco-brand strong{max-width:155px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}} /* 2.0.1 · Ticker superior + carrusel visual de alto impacto */ .eco-header>.eco-ticker{ margin:-10px -14px 10px!important; width:calc(100% + 28px)!important; height:28px!important; background:linear-gradient(90deg,var(--eco-menu-secondary),color-mix(in srgb,var(--eco-menu-secondary) 76%,var(--eco-menu-primary)))!important; box-shadow:0 3px 10px rgba(15,23,42,.08); } .eco-ticker>div{animation-duration:28s!important} .eco-ticker span{padding:0 28px!important;font-size:9px!important;letter-spacing:.01em} .eco-featured{padding-top:10px!important;padding-bottom:3px!important} .eco-section-title{align-items:center!important} .eco-rail-hint{color:var(--eco-menu-muted);font-size:7px;font-weight:800} .eco-feature-rail{gap:10px!important;padding:2px 2px 8px!important;scroll-padding-left:2px} .eco-feature-rail article{ flex:0 0 86%!important; max-width:390px!important; border-radius:20px!important; border:1px solid color-mix(in srgb,var(--eco-menu-primary) 12%,#e8ebef)!important; box-shadow:0 10px 28px rgba(15,23,42,.09)!important; overflow:hidden!important; background:var(--eco-menu-surface)!important; } .eco-feature-rail article.is-leading{ border-color:color-mix(in srgb,var(--eco-menu-primary) 23%,#e8ebef)!important; } .eco-feature-media{ position:relative!important; height:190px!important; overflow:hidden!important; background:linear-gradient(145deg,color-mix(in srgb,var(--eco-menu-primary) 9%,#f8fafc),#f3f5f7)!important; } .eco-feature-media>img{ width:100%!important;height:100%!important;object-fit:cover!important; transform:scale(1.002);transition:transform .28s ease!important } .eco-feature-rail article:active .eco-feature-media>img{transform:scale(1.025)} .eco-feature-media>.eco-placeholder{height:100%!important;min-height:100%!important} .eco-feature-overlay{ position:absolute;inset:auto 0 0;height:55%; background:linear-gradient(transparent,rgba(0,0,0,.22)); pointer-events:none } .eco-feature-badges{ position:absolute;left:9px;top:9px;display:flex;gap:4px;z-index:3 } .eco-feature-badges b{ display:inline-flex;padding:5px 7px;border-radius:999px; background:rgba(255,255,255,.92);color:#b42318; backdrop-filter:blur(8px);font-size:6.5px;font-weight:950; box-shadow:0 4px 12px rgba(15,23,42,.08) } .eco-feature-copy{padding:10px 11px 11px!important} .eco-feature-copy h3{font-size:15px!important;line-height:1.08!important;margin:0 0 4px!important} .eco-feature-copy p{font-size:8px!important;-webkit-line-clamp:2!important;min-height:20px} .eco-feature-copy footer{margin-top:8px!important} .eco-feature-copy footer strong{font-size:15px!important;color:var(--eco-menu-accent)!important} .eco-feature-copy footer button{ min-width:72px!important;padding:8px 10px!important;border-radius:10px!important; background:var(--eco-menu-primary)!important;font-size:8px!important; box-shadow:0 5px 12px color-mix(in srgb,var(--eco-menu-primary) 24%,transparent) } .eco-feature-copy footer button:disabled{background:#d0d5dd!important;box-shadow:none} .eco-rail-dots{display:flex;justify-content:center;gap:4px;margin-top:1px} .eco-rail-dots i{width:5px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--eco-menu-primary) 17%,#d0d5dd);transition:.18s} .eco-rail-dots i.active{width:16px;background:var(--eco-menu-primary)} @media(max-width:430px){ .eco-feature-rail article{flex-basis:88%!important} .eco-feature-media{height:178px!important} } @media(max-width:360px){ .eco-feature-rail article{flex-basis:91%!important} .eco-feature-media{height:164px!important} } @media(min-width:700px){ .eco-header>.eco-ticker{margin-left:calc((980px - 100vw)/2)!important;margin-right:calc((980px - 100vw)/2)!important;width:100vw!important} .eco-feature-rail article{flex-basis:44%!important} } @media(prefers-reduced-motion:reduce){ .eco-ticker>div{animation:none!important} .eco-feature-media>img{transition:none!important} } /* 2.1.2 · Premium compact public presence */ .eco-presence{padding:0 20px 9px;background:var(--eco-menu-background,#fff)} .eco-presence-bar{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.02fr) minmax(0,1.08fr);align-items:stretch;overflow:hidden;border:1px solid rgba(15,23,42,.085);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(252,253,255,.97));box-shadow:0 8px 24px rgba(15,23,42,.055),0 1px 0 rgba(255,255,255,.9) inset} .eco-presence-bar.eco-presence-count-1{grid-template-columns:1fr} .eco-presence-bar.eco-presence-count-2{grid-template-columns:repeat(2,minmax(0,1fr))} .eco-presence-cell{position:relative;min-width:0;min-height:57px;display:flex;align-items:center;gap:9px;padding:8px 12px;border:0;border-right:1px solid rgba(15,23,42,.075);background:transparent;color:inherit;text-decoration:none;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease} .eco-presence-cell:last-child{border-right:0} .eco-presence-cell:hover{background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 3.25%,#fff)} .eco-presence-cell:active{transform:translateY(1px);background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 5%,#fff)} .eco-presence-cell:focus-visible{z-index:2;outline:2px solid color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 58%,#fff);outline-offset:-2px} .eco-presence-google,.eco-presence-review-mark,.eco-presence-clock{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;border:1px solid rgba(15,23,42,.06);box-shadow:0 2px 8px rgba(15,23,42,.045)} .eco-presence-google{background:#fff;font-size:17px;line-height:1;font-weight:900;font-family:Arial,sans-serif;background-image:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text;color:transparent} .eco-presence-review-mark{position:relative;background:#fffaf0;color:#d99a00} .eco-presence-review-mark>span{font-size:17px;line-height:1;transform:translateY(-.5px)} .eco-presence-review-mark::after{content:'G';position:absolute;right:2px;bottom:1px;width:12px;height:12px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font:900 7px/1 Arial,sans-serif;box-shadow:0 1px 4px rgba(15,23,42,.12)} .eco-presence-clock{background:color-mix(in srgb,var(--eco-menu-primary,#ff5a0a) 7%,#fff);color:var(--eco-menu-primary,#ff5a0a)} .eco-presence-clock svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round} .eco-presence-copy{min-width:0;display:block;flex:1 1 auto} .eco-presence-copy small{display:block;margin-bottom:2px;color:#858d9c;font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .eco-presence-copy strong{display:block;min-width:0;color:var(--eco-menu-text,#111827);font-size:10.8px;line-height:1.22;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .eco-presence-copy strong.is-open::before,.eco-presence-copy strong.is-closed::before{content:'';display:inline-block;width:5px;height:5px;margin:0 5px 1px 0;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent)} .eco-presence-copy em{display:block;margin-top:2px;color:var(--eco-menu-muted,#667085);font-size:7.8px;line-height:1.18;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .eco-presence-copy .is-open{color:#087a55} .eco-presence-copy .is-closed{color:#b42318} .eco-presence-go{flex:0 0 auto;margin-left:auto;color:#a7aebb;font-size:15px;line-height:1;font-weight:700;transform:translateX(0);transition:transform .16s ease,color .16s ease} .eco-presence-cell:hover .eco-presence-go{transform:translateX(2px);color:var(--eco-menu-primary,#ff5a0a)} @media(max-width:650px){.eco-presence{padding:0 12px 8px}.eco-presence-bar{grid-template-columns:minmax(0,1.03fr) minmax(0,.98fr) minmax(0,1.05fr);border-radius:15px}.eco-presence-cell{min-height:52px;gap:6px;padding:7px 7px}.eco-presence-google,.eco-presence-review-mark,.eco-presence-clock{width:25px;height:25px;border-radius:8px}.eco-presence-google{font-size:14px}.eco-presence-review-mark>span{font-size:14px}.eco-presence-review-mark::after{width:10px;height:10px;font-size:6px}.eco-presence-clock svg{width:14px;height:14px}.eco-presence-copy small{font-size:6px;letter-spacing:.1em}.eco-presence-copy strong{font-size:9.2px;gap:3px}.eco-presence-copy em{font-size:6.9px}.eco-presence-go{font-size:12px}} @media(max-width:430px){.eco-presence-go{display:none}.eco-presence-location .eco-presence-copy em,.eco-presence-review .eco-presence-copy em{display:none}.eco-presence-cell{padding-left:6px;padding-right:6px}.eco-presence-copy strong{font-size:8.9px}.eco-presence-copy strong.is-open::before,.eco-presence-copy strong.is-closed::before{width:4px;height:4px;box-shadow:none}} @media(max-width:355px){.eco-presence{padding-left:8px;padding-right:8px}.eco-presence-cell{gap:5px;padding-left:5px;padding-right:5px}.eco-presence-google,.eco-presence-review-mark,.eco-presence-clock{width:23px;height:23px}.eco-presence-go{display:none}.eco-presence-copy strong{font-size:8.3px}.eco-presence-copy small{font-size:5.5px}} .eco-hours-sheet{padding:22px}.eco-hours-head{padding:4px 2px 14px}.eco-hours-head small{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#7b8190;font-weight:900}.eco-hours-head h2{margin:3px 0 3px}.eco-hours-head p{margin:0;color:#7b8190;font-size:12px}.eco-hours-list{display:grid}.eco-hours-row{display:flex;justify-content:space-between;gap:18px;padding:11px 2px;border-bottom:1px solid #eef0f3;font-size:12px}.eco-hours-row span{text-align:right;color:#667085}.eco-hours-row.is-today{font-weight:900} /* 2.0.23 · Product information cards + natural labels + sticky category rail */ .eco-categories-sentinel{display:block;width:1px;height:1px;margin-top:-1px;pointer-events:none} .eco-categories{ top:max(0px,env(safe-area-inset-top))!important; z-index:45!important; gap:7px!important; margin:0 -12px 12px!important; padding:9px 12px!important; background:color-mix(in srgb,var(--eco-menu-bg) 94%,transparent)!important; border-bottom:1px solid transparent!important; transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease,padding .18s ease!important; scroll-padding-inline:12px; } .eco-categories.is-stuck{ background:color-mix(in srgb,var(--eco-menu-surface) 94%,transparent)!important; border-bottom-color:color-mix(in srgb,var(--eco-menu-text) 8%,transparent)!important; box-shadow:0 8px 22px rgba(15,23,42,.09)!important; backdrop-filter:blur(18px) saturate(1.08)!important; -webkit-backdrop-filter:blur(18px) saturate(1.08)!important; } .eco-categories button{min-height:34px!important;padding:7px 12px!important;font-size:8.5px!important;scroll-margin-inline:12px} .eco-cat-section{scroll-margin-top:68px!important;margin-bottom:17px!important} .eco-card{ grid-template-columns:minmax(112px,35%) minmax(0,1fr)!important; min-height:146px!important; padding:8px!important; border-radius:calc(var(--eco-menu-radius) + 1px)!important; border-color:color-mix(in srgb,var(--eco-menu-primary) 8%,#e4e7ec)!important; box-shadow:0 7px 20px rgba(15,23,42,.05)!important; } .eco-photo{min-height:130px!important;border-radius:calc(var(--eco-menu-radius) - 5px)!important} .eco-card-body{position:relative!important;min-width:0!important;padding:7px 6px 4px 12px!important;display:flex!important;flex-direction:column!important;gap:0!important} .eco-card-copy{min-width:0;padding-right:34px} .eco-name{ width:100%!important; padding:0!important; color:var(--eco-menu-text)!important; font-size:15px!important; line-height:1.12!important; font-weight:900!important; letter-spacing:-.015em!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .eco-card-body>p,.eco-card-copy>p{ margin:5px 0 0!important; color:var(--eco-menu-muted)!important; font-size:9.3px!important; line-height:1.38!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .eco-heart{ right:6px!important;top:5px!important; width:30px!important;height:30px!important; display:grid!important;place-items:center!important; border-color:color-mix(in srgb,var(--eco-menu-text) 10%,transparent)!important; box-shadow:0 3px 10px rgba(15,23,42,.04)!important; z-index:3; } .eco-badges,.eco-detail-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;min-height:0} .eco-badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:23px;padding:4px 7px;border-radius:999px;border:1px solid transparent;font-size:7.2px;line-height:1;font-weight:850;white-space:nowrap} .eco-badge i{font-style:normal;font-size:9px;line-height:1} .eco-badge em{font-style:normal;overflow:hidden;text-overflow:ellipsis} .eco-badge--recommended{background:#f2f7e8;color:#647d19;border-color:#dfeac5} .eco-badge--spicy{background:#fff0ef;color:#d92d20;border-color:#ffd1cc} .eco-badge--best_seller{background:#fff7e8;color:#b35a00;border-color:#f8dfb5} .eco-badge--new{background:#edf7ff;color:#1673a5;border-color:#cfe9f7} .eco-badge--house_favorite{background:#fff7df;color:#9a6700;border-color:#f1dfaa} .eco-badge--special{background:#f6efff;color:#7a4cb4;border-color:#e4d6f7} .eco-badge--custom{background:#f4f6f8;color:#475467;border-color:#e4e7ec} .eco-unavailable{margin-top:7px!important} .eco-card footer{ align-items:center!important; gap:10px!important; margin-top:auto!important; padding-top:10px!important; } .eco-card footer strong{font-size:18px!important;line-height:1!important;letter-spacing:-.02em!important} .eco-plus{ width:auto!important;height:38px!important;min-width:92px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important; padding:0 13px!important;border-radius:12px!important; font-size:17px!important;line-height:1!important; box-shadow:0 5px 13px color-mix(in srgb,var(--eco-menu-primary) 22%,transparent)!important; } .eco-plus>b{font-size:8.5px;font-weight:900;color:inherit} .eco-detail-badges{margin:0 0 8px} .eco-detail-head>.eco-badge{margin-right:0} @media(max-width:430px){ .eco-card{grid-template-columns:minmax(105px,34%) minmax(0,1fr)!important;min-height:140px!important;padding:7px!important} .eco-photo{min-height:126px!important} .eco-card-body{padding:6px 5px 3px 10px!important} .eco-name{font-size:14px!important;line-height:1.1!important} .eco-card-body>p,.eco-card-copy>p{font-size:8.8px!important;line-height:1.35!important} .eco-badges{gap:4px;margin-top:7px} .eco-badge{min-height:21px;padding:4px 6px;font-size:6.7px} .eco-card footer{padding-top:8px!important} .eco-card footer strong{font-size:17px!important} .eco-plus{height:36px!important;min-width:78px!important;padding:0 10px!important;gap:5px!important} .eco-plus>b{font-size:7.8px} } @media(max-width:365px){ .eco-card{grid-template-columns:102px minmax(0,1fr)!important} .eco-photo{min-height:120px!important} .eco-card-copy{padding-right:31px} .eco-name{font-size:13.2px!important} .eco-plus{width:36px!important;min-width:36px!important;padding:0!important;border-radius:11px!important} .eco-plus>b{display:none} } @media(min-width:700px){ .eco-card{grid-template-columns:145px minmax(0,1fr)!important;min-height:154px!important} .eco-photo{min-height:138px!important} .eco-card-body{padding:9px 8px 6px 13px!important} .eco-name{font-size:16px!important} .eco-card-body>p,.eco-card-copy>p{font-size:9.5px!important} .eco-card footer strong{font-size:19px!important} } @media(prefers-reduced-motion:reduce){.eco-categories{transition:none!important}.eco-badge{transition:none!important}} /* 2.1.8 dual checkout delivery */ .eco-submit-choice{display:grid;gap:9px;margin-top:10px}.eco-submit-choice .eco-checkout{margin:0}.eco-whatsapp-order{background:#25D366!important;color:#fff!important}.eco-direct-order{background:var(--eco-menu-button)!important;color:var(--eco-menu-button-text)!important} /* 2.2.2 delivery location picker */ .eco-delivery-block{display:grid;gap:10px}.eco-delivery-block[hidden]{display:none!important}.eco-location-picker{border:1px solid color-mix(in srgb,var(--eco-menu-text) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--eco-menu-surface) 96%,#f8fafc);overflow:hidden}.eco-location-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.eco-location-picker-head>div{display:grid;gap:3px}.eco-location-picker-head strong{font-size:13px}.eco-location-picker-head small{font-size:10px;color:var(--eco-menu-muted);line-height:1.35}.eco-location-btn{border:0;border-radius:12px;padding:10px 12px;background:#fff;color:#111827;font-weight:800;font-size:11px;white-space:nowrap;box-shadow:0 2px 8px rgba(15,23,42,.08)}.eco-location-btn:disabled{opacity:.55}.eco-location-preview{border-top:1px solid color-mix(in srgb,var(--eco-menu-text) 10%,transparent)}.eco-location-preview[hidden]{display:none!important}.eco-location-preview iframe{display:block;width:100%;height:170px;border:0;background:#eef2f7}.eco-location-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;font-size:10px}.eco-location-meta span{font-weight:800;color:#15803d}.eco-location-meta a{font-weight:800;color:var(--eco-menu-primary);text-decoration:none}@media(max-width:430px){.eco-location-picker-head{align-items:flex-start;flex-direction:column}.eco-location-btn{width:100%}.eco-location-preview iframe{height:150px}} /* 2.2.3 · ajuste manual del marcador de entrega */ .eco-location-map-wrap{position:relative;overflow:hidden}.eco-manual-pin-toggle{position:absolute;top:10px;right:10px;z-index:3;border:0;border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.96);color:#111827;font-size:10px;font-weight:900;box-shadow:0 4px 18px rgba(15,23,42,.16)}.eco-adjust-pin{border:0;background:transparent;color:var(--eco-menu-primary);font-weight:900;font-size:10px;padding:0;white-space:nowrap}.eco-manual-pin-layer{position:absolute;inset:0;z-index:5;background:rgba(15,23,42,.08);touch-action:none;cursor:crosshair}.eco-manual-pin-layer[hidden]{display:none!important}.eco-manual-pin-tip{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2;max-width:82%;padding:7px 10px;border-radius:999px;background:rgba(17,24,39,.88);color:#fff;font-size:10px;font-weight:800;text-align:center;pointer-events:none}.eco-manual-pin-marker{position:absolute;left:50%;top:50%;width:32px;height:42px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 5px 7px rgba(0,0,0,.24))}.eco-manual-pin-marker:before{content:'';position:absolute;left:5px;top:1px;width:22px;height:22px;border-radius:50% 50% 50% 0;background:#e43d30;transform:rotate(-45deg);border:2px solid #fff;box-sizing:border-box}.eco-manual-pin-marker span{position:absolute;left:12px;top:8px;width:8px;height:8px;border-radius:50%;background:#9f1e18;z-index:2}.eco-manual-pin-actions{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1.45fr;gap:8px}.eco-manual-pin-actions button{border:0;border-radius:11px;padding:9px 10px;font-weight:900;font-size:10px;box-shadow:0 4px 16px rgba(15,23,42,.14)}.eco-manual-pin-actions button:first-child{background:#fff;color:#111827}.eco-manual-pin-actions button:last-child{background:#111827;color:#fff}.eco-location-meta{flex-wrap:wrap}.eco-location-meta .eco-adjust-pin{margin-left:auto}@media(max-width:430px){.eco-manual-pin-toggle{top:8px;right:8px}.eco-location-meta{gap:7px}.eco-location-meta span{width:100%}.eco-location-meta .eco-adjust-pin{margin-left:0}} /* 2.2.5 Delivery location link */ .eco-delivery-or{display:flex;align-items:center;gap:10px;margin:10px 0;color:#7a8495;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.eco-delivery-or:before,.eco-delivery-or:after{content:'';height:1px;background:#e7eaf0;flex:1}.eco-delivery-map-link small{display:block;margin-top:6px;color:#8b94a5;font-size:11px;font-weight:600}.eco-delivery-map-link input{margin-top:7px}.eco-delivery-map-link input:valid:not(:placeholder-shown){border-color:#2f80ed;background:#f7fbff}