/* Local Specials Grid styles */
.lsg-wrap{--lsg-ar: 1/1; padding:24px; border-radius:16px; background:#efe1c2;}
.lsg-wrap .lsg-sidebar{float:left; width:260px; margin-right:32px}
/* Sticky + scrollable sidebar */
.lsg-wrap[data-sticky="1"] .lsg-sidebar{position:sticky; top:16px; align-self:flex-start; max-height:calc(100vh - 32px); overflow:auto;}
/* Hide sidebar scrollbar visuals while keeping scrollability */
.lsg-wrap .lsg-sidebar{ scrollbar-width: none; -ms-overflow-style: none; }
.lsg-wrap .lsg-sidebar::-webkit-scrollbar{ display: none; }

.lsg-wrap .lsg-sidebar ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px}
.lsg-wrap .lsg-sidebar li a{display:flex; align-items:center; gap:10px; text-decoration:none;}
.lsg-wrap .lsg-sidebar li.active a{font-weight:700}
.lsg-cat-icon{display:inline-block; width:69px; height:69px; background-size:cover; background-position:center; border-radius:50%; background-color:#f0e2c3;}

.lsg-wrap .lsg-main{overflow:hidden}
.lsg-header{display:flex; justify-content:space-between; align-items:center; margin:0 0 16px}
.lsg-heading{margin:0; font-size:22px}
.lsg-count{font-size:12px; opacity:.7}

/* Gaps set via Elementor selectors: column-gap / row-gap */
.lsg-grid{display:grid; grid-template-columns:repeat(var(--lsg-cols,2), minmax(0,1fr));}

/* Hide vertical scrollbar for the cards scroller when enabled */
.lsg-wrap[data-scroll="1"] .lsg-grid{ scrollbar-width: none; -ms-overflow-style: none; }
.lsg-wrap[data-scroll="1"] .lsg-grid::-webkit-scrollbar{ display: none; }

.lsg-cardwrap{display:flex; flex-direction:column; gap:8px; max-width:100%}
.lsg-card{background:#fff; border-radius:24px; padding:12px; box-shadow:0 4px 16px rgba(0,0,0,.06);}
.lsg-card .lsg-tile{background:#941010; border-radius:20px; aspect-ratio:var(--lsg-ar); overflow:hidden; display:block; position:relative;}
.lsg-card .lsg-image, .lsg-card .lsg-tile img{display:block; width:100%; height:100%;}
.lsg-card .lsg-tile img{object-fit:contain; object-position:center center;}
.lsg-under{display:flex; justify-content:space-between; align-items:center; gap:12px}
.lsg-title{font-weight:700; font-size:14px; line-height:1.2; color:#222}
.lsg-nutrition a{font-size:11px; text-decoration:none; opacity:.85}

@media (max-width:1024px){ .lsg-wrap .lsg-sidebar{width:220px} }
@media (max-width:880px){ .lsg-wrap .lsg-sidebar{float:none; width:auto; margin-right:0; margin-bottom:16px} }