/* V141 · restaurant-controlled professional list and 2/3/4-column product grid */
html[data-product-columns="1"] .grid{grid-template-columns:minmax(0,1fr);gap:11px;width:100%;margin-left:0}
html[data-product-columns="1"] .prod{display:grid;grid-template-columns:106px minmax(0,1fr);grid-template-rows:auto minmax(24px,1fr) auto;column-gap:12px;min-height:118px;padding:8px 10px;border:1px solid rgba(15,23,42,.08)!important;border-radius:17px;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.13)!important}
html[data-product-columns="1"] .prod:before{display:none}
html[data-product-columns="1"] .product-photo{grid-column:1;grid-row:1/4;align-self:stretch;min-width:0}
html[data-product-columns="1"] .prod img{width:100%;height:102px;padding:6px;border-radius:12px}
html[data-product-columns="1"] .favBtn{top:8px;right:8px;width:29px;height:29px}
html[data-product-columns="1"] .favBtn svg{width:15px;height:15px}
html[data-product-columns="1"] .product-discount-badge,html[data-product-columns="1"] .product-multi-badge{left:6px;top:6px;max-width:calc(100% - 12px);padding:5px 7px;border-radius:8px;font-size:8px}
html[data-product-columns="1"] .product-badge{right:6px;bottom:6px;max-width:calc(100% - 12px);padding:4px 7px;font-size:7.5px}
html[data-product-columns="1"] .prod .name{grid-column:2;grid-row:1;margin:0 36px 0 0;padding:1px 0 4px;border-top:0;border-bottom:1px solid color-mix(in srgb,var(--theme-primary,var(--accent)) 16%,rgba(17,24,39,.08));font-size:15px;line-height:1.12}
html[data-product-columns="1"] .prod .desc{grid-column:2;grid-row:2;display:-webkit-box;margin-top:4px;min-height:0;color:#64748b;font-size:10.5px;line-height:1.25;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html[data-product-columns="1"] .prod .bottom{grid-column:2;grid-row:3;display:grid;grid-template-columns:minmax(0,112px) 34px;justify-content:end;gap:7px;margin-top:4px;min-height:34px;width:100%}
html[data-product-columns="1"] .price-badge{width:112px;max-width:100%;height:34px;padding:3px 6px;border-radius:9px}
html[data-product-columns="1"] .price-badge .price-from{font-size:8px}
html[data-product-columns="1"] .price-badge .price-now{font-size:13px}
html[data-product-columns="1"] .add{width:34px;height:34px;border-radius:10px;font-size:13px}
html[data-product-columns="1"] .product-category-anchor{grid-column:1/-1}

@media(max-width:350px){
  html[data-product-columns="1"] .prod{grid-template-columns:91px minmax(0,1fr);column-gap:9px;min-height:106px;padding:7px}
  html[data-product-columns="1"] .prod img{height:92px;padding:4px}
  html[data-product-columns="1"] .prod .name{font-size:13px}
  html[data-product-columns="1"] .prod .desc{font-size:9.5px;-webkit-line-clamp:2}
  html[data-product-columns="1"] .prod .bottom{grid-template-columns:minmax(0,101px) 31px;gap:5px}
  html[data-product-columns="1"] .price-badge{width:101px;height:31px}
  html[data-product-columns="1"] .add{width:31px;height:31px}
}

html[data-product-columns="3"] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px;width:calc(100% + 8px);margin-left:-4px}
html[data-product-columns="3"] .prod,html[data-product-columns="4"] .prod{display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden}
html[data-product-columns="3"] .prod{padding:7px;border-radius:17px}
html[data-product-columns="3"] .prod:before{left:22%;right:22%;height:2px}
html[data-product-columns="3"] .prod img{height:82px;padding:5px;border-radius:12px}
html[data-product-columns="3"] .favBtn{top:7px;right:7px;width:27px;height:27px}
html[data-product-columns="3"] .favBtn svg{width:14px;height:14px}
html[data-product-columns="3"] .product-discount-badge,html[data-product-columns="3"] .product-multi-badge{left:5px;top:5px;max-width:calc(100% - 39px);padding:4px 5px;border-radius:7px;font-size:7px}
html[data-product-columns="3"] .product-badge{right:5px;bottom:5px;max-width:calc(100% - 10px);padding:4px 6px;font-size:7px}
html[data-product-columns="3"] .prod .name{margin-top:7px;padding-top:6px;font-size:11px;line-height:1.17}
html[data-product-columns="3"] .prod .desc{display:block;margin-top:3px;min-height:0;color:#6b7280;font-size:9px;line-height:1.28;overflow-wrap:anywhere;white-space:normal}
html[data-product-columns="3"] .prod .bottom{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:4px;margin-top:auto;padding-top:7px;min-height:34px;width:100%}
html[data-product-columns="3"] .price-badge{min-width:0;width:100%;max-width:100%;height:34px;padding:3px 4px;border-radius:9px;overflow:hidden}
html[data-product-columns="3"] .price-badge .price-old{font-size:6px}
html[data-product-columns="3"] .price-badge .price-from{font-size:6px}
html[data-product-columns="3"] .price-badge .price-now{min-width:0;max-width:100%;font-size:9px;letter-spacing:-.25px}
html[data-product-columns="3"] .add{flex:0 0 32px;width:32px;height:32px;border-radius:10px;font-size:13px}

html[data-product-columns="4"] .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 5px;width:calc(100% + 12px);margin-left:-6px}
html[data-product-columns="4"] .prod{padding:5px;border-width:1px!important;border-radius:14px;box-shadow:0 9px 20px rgba(17,24,39,.10),0 2px 6px color-mix(in srgb,var(--theme-primary,var(--accent)) 9%,transparent)!important}
html[data-product-columns="4"] .prod:before{left:24%;right:24%;height:2px}
html[data-product-columns="4"] .prod img{height:64px;padding:3px;border-radius:9px}
html[data-product-columns="4"] .favBtn{top:5px;right:5px;width:22px;height:22px;border-width:1px}
html[data-product-columns="4"] .favBtn svg{width:11px;height:11px}
html[data-product-columns="4"] .product-discount-badge,html[data-product-columns="4"] .product-multi-badge{left:3px;top:3px;max-width:calc(100% - 30px);padding:3px 4px;border-radius:6px;font-size:5.8px;letter-spacing:0}
html[data-product-columns="4"] .product-badge{right:3px;bottom:3px;max-width:calc(100% - 6px);padding:3px 4px;font-size:5.8px;letter-spacing:0}
html[data-product-columns="4"] .prod .name{margin-top:5px;padding-top:5px;font-size:9px;line-height:1.15;letter-spacing:-.1px}
html[data-product-columns="4"] .prod .desc{display:block;margin-top:3px;min-height:0;color:#6b7280;font-size:7.2px;line-height:1.23;overflow-wrap:anywhere;white-space:normal}
html[data-product-columns="4"] .prod .bottom{display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:3px;margin-top:auto;padding-top:6px;min-height:38px;width:100%}
html[data-product-columns="4"] .price-badge{min-width:0;width:100%;max-width:100%;height:38px;padding:2px;border-radius:7px;column-gap:0;overflow:hidden;box-shadow:0 4px 10px rgba(185,28,28,.18);grid-template-columns:1fr;justify-items:center;text-align:center}
html[data-product-columns="4"] .price-badge .price-old{grid-column:1;width:100%;font-size:4.8px;margin-bottom:0;text-align:center}
html[data-product-columns="4"] .price-badge .price-from{grid-column:1;width:100%;font-size:4.8px;line-height:1;text-align:center;letter-spacing:-.2px}
html[data-product-columns="4"] .price-badge .price-now{grid-column:1;min-width:0;max-width:100%;width:100%;font-size:7px;line-height:1;text-align:center;letter-spacing:-.35px}
html[data-product-columns="4"] .add{flex:0 0 26px;width:26px;height:26px;border-radius:8px;font-size:11px;box-shadow:0 7px 14px color-mix(in srgb,var(--accent) 20%,transparent)}
html[data-product-columns="3"] .product-photo,html[data-product-columns="4"] .product-photo{flex:0 0 auto}
html[data-product-columns="3"] .product-category-anchor,html[data-product-columns="4"] .product-category-anchor{grid-column:1/-1}

@media(max-width:350px){
  html[data-product-columns="4"] .grid{gap:6px 4px;width:calc(100% + 10px);margin-left:-5px}
  html[data-product-columns="4"] .prod{padding:4px}
  html[data-product-columns="4"] .prod img{height:57px}
  html[data-product-columns="4"] .prod .name{font-size:8px}
  html[data-product-columns="4"] .prod .desc{font-size:6.5px}
  html[data-product-columns="4"] .price-badge .price-now{font-size:6.2px}
}
