/* Photo cards within the existing searchable, editable location guide. */
.og-reference{display:block;width:100%;border:0;table-layout:auto}
.og-reference colgroup,.og-reference thead{display:none}
.og-reference tbody{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}
#mainContent .og-reference tbody tr{display:flex;flex-direction:column;min-width:0;position:relative;padding:12px;background:#fff;border:1px solid #dfd5c9;border-radius:6px;box-shadow:none;transition:border-color .15s}
#mainContent .og-reference tbody tr:hover{background:#fff;border-color:#ad8098}
#mainContent .og-reference tbody td{display:block;width:auto;min-width:0;padding:0;border:0;white-space:normal;text-align:left}
#mainContent .og-reference .td-thumb{margin:0 0 12px}
#mainContent .og-reference .og-thumb,#mainContent .og-reference .og-thumb-ph{display:flex;align-items:center;justify-content:center;float:none;width:100%;height:160px;object-fit:contain;padding:7px;margin:0;border:1px solid #eee7df;border-radius:4px;background:#fff;box-sizing:border-box}
#mainContent .og-reference .og-thumb-ph{background:#faf7f2;color:#796858;font:400 30px Georgia,serif}
#mainContent .og-reference .td-product-btn{display:block;width:100%;padding:0;border:0;background:transparent;color:#171717;font:500 14px/1.4 'DM Sans',Arial,sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere}
#mainContent .og-reference .td-product-btn:focus-visible{outline:2px solid #9d5278;outline-offset:4px}
#mainContent .og-reference td.td-vendor{display:block;margin-top:5px;color:#40372f;font:400 12px/1.4 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere}
#mainContent .og-reference td:last-child:not(.td-vendor){align-self:flex-end;margin-top:8px}
#mainContent .section{margin-bottom:14px;border-radius:7px;box-shadow:none;background:#fcfaf7}
#mainContent .section-header{padding:11px 14px}
.top-chrome .toolbar{margin-top:16px}
#mainContent .section.collapsed .section-header{background:var(--ink);color:var(--cream)}
#mainContent .og-product-count{margin:0 10px;font:400 11px 'DM Sans',Arial,sans-serif;white-space:nowrap;color:inherit}
@media(max-width:950px){.og-reference tbody{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.og-reference tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}#mainContent .og-reference tbody tr{padding:10px}#mainContent .og-reference .og-thumb,#mainContent .og-reference .og-thumb-ph{height:130px}#mainContent .og-reference .td-product-btn{font-size:13px}}
@media(max-width:360px){.og-reference tbody{grid-template-columns:1fr}}
@media print{.og-reference tbody{grid-template-columns:repeat(4,minmax(0,1fr))}#mainContent .og-reference tbody tr{break-inside:avoid}}


@media(max-width:1100px),(pointer:coarse) and (max-width:1366px){
 .top-chrome .toolbar-right{justify-content:flex-end;margin-left:auto}
 .top-chrome #collapseAllBtn{margin-left:auto}
}

.ingredient-matcher{width:min(520px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #cdb8a0;border-radius:14px;padding:22px;background:#fffaf2;color:#1a1714;font:14px 'DM Sans',sans-serif}.ingredient-matcher::backdrop{background:#0006}.ingredient-matcher header{display:flex;align-items:center;justify-content:space-between;background:none;padding:0;height:auto}.ingredient-matcher h2{font-size:20px;margin:0}.ingredient-matcher p{line-height:1.5}.ingredient-matcher input,.ingredient-matcher select{display:block;width:100%;min-width:0;margin:12px 0;padding:10px;font:inherit;border:1px solid #cdb8a0;border-radius:8px;background:white}.ingredient-matcher button{padding:8px 12px;border:1px solid #cdb8a0;border-radius:20px;background:white;color:#1a1714;cursor:pointer}.match-actions{display:flex;gap:8px;flex-wrap:wrap}

.og-search-options{position:fixed;z-index:9999;background:#fffdf9;border:1px solid #d6c7b8;border-radius:0 0 8px 8px;box-shadow:0 6px 16px #0002;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.og-search-options[hidden]{display:none!important}.og-search-options .menu-suggestion{padding:10px 12px;cursor:pointer;font-size:13px;line-height:1.4}.og-search-options .menu-suggestion:hover,.og-search-options .menu-suggestion.active{background:#f0e7dd}.og-search-options small{display:block;color:#76695d;font-size:11px}.og-search-empty{padding:12px;color:#76695d}

#mainContent .section.collapsed .section-header,#mainContent .section.collapsed .section-header:hover{background:#1a1714!important;color:#f7f3ee!important}

.search-wrap:has(>.og-search-clear),.menu-search-wrap:has(>.og-search-clear){position:relative}#searchInput,#menuItemFilter{padding-right:36px}#searchInput::-webkit-search-cancel-button,#menuItemFilter::-webkit-search-cancel-button{-webkit-appearance:none}.og-search-clear{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;border:0;background:transparent;color:#65594e;font:20px/1 Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.og-search-clear[hidden]{display:none!important}.og-search-clear:hover{background:#1a17140a}.og-search-clear:focus-visible{outline:2px solid #a93963;outline-offset:-2px}

/* Two deliberate toolbar rows: filters, then actions immediately above the guide. */
.top-chrome .toolbar{flex-direction:column;align-items:stretch;gap:12px}
.top-chrome .toolbar-left{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;align-items:center}
.top-chrome #filtersWrap{display:contents!important}
.top-chrome .toolbar-left>.search-wrap,
.top-chrome #filtersWrap>.menu-search-wrap,
.top-chrome #filtersWrap>#locationFilter,
.top-chrome #filtersWrap>#vendorFilter{grid-column:auto!important;grid-row:auto!important;width:100%;min-width:0;max-width:none}
.top-chrome .toolbar-left :is(.search-input,.filter-select){height:38px}
.top-chrome .toolbar-right{width:100%;margin:0;padding:0;justify-content:flex-start;gap:10px;flex-wrap:nowrap}
.top-chrome .toolbar-right :is(button,.og-view-toggle){flex-shrink:0}
.top-chrome .toolbar-right button{min-height:36px;white-space:nowrap}
.top-chrome #collapseAllBtn{margin-left:auto}
@media(max-width:700px){
 .top-chrome .toolbar-left{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(max-width:480px){
 .top-chrome .toolbar-right{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .top-chrome #collapseAllBtn{grid-column:2;justify-self:end}
 .top-chrome .toolbar-right .og-view-toggle{justify-self:start}
}