#modal-root .topping-picker>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-right:46px}
#modal-root .topping-picker>summary>span:first-child{min-width:0}
#modal-root .topping-picker>summary .catalog-ingredient-count{flex:0 0 auto}
#modal-root .topping-picker:has(.item-topping-check:checked) [data-topping-summary]{background:#e0f2fc;color:#145787}
#modal-root .topping-picker>.catalog-section-body{display:block;padding:12px 16px}
#modal-root .topping-picker-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
#modal-root .topping-picker-search{position:relative;flex:1 1 260px;min-width:0;margin:0}
#modal-root .topping-picker-search input{width:100%;padding-right:44px;font-size:14px}
#modal-root .topping-picker-search button{position:absolute;right:3px;top:3px;width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;color:#145787;font-size:24px}
#modal-root .topping-picker-filters{display:flex;gap:5px;flex-wrap:wrap}
#modal-root .topping-picker-filters button{min-height:40px;padding:8px 12px;border:1px solid #c5e2f2;border-radius:8px;background:#fff;color:#145787;font-size:13px;font-weight:700}
#modal-root .topping-picker-filters button[aria-pressed=true]{background:#145787;border-color:#145787;color:#fff}
#modal-root .topping-picker-filters button span{display:inline-block;min-width:20px;margin-left:3px}
#modal-root .topping-picker-list{max-height:320px;max-height:min(320px,45dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #c5e2f2;border-radius:10px;background:#fff}
#modal-root .topping-picker-row{display:grid;grid-template-columns:19px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:60px;margin:0;padding:9px 12px;border:0;border-bottom:1px solid #e0f2fc;border-radius:0;cursor:pointer}
#modal-root .topping-picker-row:last-of-type{border-bottom:0}
#modal-root .topping-picker-row.selected{background:#eaf6ff;box-shadow:inset 3px 0 #0b69b5}
#modal-root .topping-picker-row .item-topping-check{width:19px;height:19px;margin:0;accent-color:#0b69b5}
#modal-root .topping-picker-name{min-width:0}
#modal-root .topping-picker-name strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.35}
#modal-root .topping-picker-name small{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.35;color:#587184}
#modal-root .topping-picker-price{font-size:13px;font-weight:700;color:#145787;white-space:nowrap}
#modal-root .topping-picker-status{padding-top:8px;font-size:12px;color:#587184}
#modal-root .topping-picker-empty{padding:20px 12px;margin:0;text-align:center;font-size:14px;color:#587184}
#modal-root .topping-picker [hidden]{display:none!important}
#modal-root .topping-picker .topping-picker-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#modal-root .topping-picker :is(button,input,.topping-picker-list):focus-visible{outline:2px solid #0b69b5;outline-offset:2px}
@media(max-width:560px){
  #modal-root .topping-picker>.catalog-section-body{padding:10px}
  #modal-root .topping-picker-tools{gap:8px}
  #modal-root .topping-picker-search{flex-basis:100%}
  #modal-root .topping-picker-filters{width:100%}
  #modal-root .topping-picker-filters button{flex:1;padding:8px}
  #modal-root .topping-picker-row{gap:8px;padding-left:9px;padding-right:9px;grid-template-columns:19px minmax(0,1fr)}
  #modal-root .topping-picker-price{grid-column:2;font-size:12px}
  #modal-root .topping-picker-row .item-topping-check{grid-row:1 / span 2}
}