/* ══ FAB carrito: estado mini (círculo) + pulso al agregar ══ */
.pidelo-cart-fab .cart-fab-total{
  max-width:120px;overflow:hidden;white-space:nowrap;
  transition:max-width .35s var(--spring),opacity .25s,margin .25s;
}
.pidelo-cart-fab.cart-fab-mini{
  padding:0!important;width:50px!important;height:50px!important;
  justify-content:center!important;gap:0!important;border-radius:50%!important;
  position:fixed;
}
.pidelo-cart-fab.cart-fab-mini .cart-fab-total{
  max-width:0;opacity:0;margin:0;width:0;overflow:hidden;
}
/* El número va como badge en la esquina cuando es círculo */
.pidelo-cart-fab.cart-fab-mini .pcf-badge{
  position:absolute!important;top:-3px!important;right:-3px!important;
  min-width:20px!important;height:20px!important;font-size:11px!important;
  box-shadow:0 1px 5px rgba(0,0,0,.25)!important;
}
/* Pulso/brillo al agregar un producto */
@keyframes cartFabPulse{
  0%{box-shadow:0 4px 18px rgba(0,0,0,.30),0 0 0 0 color-mix(in srgb,var(--chat-accent,#F0643C) 60%,transparent)}
  70%{box-shadow:0 4px 18px rgba(0,0,0,.30),0 0 0 14px transparent}
  100%{box-shadow:0 4px 18px rgba(0,0,0,.30),0 0 0 0 transparent}
}
.pidelo-cart-fab.cart-fab-pulse{
  animation:cartFabPulse .8s ease-out;
}
.pidelo-cart-fab.cart-fab-pulse .pcf-badge{
  animation:badgeBounce .5s var(--spring);
}
@keyframes badgeBounce{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* Cuando el chat está abierto, el FAB del carrito no debe taparlo */
body.chat-abierto .pidelo-cart-fab{z-index:6001!important;opacity:.25;pointer-events:none}

/* En modo negocio, las flechas de tiras del PORTAL se ocultan (home.js usa las suyas) */
body.modo-negocio #homeChipsWrap .chips-arrow{display:none!important}
body.modo-negocio #chipsArrowL,
body.modo-negocio #chipsArrowR{display:none!important}

/* ══════════════════════════════════════════════════════
   MODAL SUGERENCIA DE BEBIDAS
   ══════════════════════════════════════════════════════ */
.bebidas-overlay{
  position:fixed;inset:0;z-index:7000;
  display:flex;align-items:flex-end;justify-content:center;
  background:rgba(20,18,14,.45);backdrop-filter:blur(3px);
  animation:fadeInBebidas .25s ease;
}
@keyframes fadeInBebidas{from{opacity:0}to{opacity:1}}
.bebidas-modal{
  background:var(--surface,#fff);
  border-radius:24px 24px 0 0;
  padding:22px 18px 28px;
  width:100%;max-width:480px;
  box-shadow:0 -8px 40px rgba(0,0,0,.20);
  animation:slideUpBebidas .35s var(--spring);
  position:relative;
}
@keyframes slideUpBebidas{from{transform:translateY(100%)}to{transform:none}}
.bebidas-close{
  position:absolute;top:14px;right:16px;
  background:var(--s2,#f0efe9);border:none;border-radius:50%;
  width:30px;height:30px;cursor:pointer;font-size:14px;
  display:flex;align-items:center;justify-content:center;color:var(--muted,#7a786e);
}
.bebidas-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.bebidas-icon{font-size:32px;line-height:1}
.bebidas-title{font-size:16px;font-weight:700;color:var(--text,#1a1917)}
.bebidas-sub{font-size:12px;color:var(--muted,#7a786e);margin-top:2px}
.bebidas-list{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;
  max-height:46vh;overflow-y:auto;overflow-x:hidden;
}
.bebida-card{
  background:var(--s2,#f0efe9);border-radius:16px;padding:12px 8px;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  cursor:pointer;transition:transform .15s var(--spring),box-shadow .15s;
  border:2px solid transparent;
}
.bebida-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.10)}
.bebida-card:active{transform:scale(.96)}
.bebida-card.selected{border-color:var(--chat-accent,#F0643C);background:var(--red-soft,#E6F7F7)}
.bebida-img{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#fff}
.bebida-img-emoji{font-size:38px;line-height:1;width:54px;height:54px;display:flex;align-items:center;justify-content:center}
.bebida-nombre{font-size:11.5px;font-weight:600;text-align:center;color:var(--text,#1a1917);line-height:1.2;max-height:2.4em;overflow:hidden}
.bebida-precio{font-size:12px;font-weight:700;color:var(--chat-accent,#F0643C)}
.bebida-add{
  width:100%;padding:6px 0;border-radius:8px;border:none;
  background:var(--chat-accent,#F0643C);color:#fff;
  font-size:11.5px;font-weight:700;cursor:pointer;
  transition:opacity .15s;
}
.bebida-add:hover{opacity:.88}
.bebidas-vertodas{
  width:100%;padding:8px;margin:-2px 0 12px;border:none;background:none;
  color:var(--chat-accent,#F0643C);font-size:12.5px;font-weight:700;
  cursor:pointer;text-align:center;
}
.bebidas-vertodas:hover{ text-decoration:underline; }
.bebidas-skip{
  width:100%;padding:10px;border-radius:12px;border:none;
  background:var(--s2,#f0efe9);color:var(--muted,#7a786e);
  font-size:13px;font-weight:600;cursor:pointer;
}