/* Veganue business pages. All rules are scoped to the new listing components. */
.vg-listing-page{--vg-listing-accent:var(--vg-accent,#256b3a);--vg-listing-ink:#193027;--vg-listing-muted:#5b6c62;--vg-listing-line:#dce6de;background:#f7f9f6;color:var(--vg-listing-ink);padding-bottom:56px;line-height:1.6}
.vg-listing-page *{box-sizing:border-box}
.vg-listing-page h1,.vg-listing-page h2,.vg-listing-page h3,.vg-business-dialog h2{font-family:inherit!important;color:var(--vg-listing-ink,#193027)!important;font-weight:700!important;text-transform:none!important;letter-spacing:-.025em;line-height:1.2!important;float:none!important;padding:0!important}
.vg-listing-page h1{font-size:clamp(28px,3.2vw,44px)!important;margin:4px 0 10px!important;overflow-wrap:anywhere}
.vg-listing-page h2,.vg-business-dialog h2{font-size:24px!important;margin:0 0 16px!important}
.vg-listing-page h3{font-size:18px!important;margin:0!important;overflow-wrap:anywhere}
.vg-listing-page p{font-size:16px;line-height:1.65;margin:0 0 16px}
.vg-listing-page a{color:var(--vg-listing-accent);text-decoration:none}
.vg-listing-page a:hover{text-decoration:underline}
.vg-listing-page button{font:inherit;cursor:pointer}
.vg-listing-page :is(a,button,summary):focus-visible,.vg-business-dialog :is(a,button):focus-visible{outline:3px solid #34794b;outline-offset:4px}
.vg-business-hero{background:#fff;border-bottom:1px solid var(--vg-listing-line)}
.vg-business-cover{height:clamp(160px,25vw,300px);overflow:hidden;background:#dbe9d8;position:relative}
.vg-business-cover img{width:100%;height:100%;object-fit:cover;display:block}
.vg-business-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(13,42,24,.14))}
.vg-business-cover.is-placeholder{background:radial-gradient(ellipse at 80% 20%,#f0f5df,transparent 55%),linear-gradient(120deg,#c9dfce,#edf1e0)}
.vg-business-intro{position:relative;padding-block:0 24px}
.vg-business-identity{display:flex;gap:24px;align-items:flex-start;padding-top:24px;margin-top:-36px;position:relative}
.vg-business-logo{width:112px;height:112px;flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border:5px solid #fff;border-radius:22px;box-shadow:0 3px 12px #17362114;overflow:hidden}
.vg-business-logo img{width:100%;height:100%;object-fit:contain}
.vg-business-identity>div{padding-top:24px;min-width:0;flex:1}
.vg-business-eyebrow{font-size:12px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--vg-listing-accent);margin:0 0 6px!important}
.vg-business-meta{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;color:var(--vg-listing-muted);font-size:14px}
.vg-business-location{min-height:44px;border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--vg-listing-accent)}
.vg-business-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}
.vg-business-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:64px;padding:10px 18px;background:#fff;border:1px solid var(--vg-listing-line,#dce6de);border-radius:12px;font-size:14px!important;font-weight:600;line-height:1.4;color:var(--vg-listing-ink,#193027)!important;text-decoration:none!important;cursor:pointer;transition:background .15s,border-color .15s}
.vg-business-button:hover{background:#eef5ec;border-color:#acc8b1}
.vg-business-button.is-primary{background:var(--vg-listing-accent,#256b3a);border-color:var(--vg-listing-accent,#256b3a);color:#fff!important}
.vg-business-button.is-primary:hover{background:#1a552d}
.vg-business-button.is-current{background:#eef5ec;border-color:#85af90}
.vg-business-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:12px}
.vg-business-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:28px;padding-top:32px}
.vg-business-content,.vg-business-aside{min-width:0}
.vg-business-panel{padding:28px;background:#fff;border:1px solid var(--vg-listing-line);border-radius:20px;margin-bottom:24px;min-width:0}
.vg-business-description{white-space:pre-line;overflow-wrap:anywhere}
.vg-business-muted{color:var(--vg-listing-muted)}
.vg-business-small{font-size:13px!important}
.vg-business-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.vg-business-tags a{display:inline-flex;padding:6px 12px;background:#f0f5ec;border:1px solid #e3ebdf;border-radius:8px;font-size:13px;color:#345340;min-height:36px;align-items:center}
.vg-business-inline-link{display:flex;align-items:center;min-height:44px;font-weight:500;font-size:14px;margin-top:12px}
.vg-business-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.vg-business-section-heading h2{margin:0!important}
.vg-business-section-heading>a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.vg-business-section-heading>p{margin:0;font-size:14px}
.vg-business-photo-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vg-business-photo-preview a{aspect-ratio:4/3;overflow:hidden;display:block;border-radius:12px;background:#edf1eb;cursor:zoom-in;position:relative}
.vg-business-photo-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.vg-business-photo-preview a:hover img{transform:scale(1.035)}
.vg-business-contact{margin:0}
.vg-business-contact dt{font-size:12px;font-weight:600;color:var(--vg-listing-muted);margin-top:18px;text-transform:uppercase;letter-spacing:.05em}
.vg-business-contact dd{margin:4px 0 0;font-size:15px;overflow-wrap:anywhere}
.vg-business-contact small{display:block;color:var(--vg-listing-muted);margin-top:4px}
.vg-business-social{display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--vg-listing-line);margin-top:22px;padding-top:14px}
.vg-business-social a{font-size:14px;min-height:44px;display:flex;align-items:center}
.vg-business-status{font-size:12px;font-weight:600;padding:5px 10px;background:#f4f0e7;border-radius:8px;color:#64522c}
.vg-business-status.is-open{color:#276039;background:#e9f4e6}
.vg-business-hours{margin:0 0 16px}
.vg-business-hours>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #edf1eb;font-size:14px}
.vg-business-hours dt{font-weight:500}.vg-business-hours dd{margin:0;text-align:right;color:var(--vg-listing-muted)}
.vg-business-map iframe{width:100%!important;max-width:100%;height:240px;border:0;border-radius:12px}
.vg-business-contribute{background:#edf4e9}.vg-business-contribute p{font-size:14px}
.vg-business-page-body{padding-top:32px}
.vg-menu-intro{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:22px}
.vg-menu-intro>p{font-size:14px;max-width:560px;color:var(--vg-listing-muted);margin:0}
.vg-menu-intro>button{flex:none}
.vg-menu-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--vg-listing-line);padding-bottom:20px;margin-bottom:28px}
.vg-menu-nav a{min-height:44px;padding:10px 14px;border-radius:10px;background:#f2f6ee;font-size:14px;display:flex;align-items:center}
.vg-menu-category{scroll-margin-top:160px;margin-bottom:32px}
.vg-menu-category>h2{font-size:21px!important;margin-bottom:18px!important}
.vg-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vg-business-content .vg-menu-grid{grid-template-columns:minmax(0,1fr)}
.vg-menu-item{border:1px solid var(--vg-listing-line);border-radius:14px;display:flex;overflow:hidden;min-width:0;background:#fff;transition:border-color .15s,box-shadow .15s}
.vg-menu-item.is-selected{border-color:#327b47;box-shadow:inset 0 0 0 1px #327b47}
.vg-menu-photo{width:124px;min-height:144px;flex:none;background:#eef2eb;cursor:zoom-in}
.vg-menu-photo img{width:100%;height:100%;max-height:230px;object-fit:cover;display:block}
.vg-menu-item-body{padding:20px;min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.vg-menu-item-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;width:100%}
.vg-menu-price{font-size:15px;font-weight:600;white-space:nowrap;color:#254e32}
.vg-menu-item-body>p{font-size:14px;color:var(--vg-listing-muted);margin:10px 0;overflow-wrap:anywhere}
.vg-menu-nutrition{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--vg-listing-muted);margin:4px 0}
.vg-menu-select{border:1px solid #d6e4d8;background:#f4f8f0;border-radius:8px;padding:8px 12px;font-size:13px!important;min-height:44px;color:#2a603b;margin-top:auto}
.vg-menu-select[aria-pressed="true"]{background:#e2efdf;border-color:#9dbea2}
.vg-business-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.vg-business-gallery-tile{display:block;position:relative;border:1px solid var(--vg-listing-line);background:#edf2e9;border-radius:16px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3}
.vg-business-gallery-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.vg-business-gallery-tile:hover img{transform:scale(1.025)}
.vg-business-empty{text-align:center;padding:44px 24px}
.vg-business-empty>span{font-size:38px;color:#63916c;display:block;margin-bottom:14px}
.vg-business-empty p{color:var(--vg-listing-muted);max-width:440px;margin:0 auto 24px}
.vg-business-empty .vg-business-inline-link{justify-content:center}
.vg-business-dialog{color:#193027;border:1px solid #dce6de;border-radius:20px;padding:28px;max-width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:#fff;box-shadow:0 24px 80px #122b2233}
.vg-business-dialog::backdrop{background:#0a201aa6;backdrop-filter:blur(3px)}
.vg-business-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.vg-business-dialog-heading h2{margin:6px 0 0!important;font-size:23px!important;flex:1;overflow-wrap:anywhere}
.vg-business-dialog-heading>button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#f1f5ec;font-size:26px;line-height:1;color:#193027}
.vg-business-dialog p{font-size:15px;line-height:1.6;color:#5b6c62;margin:0 0 20px}
.vg-business-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.vg-business-provider-list a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:14px;border:1px solid #dce6de;border-radius:10px;color:#256b3a;font-size:14px}
.vg-business-address{white-space:pre-line;overflow-wrap:anywhere}
.vg-menu-qr{display:block;width:min(100%,300px);height:auto;margin:0 auto 16px}
.vg-selected-list{list-style:none;padding:0!important;margin:0 0 20px!important}
.vg-selected-list li{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #dce6de;padding:12px 0}
.vg-selected-list small{display:block;color:#5b6c62;margin-top:3px}
.vg-selected-list button{background:#f0f5ec;border:0;border-radius:8px;min-height:44px;padding:8px 12px;color:#256b3a;font:inherit;font-size:13px}
.vg-business-feedback{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:2100;max-width:calc(100% - 32px);padding:12px 20px;background:#193c27;color:#fff;border-radius:12px;font-size:14px;box-shadow:0 8px 30px #0002}
.vg-business-feedback:empty{display:none}
.vg-listing-page .vg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vg-media-unavailable img{display:none!important}.vg-media-unavailable:after{content:"Photo unavailable — open to retry";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;color:#53695b;font-size:13px;text-align:center;background:#edf2e9}
@media(max-width:980px){.vg-business-layout{grid-template-columns:minmax(0,1fr);gap:0}.vg-business-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.vg-business-aside .vg-business-panel{margin:0}.vg-business-content .vg-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-menu-photo{width:92px}.vg-menu-item-title{flex-wrap:wrap;gap:6px}.vg-menu-item-body{padding:16px}}
@media(max-width:640px){.vg-business-cover{height:170px}.vg-business-identity{gap:16px;margin-top:-30px;padding-top:12px}.vg-business-logo{width:80px;height:80px;border-radius:17px}.vg-business-identity>div{padding-top:26px}.vg-listing-page h1{font-size:28px!important}.vg-business-eyebrow{font-size:10px!important}.vg-business-meta{gap:4px 12px;font-size:13px}.vg-business-actions{gap:8px;margin-top:18px}.vg-business-actions .vg-business-button{padding:10px 14px;flex:1 0 auto}.vg-business-panel{padding:20px;border-radius:16px;margin-bottom:16px}.vg-business-layout,.vg-business-page-body{padding-top:20px}.vg-business-aside{grid-template-columns:minmax(0,1fr);gap:16px}.vg-business-photo-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vg-menu-grid,.vg-business-content .vg-menu-grid{grid-template-columns:minmax(0,1fr)}.vg-menu-intro{flex-direction:column;align-items:flex-start;gap:12px}.vg-menu-photo{width:94px}.vg-business-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vg-business-gallery-tile{border-radius:12px}.vg-business-dialog{padding:20px}.vg-business-dialog-heading{gap:12px}.vg-business-dialog-heading h2{font-size:21px!important}.vg-business-provider-list{grid-template-columns:minmax(0,1fr)}.vg-business-section-heading{gap:6px}.vg-business-section-heading h2,.vg-listing-page h2{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.vg-listing-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.vg-business-gallery-tile:hover img,.vg-business-photo-preview a:hover img{transform:none}}
@media print{.vg-business-actions,.vg-business-aside,.vg-menu-select,.vg-menu-intro,.vg-menu-nav,.vg-business-dialog,.vg-business-feedback{display:none!important}.vg-business-layout{display:block}.vg-business-cover{height:100px}.vg-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-menu-item{break-inside:avoid}.vg-listing-page{background:#fff}}
