/* V86: shared information panels for dressings and Sides and Drinks.
   Popups are positioned by the shared controller outside the clipped photo.
   This file changes only information panels, not product card geometry. */
.gb-info-trigger{
  box-sizing:border-box !important;
  width:28px !important;
  height:28px !important;
  padding:0 !important;
  border:1px solid #dedfd8 !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.98) !important;
  color:#173225 !important;
  font:700 15px/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:normal !important;
  text-align:center !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer;
  user-select:none;
  box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
}
.gb-info-trigger:hover,
.gb-info-trigger[aria-expanded="true"]{
  border-color:#159447 !important;
  color:#159447 !important;
}
.gb-info-trigger:focus-visible{
  color:#159447 !important;
  outline:2px solid #159447 !important;
  outline-offset:3px !important;
}
.gb-info-popup{
  box-sizing:border-box !important;
  position:fixed !important;
  inset:auto !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  transform:none !important;
  transition:none !important;
  margin:0 !important;
  padding:14px !important;
  min-width:0 !important;
  width:260px;
  max-width:calc(100vw - 24px) !important;
  border:1px solid #dedfd8 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.98) !important;
  color:#173225 !important;
  font:400 12px/1.45 Arial,Helvetica,sans-serif !important;
  letter-spacing:normal !important;
  text-align:left !important;
  text-transform:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,.14) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overflow-wrap:anywhere;
  overscroll-behavior:contain;
  pointer-events:none !important;
  z-index:10000 !important;
}
.gb-info-popup.gb-info-visible{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.gb-info-popup .gb-info-title{
  display:block !important;
  margin:0 0 6px !important;
  padding:0 !important;
  color:#173225 !important;
  font:700 16px/1.2 Arial,Helvetica,sans-serif !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}
.gb-info-popup .ingredient-line{
  margin:0 !important;
  padding:0 !important;
  color:#445149 !important;
  font:400 12px/1.45 Arial,Helvetica,sans-serif !important;
}
.gb-info-popup .ingredient-line b{font-weight:700 !important;color:inherit !important}
.gb-info-popup .diet-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin:10px 0 0 !important;
  padding:0 !important;
}
.gb-info-popup .diet-tag{
  display:inline-block !important;
  margin:0 !important;
  padding:4px 7px !important;
  border:0 !important;
  border-radius:99px !important;
  background:#f4faf5 !important;
  color:#159447 !important;
  font:700 10px/1.2 Arial,Helvetica,sans-serif !important;
  white-space:nowrap;
}
.gb-info-popup .gb-info-allergens{
  margin:9px 0 0 !important;
  padding:0 !important;
  color:#7b4b00 !important;
  font:700 11px/1.4 Arial,Helvetica,sans-serif !important;
}
.gb-info-popup .gb-info-allergens b{font-weight:700;color:inherit}
.gb-info-popup .gb-info-allergen-line{display:block;margin:3px 0 0}