/* Veganue shared shell. Legacy page layouts remain scoped to their own styles. */
:root{--vg-accent:#256b3a;--vg-accent-hover:#1d542d;--vg-text:#17251c;--vg-muted:#5d6b61;--vg-border:#dce5de;--vg-surface:#f5f8f5;--vg-radius:16px;--vg-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.vg-site{margin:0;background:#fff;color:var(--vg-text);font-family:var(--vg-font)}
.vg-container{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin-left:auto;margin-right:auto}
.vg-main{display:block;min-height:50vh;max-width:100%}.vg-main:focus{outline:none}
.vg-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vg-skip-link{position:absolute;left:16px;top:-80px;background:var(--vg-accent);color:#fff;padding:12px 18px;border-radius:8px;z-index:25000}.vg-skip-link:focus{top:12px;color:#fff}
.vg-header,.vg-header *,.vg-drawer,.vg-drawer *,.vg-footer,.vg-footer *,.vg-location-modal,.vg-location-modal *{box-sizing:border-box}
.vg-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--vg-border);font-family:var(--vg-font)}
.vg-header-inner{display:flex;align-items:center;gap:12px;min-height:68px;max-width:1440px;margin:auto;padding:12px 24px}
.vg-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;background:transparent;border:0;border-radius:10px;line-height:1;color:var(--vg-text);cursor:pointer}
.vg-icon-button:hover{background:var(--vg-surface)}.vg-icon-button svg{display:block;flex-shrink:0}
.vg-logo{display:flex;align-items:center;flex:0 0 128px;min-height:44px}.vg-logo img{display:block;width:128px;height:auto;max-width:100%}
.vg-location-button{display:flex;align-items:center;gap:8px;flex:0 1 200px;max-width:200px;height:44px;min-width:0;padding:0 12px;margin:0;border:1px solid var(--vg-border);border-radius:12px;background:var(--vg-surface);color:var(--vg-text);font:500 14px/1.3 var(--vg-font);cursor:pointer}
.vg-location-button span,.vg-location-strip span,.vg-drawer-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vg-location-button i{flex-shrink:0}.vg-location-button i:last-child{margin-left:auto}
.vg-location-strip{display:none}.vg-header-spacer{flex:1}
.vg-header-search{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:120px;height:44px;margin:0;padding:0 4px 0 12px;border:1px solid var(--vg-border);border-radius:12px;background:var(--vg-surface)}
.vg-header-search>i{color:var(--vg-muted);font-size:18px}.vg-header-search input[type=search]{display:block;width:100%;min-width:0;height:42px;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--vg-text);font:400 16px/normal var(--vg-font)}
.vg-header-search input[type=search]:focus{outline:none;box-shadow:none}.vg-header-search:focus-within{outline:2px solid #8ab497;outline-offset:2px}
.vg-search-go{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--vg-accent);color:#fff;font:600 14px/1 var(--vg-font);cursor:pointer}
.vg-desktop-nav{display:flex;align-items:center;gap:6px;flex-shrink:0}.vg-desktop-nav>a,.vg-account>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;font:500 14px/1.4 var(--vg-font);color:var(--vg-text);text-decoration:none;border-radius:10px;white-space:nowrap}.vg-desktop-nav>a:hover,.vg-account>summary:hover{background:var(--vg-surface)}
.vg-desktop-nav>a.vg-signup{background:var(--vg-accent);color:#fff}.vg-desktop-nav>a.vg-signup:hover{background:var(--vg-accent-hover)}
.vg-account{position:relative}.vg-account>summary{max-width:180px;list-style:none;cursor:pointer}.vg-account>summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-account>summary::-webkit-details-marker{display:none}
.vg-account-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;max-width:calc(100vw - 32px);padding:8px;background:#fff;border:1px solid var(--vg-border);border-radius:14px;box-shadow:0 12px 35px #17251c20;z-index:40}.vg-account-menu>a,.vg-account-menu>button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;margin:0;border:0;border-radius:8px;background:transparent;color:var(--vg-text);font:400 15px/1.4 var(--vg-font);text-align:left;text-decoration:none;cursor:pointer}.vg-account-menu>a:hover,.vg-account-menu>button:hover{background:var(--vg-surface)}
.vg-drawer-backdrop{position:fixed;inset:0;background:#12281c70;z-index:11990}.vg-drawer-backdrop[hidden]{display:none}
.vg-drawer{position:fixed;z-index:12000;top:0;bottom:0;left:0;width:340px;max-width:92vw;height:100vh;height:100dvh;padding:20px;background:#fff;box-shadow:10px 0 40px #10251920;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s;font-family:var(--vg-font)}
.vg-drawer.is-open{transform:translateX(0);visibility:visible}.vg-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.vg-drawer-brand img{display:block;width:140px;height:auto}.vg-drawer-account{display:flex;gap:10px;margin:22px 0 16px;flex-wrap:wrap}.vg-drawer-account>span{flex-basis:100%;font-size:13px;color:var(--vg-muted)}.vg-drawer-account>strong{font-size:17px;overflow-wrap:anywhere}.vg-drawer-account>a{flex:1}
.vg-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--vg-accent);border-radius:10px;background:var(--vg-accent);color:#fff;font:600 14px/1.5 var(--vg-font);text-decoration:none;cursor:pointer}.vg-button:hover{background:var(--vg-accent-hover);color:#fff;text-decoration:none}.vg-button-secondary{background:#fff;color:var(--vg-accent)}.vg-button-secondary:hover{background:var(--vg-surface);color:var(--vg-accent)}
.vg-drawer-location{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px;margin:0 0 16px;border:1px solid var(--vg-border);border-radius:10px;background:var(--vg-surface);color:var(--vg-text);font:500 14px/1.5 var(--vg-font);text-align:left;cursor:pointer}.vg-drawer-location i:last-child{margin-left:auto}
.vg-drawer-nav{display:flex;flex-direction:column;gap:3px}.vg-drawer-nav>a,.vg-drawer-nav>button,.vg-drawer-group>summary,.vg-drawer-group>div>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;margin:0;border:0;border-radius:9px;background:transparent;color:var(--vg-text);font:500 15px/1.4 var(--vg-font);text-decoration:none;text-align:left;cursor:pointer}.vg-drawer-nav>a:hover,.vg-drawer-nav>button:hover,.vg-drawer-group>summary:hover,.vg-drawer-group>div>a:hover{background:var(--vg-surface)}.vg-drawer-group>summary{list-style:none;justify-content:space-between}.vg-drawer-group>summary::-webkit-details-marker{display:none}.vg-drawer-group>div{padding:4px 0 4px 14px}.vg-drawer-group>div>a{font-weight:400}.vg-drawer-secondary{margin-top:16px;padding-top:16px;border-top:1px solid var(--vg-border)}
body.vg-drawer-open{overflow:hidden}
.vg-location-modal{z-index:13000}.vg-location-panel.modal-dialog{position:relative;width:calc(100% - 32px);max-width:480px;margin:6vh auto 24px;padding:28px;background:#fff;color:var(--vg-text);border:1px solid var(--vg-border);border-radius:20px;box-shadow:0 20px 70px #17251c30;font-family:var(--vg-font)}
.vg-location-close{position:absolute;right:14px;top:14px}.vg-location-panel h2{float:none!important;padding:0 40px 0 0;margin:0 0 8px!important;color:var(--vg-text)!important;font:700 23px/1.3 var(--vg-font)!important;text-transform:none!important;letter-spacing:-.03em!important}.vg-location-panel>p{font:400 14px/1.5 var(--vg-font);color:var(--vg-muted);margin:0 0 18px}
.vg-current-location{display:flex;flex-direction:column;gap:3px;margin:20px 0;padding:14px;border:1px solid var(--vg-border);border-radius:12px;background:var(--vg-surface);overflow-wrap:anywhere}.vg-current-location span,.vg-current-location small{font-size:13px;color:var(--vg-muted)}.vg-current-location strong{font-size:16px}
.vg-location-panel>label{display:block;margin:0 0 8px;color:var(--vg-text);font:600 14px/1.5 var(--vg-font)}.vg-location-panel input#searchTextField{display:block;width:100%;height:46px;padding:10px 12px;margin:0 0 12px;border:1px solid #a5b7aa;border-radius:10px;background:#fff;color:var(--vg-text);font:400 16px/1.5 var(--vg-font)}.vg-location-panel input:disabled{background:var(--vg-surface);opacity:.7}.vg-location-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.vg-location-panel>.vg-location-status{margin:14px 0 0;min-height:0}.vg-site .pac-container{z-index:13020!important;border-radius:10px;font-family:var(--vg-font)}
#footer.vg-footer{background:var(--vg-surface);color:var(--vg-text);border-top:1px solid var(--vg-border);padding:36px 0 0;margin:0;font-family:var(--vg-font)}
.vg-footer-grid{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(100px,1fr) minmax(100px,1fr) minmax(170px,1.2fr);gap:32px;padding-bottom:28px}.vg-footer-brand>a{display:inline-flex;min-height:44px;align-items:center}.vg-footer-brand img{display:block;width:160px;height:auto}.vg-footer-brand p{font-size:14px;color:var(--vg-muted);margin:12px 0}.vg-footer-social{display:flex;gap:6px}.vg-footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--vg-border);border-radius:50%;background:#fff;color:var(--vg-accent);font-size:18px}
#footer.vg-footer h2{font:600 14px/1.5 var(--vg-font)!important;color:var(--vg-text)!important;margin:0 0 6px!important;letter-spacing:0!important;text-transform:none!important}.vg-footer nav{display:flex;flex-direction:column;align-items:flex-start}.vg-footer nav>a{display:flex;align-items:center;min-height:44px;padding:8px 0;color:var(--vg-muted);font-size:14px;text-decoration:none}.vg-footer a:hover{color:var(--vg-accent);text-decoration:underline;text-underline-offset:3px}.vg-footer-app{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.vg-play-link{display:flex;align-items:center;min-height:44px}.vg-play-link img{width:170px;max-width:100%;height:auto}.vg-footer-app button[hidden]{display:none}
.vg-footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px;min-height:72px;padding-top:12px;padding-bottom:12px;border-top:1px solid var(--vg-border);font-size:13px}.vg-footer-bottom p{margin:0;color:var(--vg-muted)}.vg-footer-bottom a{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--vg-muted)}.vg-footer-top{margin-left:auto}
.vg-header :is(a,button,summary):focus-visible,.vg-drawer :is(a,button,summary):focus-visible,.vg-footer :is(a,button):focus-visible,.vg-location-modal :is(a,button,input):focus-visible{outline:3px solid #7ca58a;outline-offset:3px}
.vg-suggestions{box-sizing:border-box;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;margin:0;padding:6px;background:#fff;border:1px solid var(--vg-border);border-radius:12px;box-shadow:0 12px 35px #17251c20;max-height:300px;overflow-y:auto}.vg-suggestions[hidden]{display:none}.vg-suggestion{box-sizing:border-box;display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:#fff;color:var(--vg-text);font:400 15px/1.5 var(--vg-font);text-align:left;cursor:pointer;overflow-wrap:anywhere}.vg-suggestion:hover,.vg-suggestion[aria-selected=true]{background:var(--vg-surface)}
@media(max-width:1100px){.vg-desktop-nav{display:none}.vg-header-inner{gap:12px}.vg-location-button{max-width:180px}}
@media(max-width:720px){.vg-container{width:calc(100% - 32px)}.vg-header-inner{gap:8px;padding:8px 12px;min-height:60px}.vg-location-strip{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:0;padding:8px 16px;border:0;border-bottom:1px solid var(--vg-border);background:var(--vg-surface);color:var(--vg-text);font:500 13px/1.4 var(--vg-font);cursor:pointer}.vg-location-button{display:none}.vg-logo{flex-basis:100px}.vg-logo img{width:100px}.vg-header-search{min-width:0}.vg-header-search>i{display:none}.vg-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.vg-footer-brand{grid-column:1/-1}.vg-footer-app{grid-column:1/-1}.vg-location-panel.modal-dialog{padding:24px 20px}.vg-footer-bottom{gap:8px 18px}.vg-footer-top{margin-left:0}}
@media(max-width:440px){.vg-search-go{display:none}.vg-header-search{padding:0 10px}.vg-header-search input[type=search]{font-size:16px}.vg-logo{flex-basis:92px}.vg-logo img{width:92px}.vg-footer-bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.vg-drawer{transition:none}.vg-site{scroll-behavior:auto}}
